@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 */

/*	date picker */
.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-autocomplete { width:100% !important; padding:10px; }
/*	date picker */

/* 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 #f68100; 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; }

.pop_errormsg_sub_01 {background-color:#ffd1c4; position:absolute; 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; }

/* Left Menu 占쎈씨占쎌벉 */
.content1 { width:100%; max-width:1440px; margin:0 auto; padding:20px 0px; font-size:14px; }
.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:#F68100; 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; }
.content2 .content-left { background:#FFFFFF; }
.content2 .content-right { background:#FFFFFF; padding:20px; min-height: 800px; }
.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:#F68100; 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; }
.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; }

.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-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-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 .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 {overflow:hidden; 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:white; 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 */

/* 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:60px; 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 */