@charset "utf-8";

/* SUB VISUAL */
#subVisual {
	position:relative;
	width:100%;
	height:560px;
	margin:0;
	padding:0;
	background-color:#212121;
	background-size:auto cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
}
#subVisual:after {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFUlEQVQYV2NkYGD4z8DAwMjIAAH/AQ8oAgJbL/zzAAAAAElFTkSuQmCC);
	background-repeat:repeat;
	box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,1);
	opacity:0.6;
	display:block;
	z-index:1;
}
#subVisual.company { background-image:url('../image/sub_visual/company.jpg'); }
#subVisual.customer { background-image:url('../image/sub_visual/customer.jpg'); }
#subVisual.as { background-image:url('../image/sub_visual/as.jpg'); }
#subVisual video {
	position:absolute;
	width:100%;
	height:auto;
	vertical-align:baseline;
	display:inline-block;
}
#subVisual .txtBox {
	position:absolute;
	top:45%;
	left:50%;
	margin-left:-250px;
	z-index:9;
}
#subVisual .txtCommon {
	min-width:500px;
}
#subVisual .txtCommon h1 {
	font-family:'Roboto', sans-serif;
	font-size:3.63rem;
	font-weight:500;
	color:#fbc02d;
	letter-spacing:0rem;
	margin:0 auto;
	padding:0;
	opacity:0;
	transition:opacity 1s, letter-spacing 1s;
	text-align:center;
	display:block;
}
#subVisual .txtCommon h1.on {
	letter-spacing:1.3rem;
	opacity:1;
}
#subVisual .txtCommon h2 {
	font-family:'Roboto', sans-serif;
	font-size:1.23rem;
	color:#919191;
	font-weight:normal;
	margin:0 auto;
	padding:15px 0 0 0;
	text-align:center;
	display:block;
}
#subVisual .txtDallacorte {
	position:absolute;
	top:35%;
	left:50%;
	width:100%;
	height:300px;
	background-image:url('../image/logo_dallacorte.svg');
	background-size:auto 200px;
	background-position:50% 0;
	background-repeat:no-repeat;
	transform:translateX(-50%);
	text-align:center;
	z-index:9;
}
#subVisual .txtAnfim {
	position:absolute;
	top:35%;
	left:50%;
	width:100%;
	height:300px;
	
     background-image:url('../../img/Anfim_Logo_white.png'); 
	/*background-image:url('../image/logo_anfim_white.svg');*/
	background-size:auto 130px;
	background-position:50% 0;
	background-repeat:no-repeat;
	transform:translateX(-50%);
	text-align:center;
	z-index:9;
}
#subVisual .btnBrandInfo {
	position:relative;
	font-family:'roboto', 'Noto Sans KR', sans-serif;
	font-size:0.96rem;
	color:#fff;
	font-weight:400;
	margin-top:250px;
	padding:10px 15px;
	background-color:rgba(0,0,0,0.3);
	text-decoration:none;
	cursor:pointer;
	overflow:hidden;
	transition:color 0.5s ease-in-out;
	display:inline-block;
}
#subVisual .btnBrandInfo i { font-style:normal; }
#subVisual .btnBrandInfo:hover { color:#fbc02d; }
#subVisual .btnBrandInfo:before,
#subVisual .btnBrandInfo:after {
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height:1px;
	background-color:#fff;
}
#subVisual .btnBrandInfo:before { top:0; }
#subVisual .btnBrandInfo:after { bottom:0; }
#subVisual .btnBrandInfo:hover > * > *:before,
#subVisual .btnBrandInfo:hover > * > *:after { transform: translate3d(0, 0, 0); }
#subVisual .btnBrandInfo:hover > * > * > *:before,
#subVisual .btnBrandInfo:hover > * > * > *:after { transform: translate3d(0, 0, 0); }
#subVisual .btnBrandInfo > *:before,
#subVisual .btnBrandInfo > *:after {
	content:'';
	position:absolute;
	top:0;
	height:100%;
	width:1px;
	background-color:#fff;
}
#subVisual .btnBrandInfo > *:before { left:0; }
#subVisual .btnBrandInfo > *:after { right:0; }
#subVisual .btnBrandInfo > * > *:before,
#subVisual .btnBrandInfo > * > *:after {
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height:1px;
	background-color:#fbc02d;
	z-index:9;
}
#subVisual .btnBrandInfo > * > *:before {
	top:0;
	transform:translate3d(-105%, 0, 0);
	transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#subVisual .btnBrandInfo > * > *:after {
	bottom:0;
	transform:translate3d(105%, 0, 0);
	transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#subVisual .btnBrandInfo > * > * > *:before,
