/* 상단 슬라이드 이미지 */
#MSlidercolumn { overflow: hidden; width:100%; height: auto; margin:0 auto; text-align:center; }
@media (max-width: 800px) {
  #MSlidercolumn { width: 100%; margin:0 auto; }
}
@media (max-width: 600px) {
#MSlidercolumn { width: 100%; margin:0 auto; }
}


/* 01 */
#BannerBox { overflow: hidden; width: 1300px; margin:0 auto; height: auto; }
.first-row { display: flex; flex-wrap: wrap; padding:20px 5px; margin:0 auto; text-align:center; }
.first-column { flex:100%; padding:0 15px; margin:0 auto; text-align:center; }

.first-textBig { text-align:center; font-size:24pt; color:#444;margin-top:70px; margin-bottom:10px; }
.first-textBig-B { text-align:center; font-size:24pt; color:#000;font-weight:bold;}
.first-textBig-R { text-align:center; font-size:24pt; color:#ff0101;font-weight:bold;}

.Top-first-textBGray { color:#444; font-size:14pt; text-align:center; line-height:140%; margin-bottom:70px; }
.Top-first-textBGrayB { color:#000; font-weight:bold; font-size:14pt; text-align:center; line-height:140%; }
.Top-first-textBGrayRe { color:#ff0101; font-weight:bold; font-size:14pt; text-align:center; line-height:140%; }

.first-btnBig { width:10%; vertical-align:middle; margin:20px auto; padding:10px; text-align:center; font-size:11pt; color:#444; background-color:#efefef; border:1px solid #ccc; }


@media all and (min-width: 601px) and (max-width:820px) {
#BannerBox { width: 100%; margin:0 auto; height: auto; }
.first-row { display: flex; flex-wrap: wrap; padding:0 5px; margin:0 auto; text-align:center; }
.first-column { flex:100%; padding:0 5px; margin:0 auto; text-align:center; letter-spacing:-1.5px;}

.first-textBig { text-align:center; font-size:18pt; color:#444;margin-top:50px; margin-bottom:10px; line-height:140%; }
.first-textBig-B { text-align:center; font-size:18pt; color:#000;font-weight:bold;}
.first-textBig-R { text-align:center; font-size:18pt; color:#ff0101;font-weight:bold;}

.Top-first-textBGray { color:#444; font-size:13pt; text-align:center; line-height:140%; padding:0 20px;letter-spacing:-0.1px }
.Top-first-textBGrayB { color:#000; font-weight:bold; font-size:13pt; text-align:center; line-height:140%; }

.first-btnBig { width:20%; vertical-align:middle; margin:20px auto; padding:10px; text-align:center; font-size:11pt; color:#444; background-color:#efefef; border:1px solid #ccc; }
}


@media all and (min-width: 320px) and (max-width:600px) {
#BannerBox { width: 100%; margin:0 auto; height: auto; }
.first-row { display: flex; flex-wrap: wrap; padding:0 5px; margin:0 auto; text-align:center; }
.first-column { flex:100%; padding:0 15px; margin:0 auto; text-align:center; }

.first-textBig { text-align:center; font-size:18pt; color:#444;margin-top:50px; margin-bottom:10px; line-height:140%; }
.first-textBig-B { text-align:center; font-size:18pt; color:#000;font-weight:bold;}
.first-textBig-R { text-align:center; font-size:18pt; color:#ff0101;font-weight:bold;}

.Top-first-textBGray { color:#444; font-size:13pt; text-align:center; line-height:140%; padding:0 20px; }
.Top-first-textBGrayB { color:#000; font-weight:bold; font-size:13pt; text-align:center; line-height:140%; }

.first-btnBig { width:30%; vertical-align:middle; margin:20px auto; padding:10px; text-align:center; font-size:11pt; color:#444; background-color:#efefef; border:1px solid #ccc; }
}


/* 02 */
#ImgBox { overflow: hidden; width: 100%; margin:0 auto; height: auto; background-color:#000; }
.one-row { width:1300px; margin:0 auto; padding:100px 0; text-align:center; }
.one-column-left {float: left; max-width:50%; width: 48%; padding: 10px; height: auto;text-align:left;}
.one-column-right {float: right; max-width:50%; width: 48%; height: 300px; vertical-align:middle;}
.one-row:after {content: ""; display: table; clear: both;}

.one-box-right {float: left; max-width:25%; width: 23%; margin:1%; height: auto; border-radius:5px;}

.font-sisul-left-white-title {color:#fff; font-size:24pt;text-align:left;}
.font-sisul-left-white {color:#f8f8f8; font-size:14pt;line-height:180%;font-weight:250}

.font-sisul-right-white {color:#fff; font-size:18pt; text-align:center;padding-top:40px;padding-bottom:30px;}
.font-sisul-bottom-white {color:#fff; font-size:11pt; text-align:center;padding-bottom:30px;font-weight:150;padding-top:10px;}


@media all and (min-width: 601px) and (max-width:820px) {
#ImgBox { width: 100%; margin:0 auto; height: auto; background-color:#000; }
.row {width:100%; margin:0 auto;text-align:center}

.one-row { width:100%; margin:0 auto; padding:80px 0; text-align:center; }
.one-column-left {max-width:100%; width: 90%; padding:0 30px 0 40px; height: auto;text-align:center;}
.one-column-right {max-width:100%; width: 98%; height: auto; vertical-align:middle;}

.one-box-right {max-width:25%; width: 23%; margin:1%; height: auto; border-radius:5px;}

.font-sisul-left-white-title {color:#fff; font-size:24pt; text-align:center;}
.font-sisul-left-white {color:#f8f8f8; font-size:14pt;line-height:180%;font-weight:250;text-align:center}

.font-sisul-right-white {color:#fff; font-size:18pt; text-align:center;padding-top:70px;padding-bottom:30px;}
.font-sisul-bottom-white {color:#fff; font-size:11pt; text-align:center;padding-bottom:30px;font-weight:150;padding-top:10px;}
}


@media all and (min-width: 320px) and (max-width:600px) {
#ImgBox { width: 100%; margin:0 auto; height: auto; background-color:#000; }
.row {width:100%; margin:0 auto;}

.one-row { width:100%; margin:0 auto; padding:80px 0; text-align:center; }
.one-column-left {max-width:100%; width: 90%; padding:0 30px 0 20px; height: auto;text-align:center;}
.one-column-right {max-width:100%; width: 98%; height: auto; vertical-align:middle;}

.one-box-right {max-width:50%; width: 48%; margin:1%; height: auto; border-radius:5px;}

.font-sisul-left-white-title {color:#fff; font-size:24pt;text-align:center;}
.font-sisul-left-white {color:#f8f8f8; font-size:14pt;line-height:180%;font-weight:250;text-align:center;}

.font-sisul-right-white {color:#fff; font-size:18pt; text-align:center;padding-top:70px;padding-bottom:30px;}
.font-sisul-bottom-white {color:#fff; font-size:11pt; text-align:center;padding-bottom:30px;font-weight:150;padding-top:10px;}
}



/* 03 */
#Po-Box { overflow: hidden; width: 100%; margin:100px auto; height: auto;}
.th-row { width:1300px; margin:0 auto; text-align:center; }
.th-column {float: left; max-width:17%; width: 15%; padding: 10px; height: auto;text-align:left;}
.th-row:after {content: ""; display: table; clear: both;}

.font-sisul-black-title {color:#000; font-weight:bold; font-size:24pt; padding-top:20px; padding-bottom:30px;}

@media all and (min-width: 801px) and (max-width:820px) {
#Po-Box { overflow: hidden; width: 100%; margin:100px auto; height: auto;text-align:center;}
.row {width:100%; margin:0 auto;vertical-align:middle;}

.th-row { width:100%; margin:0 auto; vertical-align:middle; }
.th-column {max-width:15%; width: 14%; margin:1%; padding: 10px 35px 0 25px; height: auto;}
.th-column img{width:170px; height: auto;}
.th-row:after {content: ""; display: table; clear: both;}

.font-sisul-black-title {color:#000; font-weight:bold; font-size:24pt; padding-bottom:30px;}
}

@media all and (min-width: 601px) and (max-width:800px) {
#Po-Box { width: 100%; margin:100px auto; height: auto;}
.row {width:100%; margin:0 auto;}

.th-row { width:100%; margin:0 auto; text-align:center; }
.th-column {max-width:15%; width: 14%; margin:1%; padding: 10px 30px 0 25px; height: auto;}
.th-row:after {content: ""; display: table; clear: both;}
.th-column img{width:165px; height: auto;}

.font-sisul-black-title {color:#000; font-weight:bold; font-size:24pt; padding-bottom:30px;}
}


@media all and (min-width: 401px) and (max-width:600px) {
#Po-Box { width: 100%; margin:100px auto; height: auto;}
.row {width:100%; margin:0 auto;}

.th-row { width:100%; margin:0 auto; text-align:center; }
.th-column {max-width:45%; width: 42%; margin-left:1%; padding-left:15px; height: auto;text-align:center;}
.th-column img {width:170px; height:157px;vertical-align:middle}
.th-row:after {content: ""; display: table; clear: both;}

.font-sisul-black-title {color:#000; font-weight:bold; font-size:24pt; padding-bottom:30px;}
}


@media all and (min-width: 320px) and (max-width:400px) {
#Po-Box { width: 100%; margin:100px auto; height: auto;}
.row {width:100%; margin:0 auto;}

.th-row { width:100%; margin:0 auto; text-align:center; }
.th-column {max-width:45%; width: 40%; padding-right:20px; margin:1% 1% 1% -0.5%; height: auto;text-align:center;}
.th-column img {width:170px; height:157px;vertical-align:middle}
.th-row:after {content: ""; display: table; clear: both;}

.font-sisul-black-title {color:#000; font-weight:bold; font-size:24pt; padding-bottom:30px;}
}


/* 04 */
#Po-Box-02 { overflow: hidden; width: 100%; margin:0 auto; height: auto; background-image:url('../img/midddlebanner.jpg');  background-repeat: no-repeat; background-position: center center; background-size: cover; }

.fiv-row { width:1300px; margin:0 auto; text-align:center; }
.fiv-column {max-width:100%; width:100%; padding-top:60px; vertical-align:middle; height: auto;text-align:center;}
.fiv-row:after {content: ""; display: table; clear: both;}

.fiv-text-white {color:#fff; font-weight:bold; font-size:24pt; padding-bottom:30px;}
.fiv-text-yellow {color:#ffea01; font-weight:bold; font-size:24pt; padding-bottom:30px;}
.fiv-text-red {color:#ff0101; font-weight:bold; padding-left:20px; font-size:24pt; padding-bottom:30px;}


@media all and (min-width: 601px) and (max-width:820px) {
#Po-Box-02 { width: 100%; margin:0 auto; height: auto; background-image:url('../img/midddlebanner.jpg');  background-repeat: no-repeat; background-position: center center; }

.fiv-row { width:100%; margin:0 auto; text-align:center; }
.fiv-column {max-width:100%; width:100%; padding-top:90px; padding-bottom:20px; vertical-align:middle; height: auto;text-align:center;}
.fiv-row:after {content: ""; display: table; clear: both;}


.fiv-text-white {color:#fff; font-weight:bold; font-size:16pt; line-height:140%; padding:10px 30px;}
.fiv-text-yellow {color:#ffea01; font-weight:bold; font-size:16pt; line-height:140%; padding-bottom:60px;}
.fiv-text-red {color:#ff0101; font-weight:bold; font-size:16pt; line-height:140%; padding-bottom:60px;}
}

@media all and (min-width: 320px) and (max-width:600px) {
#Po-Box-02 { width: 100%; margin:0 auto; height: auto;}

.fiv-row { width:100%; margin:0 auto; text-align:center; }
.fiv-column {max-width:100%; width:100%; padding-top:70px; padding-bottom:20px; vertical-align:middle; height: auto;text-align:center;}
.fiv-row:after {content: ""; display: table; clear: both;}


.fiv-text-white {color:#fff; font-weight:bold; font-size:16pt; line-height:140%; padding:10px 30px;}
.fiv-text-yellow {color:#ffea01; font-weight:bold; font-size:16pt; line-height:140%; padding-bottom:60px;}
.fiv-text-red {color:#ff0101; font-weight:bold; font-size:16pt; line-height:140%; padding-bottom:60px;}
}





/* 메인 상품 리스트 */
#MainProductBox { overflow: hidden; width: 1300px; margin:0 auto; height: auto; }
.Mainsecond-row {width:1300px; margin:0 auto; text-align:center;}
.Mainsecond-row:after {content: ""; display: table; clear: both;}
.Mainsecond-column { width: 23%; height:auto; max-width: 25%; margin-left: 7px; margin-right:17px; margin-bottom:30px; vertical-align:middle; display:inline-block; }
.Mainsecond-column-line { text-align:center; width:100%; padding:20px 0; height:auto; border:1px solid #ccc; vertical-align:middle; }
.Mainsecond-column img { vertical-align: middle; width: 150px; height:150px; width:70%; padding:20px 0; height:auto; }

.Mainsecond-TitleBig {font-size:30px; color:#000; font-weight:bold; text-align:center; padding:50px 0;}
.Mainsecond-textSmall {font-size:11pt; color:#666; padding:10px 0;}
.Mainsecond-textBig {font-size:14pt; color:#000;}


@media all and (min-width: 769px) and (max-width:820px) {
#MainProductBox { width: 100%; margin:0 auto; height: auto; }
.Mainsecond-row {width:100%; margin:0 auto; text-align:center; margin-bottom:20px;}
.Mainsecond-row:after {content: ""; display: table; clear: both;text-align:center;}
.Mainsecond-column { width: 42%; height:auto; max-width: 45%; margin-left:10px; vertical-align:middle; display:inline-block; }
.Mainsecond-column-line { text-align:center; width:100%; height:auto; border:1px solid #ccc; }
.Mainsecond-column img { vertical-align: middle; width: 145px; height:auto; width:70%; padding:20px 0; height:auto; }

.Mainsecond-TitleBig {font-size:30px; color:#000; font-weight:bold; text-align:center; padding:50px 0;}
.Mainsecond-textSmall {font-size:10pt; color:#666; padding:10px 0;}
.Mainsecond-textBig {font-size:12pt; color:#000;}
}

@media all and (min-width: 401px) and (max-width:768px) {
#MainProductBox { width: 100%; margin:0 auto; height: auto; }
.Mainsecond-row {width:100%; margin:0 auto; text-align:center; margin-bottom:20px;}
.Mainsecond-row:after {content: ""; display: table; clear: both;text-align:center;}
.Mainsecond-column { width: 42%; height:auto; max-width: 45%; margin-left:10px; vertical-align:middle; display:inline-block; }
.Mainsecond-column-line { text-align:center; width:100%; height:auto; border:1px solid #ccc; }
.Mainsecond-column img { vertical-align: middle; width: 145px; height:auto; width:70%; padding:20px 0; height:auto; }

.Mainsecond-TitleBig {font-size:30px; color:#000; font-weight:bold; text-align:center; padding:50px 0;}
.Mainsecond-textSmall {font-size:10pt; color:#666; padding:10px 0;}
.Mainsecond-textBig {font-size:12pt; color:#000;}
}

@media all and (min-width: 320px) and (max-width:400px) {
#MainProductBox { width: 100%; margin:0 auto; height: auto; }
.Mainsecond-row {width:100%; margin:0 auto; text-align:center; margin-bottom:20px;}
.Mainsecond-row:after {content: ""; display: table; clear: both;text-align:center;}
.Mainsecond-column { width: 42%; height:auto; max-width: 45%; margin-left:10px; vertical-align:middle; display:inline-block; }
.Mainsecond-column-line { text-align:center; width:100%; height:auto; border:1px solid #ccc; }
.Mainsecond-column img { vertical-align: middle; width: 145px; height:auto; width:70%; padding:20px 0; height:auto; }

.Mainsecond-TitleBig {font-size:24px; color:#000; font-weight:bold; text-align:center; padding:50px 0;}
.Mainsecond-textSmall {font-size:10pt; color:#666; padding:10px 0;}
.Mainsecond-textBig {font-size:12pt; color:#000;}
}


/* 서브 상품 리스트 */
#ProductBox { overflow: hidden; width: 1300px; margin:0 auto; height: auto; margin:50px auto;}
.second-row { display: flex; flex-wrap: wrap; padding:10px 5px; margin:0 auto; }
/* .second-column { flex: 20%; max-width: 25%; margin: 0 6px; display:inline-block; margin-bottom:30px } */
.second-column { width: 310px; height:349px; max-width: 25%; margin-left: 6px; margin-right:6px; display:inline-block; margin-bottom:80px }
.second-column-line { text-align:center; width:100%; padding:20px 0; height:auto; border:1px solid #ccc; }
.second-column img { vertical-align: middle; width: 150px; height:150px; width:70%; padding:20px 0; height:auto; }

.second-column-box { width: 97%; height:auto; max-width: 97%; background-color:#000; color:#fff; font-size:10pt; padding:15px; vertical-align:middle; display:inline-block; margin-bottom:40px }
.second-column-lineRight { color:#999; vertical-align:2px; font-size:8pt; padding:0 10px;  }

.SubC-second-textSmall { padding-left:10px; padding-bottom:5px; padding-top: 10pt; text-align:left; font-size:10pt; color:#666; }
.SubC-second-textBig { padding-left:10px; padding-bottom:5px; text-align:left; font-size:14pt; color:#444; }
.SubC-second-textMid { padding-left:10px; padding-bottom:5px; text-align:left; font-size:13pt; color:#000; }

@media all and (min-width: 801px) and (max-width:992px) {
#ProductBox { width: 100%; margin:0 auto; margin:20px auto;}
.second-column { width:176px; height:195px; padding-left:7px; height:auto; max-width: 46%; margin-bottom:40px }

.SubC-second-textSmall { padding-left:10px; padding-bottom:5px; padding-top: 10pt; text-align:left; font-size:9pt; color:#666; }
.SubC-second-textBig { padding-left:10px; padding-bottom:5px; text-align:left; font-size:12pt; color:#444; }
.SubC-second-textMid { padding-left:10px; padding-bottom:5px; text-align:left; font-size:12pt; color:#000; }
}

@media all and (min-width: 768px) and (max-width:800px) {
#ProductBox { width: 100%; margin:0 auto; margin:20px auto;}
.second-column { width:176px; height:195px; padding-left:1px; height:auto; max-width: 46%; margin-bottom:40px }
.SubC-second-textSmall { padding-left:10px; padding-bottom:5px; padding-top: 10pt; text-align:left; font-size:9pt; color:#666; }

.SubC-second-textBig { padding-left:10px; padding-bottom:5px; text-align:left; font-size:12pt; color:#444; }
.SubC-second-textMid { padding-left:10px; padding-bottom:5px; text-align:left; font-size:12pt; color:#000; }
}

@media all and (min-width: 401px) and (max-width:768px) {
#ProductBox { width: 100%; margin:0 auto; margin:20px auto;}
.second-column { width:191px; height:300px; padding-left:2px; height:auto; max-width: 46%; margin-bottom:40px }

.SubC-second-textSmall { padding-left:10px; padding-bottom:5px; padding-top: 10pt; text-align:left; font-size:9pt; color:#666; }
.SubC-second-textBig { padding-left:10px; padding-bottom:5px; text-align:left; font-size:12pt; color:#444; }
.SubC-second-textMid { padding-left:10px; padding-bottom:5px; text-align:left; font-size:12pt; color:#000; }
}

@media all and (min-width: 401px) and (max-width:768px) {
#ProductBox { width: 100%; margin:0 auto; margin:20px auto;}
.second-column { width:191px; height:300px; padding-left:2px; height:auto; max-width: 46%; margin-bottom:40px }

.SubC-second-textSmall { padding-left:10px; padding-bottom:5px; padding-top: 10pt; text-align:left; font-size:9pt; color:#666; }
.SubC-second-textBig { padding-left:10px; padding-bottom:5px; text-align:left; font-size:12pt; color:#444; }
.SubC-second-textMid { padding-left:10px; padding-bottom:5px; text-align:left; font-size:12pt; color:#000; }
}

@media all and (min-width: 320px) and (max-width:400px) {
#ProductBox { width: 100%; margin:0 auto; margin:20px auto;}
.second-column { width:166px; height:185px; max-width: 46%; height:auto; padding-left:1px; margin-bottom:40px }

.SubC-second-textSmall { padding-left:10px; padding-bottom:5px; padding-top: 10pt; text-align:left; font-size:9pt; color:#666; }
.SubC-second-textBig { padding-left:10px; padding-bottom:5px; text-align:left; font-size:12pt; color:#444; }
.SubC-second-textMid { padding-left:10px; padding-bottom:5px; text-align:left; font-size:12pt; color:#000; }
}


/* 검색결과 */
.search-second-column { width: 99%; height:60px; text-align:center; padding:30px 0; display:inline-block; margin-bottom:60px; border:1px solid #ccc; }

.searchLine-second-column { width: 99%; height:15px; text-align:left; padding:10px 0; display:inline-block; margin-bottom:20px; border-bottom:1px solid #ccc; }
.secondLT-textSmall { padding-left:10px; padding-bottom:5px; padding-top: 10pt; text-align:left; font-size:12pt; color:#666; }

/* 2020 0302 */
.second-textSmall {padding-left:10px; padding-bottom:5px; padding-top: 10pt; text-align:left; font-size:10pt; color:#666; letter-spacing:0.2px;}
.second-textBig {padding-left:10px; padding-bottom:5px; text-align:left; font-size:14pt; color:#444;}
.second-textMid {padding-left:10px; padding-bottom:5px; text-align:left; font-size:13pt; color:#000;}
.second-text-M-gary {padding-left:10px; padding-bottom:5px; text-align:left; font-size:11pt; color:#666; letter-spacing:0.2px; font-weight:300;}
.second-text-M-red {padding-bottom:5px; text-align:left; font-size:11pt; color:#ff0000; letter-spacing:0.2px; font-weight:300;}
.second-TitleBig {margin-top:30px; margin-bottom:-5px; padding-left:10px; text-align:center; padding-bottom:20px; font-size:24pt; font-weight:700; color:#000;}

.pagination { text-align:center; padding-bottom:12px; }
.pagination a { color: black; padding: 8px 16px; text-decoration: none; transition: background-color .3s; text-align:center; }
.pagination a.active { background-color: #ccc; color: white; }
.pagination a:hover:not(.active) {background-color: #999;}


/* 하단 빅배너 */
#BottomBox { overflow: hidden; width: 100%; margin:0 auto; height: auto; }
.third-row { display: flex; flex-wrap: wrap; margin:0 auto; }
/* Create four equal columns that sits next to each other */
.third-column { flex: 100%; max-width: 100%; display:inline-block; margin-bottom:30px }
.third-column-pc img { display: block; vertical-align: middle; width:100%; height:auto; border:1px solid #ccc; }
.third-column-mobile img { display:none; vertical-align: middle; width:100%; height:auto; border:1px solid #ccc; }

/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 800px) {
  #BannerBox { width: 100%; margin:0 auto; }
  .third-column { flex: 100%; max-width: 100%; height:auto; }
  .third-column-pc img { display:none; }
  .third-column-mobile img { display: block; }

}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
#BannerBox { width: 100%; margin:0 auto; }
	 .third-column { flex: 100%; max-width: 100%; height:auto;  }
	 .third-column-pc img { display:none; }
	 .third-column-mobile img { display: block; }
}



/* 낫소시설 */
#ImgBox-02 { overflow: hidden; width: 100%; margin:0 auto; height: auto; background-color:#474747; }
.one-02-row { width:1300px; margin:100px auto; padding:0; text-align:center; }
.one-02-column-left {float: left; max-width:50%; width: 48%; padding: 10px; height: auto;text-align:left;}
.one-02-column-left-img {float: left; height:auto; width: 100%; padding: 10px; height: auto;text-align:left;}
.one-02-column-right {float: right; max-width:50%; width: 518px; height: auto; vertical-align:middle;}
.one-02-row:after {content: ""; display: table; clear: both;}
.one-02-box-right {float: left; max-width:25%; width: 23%; margin:1%; height: auto; border-radius:5px;}

.font-sisul-left-white-title-01 {color:#fffe93; font-size:24pt;text-align:left;}
.font-sisul-left-white-01 {color:#f8f8f8; font-size:15pt;line-height:150%;font-weight:350}
.font-sisul-left-red-01 {color:#ffa200; font-size:15pt;line-height:150%;font-weight:350}

.font-sisul-right-white {color:#fff; font-size:18pt; text-align:center;padding-top:40px;padding-bottom:30px;}
.font-sisul-bottom-white {color:#fff; font-size:11pt; text-align:center;padding-bottom:30px;font-weight:150;padding-top:10px;}


@media all and (min-width: 601px) and (max-width:820px) {
#ImgBox-02 { overflow: hidden; width: 100%; margin:0 auto; height: auto; background-color:#222222; }
.one-02-row { width:100%; margin:0 auto; padding:80px 0; text-align:center; }
.one-02-column-left {max-width:100%; width: 90%; padding:0 30px 0 20px; height: auto;text-align:center;}
.one-02-column-left-img {display:none;}
.one-02-column-right {width:100%; height:auto; max-width:518px; margin:0 auto; padding:0 125px 0 0; vertical-align:middle;}
.one-02-box-right {max-width:25%; width: 23%; margin:1%; height: auto; border-radius:5px;}

.font-sisul-left-white-title {color:#fff; font-size:24pt; text-align:center;}
.font-sisul-left-white {color:#f8f8f8; font-size:10pt;line-height:180%;font-weight:250;text-align:center}
.font-sisul-left-white-title-01 {text-align:center;}
.font-sisul-right-white {color:#fff; font-size:18pt; text-align:center;padding-top:70px;padding-bottom:30px;}
.font-sisul-bottom-white {color:#fff; font-size:11pt; text-align:center;padding-bottom:30px;font-weight:150;padding-top:10px;}
}


@media all and (min-width: 320px) and (max-width:600px) {
#ImgBox-02 { width: 100%; margin:0 auto; height: auto; background-color:#222222; }
.one-02-row { width:100%; margin:0 auto; padding:80px 0; text-align:center; }
.one-02-column-left {max-width:100%; width: 90%; padding:0 30px 0 20px; height: auto;text-align:center;}
.one-02-column-left-img {display:none;}
.one-02-column-right {max-width:100%; width: 100%; height: auto; vertical-align:middle;}

.one-02-box-right {max-width:50%; width: 48%; margin:1%; height: auto; border-radius:5px;}
.font-sisul-left-white-title-01 {text-align:center;}
.font-sisul-left-white-title {color:#fff; font-size:24pt;text-align:center;}
.font-sisul-left-white {color:#f8f8f8; font-size:10pt;line-height:180%;font-weight:250;text-align:center;}
.font-sisul-right-white {color:#fff; font-size:18pt; text-align:center;padding-top:70px;padding-bottom:30px;}
.font-sisul-bottom-white {color:#fff; font-size:11pt; text-align:center;padding-bottom:30px;font-weight:150;padding-top:10px;}
}


/* 오레인시설 */
#ImgBox-03 { overflow: hidden; width: 100%; margin:0 auto; height: auto; background-color:#000; }
.one-03-row { width:1300px; margin:100px auto; padding:0; text-align:left; }
.one-03-row:after {content: ""; display: table; clear: both;}

.font-sisul-left-white-title-022 {color:#fffe93; font-size:24pt;vertical-align:bottom;text-align:left;padding-top:300px; vertical-align:bottom;}
.font-sisul-left-white-022 {text-align:left; color:#f8f8f8; vertical-align:bottom;font-size:15pt;line-height:150%;font-weight:350;padding-top:300px; vertical-align:bottom;padding:0;}
.font-sisul-left-red-022 {text-align:left;color:#ffa200; vertical-align:bottom;font-size:15pt;line-height:150%;font-weight:350}

.font-sisul-right-white {color:#fff; font-size:18pt; text-align:center;padding-top:40px;padding-bottom:30px;}
.font-sisul-bottom-white {color:#fff; font-size:11pt; text-align:center;padding-bottom:30px;font-weight:150;padding-top:10px;}

@media all and (min-width: 820px) {
.one-03-column-left {float: left; max-width:50%; width: 504px; padding: 10px; height: auto;text-align:left;}
.one-03-column-right {float: right; max-width:50%; width: 48%; height: 500px; vertical-align:middle;}
.one-03-column-right-img {float: right; width: 100%; height: auto; vertical-align:middle; background-image:url('../img/siMimg02.png');  background-repeat: no-repeat; background-position: center center; background-size: cover;}
.one-03-column-right-text-pc {display:block; float: right; width: 100%; height: 500px; vertical-align:middle;}
.one-03-column-right-text-mobile {display:none; float: right; width: 100%; height: 500px; vertical-align:middle;}
.one-03-box-right {float: left; max-width:25%; width: 23%; margin:1%; height: auto; border-radius:5px;}
}


@media all and (min-width: 601px) and (max-width:820px) {
#ImgBox-03 { width: 100%; margin:0 auto; height: auto;}
.one-03-row { width:100%; margin:0 auto; padding:0; text-align:center; }
.one-03-column-left {text-align:center; width:100%; height:auto; max-width:518px; margin:0 auto; padding:80px 10px 80px 0; vertical-align:middle;}
.one-03-column-right {width: 100%; height: auto; vertical-align:middle;padding-bottom:50px;}
.one-03-column-right-img {display:none;}
.one-03-column-right-text-pc {display:none; width: 100%; height: auto; vertical-align:middle;}
.one-03-column-right-text-mobile {display:block; width: 90%; height: auto; vertical-align:middle;}
.one-03-box-right {max-width:50%; width: 48%; margin:1%; height: auto; border-radius:5px;}

.font-sisul-left-white-title-022 {color:#fffe93; font-size:24pt;vertical-align:bottom;text-align:center;padding:0; vertical-align:bottom;}
.font-sisul-left-white-022 {text-align:left; color:#f8f8f8; vertical-align:bottom;font-size:15pt;line-height:150%;font-weight:350;vertical-align:bottom;padding:0;}
.font-sisul-left-red-022 {text-align:left;color:#ffa200; vertical-align:bottom;font-size:15pt;line-height:150%;font-weight:350;}

.font-sisul-right-white {color:#fff; font-size:18pt; text-align:center;padding:0;}
.font-sisul-bottom-white {color:#fff; font-size:11pt; text-align:center;padding:0;font-weight:150;}
}


@media all and (min-width: 320px) and (max-width:600px) {
#ImgBox-03 { width: 100%; margin:0 auto; height: auto;}
.one-03-row { width:100%; margin:0 auto; padding:0; text-align:center; }
.one-03-column-left {width: 100%; height: auto;text-align:center;}
.one-03-column-right {width: 100%; height: auto; vertical-align:middle;}
.one-03-column-right-img {display:none;}
.one-03-column-right-text-pc {display:none; width: 100%; height: auto; vertical-align:middle;}
.one-03-column-right-text-mobile {display:block; width: 90%; height: auto; vertical-align:middle;}
.one-03-box-right {max-width:50%; width: 48%; margin:1%; height: auto; border-radius:5px;}

.font-sisul-left-white-title-022 {width:90%; height:auto; color:#fffe93; padding-top:20px; font-size:24pt;vertical-align:bottom;text-align:center;vertical-align:bottom;}
.font-sisul-left-white-022 width:90%; height:auto; text-align:left;color:#f8f8f8; vertical-align:bottom;font-size:15pt;line-height:150%;font-weight:350;vertical-align:bottom;}
.font-sisul-left-red-022 {width:90%; height:auto; text-align:left;color:#ffa200; vertical-align:bottom;font-size:15pt;line-height:150%;font-weight:350}
/* .font-sisul-left-white-title {color:#fff; font-size:24pt;text-align:center;} */
.font-sisul-left-white {color:#f8f8f8; font-size:10pt;line-height:180%;font-weight:250;text-align:center;}
.font-sisul-right-white {color:#fff; font-size:18pt; text-align:center;padding-top:70px;padding-bottom:30px;}
.font-sisul-bottom-white {color:#fff; font-size:11pt; text-align:center;padding-bottom:30px;font-weight:150;padding-top:10px;}
}


/* 마리끌레르 */s
.one-04-row:after {content: ""; display: table; clear: both;}

.one-04-box-right {float: left; max-width:25%; width: 23%; margin:1%; height: auto; border-radius:5px;}

.font-sisul-left-white-title-02 {color:#fffe93; font-size:24pt;text-align:left;}
.font-sisul-left-white-02 {color:#f8f8f8; font-size:15pt;line-height:150%;font-weight:350}
.font-sisul-left-red-02 {color:#ffa200; font-size:15pt;line-height:150%;font-weight:350}

.font-sisul-right-white {color:#fff; font-size:18pt; text-align:center;padding-top:40px;padding-bottom:30px;}
.font-sisul-bottom-white {color:#fff; font-size:11pt; text-align:center;padding-bottom:30px;font-weight:150;padding-top:10px;}

@media all and (min-width: 821px) {
#ImgBox-04 { overflow: hidden; width: 100%; margin:0 auto; height: auto; background-color:#474747; }
.one-04-row { width:1300px; margin:0 auto; padding:100px 0; text-align:center;}

.one-04-column-left {float: left; max-width:50%; width: 48%;}
.one-04-column-left-img {float: right; max-width:100%; width: 100%; padding: 10px; text-align:left; height: 475px; vertical-align:middle; background-image:url('../img/siMimg03.png');  background-repeat: no-repeat;  background-position: right;}
.one-04-column-left-text-pc {display:block; float: left; max-width:100%; width: 100%; padding: 10px; text-align:left; height: 475px; vertical-align:middle;}
.one-04-column-left-text-mobile {display:none; float: left; max-width:100%; width: 100%; padding: 10px; text-align:left; height: 475px; vertical-align:middle;}

.one-04-column-right {float: right; max-width:517px; width: 100%; height: auto; vertical-align:middle; padding-bottom:80px; }
}



@media all and (min-width: 601px) and (max-width:820px) {
#ImgBox-04 { width: 100%; margin:0 auto; height: auto; background-color:#474747; }
.one-04-row { width:100%; margin:0 auto; padding:0; text-align:center; }

.one-04-column-left {max-width:100%; width: 100%; padding:0 20px; text-align:center;}
.one-04-column-left-img {display:none;}
.one-04-column-left-text-pc {display:none;}
.one-04-column-left-text-mobile {display:block; max-width:90%; padding-right:40px; width: 100%; text-align:center; height: auto; vertical-align:middle;}

.one-04-column-right {text-align:center; width:100%; height:auto; max-width:518px; padding:20px 50px 80px 50px; margin:0 auto; vertical-align:middle;}

.one-04-box-right {max-width:50%; width: 48%; margin:1%; height: auto; border-radius:5px;}


.font-sisul-left-white-title-02 {color:#fffe93; font-size:24pt;text-align:center;padding-top:80px;}
.font-sisul-left-white-02 {width:100%; height:auto; color:#f8f8f8; font-size:15pt;line-height:150%;font-weight:350;}
.font-sisul-left-red-02 {width:100%; height:auto; color:#ffa200; font-size:15pt;line-height:150%;font-weight:350}

.font-sisul-right-white {color:#fff; font-size:18pt; text-align:center;padding-top:40px;padding-bottom:30px;}
.font-sisul-bottom-white {color:#fff; font-size:11pt; text-align:center;padding-bottom:30px;font-weight:150;padding-top:10px;}

}


@media all and (min-width: 320px) and (max-width:600px) {
#ImgBox-04 { width: 100%; margin:0 auto; height: auto;}
.one-04-row { width:100%; margin:0 auto; padding:0; text-align:center; }

.one-04-column-left {max-width:100%; width: 100%; padding-bottom:30px;}
.one-04-column-left-img {display:none;}
.one-04-column-left-text-pc {display:none;}
.one-04-column-left-text-mobile {display:block; max-width:90%; width: 100%; padding-top: 80px; text-align:center; height: auto; vertical-align:middle;}

.one-04-column-right {max-width:100%; width: 98%; height: auto; vertical-align:middle;padding-bottom:80px;}

.one-04-box-right {max-width:50%; width: 48%; margin:1%; height: auto; border-radius:5px;}

.font-sisul-left-white-title-02 {color:#fffe93; font-size:24pt;text-align:center;}

.font-sisul-left-white-title {color:#fff; font-size:24pt;text-align:center;}
.font-sisul-left-white {color:#f8f8f8; font-size:10pt;line-height:180%;font-weight:250;text-align:center;}

.font-sisul-right-white {color:#fff; font-size:18pt; text-align:center;padding-top:70px;padding-bottom:30px;}
.font-sisul-bottom-white {color:#fff; font-size:11pt; text-align:center;padding-bottom:30px;font-weight:150;padding-top:10px;}
}