pc, mo css 최신화

src/main/webapp/ux/mo/css/common_m.css

@@ -118,7 +118,7 @@ i,em {font-style: normal;}
 .bkn {background:0 none !important;}
 
 /* column*/
-.ui_row{width:100%; margin-left: 0 !important; margin-right: 0 !important;margin-bottom: 1.5rem;position: relative; /*display: -webkit-box;display: -ms-flexbox;display: flex;*/}
+.ui_row{width:100%; margin-left: 0 !important; margin-right: 0 !important;margin-bottom: 1.5rem;position: relative;}
 .ui_row [class^='ui_col_'] {min-height: 0.1rem;margin-left:0.4rem; margin-right:0.4rem;}
 .ui_row [class^='ui_col_']:first-child {margin-left: 0;}
 .ui_row [class^='ui_col_']:last-child {margin-right: 0;}
@@ -150,7 +150,7 @@ i,em {font-style: normal;}
 .ui_col_12{width:100%}
 
 /* font color */
-i {font-family:'Noto Sans kr', 'LATO', sans-serif !important; letter-spacing:0}
+i {font-family:'Noto Sans kr', 'LATO', sans-serif !important; letter-spacing:0;}
 .base i {position:relative; top:0.1rem;}
 i.big {font-size:1.8rem; position:relative; top:0.2rem;}
 .bold {font-weight:500;} /* 중복확인 */