#subVisual .btnBrandInfo > * > * > *:after {
	content:'';
	position:absolute;
	top:0;
	width:1px;
	height:100%;
	background-color:#fbc02d;
	z-index:9;
}
#subVisual .btnBrandInfo > * > * > *:before {
	left:0;
	transform:translate3d(0, 105%, 0);
	transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#subVisual .btnBrandInfo > * > * > *:after {
	right:0;
	transform:translate3d(0, -105%, 0);
	transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#subVisual .txtCommon h1 {
	font-family:'Roboto', sans-serif;
	font-size:3.63rem;
	font-weight:500;
	color:#fbc02d;
	letter-spacing:0rem;
	margin:0 auto;
	padding:0;
	opacity:0;
	transition:opacity 1s, letter-spacing 1s;
	text-align:center;
	display:block;
}

#subWrap {
	width:100%;
	margin:0;
	padding:0;
	background-color:#fff;
	overflow:hidden;
}
#subWrap.dallacorte,
#subWrap.anfim { background-color:#4b4b4b; }
#titleWrap { padding:50px 0; }
#titleWrap.dark { background:linear-gradient(0deg, rgba(75,75,75,0) 0%, rgba(33,33,33,1) 100%); }
#titleWrap.light { background:linear-gradient(0deg, rgba(242,242,242,0) 0%, rgba(255,255,255,1) 80%); }
#currentTitle {
	max-width:1200px;
	font-family:'Roboto', sans-serif;
	font-size:2.36rem;
	font-weight:300;
	margin:0 auto;
	padding:0;
	text-align:center;
	display:block;
}
#currentTitle.dark { color:#212121; }
#currentTitle.light { color:#fff; }
#currentTitle strong { font-weight:500; }
#currentSubTxt {
	max-width:1200px;
	font-size:1.03rem;
	font-weight:400;
	margin:0 auto;
	padding:10px 0 0 0;
	text-align:center;
	display:block;
}
#currentSubTxt.dark { color:#727272; }
#currentSubTxt.light { color:#aaa; }
#subWrap .subInner {
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
#bo_list,
#bo_gall,
#bo_v,
#bo_w {
	max-width:1200px;
	margin:0 auto;
	padding:0 20px 50px 20px;
	overflow:hidden;
}

/* TABLE DESIGN */
#tbH {
	width:100%;
	border-top:1px solid #424242;
	border-collapse:collapse;
	border-spacing:0;
}
#tbH th {
	font-size:0.93rem;
	color:#424242;
	font-weight:500;
	padding:15px 10px;
	border-bottom:1px solid #ddd;
	text-align:center;
}
#tbH td {
	font-size:0.86rem;
	color:#616161;
	line-height:1.5em;
	padding:15px 10px;
	border-bottom:1px solid #eaeaea;
	word-break:break-all;
	text-align:center;
	overflow:hidden;
}

/* BOARD BUTTONS */
#bo_fx {
	margin-top:30px;
	text-align:right;
	display:block;
}
#bo_fx ul {margin:0;padding:0;list-style:none}
#bo_fx ul {float:right;margin:0;padding:0;list-style:none}
#bo_fx li {float:left;margin-left:5px}
#bo_btn .btn {
	min-width:80px;
	height:40px;
	font-size:0.8rem;
	font-weight:400;
	line-height:40px;
	color:transparent;
	padding:0;
	background-color:transparent;
	border:1px solid transparent;
	border-radius:3px/3px;
	vertical-align:middle;
	text-align:center;
	transition:all 0.25s ease-out;
	text-decoration:none;
	display:inline-block;
}
#bo_btn .btn01 {
	color:#616161;
	background-color:#fff;
	border-color:#ccc;
}
#bo_btn .btn01:hover {
	color:#212121;
	border-color:#212121;
}
#bo_btn .btn02 {
	color:#fff;
	background-color:#616161;
}
#bo_btn .btn02:hover {
	background-color:#212121;
}
#bo_btn .btn_cancel {
	color:#616161;
	background-color:#fff;
	border-color:#ccc;
}
#bo_btn .btn_cancel:hover {
	color:#212121;
	border-color:#212121;
}
#bo_btn .btn_submit {
	color:#fff;
	background-color:#283593;
}
#bo_btn .btn_submit:hover {
	background-color:#212121;
}

