@charset "UTF-8";
@import url(font.css);

/*  ==========================================================================
	@ COMMON.CSS
	========================================================================== */
	::-moz-selection {
		background:#fc4645;
		color:#ffffff;
	}
	::selection {
		background:#fc4645;
		color:#ffffff;
	}
	* {
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-appearance: none;
		-webkit-text-size-adjust:none;
		-webkit-font-smoothing:subpixel-antialiased;
		-webkit-overflow-scrolling:touch;
	}
/*  ==========================================================================
	@ INIT
	========================================================================== */
	html,body {
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:400;
		color:#444444;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p {
		margin:0;
		padding:0;
	}
	ul,
	ol,
	dl,
	dt,
	dd {
		padding:0;
		margin:0;
	}
	li {
		list-style:none;
	}
	a {
		vertical-align:middle;
		text-decoration:none;
	}
	i {
		vertical-align:middle;
	}
	span {
		vertical-align:middle;
	}
	img {
		max-width:100%;
		height:auto;
		vertical-align:middle;
	}
	input,
	textarea,
	select {
		outline:none;
		border-radius:0;
		vertical-align:middle;
	}
	button {
		border:none;
		outline:none;
		background-color:transparent;
		padding:0;
		vertical-align:middle;
		cursor:pointer;
	}
	table {
		padding:0; 
		border-spacing:0px; 
		border:0; 
		border-collapse:collapse;
	}
	caption,
	legend {
		display:none;
	}
	fieldset {
		margin:0;
		padding:0;
		border:none;
	}
/*  ==========================================================================
	@ TAGS
	========================================================================== */
	h1 {
		font-size:36px;
	}
	h2 {
		font-size:36px;

	}
	h3 {
		font-size:20px;
	}
	h4 {
		font-size:18px;
	}
	h5 {
		font-size:16px;
	}
	h6 {
		font-size:14px;
	}
	p {
		line-height:18px;
		text-align:justify;
	}
	a {
		position:relative;
		display:inline-block;
		color:#444444;
		margin-left:5px;
	}
	a:first-child {
		margin-left:0;
	}
	a:hover {
		color:#fc4645;
	}
	i {
		font-size:35px;
	} 
	label {
		font-weight:bold;
	}
/*  ==========================================================================
	COMMON CLASS
	========================================================================== */
	.full {
		width:100%;
	}
	.bold {
		font-weight:800;
		font-weight:bold;
	}
	.underline {
		text-decoration:underline;
	}
	.right {
		text-align:right;
	}
	.center {
		position:absolute;
		width:100%;
		top:50%;
		transform:translateY(-50%);
	}

	/* 삭제 */
	.ajax {
		display:none;
	}
/*  ==========================================================================
	COLUMN
	========================================================================== */
	.col {
		float:left;
	}
	.col_2 {
		width:50%;
	}
	.col_3 {
		width:33.33333333%;
	}
	.col_4 {
		width:25%;
	}
	.col_group_2_15 {
		padding-right:15px;
	}
	.col_group_2_15 .col {
		width:50%;
		margin-left:30px;
		margin-right:-15px;
	}
	.col_group_2_15 .col:nth-child(3n+1) {
		margin-left:0;
	}
	.col_group_3_10 {
		padding-right:20px;
		border:1xp solid red;
	}
	.col_group_3_10 .col {
		width:33.33333333%;
		margin-left:30px;
		margin-right:-20px;
	}
	.col_group_3_10 .col:nth-child(3n+1) {
		margin-left:0;
	}
	.col_group_3_15 {
		padding-right:30px;
		border:1xp solid red;
	}
	.col_group_3_15 .col {
		width:33.33333333%;
		margin-left:45px;
		margin-right:-30px;
	}
	.col_group_3_15 .col:nth-child(3n+1) {
		margin-left:0;
	}
	.col_group_4_15 {
		padding-right:60px;
	}
	.col_group_4_15 .col {
		width:33.33333333%;
		margin-left:75px;
		margin-right:-60px;
	}
	.col_group_4_15 .col:nth-child(3n+1) {
		margin-left:0;
	}
/*  ==========================================================================
	@ CONTAINER
	========================================================================== */
	.container {
		position:relative;
		width:100%;
		height:100%;
		margin:0;
	}
/*  ==========================================================================
	@ RoyalSlider
	========================================================================== */
	.rsSlider.bullet .rsBullets {
		position:absolute;
		width:100%;
		height:10px;
		bottom:10px;
		text-align:center;
	}
	.rsSlider.bullet .rsBullet {
		display:inline-block;
		margin-left:5px;
		vertical-align:top;
		cursor:pointer;
	}
	.rsSlider.bullet .rsBullet:first-child {
		margin-left:0;
	}
	.rsSlider.bullet .rsBullet span {
		display:block;
		width:10px;
		height:10px;
		background-color:#555555;
	}
	.rsSlider.bullet .rsBullet.rsNavSelected span {
		background-color:#ff7d70;
	}
/*  ==========================================================================
	@ GRADIENT
	========================================================================== */
	.gradient {
		background: linear-gradient(138deg, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 57%, rgba(51,51,51,1) 100%);
	}
/*  ==========================================================================
	@ SHADOW
	========================================================================== */
	.shadow_text {
		text-shadow: 0px 1px 2px rgba(150, 150, 150, 0.1);
	}
	.shadow_box {
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1), 0 4px 8px 0 rgba(0,0,0,0.1) !important;
	}
/*  ==========================================================================
	@ ROUND
	========================================================================== */
	.round_3 {
		position:relative;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		overflow:hidden;
	}
	.round_top_3 {
		position:relative;
		border-radius:3px 3px 0px 0px;
		-moz-border-radius:3px 3px 0px 0px;
		-webkit-border-radius:3px 3px 0px 0px;
		overflow:hidden;
	}
	.round_bottom_3 {
		position:relative;
		border-radius:0px 0px 3px 3px;
		-moz-border-radius:0px 0px 3px 3px;
		-webkit-border-radius:0px 0px 3px 3px;
		overflow:hidden;
	}
	.round_5 {
		position:relative;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		overflow:hidden;
	}
	.round_10 {
		position:relative;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		overflow:hidden;
	}
	.round_20 {
		position:relative;
		border-radius:20px;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		overflow:hidden;
	}
	.round_60 {
		position:relative;
		border-radius:60px;
		-moz-border-radius:60px;
		-webkit-border-radius:60px;
		overflow:hidden;
	}
	.round_circle {
		position:relative;
		border-radius:50%;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		overflow:hidden;
	}
/*  ==========================================================================
	@ TRANSITION
	========================================================================== */
	.ts_all {
		-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
		-moz-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
		-o-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
		transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */

		-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
		-o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
	}
/*  ==========================================================================
	@ HELPER
	========================================================================== */
	ul:before,
	ul:after,
	li:before,
	li:after,
	dl:before,
	dl:after,
	dd:before,
	dd:after,
	fieldset:before,
	fieldset:after,
	.container:before,
	.container:after,
	.row:before,
	.row:after,
	.col_group:before,
	.col_group:after,
	.clear:before,
	.clear:after {
		display:table;
		content:" ";
	}
	ul:after,
	li:after,
	dl:after,
	dd:after,
	fieldset:after,
	.container:after,
	.row:after,
	.col_group:after,
	.clear:after {
		clear:both;
	}



	

	/* hidden */
	.hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
	.hide {display: none;}

	/*fixed*/
	.fixed {overflow: hidden}

	/* float */
	.clearfix:after {content: '';display: block;clear:both;}
	.fl {float:left;}
	.fr {float:right !important;}


/*  ==========================================================================
	@ LAYOUT
	========================================================================== */