@@ -177,9 +177,9 @@ i.big {font-size:1.8rem; position:relative; top:0.2rem;}
 .c_ygreen{color:#5fc332 !important;}
 .f_size14{font-size:1.4rem;}
 .f_size13{font-size:1.3rem;}
-.f_size12{font-size:1.2rem; }
+.f_size12{font-size:1.2rem;}
 .f_size10{font-size:1.0rem;}
-.f_normal {font-weight:normal}
+.f_normal {font-weight:normal;}
 
 /* text state */
 .t_muted {color: #ccd0d9 !important;}
@@ -191,14 +191,13 @@ i.big {font-size:1.8rem; position:relative; top:0.2rem;}
 .t_success {color: #333333 !important;}
 
 /* textarea */
-textarea {background-color:transparent; border:0.1rem solid #d7d7d7; width:99%; overflow-y:auto}
+textarea {background-color:transparent; border:0.1rem solid #d7d7d7; width:99%; overflow-y:auto;}
 .textarea_full {width:83.2rem; padding:1.0rem;}
 .textarea_md {width:65.6rem; width: 30%; height:10.8rem; padding:1.0rem; line-height:1.8rem;}
 .textarea_sm {width:36.0rem; width: 18%; padding:1.0rem;}
 .txt_cnt {text-align: right;margin-top: 1.0rem;}
 
 /* form */
-.form_wrap {}
 .form_wrap::after,
 .form_field:after,
 .input_wrap::after {content: ''; display: block; clear: both;}
@@ -206,10 +205,9 @@ textarea {background-color:transparent; border:0.1rem solid #d7d7d7; width:99%;
 select, 
 .form_full input[type="text"], 
 .form_full input[type="select"], 
-.form_full input[type="password"]{ width: 100%; }
+.form_full input[type="password"]{ width: 100%;}
 .form_full .input_wrap, 
 .form_full.input_wrap{display: block;}
-.form_full {} 
 
 .form_col_w {width: 100%;}
 .form_col_c {width: 53.0rem; margin: 0 auto;}
@@ -229,7 +227,7 @@ select,
 .form_control.usable + .usable:before {content:'사용가능';  position:absolute; top:50%; bottom: auto; right: 2.0rem; left: auto; transform: translateY(-50%); padding-left:1.5rem; background: url('/images/mo/ico_usable1.png') no-repeat 0 40%; color:#222; font-size:1.2rem; font-weight:200; line-height:1;}
 .sr-only {position: absolute!important;width: 0.1rem;height: 0.1rem;padding: 0!important;margin: -0.1rem;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
 
-/* form style (hyangah_0223_수정중 - input[type="text"] padding 수정) */
+/* form style */
 input,  textarea {font-size:1.2rem; font-family:'Noto Sans KR', 'LATO', sans-serif; color:#666666; vertical-align:middle;}
 select{font-size:1.2rem; font-family:'Noto Sans KR', 'LATO', sans-serif; color:#666666; vertical-align:middle;}
 input[type="text"], input[type="password"] {padding:0 1.5rem; border:0.1rem solid #dddddd;box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0;} 
@@ -248,49 +246,25 @@ input[type="reset"], input[type="button"], input[type="submit"], button {line-he
 .input_wrap > .open > .tgl_dropdown.btn , .input_wrap + .open > .tgl_dropdown.btn {border-color: rgb(34 34 34 / 0.6);}
 
 /* 체크박스 */
-.form_field input[type="checkbox"]{ position:absolute; width:0.1rem; height:0.1rem; padding:0; margin:-0.1rem; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
+.form_field input[type="checkbox"]{ position:absolute; width:0.1rem; height:0.1rem; padding:0; margin:-0.1rem; overflow:hidden; clip:rect(0,0,0,0); border:0;} 
 .form_field input[type="checkbox"] + label{ display:inline-block; position:relative; padding-left:2.6rem; cursor:pointer; font-size: 1.2rem; line-height: 2.0;font-weight: 300;letter-spacing: 0;text-align: right;} 
 .form_field input[type="checkbox"] + label:before{ 
-  content:''; position:absolute; left:0; top:50%; margin-top:-1.0rem; width:2.0rem; height:2.0rem; text-align:center; background:#fff; /*border:0.1rem solid #ccc;*/ border-radius: 100%; box-sizing:border-box; 
-  background: url('/images/mo/ico_chk_rdi.png') no-repeat;
-  background-position: 0 0;
-} 
+  content:''; position:absolute; left:0; top:50%; margin-top:-1.0rem; width:2.0rem; height:2.0rem; text-align:center; background:#fff; border-radius: 100%; box-sizing:border-box; background: url('/images/mo/ico_chk_rdi.png') no-repeat; background-position: 0 0;} 
 .form_field input[type="checkbox"]:Disabled + label, 
 .form_field input[type="radio"]:Disabled + label{cursor: default;opacity: .45;} 
-.form_field input[type="checkbox"]:checked + label:after{ 
-  content: ''; position:absolute; top:50%; margin-top:-1rem; left:0; width:2.0rem; height:2.0rem; background-color: #fd4800; border-radius: 100%; box-sizing:border-box; 
-  background: url('/images/mo/ico_chk_rdi.png') no-repeat;
-  background-position: -2rem 0;
-}
+.form_field input[type="checkbox"]:checked + label:after{content: ''; position:absolute; top:50%; margin-top:-1rem; left:0; width:2.0rem; height:2.0rem; background-color: #fd4800; border-radius: 100%; box-sizing:border-box; background: url('/images/mo/ico_chk_rdi.png') no-repeat; background-position: -2rem 0;}
 .form_field input[type="checkbox"]:Disabled + label:after{ 
-  content: ''; position:absolute; top:-1.0rem; left:0; width:2.0rem; height:2.0rem; background-color: #fd4800; border-radius: 100%; box-sizing:border-box; 
-  background: url('/images/mo/ico_chk_rdi.png') no-repeat;
-  background-position: -4rem 0;
-}
+  content: ''; position:absolute; top:-1.0rem; left:0; width:2.0rem; height:2.0rem; background-color: #fd4800; border-radius: 100%; box-sizing:border-box; background: url('/images/mo/ico_chk_rdi.png') no-repeat; background-position: -4rem 0;}
 
 /* 라디오 */
-.form_field input[type="radio"]{ position:absolute; width:0.1rem; height:0.1rem; padding:0; margin:-0.1rem; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
+.form_field input[type="radio"]{ position:absolute; width:0.1rem; height:0.1rem; padding:0; margin:-0.1rem; overflow:hidden; clip:rect(0,0,0,0); border:0;} 
 .form_field input[type="radio"] + label{ display:inline-block; position:relative; padding-left:2.5rem; cursor:pointer; font-size: 1.3rem;line-height: 1.5;font-weight: 300;letter-spacing: 0;} 
-.form_field input[type="radio"] + label:before{ 
-  content:''; position:absolute; left:0; top:50%; margin-top:-1.0rem; width:2.0rem; height:2.0rem; text-align:center; background:#fff; /*border:0.1rem solid #ccc;*/ border-radius: 100%; box-sizing:border-box; 
-  background: url('/images/mo/ico_chk_rdi.png') no-repeat;
-  background-position: -6.0rem 0;
-} 
+.form_field input[type="radio"] + label:before{content:''; position:absolute; left:0; top:50%; margin-top:-1.0rem; width:2.0rem; height:2.0rem; text-align:center; background:#fff; border-radius: 100%; box-sizing:border-box; background: url('/images/mo/ico_chk_rdi.png') no-repeat; background-position: -6.0rem 0;} 
 
-/* 보여질 부분의 스타일을 추가하면 된다. */ 
-.form_field input[type="radio"]:checked + label:after{ 
-  content: ''; position:absolute; top:50%; margin-top:-1.0rem; left:0; width:2.0rem; height:2.0rem; background-color: #fd4800; 
-  background: url('/images/mo/ico_chk_rdi.png') no-repeat;
-  background-position: -8.0rem 0;
-  border-radius: 100%;
-}
+/* 보여질 부분의 스타일을 추가 */ 
+.form_field input[type="radio"]:checked + label:after{content: ''; position:absolute; top:50%; margin-top:-1.0rem; left:0; width:2.0rem; height:2.0rem; background-color: #fd4800;background: url('/images/mo/ico_chk_rdi.png') no-repeat; background-position: -8.0rem 0;  border-radius: 100%;}
 
-.form_field input[type="radio"]:Disabled + label:after{ 
-  content: ''; position:absolute; top:50%; margin-top:-1.0rem; left:0; width:2.0rem; height:2.0rem; background-color: #fd4800; 
-  background: url('/images/mo/ico_chk_rdi.png') no-repeat;
-  background-position: -10.0rem 0;
-  border-radius: 100%;
-}
+.form_field input[type="radio"]:Disabled + label:after{content: ''; position:absolute; top:50%; margin-top:-1.0rem; left:0; width:2.0rem; height:2.0rem; background-color: #fd4800; background: url('/images/mo/ico_chk_rdi.png') no-repeat;background-position: -10.0rem 0; border-radius: 100%;}
 /* 이미지 체크박스 */
 .chk_img+label span {border: 0.2rem solid transparent; padding: 1.0rem; box-sizing: border-box;}
 .chk_img:checked+label span {border: 0.2rem solid #fd481a; padding: 1.0rem; box-sizing: border-box;}
@@ -410,11 +384,6 @@ input[type="file"] {
     border: 0.1rem solid #dddddd;
 }
 .select_custom .combo .select:after {
-    /* content: '▼'; */
-    /* position: absolute; */
-    /* top: 50%; */
-    /* right: 1.0rem; */
-
 	content: '';
     width: 0;
     height: 0;
@@ -429,7 +398,6 @@ input[type="file"] {
 	border: 0.1rem solid #999999;
 }
 .select_custom.on .combo .select:after {
-    /* content: '▲'; */
 	top: 0.9rem;
     border-color: transparent transparent #888888 transparent;
 }
@@ -514,16 +482,9 @@ input[type="file"] {
 .select_custom.sup {width: auto;width: 12rem;display: inline-block;position: absolute;right: 0rem;}
 .select_custom.sup .combo {display: inline-block;position: absolute;width: auto;right: 2.5rem;top: 0;}
 .select_custom.sup .combo .select {position: relative;box-sizing: border-box;height: 4.5rem;line-height: 1;cursor: pointer;padding: 1.5rem 1.5rem;background-color: #ffffff;border: 0 solid #dddddd;font-size: 1.2rem;}
-.select_custom.sup .combo .select:after {
-/* content: '▼'; */
-/* position: absolute; */
-/* top: 50%; */
-/* right: 1.0rem; */
-content: '';width: 0;height: 0;box-sizing: border-box;position: absolute;top: 2.0rem;right: 0rem;border: 0.4rem solid transparent;border-color: #222222 transparent transparent transparent;}
+.select_custom.sup .combo .select:after {content: '';width: 0;height: 0;box-sizing: border-box;position: absolute;top: 2.0rem;right: 0rem;border: 0.4rem solid transparent;border-color: #222222 transparent transparent transparent;}
 .select_custom.sup.on .combo .select {border: 0.1rem solid #999999;}
-.select_custom.sup.on .combo .select:after {
-/* content: '▲'; */
-top: 0.9rem;border-color: transparent transparent #888888 transparent;}
+.select_custom.sup.on .combo .select:after {top: 0.9rem;border-color: transparent transparent #888888 transparent;}
 .select_custom.sup .combo .list {display: none;overflow-y: auto;position: absolute;top: 4.5rem;left: 0;z-index: 10;border: 0 solid #999999;border-top: 0;box-sizing: border-box;width: 100%;max-height: 50.0rem;background-color: #fff;font-size: 1.2rem;}
 .select_custom.sup .combo .list::-webkit-scrollbar {width: 1.0rem;height: 0;}
 .select_custom.sup .combo .list::-webkit-scrollbar-button:start:decrement,
@@ -546,16 +507,16 @@ top: 0.9rem;border-color: transparent transparent #888888 transparent;}
 .my .point .amount_plus {color: #fd4802;}
 
 /* ico */
-.ico {position: relative;/*top: 0.1rem;*/display: inline-block; font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
+.ico {position: relative;display: inline-block; font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
 .ico:before {display: inline-block; background-repeat:no-repeat; background-size:contain; background-position:0% 0%; vertical-align:middle;}
 .btn_ico {display: inline-block;position: relative;}
 .btn .ico {font-size: 1.4rem;margin-right: 0.5rem;}
 [class^="ico_"]:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
 [class^="ico_content_"]::before {content:''; display:block;} 
 
-.ico_logo:before {content: ""; display:block; width:18.4rem; height:2.8rem; background-image: url('/images/mo/logo_STYLE24.png'); }
-.ico_logo_ft:before {content: ""; display:block; width:15.0rem; height:2.3rem; background-image: url('/images/mo/logo_STYLE24_footer.png'); }
-.ico_search:before {content: ""; display: inline-block; width:2.2rem; height:2.6rem; background-image: url('/images/mo/ico_sch.png'); }
+.ico_logo:before {content: ""; display:block; width:18.4rem; height:2.8rem; background-image: url('/images/mo/logo_STYLE24.png');}
+.ico_logo_ft:before {content: ""; display:block; width:15.0rem; height:2.3rem; background-image: url('/images/mo/logo_STYLE24_footer.png');}
+.ico_search:before {content: ""; display: inline-block; width:2.2rem; height:2.6rem; background-image: url('/images/mo/ico_sch.png');}
 .ico_bag:before {content: ""; display: inline-block; width:2.2rem; height:2.6rem; background-image: url('/images/mo/ico_bag.png');}
 .ico_content_order::before {width:4.0rem; height: 4.6rem; background: url('/images/mo/ico_content_order.png') no-repeat 50% 50%;} 
 .ico_content_find::before {width:3.6rem; height: 4.6rem; background: url('/images/mo/ico_content_find.png') no-repeat 50% 50%;} 
@@ -587,9 +548,9 @@ top: 0.9rem;border-color: transparent transparent #888888 transparent;}
 .ico_ipin::before {content: ""; width:2.0rem; height:2.0rem; background:url(/images/mo/ico_join_bg.png) no-repeat -2.0rem 0; background-size:cover;}
 
 /* btn : btn_default, btn_more, btn_go, btn_waiting */
-.btn{display: inline-block; height: 5.0rem; margin-bottom: 0; padding: 0.4rem 1.3rem; font-size: 1.4rem; font-weight: 400; line-height: 1 !important; color: #333333; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; background-image: none; background-color: #ffffff; box-sizing: border-box; border-width: 0.1rem; border-style: solid; border-color: #dddddd; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; -ms-touch-action: manipulation;touch-action: manipulation; -webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease; cursor: pointer; }
-.btn.mini{width: auto !important; display: inline-block !important; height: 3.0rem; font-size: 1.2rem; font-weight: 300; }
-.btn_gost{position: relative; display: block; width: 100%; height: 5.0rem; color: #333333; border-color: #dddddd; background-color: transparent; }
+.btn{display: inline-block; height: 5.0rem; margin-bottom: 0; padding: 0.4rem 1.3rem; font-size: 1.4rem; font-weight: 400; line-height: 1 !important; color: #333333; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; background-image: none; background-color: #ffffff; box-sizing: border-box; border-width: 0.1rem; border-style: solid; border-color: #dddddd; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; -ms-touch-action: manipulation;touch-action: manipulation; -webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease; cursor: pointer;}
+.btn.mini{width: auto !important; display: inline-block !important; height: 3.0rem; font-size: 1.2rem; font-weight: 300;}
+.btn_gost{position: relative; display: block; width: 100%; height: 5.0rem; color: #333333; border-color: #dddddd; background-color: transparent;}
 .btn_more{position: relative; display: block; width: 100%; height: 5.0rem; color: #888; border:0.1rem solid #999;}
 .btn_more::after{content: ''; position: absolute; right: -0.4rem; bottom: -0.1rem; display: block; width: 0; height: 0; border-top: 0.6rem solid none; border-bottom: 0.6rem solid #b7b7b7; border-right: 0.6rem solid transparent; border-left: 0.6rem solid transparent; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
 .btn_go{position: relative; display: block; width: 100%; height: 5.0rem; color: #ffffff; border:0.1rem solid #222222; background-color: #222222;}
@@ -628,33 +589,15 @@ top: 0.9rem;border-color: transparent transparent #888888 transparent;}
 .btn_primary_line:active, .btn_primary_line.active, 
 .open > .tgl_dropdown.btn_primary_line {background-color: #fff;border-color: #fd4802;color:#fd4802;}
 
-/* 
-.btn_success:hover, .btn_success:focus, 
-.btn_success:active, .btn_success.active, 
-.open > .tgl_dropdown.btn_success {background-color: #89ad4d;border-color: #89ad4d;color:#ffffff;}
-.btn_info:hover, .btn_info:focus, 
-.btn_info:active, .btn_info.active, 
-.open > .tgl_dropdown.btn_info {background-color: #47c2e6;border-color: #3cbee4;color:#ffffff;}
-.btn_warning:hover, .btn_warning:focus, 
-.btn_warning:active, .btn_warning.active, 
-.open > .tgl_dropdown.btn_warning {background-color: #fe970a;border-color: #fe970a;color:#ffffff;}
-.btn_danger:hover, .btn_danger:focus, 
-.btn_danger:active, .btn_danger.active, 
-.open > .tgl_dropdown.btn_danger{background-color: #a43f3e;border-color: #a43f3e;color:#ffffff;}
- */
-
 /* button flex */
 .btn_group_flex {display:flex; flex-wrap: wrap; width:100%; align-items:stretch; flex-direction:row; margin-top: 3rem;}
 .btn_group_flex > div {flex-basis:auto; flex-grow:1; margin:0 0.4rem; flex:1;}
-.btn_group_flex > div:first-child {margin-left:0}
-.btn_group_flex > div:last-child {margin-right:0}
+.btn_group_flex > div:first-child {margin-left:0;}
+.btn_group_flex > div:last-child {margin-right:0;}
 .btn_group_flex > div > .btn {display:block; width:100%; height:100%; border:0.1rem solid #a7a7a7; font-size: 1.4rem; padding:1rem 1.3rem; font-weight: 500;}
 .btn_group_flex > div > .btn.btn_dark {border-color:#222;}
-/* .btn_group_flex > div > .btn.btn_primary {background-color:#fff; border-color:#fd4802; color: #fd4802;} */
-
 .btn_block {width: 100%;}
 
-
 /* Page setup */
 html {font-family: 'LATO', 'Noto Sans kr', sans-serif;font-weight: 300;color: #222;font-size: 10px; line-height: 1.4;letter-spacing: -.025em;word-break: keep-all;}
 
@@ -674,8 +617,8 @@ body.gnb_on {height: 100vh;overflow: hidden !important;}
 /* header, htop, btn_gnb, header.main, hmenu, bng, bnb */
 header {
   position: fixed;left: 0;top: 0; width: 100%;z-index: 101;
-  /*position: sticky;*/width: 100%;transition: top 0.3s;/* background-color: #fff; */ transform: translate3d(0,0,0);
-} /* 210526_ main.container 여백 때문에 sticky 속성 주석. */
+  width: 100%;transition: top 0.3s; transform: translate3d(0,0,0);
+} /* 210526_ main.container 여백 때문에 sticky 속성. */
 header::after{content: '';display: block;clear: both;}
 header .htop {position: relative;height: 5.5rem;-webkit-box-sizing: border-box;box-sizing: border-box;/*border: rgba(0, 0, 0, 0.1) solid 0.1rem;*/ border-bottom: 0.1rem solid rgba(0, 0, 0, 0.0); background-color: #fff;}
 header .htop:after {content: '';display: block; clear: both;}
@@ -697,43 +640,25 @@ header .htop .btn_back span i.gl2 {left: 0;top: 50%;-webkit-transform: translate
 header .htop .btn_back span i.gl3 {left: -0.2rem;bottom: 0.7rem;width: 1.2rem;height: 0.2rem;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
 header .htop .btn_back:active span i {left: -2.0rem;}
 
-
 header .htop .button_wrap {height: 5.5rem; float: right; padding: 1.6rem 0 0; margin: 0 2.5rem 0 0; box-sizing: border-box;}
 header .htop .button_wrap .home {display:none;}
 header .htop .button_wrap .home {margin: 0 1.1666rem 0 0;}
 header .htop .button_wrap .home img{width: 2.0rem;}
-header .htop .button_wrap .search { margin:0 1.1666rem 0 1.1666rem; }
+header .htop .button_wrap .search { margin:0 1.1666rem 0 1.1666rem;}
 header .htop .button_wrap .search img{width: 2.2rem;}
 header .htop .button_wrap .store{position: relative;margin: 0 0 0 1.1666rem;}
 header .htop .button_wrap .store img{width: 1.8rem;}
-header .htop .button_wrap .store img:nth-child(1) { height: 2.2rem; }
+header .htop .button_wrap .store img:nth-child(1) { height: 2.2rem;}
 header .htop .button_wrap .store span { width: 2.1rem; height: 1.4rem; position: absolute; top: -0.5rem; right: -1.0rem; background: #fd4802; border-radius: 0.8rem; font-size: 0.8rem; color: #fff; line-height: 1.6rem;}
-
-
-header .subs {}
-
-
 header .btn_gnb {position: absolute;top: 0;right: -3.5rem;width: 3.5rem;height: 100%;z-index: 10;}
 header .btn_gnb span {display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;}
 header .btn_gnb span i {display: block;position: absolute;left: 0;width:100%;height: 100%;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
-/* header .btn_gnb span i.gl1 {top: 0.6rem;} */
-/* header .btn_gnb span i.gl2 {bottom: 0.6rem;} */
-/* header .btn_gnb.on span i {width: 2.4rem;top: 1.0rem;background: #222;} */
-/* header .btn_gnb.on span i.gl1 {transform: rotate(45deg);-webkit-transform: rotate(45deg);} */
-/* header .btn_gnb.on span i.gl2 {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} */
 
 header .subs .btn_gnbs {position: absolute;top: 0.8rem;right: -2.0rem;width: 3.5rem;height: 4rem;z-index: 10;}
 header .subs .btn_gnbs span i {display: block;position: absolute;left: 0;width: 100%;height: 100%;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
-/* header .subs .btn_gnbs span {display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;} */
-/* header .subs .btn_gnbs span i {display: block;position: absolute;left: 0;width: 2.4rem;height: 0.2rem;background: #222;-webkit-transition: all 0.15s ease-out;transition: all 0.15s ease-out;} */
 header .subs .btn_gnbs span {display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;}
 header .subs .btn_gnbs span i {background: url(/images/mo/ico_btn_more.png) no-repeat;background-size: 1.3rem 0.733rem;background-position: 50% 50%;}
-/* header .subs .btn_gnbs span i.gl1 {top: 0.6rem;background: #222;} */
-/* header .subs .btn_gnbs span i.gl2 {bottom: 0..6rem;background: #222;} */
-/* header .subs .btn_gnbs.on span i {width: 2.4rem;top: 1.0rem;background: #222;} */
 header .subs .btn_gnbs.on span i {transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
-/* header .subs .btn_gnbs.on span i.gl1 {transform: rotate(45deg);-webkit-transform: rotate(45deg);} */
-/* header .subs .btn_gnbs.on span i.gl2 {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} */
 
 header .subs .dp_list_btn_gnbs {position: absolute;top: 0;right: -2.0rem;width: 3.5rem;height: 4.5rem;z-index: 10;}
 header .subs .dp_list_btn_gnbs span i {display: block;position: absolute;left: 0;width: 100%;height: 100%;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
@@ -744,27 +669,14 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
 header.hide {display: none;}
 header.main .htop {border: rgba(255, 255, 255, 0.2) solid 0;background-color: #fefefe;}
 header.main .htop.bright {background-color: transparent;}
-/* header.main .htop h1 {margin: 1.0rem 0 0 2.0rem;width: 9.5rem;} */
 header.main .btn_gnb span i {background: url(/images/mo/ico_btn_more.png) no-repeat; background-size: 1.1rem 0.63rem;background-position: 50% 50%;}
 header.main .btn_gnb.on span i {transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
-/* header.main .btn_gnb span i {background: #fff;} */
-/* header.main .btn_gnb.on span i {background: #222;} */
 
 header .hmenu {position: absolute;left: 0;bottom: 100%;background-color: rgba(0, 0, 0, 0.0);padding: 0 0 0 0;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 100vh;-webkit-transition: all 0 ease-out;transition: all 0 ease-out;}
 header .hmenu .inner {padding: 0;background-color: #fff;position: relative;top: 0;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
 header .hmenu.on {bottom: 0;}
 header .hmenu.on .inner {top: 100%;}
 header .hmenu .scrollWrap {height: calc(100vh - 5.0rem);-webkit-box-sizing: border-box;box-sizing: border-box;overflow-y: auto;}
-/* 
-header .hmenu .tnb{padding-top: 1.5rem; height: 5.0rem; -webkit-box-sizing: border-box;box-sizing: border-box;}
-header .hmenu .tnb ul::after{content: '';display: block; clear: both;}
-header .hmenu .tnb ul > li{float: left; position: relative; padding: 0 1.2rem;}
-header .hmenu .tnb ul > li::before{content: ''; display: block; position: absolute;left: 0;top: 50%;width: 0.3rem;height: 0.3rem; background-color: #c1c1c1; border-radius: 0%;}
-header .hmenu .tnb ul > li:first-child{padding-left: 0;}
-header .hmenu .tnb ul > li:first-child::before{display: none;}
-header .hmenu .tnb ul > li a{display: block; padding: 0.5rem 0; color: #888; font-weight: 200; font-size: 1.5rem;}
-header .hmenu .tnb ul > li a.on{color: #222; font-weight: 400; border-bottom: #9f7952 solid 0.2rem;}
-*/
 
 header .hmenu .bng{background: #ffffff;}
 header .hmenu .bng .d1 > li{position: relative;height: 7.2rem;border-bottom: 0.1rem solid #eeeeee;}
@@ -795,22 +707,11 @@ header .hmenu .bnb ul > li{position: relative;}
 header .hmenu .bnb ul > li::after{content: ''; display: block; position: absolute; right: 0.2rem; top: 2.0rem; width: 1.0rem; height: 1.0rem; border: #9f7952 solid; border-width: 0.1rem 0.1rem 0 0; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg);}
 header .hmenu .bnb ul > li > a{display: block; padding: 0.8rem 0; font-size: 1.5rem; color: #9f7952;}
 
-
 header .hmenus {position: absolute;left: 0;bottom: 100%;background-color: rgba(0, 0, 0, 0.0);padding: 0 0 0 0;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100vw;height: 100vh;-webkit-transition: all 0 ease-out;transition: all 0 ease-out;}
 header .hmenus .inner {padding: 0 2.5rem;background-color: #fff;position: relative;top: 0;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
 header .hmenus.on {bottom: 0;}
 header .hmenus.on .inner {top: 100%;}
 header .hmenus .scrollWrap {height: calc(100vh - 5.0rem);-webkit-box-sizing: border-box;box-sizing: border-box;overflow-y: auto;}
-/* 
-header .hmenus .tnb{padding-top: 1.5rem; height: 5.0rem; -webkit-box-sizing: border-box;box-sizing: border-box;}
-header .hmenus .tnb ul::after{content: '';display: block; clear: both;}
-header .hmenus .tnb ul > li{float: left; position: relative; padding: 0 1.2rem;}
-header .hmenus .tnb ul > li::before{content: ''; display: block; position: absolute;left: 0;top: 50%;width: 0.3rem;height: 0.3rem; background-color: #c1c1c1; border-radius: 0%;}
-header .hmenus .tnb ul > li:first-child{padding-left: 0;}
-header .hmenus .tnb ul > li:first-child::before{display: none;}
-header .hmenus .tnb ul > li a{display: block; padding: 0.5rem 0; color: #888; font-weight: 200; font-size: 1.5rem;}
-header .hmenus .tnb ul > li a.on{color: #222; font-weight: 400; border-bottom: #9f7952 solid 0.2rem;}
-*/
 
 header .hmenus .bng{background: #ffffff;}
 header .hmenus .bng .d1 > li{position: relative;}
@@ -834,13 +735,8 @@ header .hmenus .bng .d3 > li::before{content: ''; display: block; position: abso
 header .hmenus .bng .d3 > li > a{display: block; padding: 0.8rem 0; font-size: 1.5rem; color: #222;}
 
 header .hmenus .bng{position: relative; width:100%; height:100%;background:rgba(0,0,0,.0); z-index:600;}
-/* header .hmenus .bng .nav_box.active{visibility:visible;} */
 header .hmenus .bng .lap{position:absolute; top:0; left:0; padding:0; width:100%; background:#fff;}
-header .hmenus .bng .nav_list{min-height:15rem; max-height:40rem; overflow-y:auto;}
-/* header .hmenus .bng .nav_box .nav_close{position:absolute; bottom:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-99999.9rem; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);} */
-header .hmenus .bng .nav_list {padding:0;}
-header .hmenus .bng .nav ul {}
-header .hmenus .bng .nav ul > li {}
+header .hmenus .bng .nav_list{min-height:15rem; max-height:40rem; overflow-y:auto;}header .hmenus .bng .nav_list {padding:0;}
 header .hmenus .bng .nav ul > li .daps1{display:block; font-size:1.4rem; color:#666; font-weight:300; line-height:5rem; border-bottom:0.1rem solid #ddd;}
 header .hmenus .bng .nav ul > li .daps2 li > a{display:block; font-size:1.4rem; font-weight:300; color:#222; line-height:4rem;}
 header .hmenus .bng .nav ul > li .daps2 li.on > a{color:#fd4802; font-weight:500; line-height:5rem;}
@@ -850,11 +746,9 @@ header .hmenus .bnb ul > li{position: relative;}
 header .hmenus .bnb ul > li::after{content: ''; display: block; position: absolute; right: 0.2rem; top: 2.0rem; width: 1.0rem; height: 1.0rem; border: #9f7952 solid; border-width: 0.1rem 0.1rem 0 0; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg);}
 header .hmenus .bnb ul > li > a{display: block; padding: 0.8rem 0; font-size: 1.5rem; color: #9f7952;}
 
-
-
 /* gnb */
 body.header-show .app .gnb{top: 5.0rem;}
-.app .gnb {position: -webkit-sticky; position: sticky; top: 0; padding-right: 3.0rem; background-color: #fefefe; z-index: 9; /*background-color: #000; transition: top 0.3s;*/ width: 100%;}
+.app .gnb {position: -webkit-sticky; position: sticky; top: 0; padding-right: 3.0rem; background-color: #fefefe; z-index: 9; width: 100%;}
 .app .gnb {background-color:#fefefe; position:relative; z-index:100;} /* layout_m 재확인 */
 .app .gnb.expand{padding-right: 3.0rem;}
 
@@ -869,8 +763,8 @@ body.header-show .app .gnb{top: 5.0rem;}
 .app .gnb .btn-expand{position: absolute; right: 0.2rem; top: 0.2rem; width: 5.0rem; height: 5.0rem;}
 .app .gnb .btn-expand::before{content: '';position: absolute;top: 0;left: 0;width: 3.0rem;height: 5.0rem;background: linear-gradient(90deg, rgba(254,254,254,0) 0%, #fefefe 100%);}
 .app .gnb .btn-expand::before{background: linear-gradient(90deg, rgba(254,254,254,0) 0%, #fefefe 100%);} /* layout_m 재확인 */
-.app .gnb .btn-expand::after{content: '';position: absolute;left: 50%;top: 25%;width: 1.8rem;height: 2.0rem;/* transform: translate(-50%, -50%); */background: url(/images/mo/ico_btn_expand.png) center top/1.8rem 2.0rem no-repeat;}
-.app .gnb.expand .btn-expand::before{display:none}
+.app .gnb .btn-expand::after{content: '';position: absolute;left: 50%;top: 25%;width: 1.8rem;height: 2.0rem;background: url(/images/mo/ico_btn_expand.png) center top/1.8rem 2.0rem no-repeat;}
+.app .gnb.expand .btn-expand::before{display:none;}
 .app .gnb.expand .btn-expand::after {background: url(/images/mo/ico_btn_narrow.png) center bottom/1.8rem 2.0rem no-repeat;}
 
 main.container{margin-top: 0; overflow: hidden;}
@@ -921,7 +815,6 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 .fullBody .btn_group div:first-child button::after{content: '';display: inline-block;width: 0.3rem;height: 2.0rem;background: #dddddd;position: absolute;top: 1.0rem;right: -0.2rem;}
 
 /* Full메뉴_카테고리 */
-.fullBody .fullCate {}
 .fullBody .fullCate > li > ul {display: none; background: #f5f5f5;}
 .fullBody .fullCate > li > a {position:relative;display: block; padding:1.6rem 2.0rem; font-size: 1.4rem; font-weight: 400;font-family: 'Noto Sans kr', sans-serif;}
 .fullBody .fullCate > li > a::after {content: '';display: inline-block;width: 2.0rem;height: 2.0rem;background: url(/images/mo/ico_full.png) no-repeat;background-size: 0.8rem 1.4rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);position: absolute;right: 1.2rem;background-position: left center;}
@@ -943,8 +836,6 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 #hstrFull.on{ height: 100%; visibility: visible; top: 0;}
 .hstr_cls {position: absolute;top: 1.4rem;right: 2.0rem;display: block;width: 2.0rem;height: 2.0rem;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url(/images/mo/ico_pop_cls.png);}
 #hstrFull .fullHead h1 {display: inline-block;position: relative;max-width: calc(100% - 14.5rem);width: auto;height: 100%;line-height: 5.2rem;vertical-align: middle;padding: 0 1.5rem 0 0rem;margin: 0 0 0 2.0rem;font-size: 1.8rem;color: #222;}
-#hstrFull .fullBody {}
-#hstrFull .fullBody {}
 #hstrFull .fullBody .count_wrap {padding: 2rem 0;}
 #hstrFull .fullBody .count_wrap p{font-size: 1.2rem;color: #888;}
 #hstrFull .fullBody .count_wrap p span {color: #fd4802;font-weight: 600;}
@@ -968,16 +859,12 @@ footer .f1 .inner{padding: 0 2.0rem 2.0rem;}
 footer .f1 .link{padding-top: 2.0rem;}
 footer .f1 .link::after{content: ''; display: block; clear: both;}
 footer .f1 .link > li{float: left; position: relative; padding: 0 1.2rem;}
-footer .f1 .link > li::before{content: '';
-  /* display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0.3rem; height: 0.3rem; background-color: #999; */
-  display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0.2rem; height: 1.4rem; background-color: #e3e3e3;
-}
+footer .f1 .link > li::before{content: ''; display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0.2rem; height: 1.4rem; background-color: #e3e3e3;}
 footer .f1 .link > li:first-child{padding-left: 0;}
 footer .f1 .link > li:first-child::before{display: none;}
 footer .f1 .link > li.fn{clear: both; padding-left: 0;}
 footer .f1 .link > li.fn::before{display: none;}
 footer .f1 .link > li a{display: block; padding: 0.5rem 0; color: #222; font-size: 1.3rem; font-weight: 200;}
-footer .f1 .wider{}
 footer .f1 .wider > li{padding: 0 1.5rem;}
 footer .f1 .wider > li a{color: #666; font-weight: 300; font-size: 1.5rem;}
 footer .f1 .info::after{content: ''; display: block; clear: both;}
@@ -996,7 +883,6 @@ footer .f1 .sns > li > a.facebook{background: #fff url("/images/mo/ico_ft_facebo
 footer .collapse{position: relative; border-bottom: 0.1rem solid #dadada;}
 footer .collapse .btnWrap .btn_infos{position: relative; width: 100%; height: 6.7rem; background-color: #f1f1f1; font-size: 1.5rem; font-weight: 400; text-align: left; color: #222;}
 footer .collapse .btnWrap .btn_infos::after{content: ''; display: inline-block; margin-left: 1.0rem; margin-bottom: 0; width: 1.4rem; height: 0.8rem; background: #f1f1f1 url(/images/mo/ico_fold_arrow1.png) 50% 0% no-repeat; background-size: 1.4rem; /* background-size: auto 3.9rem; */ -webkit-transform: rotate(180deg); transform: rotate(180deg);}
-footer .collapse .btnWrap .btn_infos.on{/* background-color: #222; */ /* color: #fff; */}
 footer .collapse .btnWrap .btn_infos.on::after{margin-bottom: 0; -webkit-transform: rotate(0); transform: rotate(0);}
 footer .collapse .infos{width: 100%; height: 0; overflow: hidden;-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
 footer .collapse .infos::after{content: ''; display: block; clear: both;}
@@ -1074,7 +960,6 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 
 
 /* titWrap, .tit */
-
 .titWrap{padding: 2.0rem 0 0 0; text-align: center; font-size: 1.8rem;}
 .tit{font-size: 1.4rem; font-weight: 400; color: #222222;}
 .exp{font-size: 1.1rem; font-weight: 200; color: #666666;}
@@ -1091,14 +976,13 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .txt_blt::before{content: ''; display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0.3rem; height: 0.3rem; background-color: #666;}
 
 /* Tab */
-.tabWrap {}
-.tabIndex {width: 100%; /*margin-bottom: 0.85em;*/ box-sizing: border-box;-webkit-box-sizing: border-box;display: inline-flex;justify-content: space-around;}
+.tabIndex {width: 100%; box-sizing: border-box;-webkit-box-sizing: border-box;display: inline-flex;justify-content: space-around;}
 .tabIndex:after {content: "";clear: both;display: table;}
 .tabIndex {background: #ffffff;border-bottom: 0.1rem solid #e5e5e5;}
 .tabIndex li {float: left;flex: auto;text-align: center;}
 .tabIndex li a {display: block;color:#222222; font-weight: 400; padding: 1.0rem 2.0vw;}
 .tabIndex li.active a {border-bottom: 0.3rem solid #fd4802; color: #fd4802;}
-.tab_cont {width: 100%;height:100%; background: #f5f5f5;/*padding: 1.2rem 0rem 0 0rem;*/text-align: left;box-sizing: border-box;}
+.tab_cont {width: 100%;height:100%; background: #f5f5f5;text-align: left;box-sizing: border-box;}
 .tab_cont .inner {margin-bottom: 2.3rem;}
 .tab_cont {display: none;}
 .tab_cont.active {display: block;}
@@ -1134,8 +1018,6 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .tbl.type1 table td {position:relative; /*padding:1.0rem 4.0rem;*/ font-weight:200; font-size:1.6rem; letter-spacing:-0.025em;}
 .tbl.type1 table th {padding:1.0rem 0rem 1.0rem 4.0rem; font-weight:300;}
 .tbl.type1 table td {padding:1.0rem 4.0rem 1.0rem 0rem;}
-/* .tbl.type1 table tr td:first-child {padding-left:4.0rem;}
-.tbl.type1 table tr td:last-child {padding-right:4.0rem;} */
 
 /* 테이블 type2 - 수직형 행,열별 구분선 있음 */
 .tbl.type2 {padding:0; border-top:0.1rem solid #000;} 
@@ -1173,13 +1055,13 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .tbl.type6 table th,
 .tbl.type6 table td {position:relative; padding:0rem 4.0rem; font-weight:200; font-size:1.6rem; letter-spacing:-0.025em; border-left:0.1rem dashed #ddd; vertical-align:top;}
 .tbl.type6 table th {font-weight:500;}
-.tbl.type6 table tr td:first-child {border-left:none}
+.tbl.type6 table tr td:first-child {border-left:none;}
 .tbl.type6 table tr td dl::after,
 .tbl.type6 table tr td dl > div::after {content: '';display: block;clear: both;}
-.tbl.type6 table tr td > dl {margin-top:2.0rem}
-.tbl.type6 table tr td > dl:first-child {margin-top:0rem}
-.tbl.type6 table td dl dt {float:left; font-size:1.6rem; font-weight:300; color:#222}
-.tbl.type6 table td dl dd {float:right; font-size:1.5rem; font-weight:200; color:#222}
+.tbl.type6 table tr td > dl {margin-top:2.0rem;}
+.tbl.type6 table tr td > dl:first-child {margin-top:0rem;}
+.tbl.type6 table td dl dt {float:left; font-size:1.6rem; font-weight:300; color:#222;}
+.tbl.type6 table td dl dd {float:right; font-size:1.5rem; font-weight:200; color:#222;}
 .tbl.type6 table td dl dd em {font-size:1.6rem;}
 .tbl.type6 table td dl dd .btn.btn_sm {height:3.4rem; margin-top:-0.8rem; margin-left:1.0rem; padding:1.0rem 1.4rem; font-size:1.4rem;}
 .tbl.type6 table td dl dd .btn.btn_sm:first-child {margin-left:0;}
@@ -1193,22 +1075,21 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .tbl.type6 table td dl .save_point {position:relative; padding-left:2.2rem;}
 .tbl.type6 table td dl .save_point::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.6rem; height:1.6rem; background:url('/images/pc/ico_point.png') no-repeat 0 50%;}
 .tbl.type6 table td dl > div {margin-top:2.0rem;}
-.tbl.type6 table td dl > div:first-child {margin-top:0rem}
-.tbl.type6 table td dl > div.include_item {}
+.tbl.type6 table td dl > div:first-child {margin-top:0rem;}
 .tbl.type6 table td dl > div.include_item dt {padding-left:1.5rem; background:url('/images/pc/ico_bracket2.png') no-repeat 0 50%;}
 
 /* 테이블 내용 나열 폼 */
 .tbl th,
 .tbl td {vertical-align:top;}
 .tbl td .single_line::after {content:''; clear:both; display:block;}
-.tbl td .single_line ul li {float:left; position:relative; padding:0rem 1.5rem; margin:0}
+.tbl td .single_line ul li {float:left; position:relative; padding:0rem 1.5rem; margin:0;}
 .tbl td .single_line ul li::before {content:''; position:absolute; width:0.1rem; height:1.4rem; left:0rem; top:50%; transform:translateY(-50%); background:#ddd;}
-.tbl td .single_line ul li:first-child {padding-left:0}
+.tbl td .single_line ul li:first-child {padding-left:0;}
 .tbl td .single_line ul li:first-child::before {display:none;}
-.tbl td .single_line ul li > span {margin-right:0}
+.tbl td .single_line ul li > span {margin-right:0;}
 .tbl td .block_line {position:relative;}
-.tbl td .block_line ul li {margin-top:0.5rem; height:1.625em; /*line-height:1;*/}
-.tbl td .block_line ul li:first-child {margin-top:0}
+.tbl td .block_line ul li {margin-top:0.5rem; height:1.625em;}
+.tbl td .block_line ul li:first-child {margin-top:0;}
 .tbl td .block_line ul li > span {vertical-align:top;}
 .tbl td .block_line ul li .tag {margin-left:0.6rem; margin-top:0.2rem; vertical-align:top;}
 .tbl td .block_line ul li .btn.btn_sm {height:3.4rem; margin-top:-0.6rem; padding:1.0rem 1.4rem; font-size:1.4rem; font-weight:200;}
@@ -1267,7 +1148,7 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .fold_cont .img_group .thumb_pic img {position:absolute; top:50%; transform: translateY(-50%); width:100%; height: auto;}
 .fold_cont .fold_detail,
 .fold_cont .fold_answer {position:relative; padding:1.8rem 2rem;}
-.fold_cont .fold_answer {border-top:0.1rem solid #ddd }
+.fold_cont .fold_answer {border-top:0.1rem solid #ddd;}
 .fold_cont .fold_detail .btn {margin-top:2.5rem; padding:0.6rem 1.3rem; color:#222; border-color:#a1a1a1; font-size:1.2rem; font-weight:200; background:none;}
 .fold_cont .fold_detail .img_group {margin-top: 2.4rem; overflow: hidden;}
 .fold_cont .fold_answer > div {position:relative;}
@@ -1276,7 +1157,7 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .fold_answer .data{font-size:1.2rem; font-weight: 200; color:#888;}
 .fold_answer div.answer_head{color:#222; font-weight:300;}
 .fold_answer .answer_body{font-weight:200;}
-.fold_answer .answer_foot{position:relative}
+.fold_answer .answer_foot{position:relative;}
 .fold_answer .btn_delete{position:absolute; right:0; bottom:0; font-size:1.2rem; color:#777;}
 .fold_answer .btn_delete > span{position:relative; display:inline-block;}
 .fold_answer .btn_delete > span:after{display:block; content: ''; position:absolute; left:0; bottom:-0.2rem; width:100%; height:0.1rem; background-color:#777777;}
@@ -1294,7 +1175,7 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .case2 .fold_cont .fold_detail > div:before,
 .case2 .fold_cont .fold_answer > div:before{content:''; position:absolute; left:0; top:0; font-size:1.4rem; font-weight:400;}
 .case2 .fold_cont .fold_detail > div:before{content:'Q.'; color:#222222;}
-.case2 .fold_cont .fold_answer > div:before{content:'A.'; color:#fd4802}
+.case2 .fold_cont .fold_answer > div:before{content:'A.'; color:#fd4802;}
 
 /* popover style Tooltip */
 .tip_tit{background-color: transparent;border-radius: 100%;border: 0.1rem solid #888888;color: #fd4802;cursor: default;display: inline-block;font-size: 1.2rem;font-weight: 600;line-height: 1.4rem;position: relative;text-align: center;width: 1.5rem;height: 1.5rem;}
@@ -1838,9 +1719,9 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 
 .modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:1.2rem 1.6rem;border-radius:0.5rem;background-color:#222;height:2.0rem;}
 .modal-spinner>div{border-radius:10.0rem;background-color:#fff;height:2.0rem;width:0.2rem;margin:0 0.1rem;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}
-.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
-.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
-.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}
+.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
+.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s;}
+.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
 
 @-webkit-keyframes sk-stretchdelay{
   0%,40%,100%{
@@ -1863,8 +1744,8 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 
 /* 제거할 클래스 */
 .btnL{width:100%; height:4.5rem; line-height:4.5rem; font-size:1.4rem;}
-.btnM{width:100%; height:4rem; height:4rem; line-height:4rem; }
-.btnS{width:100%; height:3rem; height:3rem; line-height:3rem; }
+.btnM{width:100%; height:4rem; height:4rem; line-height:4rem;}
+.btnS{width:100%; height:3rem; height:3rem; line-height:3rem;}
 
 /* .inner, .inner.bg_gray 등을 응용 */
 .blockLyout{background-color:#f5f5f5;}
@@ -1880,10 +1761,10 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .bgC3{background-color:#dddddd!important;}
 .bgC4{background-color:#fff6f2!important;}
 .bgC5{background-color:#f5f5f5!important;}
-.bgC6{background-color:#f1f1f1!important;} /* <----풋터색상*/
+.bgC6{background-color:#f1f1f1!important;} /* footer */
 
 
-/* 사용금지 */
+/* 사용금지, 비상용 */
 .mgc {margin:0 auto;}
 .mt0 {margin-top:0 !important;}
 .ml0 {margin-left:0 !important;}
@@ -1956,10 +1837,6 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 }
 .shape span{
   color: #ffffff;text-align: center;text-indent: 1.0rem;font-size: 1.1rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 4.0rem;z-index: 2;
-  /* line-height: 1; */
-  /* letter-spacing: -25em; */
-  /* display: -webkit-box; */
-  /* z-index: 99999; */
 }
 .shape.dealdetail{
   width: 100%;max-width: 4.0rem;
@@ -2083,7 +1960,7 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .app-only .guidance p.tit + p.date + p {font-size:1.1rem;}
 .app-only .guidance p:first-child {padding-top: 2.0rem;}
 .app-only .guidance p:last-child {padding-bottom: 2.0rem;}
-.app-only .guidance p:first-child:nth-last-child(1) { padding-top: 0;padding-bottom: 0; }
+.app-only .guidance p:first-child:nth-last-child(1) { padding-top: 0;padding-bottom: 0;}
 .app-only .guidance.ontoast {animation: onpop 6s .2s forwards; -webkit-animation: onpop 6s .2s forwards;}
 @keyframes onpop {
 	0% {bottom:0rem; opacity:1; z-index:99999;}
@@ -2104,7 +1981,7 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .guidance p.tit + p.date + p {font-size:1.1rem;}
 .guidance p:first-child {padding-top: 2.0rem;}
 .guidance p:last-child {padding-bottom: 2.0rem;}
-.guidance p:first-child:nth-last-child(1) { padding-top: 0;padding-bottom: 0; }
+.guidance p:first-child:nth-last-child(1) { padding-top: 0;padding-bottom: 0;}
 .guidance.ontoast {animation: onpop 6s .2s forwards; -webkit-animation: onpop 6s .2s forwards;}
 @keyframes onpop {
 	0% {bottom:0rem; opacity:1; z-index:99999;}

src/main/webapp/ux/mo/js/common_m.js

@@ -10,33 +10,26 @@ window.addEventListener('load', function(){
   
 
 $(document).ready(function() {
-
         // 웹페이지가 브라우징된 후 주소창 제거
         window.addEventListener("load", function () {
             setTimeout(scrollTo, 0, 0, 1);
         }, false);
-
-
-
         //210608_히스토리백 스크립트
         $(".btn_back").on("click", function () {
             history.back();
         });
-
         //1.쿠키세팅
         function setCookie(cookieName, value, exdays){
             var exdate = new Date();
             exdate.setDate(exdate.getDate() + exdays);
             var cookieValue = escape(value) + ((exdays==null) ? "" : "; expires=" + exdate.toGMTString());
             document.cookie = cookieName + "=" + cookieValue;
-        }
-        
+        }        
         function deleteCookie(cookieName){
             var expireDate = new Date();
             expireDate.setDate(expireDate.getDate() - 1);
             document.cookie = cookieName + "= " + "; expires=" + expireDate.toGMTString();
-        }
-        
+        }        
         function getCookie(cookieName) {
             cookieName = cookieName + '=';
             var cookieData = document.cookie;
@@ -50,25 +43,18 @@ $(document).ready(function() {
             }
             return unescape(cookieValue);
         }
-
         //2. 쿠키설정
         var category = getCookie("category"); //setCookie("category")로 세팅한 category 변수 명
         var scrollPoint = getCookie("scrollPoint"); //setCookie("scrollPoint")로 세팅한 스크롤 위치
         var currentCategory = "mainScrollPoint"; //이벤트 발생 후 새로 로드된 현재 페이지의 카테고리 지정
-
         //3.스크롤 값 가져오기
         $('a').on("click", function(){
-                //스크롤 위치 저장 - a태그 href에 'html' 문자열이 있는 경우
-                //if($(this).hasAttribute('class') === true){
-                //    console.log("bvb");
-                //}
                 if($(this).attr('href').indexOf('html') !== -1){
                     var scrollPoint = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;
                     setCookie("category", "mainScrollPoint"); // 쿠키에서 사용할 category에 사용자 정의 카테고리명 세팅
                     setCookie("scrollPoint", scrollPoint); // 쿠키에 스크롤 위치 세팅
                }
         });
-
         //4. 뒤로가기 시 이전페이지 스크롤 이동
         window.onpageshow = function(event) {
             if ( event.persisted || (window.performance && window.performance.navigation.type == 2)) {
@@ -82,8 +68,6 @@ $(document).ready(function() {
             }
         };
 
-
-
         // goTop, header (스크롤 인식)
         $(".btn_top").click(function () {
             $("html, body").animate({
@@ -92,14 +76,6 @@ $(document).ready(function() {
         });
 
         $(window).scroll(function (event) {
-
-            // header height 가 아닌, 스크롤 감지로 변경할 것
-            //if ($(window).scrollTop() > $("header").height()) {
-            //    $(".tabbar").removeClass('fixed');
-            //} else {
-            //    $(".tabbar").addClass('fixed');
-            //}
-
             if ($(window).scrollTop() > $("header").height()) {
                 $(".btn_top").animate({
                     "opacity": 1
@@ -107,13 +83,6 @@ $(document).ready(function() {
                 $("footer .btn_back").animate({
                     "opacity": 1
                 }, 50);
-                
-                // 210521_ 위치고정으로 변경
-                // if ( $(window).scrollTop() > ($("footer").position().top - $("footer").height() )) {
-                //     $(".btn_top").css("bottom", ($("footer").height() + 20) + "px");
-                // } else {
-                //     $(".btn_top").css("bottom", "60px");
-                // }
             } else {
                 $(".btn_top").animate({
                     "opacity": 0
@@ -122,41 +91,9 @@ $(document).ready(function() {
                     "opacity": 0
                 }, 50);
             }
-
-            // 210409_스크롤시 헤더 백그라운드 흰색
-            //var st = $(this).scrollTop();
-            //if($('header').hasClass("main") !== true){
-            //    if (st > lastScrollTop){
-            //        $(".app .gnb").css("position", "fixed");
-            //        $(".htop").css("background", "#fff");
-            //        $(".app .gnb .btn-expand").css("position", "fixed");
-            //        $(".tabbar").removeClass("fixed");
-            //    } else {
-            //        $(".app .gnb").css("position", "fixed");
-            //        $(".htop").css("background", "#fff");
-            //        $(".app .gnb .btn-expand").css("position", "fixed");
-            //        $(".tabbar").addClass("fixed");
-            //        setTimeout(function(){
-            //            if($(window).scrollTop() === 0){
-            //                $(".app .gnb").css("position", "relative");
-            //                $(".app .gnb .btn-expand").css("position", "absolute");
-            //            }
-            //        },300)
-            //    }
-            //    if(st < 10) {
-            //        $(".htop").css("background", "transparent");
-            //    }
-            //    lastScrollTop = st;
-            //}
-            
-
-            //var posiGap = $(window).scrollTop();
-            //console.log(posiGap);
-
         });
 
-        // items like on/off
-       
+        // items like on/off       
         $(document).on('click','.itemLike',function(){
             $(this).toggleClass("likeit");
         });
@@ -169,10 +106,6 @@ $(document).ready(function() {
 2. Utility (유틸리티)
 
 * * * * * * * * * * * * * * * * * * * * * */
-
-
-
-
     // FORM
     // input-File-Add
     $(document).ready(function() {
@@ -211,7 +144,6 @@ $(document).ready(function() {
                     var imgFiles=$('.imgUpload .pics');
 
                     if (imgFiles.length >= maxFileLength-1) {
-                        //mcxDialog.alert('이미지는 최대' + maxFileLength +'장 까지 첨부 가능합니다.'); //210507_삭제
                         $('#fileAdd').attr("disabled",true);
                         cmtLa.css('display', 'none');
                         cmtIn.css('display', 'none');
@@ -256,7 +188,6 @@ $(document).ready(function() {
                         var imgFiles=$('.imgUpload .pics');
                         
                         if (imgFiles.length >= maxFileLength-1) {
-                            //mcxDialog.alert('이미지는 최대' + maxFileLength +'장 까지 첨부 가능합니다.'); //210507_삭제
                             $('#fileAdds').attr("disabled",true);
                             cmtLa.css('display', 'none');
                         } else if(imgFiles.length < maxFileLength){
@@ -275,8 +206,7 @@ $(document).ready(function() {
             $chkAll.change(function () {
                 var checked = $(this).prop('checked'); 
                 $('input[name="dd"]').prop('checked', checked);
-            });
-            
+            });            
         var ddChk = $('input[name="dd"]');
             ddChk.change(function () {
                 var ddChkLength = ddChk.length;
@@ -321,7 +251,6 @@ function sCombo(selector){
 	sCombo.prototype.listSelect = function($target){
 		$target.addClass('selected').siblings('li').removeClass('selected');
 		this.$selectBox.removeClass('on');
-		//this.$select.text($target.text());
 		this.$select.html($target.html());
 		this.$list.css('display', 'none');
 	}
@@ -335,8 +264,6 @@ function sCombo(selector){
 	this.initEvent();
 };
 
-
-
 // selectBrand on/off
 $( document ).ready( function() {
 	$("#selectBrand .brandbox input").on("click", function() {
@@ -345,9 +272,6 @@ $( document ).ready( function() {
 	});
 });
 
-
-
-
 /* alert */
         $(function(){
             $('.alertCls').click(function(){
@@ -361,8 +285,6 @@ $( document ).ready( function() {
         });
 
 
-
-
 /* * * * * * * * * * * * * * * * * * * * * * * 
 
 2. Page Setting    (페이지세팅)
@@ -374,14 +296,11 @@ $(document).ready(function () {
         $(window).scroll(function (event) {
             //경우1 : only htopMain
             if($('section').is('#htopMain') === true && $('div').is('#gnb') === false){
-                console.log("vvvv");
                 var commonSt = $(this).scrollTop();
-                //스크롤 올릴때
                 if (commonSt > lastScrollTop) {
                     $("header").css('display', 'none');
                     $("header").css('position', 'fixed');
                     $(".tabbar").removeClass("fixed");
-                //스크롤 내릴때
                 } else {
                     $("header").css('display', 'block');
                     $("header").css('position', 'fixed');
@@ -390,9 +309,7 @@ $(document).ready(function () {
                 lastScrollTop = commonSt;
             //경우2 : htopMian + gnb
             } else if($('section').is('#htopMain') === true && $('div').is('#gnb') === true) {
-                console.log("bvbb");
                 var commonSt = $(this).scrollTop();
-                //스크롤 올릴때
                 if (commonSt > lastScrollTop) {
                     $("header").css('display', 'none');
                     $("header").css('position', 'fixed');
@@ -401,7 +318,6 @@ $(document).ready(function () {
                     $("#gnb").css('top', '0');
                     $(".tabbar").removeClass("fixed");
                     $("section.content, section.main, .bnrtype_banner").addClass('scr');
-                //스크롤 내릴때
                 } else {
                     $("header").css('display', 'block');
                     $("header").css('position', 'fixed');
@@ -426,10 +342,8 @@ $(document).ready(function () {
                 var commonSt = $(this).scrollTop();
                 $("header").css('display', 'block');
                 $("header").css('position', 'fixed');
-                //스크롤 올릴때
                 if (commonSt > lastScrollTop) {
                     $(".tabbar").removeClass("fixed");
-                //스크롤 내릴때
                 } else {
                     $(".tabbar").addClass("fixed");
                 }
@@ -438,7 +352,6 @@ $(document).ready(function () {
                 }
                 lastScrollTop = commonSt;
             }
-
             //210701_ 추가 : 전시 리스트 일정 스크롤 이동시, 분류 고정.
             if($(".dp .dp_list .list_content").length){
                 var winScrollTop= $(window).scrollTop();
@@ -452,13 +365,11 @@ $(document).ready(function () {
                 }
             }
         })
-        //210525_초기화 시 top:0 이동
         window.onload = function() {
             setTimeout (function () {
                 scrollTo(0,0);
             },1);
         }
-
         // GNB
         $(".btn_gnb").on("click", function () {
             $(this).toggleClass("on");
@@ -471,7 +382,6 @@ $(document).ready(function () {
             $(".hmenus").toggleClass("on");
             $("body").toggleClass("gnb_on");
         });
-
         $(".gnb .d1 > .folder > a").on("click", function () {
             var d2_H = $(this).siblings(".d2").children("li").length * 39;
 
@@ -556,35 +466,6 @@ $(document).ready(function () {
                     return '<i class="' + className + '"> 0' + (index + 1) + '</i>';
                 },
             },
-            /*
-            navigation: {
-                nextEl: ".swiper-button-next",
-                prevEl: ".swiper-button-prev",
-            },
-            on: {
-                slideChangeTransitionEnd: function() {
-                    var slideIndex = this.activeIndex;
-                    var slidesLen = this.slides.length - 2;
-                    var nextIndex, prevIndex;
-
-                    // console.log(slideIndex, slidesLen);
-
-                    if ( (slideIndex == 1) || (slideIndex == (slidesLen+1)) )  {
-                        nextIndex = 2;
-                        prevIndex = slidesLen;
-                    } else if (slideIndex == slidesLen) {
-                        nextIndex = 1;
-                        prevIndex = slidesLen-1;
-                    } else {
-                        nextIndex = slideIndex+1;
-                        prevIndex = slideIndex-1;
-                    }
-                    
-                    $(".swiper-button-next").css("background-image", "url('./images/bg_me1_0"+ nextIndex +".jpg')");
-                    $(".swiper-button-prev").css("background-image", "url('./images/bg_me1_0"+ prevIndex +".jpg')");
-                }
-            }
-            */
         });
 
         $(".swiper-button-pause").click(function () {
@@ -597,32 +478,6 @@ $(document).ready(function () {
             $(this).hide();
             $(this).siblings(".swiper-button-pause").show();
         });
-
-        var swiper_m2 = new Swiper(".m2 .slide", {
-            loop: false,
-            slidesPerView: "auto",
-            centeredSlides: true,
-            spaceBetween: 20,
-        });
-        var swiper_m3Nav = new Swiper(".m3 .snb", {
-            slidesPerView: 3,
-        });
-        var swiper_m3 = new Swiper(".m3 .slide", {
-            loop: true,
-            thumbs: {
-                swiper: swiper_m3Nav,
-            },
-        });
-        var swiper_m4 = new Swiper(".m4 .slide", {
-            loop: false,
-            slidesPerView: "auto",
-            centeredSlides: true,
-            spaceBetween: 20,
-            pagination: {
-                el: ".swiper-pagination-m4",
-                type: "progressbar",
-            },
-        });
         // slide sub
         var swiper_lnbNav = new Swiper(".lnb", {
             slidesPerView: "auto",
@@ -711,8 +566,6 @@ $(document).ready(function () {
         // toggleBox (윤리경영)
         $(".list_cate > li dl dt > button").on("click", function () {
             var li = $(this).parent().parent().parent("li").index();
-            // var liPos = ($(this).parent().parent().parent().parent().position().top) + 110 + ($(this).parent().height() * li);
-
             if ($(this).parent().parent().parent("li").hasClass("on")) {
                 $(this).parent().parent().parent("li").removeClass("on");
                 $(this).parent().parent().parent().parent().siblings(".cate").children("li").eq(li).find("button").removeClass("on");
@@ -721,32 +574,14 @@ $(document).ready(function () {
                 $(this).parent().parent().parent("li").addClass("on");
                 $(this).parent().parent().parent().parent().siblings(".cate").children("li").find("button").removeClass("on");
                 $(this).parent().parent().parent().parent().siblings(".cate").children("li").eq(li).find("button").addClass("on");
-
-                // $("html, body").animate({
-                //     "scrollTop": liPos
-                // }, 300);
             }
         });
-
-        // $(".c5 .cate button").on("click", function () {
-        //     var li = $(this).parent("li").index();
-        //     var liPos = ($(this).parent().parent().siblings(".list_cate").position().top) + 110 + ($(this).parent().parent().siblings(".list_cate").find("dt").height() * li);
-        //     $(this).parent().siblings().find("button").removeClass("on");
-        //     $(this).addClass("on");
-        //     $(this).parent().parent().siblings(".list_cate").find("li").removeClass("on");
-        //     $(this).parent().parent().siblings(".list_cate").children("li").eq(li).addClass("on");
-        //     $("html, body").animate({
-        //         "scrollTop": liPos
-        //     }, 300);
-        // });
-
         // media play
         $(".btn_play").on("click", function(e) {
             e.stopPropagation();
         });
 
-        // =============구매하기팝업========================================================
-
+        // 구매하기팝업
         // pop open
         function popOpenScroll(){
             $('html, body').css({'overflow': 'hidden', 'height': '100%'}); 
@@ -761,8 +596,7 @@ $(document).ready(function () {
             $('html, body').css({'overflow': 'auto', 'height': '100%'}); //n 해제
             $('#element').off('scroll touchmove mousewheel'); // 터치무브, 휠 스크롤 가능
             return false;
-        }
-        
+        }        
         // popup (media)
         $(".btn_popOpen").on("click", function(e) {
             popOpenScroll();
@@ -776,7 +610,6 @@ $(document).ready(function () {
             return false;
         });
 
-        // jk
         $(".btn_popOpen_mov, .btn_popOpen_mov .btn_play").on("click", function(e) {
             $(".me1_popMov").fadeIn();
             return false;
@@ -786,30 +619,9 @@ $(document).ready(function () {
             return false;
         });
 
-
-    // bottom pop (개선중)
-    //var appCall = document.getElementsByClassName('app'); // 디바이스 app 호출
-    //console.log(appCall);
-
     var appHeight = document.documentElement.clientHeight; // 디바이스의 클라이언트 높이값
-    //console.log('★ 디바이스의 클라이언트 높이값 : ' + appHeight); 
-
-    //var bodyCall = document.getElementsByClassName('btPop_body'); // btPop_body 호출
-    //console.log(bodyCall); 
-
-    // let mememe = document.querySelector('.btPop'); 
     let headresult = document.querySelector('.btPop_head');
     let result = document.querySelector('.btPop_body');
-    // console.log('btPop : '+mememe.offsetHeight);
-    //console.log('★ 헤더 높이 : ' + headresult.offsetHeight);
-    //console.log('★ 바디 높이 : ' + result.offsetHeight);
-    //
-    //let calll = result.offsetHeight + result.offsetHeight;
-    //console.log('★ 헤더+바디 : ' + calll);
-
-    //let pxtop = appHeight - calll;
-    //console.log('★ 디바이스-(헤더+바디) : ' + pxtop);
-
         // btPop_full
         $('.btPop_full_click').click(function(){
             popOpenScroll();
@@ -822,7 +634,6 @@ $(document).ready(function () {
             $('.container').removeClass('btPop_full_open');
             return false;
         });
-
         // btPopAuto
         $('.btPop_close').click(function(){
             popClsScroll();
@@ -843,51 +654,18 @@ $(document).ready(function () {
             },2000);
             return false;
         });
-
-        // btPopAuto
-        //$('.btPopClose').click(function(){
-        //    popClsScroll2();
-        //    $('.container').removeClass('btPop_open');
-        //    autome.style.top  = 100 + "%";
-        //    return false;
-        //});
-
         let autome = document.querySelector('.btPopAuto'); 
-        //let headsize = this.querySelector('.btPopAuto .btPopAuto_head');
-        //let bodysize = this.querySelector('.btPopAuto .btPopAuto_body');
-        //console.log('★ btPop_auto헤더 높이 : ' + headsize.offsetHeight);
-        //console.log('★ btPop_auto바디 높이 : ' + bodysize.clientHeight);
-
-        //let autotop = appHeight - (headsize.offsetHeight + bodysize.offsetHeight);
-        //console.log('★ btPopAuto전체 높이 - 컨텐츠 높이 : ' + autotop);
-        //console.log('★ btPopAuto전체 높이 - 컨텐츠 높이 /10 : ' + autotop /10);
-
         $('.btPop_auto').click(function(){
             popOpenScroll();
             $('.container').addClass('btPop_open');
-            // autome.style.top  = autotop /10 + "vh";
-            // 210524 _ 임시 제거
-            // if (autotop > 251) {
-            //     autome.style.top = 25.0 + "vh";
-            // }else{
-            //     autome.style.top  = pxtop/10 + "vh";
-            // }
             return false;
         });
 
         // 210405_사이즈 선택시 구매하기 팝업 추가
         $('.opt_size .form_field div input').click(function(){
             popOpenScroll();
-            //$('.btPop_body .lap span').css('color', 'red')
-            //console.log($(this)[0]);
             console.log();
             $('.container').addClass('btPop_open');
-            // autome.style.top  = autotop /10 + "vh";
-            //if (autotop > 251) {
-            //    autome.style.top = 25.0 + "vh";
-            //}else{
-            //    autome.style.top  = pxtop/10 + "vh";
-            //}
             return false;
         });
 
@@ -895,11 +673,10 @@ $(document).ready(function () {
         
 
 
-/* ================================================== JS branch JS ========================================================*/
+/* branch */
 $( document ).ready( function() {
 
     /* 주문결제_Header Style */
-    // var odPage = document.getElementsByClassName('od');
     if($('main').children("section").hasClass("shopping_bag")){
         $('.htop .home').css({"display": "inline-block"});
         $('.htop .search').css({"display": "none"});
@@ -995,25 +772,6 @@ $( document ).ready( function() {
             return false;
         });
 
-       
-
-        //210510_삭제
-        // $(document).on('click','.popup_box .button_list button',function(){
-        //     $(this).parents('.popup_box').hide().removeClass('active');
-        //     $("body").css({"overflow":"visible"});
-        // })
-
-        //$(window).on('scroll',function(e){
-        //    var wheel = e.originalEvent.wheelDelta;
-        //    if(wheel>0){
-        //    $("header").css('display', 'block');
-        //    $("header").css('position', 'fixed');
-        //    } else {
-        //    $("header").css('display', 'none');
-        //    $("header").css('position', 'fixed');
-        //    }
-        //});
-
         //210604_하단 고정버튼 있을 시 tabbar 제거
         if($('div').hasClass('product_floormenu') || $('div').hasClass('cs_contactUs_my_footer') || $('div').hasClass('od_calc_wrap')){
             $('.tabbar').css('display', 'none');

src/main/webapp/ux/mo/js/main_m.js

@@ -34,22 +34,9 @@ function tab_event() {
     schTab[i].addEventListener("click", sch_tab);
   }
 }
-
 tab_event();
 
-
-// 5초간 동작 없을 시 top으로 이동
 $(document).ready(function () {
-  //var time;
-  //$(document).bind('touchstart', function (e) {
-  //  clearInterval(time);
-  //  e.stopPropagation();
-  //})
-  //$(document).bind('touchend', function (e) {
-  //  time = setInterval(function () {
-  //    $('html, body').animate({scrollTop : 0}, 400);
-  //  }, 5000000);
-  //})
   //최신상품순(팝업)을 눌렀을 때 top으로 이동하는 기능 제거
   $(".select_dress").bind('touchend', function (e) {
     setTimeout(function(){

src/main/webapp/ux/pc/css/common.css

@@ -88,11 +88,9 @@ small, .small {font-size: 85%;}
 
 
 /* font color */
-i {font-family:'LATO', 'Noto Sans kr', sans-serif !important; letter-spacing:0}
+i {font-family:'LATO', 'Noto Sans kr', sans-serif !important; letter-spacing:0;}
 .base i {position:relative; top:1px;}
 i.big {font-size:18px; position:relative; top:2px;}
-/*.bold {font-weight:bold;}*/
-/*.normal {font-weight:normal;}*/
 .bold {font-weight:500;} /* 중복확인 */
 .normal {font-weight:300;} /* 중복확인 */
 .light {font-weight:200;} /* 중복확인 */
@@ -117,9 +115,9 @@ i.big {font-size:18px; position:relative; top:2px;}
 .c_ygreen{color:#5fc332 !important;}
 .f_size14{font-size:14px;}
 .f_size13{font-size:13px;}
-.f_size12{font-size:12px; }
+.f_size12{font-size:12px;}
 .f_size10{font-size:10px;}
-.f_normal {font-weight:normal}
+.f_normal {font-weight:normal;}
 
 
 /* background color */
@@ -128,7 +126,7 @@ i.big {font-size:18px; position:relative; top:2px;}
   fb: 폰트블랙 - 222222, 
   fw, 기본 : 폰트화이트 - ffffff
 */
-.bk01_fb,.bk01_fw,.bk01{background-color:#2b62c2 !important}
+.bk01_fb,.bk01_fw,.bk01{background-color:#2b62c2 !important;}
 .bk02_fb,.bk02_fw,.bk02{background-color:#bd484a !important;}
 .bk03_fb,.bk03_fw,.bk03{background-color:#ffffff !important;}
 .bk04_fb,.bk04_fw,.bk04{background-color:#f09614 !important;}
@@ -145,7 +143,6 @@ i.big {font-size:18px; position:relative; top:2px;}
 [class*="bk"] .util_group span::after{background: #ffffff !important;}
 [class*="_fb"] p,[class*="_fb"] a, [class*="_fb"] input::placeholder{color:#222222 !important;}
 [class*="_fb"] .util_group span::after{background: #222222 !important;}
-/* [class*="bk"] .brand_visual::after{} */
 
 .section {position:relative;}
 
@@ -173,24 +170,24 @@ section::after, .ui_row::after, .btn_group_block::after{content: '';display: blo
     }
 }
 @media (min-width: 320px){
-  .ui_col_1{width:8.33333333%}
-  .ui_col_2{width:16.66666667%}
-  .ui_col_3{width:25%}
-  .ui_col_4{width:33.33333333%}
-  .ui_col_5{width:41.66666667%}
-  .ui_col_6{width:50%}
-  .ui_col_7{width:58.33333333%}
-  .ui_col_8{width:66.66666667%}
-  .ui_col_9{width:75%}
-  .ui_col_10{width:83.33333333%}
-  .ui_col_11{width:91.66666667%}
-  .ui_col_12{width:100%}
+  .ui_col_1{width:8.33333333%;}
+  .ui_col_2{width:16.66666667%;}
+  .ui_col_3{width:25%;}
+  .ui_col_4{width:33.33333333%;}
+  .ui_col_5{width:41.66666667%;}
+  .ui_col_6{width:50%;}
+  .ui_col_7{width:58.33333333%;}
+  .ui_col_8{width:66.66666667%;}
+  .ui_col_9{width:75%;}
+  .ui_col_10{width:83.33333333%;}
+  .ui_col_11{width:91.66666667%;}
+  .ui_col_12{width:100%;}
 }
 
 
 /* textarea */
-textarea {background-color:transparent; border:1px solid #d7d7d7; width:99%; overflow-y:auto}
-.textarea_full {width:832px; padding:10px}
+textarea {background-color:transparent; border:1px solid #d7d7d7; width:99%; overflow-y:auto;}
+.textarea_full {width:832px; padding:10px;}
 .textarea_md {width:656px; width: 30%; height:108px; padding:10px; line-height:18px;}
 .textarea_sm {width:360px; width: 18%; padding:10px;}
 .txt_cnt {text-align:right; margin-top: 10px;}
@@ -311,10 +308,6 @@ textarea {background-color:transparent; border:1px solid #d7d7d7; width:99%; ove
 .btn_dark {color: #ffffff;background-color: #222222;border-color: #222222;}
 .btn_primary {color: #ffffff;background-color: #fd4802;border-color: #fd4802;}
 .btn_primary_line {color: #fd4802;background-color: #ffff;border-color: #fd4802;}
-/* .btn_success {color: #ffffff;background-color: #95b75d;border-color: #95b75d;} */
-/* .btn_info {color: #ffffff;background-color: #50cff5;border-color: #35c1ea;} */
-/* .btn_warning {color: #ffffff;background-color: #fe970a;border-color: #fe970a;} */
-/* .btn_danger {color: #ffffff;background-color: #E04B4A;border-color: #E04B4A;} */
 .btn_link {color: #428bca;border-radius: 0;font-weight: 400;}
 .btn_underline {display:inline-block; border-bottom:1px solid #222; color:#222; font-size:14px; line-height:1 !important;}
 
@@ -387,8 +380,6 @@ background-color: #fe970a;border-color: #fe970a;color:#ffffff;
   border-bottom:1px solid #0b596b; display:inline-block;
   font-size:11px; line-height:14px; text-indent:0; color:#0b596b !important;
   padding-right:10px; margin-top:2px; margin-left:10px;
-  /* 아이콘 이미지 넣을것 */
-  /* background:url(/images/pc/icon/ico_arrow.gif) no-repeat right 3px; */
 }
 
 
@@ -400,9 +391,9 @@ background-color: #fe970a;border-color: #fe970a;color:#ffffff;
 [class^="ico_"]:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
 [class^="ico_content_"]::before {content:''; display:block;} 
 
-.ico_logo:before {content: ""; display:block; width:184px; height:28px; background-image: url('/images/pc/logo_STYLE24.png'); }
-.ico_logo_ft:before {content: ""; display:block; width:150px; height:23px; background-image: url('/images/pc/logo_STYLE24_footer.png'); }
-.ico_search:before {content: ""; display: inline-block; width:22px; height:26px; background-image: url('/images/pc/ico_sch.png'); }
+.ico_logo:before {content: ""; display:block; width:184px; height:28px; background-image: url('/images/pc/logo_STYLE24.png');}
+.ico_logo_ft:before {content: ""; display:block; width:150px; height:23px; background-image: url('/images/pc/logo_STYLE24_footer.png');}
+.ico_search:before {content: ""; display: inline-block; width:22px; height:26px; background-image: url('/images/pc/ico_sch.png');}
 .ico_bag:before {content: ""; display: inline-block; width:22px; height:26px; background-image: url('/images/pc/ico_bag.png');}
 .ico_content_order::before {width:40px; height: 46px; background: url('/images/pc/ico_content_order.png') no-repeat 50% 50%;} 
 .ico_content_find::before {width:36px; height: 46px; background: url('/images/pc/ico_content_find.png') no-repeat 50% 50%;} 
@@ -443,7 +434,6 @@ background-color: #fe970a;border-color: #fe970a;color:#ffffff;
 /* btn linktext */
 a[class*="link"]::after, .btn_link span::after {
 content: "〉";font-size: 12px;padding-left: 8px;
-  /* background:url(/images/pc/icon/ico_arrow.gif) no-repeat right 3px; */
 }
 .npay_button a[class*="link"]::after, .npay_button .btn_link span::after {content: "";}
 .btn_link, .btn_link:hover, .btn_link:focus, .btn_link:active {border-color: transparent;}
@@ -462,26 +452,18 @@ content: "〉";font-size: 12px;padding-left: 8px;
 
 /* button group  */
 .btn_wrap {width: 100%;margin: 10px 0;}
-.btn_group {}
-
 .btn_group, .btn_group_vertical {position: relative;display: inline-block;vertical-align: middle;}
 .btn_group>.btn, .btn_group-vertical>.btn {float: left;position: relative;}
 .btn_group .btn+.btn, .btn_group .btn+.btn_group, 
-.btn_group .btn_group+.btn, .btn_group .btn_group+.btn_group {
-  margin-left: -1px;
-}
+.btn_group .btn_group+.btn, .btn_group .btn_group+.btn_group {margin-left: -1px;}
 .btn_group_block {float: left;width: 100%;}
 .btn_group_block::after {content:''; clear:both; display:block;}
-.btn_group_block > * {}
-.btn_group_block [class^='ui_col_']{}
 .btn_block {display: block;width: 100%;}
 
 .btn_group>.btn:hover, .btn_group-vertical>.btn:hover, 
 .btn_group>.btn:focus, .btn_group-vertical>.btn:focus, 
 .btn_group>.btn:active, .btn_group-vertical>.btn:active, 
-.btn_group>.btn.active, .btn_group-vertical>.btn.active{
-  z-index: 2;
-}
+.btn_group>.btn.active, .btn_group-vertical>.btn.active{z-index: 2;}
 
 /* toggle - Share */
 .shareSet {position: absolute; width:28px; height: 30px; top:0; right:70px; background: url(/images/pc/ico_sns_share.png)no-repeat;}
@@ -518,9 +500,7 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .btn_group>.btn:first-child:not(:last-child):not(.tgl_dropdown) {border-top-right-radius: 0;border-bottom-right-radius: 0;}
 .btn_group>.btn:last-child:not(:first-child), 
 .btn_group>.tgl_dropdown:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}
-  /*
-  .open>.dropdown_menu {display: block;}
-  */
+
 .dropdown_menu {
   position: absolute;
   top: 100%;
@@ -549,25 +529,6 @@ content: "〉";font-size: 12px;padding-left: 8px;
   -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
   box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
 }
-/* 삼각말풍선 */
-/*
-.dropdown_menu:after, .dropdown_menu:before {
-  bottom: 100%;
-  left: 50%;
-  border: solid transparent;
-  content: " ";
-  height: 0;
-  width: 0;
-  position: absolute;
-  pointer-events: none;
-}
-.dropdown_menu:before {
-  border-color: rgba(229, 229, 229, 0);
-  border-bottom-color: #E5E5E5;
-  border-width: 6px;
-  margin-left: -6px;
-}
-*/
 .dropdown_header {
   display: block;
   font-size: 12px;
@@ -662,9 +623,8 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .pageNav .next a {width: 8px; height: 34px; background-position: -47px 11px;}
 .pageNav > li.active > a {color: #fd4802;}
 .pageNav > li.active > a::after {content: ''; display: block; width: 100%; height: 2px; background: #fd4802; position: absolute; left: 0px; bottom: 5px; top: auto; right: auto;}
-.pageNav a:hover, .pageNav span:hover {/* 디자인 없음 *//* color: #ffffff; background-color: #fd4802; border-color: #fd4802; */}
 .pageNav > .active > a:hover, .pageNav > .active > span:hover,
-.pageNav > .active > a:focus, .pageNav > .active > span:focus {cursor: default; /* 디자인없음 */ /*z-index: 2; color: #ffffff; background-color: #fd4802; border-color: #fd4802;*/}
+.pageNav > .active > a:focus, .pageNav > .active > span:focus {cursor: default;}
 .pageNav > .disabled > span, .pageNav > .disabled > span:hover, .pageNav > .disabled > span:focus, 
 .pageNav > .disabled > a, 
 .pageNav > .disabled > a:hover, 
@@ -685,7 +645,7 @@ content: "〉";font-size: 12px;padding-left: 8px;
 
 .foldGroup .fold_head {position: relative; width:100%; border-bottom: 0;}
 .fold_head {padding: 0px; border-bottom: 1px solid transparent;}
-.fold_head::after {content: ''; position: absolute; display: inline-block; top: 50%; left: auto; right:40px; transform: translateY(-50%);  width: 20px; height: 11px; background: url('/images/pc/ico_fold_arrow1.png'); background-repeat: no-repeat; background-position: 0 100%; }
+.fold_head::after {content: ''; position: absolute; display: inline-block; top: 50%; left: auto; right:40px; transform: translateY(-50%);  width: 20px; height: 11px; background: url('/images/pc/ico_fold_arrow1.png'); background-repeat: no-repeat; background-position: 0 100%;}
 .fold_head.on::after {background-repeat: no-repeat; background-position: 0 0%;}
 .fold_head .data {position:absolute; top:50%; transform: translateY(-50%); left:auto; right:80px; font-size:16px; font-weight:300; z-index:2;}
 .foldGroup .fold_head a {display:block; width:inherit; height:100%; padding: 35px 0;}
@@ -696,8 +656,8 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .fold_head .fold_state {width:170px; box-sizing: border-box; text-align: center; font-weight: 300; color:#888; line-height:1;}
 .fold_head .fold_state .important {display:inline-block; position:relative; background-color: #fd4802; color:#fff; font-size:11px; font-weight:300;line-height:22px; width: 55px; height: 22px;}
 .fold_head .fold_state.fix {color:#222;}
-.fold_head .fold_state.done {color:#222}
-.fold_head .fold_state.doing {color:#888}
+.fold_head .fold_state.done {color:#222;}
+.fold_head .fold_state.doing {color:#888;}
 .fold_head .fold_category {width:100px; font-weight:200; text-align:center; color:#888;}
 
 .foldGroup .fold_cont {padding: 0; position: relative; color:#666; font-weight:200; font-size:16px; line-height:1.625;}
@@ -706,7 +666,7 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .fold_cont .img_group .thumb_pic img {position:absolute; top:50%; transform: translateY(-50%); width:100%; height: auto;}
 .fold_cont .fold_detail,
 .fold_cont .fold_answer {position:relative; padding:35px 30px;}
-.fold_cont .fold_answer {border-top:1px solid #ddd }
+.fold_cont .fold_answer {border-top:1px solid #ddd;}
 .fold_cont .fold_detail .btn {margin-top:25px; padding:6px 13px; color:#222; border-color:#a1a1a1; font-size:14px; font-weight:200; background:none;}
 .fold_cont .fold_detail .img_group {margin-top: 24px; overflow: hidden;}
 .fold_cont .fold_detail img,
@@ -714,9 +674,6 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .fold_cont .fold_answer > div {position:relative;}
 .fold_cont .fold_answer div:first-of-type::before{content: 'A'; display: inline-block; position: absolute; top:0px; bottom: auto; left:-35px; right: auto; width: 26px; height: 26px; border-radius: 100%; background: #fd4800; color: #ffffff; font-size: 14px; text-align: center; line-height:26px; font-weight:400;}
 
-.foldGroup.case1,
-.foldGroup.case2{}
-
 .case1 .fold_head.on,
 .case2 .fold_head.on{background:#f5f5f5;}
 .case1 .fold_head .data,
@@ -727,9 +684,9 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .case1 .fold_head .fold_tit span,
 .case2 .fold_head .fold_tit span{font-size:16px; width:790px;}
 .case1 .fold_head .fold_tit span.prod,
-.case2 .fold_head .fold_tit span.prod{margin-bottom:15px; margin-left:-35px; font-size:14px; font-weight:200; color: #888; line-height:1; }
+.case2 .fold_head .fold_tit span.prod{margin-bottom:15px; margin-left:-35px; font-size:14px; font-weight:200; color: #888; line-height:1;}
 .case2 .fold_head .fold_tit span.prod {margin-left:0;}
-.case2 .fold_head .fold_state {width:150px}
+.case2 .fold_head .fold_state {width:150px;}
 
 .case1 .fold_cont .data,
 .case2 .fold_cont .data{position:absolute; top:35px; left:auto; right:100px; font-size:16px; font-weight:200; z-index:2;}
@@ -769,7 +726,6 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .itemsGrp.rowtype .item_prod .itemLike {left:240px;left: 30%; z-index:99;}
 .itemsGrp.rowtype .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; padding-top: 0; width: 280px;width: 35%; height: 420px;}
 .itemsGrp.rowtype .item_prod .itemPic .shape {z-index: 89;}
-/* .itemsGrp.rowtype .item_prod .itemPic::after {background: #f9f9f9; opacity:1; z-index: 87;} */
 .itemsGrp.rowtype .item_prod .itemPic .pd_img {z-index: 88;}
 .itemsGrp.rowtype .item_state.soldout .itemPic:before {content:'SOLD OUT'; position:absolute; top:50%; left:50%; color:#fff; font-size:28px; font-weight:500; background:rgba(0,0,0,.7); width:100%; height:100%; transform:translate(-50%, -50%); line-height: 420px; z-index: 89; text-align:center;opacity: 1;}
 .itemsGrp.rowtype .item_prod .itemBrand {margin:0px; font-size: 16px; font-weight: 300;}
@@ -778,7 +734,6 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .itemsGrp.rowtype .item_prod .itemPrice {font-size: 30px; line-height: 1; font-weight:500; margin-left:0; margin-right:0;}
 .itemsGrp.rowtype .item_prod .itemPrice_original {font-size: 20px; font-weight: 200;}
 .itemsGrp.rowtype .item_prod .itemPercent {font-size: 42px; font-weight:300; line-height: 0.8;}
-/* .itemsGrp.rowtype .item_prod .shopBagBtn {margin-top:30px;} */
 .itemsGrp.rowtype .item_prod .shopBagBtn {margin-top: 0;position: absolute;bottom: -38px;left: 330px;z-index: 50;}
 .itemsGrp.rowtype .item_prod .shopBagBtn .btn {width:178px; height:52px; border-color:#a7a7a7; color:#222; font-weight:300;}
 .itemsGrp.rowtype .item_prod .shopBagBtn .btn span {position:relative; padding-left:25px; line-height:1;}
@@ -788,12 +743,11 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .item_state {position: relative; padding: 0px 10px 60px; box-sizing: border-box;}
 .item_state.soldout .itemPic:after {content: 'SOLD OUT';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;height: auto;font-size: 18px;font-weight: 500;color: #fff;z-index: 30;text-align: center; opacity: 1; background: transparent;}
 .item_state.soldout .itemPic:before {content:''; position: absolute; top: 50%; left: 50%; font-size: 28px; font-weight: 500; color:#fff; background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 420px; z-index: 20; text-align: center;opacity: 1;}
-/* .item_state.AD .itemPic:before {content:'AD'; position: absolute; bottom: 20px; right: 20px; font-size: 14px; font-weight: 300; letter-spacing: -0.025em; color:#888888; width: auto; height: auto; line-height: 14px; z-index: 21; text-align: right;} */
 .item_state.AD .itemPic:after {content:'AD'; position: absolute; bottom: 20px; right: 20px; font-size: 14px; font-weight: 300; letter-spacing: -0.025em; color:#888888; width: auto; height: auto; line-height: 14px; z-index: 21; text-align: right;}
 @media (max-width: 1919px) and (min-width: 1401px){/* .item_state {padding-left: 6px;padding-right: 6px;} */}
 .hgbgCa {width: 100%;height: 100%;}
 .fgRDJH {padding: 0px 40px;font-size: 0px;box-sizing: border-box;}
-	@media (max-width: 1919px) and (min-width: 1401px){.fgRDJH {padding-left: 38px;padding-right: 38px;}}
+@media (max-width: 1919px) and (min-width: 1401px){.fgRDJH {padding-left: 38px;padding-right: 38px;}}
 
 .itemLike {position: absolute;top: 20px;right: 18px;font-size: 0px;z-index: 99;width: 23px;height: 23px; background: url('/images/pc/ico_like.png');background-size: 46px;background-position:0px 0px;background-repeat: no-repeat;}
 .itemLike::before, .itemLike::after {
@@ -810,13 +764,11 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .itemPic {position: relative;width: 100%;margin-bottom:20px;padding-top: 150%;font-size: 0px;overflow: hidden;background-size: cover !important;}
 .itemPic {padding-top: 135%;} /* Other Requests */
 .itemPic::before {content: "";display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);z-index: 98;}
-/* .itemPic::after {content: "";display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);z-index: 999;} */
 .itemPic .pd_img,
 .itemPic .pd_mov {position: absolute;width: 100%;height: auto;top: 50%;left: 0px;transform: translateY(-50%);}
 .itemPic .pd_mov {z-index: 2;height: 100%;left: -83.45%;width: 267%;}
 .itemPic .pd_img {z-index: 1;transition: 0.5s;}
 .itemPic .pd_img::after {content: '';display: block; height: 100%;width: 100%;background: #333;}
-/* .itemPic .pd_img {position: absolute;width: 100%;width: auto; height: auto;max-height: 500px;top: 50%;left: 50%;transform: translate(-50%,-50%);} */
 .itemOpt{z-index:3; pointer-events:none;position: absolute;bottom: -120px; left: 0; right: 0; width: 100%; height:62px;padding: 25px 0; text-align:center; color: #fff; background: rgb(0 0 0 / 0.8); transition-duration:0.45s;}
 .itemOpt.on{transition-duration:0.45s;bottom:0;}
 .itemOpt p{font-size: 12px;line-height: 1.2;padding-bottom: 15px;}
@@ -845,7 +797,7 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .itemcolorchip {margin:20px 5px 0px; max-width: 208px;}
 .itemcolorchip [class*="chip_"] {position: relative;display: inline-block;width: 15px;height: 15px;font-size: 0; vertical-align: middle; margin:0 0 0 4px;border-radius: 50%;box-sizing: border-box;}
 .itemcolorchip [class*="chip_"]:before {content: "";display: inline-block;width: 100%;height: 100%;border-radius: 50%;box-sizing: border-box;}
-.itemcolorchip [class*="chip_"]:first-child {margin-left:0}
+.itemcolorchip [class*="chip_"]:first-child {margin-left:0;}
 
 .chip_color40::before {background-color: #ffffff;border: 1px solid #ddd;}
 .chip_color54::before {background-color: #000000;}
@@ -891,10 +843,6 @@ content: "〉";font-size: 12px;padding-left: 8px;
 }
 .shape span{
     color: #ffffff; text-align:center; text-indent: 10px;font-size: 14px;font-weight: 300;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50px;z-index: 2;
-    /* line-height: 1; */
-    /* letter-spacing: -25em; */
-    /* display: -webkit-box; */
-    /* z-index: 99999; */
 }
 .shape.dealdetail{
     width: 100%;max-width: 40px;
@@ -924,19 +872,17 @@ input[type="reset"], input[type="button"], input[type="submit"], button {line-he
 .input_wrap > .open > .tgl_dropdown.btn , .input_wrap + .open > .tgl_dropdown.btn {border-color: rgb(34 34 34 / 0.6);}
 
 /* form */
-.form_wrap {}
 .form_wrap::after,.form_field:after,.input_wrap::after {content: ''; display: block; clear: both;}
-.form_full {} 
-select, 
+select,
 .form_full input[type="text"], 
 .form_full input[type="select"], 
-.form_full input[type="password"]{ width: 100%; }
+.form_full input[type="password"]{ width: 100%;}
 .form_full .input_wrap, .form_full.input_wrap{display: block;}
 
 .form_col_w {width: 100%;}
 .form_col_c {width: 530px; margin: 0 auto;}
 .form_field {width: 100%;margin-left: 0px !important;margin-right: 0px !important;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;}
-.input_wrap{position: relative;display: table;border-collapse: separate;/*width: 100%;*/}
+.input_wrap{position: relative;display: table;border-collapse: separate;}
 .input_wrap, .input_label {vertical-align: top;text-align: left;}
 .input_label { line-height: 3.0; font-size: 16px; font-weight: 300;}
 .input_label span[class*="t_"]{display: inline !important;text-indent: -10px;margin-left: -10px;}
@@ -951,11 +897,8 @@ select,
   -webkit-appearance: none;
   border: 1px solid #D5D5D5;
   position: relative;
-  /* background: #F9F9F9; */
 }
 .form_control.err {border: 1px solid #fd4802 !important; background: #fff6f2;}
-/* .form_control.err .help_block{display: block;} */
-/* .form_control.usable{width: 80%; padding:7px 10px 7px 9px;} */
 
 .usable {display: none;}
 .form_control.usable + .usable:before {content:'사용가능';  position:absolute; top:50%; bottom: auto; right: 20px; left: auto; transform: translateY(-50%); padding-left:15px; background: url('/images/pc/ico_usable1.png') no-repeat 0 40%; color:#222; font-size:14px; font-weight:200; line-height:1;}
@@ -989,7 +932,7 @@ select,
 .help_block p[class*="t_"] span {display:inline-block;}
 
 /* 체크박스 */
-.form_field input[type="checkbox"]{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
+.form_field input[type="checkbox"]{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;} 
 .form_field input[type="checkbox"] + label{ display:inline-block; position:relative; padding-left:26px; cursor:pointer; font-size: 14px; line-height: 1.5;font-weight: 300;letter-spacing: 0;} 
 .form_field input[type="checkbox"] + label:before{ 
   content:''; position:absolute; left:0; top:3px; width:20px; height:20px; text-align:center; background:#fff; /*border:1px solid #ccc;*/ border-radius: 100%; box-sizing:border-box; 
@@ -1009,7 +952,6 @@ select,
   content: ''; position:absolute; top:3px; left:0; width:20px; height:20px; background-color: #fd4800; border-radius: 100%; box-sizing:border-box; 
   background: url('/images/pc/ico_chk_rdi.png') no-repeat;
   background-position: -40px 0px;
-  /* background-position: -42px -1px; */
 }
 
 /* 이미지 체크박스 */
@@ -1018,7 +960,7 @@ select,
 
 
 /* 라디오 */
-.form_field input[type="radio"]{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
+.form_field input[type="radio"]{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;} 
 .form_field input[type="radio"] + label{ display:inline-block; position:relative; padding-left:26px; cursor:pointer; font-size: 16px;line-height: 1.5;font-weight: 300;letter-spacing: 0;} 
 .form_field input[type="radio"] + label:before{ 
   content:''; position:absolute; left:0; top:3px; width:20px; height:20px; text-align:center; background:#fff; /*border:1px solid #ccc;*/ border-radius: 100%; box-sizing:border-box; 
@@ -1026,7 +968,7 @@ select,
   background-position: -60px 0px;
 } 
 
-/* 보여질 부분의 스타일을 추가하면 된다. */ 
+/* 보여질 부분의 스타일을 추가 */ 
 .form_field input[type="radio"]:checked + label:after{ 
   content: ''; position:absolute; top:3px; left:0; width:20px; height:20px; background-color: #fd4800; 
   background: url('/images/pc/ico_chk_rdi.png') no-repeat;
@@ -1103,7 +1045,7 @@ input[type="file"] {
 }
 .select_options li:hover{background-color: #dddddd;}
 .select_options li[rel="hide"] {display: none;}
-.select_options li.disabled {text-decoration:line-through; background:#f5f5f5; color:#bbb}
+.select_options li.disabled {text-decoration:line-through; background:#f5f5f5; color:#bbb;}
 .select_options li.disabled:hover,
 .select_options li.disabled:active {cursor:default;}
 .select_dress:active, .select_dress.active {background-color: #ffffff;border: 1px solid #222222;border-bottom: 1px solid #dddddd;}
@@ -1131,22 +1073,15 @@ input[type="file"] {
     line-height: 1;
     cursor: pointer;
     padding: 10px 15px;
-    /*background-color: #ffffff;*/
     background-color: transparent;
     border: 1px solid #dddddd;
 }
 .select_custom .combo .select:after {
-    /* content: '▼'; */
-    /* position: absolute; */
-    /* top: 50%; */
-    /* right: 10px; */
-
 	content: '';
     width: 0;
     height: 0;
     box-sizing: border-box;
     position: absolute;
-    /*top: 16px;*/
     top: 50%;
     transform: translateY(-50%);
     margin-top:3px;
@@ -1158,8 +1093,6 @@ input[type="file"] {
 	border: 1px solid #222;
 }
 .select_custom.on .combo .select:after {
-    /* content: '▲'; */
-	  /* top: 9px; */
     margin-top:-3px;
     border-color: transparent transparent #888888 transparent;
 }
@@ -1173,14 +1106,13 @@ input[type="file"] {
     position: absolute;
     top: 39px;
     left: 0;
-    /*z-index: 10;*/
     z-index: 3;
     border: 1px solid #222;
     border-top: 0;
     box-sizing: border-box;
     padding: 10px 0;
     width: 100%;
-    max-height: 500px;
+    max-height: 300px;
     background-color: #fff;
 }
 .select_custom[disabled] {
@@ -1197,7 +1129,6 @@ input[type="file"] {
 }
 .select_custom .combo .list>li[aria-disabled="true"] {
 	text-decoration: line-through;
-  /*background: #f5f5f5;*/
   color: #bbb;
 	pointer-events: none;
 }
@@ -1224,7 +1155,6 @@ input[type="file"] {
 	position: relative;
 }
 .select_custom .combo .list>li:hover {
-    /*background-color: #ccc;*/
     background: #f5f5f5;
 }
 /* scrollbar custom */
@@ -1241,13 +1171,7 @@ input[type="file"] {
 .tbl.scroll_tbl .body_t::-webkit-scrollbar {width: 2px;height: 2px;}
 .tbl.scroll_tbl .body_t::-webkit-scrollbar-thumb {background-color: #888888;border-radius: 0px;background-clip: padding-box;border: 0px solid transparent;}
 .tbl.scroll_tbl .body_t::-webkit-scrollbar-track{background-color: #dddddd;border-radius: 0px;}
-/* 
-  
-.tbl.scroll_tbl .body_t::-webkit-scrollbar-button:start:decrement,
-.tbl.scroll_tbl .body_t::-webkit-scrollbar-button:end:increment {display: block;height: 0;}
-.tbl.scroll_tbl .body_t::-webkit-scrollbar-track {background: rgba(0, 0, 0, .05);-webkit-border-radius: 10px;border-radius: 10px;}
-.tbl.scroll_tbl .body_t::-webkit-scrollbar-thumb {height: 50px;width: 50px;background: rgba(0, 0, 0, .2);-webkit-border-radius: 10px;border-radius: 10px;}
-  */
+
 
 /* list-type */
 
@@ -1293,43 +1217,40 @@ input[type="file"] {
 .ui-button, 
 html .ui-button.ui-state-disabled:hover, 
 html .ui-button.ui-state-disabled:active{border-color: #fff;background: #fff;font-size: 14px;padding: .6em 0.5em;color:#454545;text-align: center;}
-.ui-datepicker-today a.ui-state-active, .ui-datepicker-current-day a.ui-state-active{  background-color:rgba(159,121,82,1);   }
-.ui-state-default:hover {background-color:rgba(159,121,82,0.6);color:#fff;   }
-.ui-widget-header {font-size: 18px;font-weight: normal;line-height: 40px;background: transparent;border-width: 0;border-radius: 0;   }
-.ui-datepicker th {border-bottom:1px #9f7952 solid;color:#9f7952; font-weight: normal;font-size: 14px }
+.ui-datepicker-today a.ui-state-active, .ui-datepicker-current-day a.ui-state-active{  background-color:rgba(159,121,82,1);}
+.ui-state-default:hover {background-color:rgba(159,121,82,0.6);color:#fff;}
+.ui-widget-header {font-size: 18px;font-weight: normal;line-height: 40px;background: transparent;border-width: 0;border-radius: 0;}
+.ui-datepicker th {border-bottom:1px #9f7952 solid;color:#9f7952; font-weight: normal;font-size: 14px;}
 
 
 /* tab */
-.tab_group .tab_btn.rect{overflow:hidden}
-.tab_group .tab_btn.rect button{float:left;height:50px;border:1px solid #dadada;border-left:0;background:#ffffff;color:#242424;text-align:center;box-sizing:border-box}
-.tab_group .tab_btn.rect button:first-child{border-left:1px solid #dadada}
-.tab_group .tab_btn.rect button.on{border:0;border-right:1px solid #dadada;background:#3d3d3d;color:#ffffff}
-.tab_group .tab_btn.rect button:last-child.on{border-right:0}
-.tab_group .tab_box{display:none}
-.tab_group .tab_box.on{display:block}
+.tab_group .tab_btn.rect{overflow:hidden;}
+.tab_group .tab_btn.rect button{float:left;height:50px;border:1px solid #dadada;border-left:0;background:#ffffff;color:#242424;text-align:center;box-sizing:border-box;}
+.tab_group .tab_btn.rect button:first-child{border-left:1px solid #dadada;}
+.tab_group .tab_btn.rect button.on{border:0;border-right:1px solid #dadada;background:#3d3d3d;color:#ffffff;}
+.tab_group .tab_btn.rect button:last-child.on{border-right:0;}
+.tab_group .tab_box{display:none;}
+.tab_group .tab_box.on{display:block;}
 
 
 
 /* HEAD,FOOT Layput */
 #header,#footer {width: auto;}
-[class*="common_footer"] {/*max-width: 1780px;*/min-width: 1380px;margin: 0 auto;/*padding: 0 10px;*/}
+[class*="common_footer"] {min-width: 1380px;margin: 0 auto;}
 
 /* guide page hd */
 .quick_menu_group{display:inline-table;width:100%;height:35px;border-top:2px solid #fd4802;background:#222222;}
 .quick_menu_group .area{max-width: 1780px;padding: 0 10px;margin:0 auto;}
-.quick_menu_group .area > div{display:inline-block}
-.quick_menu_group .area > div span{}
-.quick_menu_group .inr{float:right}
+.quick_menu_group .area > div{display:inline-block;}
+.quick_menu_group .inr{float:right;}
 .quick_menu_group a{float:left;height:35px;padding:8px 4px 0;box-sizing:border-box;color:#888888;}
-.quick_menu_group .area > div:first-child span{display:inline-block;position:relative}
-.quick_menu_group .area > div:first-child a{margin:0 10px}
-.quick_menu_group .area > div:first-child span:first-child a{margin-left:0}
-.quick_menu_group .area > div:first-child span:first-child a:after{display:none}
-.quick_menu_group .area > div:first-child span a:after{position:absolute;top:13px;left:0;width:1px;height:13px;background:#959596;content:''}
+.quick_menu_group .area > div:first-child span{display:inline-block;position:relative;}
+.quick_menu_group .area > div:first-child a{margin:0 10px;}
+.quick_menu_group .area > div:first-child span:first-child a{margin-left:0;}
+.quick_menu_group .area > div:first-child span:first-child a:after{display:none;}
+.quick_menu_group .area > div:first-child span a:after{position:absolute;top:13px;left:0;width:1px;height:13px;background:#959596;content:'';}
 .quick_menu_group .inr a{margin-left:16px;color:#eeeeee;}
 
-
-
 /* ie */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 	body,input,textarea,select,button {font-size:14px; font-family:"LATO", "Noto Sans kr", sans-serif;}
@@ -1340,125 +1261,12 @@ html .ui-button.ui-state-disabled:active{border-color: #fff;background: #fff;fon
 		line-height: 0.6 !important; 
 	}
 }
-	.pageNav .disabled a {background-position: 0 9px !important; }
-	.pageNav .disabled.prev a {background-position: -23px 9px !important; }
-	.pageNav .next a,.pageNav > li:last-child a {background-position:-64px 9px !important; }
-	.pageNav .next a {background-position: -47px 9px !important; }
+	.pageNav .disabled a {background-position: 0 9px !important;}
+	.pageNav .disabled.prev a {background-position: -23px 9px !important;}
+	.pageNav .next a,.pageNav > li:last-child a {background-position:-64px 9px !important;}
+	.pageNav .next a {background-position: -47px 9px !important;}
 	.filter_content .sort#tap01 ul li.noDepth.on > a::after {top:8px !important;}
 
-
-/* 제거예정 */
-
-/*
-.gnb .nav .ico_menu_new{position:absolute;top:6px;right:4px}
-.gnb .nav > .all_menu.on{border-top:1px solid #fd4802;border-right:1px solid #fd4802;border-left:1px solid #fd4802}
-.gnb .nav > .all_menu.on .depth_menu{display:block}*/
-/*.top_banner{height:85px}
-.top_banner > div{width:1070px;margin:0 auto}
-.top_banner > div a{float:left;position:relative;width:33.3333%;height:85px;box-sizing:border-box}
-.top_banner > div a .banner_img{float:left;width:130px;vertical-align:top}
-.top_banner > div a .banner_img2{float:left;width:130px;vertical-align:top}
-.top_banner > div a .text{float:left;width:216px}
-.top_banner > div a em,
-.top_banner > div a strong{display:block;padding-left:20px;color:#000;line-height:1em}
-.top_banner > div a em{margin-top:27px;font-size:13px}
-.top_banner > div a strong{margin-top:6px;font-size:15px}
-/*.all_menu > .area{display:none;position:absolute;top:43px;width:217px;height:533px;left:-1px;border:1px solid #fd4802;background:#fff;z-index:99999}
-.all_menu.on > .area{display:block}
-.all_menu > .area > ul{padding:13px 11px}
-.all_menu > .area > ul > li a{display:block;padding:7px 11px 6px;cursor:pointer}
-.all_menu > .area > ul > li > a:hover,
-.all_menu > .area > ul > li.on > a{background:#fd4802;color:#fff !important}
-.all_menu > .area > ul > li > .color-blue:hover,
-.all_menu > .area > ul > li.on > .color-blue{background:#445694;color:#fff !important}
-.all_menu > .area > ul > li.link > a{color:#445694}
-.all_menu > .area > ul > li > a{font-size:15px;color:#333}
-.all_menu > .area > ul > li.on .depth_menu{display:block}*/
-/* .common_header .search .search_input{width:calc(100% - 30px); padding:4px 0px 5px 0px;border:0;outline:none;font-size:18px;color:rgb(255 255 255 / 0.6);background: transparent; font-weight:200;} 
-.common_header .search .search_input::placeholder  {color: #bcbcbc;}
-.common_header .search button.close{display:none;float:none;position:absolute;top:4px;right:58px;width:19px;height:19px;margin:0}
-.common_header .search .keyword{color:#fd4802} 
-.common_header .search_group,
-.common_header .my_search_group{display:none;position:absolute;top:100%;right:0;left:0;border:1px solid #221e1f;background:#fff;z-index:99999}
-.common_header .search_group.on,
-.common_header .my_search_group.on{display:block}
-.common_header .search_group.on ~ .close,
-.common_header .my_search_group.on ~ .close{display:block}
-.common_header .search_list > div{padding:26px 0 22px;border-top:1px solid #d0d0d0;letter-spacing:-1px}
-.common_header .search_list > div ul{margin-top:-5px}
-.common_header .search_list > div p,
-.common_header .search_list > div li{padding:0 23px 0;box-sizing:border-box}
-.common_header .search_list > div a{display:block;margin-top:5px;padding:3px 0}
-.common_header .search_list > div a:hover{background:#F5F5F5}
-.common_header .search_list > div:first-child{overflow:hidden;padding:28px 0 22px;border:0;font-size:14px;color:#221e1f}
-.common_header .search_list > div:first-child li{float:left;width:50%}
-.common_header .search_list > div p{margin-bottom:14px;font-weight:bold;font-size:15px}
-.common_header .search_list #ark_content_list .snr{font-weight:nomal; padding: 0 23px 0;}
-.common_header .search_list .category{font-size:13px}
-.common_header div.close{padding:0;border-top:1px solid #d0d0d0;background:#ebebeb;text-align:right;clear:both}
-.common_header div.close a{display:inline-block;margin:9px 0 8px 0;padding:0}
-.common_header div.close a:hover{background:none}
-.common_header div.close i{margin:4px 10px 0 8px;vertical-align:top}
-.common_header .my_search_group > .area{overflow:hidden}
-.common_header .hot_search_list,
-.common_header .my_search_list{display:table-cell;position:relative;width:50%;padding-bottom:50px}
-.common_header .my_search_list > button{position:absolute;right:12px;bottom:14px;font-weight:bold;font-size:13px;color:#a29b9d}
-.common_header .my_search_list > button i{margin-left:8px}
-.common_header .hot_search_list{border-right:1px solid #d0d0d0;box-sizing:border-box}
-.common_header .my_search_group > .area{display:table;width:100%}
-.common_header .my_search_group > .area p{padding:30px 0 20px 24px;font-weight:bold;font-size:15px}
-.common_header .my_search_group > .area li{position:relative}
-.common_header .my_search_group > .area li a{display:block;padding:5px 0 5px 27px;color:#221e1f}
-.common_header .my_search_group > .area li a + a{position:absolute;top:10px;right:18px;height:13px;padding:0;z-index:1}
-.common_header .my_search_group > .area li a span{display:inline-block;padding-right:5px}
-.common_header .premium_band{border-top:1px solid #efedf0;background:url(/images/pc/common/@sample_premium_band.jpg) repeat;text-align:center; height:110px}
-.common_header .premium_band div{width:1070px;margin:0 auto;padding:15px 0 0 0;}
-.common_header .premium_menu{position:relative}
-.common_header .premium_menu > ul{width:1070px;height:71px;margin:0 auto}
-.common_header .premium_menu > ul > li{display:inline-block;position:relative;width:177px}
-.common_header .premium_menu > ul > li + li{margin-left:-4px}
-.common_header .premium_menu > ul > li > a{display:block;height:71px;font-size:16px;color:#000;line-height:71px;text-align:center}
-.common_header .premium_menu div{display:none;position:absolute;top:100%;right:0;left:0;padding:20px 0 26px;z-index:11}
-.common_header .premium_menu div ul{overflow:hidden;border-right:1px solid #cdcdcd}
-.common_header .premium_menu div ul li + li{margin-top:10px}
-.common_header .premium_menu div a{display:inline-block;overflow:hidden;max-width:100%;height:20px;margin:0 10px;padding:0 3px 6px;font-size:14px;color:#3d3d3d;white-space:nowrap;text-overflow:ellipsis;line-height:1em;box-sizing:border-box}
-.common_header .premium_menu div a:hover{border-bottom:1px solid #000}
-.common_header .premium_menu > ul > li:last-child div ul{border:0}
-.common_header .premium_menu .menu_bg{display:none;position:absolute;top:72px;right:0;left:0;height:332px;border-bottom:1px solid #e0e1e5;background:#fff;z-index:10}*/
-/* .all_menu.on .depth_menu{display:block;}
-.all_menu .depth_menu{display:none;position:absolute;top:190px;left:0;width:100%;min-width:1350px;height:535px;padding:23px 21px;border:1px solid #fd4802;background:#fff;box-sizing:border-box;clear:both;z-index: 200;}
-.all_menu .depth_menu .step1{position: relative;float: left;top: 0px;box-sizing: border-box;width: 300px;height: 600px;padding: 4px 0px 0px 48px;z-index: 1;}
-.all_menu .depth_menu .step2{position: relative;float: left;width: calc(100% - 300px);height: 600px;box-sizing: border-box;padding-left: 30px;}
-.all_menu .depth_menu.advertisement{overflow:hidden;width:595px}
-.all_menu .depth_menu.advertisement > div{float:left;width:337px}
-.all_menu .depth_menu.advertisement > div:first-child{width:197px;margin-right:17px}
-.all_menu .depth_menu.advertisement .area ul{margin-top:-29px}
-.all_menu .depth_menu.advertisement .area li{margin-top:26px}
-.all_menu .depth_menu.advertisement .area img{display:block;width:100%}
-.all_menu .depth_menu.advertisement .area strong,
-.all_menu .depth_menu.advertisement .area span{display:block;padding:0 10px;font-size:16px}
-.all_menu .depth_menu.advertisement .area strong{margin-top:10px}
-.all_menu .depth_menu.advertisement .area span{color:#777}
-.all_menu .depth_menu.size_mideum{width:275px}
-.all_menu .depth_menu.thumbnail_box{overflow:hidden;width:715px;height:535px}
-.all_menu .depth_menu.thumbnail_box ul{margin-top:-31px}
-.all_menu .depth_menu.thumbnail_box li{float:left;width:14.2%}
-.all_menu .depth_menu.thumbnail_box a{margin:0 !important}
-.all_menu .depth_menu.thumbnail_box img{display:block;width:68px;height:68px;margin:31px auto 0;border:transparent;border-radius:50%}
-.all_menu .depth_menu.thumbnail_box span{display:block;margin-top:10px;text-align:center}
-.all_menu .depth_menu p{margin-bottom:23px;font-size:22px;letter-spacing:-1px}
-.all_menu .depth_menu p > a{display:inline-block !important;position:relative;width:59px;height:18px;margin:4px 0 -2px 4px;padding:3px 5px 0 !important;background:#333;font-size:11px;color:#fff;line-height:1em;box-sizing:border-box}
-.all_menu .depth_menu p .ico_arr_rgt{position:absolute;top:5px;right:4px}
-.all_menu .depth_menu ul + ul{margin-top:8px;border-top:1px solid #eee}
-.all_menu .depth_menu ul li:first-child a{margin-top:7px}
-.all_menu .depth_menu a{padding:3px 0 2px !important;font-size:14px}
-
-.all_menu .depth_menu a:hover {font-weight: bold; color: #fd4802;}
-.all_menu .depth_menu ul:nth-child(3) a:hover {font-weight: bold; color: #445694;} 
-.all_menu ul li:nth-last-child(2) .depth_menu a:hover {font-weight: bold; color: #445694;}
-.all_menu ul li:nth-last-child(4) .depth_menu ul:nth-child(3) a:hover {font-weight: bold; color: #fd4802;}*/
-
-
 /* slide custom */
 .slick-dots {position: absolute;bottom: 25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
 .slick-dots li {position: relative;display: inline-block;width: 10px;height: 10px;margin: 0 5px;padding: 0;cursor: pointer;}
@@ -1845,13 +1653,11 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 
 
 
-/* .modal, .pop_cont {scrollbar-width: thin; scrollbar-color: #888888 #dddddd;} 파이어폭스 스크롤바 css */
-
-.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}
-.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}
-.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
-.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
-.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}
+.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px;}
+.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out;}
+.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
+.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s;}
+.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
 @-webkit-keyframes sk-stretchdelay{
   0%,40%,100%{
       -webkit-transform:scaleY(0.5)

src/main/webapp/ux/pc/css/main.css

@@ -1,12 +1,9 @@
 @charset "utf-8";
 
 /* swiper 변환 추가 css */
-/* .w700{width:1140px !important;} */
 .swi-po_rel{position:relative;}
 .version02{position:static;}
 .ta_center{text-align:center;}
-/*.swiper-button-prev.sbtn01_lb::after{content:""; display:inline-block; width:29px; height:87px; background:url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;}
-.swiper-button-next.sbtn01_rb::after{content:""; display:inline-block; width:29px; height:87px; background:url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;}*/
 .swiper-button-prev.sbtn02_lb{pointer-events:none;}
 .swiper-button-next.sbtn02_rb{pointer-events:none;}
 .swiper-button-prev.sbtn02_lb::after{content:""; display:inline-block; width:29px; height:87px; background:url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat; position:relative; top:-50px; pointer-events:visible;}
@@ -23,19 +20,9 @@
 .main_visual .slide-curb-pause:after, 
 .main_visual .slide-curb-pause:before {content:"";display:inline-block;width:2px;height:12px;background:#888;}
 .main_visual .slide-curb-pause:before {float:right;}
-.main_visual .swiper-controls {/* display: inline-block; */}
 .main_visual .swiper-controls .swiper-pagination {position: relative;width:auto;display: inline-block;}
 
 
-
-/* 
-.slider-1[data-slider-1-autoplay-status="Y"] .btn-play {
-    display:none;
-}
-.slider-1[data-slider-1-autoplay-status="N"] .btn-stop {
-    display:none;
-} 
-*/
 /* 각버튼 테스트2 */
 .btn_shape.active{
 	border-left:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;
@@ -59,25 +46,19 @@
 	content:"";bottom:-1px;right:-1px;position:absolute;height:0px;width:0;padding:0px 0px 0px 0px;
 	border-left:0px solid #0183fd;border-top:10px solid #0183fd;border-right:10px solid #ffffff;	
 }	
-/*  각버튼 테스트 종료 */
-/* .action{display:block;margin:0px auto;width:100%;text-align:center;} */
-/* .action a {display:inline-block;padding:5px 10px; background:#f30;color:#fff;text-decoration:none;} */
-/* .action a:hover{background:#000;} */
 
 
 /* main */
-/* .container.main .wrap {position:relative; width:100%; min-width:auto; max-width:none; padding-left:0px; padding-right:0px;} */
-.main {}
 .main .dpnone {display:none;}
 .main .swiper-pagination {margin:0; position:relative;}
 .main .wrap .content {padding-top:60px; padding-bottom:60px; padding-left:70px; padding-right:70px;}
 .main .wrap .content.wide {padding-left:0; padding-right:0;}
-.main .wrap .content.wide:first-child{/*background:#222222;*/ padding:0px !important;}
+.main .wrap .content.wide:first-child{ padding:0px !important;}
 .main .wrap .content .cont_head {color:#222222; font-size:40px; line-height:1; letter-spacing:-.025em;}
 
 .main .post-visual .swiper-slide::before{display:none;}
 
-.main_visual::before {content:'';display:block;width:100%; /*height:72px;*/ height:172px; position:absolute; top:-100px; left:0; background:#222222; z-index:-1;}
+.main_visual::before {content:'';display:block;width:100%; height:172px; position:absolute; top:-100px; left:0; background:#222222; z-index:-1;}
 .post-visual .btn {font-weight:300; border:1px solid #a7a7a7;}
 .post-visual .txtWrap{position:absolute; top:auto;bottom:100px;left:90px;right:auto;z-index:1; width: 85%;} 
 .post-visual .txtWrap dl,
@@ -88,15 +69,13 @@
 .post-visual .txtWrap dt {font-size:18px; padding-bottom:20px; font-weight:200;}
 .post-visual .txtWrap dd {font-size:62px; max-height:122px; line-height:1;font-weight:500; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
 .post-visual .txtWrap dd.txt_xs {font-size:18px;line-height:1;font-weight:200;padding:20px 0 0px 0; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical; max-height:37px; overflow:hidden;}
-/* .post-visual .vrt_txt{width:auto;height:auto;font-size:18px;color:#888888;position:absolute;left:-90px;bottom:-99px;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-180deg); white-space: nowrap; -webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;} */
 .post-visual .vrt_txt{width: 500px;height: 20px;box-sizing: content-box;display: inline-block;text-align: left;font-size: 18px;color: #888888;position: absolute;left: -80%;bottom: 160px;position: relative;left: -65%;bottom: -160px;top: auto;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);white-space: nowrap;}
 .post-visual.swiper-container {margin-left:-30px;}
 .post-visual .swiper-pagination-bullets{bottom:0px;}
 .post-visual .swiper-wrapper{width:100%;height:750px; height:auto; margin:0px auto;padding-bottom:65px;filter:drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));}
-.post-visual .swiper-slide-active {}
 .post-visual .swiper-slide-active .txtWrap dl, 
 .post-visual .swiper-slide-active .txtWrap dl + .btn {opacity:1;}
-.post-visual .swiper-slide{width:auto;/* margin-right:440px !important; */}
+.post-visual .swiper-slide{width:auto;}
 .post-visual .swiper-slide{
 	max-width: 1120px;
     max-height: 700px;
@@ -110,12 +89,9 @@
 
 /* 크롬일경우 */
 .post-visual .swiper-slide {
-	/* padding:15px; */
 	padding-left:30px;
 	box-shadow:0 0px 30px rgba(0,0,0,0.20), 0 0px 30px rgba(0,0,0,0.20);
 	position:relative;
-	/* margin:0 50px; */
-
 	mask-image:
 	linear-gradient(to top right, transparent 49.5%, white 50.5%), 
 	linear-gradient(to top left, transparent 49.5%, white 50.5%), 
@@ -162,29 +138,8 @@
 	.post-visual .vrt_txt {bottom:-120px !important;}
 	.post-visual.swiper-container {margin-left:0px;}
 	.main .post-visual .swiper-slide {padding-bottom:20px; mask-size:none;}
-	.main .post-visual .swiper-slide-prev {}
-	.main .post-visual .swiper-slide-active {}
 	.main .post-visual .swiper-slide::before {display:block;}
 	.main .post-visual .swiper-slide img {box-shadow:0px 0px 30px rgba(0,0,0,0.2), 0px 0px 30px rgba(0,0,0,0.2);} 
-	/* .brand_main .post-visual .swiper-slide img::before{
-		content:'';
-		position:absolute;
-		width:150px;
-		height:120px;
-		bottom:-50px;
-		right:-65px;
-		border:0px;
-		transform:rotate(135deg);
-		/* box-shadow:inset 0 -50px 30px -30px rgba(0,0,0,0.20); 
-		box-shadow:inset 0 -30px 20px -20px rgba(0,0,0,0.20);
-		box-shadow:inset 0px -60px 30px -50px rgba(0,0,0,0.20);
-		background:#fff;
-		background:linear-gradient(0deg, #fff 104px, transparent 0);
-		z-index:1;
-		z-index:9999;
-		display:none;
-	}  */
-
 	.main .post-visual .swiper-slide img::after{
 		content:'';
 		position:absolute;
@@ -209,26 +164,12 @@
 		right:-85px;
 		border:0px;
 		transform:rotate(135deg);
-		/* box-shadow:inset 0 -50px 30px -30px rgba(0,0,0,0.20); */
 		box-shadow:inset 0 -30px 20px -30px rgba(0,0,0,0.20);
 		box-shadow:inset 0px -60px 20px -50px rgba(0,0,0,0.20);
 		background:#fff;
 		background:linear-gradient(0deg, #fff 120px, transparent 0);
 		z-index:1;
-		
-		/*	
-			border-right:0px;
-			border-left:0px;
-			border-top:0px;
-			border-bottom:1px;
-			box-sizing:border-box;
-			border-style:solid;
-			transform:rotate(135deg);
-			border-image:linear-gradient(-135deg, transparent 0%,rgb(0 0 0 / 23%) 100% );
-			border-image-slice:160;
-		*/
-	}   
-
+	}
 	.main .post-visual .swiper-slide .vrt_txt {left:-50%;left:-354px;}
 }
 
@@ -255,63 +196,13 @@
     width:100%;
     height:100%;
 	z-index:-1;
-/*	
-    background:#777;
-    -webkit-box-shadow:0 15px 10px #777;
-    -moz-box-shadow:0 15px 10px #777;
-    box-shadow:0 15px 10px #777;
-    -webkit-transform:rotate(-3deg);
-    -moz-transform:rotate(-3deg);
-    -o-transform:rotate(-3deg);
-    -ms-transform:rotate(-3deg);
-    transform:rotate(-3deg);
-*/
 }  
 
-/* 
-.post-visual .swiper-slide::after {
-	content:"";
-	top:0;
-    right:-10px;
-    position:absolute;
-    border-left:10px solid #0183fd;
-    border-bottom:10px solid transparent;
-    border-right:0px solid #0183fd;
-    height:30px;
-    width:0;
-	padding:0px 0px 0px 0px;
-
-	box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
-    box-shadow:inset 0 -5px 5px -5px #333, inset 0 5px 5px -5px #333, inset -5px 0 5px -5px #333;
-} */
-
-/* 
-.post-visual .swiper-slide::after {
-	content:"";
-    z-index:-1;
-    position:absolute;
-    top:0;
-    left:0;
-    width:100%;
-    height:100%;
-    display:block;
-    background:currentColor;
-	clip-path:polygon(40px 0, 40px 30px, 30px 40px, 0 40px, 0 0);
-    clip-path:polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0);
-    clip-path:polygon(100% 0, 100% calc( 100% - 10px), calc( 100% - 10px) 100%, 0 100%, 0 0);
-} 
- */
-
-
-
-
-
 /* main_stylereport */
 .main .wrap .content.main_stylereport {margin-top:20px;padding-bottom: 40px;}
 .main_stylereport .cont_head {padding-bottom:60px;}
 .main_stylereport .cont_body a {text-align:center;color:#222222;}
 .main_stylereport .cont_body img {width:100%; height:auto; object-fit:cover;}
-.main_stylereport .cont_body dl {}
 .main_stylereport .cont_body dt {font-size:24px; font-weight:300; margin:25px 0 17px 0; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden; line-height: 1.2;}
 .main_stylereport .cont_body dd {font-size:16px; font-weight:200; line-height:26px; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
 @media screen and (max-width:1460px) {
@@ -322,17 +213,15 @@
 .main .wrap .content.main_trendy {background:#f5f5f5; margin-top:60px; margin-bottom:60px; padding-bottom: 10px;}
 .main_trendy .cont_head {padding:60px 0 60px 0;}
 .main_trendy .cont_body {position:relative; padding:0 60px;}
-.main_trendy .cont_body dl {}
 .main_trendy .cont_body dt {font-size:26px;font-weight:400;padding:28px 0 24px 0;}
 .main_trendy .cont_body dd {font-size:16px;font-weight:200;padding:10px 0 0;}
-.main_trendy .swiper-container {}
 .main_trendy .swiper-wrapper{padding-bottom:0px; min-height:670px;}
 .main_trendy .swiper-slide {width:calc((100% - 88px)/5 * 0.92); transition:all 200ms ease;}
-.main_trendy .swiper-slide.scaleBig {width:calc((100% - 88px)/5 * 1.12)}
+.main_trendy .swiper-slide.scaleBig {width:calc((100% - 88px)/5 * 1.12);}
 .main_trendy .item_state {padding:0;}
 .main_trendy .item_prod {width:100%;}
 .main_trendy .swiper-controls {padding-bottom:80px;}
-.main_trendy .swiper-pagination {margin-top:60px}
+.main_trendy .swiper-pagination {margin-top:60px;}
 .main_trendy .swiper-button-next, 
 .main_trendy .swiper-button-prev {top:210px;}
 .main_trendy .swiper-button-next {right:0px;}
@@ -353,9 +242,8 @@
 .main_it .item_state {padding:0 0 60px;}
 .main_it .item_prod {width:100%;}
 .main_it .it_nav {position:absolute; left:-380px; top:195px; width:300px;}
-.main_it .it_nav li {margin-top:26px}
-.main_it .it_nav li:first-child {margin-top:0}
-.main_it .it_nav li .btn {}
+.main_it .it_nav li {margin-top:26px;}
+.main_it .it_nav li:first-child {margin-top:0;}
 .main_it .it_nav li .btn.btn_link {display:inline-block; padding:0; border:none; color:#888888; font-size:20px; font-weight:200; line-height:1; transition:all 100ms ease;}
 .main_it .it_nav li .btn.btn_link span::after {content:''; display:none;}
 .main_it .it_nav li .btn.btn_link:hover{text-decoration:none;}
@@ -370,8 +258,6 @@
 }
 
 /* main_2stage */
-.main .wrap .content.main_2stage {}
-.main_2stage .cont_body {}
 .bnnbox_crop {width:100%;}
 .bnnbox_crop::after {content:''; clear:both; display:block;}
 .bnnbox_crop > div {width: 100%;height: 230px;float: none;overflow: hidden;}
@@ -397,7 +283,6 @@
 .main_deal .deal_progress .bar_current {background:#333; position:absolute; top:0; left:0; height:4px; z-index:2; max-width:100%;}
 .main_deal .deal_progress .bar_current span {width: 62px; z-index: 3; position:absolute; right:-31px; top:-45px; background:#fd4802; padding:8px 10px; font-size:14px; color:#fff; font-weight:300; letter-spacing:0.1em;}
 .main_deal .deal_progress .bar_current span:after {content:''; position:absolute; left:50%; bottom:-10px; border:5px solid transparent; transform:translateX(-50%); border-top:5px solid #fd4802;}
-.main_deal .count {}
 .main_deal .count .hotdeal:after {content:''; display:block; clear:both;}
 .main_deal .count .count_tit {display:inline-block; color:#ffffff; font-size:16px; font-weight:500;}
 .main_deal .count .count_time {position:relative; left:auto; width:100%;}
@@ -422,7 +307,6 @@
 }
 
 /* main_pick */
-.main .wrap .content.main_pick {}
 .main_pick .cont_head {padding-bottom:60px;}
 .main_pick .cont_body {padding:0;position:relative;}
 .main_pick .cont_body .post-pick-nav {width:1250px; height:auto; background:#ffffff;margin:0 auto; cursor:pointer; padding:0 20px;}
@@ -455,11 +339,10 @@
 
 
 /* main_1stage */
-.main .wrap .content.main_1stage {}
 .main_1stage .bnnbox{position:relative;}
 .main_1stage .txtWrap{width: 445px; margin:0 auto; position:absolute; top:50%; left:31.25%; transform:translate(0, -50%);z-index:1; text-align:left;}
 .main_1stage .txtWrap p{line-height: 1; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color:#222222; font-size:40px; font-weight:500; text-align:left; line-height:1.25;}
-.main_1stage .txtWrap .btn{position:relative; width:160px; height:52px; border:1px solid #959899; margin:20px auto 0; text-align:center; font-weight:300; }
+.main_1stage .txtWrap .btn{position:relative; width:160px; height:52px; border:1px solid #959899; margin:20px auto 0; text-align:center; font-weight:300;}
 .main_1stage img {margin:0 auto;width:100%;}
 .post-bnnWide .swiper-button-next {right:70px;}
 .post-bnnWide .swiper-button-prev {left:70px;}
@@ -470,7 +353,6 @@
 
 
 /* main_recomm */
-.main .wrap .content.main_recomm {}
 .main_recomm .cont_head {padding-bottom:50px;}
 .main_recomm .cont_body {padding:0 70px;}
 .main_recomm .sec_head {text-align:center;}
@@ -482,7 +364,6 @@
 .main_recomm .tag_list button.active:after{content:""; bottom:0px; right:0px; position:absolute; height:0px; width:0; padding:0px 0px 0px 0px; background:#222222; border-left:0px solid #ffffff; border-top:10px solid #222222; border-right:10px solid #ffffff;}	
 .main_recomm .tagitem {display:none;}
 .main_recomm .tagitem.active {display:block;}
-.main_recomm .swiper-slide {}
 .main_recomm .item_prod {width:100%;}
 .main_recomm .item_state {width:100%; padding:0;}
 .main_recomm .swiper-controls {margin-top:60px}
@@ -492,7 +373,6 @@
 
 }
 
-
 /* main_foryou */	
 .main .wrap .content.main_foryou {position:relative; display:block; width:100%; height:auto; margin-top:60px; padding:120px 140px; background-color:#f5f5f5;}
 .main_foryou::after {content:''; display:block; clear:both;}
@@ -503,7 +383,7 @@
 .fy_nav .btn_shape {width:100%; height:60px; padding:20px 115px 20px 30px; background:#fff; transition:none;}
 .fy_nav .btn_shape div {display:inline-block; text-align:left; width:100%; line-height:1; vertical-align:top;}
 .fy_nav .btn_shape div span {color:#888888; font-size:18px; font-weight:300; line-height:1;display: inline;}
-.fy_nav .btn_shape div::after {content: ''; display: inline-block; clear: both; }
+.fy_nav .btn_shape div::after {content: ''; display: inline-block; clear: both;}
 .fy_nav .btn_shape div .number { float: left; padding-right:25px; color:#222222; font-size:20px; font-weight:500;}
 .fy_nav .btn_shape div .number + span {color:#888888; font-size:18px; font-weight:300; line-height:1.2;width: 151px;display: inline-block;overflow: hidden;white-space: normal;overflow-wrap: break-word;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
 .fy_nav .btn_shape + a {display:none;}
@@ -528,13 +408,13 @@
 .fy_item .part .itemBrand,
 .fy_item .part .itemName,
 .fy_item .part .itemPrice {color:#ffffff; width:100%; max-width:none; word-break:keep-all;}
-.fy_item .part .itemPercent {position:relative; left:auto; right:auto; padding:0; margin:0}
+.fy_item .part .itemPercent {position:relative; left:auto; right:auto; padding:0; margin:0;}
 .post-sug .swiper-slide ul li{position:relative; margin:12px 0 0; background-color:rgb(255 255 255);}
 .post-sug .swiper-slide ul li:first-child {margin-top:0;}
 .post-sug .swiper-controls {bottom:-50px;}
 @media screen and (max-width:1460px) {
-	.main .wrap .content.main_foryou {padding-left:70px; padding-right:70px}
-	.main_foryou .cont_head {left:70px}
+	.main .wrap .content.main_foryou {padding-left:70px; padding-right:70px;}
+	.main_foryou .cont_head {left:70px;}
 }
 
 
@@ -548,14 +428,13 @@
 .post-tv .swiper-slide .movbox {position:relative; width:100%; height:0; padding-top:56.1818%; overflow:hidden; transition:all 300ms ease; transform:scale(1); pointer-events: none;}
 .post-tv .swiper-slide .movbox iframe {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:1; }
 .post-tv .swiper-slide-active .movbox {transform:scale(1.24); pointer-events:auto;}
-.post-tv .swiper-slide-active .movbox iframe {}
 .post-tv .swiper-button-next,
 .post-tv .swiper-button-prev{opacity:0.5;}
 .post-tv .swiper-button-next:hover,
 .post-tv .swiper-button-prev:hover{opacity:1; background-image:url('/images/pc/ico_slide_arrow_orange.png');}
 .post-tv .swiper-button-next {right:140px;}
 .post-tv .swiper-button-prev {left:140px;}
-.main_tv .swiper-controls {margin-top:40px}
+.main_tv .swiper-controls {margin-top:40px;}
 @media screen and (max-width:1460px) {
 	.post-tv .swiper-button-next {right:70px;}
 	.post-tv .swiper-button-prev {left:70px;}
@@ -582,13 +461,11 @@ header.minify .common_header.br_header::after {bottom:-565px;}
 
 .brand_main .swiper-slide .item_prod {width:100%;}
 .brand_main .swiper-slide .item_prod .item_state {padding:0;}
-.brand_main .swiper-slide .item_prod .item_state a.itemLink {}
 
 /* brand_visual */
-.brand_main .wrap .content.brand_visual {max-width:1920px; margin:auto; padding-left:200px}
+.brand_main .wrap .content.brand_visual {max-width:1920px; margin:auto; padding-left:200px;}
 
-.brand_main .brand_visual {margin:0}
-.brand_main .brand_visual .cont_body {}
+.brand_main .brand_visual {margin:0;}
 .brand_main .brand_visual .swiper-button-prev {left:70px; opacity:0.5;}
 .brand_main .brand_visual .swiper-button-next {right:70px; opacity:0.5;}
 .brand_main .brand_visual .swiper-button-disabled {display: none;}
@@ -617,14 +494,14 @@ header.minify .common_header.br_header::after {bottom:-565px;}
 .brand_main .post-visual .swiper-slide-prev {opacity:0;}
 .brand_main .post-visual .swiper-slide-next {opacity:1 !important; padding-left:0px; padding-right:440px;}
 .brand_main .post-visual .swiper-controls {position:absolute; width:auto; bottom:100px; left:50%; padding-right:15px; z-index:10; margin-left:-780px;}
-.brand_main .post-visual .swiper-controls .swiper-pagination {margin-top:0}
+.brand_main .post-visual .swiper-controls .swiper-pagination {margin-top:0;}
 
 /* brand_about */
-.brand_main .wrap .content.brand_info {margin-top:20px}
+.brand_main .wrap .content.brand_info {margin-top:20px;}
 .brand_main .brand_info .cont_body {padding:80px 6.7%; background:#f5f5f5;}
 .brand_main .brand_info .cont_body .brand_tit, .brand_main .brand_info .cont_body .brand_desc {float:left;}
 .brand_main .brand_info .cont_body .brand_tit {width:20%; margin-right:2%;}
-.brand_main .brand_info .cont_body .brand_desc {width:78%}
+.brand_main .brand_info .cont_body .brand_desc {width:78%;}
 .brand_main .brand_info .cont_body .brand_tit p {margin-bottom:30px; font-size:30px; font-weight:500;}
 .brand_main .brand_info .cont_body .brand_tit a {background:url(/images/pc/ico_ic_btn.png) no-repeat right center; padding-right:20px; font-size:16px; color:#666;}
 .brand_main .brand_info .cont_body .brand_desc .cate {margin-bottom:25px; font-size:20px; font-weight:500;}
@@ -632,19 +509,17 @@ header.minify .common_header.br_header::after {bottom:-565px;}
 
 /* brand_newitems */
 .brand_main .wrap .content.new_item {margin-bottom: -120px;}
-.new_item .cont_head {margin-bottom:60px}
+.new_item .cont_head {margin-bottom:60px;}
 .new_item .cont_body {position:relative; padding:0 70px;}
-.new_item .cont_body dl {}
 .new_item .cont_body dt {font-size:26px;font-weight:400;padding:28px 0 24px 0;}
 .new_item .cont_body dd {font-size:16px;font-weight:200;padding:10px 0 0;}
-.new_item .swiper-container {}
 .new_item .swiper-wrapper{padding-bottom:0px; min-height:670px;}
 .new_item .swiper-slide {width:calc((100% - 88px)/5 * 0.92); transition:all 200ms ease;}
-.new_item .swiper-slide.scaleBig {width:calc((100% - 88px)/5 * 1.12)}
+.new_item .swiper-slide.scaleBig {width:calc((100% - 88px)/5 * 1.12);}
 .new_item .item_state {padding:0;}
 .new_item .item_prod {width:100%;}
 .new_item .swiper-controls {padding-bottom:80px;}
-.new_item .swiper-pagination {margin-top:60px}
+.new_item .swiper-pagination {margin-top:60px;}
 .new_item .swiper-button-next, 
 .new_item .swiper-button-prev {top:250px;}
 .new_item .swiper-button-next {right:0px;}
@@ -654,8 +529,7 @@ header.minify .common_header.br_header::after {bottom:-565px;}
 }
 
 /* brand_bestitems */
-.brand_main .wrap .content.best_item {}
-.brand_main .best_item .cont_head {margin-bottom:60px}
+.brand_main .best_item .cont_head {margin-bottom:60px;}
 .brand_main .best_item .cont_body {padding-left:70px; padding-right:70px;}
 .brand_main .best_item .swiper-button-next {right:0px; margin-top:-120px;}
 .brand_main .best_item .swiper-button-prev {left:0px; margin-top:-120px;}
@@ -664,7 +538,6 @@ header.minify .common_header.br_header::after {bottom:-565px;}
 }
 
 /* brand_mditems */
-.brand_main .wrap .content.md_item {}
 .brand_main .md_item .cont_head {margin-bottom:60px}
 .brand_main .md_item .cont_body {padding-left:70px; padding-right:70px;}
 .brand_main .md_item .swiper-button-next {right:0px; margin-top:-120px;}
@@ -674,7 +547,6 @@ header.minify .common_header.br_header::after {bottom:-565px;}
 }
 
 /* brand_specialshop */
-.brand_main .wrap .content.special_shop {}
 .brand_main .special_shop .cont_head {margin-bottom:60px;}
 .brand_main .special_shop .cont_body {position:relative; background:#222;}
 .brand_main .special_shop .spe_thumb {float:left; position:relative; width:38%;}
@@ -692,7 +564,7 @@ header.minify .common_header.br_header::after {bottom:-565px;}
 .brand_main .special_shop .spe_pr_list .swiper-slide.view img {opacity:1;}
 .brand_main .special_shop .spe_pr_list .swiper-slide:last-child {opacity:1;}
 .brand_main .special_shop .spe_pr_list .swiper-slide .itemLink > * {color:#fff;}
-.brand_main .special_shop .spe_pr_list .slide_wrap .spe_sl {position:relative; padding:0 0 50px 0}
+.brand_main .special_shop .spe_pr_list .slide_wrap .spe_sl {position:relative; padding:0 0 50px 0;}
 .brand_main .special_shop .swiper-scrollbar {position:absolute; left:0; right:12%; bottom:0; margin:0; background:rgba(255,255,255,0.2) !important; height:2px;}
 .brand_main .special_shop .swiper-scrollbar-drag {background:rgba(255,255,255,0.6) !important;}
 .brand_main .special_shop .swiper-button-next {right:70px; opacity:0.5;}
@@ -702,14 +574,10 @@ header.minify .common_header.br_header::after {bottom:-565px;}
 }
 
 /* brand_lookbook */
-.brand_main .wrap .content.br_lookbook {}
-.brand_main .br_lookbook {}
-.brand_main .br_lookbook .cont_head {margin-bottom:60px}
+.brand_main .br_lookbook .cont_head {margin-bottom:60px;}
 .brand_main .br_lookbook .swiper-slide {width:auto; height:660px;}
 .brand_main .br_lookbook .bt_lb_item {overflow: hidden;width: 100%;height: 660px;}
-/* .brand_main .br_lookbook .swiper-slide img {width:auto; max-width: 990px;height: auto;display: block;} */
 .brand_main .br_lookbook .swiper-slide img {width: auto; height:100%; max-width: 990px;height: 100%;display: block;}
-.brand_main .br_lookbook .bt_lb_item {}
 .brand_main .br_lookbook .swiper-container {padding-top:60px;}
 .brand_main .br_lookbook .swiper-slide .bt_lb_item:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3);}
 .brand_main .br_lookbook .swiper-slide .bt_lb_item .item_picker {display: none;}
@@ -721,16 +589,16 @@ header.minify .common_header.br_header::after {bottom:-565px;}
 .brand_main .br_lookbook .swiper-button-prev {left:70px; opacity:0.5;}
 .brand_main .br_lookbook .swiper-slide-prev img,
 .brand_main .br_lookbook .swiper-slide-next img {transform: translate(-50%,-50%);left: 50%;top: 50%;position: relative;}
-.brand_main .br_lookbook .swiper-pagination {margin-top:40px}
+.brand_main .br_lookbook .swiper-pagination {margin-top:40px;}
 @media screen and (max-width:1460px) {
 
 }
 
 /* brand_product */
-.brand_main .wrap .content.brand_product {margin-bottom:60px}
-.brand_main .brand_product .cont_head {margin-bottom:60px}
+.brand_main .wrap .content.brand_product {margin-bottom:60px;}
+.brand_main .brand_product .cont_head {margin-bottom:60px;}
 .brand_main .brand_product .itemsGrp {margin-left:-10px; margin-right:-10px;}
-.brand_main .brand_product .btn_wrap {text-align:center; margin:0}
+.brand_main .brand_product .btn_wrap {text-align:center; margin:0;}
 .brand_main .brand_product .btn_wrap .btn {border:1px solid #a7a7a7; padding:15px 40px;}
 .brand_main .brand_product .btn_wrap .btn span {font-weight:300;}
 .brand_main .brand_product .btn_wrap .btn span:after {content:''; display:inline-block; margin-left:20px; width:7px; height:13px; background:url(/images/pc/ico_more_lg.png) no-repeat right center;}
@@ -741,7 +609,7 @@ header.minify .common_header.br_header::after {bottom:-565px;}
 /* brand_main_tv */	
 .brand_main .wrap .content.main_tv {padding-top:120px; padding-bottom:160px;}
 .brand_main .main_tv::before {background:#f5f5f5;}
-.brand_main .main_tv .cont_head p {color:#222}
+.brand_main .main_tv .cont_head p {color:#222;}
 @media screen and (max-width:1460px) {
 
 }
@@ -772,25 +640,6 @@ header.minify .common_header.br_header::after {bottom:-565px;}
 	.brand_main .post-visual .swiper-slide-active {z-index:8;}
 	.brand_main .post-visual .swiper-slide-active:before {display:block;}
 	.brand_main .post-visual .swiper-slide img {box-shadow:0px 0px 30px rgba(0,0,0,0.2), 0px 0px 30px rgba(0,0,0,0.2);} 
-	/* .brand_main .post-visual .swiper-slide img::before{
-		content:'';
-		position:absolute;
-		width:150px;
-		height:120px;
-		bottom:-50px;
-		right:-65px;
-		border:0px;
-		transform:rotate(135deg);
-		/* box-shadow:inset 0 -50px 30px -30px rgba(0,0,0,0.20); 
-		box-shadow:inset 0 -30px 20px -20px rgba(0,0,0,0.20);
-		box-shadow:inset 0px -60px 30px -50px rgba(0,0,0,0.20);
-		background:#fff;
-		background:linear-gradient(0deg, #fff 104px, transparent 0);
-		z-index:1;
-		z-index:9999;
-		display:none;
-	}  */
-
 	.brand_main .post-visual .swiper-slide img::after{
 		content:'';
 		position:absolute;
@@ -815,26 +664,12 @@ header.minify .common_header.br_header::after {bottom:-565px;}
 		right:-78px;
 		border:0px;
 		transform:rotate(135deg);
-		/* box-shadow:inset 0 -50px 30px -30px rgba(0,0,0,0.20); */
 		box-shadow:inset 0 -30px 20px -30px rgba(0,0,0,0.20);
 		box-shadow:inset 0px -60px 20px -50px rgba(0,0,0,0.20);
 		background:#fff;
 		background:linear-gradient(0deg, #fff 104px, transparent 0);
 		z-index:1;
-		
-		/*	
-			border-right:0px;
-			border-left:0px;
-			border-top:0px;
-			border-bottom:1px;
-			box-sizing:border-box;
-			border-style:solid;
-			transform:rotate(135deg);
-			border-image:linear-gradient(-135deg, transparent 0%,rgb(0 0 0 / 23%) 100% );
-			border-image-slice:160;
-		*/
 	}   
 	.main .post-visual .swiper-button-prev {margin-right:600px;}
 	.main .post-visual .swiper-button-next {margin-left:595px;}
-}
-
+}

src/main/webapp/ux/pc/js/common-ui.js

@@ -47,7 +47,6 @@ $(document).ready(function(){
 	// header minify
 	$(function(){
 		$(window).scroll(function(){
-			//var scroll = $(this).scrollTop();
 			var headerH =  $('.common_header > .hd_top_banner').outerHeight() + $('.common_header > .area').outerHeight();
 			var miniGnbH = $('.common_header > .gnb').outerHeight();
 			if ($(window).scrollTop() >= headerH){
@@ -77,8 +76,6 @@ $(document).ready(function(){
 3. Utility (유틸리티)
 
 * * * * * * * * * * * * * * * * * * * * * */
-
-
 // FORM
 // input-File-Add
 $(document).ready(function() {
@@ -119,7 +116,6 @@ $(document).ready(function() {
 				var myrvLa = $('.myReviewWrite .form_field .imgUpload label');
 				var myrvIn = $('.myReviewWrite .form_field .imgUpload input');
 				if (imgFiles.length >= maxFileLength-1) {
-					//mcxDialog.alert('이미지는 최대' + maxFileLength +'장 까지 첨부 가능합니다.'); //210507_삭제
 					$('#fileAdd').attr("disabled",true);
 					cmtLa.css('display', 'none');
 					cmtIn.css('display', 'none');
@@ -266,17 +262,10 @@ function sCombo(selector){
 			this.$selectBox.addClass('on');
 			this.$list.css('display', 'block');
 		}
-		//this.$selectBox.toggleClass('on');
-		//if(this.$selectBox.hasClass('on')){
-		//	this.$list.css('display', 'block');
-		//}else{
-		//	this.$list.css('display', 'none');
-		//};
 	}
 	sCombo.prototype.listSelect = function($target){
 		$target.addClass('selected').siblings('li').removeClass('selected');
 		this.$selectBox.removeClass('on');
-		//this.$select.text($target.text());
 		this.$select.html($target.html());
 		this.$list.css('display', 'none');
 		console.log($target.html())
@@ -378,8 +367,6 @@ $(document).ready( function() {
 	/* 주문결제_accordion */
 	/* 210428_수정 : 아코디언 */
 	$(document).on('click','.od .foldGroup .fold_head .fold_tit',function(e){	
-		//$(this).parents('.foldGroup li').find('.fold_cont').slideToggle(100);
-		//$(this).parents('.fold_head').toggleClass('on');
 		$(this).parents('.fold_head').toggleClass('on');
 		$(this).parents('.foldGroup li').find('.fold_cont').slideToggle(100);
 		$(this).parents('li').siblings('li').find('.fold_head').removeClass('on');
@@ -415,13 +402,13 @@ $(document).ready( function() {
 		return false;
 	});
 
-	/* 전시 팝업 샘플팝업1 : 수정예정 */
+	/* 전시 팝업 샘플팝업1 */
 	$(document).on('click','#coupon_pop',function(e){
 		$("#coupon_modal_01").modal("show");
 		return false;
 	});
 	
-	/* 전시 팝업 샘플팝업2 : 수정예정 */
+	/* 전시 팝업 샘플팝업2 */
 	$(document).on('click','#coupon_pop2',function(e){	
 		$("#coupon_modal_02").modal("show");
 		return false;
@@ -438,9 +425,8 @@ $(document).ready( function() {
 		rows.eq(0).parent('tr').attr('class', 'bundle_row');
 	});
 
-	/* 드래그 스크롤 : 수정 예정 */
+	/* 드래그 스크롤 */
 	var x,left,down;
-
 	$(".bullet_sticky_nav ul").mousedown(function(e){
 		e.preventDefault();
 		down = true;
@@ -456,7 +442,7 @@ $(document).ready( function() {
 	});
 
 	$("body").mouseup(function(e){down = false;});
-	/* //드래그 스크롤 : 수정 예정 */
+	/* //드래그 스크롤 */
 
 
 	/* 상품리스트 sticky_nav_header */
@@ -507,12 +493,9 @@ $(document).ready( function() {
 		$(".sticky_nav li a").on("click", function(){
 			var hookHeader = $(".sticky_nav").outerHeight();
 			var hookHref = $(this).attr("href");
-			//var hookPot = $(hookHref == "#" || hookHref == "" ? "body" : hookHref);
 			var hookPot = $(hookHref);
 			var hookPos = hookPot.offset().top - hookHeader;
 			$("html, body").animate({scrollTop: hookPos}, 300);
-			//$('.sticky_nav li a').removeClass('active');
-			//$(this).addClass('active');
 		});
 	});
 
@@ -562,18 +545,10 @@ $(document).ready( function() {
 	//팝업 - 상품썸네일 크게보기
 	$(document).on('click','.pd_detail .area_pic .thumb_list_wrap ul li a',function(e){
 		$('body').addClass('lock');
-		// $("#pdItemThumbPop .full_pop_container").empty();
 		var thumbIndex = $(this).index() + 1;
 		var thumbImglength = $('.pd_detail .area_pic .thumb_list_wrap ul li').length;
 		var popThumbImgHtml = "";
-		// for (i = 1; i <= thumbImglength; i++) {
-		// 	//var thumbImg = $(this).find('img');
-		// 	var thumbContentHtml = $('.pd_detail .area_pic .thumb_list_wrap ul li:nth-child('+i+') a .thumb').html();
-		// 	popThumbImgHtml += "<div id=popThumb"+i+" class='scaleview'>" + thumbContentHtml + "</div>";
-		// }
-		// $("#pdItemThumbPop .full_pop_container").append(popThumbImgHtml);
-		$("#pdItemThumbPop").show(); 
-	
+		$("#pdItemThumbPop").show(); 	
 		var scrollThumbPop = $('#popThumb'+thumbIndex).offset().top;
 		var currentTop = $(window).scrollTop();
 		$('#pdItemThumbPop').animate({scrollTop : scrollThumbPop - currentTop}, 1000);
@@ -698,67 +673,11 @@ $(document).ready( function() {
 		}else {
 			$('.fold_head').removeClass('on');
             $('.fold_cont').slideUp(100);
-            //$(this).parents('.foldGroup li').find('.fold_cont').slideToggle(100);
-            //$(this).parents('.fold_head').toggleClass('on');
             if(!$(this).parents('.foldGroup li').find('.fold_cont').is(":visible")){
                 $(this).parents('.foldGroup li').find('.fold_cont').slideDown(100);
                 $(this).toggleClass('on');
             }
-			//$(this).parents('.foldGroup li').find('.fold_cont').slideToggle(100);
-			//$(this).toggleClass('on');
 		}
 	});
 
 });
-
-/////////////////////////////////////////////////////// 
-// 이하  미사용 스크립트 정리예정
-//$( document ).ready(function() {
-
-//	var footerH = $("#footer").outerHeight();
-//	var fixedH = $(".fixed_btns").outerHeight();
-//	var limitH = ((footerH+fixedH)-8);
-
-//	uifn_bottomfloat($(".fixed_btns"), footerH);
-//	$(window).on('scroll', function(){
-//		uifn_bottomfloat($(".fixed_btns"), footerH);
-//	});
-
-//	uifn_popupCtr();
-//	uifn_familyCtr();
-
-//	//popup
-//	function uifn_popupCtr() {
-//		var popupArea = $(".popup-area");
-		
-//		if(popupArea.css('display') == 'block'){
-//			popupArea.show();
-//			document.body.classList.add("stop-scroll");
-//		};
-	
-//		popupArea.find(".close").click(function(){
-//			popupArea.css('display','none');
-//			document.body.classList.remove("stop-scroll");
-//		});
-//	};
-	
-//	// family site
-//	function uifn_familyCtr(){
-//		$('.family-area').click(function(e){
-//			$('.family-area').toggleClass('on');
-//		});
-//	}
-
-//	// scrollTop
-//	function uifn_bottomfloat(object, num) {
-//		var bottom = $(document).height() - $(window).height() - $(document).scrollTop();
-
-//		if (bottom > num) {
-//			object.removeClass("off");
-//		} else if (bottom <= num) {
-//			object.addClass("off");
-//		} else {
-//			object.removeClass("off");
-//		}
-//	}
-//});