#bo_btn .btn_admin:hover, #bo_btn a.btn_admin:hover { background:#ff3746; }
#bo_btn a.btn_admin, #bo_btn .btn_admin {
	display:inline-block;
	background:#d13f4a;
	color:#fff;
	text-decoration:none;
	vertical-align:middle;
} /* ADMIN */

/* BOARD TABLE */
#writeTB {
	width:100%;
	border-top:1px solid #424242;
	border-collapse:collapse;
	border-spacing:0;
}
#writeTB th {
	font-size:0.8rem;
	color:#616161;
	font-weight:normal;
	padding:10px 20px;
	background-color:#f9f9f9;
	border-bottom:1px solid #eaeaea;
	text-align:center;
}
#writeTB td {
	font-size:0.8rem;
	color:#212121;
	line-height:1.5em;
	padding:10px 10px;
	background-color:#fff;
	border-bottom:1px solid #eaeaea;
	word-break:break-all;
	text-align:left;
	overflow:hidden;
}
#writeTB td input {
	border:1px solid #ccc;
	border-radius:0;
	box-shadow:none;
}
#writeTB td input.required { background:none !important; }
#writeTB td.file input {border:0;}
#writeTB td input:focus {
	background:#f9f9f9;
	border:0 !important;
	border:1px solid #212121 !important;
	outline:transparent;
}
#writeTB td textarea {
	width:100%;
	min-height:150px;
	padding:10px;
	border:1px solid #ccc;
	border-radius:0;
	box-shadow:none;
	resize:none;
}
#writeTB td textarea:focus { border:1px solid #212121 !important; }
#writeTB th:first-child,
#writeTB td:first-child { border-left:0; }
#writeTB tr.listThumb th {
	border-top:2px solid #ff1744;
	border-bottom:2px solid #ff1744;
	border-left:2px solid #ff1744;
}
#writeTB tr.listThumb td {
	border-top:2px solid #ff1744;
	border-bottom:2px solid #ff1744;
	border-right:2px solid #ff1744;
}
#writeTB td select {
	height:40px;
	font-size:1em;
	color:#333;
	line-height:40px;
	padding:0 35px 0 5px;
    border:1px solid #ccc;
	outline:0;
    -webkit-appearance:none;
	-moz-appearance:none;    
	appearance:none;
	background:url('../image/select_btn.png') no-repeat 100% 50%; /* 화살표 아이콘 추가 */       
}
#writeTB td select::-ms-expand {
	display: none;
}

/* PAGES */
.pg_wrap {
	width:100%;
	margin-top:30px;
	text-align:center;
	display:block;
}
.pg { overflow:hidden; }
.pg_page, .pg_current {
	display:inline-block;
	vertical-align:middle;
	border:1px solid #ddd;
}
.pg a:focus, .pg a:hover { text-decoration:none }
.pg_page {
	min-width:30px;
	color:#555;
	font-size:0.86rem;
	line-height:30px;
	padding:0 5px;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:3px;
	text-decoration:none;
}
.pg_page:hover { background:#eaeaea; }
.pg_start, .pg_end, .pg_prev, .pg_next {
	text-indent:-999px;
	overflow:hidden;
	padding:0;
}
.pg_prev {
	margin-right:15px;
	background-image:url('../image/btn_prev.gif');
	background-color:#fff;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.pg_prev:hover {
	background-image:url('../image/btn_prev.gif');
	background-color:#eaeaea;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.pg_next {
	margin-left:15px;
	background-image:url('../image/btn_next.gif');
	background-color:#fff;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.pg_next:hover {
	background-image:url('../image/btn_next.gif');
	background-color:#eaeaea;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.pg_start {
	background-image:url('../image/btn_first.gif');
	background-color:#fff;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.pg_start:hover {
	background-image:url('../image/btn_first.gif');
	background-color:#eaeaea;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.pg_end {
	background-image:url('../image/btn_end.gif');
	background-color:#fff;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.pg_end:hover {
	background-image:url('../image/btn_end.gif');
	background-color:#eaeaea;
	background-position:50% 50%;
	background-repeat:no-repeat;
}

.pg_current {
	min-width:30px;
	font-size:0.86rem;
	color:#fff;
	font-weight:normal;
	height:30px;
	line-height:30px;
	padding:0 10px;
	background-color:#212121;
	border:0;
	border-radius:3px;
	display:inline-block;
}