body { background:#f3f6fb; }

/* header */
.header { position:relative; z-index:2; }
.header.enter:before { display:block; position:absolute; top:110px; width:100%; height:1px; content:""; background:#e5e5e5; z-index:16; }
.header_inner { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; max-width:1280px; height:110px; z-index:15; flex-wrap:nowrap; justify-content: space-between; margin:0 auto; padding:15px 0 15px 0; box-sizing:border-box; }
.header_inner:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}

.header_inner h1 { -webkit-box-flex: 1.5; -ms-flex: 1.5; flex: 1.5; text-align: center; background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; }
.header_inner .logo { width:124px; height:80px; background:url(./img/common/logo.png) no-repeat 50% 50%; }
.header_inner .gnb { -webkit-box-flex:5; -ms-flex:5; flex:5; width:686px; text-align: center; float:left; padding:15px 0; }
.header_inner .gnb .gnb-list { display: -webkit-box; display: -ms-flexbox; display:flex; width:680px;  }
.header_inner .gnb-list .gnb-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width:136px; }
.header_inner .gnb-list .gnb-item a.gnb-title { color:#333; line-height:50px; font-size:22px; font-weight:500; padding:0; }
.header_inner .gnb-list .gnb-item ul { display:inline-block; width:100%; float:left; padding:20px 0 20px 0; } /* float는 마우스 오버/아웃시 네비게이션이 움직이는 버그 수정때문에 필요 */
.enter .header_inner .gnb-list .gnb-item ul { padding:60px 0 20px 0; }
.header_inner .gnb-list .gnb-item ul li { display:none; text-align:center; padding:0; }
.header_inner .gnb-list .gnb-item ul li a { color:#1d1916; width:100%; font-size:18px; font-weight:400; line-height:40px; padding:0; }
.header_inner .gnb-list .gnb-item ul li a:hover { color:#ff702d; } 
.header_inner .btn-subscr { display:block; -webkit-box-flex:1; -ms-flex:1; flex:1; color:#ff702d; line-height:50px; font-size:22px; font-weight:500; text-align:center; padding:15px 0; margin:0; }
.header_inner .util { -webkit-box-flex:2.5; -ms-flex:2.5; flex:2.5; text-align:right; padding:20px 0; margin:0; }
.header_inner .util a { line-height:40px; font-size:18px; }
.header_inner .util .login-before a { padding:0 24px 0 24px; margin:0; }
.header_inner .util .login-before a.btn-main { color:#fff; background:#1d1916; border-radius:25px; }
.header_inner .util .login-after a.btn-user { display:inline-block; width:168px; text-align:right;  padding:0 16px 0 0; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.header_inner .util .login-after a.btn-user em { font-size:14px; color:#bebebe; font-weight:300; }
.header_inner .util .login-after a.btn-sub { position:relative; padding:0 0 0 16px; margin:0; }
.header_inner .util .login-after a.btn-sub:after { display:block; position:absolute; top:15px; left:0; width:1px; height:14px; content:""; background:#e5e5e5; }
.header .before { display:none; position:absolute; left:0; top:0;	z-index:5; width:100%; height:300px; box-shadow: 5px 4px 5px rgba(0, 0, 0, 0.16); border-top:1px solid #ddd;
	background-color:#fff; content:"";		
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}

/* 모바일 메뉴 버튼*/
.btn_mob_gnb {display:none;position:absolute;top:19px;left:0;width:68px;height:48px;overflow:hidden; z-index:1005;}
.btn_mob_gnb span, 
.btn_mob_gnb span::before, 
.btn_mob_gnb span::after {
  /* hamburger icon in CSS */
  position:absolute;
  display:inline-block;
  height:3px;
  width:27px;
  background:#222;
}
.btn_mob_gnb span {
  /* line in the center */
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-13px;
  margin-top:-2px;
  -webkit-transition:background 0.2s;
  -moz-transition:background 0.2s;
  transition:background 0.2s;
}
.btn_mob_gnb span::before, 
.btn_mob_gnb span::after {
  /* other 2 lines */
  content:'';
  right:0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transform-origin:0% 50%;
  -moz-transform-origin:0% 50%;
  -ms-transform-origin:0% 50%;
  -o-transform-origin:0% 50%;
  transform-origin:0% 50%;
  -webkit-transition:-webkit-transform 0.2s;
  -moz-transition:-moz-transform 0.2s;
  transition:transform 0.2s;
}
.btn_mob_gnb span::before {
  /* menu icon top line */
  top:-8px;
}
.btn_mob_gnb span::after {
  /* menu icon bottom line */
  top:8px;
}
.btn_mob_gnb.on span {
  /* hide line in the center */
  background:rgba(255, 255, 255, 0);
}
.btn_mob_gnb.on span::before, 
.btn_mob_gnb.on span::after {
  /* keep visible other 2 lines */
  background-color:#fff;
}
.btn_mob_gnb.on span::before {
  -webkit-transform:translateX(1px) translateY(2px) rotate(42deg);
  -moz-transform:translateX(1px) translateY(2px) rotate(42deg);
  -ms-transform:translateX(1px) translateY(2px) rotate(42deg);
  -o-transform:translateX(1px) translateY(2px) rotate(42deg);
  transform:translateX(2px) translateY(0px) rotate(42deg);
}
.btn_mob_gnb.on span::after {
  -webkit-transform:translateX(1px) translateY(0px) rotate(-42deg);
  -moz-transform:translateX(1px) translateY(0px) rotate(-42deg);
  -ms-transform:translateX(1px) translateY(0px) rotate(-42deg);
  -o-transform:translateX(1px) translateY(0px) rotate(-42deg);
  transform:translateX(2px) translateY(2px) rotate(-42deg);
}			

@media screen and (max-width: 1280px){
	.header_inner { display: flex; flex-direction: column; align-items: center; border-bottom:0; /* padding: 25px 15px; */ }
	.header_inner .gnb { display:none; }
	.header_inner .btn-subscr { display:none; }
	.header_inner .util { display:none; }
	.btn_mob_gnb { display:block; }

}

/* contents */
.container { padding:30px 0 100px 0; margin:0 auto 0 auto; }
.contents .top-title { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content: space-between; max-width:1280px; height:50px; padding:0 0 30px 0; margin:0 auto; }
.contents .top-title h2 { height:50px; line-height:50px; font-size:36px; font-weight:700; }
.contents .top-title .extra a { line-height:50px; font-size:18px; padding:0 32px 0 32px; }
.contents .top-title .extra a.btn-sub { color:#ff702d; border:1px solid #ff702d; border-radius:30px; }
.contents .top-title .extra a.btn-main { color:#fff; margin:0 0 0 16px; background:#ff702d; border-radius:30px; }
.con-inner { max-width:1280px; padding:60px 40px 80px 40px; margin:30px auto 0 auto; border-radius:24px; background:#fff; }
@media screen and (max-width: 1280px){
	.container { padding:0 0 100px 0; }
	.contents .top-title { width:100%; height:32px; padding:0 16px 16px 16px; }
	.contents .top-title h2 { height:32px; line-height:32px; font-size:24px; }
	.contents .top-title .extra a { line-height:32px; font-size:16px; padding:0 16px 0 16px; }
	.contents .top-title .extra a.btn-main { margin:0 0 0 8px; }
	.row { margin:0; }
	.con-inner { width:100%; padding:20px 16px 40px 16px; margin:20px auto 0 auto; border-radius:0; }
}

/* tab */
.con-inner .box-tab { height:60px; font-size:20px; letter-spacing:-1px; border:3px solid #edeef0; border-radius:30px; background:#edeef0; margin:0 0 60px 0; }
.box-tab .nav  {  display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; flex-wrap:nowrap; justify-content: space-between; }
.box-tab .nav .nav-item { width:50%; }
.box-tab .nav:has(li:nth-last-child(n + 3)) .nav-item { width:33.3%; }
.box-tab .nav:has(li:nth-last-child(n + 6)) .nav-item { width:16.6%; }
.box-tab .nav .nav-link { display:block; width:100%; color:#777; line-height:54px; text-align:center; padding:0; }
.box-tab .nav .nav-link.active { color:#ff702d; font-weight:700; background:#fff; border-radius:28px; }

@media screen and (max-width: 1280px){
	.con-inner .box-tab { height:42px; font-size:13px; letter-spacing:0; border:2px solid #f4f4f5; border-radius:30px; background:#f4f4f5; margin:0 0 20px 0; }
	.box-tab .nav .nav-link { line-height:38px; }
	.box-tab .nav .nav-link.active { border-radius:28px; }
}

/* searchbar */
.con-inner .search-bar { margin:0 0 30px 0; }
.search-bar .search-box { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content: space-between; width:400px; height:50px; line-height:50px; padding:0 24px; margin:0 auto; border:1px solid #ddd; border-radius:60px; }
.search-box .select-list .form-select { width:160px; line-height:48px; padding:0 0 0 0; border:none; }
.search-bar .search-box .search-input { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content: space-between; width:350px; }
.search-bar .search-box .search-input input::placeholder { color:#999; }
.search-bar .search-box .search-input .btn-search i { font-size:24px; vertical-align:bottom; }
.search-bar .search-box:has(.form-select) .search-input { width:224px; }
.search-bar .search-box:not(:has(.form-select)) .search-input input { width:294px; }
@media screen and (max-width: 1280px){
	.con-inner .search-bar { margin:0 0 20px 0; }
	.search-bar .search-box { width:100%; height:40px; line-height:40px; padding:0 20px 0 20px; border-radius:30px; }
	.search-box .select-list .form-select { width:120px; line-height:38px; font-size:14px; padding:0 0 0 0; border:none; }
	.search-bar .search-box .search-input { width:100%; }
	.search-bar .search-box .search-input input { width:100%; font-size:14px; }
	.search-bar .search-box:has(.form-select) .search-input { width:100%; }
	.search-bar .search-box:not(:has(.form-select)) .search-input input { width:100%; }
}

/* Board(table) */
.box-con .board-wrap { }
.box-con .box-util { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content: space-between; width:100%; font-size:18px; margin:0 0 8px 0; }
.box-con .box-util .util-count strong { color:#ff702d; }
.box-con .box-util .btn-group a { font-size:16px; line-height:24px; padding:6px 12px; border:1px solid #ced4da; border-radius:4px; }
.box-con .box-util .btn-group a.active { color:#ff702d; border-color:#ff702d; }
.board-wrap table.tbl { width:100%; border-top:1px solid #ddd; table-layout:fixed; }
.board-wrap table.tbl th { line-height:24px; font-size:16px; color:#333; text-align:center; padding:14px 0 14px 0; border-bottom:1px solid #ddd; background:#fcfcfc; }
.board-wrap table.tbl td { line-height:28px; font-size:18px; color:#777; text-align:center; padding:12px 0 12px 0; border-bottom:1px solid #ddd; word-break:break-all; }
.board-wrap table.tbl td.text-align { color:#1d1916; text-align:left; padding:16px 16px 16px 16px; }
.board-wrap table.tbl td.text-align .tit i { vertical-align:middle; margin-left:4px; }
/*
.board-wrap table.tbl td.text-align .tit { display:inline-block; max-width:90%; margin-right:10px; color:#1d1916; vertical-align:top; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
*/
.board-wrap table.tbl td a i { font-size:24px; vertical-align:bottom; }
@media screen and (max-width: 1280px){
	.box-con .box-util { font-size:14px; margin:0 0 4px 0; }
	.box-con .box-util .form-select { min-width:78px; font-size:14px; padding:4px 0 4px 4px; } /* 모바일에서 옵션글자수가 적어서 틀어지는 버그 해결위해 min-width값 추가 */
	.box-con .box-util .btn-group a { font-size:14px; line-height:24px; padding:2px 6px; }
	.board-wrap table.tbl th { line-height:18px; font-size:13px; padding:8px 0 8px 0; }
	.board-wrap table.tbl td { line-height:18px; font-size:13px; padding:8px 0 8px 0; }
	.board-wrap table.tbl td.text-align { padding-left:12px; }
	.board-wrap table.tbl td.text-align .tit { font-size:14px; }
	.board-wrap table.tbl td a i { font-size:18px; }
}

/* paging */
.pagination { display:block; text-align:center; margin:48px auto 0 auto; }
.pagination button,
.pagination .page-num { display:inline-block; vertical-align:middle; }
.pagination button { width:auto; color:#999; padding:0 15px; line-height:30px; border:1px solid #ddd; border-radius:4px; }
.pagination button.btn-page-first,
.pagination button.btn-page-prev { margin-right:5px; }
.pagination button.btn-page-next,
.pagination button.btn-page-last { margin-left:5px; }
.pagination button span { vertical-align:text-bottom; }
.pagination button i { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.pagination .page-num a,
.pagination .page-num strong { display:inline-block; margin:0 20px; font-size:18px; color:#999; vertical-align:middle; }
.pagination .page-num strong { position:relative; color:#1d1916; font-weight:700; }
@media screen and (max-width: 1280px){
	.pagination button { width:auto; color:#999; padding:0 4px; line-height:24px; border:1px solid #ddd; border-radius:4px; }
	.pagination button i { position:static; width:24px; height:24px; font-size:18px; margin:0; padding:0; overflow: hidden; clip:auto; border:0; }
	.pagination button span { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
	.pagination .page-num a,
	.pagination .page-num strong { margin:0 8px; font-size:16px; }
}

/* footer */
.footer-wrap { position:relative; width:100%; color:#fff; background:#181853; }
.footer-wrap .inner { width:1280px; margin:0 auto; padding:80px 0 80px 0; }
.footer-wrap .footer-top ul { display:-webkit-box; display:-ms-flexbox; display:flex; }
.footer-wrap .footer-top li { margin:0 36px 0 0; }
.footer-wrap .footer-top a { color:#fff; }
.footer-wrap .footer-top .privacy { color:#ffe32a; }
.footer-wrap .footer-bottom { /* margin:36px auto 0 auto; */ font-size:18px; font-weight:300; margin:0 auto 0 auto; }
.footer-wrap .footer-bottom em { font-weight:400; margin:0 0 0 12px; }
.footer-wrap .footer-bottom .f-phone span:first-child em { margin:0 0 0 0; }
.footer-wrap .footer-bottom .f-address { margin:0 0 8px 0; }
.footer-wrap .footer-bottom .f-copyright { font-weight:300; margin:20px auto 0 auto; }
@media (max-width: 1280px) {
	.footer-wrap .inner { width:100%; padding:40px 16px 40px 16px; }
}
@media (max-width: 768px) {
	
	/* .footer-wrap .footer-top ul { display:-webkit-box; display:-ms-flexbox; display:flex; } */
	.footer-wrap .footer-top li { margin:0 12px 0 0; }
	.footer-wrap .footer-bottom { font-size:15px; }
	.footer-wrap .footer-bottom span { display:block; width:100%; margin:0 0 4px 0; }
	.footer-wrap .footer-bottom em { margin:0 0 0 0; }
	.footer-wrap .footer-bottom .f-address { margin:0 0 8px 0; }
	.footer-wrap .footer-bottom .f-copyright { letter-spacing:-1px; margin:12px auto 0 auto; }
}

/* Board View */
.board-wrap .board-view { width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.board-view .view-head  { padding:24px 32px 24px 32px; border-bottom:1px solid #ddd; }
.board-view .view-head .view-title { color:#1d1916; font-size:20px; font-weight:700; }
.board-view .view-head .view-item { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; width:100%; }
.board-view .view-head .view-item li { position:relative; font-size:16px; padding:0 12px 0 0; margin:0 12px 0 0; }
.board-view .view-head .view-item li:after { display:block; position:absolute; top:10px; right:0; width:1px; height:14px; content:""; background:#e5e5e5; }
.board-view .view-head .view-item li:last-child:after { display:none; }
.board-view .view-head .view-item li strong { font-weight:500; vertical-align:middle; margin-right:8px; }
.board-view .view-head .view-item li span { color:#777; vertical-align:middle; }
.board-view .view-con  { line-height:1.5; padding:24px 32px 24px 32px; border-bottom:1px solid #ddd; }
.board-view .view-con p { color:#333; font-size:16px; line-height:1.5; margin:0 0 16px 0;  }
.board-view .view-file { padding:24px 32px 24px 32px; background:#f4f5f6; }
.board-view .view-file .file-title { color:#1d1916; font-size:18px; font-weight:400; line-height:30px; }
.board-view .view-file .file-item li { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content: space-between; width:100%; margin:0 0 8px 0; }
.board-view .view-file .file-item li > span { display:block; width:calc(100% - 100px); text-align:left; }
.board-view .view-file .file-item li > span a { color:#777; }
.board-view .view-file .file-item .btn-download { width:100px; color:#333; text-align:center; padding:0 15px; line-height:30px; margin:0; border:1px solid #333; border-radius:4px; background:#fff; }
.board-view .view-file .file-item .btn-download i { display:none; }
.board-view .view-file .file-item .btn-download span { vertical-align: text-bottom; }

.box-con .btn-wrap { text-align:center; margin:40px 0 0 0; }
.box-con .btn-wrap a { line-height:40px; font-size:18px; padding:0 36px 0 36px; margin:0 4px; border-radius:25px; }
.box-con .btn-wrap .btn-sub { color:#1d1916; border:1px solid #1d1916; }
.box-con .btn-wrap .btn-main { color:#fff; background:#1d1916; }

.board-view .view-spec  { border-bottom:1px solid #ddd; }
.board-view .view-spec dl { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content: space-between; width:100%; }
.board-view .view-spec dt { width:160px; color:#1d1916; font-weight:400; padding:16px 0 16px 32px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f4f5f6; }
.board-view .view-spec dd { width:calc(100% - 160px); padding:16px 32px 16px 32px; border-bottom:1px solid #ddd; }
.board-view .view-spec .spec-con { padding:32px 0 32px 0; }
/* 해시태그 추가 */
.board-view .view-tag  { padding:24px 32px 24px 32px; border-bottom:1px solid #ddd; }
.view-tag .tag-list { width:100%; height:32px; overflow:hidden; }
.view-tag .tag-list li { display:inline-block; height:32px; line-height:30px; padding:0 15px; margin:0 2px; border:1px solid #fff0ea; background:#fff0ea; border-radius:4px; }
.view-tag .tag-list li span { display:inline-block; line-height:30px; vertical-align:top; font-size:16px; color:#ff702d; }
.view-tag .btn-tag { color:#333; line-height:30px; padding:0 15px; margin:4px 2px 2px 2px; border:1px solid #333; border-radius:4px; background:#fff; }
@media screen and (max-width: 1280px){
	.board-view .view-head  { padding:12px 0 12px 0; }
	.board-view .view-head .view-title { font-size:16px; }
	.board-view .view-head .view-item li { font-size:12px; padding:0 6px 0 0; margin:0 6px 0 0; }
	.board-view .view-con  { font-size:14px; padding:12px 0 12px 0; }
	.board-view .view-con p { font-size:14px; margin:0 0 8px 0;  }
	.board-view .view-file { padding:12px 0 12px 0; background:#fff; }
	.board-view .view-file .file-title { font-size:13px; font-weight:400; line-height:18px; }
	.board-view .view-file .file-item li > span { width:calc(100% - 80px); }
	.board-view .view-file .file-item li > span a { font-size:13px; }
	.board-view .view-file .file-item .btn-download { width:80px; font-size:13px; padding:0 8px; margin:auto; line-height:24px; }
	.board-view .view-file .file-item .btn-download span { vertical-align:middle; }

	.box-con .btn-wrap { margin:24px 0 0 0; }
	.box-con .btn-wrap a { width:100%; font-size:13px; text-align:center; padding:0 0 0 0; margin:0; border-radius:25px; }
	.box-con .btn-wrap:has(a:nth-last-child(n + 2)),
	.box-con .btn-wrap:has(a:nth-last-child(n + 3)) { display:flex; flex-wrap:nowrap; justify-content: space-between; width:100%; }
	.box-con .btn-wrap:has(a:nth-last-child(n + 2)) a { width:49%; }
	.box-con .btn-wrap:has(a:nth-last-child(n + 3)) a { width:32%; }

	.board-view .view-spec dt { width:100px; font-size:13px; padding:8px 0 8px 0; }
	.board-view .view-spec dd { width:calc(100% - 100px); font-size:13px; padding:8px 0 8px 8px; }
	.board-view .view-spec .spec-con { padding:16px 0 16px 0; }
	/* 해시태그 추가 */
	.board-view .view-tag  { padding:12px 0 12px 0; }
	.view-tag .tag-list { height:24px; }
	.view-tag .tag-list li { height:24px; line-height:24px; padding:0 8px; }
	.view-tag .tag-list li span { line-height:24px; font-size:13px; }
	.view-tag .btn-tag { font-size:13px; line-height:24px; padding:0 8px; }
}

/* FAQ */
.board-wrap .accordion-button { position:relative; font-size:18px; line-height:28px; padding:24px 32px 24px 96px; }
.board-wrap .accordion-button::before { position:absolute; left:32px; top:50%; width:32px; height:32px; content:"Q"; color:#ff702d; line-height:32px; text-align:center; background:#fff0ea; border-radius:16px; margin-top:-16px; }
.board-wrap .accordion-button::after { width:24px; height:24px; background-size:24px; }
.board-wrap .accordion-button:focus { box-shadow:none; }
.board-wrap .accordion-button:not(.collapsed) { color:#ff702d; background-color:#ffffff; box-shadow:none; border-bottom: 1px solid #ddd; }
.board-wrap .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
}
.board-wrap .accrd-list { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.board-wrap .accordion-item:has(.show) .accordion-body { background:#f4f5f6; }
.board-wrap .accordion-body { position:relative; padding:24px 32px 8px 96px; }
.board-wrap .accordion-body::before { position:absolute; left:32px; top:50%; width:32px; height:32px; content:"A"; color:#fff; line-height:32px; text-align:center; background:#1d1916; border-radius:16px; margin-top:-16px; }
.board-wrap .accordion-body p { color:#333; font-size:16px; margin:0 0 16px 0;  }
@media screen and (max-width: 1280px){
	/* #header { display:none; } */
	/* #footer { display:none; } */
	.board-wrap .accordion-button { font-size:14px; line-height:18px; padding:12px 0 12px 36px; }
	.board-wrap .accordion-button::before { left:0; top:50%; width:24px; height:24px; line-height:18px; border-radius:16px; margin-top:-12px; }
	.board-wrap .accordion-button::after { background-size:18px; }
	.board-wrap .accordion-item:has(.show) .accordion-body { background:#fff; }
	.board-wrap .accordion-body { font-size:14px; padding:12px 0 4px 36px; }
	.board-wrap .accordion-body::before { left:0; top:50%; width:24px; height:24px; line-height:24px; border-radius:16px; margin-top:-12px; }
	.board-wrap .accordion-body p { font-size:13px; margin:0 0 8px 0;  }		
}

/* 문의하기 */
.board-wrap .board-write { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.board-write .write-item { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; width:100%; padding:0 32px 24px 32px; }
.board-write .write-item:first-child { padding:24px 32px 24px 32px; }
.board-write .write-item.write-file { border-bottom:none; }
.board-write .write-item .write-label { width:20%; padding:4px 0 0 0; }
.board-write .write-item.write-file .write-label { padding:12px 0 0 0; }
.board-write .write-item .write-label label { font-size:18px; font-weight:400; margin:0; vertical-align:middle; }
.board-write .write-item .write-label label.required:after { content:"*"; font-size:18px; font-weight:400; color:#ff702d; padding-left:1px; }
.board-write .write-item .write-input { width:80%; }
.board-write .write-item .form-input { display:block; width:100%; color:#1d1916; font-weight:300; font-size:16px; padding:12px; background:#f4f5f6; border:1px solid #f4f5f6; border-radius:4px; }
.board-write .write-item .form-textarea { display:block; width:100%; min-height:200px; color:#1d1916; font-weight:300; font-size:16px; padding:12px; background:#f4f5f6; border:1px solid #f4f5f6; border-radius:4px; }
.board-write .write-item .form-input::placeholder,
.board-write .write-item .form-textarea::placeholder{ color:#999; }
.board-write .write-item .file-inner { display:block; width:100%; color:#1d1916; font-weight:300; font-size:16px; padding:12px; background:#f4f5f6; border:1px solid #f4f5f6;  border-radius:4px; }
.board-write .write-item .file-inner .btn-file { width:100px; color:#333; font-size:16px; font-weight:400; text-align:center; line-height:30px; margin:0; border:1px solid #333; border-radius:4px; background:#fff; }
.board-write .write-item .file-inner span.tip { color:#999; font-size:14px; margin-left:4px; }
.board-write .write-item .file-list li { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content: space-between; width:100%; margin:4px 0 0 0; }
.board-write .write-item .file-list .file-name { width:calc(100% - 100px); text-align:left; }
.board-write .write-item .file-list .file-delete { width:100px; text-align:right; }
.board-write .write-item .file-input { display:block; width:100%; color:#1d1916; font-weight:300; font-size:16px; padding:4px 0; background:transparent; }
.board-write .write-item .file-list .file-delete .btn-delete { line-height:24px; color:#fff; font-size:14px; vertical-align:sub; padding:0 12px 0 12px; border-radius:20px; border:1px solid #1d1916; background:#1d1916; }
@media screen and (max-width: 1280px){
	.board-write .write-item { display:block; padding:4px 0; }
	.board-write .write-item:first-child { padding:4px 0; }
	.board-write .write-item .write-label { width:100%; }
	.board-write .write-item .write-label { padding:0; }
	.board-write .write-item.write-file .write-label { padding:0; }
	.board-write .write-item .write-label label { font-size:14px; }
	.board-write .write-item .write-label label.required:after { font-size:14px; }
	.board-write .write-item .write-input { width:100%; }
	.board-write .write-item .write-input .form-select { font-size:14px; padding:4px 0 4px 4px; }
	.board-write .write-item .form-input { font-size:14px; padding:6px; }
	.board-write .write-item .form-textarea { min-height:100px; font-size:14px; padding:6px; }
	.board-write .write-item .file-inner { font-size:14px; padding:4px 0; background:#fff; border:none; }
	.board-write .write-item .file-inner .btn-file { width:60px; font-size:13px; line-height:20px; }
	.board-write .write-item .file-inner span.tip { font-size:13px; margin-left:4px; }
	.board-write .write-item .file-list li { margin:2px 0 0 0; }
	.board-write .write-item .file-list .file-name { width:calc(100% - 60px); }
	.board-write .write-item .file-list .file-delete { width:60px; }
	.board-write .write-item .file-input { font-size:14px; }
	.board-write .write-item .file-list .file-delete .btn-delete { line-height:20px; font-size:13px; padding:0 6px 0 6px; }
}

/* 지원사업 / 카테고리 */
.board-wrap .box-field { margin:0 0 40px 0; }
.box-field .field-list { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:center; width:100%; height:36px; }
.box-field .field-list li { margin:0 8px; }
.box-field .field-list a { min-width:100px; height:36px; text-align:center; font-size:16px; line-height:34px; padding:0 12px; border:1px solid #ced4da; border-radius:20px; }
.box-field .field-list .active a { color:#ff702d; border:1px solid #fff0ea; background:#fff0ea; }
.box-field .field-list a span { vertical-align:bottom; }
.box-field .field-list a em { font-style:normal; font-weight:300; }
/* 지원사업 / 리스트 */
.board-wrap .tbl-list { border-top: 1px solid #ddd; }
.tbl-list .tbl-item { border-bottom: 1px solid #ddd; }
.tbl-list .tbl-item .tbl-link { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; padding:20px 0; }
.tbl-list .tbl-item .tbl-link:hover { background:#fff0ea; }
.tbl-list .tbl-item .tbl-number { width:86px; display:inline-flex; align-items:center; justify-content: center; color:#777; font-size:18px; font-weight:600; }
.tbl-list .tbl-item .tbl-field { width:86px; display:inline-flex; align-items:center; justify-content: center; }
.tbl-list .tbl-item .tbl-field span { width:100%; height:32px; color:#777; text-align:center; font-size:16px; line-height:32px; border-radius:20px; background:#f4f5f6; }
.tbl-list .tbl-item .tbl-link:hover .tbl-field span { background:#fff; }
.tbl-list .tbl-item .tbl-primary { width:calc(100% - 360px); color:#777; padding:0 0 0 20px; }
.tbl-list .tbl-item .tbl-primary .tbl-title { color:#444; font-size:18px; line-height:28px; font-weight:500; }
.tbl-list .tbl-item .tbl-primary .item-main { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:flex-start; width:100%; font-weight:300; }
.tbl-list .tbl-item .tbl-primary .item-main li { position:relative; padding:0 12px 0 0; margin:0 12px 0 0; }
.tbl-list .tbl-item .tbl-primary .item-main li:after { display:block; position:absolute; top:6px; right:0; width:1px; height:14px; content:""; background:#e5e5e5; }
.tbl-list .tbl-item .tbl-primary .item-main li:last-child:after { display:none; }
.tbl-list .tbl-item .tbl-primary .item-main span { vertical-align:top; font-weight:400; margin-right:4px; }
.tbl-list .tbl-item .tbl-info { width:188px; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:flex-start; color:#777; }
.tbl-list .tbl-item .item-sub { width:188px; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:center; color:#777; font-weight:300; }
.tbl-list .tbl-item .item-sub li { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:center; margin-left:16px; }
.tbl-list .tbl-item .item-sub li:first-child { margin-left:0; }
.tbl-list .tbl-item .item-sub li i { font-size:16px; vertical-align:bottom; margin-right:4px; }
@media screen and (max-width: 1280px){
	.con-inner .search-bar { margin:0 0 20px 0; } /* 임시 */
	/* 지원사업 / 카테고리 */
	.board-wrap .box-field { margin:0 0 20px 0; overflow-x:scroll; -webkit-overflow-scrolling:touch; width:100%; }
	.box-field .field-list { justify-content:flex-start; }
	.box-field .field-list li { margin:0 6px; }
	.box-field .field-list li:first-child { margin:0 6px 0 0; }
	.box-field .field-list a { width:80px; min-width:80px; height:30px; font-size:14px; line-height:28px; padding:0 8px; }
	/* 지원사업 / 리스트 */
	.tbl-list .tbl-item .tbl-link { display:block; padding:12px 0; }
	.tbl-list .tbl-item .tbl-link:hover { background:transparent; }
	.tbl-list .tbl-item .tbl-hidden { display:none; }
	.tbl-list .tbl-item .tbl-field {display:block; width:100%; text-align:left; margin:0 0 4px 0; }
	.tbl-list .tbl-item .tbl-field span { width:auto; height:28px; font-size:14px; line-height:28px; padding:0 16px; background:#f4f5f6; }
	.tbl-list .tbl-item .tbl-link:hover .tbl-field span { background:#f4f5f6; }
	.tbl-list .tbl-item .tbl-primary { width:100%; padding:0; }
	.tbl-list .tbl-item .tbl-primary .tbl-title { font-size:16px; line-height:20px; }
	.tbl-list .tbl-item .tbl-primary .item-main { display:block; color:#777; }
	.tbl-list .tbl-item .tbl-primary .item-main li { font-size:14px; padding:0; margin:0; }
	.tbl-list .tbl-item .tbl-primary .item-main span { display:none; }
	.tbl-list .tbl-item .item-sub li { font-size:14px; margin-left:8px; }
	.tbl-list .tbl-item .item-sub li i { font-size:14px; }
}

/** 회원가입 **/

/* step */
.con-inner .box-step { height:60px; font-size:20px; letter-spacing:-1px; border:3px solid #dce3fd; border-radius:30px; background:#dce3fd; margin:0 0 40px 0; }
.box-step .step-list  { display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; flex-wrap:nowrap; justify-content: space-between; }
.box-step .step-list li { position:relative; width:25%; text-align:center; }
.box-step .step-list:has(li:nth-last-child(n + 2)) li { width:50%; }
.box-step .step-list:has(li:nth-last-child(n + 3)) li { width:33.3%; }
.box-step .step-list li::after { content:""; display:block; width:24px; height:24px; position:absolute; left:-12px; top:50%; margin-top:-12px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-90deg); opacity: 0.3; background-repeat:no-repeat; }
.box-step .step-list li:first-child::after { display:none; }
.box-step .step-list .step-item { display:inline-block; width:60%; color:#333; line-height:50px; text-align:center; }
.box-step .step-list .step-item i { display:none; font-size:24px; vertical-align:bottom; }
.box-step .step-list .step-item em { display:inline-block; width:24px; height:24px; color:#fff; line-height:21px; font-size:16px; margin-right:4px; text-align:center; border:1px solid #333; border-radius:12px; background:#333; }
.box-step .step-list .done .step-item { color:#5479f7; }
.box-step .step-list .done .step-item i { display:inline-block; color:#5479f7; font-weight:bold; }
.box-step .step-list .done .step-item em { display:none; }
.box-step .step-list .active .step-item { color:#5479f7; font-weight:500; background:#fff; border-radius:28px; }
.box-step .step-list .active .step-item em { display:none; }
/* 백그라운드 여백부분 수정처리 */
.box-step .step-list li:first-child { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:flex-start; }
.box-step .step-list li:last-child { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:flex-end; }


/* 약관동의 */
.regist-wrap .agree-desc { text-align:center; padding:12px 0 12px 0; margin:0 0 16px 0; background:#f4f5f6; border-radius:4px; }
.regist-wrap .agree-item:first-child { margin:0 0 40px 0; }
.regist-wrap .agree-item dt span { vertical-align:bottom; }
.regist-wrap .form-radio { appearance:auto; -webkit-appearance:auto; }
.regist-wrap .scroll-box { height:300px; color:#777; font-size:15px; font-weight:300; padding:16px; margin:8px 0 0 0; border-radius:4px; border:1px solid #ddd; overflow-y:auto; }
.regist-wrap .agree-select { text-align:center; margin:16px 0 0 0; padding:16px 0 16px 0; }
.regist-wrap .agree-select .input-item { margin:0 12px; }
.regist-wrap .agree-select label { font-size:18px; font-weight:400; vertical-align:bottom; }
.regist-wrap .agree-select p { text-align:center; padding:8px 0 8px 0; }
@media screen and (max-width: 1280px){
	/* step */
	.con-inner .box-step { height:42px; font-size:13px; letter-spacing:0; border:2px solid #dce3fd; margin:0 0 20px 0; }
	.box-step .step-list li::after { left:-8px; margin-top:-16px; background-size:16px 16px; }
	.box-step .step-list .step-item { width:80%; line-height:36px; }
	.box-step .step-list:has(li:nth-last-child(n + 2)) li .step-item { width:80%; }
	.box-step .step-list .step-item i { display:none; }
	.box-step .step-list .done .step-item i { display:none; font-size:14px; } /* 작은화면에서 텍스트가 틀어짐 발생해서 히든처리 */
	.box-step .step-list .step-item em { display:none; }
	.box-step .step-list:has(li:nth-last-child(n + 3)) .done:nth-child(2) .step-item { letter-spacing:-1px; } /* 비밀번호찾기 스텝 틀어짐 해결 */

	/* 약관동의 */
	.regist-wrap .agree-desc { font-size:14px; padding:8px 0 8px 0; margin:0 0 16px 0; }
	.regist-wrap .agree-item:first-child { margin:0 0 20px 0; }
	.regist-wrap .agree-item dt h4 { font-size:16px; }
	.regist-wrap .scroll-box { height:200px; font-size:14px; padding:12px; }
	.regist-wrap .agree-select { margin:8px 0 0 0; padding:8px 0 8px 0; }
	.regist-wrap .agree-select label { font-size:15px; }
	.regist-wrap .agree-select p span { display:block; font-size:14px; letter-spacing:-1px; }	
}

/* 본인인증 */
.regist-wrap .regist-auth { width:80%; padding:20px 0 20px 0; margin:0 auto; }
.regist-wrap .auth-list { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content: space-between; width:100%; }
.regist-wrap .auth-list .auth-item { position:relative; width:40%; text-align:center; padding:238px 0 40px 0; border:1px solid #ddd; border-radius:28px; background:url(./img/common/icon_auth_mobile.png) no-repeat 50% 36px; }
.regist-wrap .auth-list .auth-item02 { background:url(./img/common/icon_auth_ipin.png) no-repeat 50% 36px; }
.regist-wrap .auth-list .auth-item dt { font-size:18px; font-weight:400; }
.regist-wrap .auth-list .auth-item a { color:#fff; line-height:40px; font-size:18px; padding:0 36px 0 36px; margin:20px 4px 0 4px; border-radius:25px; background:#ff702d; }
@media screen and (max-width: 1280px){
	.regist-wrap .regist-auth { width:100%; padding:12px 0 12px 0; }
	.regist-wrap .auth-list .auth-item { width:48%; padding:140px 0 20px 0; background:url(./img/common/icon_auth_mobile.png) no-repeat 50% 24px; background-size:70px 80px; }
	.regist-wrap .auth-list .auth-item02 { background:url(./img/common/icon_auth_ipin.png) no-repeat 50% 24px; background-size:70px 80px; }
	.regist-wrap .auth-list .auth-item dt { font-size:14px; }
	.regist-wrap .auth-list .auth-item a { width:80%; font-size:13px; padding:0 0; margin:12px 4px 0 4px; }
}

/* 정보입력 */
.regist-form .form-label { margin:0; } /* Bootstrap style reset */
.regist-form .form-wrap { margin:0 0 40px 0; }
.regist-form .form-desc { text-align:center; padding:12px 0 12px 0; margin:0 0 16px 0; background:#f4f5f6; border-radius:4px; }
.regist-form .form-desc span { display:block; padding:4px 0 4px 0; }
.regist-form .form-desc strong { color:#ff702d; }
.regist-form .form-title { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; padding:0 32px 0 32px; }
.regist-form .form-title .title-main { width:50%; font-size:18px; font-weight:500; }
.regist-form .form-title .title-main em { color:#777; font-weight:300; }
.regist-form .form-title .title-sub { width:50%; font-size:14px; text-align:right; }
.regist-form .form-title .title-sub em { color:#ff702d; }
.regist-form .form-item { margin:8px 0 0 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.form-item li { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; padding:0 32px 24px 32px; }
.form-item li:first-child { padding:24px 32px 24px 32px; }
.form-item .item-label { width:20%; padding:4px 0 0 0; }
.form-item .item-label label { font-size:18px; font-weight:400; margin:0; vertical-align:middle; }
.form-item .item-label label.required:after { content:"*"; font-size:18px; font-weight:400; color:#ff702d; padding-left:1px; }
.form-item .item-input { width:80%; }
.form-item .item-input.item-child { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:space-between; }
.form-item .item-input.item-child .form-input { width:85%; }
.form-item .item-input.item-child .btn-extra { width:14%; line-height:1.5; color:#424242; font-size:16px; padding:12px 0; background:#fff; border:1px solid #ddd; border-radius:4px; }
.form-item .item-input .form-input { display:block; width:100%; color:#1d1916; font-weight:300; font-size:16px; padding:12px; background:#f4f5f6; border:1px solid #f4f5f6; border-radius:4px; }
.form-item .form-input::placeholder { color:#999; }
.form-item .item-input input:read-only { color:#777; background:#fff; border:1px solid #fff; }
.form-item .item-input .form-select { padding:12px; }
.form-item .item-input.item-flex { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:flex-start; }
.form-item .item-input.item-flex .item-row { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:center; }
.form-item .item-input.item-flex .item-row em { vertical-align:middle; padding:0 12px; }
.form-item .item-input .item-input { width:100%; }
.form-item .item-column dl { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; margin:8px 0 0 0; }
.form-item .item-column dl:first-child { justify-content:flex-start; margin:0 0 0 0; }
.form-item .item-column dt { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; align-items:center; width:100px; }
.form-item .item-column dt .form-label { font-weight:400; }
.form-item .item-column .item-input.item-flex { justify-content:space-between; }
.form-item .item-column dl:first-child .item-input.item-flex { justify-content:flex-start; }
.form-item .item-email .item-input.item-flex { justify-content:space-between; }
.form-item .item-email .item-input.item-flex .item-row { width:32%; justify-content:space-between; }
.form-item .item-email .item-input.item-flex .item-row .form-select { margin:0 0 0 4px; }
.form-item .item-email .item-input.item-flex .item-gap { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; align-items:center; padding: 0 4px; }

.form-item li.item-name { padding:24px 32px 0 32px; }
.form-item .item-name .item-input .form-input { padding:12px 0; }
.form-item li.item-birth { padding:0 32px 12px 32px; }
.form-item .item-birth .item-input.item-flex .item-row { width:40px; margin:0 20px 0 0; }
.form-item .item-birth .item-input.item-flex .item-row:first-child { width:70px; }
.form-item .item-birth .item-input.item-flex .item-row em { padding:0; }
.form-item .item-birth .item-input.item-flex .item-row .form-input { padding:12px 0; }
.form-item .item-call .item-column .item-input.item-flex { width:calc(100% - 100px); }
.form-item .item-call .item-column .item-input.item-flex .item-row { width:33%; }
.form-item .item-call .item-column dl:first-child { margin:-8px 0 0 0; }
.form-item .item-call .item-column dl:first-child label.required:after { content:"*"; font-size:18px; font-weight:400; color:#ff702d; padding-left:1px; }
.form-item .item-call .item-column dl:first-child .item-input.item-flex .item-row { width:80px; }
.form-item .item-call .item-column dl:first-child .item-input.item-flex .item-row .form-input { padding:12px 0; }
.form-item .main-call .item-input.item-flex { justify-content:space-between; }
.form-item .main-call .item-input.item-flex .item-row { width:33.3%; }

/* 20240304 수정/추가 */
.form-item .item-input.item-child .input-extra { width:14%; }
.form-item .item-call .form-label em { color:#777; font-weight:300; }
.form-business .form-title { justify-content:flex-start; }
.form-business .form-title .form-checkbox { width:18px; height:18px; margin:4px 8px 0 0; appearance:auto; -webkit-appearance:auto; }
.form-business .form-item.check-item { border-bottom:1px dotted #ddd; }
.form-business .form-item.extra-item { border-top:none; margin:0; }
.form-business .form-item .item-address .item-input.item-flex { justify-content: space-between; }
.form-business .form-item .item-address .item-input.item-flex .item-row { width:42%; }
.form-business .form-item .item-address .item-input.item-flex .item-row:first-child { width:42%; }
.form-business .form-item .item-address .item-input.item-flex .item-row:last-child { width:14%; }
.form-business .form-item .item-address .item-input.item-flex .item-row > span { width:100%; line-height:1.5; color:#ff702d; border:1px solid #fff0ea; background:#fff0ea; font-size:16px; padding:11px 12px; border-radius:4px; }
.form-business .form-item .item-address .item-input.item-flex .btn-extra { width:100%; line-height:1.5; color:#424242; font-size:16px; padding:11px 0; background:#fff; border:1px solid #ddd; border-radius:4px; }
/* 비활성화 */
.form-business:has(input[type="checkbox"]:not(:checked)) input { background:#dfdfdf; }
.form-business:has(input[type="checkbox"]:not(:checked))  input::placeholder { color:#bfbfbf; }
.form-business:has(input[type="checkbox"]:not(:checked)) .form-select { color:#a1a1a1; background:#dfdfdf; }
.form-business:has(input[type="checkbox"]:not(:checked)) .item-label label { color:#dfdfdf; }
.form-business:has(input[type="checkbox"]:not(:checked)) .form-item .item-label label.required:after { color:#ffb796; }
.form-business:has(input[type="checkbox"]:not(:checked)) .form-item .item-input .btn-extra { color:#dfdfdf; border:1px solid #eee; }
.form-business:has(input[type="checkbox"]:not(:checked)) .form-item .item-address .item-input.item-flex .item-row > span { color:#bfbfbf; border:1px solid #eee; background:#dfdfdf; }
@media screen and (max-width: 1280px){
	.regist-form .form-title { padding:0; }
	.regist-form .form-wrap { margin:0 0 40px 0; }
	.regist-form .form-desc { font-size:13px; padding:8px 0 8px 0; margin:0 0 8px 0; }
	.regist-form .form-title { padding:0; }
	.regist-form .form-title .title-main {font-size:14px; }
	.regist-form .form-title .title-sub { font-size:13px; }
	.regist-form .form-item{ padding:0 0 6px 0; }
	.form-item li { display:block; padding:4px 0 4px 0; }
	.form-item li:first-child { padding:4px 0 4px 0; }
	.form-item .item-label { width:100%; padding:0; }
	.form-item .item-input { width:100%; }
	.form-item .item-label label { font-size:14px; }
	.form-item .item-input.item-child .form-input { width:100%; }
	.form-item .item-input.item-child .btn-extra { width:20%; font-size:13px; padding:6px 0; }
	.form-item .item-input .form-input { font-size:13px; padding:6px; }
	.form-item .item-input .form-select { font-size:13px; padding:6px; }
	.form-item .item-input.item-flex .item-row em { padding:0 6px; }
	.form-item .item-column dl { margin:4px 0 0 0; }
	.form-item .item-column dt { width:25%; }
	.form-item .item-column dt .form-label { font-size:14px; }

	.form-item li.item-name { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:space-between; padding:0 0 4px 0; }
	.form-item .item-name .item-label { width:35%; }
	.form-item .item-name .item-input { width:65%; }
	.form-item .item-name .item-input .form-input { padding:6px 0; }
	.form-item li.item-birth { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:space-between; padding:0 0 4px 0; }
	.form-item .item-birth .item-label { width:35%; }
	.form-item .item-birth .item-input { width:65%; }
	.form-item .item-birth .item-input.item-flex .item-row { width:36px; margin:0 12px 0 0; }
	.form-item .item-birth .item-input.item-flex .item-row:first-child { width:50px; }
	.form-item .item-birth .item-input.item-flex .item-row .form-input { padding:6px 0; }
	.form-item .item-call .item-column .item-input.item-flex { width:75%; }
	.form-item .item-call .item-column dl:first-child { margin:0 0 0 0; }
	.form-item .item-call .item-column dl:first-child .item-input.item-flex .item-row { width:50px; }
	.form-item .item-call .item-column dl:first-child .item-input.item-flex .item-row .form-input { padding:6px 0; }
	
	/* 20240304 수정/추가 */
	.form-item .item-input.item-child .input-extra { width:20%; margin:0 0 0 2px; }
	.form-item li.item-call{ display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:space-between; padding:0 0 4px 0; }
	.form-item .item-call .item-label { width:35%; }
	.form-item .item-call .item-input { width:65%; }
	.form-business .form-item .item-address .item-input.item-flex .item-row { width:39%; }
	.form-business .form-item .item-address .item-input.item-flex .item-row:first-child { width:39%; }
	.form-business .form-item .item-address .item-input.item-flex .item-row:last-child { width:20%; }
	.form-business .form-item .item-address .item-input.item-flex .item-row > span { font-size:13px; padding:6px 0 6px 6px; }
	.form-business .form-item .item-address .item-input.item-flex .btn-extra { font-size:13px; padding:6px 0; }
}

/* 가입완료 */
.regist-wrap .regist-finish { position:relative; text-align:center; z-index:1; }
.regist-wrap .regist-finish::before { content:""; display:block; width:260px; height:260px; position:absolute; left:50%; top:0; margin:0 0 0 -130px; background:#fff0ea; border-radius:130px; z-index:1; }
.regist-wrap .regist-finish dl { position:relative; padding:300px 0 40px 0; background:url(./img/common/icon_regist_finish.png) no-repeat 50% 0; z-index:2; }
.regist-wrap .regist-finish dt { color:#1d1916; font-size:18px; font-weight:500; margin:0 0 20px 0; }
.regist-wrap .regist-finish dt span { color:#ff702d; font-weight:500; vertical-align:bottom; }
.regist-wrap .regist-finish dd span { display:block; color:#777; font-weight:400; }
.regist-wrap .regist-finish dd span a { color:#1d1916; font-weight:500; vertical-align:bottom; }
@media screen and (max-width: 1280px){
	.regist-wrap .regist-finish::before { width:160px; height:160px; position:absolute; margin:0 0 0 -80px; }
	.regist-wrap .regist-finish dl { padding:200px 0 20px 0; background:url(./img/common/icon_regist_finish.png) no-repeat 50% 0; background-size:160px 160px; }
	.regist-wrap .regist-finish dt { font-size:16px; }
	.regist-wrap .regist-finish dd span { font-size:14px; }	
}

/* 로그인 */
.login-wrap  { width:506px; text-align:center; margin:0 auto; }
.login-wrap .login-greet { font-size:22px; margin:0 0 52px 0; }
.login-wrap .login-greet span { display:block; }
.login-form .form-input { display:block; width:100%; color:#000; font-size:18px; font-weight:300; padding:15px 20px; margin:0 0 20px 0; background:#f4f5f6; border-radius:28px; }
.login-form .form-input::placeholder { color:#a1a9b1; }
.box-con .login-wrap .btn-wrap { margin:0 0 0 0; }
.box-con .login-wrap .btn-wrap .btn-login { display:block; width:100%; font-size:18px; font-weight:500; background:#5479f7; padding:8px 16px; border-radius:28px; }
.login-wrap .login-util { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content: space-between; width:100%; padding:40px 0 0 0; }
.login-wrap .login-util li { position:relative; width:33%; }
.login-wrap .login-util li::after { position:absolute; left:0; top:50%; width:1px; height:14px; content:''; margin:-4px 0 0 0; background:#d7d8dd; }
.login-wrap .login-util li:first-child::after { display:none; }
.login-wrap .login-util a { color:#777; font-weight:300; } 
@media screen and (max-width: 1280px){
	.login-wrap  { width:100%; }
	.login-wrap .login-greet { font-size:16px; margin:0 0 20px 0; }
	.login-form .form-input { font-size:14px; padding:12px 16px; margin:0 0 12px 0; }
	.box-con .login-wrap .btn-wrap .btn-login { font-size:14px; padding:4px 12px; }
	.login-wrap .login-util { padding:20px 0 0 0; }
	.login-wrap .login-util a { font-size:13px; } 
}

/* 아이디찾기 */
.regist-wrap .regist-find { width:80%; padding:0 0 0 0; margin:0 auto; }
.regist-find .find-id { position:relative; text-align:center; padding:40px 40px 40px 40px; border:1px solid #ddd; border-radius:28px; }
.regist-find .find-id .find-result dt span { display:block; color:#777; font-size:18px; font-weight:400; }
.regist-find .find-id .find-result dt span.find-text { color:#1d1916; font-size:24px; font-weight:500; }
.regist-find .find-id .find-result dd { padding:20px; margin:40px 0 0 0; border-radius:4px; background:#f4f5f6; }
.regist-find .find-id .find-result dd span { display:block; color:#777; font-size:16px; font-weight:400; }
.regist-find .find-id .find-result dd span.find-info { color:#ff702d; font-size:24px; font-weight:700; margin:0 0 12px 0; }
/* 비밀번호찾기 */
.regist-wrap .find-with { width:80%; text-align:center; padding:0 0 0 0; margin:0 auto; }
.regist-wrap .find-with .find-text { color:#777; font-size:18px; font-weight:400; }
.regist-wrap .find-with .form-item li { padding:24px 32px 24px 32px; margin:0 auto; }
.regist-wrap .find-with .form-ite .item-label { padding:8px 0 0 0; }
.regist-wrap .find-with .form-item .item-label label.required:after { display:none; }
.regist-wrap .find-with .form-item .item-input.item-child .form-input { width:95%; }
.regist-find .find-pw { position:relative; text-align:center; padding:40px 40px 40px 40px; border:1px solid #ddd; border-radius:28px; }
.regist-find .find-pw .form-item { margin:40px 0 0 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.regist-find .find-pw .form-item .item-label { text-align:left; }
.regist-find .find-pw .form-item .item-label label.required:after { display:none; }
.regist-find .find-pw .find-result .find-text span { display:block; color:#777; font-size:18px; font-weight:400; }
.regist-find .find-pw .find-result .find-text span.text-main { color:#1d1916; font-size:24px; font-weight:500; }
.regist-find .find-pw .form-notice { text-align:left; color:#777; font-size:14px; margin:20px 0 0 0; }
.regist-find .find-pw .form-notice li { position:relative; padding:0 0 0 16px; }
.regist-find .find-pw .form-notice li:after { position:absolute; left:0; top:0; width:16px; height:20px; content:"·"; text-align:center; font-size:18px; font-weight:400; color:#777; }
/* 비밀번호변경완료 */
.regist-find .find-finish { position:relative; text-align:center; z-index:1; }
.regist-find .find-finish::before { content:""; display:block; width:260px; height:260px; position:absolute; left:50%; top:0; margin:0 0 0 -130px; background:#fff0ea; border-radius:130px; z-index:1; }
.regist-find .find-finish dl { position:relative; padding:300px 0 0px 0; background:url(./img/common/icon_find_finish.png) no-repeat 50% 0; z-index:2; }
.regist-find .find-finish dt { color:#1d1916; font-size:18px; font-weight:500; margin:0 0 4px 0; }
.regist-find .find-finish dt span { color:#ff702d; font-weight:500; vertical-align:bottom; }
.regist-find .find-finish dd span { display:block; color:#777; font-weight:400; }
@media screen and (max-width: 1280px){
	/* 아이디찾기 */
	.regist-wrap .regist-find { width:100%; padding:0 0 0 0; }
	.regist-find .find-id { padding:20px; border-radius:20px; }
	.regist-find .find-id .find-result dt span { font-size:14px; }
	.regist-find .find-id .find-result dt span.find-text { font-size:16px; }
	.regist-find .find-id .find-result dd { padding:12px; margin:20px 0 0 0; }
	.regist-find .find-id .find-result dd span { font-size:14px; }
	.regist-find .find-id .find-result dd span.find-info { font-size:16px; margin:0 0 6px 0; }
	/* 비밀번호찾기 */
	.regist-wrap .find-with { width:100%; }
	.regist-wrap .find-with .find-text { font-size:14px; }
	.regist-wrap .find-with .find-text span { display:block; }
	.regist-wrap .find-with .form-item li { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:space-between; padding:12px 0 12px 0; }
	.regist-wrap .find-with .form-item li .item-label { width:25%; }
	.regist-wrap .find-with .form-item li .item-input { width:75%; }
	.regist-find .find-pw { padding:20px; border-radius:20px; }
	.regist-find .find-pw .form-item { padding:8px 0 8px 0; margin:20px 0 0 0; }
	.regist-find .find-pw .form-item li.item-id { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:space-between; padding:0 0 0 0; }
	.regist-find .find-pw .form-item .item-id .item-label { width:25%; padding:4px 0 0 0; }
	.regist-find .find-pw .form-item .item-id .item-input { width:75%; }
	.regist-find .find-pw .find-result .find-text span { font-size:14px; }
	.regist-find .find-pw .find-result .find-text span.text-main { font-size:16px; }
	.regist-find .find-pw .form-notice { font-size:13px; margin:12px 0 0 0; }
	.regist-find .find-pw .form-notice li { padding:0 0 0 8px; }
	.regist-find .find-pw .form-notice li:after { width:8px; height:16px; }
	/* 비밀번호변경완료 */
	.regist-find .find-finish::before { width:160px; height:160px; position:absolute; margin:0 0 0 -80px; }
	.regist-find .find-finish dl { padding:200px 0 20px 0; background:url(./img/common/icon_find_finish.png) no-repeat 50% 0; background-size:160px 160px; }
	.regist-find .find-finish dt { font-size:16px; }
	.regist-find .find-finish dd span { font-size:14px; }	
}



/** 광고신청 **/

/* 광고매체 */
.ad-form .form-radio { appearance:auto; -webkit-appearance:auto; } /* common */
.ad-form .ad-title { display:none; font-size:18px; font-weight:500; padding:0 32px 8px 32px; /* border-bottom: 1px solid #ddd; */ }
.ad-form .media-wrap { width:80%; padding:0 0 0 0; margin:0 auto; }
.ad-form .media-wrap .sub-title { text-align:center; color:#777; font-size:18px; font-weight:400; }
.ad-form .media-wrap .media-list { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content: space-between; width:100%; margin:40px 0 0 0; }
.ad-form .media-wrap .media-list li { position:relative; width:100%; text-align:center; padding:40px 0 40px 0; border:1px solid #ddd; border-radius:28px; }
.ad-form .media-wrap .media-list li.on { padding:38px 0 38px 0; border:2px solid #ff702d;}
.ad-form .media-wrap .media-list:has(li:nth-last-child(n + 2)) li { width:40%; }
.ad-form .media-wrap .media-list:has(li:nth-last-child(n + 3)) li { width:32%; }
.ad-form .media-wrap .media-list dt { font-size:18px; padding:20px 0 20px 0; }
.ad-form .media-wrap .media-list dd { padding:0 12px; }
.ad-form .media-wrap .media-list dd.form-check { text-align:center; padding:20px 0 20px 0; margin:20px 0 0 0; }
.ad-form .media-wrap .media-list dd span { display:block; text-align:center; color:#777; font-size:16px; font-weight:400; }

/* 광고신청>정보확인 */
.ad-form.ad-form02 .ad-title { display:block; }
.ad-form table.tbl { width:100%; border-top:1px solid #ddd; table-layout:fixed; }
.ad-form table.tbl th { line-height:24px; font-size:16px; color:#333; text-align:center; padding:14px 0 14px 0; border-bottom:1px solid #ddd; background:#fcfcfc; }
.ad-form table.tbl td { position:relative; line-height:28px; font-size:18px; color:#777; text-align:center; padding:12px 0 12px 0; border-bottom:1px solid #ddd; word-break:break-all; }
.ad-form table.tbl td.text-align { color:#1d1916; text-align:center; padding:16px 16px 16px 16px; }
.ad-form table.tbl td .icon-shop { display:none; position:absolute; left:50%; top:50%; width:80px; height:32px; color:#fff; font-size:14px; line-height:32px; margin:-16px 0 0 60px; background:#ff702d; border-radius:16px; }
.ad-form table.tbl tr:has([type="radio"]:checked) .icon-shop { display:block; }

.ad-form .ad-form-item { margin:0 0 40px 0; }
.ad-form .ad-template { position:relative; padding:20px 28px 20px 28px; margin:0 auto; }
.ad-template .ad-flow { margin:0 0 0 0; }
.ad-template .ad-flow li { position:relative; width:276px; height:auto; padding:12px; background:#fff; border:1px solid #efeef6; border-radius:20px; z-index:1; }
.ad-template .ad-flow li.on { padding:11px; border:2px solid #5479f7; }
.ad-template .ad-flow li dt { color:#424242; font-size:16px; font-weight:400; padding:8px 0; }
.ad-template .ad-flow li dd { height:409px; font-size:14px; padding:8px; background:#f4f5f6; border-radius:8px; overflow-y:auto; }
.ad-template .ad-flow li dd p { color:#707070; font-weight:400; margin:0 0 12px 0; }
.ad-template .ad-flow li dd p span { display:block; color:#707070; font-weight:400; }
.ad-template .ad-flow li dd p a { color:#006ae8; }
.ad-template .swiper { width:856px; height:476px; margin:0 auto; }
.ad-template .swiper-button-next:after, .ad-template .swiper-button-prev:after { font-size:20px; font-weight:bold; color:#000; }
.ad-template .swiper-button-prev { left:32px; width:40px; height:40px; background:#fff; border:1px solid #000; border-radius:21px; }
.ad-template .swiper-button-next { right:32px; width:40px; height:40px; background:#fff; border:1px solid #000; border-radius:21px; }

@media screen and (max-width: 1280px){
	/* 광고매체 */
	.ad-form .ad-title { font-size:14px; padding:0 0 8px 0; }
	.ad-form .media-wrap { width:100%; }
	.ad-form .media-wrap .sub-title { font-size:14px; }
	.ad-form .media-wrap .media-list { margin:20px 0 0 0; }
	.ad-form .media-wrap .media-list li { padding:20px 0 20px 0; }
	.ad-form .media-wrap .media-list li.on { padding:18px 0 18px 0; border:2px solid #5479f7;}
	.ad-form .media-wrap .media-list:has(li:nth-last-child(n + 2)) li { width:48%; }
	.ad-form .media-wrap .media-list:has(li:nth-last-child(n + 3)) li { width:32%; }
	.ad-form .media-wrap .media-list dt { font-size:14px; padding:12px 0 12px 0; }
	.ad-form .media-wrap .media-list dd { padding:0 8px; }
	.ad-form .media-wrap .media-list dd.form-check { padding:12px 0 12px 0; margin:12px 0 0 0; }
	.ad-form .media-wrap .media-list dd span { display:inline; font-size:13px; font-weight:400; }

	/* 광고신청>정보확인 */ 
	.ad-form table.tbl th { line-height:18px; font-size:13px; padding:8px 0 8px 0; }
	.ad-form table.tbl td { line-height:18px; font-size:13px; padding:8px 0 8px 0; }
	.ad-form table.tbl td.text-align { padding-left:12px; }
	.ad-form table.tbl td.text-align .tit { font-size:14px; }
	.ad-form table.tbl td a i { font-size:18px; }
	.ad-form table.tbl td .icon-shop { position:static; margin:0 auto; width:64px; height:20px; font-size:13px; line-height:20px; }
	.ad-form table.tbl td span.license { display:block; }

	.ad-form .ad-form-item { margin:0 0 20px 0; }
	.ad-form .ad-template { position:relative; width:100%; padding:12px 0 12px 0; overflow:hidden; }
	.ad-template .swiper-button-prev { left:0; }
	.ad-template .swiper-button-next { right:0; }
}
@media screen and (max-width: 768px){
	.ad-template .swiper-button-prev { display:none; }
	.ad-template .swiper-button-next { display:none; }
}

/* accordion reset */
.ad-form .accordion-button { font-size:18px; font-weight:500; padding:0; }
.ad-form .accordion-button:not(.collapsed) { color:#444; background:#fff; box-shadow:none; }
.ad-form .accordion-button:focus { border-color:#fff; box-shadow:none; }
.ad-form .accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.ad-form .accordion-item { border:none; }

/* 신청서작성 */
.ad-form.ad-form03 .ad-title { display:block; }
.ad-form.ad-form03 .ad-title:has(button.collapsed) { padding:0 32px 8px 32px; margin:0 0 12px 0; border-bottom:1px solid #ddd; }
.ad-form.ad-form03 .ad-title:has(.title-sub) { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; }
.ad-form.ad-form03 .ad-title:has(.title-sub) .title-sub { width:50%; font-size:14px; text-align:right; }
.ad-form.ad-form03 .ad-title:has(.title-sub) .title-sub em { color:#ff702d; }
.ad-form.ad-form03 .ad-form-item02 dl { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content: space-between; width:100%; padding:12px 32px; background:#f8f9fa; border-radius:4px; }
.ad-form.ad-form03 .ad-form-item02 dt { width:20%; font-weight:400; color:#444; }
.ad-form.ad-form03 .ad-form-item02 dd { width:80%; color:#777; }
.ad-form.ad-form03 .ad-form-item02 dd span { display:block; vertical-align:bottom; }
.ad-form.ad-form03 .ad-form-item02 dd a { color:#ff702d; font-weight:500; vertical-align:bottom; }
.ad-form.ad-form03 .ad-form-item03 .ad-type { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content: space-between; width:100%; padding:12px 32px; background:#f8f9fa; border-radius:4px; }
.ad-form.ad-form03 .ad-form-item03 .ad-type dt { width:20%; font-weight:400; color:#444; }
.ad-form.ad-form03 .ad-form-item03 .ad-type dt label { font-size:16px; font-weight:400; margin:0; vertical-align:middle; }
.ad-form.ad-form03 .ad-form-item03 .ad-type dt label.required:after { content:"*"; font-size:16px; font-weight:400; color:#ff702d; padding-left:1px; }
.ad-form.ad-form03 .ad-form-item03 .ad-type dd { width:80%; color:#777; }
.ad-form.ad-form03 .ad-form-item03 .ad-type dd input { background:transparent; }
.ad-form.ad-form03 .ad-form-item04 dl { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content: space-between; width:100%; padding:24px 32px; background:#dce3fd; border-radius:4px; }
.ad-form.ad-form03 .ad-form-item04 dt { display:inline-flex; align-items: center; width:50%; font-weight:400; color:#777; }
.ad-form.ad-form03 .ad-form-item04 dt span { font-weight:300; vertical-align:bottom; }
.ad-form.ad-form03 .ad-form-item04 dd { width:50%; color:#444; text-align:right; }
.ad-form.ad-form03 .ad-form-item04 dd input { text-align:right; color:#5479f7; font-weight: 600; font-size:24px; margin-right:4px; background:transparent; }

.ad-form.ad-form03 .ad-form-item03 .ad-form-inner { padding:24px 32px; margin:16px 0 0 0; border:2px solid #5479f7; border-radius:4px; }
.ad-form-inner label { font-weight:400; }
.ad-form-inner .form-input { display:block; width:100%; color:#1d1916; font-weight:300; font-size:16px; padding:8px 12px; background:#fff; border:1px solid #d2d2d7; border-radius:4px; }
.ad-form-inner .form-input::placeholder { font-size:15px; color:#999; }
.ad-form-inner .form-input:read-only { display:inline; border:none; background:transparent; }
.ad-form-inner .item-flex { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; }
.ad-form-inner .item-flex span { vertical-align:bottom; }
.ad-form-inner .item-flex .item-row { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:center; }
.ad-form-inner .item-flex .item-row em { vertical-align:middle; padding:0 12px; }
.ad-form-inner .item-box .item-extra { font-size:14px; font-weight:300; margin:8px 0 0 0; }

.ad-form-inner .ad-inner-item dt { font-size:18px; font-weight:500; margin:0 0 12px 0; }
.ad-form-inner .ad-inner-item dd { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; padding:0; margin:0 0 12px 0; }
.ad-form-inner .ad-inner-item dd .item-label { width:20%; padding:4px 0 0 0; }
.ad-form-inner .ad-inner-item dd .item-label label { font-size:16px; margin:0; vertical-align:middle; }
.ad-form-inner .ad-inner-item dd .item-label label.required:after { content:"*"; font-size:16px; font-weight:400; color:#ff702d; padding-left:1px; }
.ad-form-inner .ad-inner-item dd .item-box { width:80%; font-size:16px; padding:8px 8px; background:#f4f5f6; border:1px solid #f4f5f6; border-radius:4px; }
.ad-form-inner .item-box.item-adtext .item-flex { justify-content:flex-start; line-height:36px; margin:8px 0 0 0; }
.ad-form-inner .item-box.item-adtext .item-flex .mobile-wrap { display:inline; }
.ad-form-inner .item-box.item-adtext .item-flex em { margin:0 4px 0 0; }
.ad-form-inner .item-box.item-adtext .item-shop strong { color:#1d1916; font-weight:700; }
.ad-form-inner .item-box.item-adtext .item-input { display:inline-block; line-height:1.5; margin:0 12px; }
.ad-form-inner .item-box.item-adtext .form-input { display:inline; text-align:right; }
.ad-form-inner .item-box.item-phone .item-row { width:33.3%; line-height:1.5; }
.ad-form-inner .item-box.item-count .item-flex { justify-content:flex-start; }
.ad-form-inner .item-box.item-count .item-row { margin:0 80px 0 0; }
.ad-form-inner .item-box.item-count .item-row .form-radio { /*width:16px; height:16px;*/ margin:0 8px 0 0; }
.ad-form-inner .item-box.item-point .item-row { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; width:100%; margin:0 0 8px 0; }
.ad-form-inner .item-box.item-point .item-row01 { justify-content:flex-start; }
.ad-form-inner .item-box.item-point .item-row02 { justify-content:space-between; }
.ad-form-inner .item-box.item-point label { display:inline-flex; align-items:center; width:150px; }
.ad-form-inner .item-box.item-point .item-row01 em { padding:4px 0 0 0; }
.ad-form-inner .item-box.item-point .form-input:read-only { width:100px; text-align:left; font-weight:500; background:transparent; }
.ad-form-inner .item-box.item-point .item-row02 .input-group { justify-content:space-between; width:calc(100% - 150px); }
.ad-form-inner .item-box.item-point .item-row02 .form-input { width:calc(100% - 86px); }
.ad-form-inner .item-box.item-point .item-row02 button { width:86px; text-align:center; padding:6px 0; color:#444; border-color:#d2d2d7; }
.ad-form-inner .item-box.item-point .item-row02 button:hover { color:#fff; border-color:#d2d2d7; background-color: #d2d2d7; }
.ad-form-inner .item-box.item-point .item-extra { font-size:16px; font-weight:400; padding:8px 0 0 0; border-top:1px dotted #d2d2d7; margin:12px 0 0 0; }

@media screen and (max-width: 1280px){
	/* 신청서작성 */
	.ad-form .accordion-button { font-size:14px; }
	.ad-form.ad-form03 .ad-title:has(button.collapsed) { padding:0 0 8px 0; margin:0 0 12px 0; }
	.ad-form.ad-form03 .ad-title:has(.title-sub) .title-sub { font-size:13px; }
	.ad-form.ad-form03 .ad-form-item02 dl { display:block; padding:8px 12px; }
	.ad-form.ad-form03 .ad-form-item02 dt { width:100%; font-size:14px; }
	.ad-form.ad-form03 .ad-form-item02 dd { width:100%; font-size:13px; }
	.ad-form.ad-form03 .ad-form-item03 .ad-type { padding:8px 12px; }
	.ad-form.ad-form03 .ad-form-item03 .ad-type dt { width:35%; }
	.ad-form.ad-form03 .ad-form-item03 .ad-type dt label { font-size:14px; }
	.ad-form.ad-form03 .ad-form-item03 .ad-type dd { width:65%; }
	.ad-form.ad-form03 .ad-form-item03 .ad-type dd input { font-size:14px; }
	.ad-form.ad-form03 .ad-form-item04 dl { padding:8px 12px; }
	.ad-form.ad-form03 .ad-form-item04 dt { font-size:13px; }
	.ad-form.ad-form03 .ad-form-item04 dd input { width:50%; }

	.ad-form.ad-form03 .ad-form-item03 .ad-form-inner { padding:8px 12px; margin:8px 0 0 0; }
	.ad-form-inner .form-input { font-size:13px; padding:6px; }
	.ad-form-inner .form-input::placeholder { font-size:13px; }
	.ad-form-inner .item-flex .item-row em { padding:0 6px; }
	.ad-form-inner .item-box .item-extra { font-size:13px; font-weight:400; margin:8px 0 0 0; }

	.ad-form-inner .ad-inner-item dt { font-size:14px; margin:0 0 0 0; }
	.ad-form-inner .ad-inner-item dd { display:block; margin:0 0 4px 0; }
	.ad-form-inner .ad-inner-item dd .item-label { width:100%; }
	.ad-form-inner .ad-inner-item dd .item-label label { font-size:14px; }
	.ad-form-inner .ad-inner-item dd .item-box { width:100%; font-size:14px; padding:6px 6px; }
	.ad-form-inner .item-box.item-adtext .item-flex { display:block; }
	.ad-form-inner .item-box.item-adtext .item-flex .mobile-wrap { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; width:100%; }
	.ad-form-inner .item-box.item-adtext .item-flex .item-shop { display:block; width:100%; }
	.ad-form-inner .item-box.item-adtext .item-flex .item-input { display:inline-block; width:40%; margin:0 8px 0 0; }
	.ad-form-inner .item-box.item-adtext .item-flex .item-text { display:inline-block; width:60%; font-size:13px; }
	.ad-form-inner .item-box.item-count .item-row { margin:0 30px 0 0; }
	.ad-form-inner .item-box.item-point label { width:100px; }
	.ad-form-inner .item-box.item-point .form-input:read-only { width:70px; }
	.ad-form-inner .item-box.item-point .item-row02 .input-group { width:calc(100% - 100px); }
	.ad-form-inner .item-box.item-point .item-row02 .form-input { width:calc(100% - 66px); }
	.ad-form-inner .item-box.item-point .item-row02 button { width:66px; font-size:14px; }
	.ad-form-inner .item-box.item-point .item-extra { font-size:14px; }
}

/* 신청완료 */
.ad-wrap .ad-finish { position:relative; text-align:center; z-index:1; }
.ad-wrap .ad-finish::before { content:""; display:block; width:260px; height:260px; position:absolute; left:50%; top:0; margin:0 0 0 -130px; background:#dce3fd; border-radius:130px; z-index:1; }
.ad-wrap .ad-finish dl { position:relative; padding:300px 0 40px 0; background:url(./img/common/icon_ad_finish.png) no-repeat 50% 0; z-index:2; }
.ad-wrap .ad-finish dt { color:#1d1916; font-size:18px; font-weight:500; margin:0 0 20px 0; }
.ad-wrap .ad-finish dt span { color:#ff702d; font-weight:500; vertical-align:bottom; }
.ad-wrap .ad-finish dd span { display:block; color:#777; font-weight:400; }
.ad-wrap .ad-finish dd span.sub { font-size:16px; margin:0 0 20px 0; }
.ad-wrap .ad-finish dd span.sub strong { color:#444; font-weight:500; }
.ad-wrap .ad-finish dd span a { color:#1d1916; font-weight:500; vertical-align:bottom; }
@media screen and (max-width: 1280px){
	.ad-wrap .ad-finish::before { width:160px; height:160px; position:absolute; margin:0 0 0 -80px; }
	.ad-wrap .ad-finish dl { padding:200px 0 20px 0; background:url(./img/common/icon_ad_finish.png) no-repeat 50% 0; background-size:160px 160px; }
	.ad-wrap .ad-finish dt { font-size:16px; }
	.ad-wrap .ad-finish dd span { font-size:14px; }	
	.ad-wrap .ad-finish dd span.sub { font-size:13px; margin:0 0 12px 0; }
}


/** Modal **/
/* modal custom */
.modal-dialog .modal-header  { background:#f3f6fb; }
.modal-dialog .modal-header h5 { font-size:18px; }
.modal-dialog .modal-footer { justify-content: center; }
.modal-dialog .modal-footer button { line-height:40px; font-size:18px; padding:0 36px 0 36px; margin:0 4px; border-radius:25px; }
.modal-dialog .modal-footer button.btn-secondary { color:#1d1916; border:1px solid #1d1916; background:#fff; }
.modal-dialog .modal-footer button.btn-primary { color:#fff; border:1px solid #1d1916; background:#1d1916; }
/* 업종검색 */
.modal-dialog .search-form { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; padding:0 0 24px 0; }
.modal-dialog .search-form .form-input { width:80%; display:block; color:#1d1916; font-weight:300; font-size:16px; padding:12px; background:#f4f5f6; border:1px solid #f4f5f6; border-radius:4px; }
.modal-dialog .search-form .btn-extra { width:19%; line-height:1.5; color:#424242; font-size:16px; padding:12px 0; background:#fff; border:1px solid #ddd; border-radius:4px; }
.modal-dialog table.tbl { width:100%; border-top:1px solid #ddd; table-layout:fixed; }
.modal-dialog table.tbl th { line-height:24px; font-size:16px; color:#333; text-align:center; padding:14px 0 14px 0; border-bottom:1px solid #ddd; background:#fcfcfc; }
.modal-dialog table.tbl td { line-height:28px; font-size:18px; color:#777; text-align:center; padding:12px 0 12px 0; border-bottom:1px solid #ddd; word-break:break-all; }
/* 미리보기 */
.modal-preview.ad-template .ad-flow > li { margin:0 auto; }
@media screen and (max-width: 1280px){
	.modal-dialog .modal-header h5 { font-size:16px; }
	.modal-dialog .modal-body { font-size:14px; }
	.modal-dialog .modal-footer button { width:100%; font-size:13px; padding:0 36px 0 36px; margin:0; border-radius:25px; }
	.modal-dialog .modal-footer:has(button:nth-last-child(n + 2)),
	.modal-dialog .modal-footer:has(button:nth-last-child(n + 3)) { display:flex; flex-wrap:nowrap; justify-content: space-between; width:100%; }
	.modal-dialog .modal-footer:has(button:nth-last-child(n + 2)) button { width:49%; }
	.modal-dialog .modal-footer:has(button:nth-last-child(n + 3)) button { width:32%; }
	/* 업종검색 */
	.modal-dialog .search-form .form-input { font-size:13px; padding:6px; }
	.modal-dialog .search-form .btn-extra { font-size:13px; padding:6px 0; }
	.modal-dialog table.tbl th { line-height:18px; font-size:13px; padding:8px 0 8px 0; }
	.modal-dialog table.tbl td { line-height:18px; font-size:13px; padding:8px 0 8px 0; }
	
	
	
}


/** SEMAS **/
.sub-mode { background:#f3f6fb url(./img/common/bg_sub.png) no-repeat 50% top; }
.sub-mode .header_inner {  }
.sub-mode .header_inner h1 { position:absolute; left:0; top:25px; width:100%; height:32px; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:flex-start; }
.sub-mode .header_inner h1 img { height:56px; }
.sub-mode .container {  margin:0 auto 0 auto; }
/* 정보입력 */
.regist-form .form-desc .title-desc { font-size:18px; text-align:left; font-weight:500; padding:12px 32px 0 32px; }
.regist-form .form-desc .title-desc em { color:#777; font-size:16px; font-weight:300; }
.regist-form .form-desc .form-check { display:flex; flex-wrap: nowrap; justify-content: space-between; width:100%; line-height:32px; padding:8px 32px 8px 32px; }
.regist-form .form-desc .form-check label { font-weight:400; }
.regist-form .form-desc .form-check .form-checkbox { width:18px; height:18px; margin:4px 8px 0 0; appearance:auto; -webkit-appearance:auto; }
/* 신청서작성 */
.ad-form .ad-form-inner .ad-inner-item dd .form-checkbox { width:18px; height:18px; margin:4px 8px 0 0; appearance:auto; -webkit-appearance:auto; }
.ad-inner-item.ad-inner-coupon .ad-inner-item03 .item-flex { justify-content: flex-start; }
.ad-inner-item.ad-inner-coupon .ad-inner-item03 .item-flex .item-row { margin:0 12px 0 0; }
.ad-inner-item.ad-inner-coupon .ad-inner-item03 .item-flex .mobile-wrap { display:inline; }
.ad-inner-item.ad-inner-coupon .ad-inner-item03 .item-flex .mobile-wrap .item-input { display:inline-block; line-height:1.5; margin:0 12px; vertical-align:middle; }
.ad-inner-item.ad-inner-coupon .ad-inner-item03 .item-flex .mobile-wrap .form-input { display:inline; text-align:right; vertical-align:middle; }
.ad-inner-item.ad-inner-coupon .ad-inner-item03 .item-flex .mobile-wrap input:read-only { border: 1px solid #d2d2d7; } /* 20240715 */
.ad-inner-item.ad-inner-coupon .ad-inner-item03 .item-flex .mobile-wrap .item-text { vertical-align:middle; }
.ad-form-inner .tab_preview { text-align:right; margin:12px 0 0 0; }
.ad-form-inner .tab_preview .btn-preview { color:#5479f7; font-size:16px; padding:6px 24px; border:1px solid #5479f7; border-radius:18px; }
@media (max-width: 1280px) {
	.sub-mode .header_inner h1 { top:12px; height:24px; padding:0 16px 0 16px; }
	.sub-mode .header_inner h1 img { height:36px; vertical-align:top; }
	/* 정보입력 */
	.regist-form .form-desc .title-desc { font-size:14px; font-weight:500; padding:8px 12px 0 12px; }
	.regist-form .form-desc .title-desc em { font-size:13px; font-weight:300; }
	.regist-form .form-desc .form-check { line-height:32px; padding:0 12px 8px 12px; }
	.regist-form .form-desc .form-check label { font-weight:400; }
	.regist-form .form-desc .form-check .form-checkbox { width:18px; height:18px; margin:4px 8px 0 0; appearance:auto; -webkit-appearance:auto; }
	/* 신청서작성 */
	.ad-inner-item.ad-inner-coupon .ad-inner-item03 .item-flex .item-row { font-size:13px; margin:0 4px 0 0; letter-spacing:-1px; }
	.ad-inner-item.ad-inner-coupon .ad-inner-item03 .item-flex .mobile-wrap { font-size:13px; }
	.ad-inner-item.ad-inner-coupon .ad-inner-item03 .item-flex .mobile-wrap .item-input { margin:0 4px; }
	.ad-inner-item.ad-inner-coupon .ad-inner-item03 .item-flex .mobile-wrap .item-text { font-size:13px; letter-spacing:-1px; }
	.ad-form-inner .tab_preview .btn-preview { font-size:13px; padding:4px 8px 4px 8px; }


	
}

/** Modal **/
/* 개인정보 제공 동의 */
.modal-body .wm_scroll_box { height:340px; color:#707070; font-size:13px; padding:8px; border-radius:4px; border:1px solid #d8d8d8; overflow-y:auto; }
.modal-body .wm_table_box .table>:not(:first-child) { border-top:1px solid #707070; }
.modal-body .wm_table_box caption { display:none; }
.modal-body .wm_table_box table { margin-bottom:8px; border-bottom:1px solid #d8d8d8; border-collapse:collapse; }
.modal-body .wm_table_box th { color:#707070; text-align:left; font-weight:500; padding:8px 8px; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; background:#fcfcfc; }
.modal-body .wm_table_box td { text-align:left; color:#707070; font-weight:300; padding:8px 8px; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; }
.modal-body .wm_table_box td.tbl_style01 { text-align:left; }
.modal-body .wm_table_box th:first-child, 
.modal-body .wm_table_box td:first-child { border-left:none; }
.modal-body .wm_table_box td p { font-weight:500; }
.modal-body .wm_table_box td strong { font-weight:500; }
.modal-body .wm_table_box td span { display:block; }
.modal-body .form-desc { text-align:center; padding:8px 0 8px 0; background:#f4f5f6; border-radius:4px; }
.modal-body .form-desc p { text-align:center; }


/* 20240409 ~ */
.ad-form table.tbl .ad-state.state-info { color:#5479f7; }
.ad-form table.tbl .ad-state.state-cancel { color:#e31e30; }
.ad-form table.tbl .ad-state.state-success{ color:#008626; }

.search-bar .search-box.multi-box { width:660px; }
.search-bar .search-box.multi-box .select-list { position:relative; z-index:1; }
@media screen and (max-width: 1280px){
	.search-bar { margin:0 0 12px 0; }
	.search-bar .search-box.multi-box { width:100%; flex-wrap:wrap; height:auto; line-height:1.5; padding:0 12px 0 12px; border-radius:4px; }
	.search-bar .search-box.multi-box .select-list { position:relative; z-index:1; width:50%; }
	.search-bar .search-box.multi-box .select-list:first-child:after { display:block; position:absolute; top:17px; right:-6px; width:2px; height:14px; content:""; background:#e5e5e5; }
	.search-bar .search-box.multi-box .select-list .form-select { width:100%; }
	.search-bar .search-box.multi-box .search-input { border-top:1px dotted #ddd; }
}

/* 광고신청상세 */
.ad-state-wrap { padding:0 30px 0 30px; margin:0 0 48px 0; }
.ad-view-state { position:relative; display:flex; flex-wrap: nowrap; justify-content: space-between; width:100%; padding:24px 15% 16px 15%; background:#f2f2f2; border-radius:4px; z-index:2; }
.ad-view-state:after { position:absolute; top:55px; left:50%; display:block; content: ""; width:50%; height:0; margin:0 0 0 -25%; border-top:2px dotted #a1a9b1; z-index:1; }
.ad-view-state li { position:relative; width:33.3%; z-index:2; }
.ad-view-state li span { display:block; width:100%; text-align:center; }
.ad-view-state li .state_icon { width:64px; height:64px; color:#707070; font-size:32px; line-height:54px; margin:0 auto 8px auto; background:#fff; border-radius:32px; }
.ad-view-state li.on .state_icon { color:#fff; background:#5479f7; }
.ad-view-state li.on.state_reject .state_icon { color:#fff; background:#ee5776; }
.ad-view-state li.on .state_text { color:#5479f7; font-weight:500; }
.ad-view-state li.on.state_reject .state_text { color:#ee5776; }
.ad-view-state li.done .state_icon { color:#5479f7; background:#dce3fd; }
.ad-view-summary { display:flex; flex-wrap: nowrap; justify-content: space-between; padding:12px; margin:0 30px 36px 30px; border:2px solid #e1e1e1; border-radius:4px; }
.ad-view-summary li { width:50%; }
.ad-view-summary li > span { display:inline-flex; align-items: center; vertical-align:bottom; }
.ad-view-summary li .sum-label { color:#333; font-size:16px; margin:0 24px 0 0; }
.ad-view-summary li .sum-value { padding:0 12px 0 0; }
.ad-view-summary li .sum-value strong { color:#ff702d; font-weight:700; }

.ad-view .ad-view-item { padding:0 30px 0 30px; margin:0 0 32px 0; }
.ad-view .ad-view-item .ad-view-title { font-size:18px; font-weight:500; }
.ad-view .ad-view-item .ad-view-list { display:flex; flex-wrap:wrap; justify-content:space-between; margin:8px 0 0 0; }
.ad-view .ad-view-item .ad-view-list li { width:49.4%; margin:0 0.3% 12px 0.3%; padding:0 12px 8px 0; border-bottom:1px solid #e1e1e1; }
.ad-view .ad-view-item .ad-view-list li.item-all { width:100%; }
.ad-view .ad-view-item .ad-view-list li.item-expand { position:relative; }
.ad-view .ad-view-item .ad-view-list li.item-expand .btn-preview { position:absolute; right:0; top:4px; color:#5479f7; font-size:16px; padding:6px 24px; border:1px solid #5479f7; border-radius:18px; }
.ad-view .ad-view-item .ad-view-list li.item-url a { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ad-view .ad-view-item .ad-view-list dl { margin:0 2px 0 0;  }
.ad-view .ad-view-item .ad-view-list dt { color:#b1b1b1; font-size:14px; font-weight:400; }
.ad-view .ad-view-item .ad-view-list dd { font-size:16px; }
.ad-view .ad-view-item .ad-view-list dd .sub-main { color:#5479f7; font-weight:500; }
.ad-view .ad-view-item .ad-view-list dd .sub-alert { color:#e31e30; font-weight:500; }
.ad-view .ad-view-item .ad-view-list dd .ad-state { font-weight:500; }
.ad-view .ad-view-item .ad-view-list dd .ad-state.state-info { color:#5479f7; }
.ad-view .ad-view-item .ad-view-list dd .ad-state.state-cancel { color:#e31e30; }
.ad-view .ad-view-item .ad-view-list dd .ad-state.state-success{ color:#008626; }
.ad-view .ad-view-item .ad-view-list li.item-parent { width:100%; margin:0 0.3% 12px 0.3%; padding:0 0 20px 0; }
.ad-view .ad-view-item .ad-view-list .ad-view-label { font-weight:500; margin:12px 0 0 0; }
.ad-view .ad-view-item .ad-view-list .ad-view-label:first-child { margin:0 0 0 0; }
.ad-view .ad-view-item .ad-view-list .ad-view-child { display:flex; flex-wrap:wrap; justify-content:space-between; margin:8px 0 0 0; padding:12px 12px 0 12px; background:#f9f9f9; border-radius:4px; }
.ad-view .ad-view-item .ad-view-list .ad-view-child .item-endline { margin:0 0.3% 4px 0.3%; border-bottom:none; }
@media screen and (max-width: 1280px){
	/* 광고신청상세 */
	.ad-state-wrap { padding:0; margin:0 0 18px 0; }
	.ad-view-state { padding:12px 0 12px 0; }
	.ad-view-state:after { top:35px; width:60%; margin:0 0 0 -30%; }
	.ad-view-state li .state_icon { width:48px; height:48px; font-size:24px; line-height:42px; margin:0 auto 8px auto; border-radius:24px; }
	.ad-view-state li .state_icon i { font-size:24px; }
	.ad-view-state li .state_text { font-size:12px; font-weight:400; }
	.ad-view-summary { display:block; padding:12px; margin:0 0 16px 0; }
	.ad-view-summary li { width:100%; }
	.ad-view-summary li > span { display:inline-flex; align-items: center; vertical-align:bottom; }
	.ad-view-summary li .sum-label { font-size:14px; margin:0 12px 0 0; }
	.ad-view-summary li .sum-value { font-size:14px; padding:0 0 0 0; }

	.ad-view .ad-view-item { padding:0 0 0 0; margin:0 0 12px 0; }
	.ad-view .ad-view-item .ad-view-title { font-size:14px; font-weight:500; }
	.ad-view .ad-view-item .ad-view-list { display:block; margin:8px 0 0 0; }
	.ad-view .ad-view-item .ad-view-list li { width:100%; margin:0 0 8px 0; padding:0 0 8px 0; border-bottom:1px solid #e1e1e1; }
	.ad-view .ad-view-item .ad-view-list li.item-expand .btn-preview { top:-6px; font-size:13px; padding:4px 8px 4px 8px; }
	.ad-view .ad-view-item .ad-view-list dl { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; margin:0 0 0 0;  }
	.ad-view .ad-view-item .ad-view-list dt { width:30%; font-size:13px; }
	.ad-view .ad-view-item .ad-view-list dt em { display:block; }
	.ad-view .ad-view-item .ad-view-list dd { width:70%; font-size:14px; }	
	.ad-view .ad-view-item .ad-view-list li.item-parent { margin:0 0 12px 0; padding:0 0 12px 0; }
	.ad-view .ad-view-item .ad-view-list .ad-view-label { font-size:13px; }
	.ad-view .ad-view-item .ad-view-list .ad-view-child { display:block; padding:8px 8px 0 8px; }
	.ad-view .ad-view-item .ad-view-list .ad-view-child .item-endline { margin:0 0 4px 0; }

}