@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");

/* reset */
body {font-family: 'Noto Sans KR', sans-serif; overflow-x: hidden; overflow-y: auto; position: relative; width: 100%; height: 100%; font-size: 16px; font-weight: 300; line-height:1;}
img {max-width: 100%;}
.clearfix:after {display: block; content: ''; clear: both;}
a{text-decoration: none !important;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
input:focus{outline: none}
/* reset */
#ui-datepicker-div{z-index: 15 !important;}

.Sub_Contents .Sub_Contents_tit {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #565a5c;
	background: #edefed;
	position: relative;
	z-index: 1;
}

.reqlist_prepare {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.reqlist_conbox {
	background: #fff;
	padding: 15px;
	border-bottom: 1px solid #e6e6e6 !important;
}

.row {
	margin-right: -15px;
	margin-left: -15px;
}

.reqlist_con.p15 {
	padding: 15px;
	overflow: hidden;
	font-size: 16px;
	color: #565a5c;
}

.reqlist_con .sequre_chenge.first_sc {
	margin: 5px 0 0 0;
	clear: both;
}

.reqlist_con .sequre_chenge {
	clear: both;
}

.reqlist_con .sequre_chenge {
	margin: 20px 0 0 0;
}

.reqlist_con.remake.box1 {
	margin-right: 15px;
	margin-left: 15px;
}

.reqlist_con.remake {
	border-top: 1px solid #ddd;
	margin-top: 35px;
	padding-top: 15px;
}

.reqlist_con {
	overflow: hidden;
}

.reqRegist_btn.gold a {
	font-size: 16px;
	background: #f4869d;
	border-radius: 4px;
	display: block;
	padding: 11px 0;
	color: #fff;
	text-align: center;
	float: right;
}

.reqlist_conbox {
	padding: 15px;
	border-bottom: 1px solid #e6e6e6 !important;
}

.reqlist_con.p15 ul.ip_nat li:nth-child(2) input {
	font-size: 16px;
	color: #565a5c;
	width: 100%;
	height: 40px;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	padding-left: 10px;
}

.reqlist_con .sequre_chenge .ip_nat.pw_chg li:nth-of-type(2) {
	padding: 0;
	padding-right: 15px;
}

.reqlist_con .sequre_chenge ul {
	overflow: hidden;
	padding: 4px 0 3px 0;
	list-style: none;
}

.reqlist_con.remake .reqRegist_btn a {
	float: none;
	font-size: 16px;
	background: #f4869d;
	border-radius: 4px;
	display: block;
	padding: 11px 0;
	color: #fff;
	text-align: center;
}

/*	JQuery UI */
.ui-datepicker select.ui-datepicker-year { margin-left:0px; }
.ui-datepicker .ui-datepicker-title select:first-child { margin-right:10px; }
.ui-datepicker .ui-datepicker-title { color:#333333; }
.ui-datepicker-current { opacity:1 !important; font-weight:bold !important; } /* Today Button */
/*.ui-autocomplete { width:100% !important; padding:10px; }*/
.ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; padding:10px; }
/*	JQuery UI */

/* loader */
.loader_bg{position:fixed; width:100%; height:100%; background:rgba(255,255,255,0.6); z-index:99999;}
.shopping_loader {position:fixed; top:50%; margin-top:-25px; left:50%; margin-left:-25px; border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #f4869d; width: 50px; height: 50px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; z-index:999999;}
.shop_ap{width:50px; height:50px; position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-25px; /*background:url(/resources/images/common/loader.png) no-repeat center center;*/}
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

.loader_wrapper{width:100%; height:300px; position:relative;}
.loader_wrapper .loader_bg{position:absolute !important; width:100% !important; height:100% !important;}
.loader_wrapper .loader_bg .shopping_loader{position:absolute !important;}
/* loader */

/* common */
.blackbg { width: 100%;  height: 100%; background-color: #000; opacity: 0.5; z-index: 98; position: fixed; top: 0; left: 0; }
.black-link { color:#333; text-decoration:underline !important; }

.pop_errormsg_sub_01 {background-color:#ffd1c4; position:fixed; top:66px; width:100%; z-index:1000; line-height:60px;}
.pop_errormsg_sub_01 .msgarea {text-align:center; position:relative; font-size:16px; color:#565a5c;}
.pop_errormsg_sub_01 .msgarea em {padding-right:20px; display:inline-block; vertical-align:top;}
.pop_errormsg_sub_01 .msgarea p {display:inline-block;}
.pop_errormsg_sub_01 .msgarea a.close_btn {position:absolute; right:20px; top:0; cursor:pointer}
.pop_errormsg_sub_01 .msgarea a.close_btn img {padding:10px;}

.pop_susmsg_sub_01 {background-color:#cbe1e6; position:absolute; top:66px; width:100%; z-index:1000; line-height:60px;}
.pop_susmsg_sub_01 .msgarea {text-align:center; position:relative; font-size:16px; color:#565a5c;}
.pop_susmsg_sub_01 .msgarea em {padding-right:20px; display:inline-block; vertical-align:top;}
.pop_susmsg_sub_01 .msgarea p {display:inline-block;}
.pop_susmsg_sub_01 .msgarea a.close_btn {position:absolute; right:20px; top:0; cursor:pointer}
.pop_susmsg_sub_01 .msgarea a.close_btn img {padding:10px;}

.pop_confirmmsg_sub_01 {background-color:#ffd1c4; position:absolute; top:66px; width:100%; z-index:1000; line-height:60px;}
.pop_confirmmsg_sub_01 .msgarea {text-align:center; position:relative; font-size:16px; color:#565a5c;}
.pop_confirmmsg_sub_01 .msgarea em {padding-right:20px; display:inline-block; vertical-align:top;}
.pop_confirmmsg_sub_01 .msgarea p {display:inline-block;}
.pop_confirmmsg_sub_01 .msgarea a.close_btn {position:absolute; right:20px; top:0; cursor:pointer}
.pop_confirmmsg_sub_01 .msgarea a.close_btn img {padding:10px;}

.pop_susmsg_sub_01 .msgarea .smallBtn,.pop_errormsg_sub_01 .msgarea .smallBtn{display:inline-block; margin-left:15px; line-height:normal !important;}
.pop_susmsg_sub_01 .msgarea .smallBtn a,.pop_errormsg_sub_01 .msgarea .smallBtn a{color:#ffffff; font-size:12px; display:block; padding:10px 20px; border-radius:4px;}
.pop_susmsg_sub_01 .msgarea .smallBtn a{background:#f4869d;}
.pop_errormsg_sub_01 .msgarea .smallBtn a{background:#ff5a5f;}

.modal-alert-error {background-color:#ffd1c4; position:absolute; top:0px; width:100%; z-index:1000; line-height:60px;}
.modal-alert-error .msgarea {text-align:center; position:relative; font-size:16px; color:#565a5c;}
.modal-alert-error .msgarea em {padding-right:20px; display:inline-block; vertical-align:top;}
.modal-alert-error .msgarea p {display:inline-block;}
.modal-alert-error .msgarea a.close_btn {position:absolute; right:20px; top:0; cursor:pointer}
.modal-alert-error .msgarea a.close_btn img {padding:5px;}

.modal-alert-error {padding:15px; line-height:1.5;}
.modal-alert-error .msgarea p {padding-right:50px; width:80%;}

.modal-alert-success {background-color:#cbe1e6; position:absolute; top:0px; width:100%; z-index:1000; line-height:60px;}
.modal-alert-success .msgarea {text-align:center; position:relative; font-size:16px; color:#565a5c;}
.modal-alert-success .msgarea em {padding-right:20px; display:inline-block; vertical-align:top;}
.modal-alert-success .msgarea p {display:inline-block;}
.modal-alert-success .msgarea a.close_btn {position:absolute; right:20px; top:0; cursor:pointer}
.modal-alert-success .msgarea a.close_btn img {padding:5px;}

.Thumbnail { position: relative; width:100%; height:100%; overflow: hidden; }
.Thumbnail img { position:absolute; width:auto; height:auto; margin:auto; top:0; bottom:0; left:0; right:0; }
.Thumbnail img.portrait { width: 100%; height: auto; }
.Thumbnail img.landscape { width: auto; height: 100%; left: 50%; transform: translateX(-50%); max-width: none;}

.tag_wrap{position:absolute; top:10px; left:10px;}
.tag_wrap div.normal{color:#fff; font-size:14px; display:block; text-align:center; background:#f4869d; margin-right:5px; padding: 0 !important; margin-bottom:5px;}
.tag_wrap div.normal span{width:120px; display:block; text-align:center; padding:8% 5%;}

.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }

.back-color1 { background:#7682ad !important; }
.back-color2 { background:#1e73be !important; }
.back-color3 { background:#81d742 !important; }

/* Hod Deal Price */
.hot-deal { display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:center; }
.hot-deal .hot-deal-rate { font-weight: bold; font-size:25px; }
.hot-deal .hot-deal-price { display:grid; grid-template-row:1fr 1fr; gap:5px; }
.hot-deal .hot-deal-price span { display:block !important; line-height:1 !important; }

.discount-rate { color:red; }
.tag-amount { text-decoration:line-through; color:#AAA; }
.sell-amount { color:#444; font-weight:bold; }
/* Hod Deal Price */

.cp_right {
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
    position: relative;
    z-index: 999;
    color: #DEDEDE;
    text-align: center;
    display: block;
}

.footer {
    position: relative;
    padding: 45px 0 30px;
    background-color: #333333;
    z-index: 15;
}

.goLink {
    margin-bottom: 30px;
}

/* Left Menu 없음 */
.content1 { width:100%; max-width:1440px; margin:0 auto; padding:20px 0px; font-size:14px; min-height:743px; }
.content1 .content-header { font-size:24px; font-weight:bold; padding-bottom:30px; }
.content1 .content-main {  }
.content1 .content-main span { display:block; line-height:1.5; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.content1 .content-main button { text-align:center; background:#f4869d; border:0; border-radius:4px; color:#fff; font-size:16px; padding:10px; }
.content1 .content-main u { cursor:pointer; }
.content1 .content-footer {  }
/* Left Menu 없음 */

/* Left Menu 있음 */
.content2 { width:100%; max-width:1440px; padding:20px 0px; margin:0 auto; font-size:14px; background:#EEEEEE; }
.content2 { display:grid; grid-template-columns: 240px minmax(1000px, auto); gap:30px; min-height: 743px; }
.content2 .content-left { background:#FFFFFF; }
.content2 .content-right { background:#FFFFFF; padding:20px; }
.content2 .content-menu {  }
.content2 .content-header { font-size:25px; font-weight:bold; margin-bottom:30px; display:grid; grid-template-columns:1fr auto; grid-gap:10px; }
.content2 .content-header button { text-align:center; background:#f4869d; border:0; border-radius:4px; color:#fff; font-size:16px; padding:8px; }
.content2 .content-main {  }
.content2 .content-main span { display:block; line-height:1.5; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.content2 .content-main button { text-align:center; background:#f4869d; border:0; border-radius:4px; color:#fff; font-size:16px; padding:8px; }
.content2 .content-main u { cursor:pointer; }
.content2 .content-footer {  }
/* Left Menu 있음 */

/* Modal */
.content3 { width:100%; max-width:1440px; margin:0 auto; font-size:14px; }
.content3 .content-header { font-size:24px; font-weight:bold; padding-bottom:30px; }
.content3 .content-main {  }
.content3 .content-main span { display:block; line-height:1.5; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.content3 .content-main button { text-align:center; background:#f4869d; border:0; border-radius:4px; color:#fff; font-size:16px; padding:10px; }
.content3 .content-main u { cursor:pointer; }
.content3 .content-footer {  }
/* Modal */

.no-data { font-size: 20px; padding: 30px; text-align: center; }
.has-data {  }

.grid1 { display:grid; grid-template-columns:1fr; grid-gap:15px; align-items:center; }
.grid2 { display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:15px; align-items:center; }
.grid2-1 { display:grid; grid-template-columns:1fr 120px; grid-gap:15px; align-items:center; }
.grid3 { display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:15px; align-items:center; }
.grid3-1 { display: grid; grid-template-columns: 80px 1fr 1fr; grid-gap: 15px; align-items: center; }
.grid4 { display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:15px; align-items:center; }
.grid5 { display:grid; grid-template-columns:repeat(5, 1fr); grid-gap:15px; align-items:center; }
.grid6 { display:grid; grid-template-columns:repeat(6, 1fr); grid-gap:15px; align-items:center; }

.grid3-1 input[type="checkbox"] { height: 18px; margin: 0; }

.modal-header { padding:20px; padding-bottom:0px; }
.modal-body { padding:20px; }

@media (min-width: 1300px){
	.web-data { display:block; }
	.mobile-data { display:none; }	
}

@media (max-width: 1299px){
	.web-data { display:none; }
	.mobile-data { display:block; }
	
	.grid1 { grid-template-columns:1fr; }
	.grid2 { grid-template-columns:1fr; }
	.grid3 { grid-template-columns:1fr; }
	.grid4 { grid-template-columns:1fr; }
	.grid5 { grid-template-columns:1fr; }
	.grid6 { grid-template-columns:1fr; }
}
/* common */

/* list */
.list-search { /*margin-bottom:20px;*/ }
.list-search .input-date { background: url(/resources/images/category/date_bg.png) right no-repeat; }
.list-search .search-bar { border:1px solid #999; padding:0px; margin-bottom:15px; }
.list-search .search-box { border:1px solid #999; box-sizing: border-box; padding:8px; }
.list-search .search-box.active { padding:6px 0px; border:3px solid #f4869d; }
.list-search > div { padding-bottom:15px; }
.list-search button { width:100%; height:100%; padding:12px !important; }
.list-search select { width:100%; height:100%; border:none; background-color:#FFFFFF; outline:none; }
.list-search input[type="text"] { width:100%; height:100%; border:none; }
.list-search input[type="radio"] { display:none; }
.list-search input[type="radio"]+label { display:inline-block; cursor:pointer; width:100%; border:none; padding:4px 0px; text-align:center; }
.list-search .search-period { display:grid; grid-template-columns:repeat(3, 1fr); align-items:center;  }
.list-search .search-period div { border:1px solid #999; box-sizing: border-box; text-align:center; padding:8px; background:#FFFFFF; cursor:pointer; }
.list-search .search-period div:first-child { border-right:0px; }
.list-search .search-period div:last-child { border-left:0px; }
.list-search .search-period .active { background:#EEEEEE; }
.list-search .search1 { display:grid; grid-template-columns:1fr; grid-gap:15px; align-items:center; }
.list-search .search2 { display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:15px; align-items:center; }
.list-search .search3 { display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:15px; align-items:center; }
.list-search .search4 { display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:15px; align-items:center; }
.list-search .search5 { display:grid; grid-template-columns:repeat(5, 1fr); grid-gap:15px; align-items:center; }
.list-search .search6 { display:grid; grid-template-columns:repeat(6, 1fr); grid-gap:15px; align-items:center; }
.list-search .search7 { display:grid; grid-template-columns:repeat(7, 1fr); grid-gap:15px; align-items:center; }

.list-data .data-box { border:1px solid #999; box-sizing: border-box; padding:8px; }
.list-data select { width:100%; border:none; background-color:#FFFFFF; outline:none; } 
.list-data .both-data { font-size:20px; padding:20px; text-align:center; border:1px solid #999;  }
.list-data .web-data {  }
.list-data .mobile-data {  }

.list-table { width:100%; text-align:left; table-layout:fixed; }
.list-table .input-date { background: url(/resources/images/category/date_bg.png) right no-repeat; }
.list-table input[type="checkbox"] {width:18px; height:18px; border:1px solid #ccc; outline:none; margin:0;}
.list-table tr {  }
.list-table td { border-top:1px solid #999; padding:10px; }
.list-table td.table-title { background:#EEEEEE; word-break:keep-all; line-height:1.5; }
.list-table td.table-content { vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height: 1.5; }
.list-table tr:last-child td { border-bottom:1px solid #999; }

.list-box { display:grid; grid-template-columns:1fr; grid-gap:15px; align-items:center; }
.list-box input[type="checkbox"] {width:18px; height:18px; border:1px solid #ccc; outline:none; margin:0;}
.list-box .in-box { display:grid; grid-template-columns:1fr; grid-gap:10px; border:1px solid #999; padding:15px; }
.list-box .in-box .box-row { display:grid; grid-template-columns:1fr; grid-gap:10px; width:100%; overflow:auto; }
.list-box .in-box .box-row > div { display:grid; grid-template-columns:130px auto; grid-gap:15px; align-items:center; }
.list-box .in-box .box-row > div > span:nth-child(1) { text-align:left; }
.list-box .in-box .box-row > div > span:nth-child(2) { text-align:left; }

/* TODO : DELETE */
.see-more { display:grid; grid-template-columns:1fr; grid-gap:15px; align-items:center; margin-top:15px; }
.see-more > button { padding:12px !important; background:#EEEEEE !important; color:#333333 !important; }
/* TODO : DELETE */

.more { display:grid; grid-template-columns:1fr; grid-gap:15px; align-items:center; margin-top:15px; }
.more > button { padding:12px !important; background:#EEEEEE !important; color:#333333 !important; }

@media (min-width: 1300px){ 
	.list-data .web-data { display:block; }
	.list-data .mobile-data { display:none; }
}

@media (max-width: 1299px){
	.list-search .search3 { display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:15px; align-items:center; }
	.list-search .search3 > :nth-child(3) { grid-column:1/3; }
	.list-search .search4 { display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:15px; align-items:center; }
	.list-search .search5 { display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:15px; align-items:center; }
	.list-search .search5 > :nth-child(5) { grid-column:1/3; }
	.list-search .search6 { display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:15px; align-items:center; }
	.list-search .search7 { display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:15px; align-items:center; }
	.list-search .search7 > :nth-child(1) { grid-column:1/3; }
	
	.list-data .web-data { display:none; }
	.list-data .mobile-data { display:block; }
}
/* list */

/* view */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.view-data .has-data { display:grid; grid-template-columns:1fr; grid-gap:15px; align-items:center; }
.view-data .has-data .data-box { border:1px solid #999; box-sizing: border-box; padding:8px; }
.view-data .has-data .input-date { background: url(/resources/images/category/date_bg.png) right no-repeat; }
.view-data .has-data input[type="text"] { width:100%; border:none; }
.view-data .has-data input[type="number"] { width:100%; border:none; }
.view-data .has-data input[type="radio"] { display:none; }
.view-data .has-data input[type="radio"]+label { 
	display:inline-block; cursor:pointer; border:1px solid #999; text-align:center;
	color:#333333; padding:8px 15px; font-weight:unset; width:150px;
}
/*.view-data .has-data input[type="radio"]:checked+label{ background-color:#f4869d; color:#ffffff; border:0; }*/
.view-data .has-data input[type="radio"]:checked+label{ padding:6px 15px; border:3px solid #f4869d; }
.view-data .has-data select { width:100%; border:none; background-color:#FFFFFF; outline:none; }
.view-data .has-data textarea { width:100%; height:100px; border:none; resize:none; outline:none; }
.view-data .has-data button { font-size:15px; padding:15px; margin-top:5px; }
.view-data .has-data button:hover { border:0; outline:0; }
.view-data .has-data button:active { border:0; outline:0; }
.view-data .has-data button:focus { border:0; outline:0; }
.view-data .has-data hr { margin-top:10px; margin-bottom:10px; border:0; border-top:1px solid #999; }
.view-data .has-data > div { border:1px solid #999; padding:15px; }
.view-data .has-data .title { font-weight:bold; font-size:15px; cursor:pointer; display:grid; grid-template-columns:auto 20px; grid-gap:5px; }
.view-data .has-data .title > span:nth-child(1) { text-align:left; }
.view-data .has-data .title > span:nth-child(2) { text-align:right; }
.view-data .has-data .content { padding-top:15px;  display:grid; grid-template-columns:1fr; grid-gap:10px; overflow:auto; }
/* TODO : content 스타일 구분 예정 */
.view-data .has-data .content > .row1 { display:grid; grid-template-columns:1fr; grid-gap:10px; align-items:center; }
.view-data .has-data .content > .row2 { display:grid; grid-template-columns:130px minmax(80px, auto); grid-gap:10px; align-items:center; }
/* TODO : content 스타일 구분 예정 */
.view-data .has-data .content > div { display:grid; grid-template-columns:130px minmax(80px, auto); grid-gap:10px; align-items:center; }
.view-data .has-data .content > form { display:grid; grid-template-columns:1fr; grid-gap:5px; overflow:auto; }
.view-data .has-data .content > form > div { display:grid; grid-template-columns:130px minmax(80px, auto); grid-gap:10px; align-items:center; }
.view-data .has-data .content .content-title { font-weight:bold; padding:15px 0px 10px 0px; }
.view-data .has-data .content .content-title:first-child { padding-top:0px; }
.view-data .has-data .content .button > button { grid-column:1/3; }

/* v2.0 */
.view-data-v2 { display:grid; grid-template-columns:1fr; grid-gap:15px; align-items:center; }
.view-data-v2 .data-box { border:1px solid #999; box-sizing: border-box; padding:8px; }
.view-data-v2 .input-date { background: url(/resources/images/category/date_bg.png) right no-repeat; }
.view-data-v2 input[type="text"] { width:100%; border:none; }
.view-data-v2 input[type="number"] { width:100%; border:none; }
.view-data-v2 input[type="radio"] { display:none; }
.view-data-v2 input[type="radio"]+label { 
	display:inline-block; cursor:pointer; border:1px solid #999; text-align:center;
	color:#333333; padding:8px 15px; font-weight:unset; width:150px;
}
.view-data-v2 input[type="radio"]:checked+label{ padding:6px 15px; border:3px solid #f4869d; }
.view-data-v2 select { width:100%; border:none; background-color:#FFFFFF; outline:none; }
.view-data-v2 textarea { width:100%; height:100px; border:none; resize:none; outline:none; }

.view-data-v2 button { 
	text-align:center; background:#f4869d; border:0; border-radius:4px; color:#fff;  
	width:100%; padding:12px; font-size:15px; /*margin-top:5px;*/
}
.view-data-v2 button.pink { padding:15px; font-size:15px; }
.view-data-v2 button.gray { background:#EEEEEE; color:#333333; padding:15px; font-size:15px; }
.view-data-v2 > div { border:1px solid #999; padding:15px; }
.view-data-v2 .title { font-weight:bold; font-size:15px; cursor:pointer; display:grid; grid-template-columns:auto 20px; grid-gap:5px; }
.view-data-v2 .title > span:nth-child(1) { text-align:left; }
.view-data-v2 .title > span:nth-child(2) { text-align:right; }
.view-data-v2 .content { }
.view-data-v2 > .button { border:0px; padding:0px; }

.view-data-v2 .both-data > div { margin-top:15px; overflow:auto; }
.view-data-v2 .both-data > table { margin-top:15px; }
.view-data-v2 .both-data > table button { margin-top:0px; padding:12px; }
.view-data-v2 .both-data .row1 { display:grid; grid-template-columns:1fr; grid-gap:10px; align-items:center; }
.view-data-v2 .both-data .row2 { display:grid; grid-template-columns:150px minmax(80px, auto); grid-gap:10px; align-items:center; }
.view-data-v2 .both-data .row3 { display:grid; grid-template-columns:150px minmax(80px, auto) 100px; grid-gap:10px; align-items:center; }
.view-data-v2 .both-data .row3-1 { display:grid; grid-template-columns:150px 310px minmax(80px, auto); grid-gap:10px; align-items:center; }

.view-data-v2 .web-data > div { margin-top:15px; overflow:auto; }
.view-data-v2 .web-data > table { margin-top:15px; }
.view-data-v2 .web-data > table button { margin-top:0px; padding:9px; }
.view-data-v2 .web-data .row1 { display:grid; grid-template-columns:1fr; grid-gap:10px; align-items:center; }
.view-data-v2 .web-data .row2 { display:grid; grid-template-columns:130px minmax(80px, auto); grid-gap:10px; align-items:center; }
.view-data-v2 .web-data .row3 { display:grid; grid-template-columns:130px minmax(80px, auto) 100px; grid-gap:10px; align-items:center; }

.view-data-v2 .mobile-data > div { margin-top:15px; overflow:auto; }
.view-data-v2 .mobile-data .row1 { display:grid; grid-template-columns:1fr; grid-gap:10px; align-items:center; }
.view-data-v2 .mobile-data .row2 { display:grid; grid-template-columns:130px minmax(80px, auto); grid-gap:10px; align-items:center; }
.view-data-v2 .mobile-data .row3 { display:grid; grid-template-columns:130px minmax(80px, auto) 100px; grid-gap:10px; align-items:center; }

/* TODO 삭제 예정 */
.view-data-v2 .has-data button { font-size:15px; padding:15px; margin-top:5px; }
.view-data-v2 .has-data > div { margin-top:15px;  display:grid; grid-template-columns:1fr; grid-gap:10px; overflow:auto; }
.view-data-v2 .has-data > table { margin-top:15px; }
.view-data-v2 .has-data .row1 { display:grid; grid-template-columns:1fr; grid-gap:10px; align-items:center; }
.view-data-v2 .has-data .row2 { display:grid; grid-template-columns:130px minmax(80px, auto); grid-gap:10px; align-items:center; }
/* TODO 삭제 예정 */
/* v2.0 */

.view-box { display:grid; grid-template-columns:1fr; grid-gap:15px; align-items:center; }
.view-box .in-box { display:grid; grid-template-columns:1fr; grid-gap:10px; border:1px solid #999; padding:15px; }
.view-box .in-box .box-row { display:grid; grid-template-columns:1fr; grid-gap:10px; 	width:100%; overflow:auto; }
.view-box .in-box .box-row > div { display:grid; grid-template-columns:130px auto; grid-gap:15px; }
.view-box .in-box .box-row > div > span:nth-child(1) { text-align:left; }
.view-box .in-box .box-row > div > span:nth-child(2) { text-align:left; }
/* view */

/* footer */
#footer {min-height:150px !important; padding:50px 0 0 0; overflow:hidden; padding-top:50px; background:#2b2d2e; position: relative; bottom: 0; left: 0; right: 0;}
#footer h2.h5 {color:#fff; font-size:17px; font-weight:bold;}
#footer a {color:#fff; font-size:15px; font-weight:300;}
#footer a:hover {color:#ccc;}
#footer .footer_link {padding-bottom:50px; height:100%;}
#footer .CopyRight {color:#666666; text-align:center;;}
#footer .CopyRight p { border-top:1px solid #444444; height:70px; line-height:70px;font-size: 15px;}
#footer .form-control.MainControl {height:45px; z-index:-1;background:#484848; border:1px solid #484848; color:#fff; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#footer .footer_link .container > div label{width:100%; position:relative;}
#footer .footer_link .container > div label span.caret{position:absolute; top:50%; margin-top:-2px; right:15px; z-index:2; color:#fff;}
#footer .footer_link .container .list-layout li {padding-bottom:5px;} 
#footer .footer_link .container.footer_info_box {color:#9a9a9a; text-align:center; padding:30px 0px;}
#footer .footer_link .container.footer_info_box p {position:relative; display:inline-block; font-size:13px; color:#9a9a9a; padding-right:12px;}
/* footer */

/* product */
.product-package { margin-bottom:70px; }
.product-package:last-child { margin-bottom:0px; }
.product-package .title { margin-bottom:20px; }
.product-package .title h3 { margin:0px; word-wrap:break-word; font-size:24px; font-weight:bold; display:inline-block; }
.product-package .title a { float:right; font-size:20px; color:#f4869d; font-weight:400; }
.product-package .content { display:grid; grid-template-columns: repeat(4, minmax(262px, 1fr)); gap:20px; }
.product-item { border: 1px solid #ddd; }
.product-item .image { width:100%; height:260px; vertical-align:middle; display:block; text-align:center; border-bottom:1px solid #ddd; position:relative; }
.product-item .image .preorder-tag{ position:absolute; bottom:60px; left:0; background:rgba(255,255,255,1); padding:3% 10%; }
.product-item .image .preorder-tag span{ color:#f4869d; font-size:100%; display:block; text-align:center; }
.product-item .information { padding:10px; }
.product-item .information p { 
	word-break:break-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 
	font-weight:400; font-size:15px; color:#444; line-height: 1.5;
}
.product-item .information .brand { font-size:16px; font-weight:bold; }
.product-item .information .tag { color:#909090; }
/* product */

/* main */
.main_banner {
	width:100%; background-image:url('/resources/images/main/slide7.jpg'); background-repeat:no-repeat; 
	background-size:cover; background-position:center center; height:400px;
}
.main_banner .banner_txt_wrap{height: 100%;display: table;}
.main_banner .banner_txt_wrap .txt_content{display: table-cell; vertical-align: middle;}
.main_banner .banner_txt_wrap .txt_content span{display: block; font-size: 45px; color: #fff; margin-bottom: 10px;font-weight: bold;;}
.main_banner .banner_txt_wrap .txt_content .main_btn{border: 1px solid #fff; background: rgba(255,255,255,0.2); display: inline-block;margin-top: 30px; }
.main_banner .banner_txt_wrap .txt_content .main_btn a{display: inline-block; padding: 15px 30px;color: #fff; font-weight: bold;}

.main_product { padding:50px 0; }
/* main */

/* search */
.search-tab {  }
.search-tab ul { display:grid; grid-template-columns: repeat(4, 1fr); border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.search-tab ul li { text-align:center; border-top: 1px solid #ddd; border-right: 1px solid #ddd; padding:10px; font-weight:400; cursor:pointer; font-size:16px; color:#222; }
.search-tab ul li.active { background:#f4869d; color:#fff; }
.search-tab ul li span { display:inline !important; }
.search-product { padding:20px 0; }
.search-paging {  }
.search-paging ul { display:grid; grid-template-columns:repeat(3, 1fr); border:1px solid #ddd; padding:10px; color:#b1b1b1; }
.search-paging ul li { font-weight:400; line-height: 1.5; }
.search-paging ul li:nth-child(1) { text-align:right; }
.search-paging ul li:nth-child(2) { text-align:center; }
.search-paging ul li:nth-child(3) { text-align:left; }
.search-paging ul li a { color:#b1b1b1; }
.search-paging ul li span { display:inline !important; }
.search-paging ul li span:nth-child(1) { color:#bd9655; }
/* search */

/* [2021.04.07 jihyeyoon] Login CSS 추가  */
.login-wrap { padding:40px 0px; }
.login-wrap .loginbox{width: 475px; max-width:100%; margin:0 auto; background-color:#fff; z-index: 9999; border-radius:4px;}
.login-wrap .loginbox .layer_tit {text-align:center; position:relative;}
.login-wrap .loginbox .pop-container input[type="checkbox"] {width:18px; height:18px; border:1px solid #ccc; outline:none; margin:0; top:8px;}
.login-wrap .loginbox .form-group{margin:15px 40px;} 
.login-wrap .loginbox .Login_btn {padding:0 40px; text-align:center;} 
.login-wrap .loginbox .Cancel_btn {padding:0 40px; text-align:center;} 
.login-wrap .loginbox .Login_btn a.cbtn {display:inline-block; padding:15px 0; width:100%; background-color:#f4869d; font-size:18px; color:#fff; border-radius:4px;}
.login-wrap .loginbox .pop-conts .bottomCopy {padding:10px 40px;}   
.login-wrap .pop-conts {position:relative; padding:30px 0;} 
.login-wrap .pop-conts .checkbox {height:30px; line-height:30px; margin:0; margin-bottom:10px; padding:0 40px; width:100%;} 
.login-wrap .pop-conts .checkbox label{width:45%; padding-left:25px; display:inline-block; font-size:14px; color:#888888;} 
.login-wrap .pop-conts .checkbox p {float:right; margin-right:0px !important;} 
.login-wrap .pop-conts .checkbox {height:30px; line-height:30px; margin:0; margin-bottom:10px; padding:0 40px; width:100%;} 
/* [2021.04.07 jihyeyoon] Login CSS 추가  */

/* profile */
.profile-modify .container{width:1440px; padding:0;}
.profile-side-menu{padding-left:0;}
.profile-side-menu>div{background:#ffffff; border-radius:6px; padding:0;}
.profile-side-menu .profile-side-title{padding:15px 20px; background:#f4869d; color:#ffffff; font-weight:400; font-size:20px; border-radius:6px 6px 0 0;}
.profile-side-menu .profile-side-panel{padding:15px 0;}
.profile-side-menu .profile-side-panel>ul>li>a{display:block; padding:15px 20px; font-size:16px; color:#333333;}
/*.profile-side-menu .profile-side-panel>ul>li:first-child>a{background:url("/resources/images/mypage/profile-side-toggle.png") no-repeat 90% center;}*/
.profile-side-menu .profile-side-panel>ul>li>a.active{background-color:#fafafa; border-left:3px solid #f4869d;}
.profile-side-menu .profile-side-panel>ul>li>ul{padding:0 45px;}
.profile-side-menu .profile-side-panel>ul>li>ul>li>a{display:block; padding:15px 0; font-size:16px; color:#666666;}
.profile-side-menu .profile-side-panel>ul>li>ul>li>a.on{color:#f4869d;}

.profile-main-area{padding:10px; height:650px;}
.profile-main-area>div{background:#ffffff; padding:0; width:49.4%; margin-right:1%; float:left; border-radius:6px; overflow:hidden; position:relative; box-shadow:3px 2px 2px rgba(0,0,0,0.1); height:650px;}
.profile-main-area>div:last-child{margin:0;}
.profile-main-area .profile-main-title{text-align:center; height:50px; padding:15px 0; border-bottom:1px solid #ebebeb; position:relative;}
.profile-main-area .profile-main-title p{display:inline-block; font-size:20px; color:#555555; font-weight:500;}
.profile-photo-uploader {position:relative; overflow:hidden; margin:0 auto; width:160px; height:160px; border-radius:50%; /*background:url(/resources/images/mypage/photo-uploader-bg.png) no-repeat center center;*/ border:2px dashed #e8e8e8;}
#filePhoto{position:absolute; width:100%; height:160px; left:0; top:0; z-index:2; opacity:0; cursor:pointer;}
/*.profile-photo-uploader img{position:absolute; width:100%; line-height:160px; left:0px; z-index:1; border:none; top: 50%; transform: translate(0%,-50%);}*/
.photo-upload-area{position:relative;}
.photo-upload-area .photo-delete-button{position:relative; top:-30px; right:-50px; display:inline-block; z-index:10;}
.photo-upload-area .photo-delete-button a{background:#ffffff; border:1px solid #e7e7e7; border-radius:50%; width:30px; height:30px; display:block; }
.photo-upload-area .photo-delete-button a img{text-align:center; vertical-align:middle; padding:7px 0;}
.profile-main-panel{padding:20px 40px;}
.profile-main-panel>div.user-infomation:after{display:block; clear:both; content:'';}
.profile-main-panel>div.user-infomation>div{clear:both; margin-bottom:15px; overflow:hidden;}
.profile-main-panel>div.user-infomation>div:after{display:block; clear:both; content:'';}
.profile-main-panel .user-infomation-input:after{display:block; clear:both; content:'';}
.profile-main-panel .user-infomation-input p{float:left; width:20%; padding:10px 0; font-weight:400; color:#555555; font-size:17px; letter-spacing:-1px; word-break:keep-all;}
.profile-main-panel .user-infomation-input>div.inputbox{float:left;  width:80%;}
.profile-main-panel .user-infomation-input>div.inputbox.half-size{width:36.5%;}
.profile-main-panel .user-infomation-input .modal-pop-button{padding:12px 5px 0 3px; border-bottom:1px solid #555555; display:inline-block; margin-top:-2px;}
.profile-main-panel .user-infomation-input .modal-pop-button a{color:#555555; font-size:14px; }
.profile-main-panel .user-infomation-input .modal-pop-button a img{margin-left:5px; position:relative; top:-1px;}
.profile-main-panel .user-infomation-input input,.profile-main-panel .user-infomation-input textarea{width:100%; padding:10px; border:1px solid #ebebeb; border-radius:6px; font-size:14px;}
.profile-main-panel .user-infomation-input textarea{resize:none; font-size:14px; line-height:1.4em; height:110px;}

.profile-main-panel .user-infomation-input .selbox{float:left; width:20%; height:auto;}
.profile-main-panel .user-infomation-input .selbox select{padding:10px 20px 10px 10px; border:1px solid #ebebeb; border-radius:6px; width:90%;}
.profile-main-panel .user-infomation-input{}
.profile-main-panel .user-infomation-input .inputbox.width-selbox{width:50%;}

.show-my-profile{text-align:center; margin-bottom:0; margin-top:15px;}
.show-my-profile a{font-size:16px; color:#000000; background:#ededed; display:block; padding:10px 0; border-radius:25px;}
.show-my-profile a:after{content:">"; color:#000000; margin-left:10px;}
.show-my-profile a:hover{background:#dedede;}
input::-webkit-input-placeholder{color:#999999; font-size:14px;}

.photo-edit-area{text-align:center; margin:15px auto;}
input::-moz-placeholder{color:#999999; font-size:14px;}
input:-ms-input-placeholder {color:#999999 !important; font-size:14px;}

.profile-main-panel .user-infomation.private .user-infomation-input>div.inputbox{width:56%;}
.profile-main-panel .user-infomation.private .user-infomation-input>div.inputbox.with-selbox{width:38%;}
.profile-main-panel .user-infomation-input p.notice{padding-left:15px; width:22%; font-size:16px;  display:inline-block; position:relative; top:3px;}
.profile-main-panel .user-infomation-input .notice.green{color:#01a63d; border:1px solid #01a63d; background:none;}
.profile-main-panel .user-infomation-input .notice.green span{display:inline-block; background:url(/resources/images/mypage/check-complete.png) no-repeat center center; background-size:16px 12px; width:16px; height:12px; margin-right:8px;}


.photo-upload-over{width: 160px; height: 160px; position: absolute; top: 0; left: 50%; margin-left: -80px; border-radius: 50%; background:url(/resources/images/mypage/photo-upload-over.png) rgba(0,0,0,0.7) no-repeat center center;}
.profile-main-area:after{display:block; clear:both; content:'';}

.profile-certify-button{float:left; margin-left:15px; text-align:center; width:19%;}
.profile-certify-button a{display:block; font-size:16px; color:#666666; padding:10px 0; background:#eeeeee; border-radius:6px; border:1px solid #dcdcdc;}
.profile-certify-button a:hover{background:#dedede;} 

.profile-modify{padding:45px 0;}

.profile-main-panel .user-infomation-input .result{float:left; max-width:57%; width:57%;}
.profile-main-panel .user-infomation-input .result:after{display:block; clear:both; content:'';}
.profile-main-panel .user-infomation-input .result p{font-weight:300; width:auto; width:98%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; word-break:break-all;}
.profile-main-panel .user-infomation-input .result.long-text p{max-height:199px; display:block; display:-webkit-box; -webkit-line-clamp:8; line-height:1.4em; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space:normal;}

.mobile-menu-panel{width:100%; display:none;}
.mobile-menu-panel ul:after{display:block; clear:both; content:'';}
.mobile-menu-panel ul li{float:left; width:20%; border-right:1px solid #f5f5f5;}
.mobile-menu-panel ul li:last-child{border-right:0;}
.mobile-menu-panel ul li a{display:block; padding:15px 0; text-align:center; font-size:16px; color:#666666; }
.mobile-menu-panel ul li a.active{background-color:#999999; color:#ffffff;}

.mobile-menu-panel ul li span.icon{display:block; margin:0 auto 10px auto;  width:40px; height:37px;}
.mobile-menu-panel ul li:nth-child(1) a span.icon{background:url(/resources/images/mypage/mo-profile-menu01.png) no-repeat center center; background-size:27px 35px;}
.mobile-menu-panel ul li:nth-child(2) a span.icon{background:url(/resources/images/mypage/mo-profile-menu02.png) no-repeat center center; background-size:36px 36px;}
.mobile-menu-panel ul li:nth-child(3) a span.icon{background:url(/resources/images/mypage/mo-profile-menu03.png) no-repeat center center; background-size:40px 37px;}
.mobile-menu-panel ul li:nth-child(4) a span.icon{background:url(/resources/images/mypage/mo-profile-menu04.png) no-repeat center center; background-size:32px 37px;}
.mobile-menu-panel ul li:nth-child(5) a span.icon{background:url(/resources/images/mypage/mo-profile-menu05.png) no-repeat center center; background-size:34px 36px;}
.mobile-menu-panel ul li:nth-child(1) a.active span.icon{background:url(/resources/images/mypage/mo-profile-menu01-active.png) no-repeat center center; background-size:27px 35px;}
.mobile-menu-panel ul li:nth-child(2) a.active span.icon{background:url(/resources/images/mypage/mo-profile-menu02-active.png) no-repeat center center; background-size:36px 36px;}
.mobile-menu-panel ul li:nth-child(3) a.active span.icon{background:url(/resources/images/mypage/mo-profile-menu03-active.png) no-repeat center center; background-size:40px 37px;}
.mobile-menu-panel ul li:nth-child(4) a.active span.icon{background:url(/resources/images/mypage/mo-profile-menu04-active.png) no-repeat center center; background-size:32px 37px;}
.mobile-menu-panel ul li:nth-child(5) a.active span.icon{background:url(/resources/images/mypage/mo-profile-menu05-active.png) no-repeat center center; background-size:34px 36px;}


.mobile_header .moHeader_top{padding:8px; border-bottom:1px solid #dbdbdb;}
.mobile_header .moHeader_top:after{display:block; clear:both; content:'';}
.mobile_header h1{float:left; margin-right:2%; width:8%;}
.mobile_header .moHeader_top .SearchArea{float:left; position:relative; width:65%;}
.mobile_header .moHeader_top .SearchArea .searchBtn{position:absolute; top:50%; margin-top:-17px; right:10px;}
.mobile_header .moHeader_top .SearchArea .searchBtn a{display:block; padding:7px 4px; }
.mobile_header .moHeader_top .SearchArea .searchBtn img{height:17px; width:auto; vertical-align:top;}
.mobile_header .moHeader_top ul li{float:left; margin-right:4.7px;}
.mobile_header .moHeader_top ul li:last-child{margin-right:0px;}
.mobile_header .moHeader_top ul li a{display:inline-block; position:relative; padding:10px 2px 5px 2px;}
.mobile_header .moHeader_top ul li span.disNone{display:none;}
.mobile_header .moHeader_top ul li a span.changeIcon1{display:inline-block; background:url(../images/main/change1.png) no-repeat center center; width:25px; height:21px; position:relative; background-size:contain;}
.mobile_header .moHeader_top ul li a span.msgIcon{display:inline-block; background:url(../images/main/msgIcon.png) no-repeat center center; width:21px; height:22px; margin-right:0 !important; position:relative; background-size:contain;}
.mobile_header .moHeader_top ul li a span.msgIcon em{ position: absolute; top: -11px; line-height: 23px; color: #fff; font-size: 9px; text-align: center; border-radius: 50%; background: #f4869d; width: 18px; height: 18px;}
.mobile_header .moHeader_top ul li .myMenu a{ position:relative; top:-4px;}
.mobile_header .moHeader_top ul li .myMenu a span.menuIcon{display:inline-block; background:url(../images/main/mobile_myicon.png) no-repeat center center; width:23px; height:24px; background-size:contain;}
.mobile_header .moHeader_top .basicMenu{float:right; margin-left:10px; width:23%; margin-left:2%;}
.mobile_header .moHeader_top .basicMenu:after{display:block; clear:both; content:'';}

.mobile_header .moHeader_bottom{padding:0 8px;}
.mobile_header .moHeader_bottom ul:after{display:block; clear:both; content:'';}
.mobile_header .moHeader_bottom ul li{float:left; display:block; width:33.3%; text-align:center;}
.mobile_header .moHeader_bottom ul li a{padding:10px 5px; display:inline-block; text-align:center; color:#333333;}
.mobile_header .moHeader_bottom ul li a:active{padding:10px 5px 8px 5px; border-bottom:2px solid #f4869d; font-weight:500;}
.mobile_header .moHeader_bottom ul li.Pink a{display:inline-block; background:#f4869d; color:#ffffff; text-align:center; border-radius:4px; width:100%; padding:3px 0;}
.mobile_header .moHeader_bottom ul li.Pink{padding:7px 0;}
.mobile_header .moHeader_bottom ul li.Pink a:active{background:#f04e53; padding:3px 0;}

.profile-side-menu.agent .profile-side-title{background:#f4869d;}
.profile-side-menu.agent .profile-side-panel>ul>li>a.active{border-left:3px solid #f4869d;}
.profile-side-menu.agent .profile-side-panel>ul>li>ul>li>a.on{color:#f4869d;}
.buttonBundle a.save {
    color: #02a63c;
    font-size: 14px;
    display: block;
}
.buttonBundle {
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #ebebeb;
}
.buttonBundle a{
	padding: 15px 20px;
}
.buttonBundle a.save span.icon {
    display: inline-block;
    background: url(/resources/images/register/save.png) no-repeat center center;
    margin-left: 10px;
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
}
@media (max-width:768px){
	#wrap .container{width:100%;}
}
@media (max-width: 1200px) {
	.agentMain .agentInfo .subCard01 .iRow .inputbox {margin-left:0px;}
	.mobile-header .top-menu .searchArea {width:60%;}
	.contents_gray {min-height:442px;}
	/*.agent-info-card .agent-card-mid .read-more-close {bottom:-305px;}*/
}
@media (max-width: 1138px) {
	.wishlist_conBox .wListCon_delBox{padding:40px 25px;}
}
@media (max-width: 1105px) {
	.wListCon_delete .wListCon_Del_btn a{padding:10px 30px !important;}
}
@media (max-width: 768px){
	.profile-main-area .profile-main-title {
    	text-align: left;
    	padding-left: 20px;
	}
	.profile-main-area>div {
    	width: 100%;
    	margin-right: 0 !important;
    	/* margin-top: 15px !important; */
    	height: auto;
    	float: none;
	}
	.profile-modify {
	    padding: 25px 0;
	}
}
@media (max-width: 1280px){
	.profile-modify .buttonBundle a {
    	padding: 15px;
    }
	.profile-main-panel {
    	padding: 20px;
    	text-align: center;
	}
	.profile-main-panel .user-infomation-input p {
	    width: 27%;
	    font-size: 15px;
	}
	.profile-main-panel .user-infomation.private .user-infomation-input>div.inputbox {
	    width: 48%;
	}
	.header_inner, .mainSlider .bx-wrapper .bx-controls-direction, .main_conTents>.container, .main_conTents>.container>.container, .reGoodsArea .container, .mainSlider .container, .profile-modify .container {
	    width: 100% !important;
	    padding: 0 0px !important;
	}
	.profile-main-panel .user-infomation-input p {
	    width: 27%;
	    font-size: 15px;
	}
	.profile-certify-button a, .profile-main-panel .user-infomation-input .selbox select, .show-my-profile a {
    font-size: 14px;
	}
}
@media (max-width: 992px){
.contents_gray {
    min-height: 482px;
}
}
/* �봽濡쒗븘 */
/* profile */

/* product */
/* product */

/* address */
.address-list .address {margin-bottom:15px;} 
.address-list .address .address_grid {padding:5px;}
.address-list .address .address_item {padding:10px; border:2px solid #dce0e0; cursor:pointer;}
.address-list .address .address_item.select{border:solid 2px #f4869d !important;}
.address-list .address .address_content {height:180px;}
.address-list .address .address_button {height:20px;}
/* address */

/* blog */
.search-blog { padding-bottom:20px; }
.blog-package { margin-bottom:20px; }
.blog-package:last-child { margin-bottom:0px; }
.blog-package > .title { margin-bottom:20px; }
.blog-package > .title h3 { margin:0px; word-wrap:break-word; font-size:24px; font-weight:bold; display:inline-block; }
.blog-package > .title a { float:right; font-size:20px; color:#f4869d; font-weight:400; }
.blog-package > .content { display:grid; grid-template-columns: repeat(4, minmax(262px, 1fr)); gap:20px; }
.blog-item { border: 1px solid #ddd; }
.blog-item .image { width:100%; height:260px; vertical-align:middle; display:block; text-align:center; border-bottom:1px solid #ddd; position:relative; }
.blog-item .information { padding:10px; }
.blog-item .information p { 
	/*word-break:break-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;*/ 
	font-weight:400; font-size:15px; color:#444; line-height: 1.5;
}
.blog-item .information .title { font-size:16px; font-weight:bold; }
.blog-item .information .content { margin-top:10px; }
/* blog */

/* media */
@media(max-width:1024px){
	/* common */
	.pop_modal_common .modal-dialog { margin:0; width:100% !important; height:100%; }
	.pop_modal_common .modal-cell { width:100%; height:100%; }
	.pop_modal_common .modal-content { width:100%; min-height:100%; border:0px; border-radius:0px; }
	
	.pop-layer.joinus { width:100%; height:100%; }
	.pop-layer.joinus { margin-top:0px !important; }
	
	.content1 { margin-top:110px; padding:20px; }
    .content2 { margin-top:110px; padding:20px; }
    .content2 { display:grid; grid-template-columns: minmax(200px, auto); gap:20px; }
	.content2 .content-header { font-size:20px; margin-bottom:20px; display:grid; grid-template-columns:1fr; grid-gap:10px; }
	.content2 .content-main span { display:block; line-height:1.5; white-space:nowrap; text-overflow:clip; overflow:visible; }
	.content3 {  }
	
	.modal-common .modal-dialog { max-width:100%; max-height:100%; margin:0px !important;}
	/* common */
	
	/* main */
	.main_banner {
		height: 250px; margin-top: 110px;
		background: url(/resources/images/main/mobile-slider7.jpg) no-repeat center center;
    	background-position: center center; background-size: cover;
	}
	.main_banner .banner_txt_wrap .txt_content{text-align: center;}
    .main_banner .banner_txt_wrap .txt_content span{font-size: 22px;}
    
    .main_product {padding:30px 0;}
    .main_product .product-package .content { grid-template-columns: repeat(8, minmax(262px, auto)); overflow:auto; }
    /* main */
    
    /* search */
    .search-tab ul { grid-template-columns: repeat(2, 1fr); }
    .search-product .product-package .content { grid-template-columns: repeat(1, minmax(262px, 1fr)); }
    /* search */
    
    /* blog */
    .blog-package .content { grid-template-columns: repeat(1, minmax(262px, 1fr)); }
    /* blog */
    
    /* [2021.06.09 jihyeyoon] 모바일 Login CSS 추가  */
	.login-wrap { margin-top:110px; padding:0; }
	/* [2021.06.09 jihyeyoon] 모바일 Login CSS 추가  */
}
/* media */