/* 공용 */
select { -webkit-appearance: none; -moz-appearance: none;appearance: none; background:#fff url(/img/board/bssbg.png) no-repeat 100% 0;}
select::-ms-expand { display:none; }
.let01 { letter-spacing: -1px;}
.let8 { letter-spacing: 8px;}
.let5 { letter-spacing: 5px;}
.let2 { letter-spacing: 2px;}
.hrefLink a { text-decoration: underline; color:#3b44ff;}
.line15 { line-height:1.5;}
.line25 { line-height:2;}
.pbt75 { padding-bottom:75px;}
.dpb { display: block;}
.noto { font-family: "notokr"}
.ft36 { font-size:36px;}
.ft22 { font-size:22px;}
.ft20 { font-size:20px;}
.ft24 { font-size:24px;}
.ft30 { font-size:30px;}
.ft18 { font-size:18px;}
.ft14 { font-size:14px;}
.ft12 { font-size:12px;}
.ftm18 { font-size:18px;}
.ftm16 { font-size:18px;}
.bold { font-weight: bold;}
.col01 { color:#001931;}
.col02 { color:#555; }
.col03 { color:#656565;}
.col04 { color:#363636; }
.col05 { color:#7d7d7d;}
.white { color:#fff;}
.fwe600 { font-weight: 600;}
.fwe500 { font-weight: 500;}
.fwe300 { font-weight: 300;}
.fwe100 { font-weight: 100;}
.mgt25 { margin-top:25px; }
.mgt35 { margin-top:35px; }
.mgt5 { margin-top:5px;}
.total-sb-wrap { max-width:1075px; margin:0 auto; width:100%;}
.total-nt-title { border-top:1px solid #001931; border-bottom:1px solid #001931; padding:25px 0px; margin-top:20px; position: relative;}
.total-nt-title > span { display: inline-block; font-family: "notokr"; }
.total-nt-title > h1 { display:inline-block; font-family: "notokr";}
.total-nt-title > h2 { display:inline; right:0; position: absolute; padding-right: 15px; font-weight: 100;}
.total-nt-content { margin:20px auto; border-bottom:2px solid #001931; padding-bottom:20px;}

.admin-manager { display: block; margin:20px auto; position: relative; width:100%; right:0; text-align: right;}
.admin-manager .admin { }
.admin-manager .admin a { font-size:14px; background:#001931; color:#fff; padding:5px 15px; line-height: 14px;}
.admin-manager .admin .activ { background:#3b44ff;}
.total-sub-wrap { }

.total-sub-wrap .gzs_wrap {
    border: 1px solid #c9c9c9; width: 100%; max-width: 167px; margin: 0 auto;
    margin-top:37px;
}
.total-sub-wrap .gzs_wrap .nts_select { 
	outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;
	background: #ffffff url("http://sjf.zcx.kr/theme/sjf/images/suv/arr_sel.png") right center no-repeat;
	width: 100%; opacity: 1; filter: alpha(opacity=0); border:none; height: 54px;
}

.total-sub-wrap .gzs_wrap .nts_select select {
    padding-left:20px;
    line-height:54px;
}

.total-sub-wrap .gzs_wrap {
    border: 1px solid #c9c9c9; width: 100%; max-width: 167px; margin: 0 auto;
    margin-top:37px;
}
/* 검색 2 */
.total-sub-wrap .gzs_wrap2 {
    border: 1px solid #c9c9c9;
    width: 100%;
    max-width: 563px;
    margin: 0 auto;
    margin-top:37px;
}

.total-sub-wrap .gzs_wrap2 .nts_select { 
	outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;
	background: #ffffff url("http://sjf.zcx.kr/theme/sjf/images/suv/arr_sel.png") right center no-repeat;
	width: 100%; opacity: 1; filter: alpha(opacity=0); border:none; height: 54px; max-width:167px; float:left;
}

.total-sub-wrap .gzs_wrap2 .nts_select select {
    padding-left:20px;
    line-height:54px;
}

.total-sub-wrap .gzs_wrap2 .nts_search {
    float: left;
    position: relative;
    width: 394px;
}

.total-sub-wrap .gzs_wrap2 .nts_search input[type="text"] {
    border: none;
    width: 100%;
    padding-right: 75px;
    height: 55px;
    line-height: 55px;
    border-left: 1px solid #c9c9c9;
    text-indent: 20px;
}

.total-sub-wrap .gzs_wrap2 .nts_search .submit_btn {
    border: none;
    display: inline-block;
    width: 56px;
    height: 56px;
    position: absolute;
    top: -1px;
    right: 0;
    background: #1d5c96 url(../images/sub/search.png) center center no-repeat;
    color: #ffffff;
    color: transparent;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
}

.total-sizing-wrap { padding:30px 0px; margin:0 auto; max-width:1400px; width:100%;}
.total-sizing-wrap .images-box { width:100%; height: auto; margin:0 auto; overflow:hidden; border:1px solid #d7d7d7; border-bottom:none; text-align: center;}
.total-sizing-wrap .images-box-on { width:60%; max-height:165px; height: auto; overflow:hidden; border:1px solid #d7d7d7; border-bottom:none; float:left;}
.total-sizing-wrap .onSale-wrap2 .images-box2 {  width:60%; height: auto; overflow:hidden; border:1px solid #d7d7d7; border-bottom:none; }

/*mgt*/
.mgt50 { margin-top:50px;}
.mgt20 { margin-top:20px;}
.mgt13 { margin-top:13px;}
.mgt8 { margin-top:8px;}

.sub-wrap { width:100%; min-height:100vh;}
.sub_header_wrap { background:#000; opacity: 0.9;}
.sub_header { min-height:430px; width:100%; background:url("../images/sub/CATEGORY_PHOTO.jpg") no-repeat; background-position:50% 80%; /*background-attachment: fixed; */}

.content-wrap { padding-top:55px; padding-bottom:30px;}

/*회원가입*/
.signup-wrap { max-width:1075px; margin:40px auto;}
.signup-wrap .sign-box { border:1px solid #e3e3e3; background:#f4f4f4; min-height:300px; height:auto;  padding:40px; }
.signup-wrap .sign-box .sing-title { text-align: center; font-family: "notokr"; }
.signup-wrap .sign-box > span { text-align: center; display: block; margin-top:10px; }
.signup-wrap .sign-box .sign { max-width:400px; margin:20px auto; }
.signup-wrap .sign-box .sign li { width:calc(50% - 13px); display: inline-block; text-align: center; border-radius: 30px; margin-top:15px;  padding:15px 0px;}
.signup-wrap .sign-box .sign li a {color:#fff; vertical-align: middle;}
.signup-wrap .sign-box .sign li span { margin-right:10px; padding-left:25px;}
.signup-wrap .sign-box .sign li.kakao { background:#f4c600; text-align: left;}
.signup-wrap .sign-box .sign li.naver { background:#2dab30; text-align: left;}
.signup-wrap .sign-box .sign li.facebook { background:#3b5998; text-align: left;}
.signup-wrap .sign-box .sign li.google { background:#d24913; text-align: left;}
.signup-wrap .sign-box .sign li.kakao span:before { content:""; background:url("../images/sub/kakao_ico.jpg") no-repeat center center; position: relative; display:inline-block; width:13px; height:23px; vertical-align: top; top:0px; }
.signup-wrap .sign-box .sign li.naver span:before { content:"";background:url("../images/sub/naver_ico.jpg") no-repeat center center; position: relative; display:inline-block; width:13px; height:23px; vertical-align: top; top:0px; }
.signup-wrap .sign-box .sign li.facebook span:before { content:"";background:url("../images/sub/face_ico.jpg") no-repeat center center; position: relative; display:inline-block; width:13px; height:23px; vertical-align: top; top:0px; }
.signup-wrap .sign-box .sign li.google span:before { content:"";background:url("../images/sub/google_ico.jpg") no-repeat center center; position: relative; display:inline-block; width:13px; height:23px; vertical-align: top; top:0px; }
.signup-wrap .sign-box .sign li:nth-child(2), .sign li:nth-child(4) { margin-left:20px;} 
.basic { }
.basic.border-box { border:1px solid #e3e3e3; display: block; width:100%; min-height:40px; padding:20px; background:#f3f3f3;}
.border-box-textArea { padding:20px; display: block; border:1px solid #e3e3e3; border-top:none; margin-bottom:20px;}
button.bak3 { margin:0 auto; text-align: center; position: relative; display: block; background:#001931; color:#fff; border:none; cursor: pointer; padding:15px 30px; font-size:18px; border-radius: 30px;}

/*로그인 화면*/
.HOME { 
    padding-left:40px;
    width:100%;
    position: relative;
}
.login-back-wrap {
    background:url("../images/sub/login.jpg") no-repeat center center;
    height:100vh;
    width:100%;
    position: relative;
}
.login-sb-wrap { 
    max-width:635px;
    width:100%;
    height:100%;
    max-height:670px;
    background:#fff;
    border-radius: 30px;
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    left:0;top:0;right:0;bottom:0;
    margin:auto;
    padding:40px;
    -webkit-box-shadow: -1px 2px 41px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 2px 41px -13px rgba(0,0,0,0.75);
    box-shadow: -1px 2px 41px -13px rgba(0,0,0,0.75);
}
.login-sb-wrap .login-title { 
    text-align: center;
    margin-top:60px;
}
.login-sb-wrap .sub-title { margin-top:5px;}
.login-sb-wrap .login-form { max-width:362px; margin:60px auto 0px; }
.login-sb-wrap .login-form input.log-input { width:100%; display: block; padding:5px 15px; border:none; border-bottom:1px solid #d4d4d4; margin:20px 0px 0px;}
.login-sb-wrap .login-form .submit { color:#fff; text-align: center; width:100%; border:1px solid #e3e3e3; background:#001931; margin-top:10px; padding:10px 0px;}
.login-sb-wrap .login-form .log-wh { margin:20px auto 0px; display: block; text-align: center;}
.login-sb-wrap .login-form .log-wh ul li { display: inline-block; }
.login-sb-wrap .login-form .log-wh ul li::before { content: ""; display: inline-block; width:1px; height:12px; background:#666; vertical-align: top; position: relative; top:1px;  margin:0px 15px;}
.login-sb-wrap .login-form .log-wh ul li:first-child::before { display: none;}
.login-sb-wrap .sns-login { max-width:500px; margin:0 auto; margin-top:35px;}
.login-sb-wrap .sns-login ul li { display: inline-block; font-family: 'dotum'; font-size:12px; width:calc(50% - 15px); max-width:265px; background:#f3f3f3; line-height: 40px;
  margin:20px 0px; border-radius: 12px; text-align: center; }
.sns-login ul li:nth-child(2), .sns-login ul li:nth-child(4) { margin-left:25px;}
.login-sb-wrap .sns-login ul li.kakao span:hover { width:60px; transition: width .2s ease-in-out;}
.login-sb-wrap .sns-login ul li.naver span:hover { width:60px; transition: width .2s ease-in-out;}
.login-sb-wrap .sns-login ul li.facebook span:hover { width:60px; transition: width .2s ease-in-out;}
.login-sb-wrap .sns-login ul li.google span:hover { width:60px; transition: width .2s ease-in-out;}
.login-sb-wrap .sns-login ul li.kakao span { background:#f4c600; float:left; width:55px; height:40px; border-top-left-radius: 12px; border-bottom-left-radius:12px; transition: all .2s ease-in-out;}
.login-sb-wrap .sns-login ul li.naver span { background:#2dab30; float:left; width:55px; height:40px; border-top-left-radius: 12px; border-bottom-left-radius:12px; transition: all .2s ease-in-out;}
.login-sb-wrap .sns-login ul li.facebook span { background:#3b5998; float:left; width:55px; height:40px; border-top-left-radius: 12px; border-bottom-left-radius:12px; transition: all .2s ease-in-out;}
.login-sb-wrap .sns-login ul li.google span { background:#d24913; float:left; width:55px; height:40px; border-top-left-radius: 12px; border-bottom-left-radius:12px; transition: all .2s ease-in-out;}
.login-sb-wrap .sns-login ul li.kakao span:after { 
    content:""; background:url("../images/sub/kakao_ico.jpg") no-repeat center center; display:inline-block; width:10px; height:18px; vertical-align: middle;
}
.login-sb-wrap .sns-login ul li.naver span:after { 
    content:""; background:url("../images/sub/naver_ico.jpg") no-repeat center center; display:inline-block; width:13px; height:15px; vertical-align: middle;
}
.login-sb-wrap .sns-login ul li.facebook span:after { 
    content:""; background:url("../images/sub/face_ico.jpg") no-repeat center center; display:inline-block; width:10px; height:23px; vertical-align: middle;
}
.login-sb-wrap .sns-login ul li.google span:after { 
    content:""; background:url("../images/sub/google_ico.jpg") no-repeat center center; display:inline-block; width:13px; height:16px; vertical-align: middle;
}

/*어바웃*/
.all-title { text-align: center; letter-spacing: 5px; }
.all-title:after { content:""; display: inline-block; width:40px; height:3px; background:#001931; }

.about_main { margin-top:20px;}

.inner .box { margin:20px;  }
.inner .box h1 { font-weight: 600; margin-top:60px; margin-bottom:20px;}
.inner .box .us { margin-top:50px; width:100%;} 
.inner .box .us .us-box-left { width:20%; display: inline-block; vertical-align: bottom;}
.inner .box .us .us-box-right { width:78%; display: inline-block; line-height: 2.5;}
/* .inner .box .us .us-box-right ul li { display: inline-block;} */
.inner .box .us .ux-box-solo { padding-left:275px; }

/*HISTORY START*/
.change-title { margin-top:40px; width:100%; border-bottom:1px solid #9f9f9f; padding-bottom:16px;}
.total-sizing-wrap .gal-box { overflow:hidden; vertical-align: top; }
.total-sizing-wrap .gal-box .name-box { box-sizing: border-box; }
.total-sizing-wrap .gal-box .name-box.brd { border:1px solid #d7d7d7; }
.total-sizing-wrap .gal-box .name-box .pad { padding:20px; }

/* width notice */
/* history */
.dpdi { display: inline-block;}
.ofw { overflow: hidden;}
.poa { position: relative;}
.width01 { width:calc(25% - 50px); }
.mgt01 { margin: 0px 25px 23px; }

/*ARTIST*/
.total-sizing-wrap .gal-box.art-box { display: inline-block; width:calc(33.3333% - 49px); margin:0 23px 36px; position: relative; height:auto;
background:#000; }
.total-sizing-wrap .gal-box.art-box .images-box { transition: all 0.4s ease-in-out; cursor: pointer;} 
.total-sizing-wrap .gal-box.art-box .name-box { 
    position:absolute; opacity: 0; text-align: center; width:100%; height:100%; left:0; top:50%; right:0;bottom:50%; margin:-50px 0; padding-top:25px;
}
.total-sizing-wrap .gal-box.art-box .name-box:after { display: table; content: ""; position: relative;}
.total-sizing-wrap .gal-box.art-box:hover .images-box {
    opacity: 0.4;
  }
.total-sizing-wrap .gal-box.art-box:hover .name-box { opacity: 1; transition: all 0.4s ease-in-out; text-shadow: 1px 1px 1px #000;  }

/*ARTIST - VIEW */
.nt-view-wrap { width:100%; max-width:1075px; margin:25px auto;}
.nt-view-wrap .name-wrap { }
.nt-view-wrap .name-wrap .name-left { float:left;}
.nt-view-wrap .name-wrap .name-left .kor { font-size:20px; letter-spacing: 2px; }
.nt-view-wrap .name-wrap .name-left .eng { font-size:20px; letter-spacing: 2px; }
.nt-view-wrap .name-wrap .name-right { float:right; }
.nt-view-wrap .name-wrap .name-right ul li { display: inline-block; }
.name-right .face { 
    width: 33px;
    height: 33px;
    background: url("../images/main/facebook_ico_hover.png") no-repeat;
    vertical-align: middle;
    cursor: pointer;
}
.name-right .twit { 
    width: 33px;
    height: 33px;
    background: url("../images/main/twitter_ico_hover.png") no-repeat;
    vertical-align: middle;
    cursor: pointer;
}
.name-right .insta { 
    width: 33px;
    height: 33px;
    background: url("../images/main/instar_ico_hover.png") no-repeat;
    vertical-align: middle;
    cursor: pointer;
}
.name-right .youtube { 
    width: 33px;
    height: 33px;
    background: url("../images/main/youtube_ico_hover.png") no-repeat;
    vertical-align: middle;
    cursor: pointer;
}
.name-right .blog { 
    width: 33px;
    height: 33px;
    background: url("../images/main/blog_ico_hover.png") no-repeat;
    vertical-align: middle;
    cursor: pointer;
}

.nt-view-wrap .nt-box-wrap { line-height:1.5;}
.disco-mp .dis-album { width:100%; height: auto; position:relative;}
.disco-mp li {
    width:calc(33.33333% - 33px);
    display: inline-block;
    margin:15px 15px;
}
.disco-mp li .dis-cont { padding:18px; color:#fff; background:#000; height:100%; width:100%; opacity: 0; transition: all 0.4s ease-in-out; left:0; top:0; position:absolute;}
.disco-mp li:hover .dis-cont { opacity: 0.8; }
.Artist-sb { position:relative;  text-align:right;}
.navigation { display: block; position: relative; }
.navigation .arrow-left { float:left;}
.navigation .arrow-right { float:right;}
.navigation .arrow-left:before { content:""; background:url("../images/sub/arrow-left.png") no-repeat; width:13px; height:18px; display: inline-block; vertical-align: top; }
.navigation .arrow-right:after { content:""; background:url("../images/sub/arrow-right.png") no-repeat; width:13px; height:18px; display: inline-block;  vertical-align: top;  }
.list-btn { display:table; position: relative; margin-top:15px; }
.list-btn span { display: table-cell; padding:10px 30px; background:#001931; border-radius:30px; font-weight: 600; color:#fff; }
.pageNav { margin:20px auto 0px; text-align: center;}
.pageNav .first:before { content:""; background:url("../images/sub/arrow-left.png") no-repeat; width:13px; height:18px; display: inline-block; vertical-align: top; margin-right:5px; }
.pageNav .next:after { content:""; background:url("../images/sub/arrow-right.png") no-repeat; width:13px; height:18px; display: inline-block;  vertical-align: top; margin-left:5px; }

.pageNav .firstpage:before { content:""; background:url("../images/sub/double-arrow-left.png") no-repeat; width:20px; height:18px; display: inline-block; vertical-align: top; margin-right:5px; }
.pageNav .nextpage:after { content:""; background:url("../images/sub/double-arrow-right.png") no-repeat; width:20px; height:18px; display: inline-block;  vertical-align: top; margin-left:5px; }

.page_p a { display: inline-block; margin:0px 10px; }
.page_p a.act:after { border-bottom:1px solid #001931; content: ""; display:block; width:20px; }

/*NOTICE*/
.total-sizing-wrap .gal-box.notice-box { 
    width:calc(33.3333% - 33px);
    height: auto;
    display: inline-block;
    margin:15px;
}

.total-sizing-wrap .notice-images-box { width:100%; height: auto; border:1px solid #e3e3e3; border-bottom:none; }
.total-sizing-wrap .notice-content-box { border:1px solid #e3e3e3; padding:20px 30px; }
.notice-content-box a h1 { display: inline;}
.notice-content-box a h2 { line-height: 1.5; margin-top:10px;}
.notice-content-box .date:before { content: ""; display: inline-block; margin-right:5px; position:relative; top:1px; background:url("../images/sub/data-time-ico.png") no-repeat; width:11px; height:11px; }

/*PAST*/
.total-sizing-wrap .onSale-wrap { 
    width:calc(680px - 13px);
    height:100%;
    overflow: hidden;
    display: inline-block;
    margin:15px;
    border:1px solid #e3e3e3;
    position:relative;
    padding:20px;
}
.total-sizing-wrap .onSale-wrap .images-box { display: block; flex: 1 1 0; float:left; max-height: 250px; }
.total-sizing-wrap .onSale-wrap .content-box {
display: block;
position: relative; vertical-align: middle;  height:100%; line-height: 1.5; width:40%; padding-left:20px; padding-right:20px; float:left;
padding-top:5%; padding-bottom:5%;
}

/*OnSale*/
.total-sizing-wrap .onSale-wrap2 { 
    width:1100px;
    height:100%;
    overflow: hidden;
    display: block;
    margin:15px auto;
    border:1px solid #e3e3e3;
    position:relative;
    padding:20px;
}
.total-sizing-wrap .onSale-wrap2 .images-box2 { display: block; float:left; max-height: 250px; }
.total-sizing-wrap .onSale-wrap2 .content-box2 {
display: block;
position: relative; vertical-align: middle; height:100%; line-height: 2; padding-left:20px; padding-right:20px; float:left; width:40%; padding-top:6%; padding-bottom:6%;
}

.onsale:before { content: ""; display: inline-block; margin-right:5px; position:relative; top:1px; background:url("../images/sub/onsale_ico.png") no-repeat; width:13px; height:13px;}

/*VIDEO*/
.video { 
    display: inline-block;
    width:calc(50% - 33px);
    margin:15px;
   
}
.video-wrap {
    overflow:hidden;
    width:100%;
    display: inline-block;
    position:relative;
    height:100%;
    /* width:calc(50% - 33px);
    margin:15px; */
   
}

/* .video-wrpa image:hover {
    opacity: 1; content:""; position: absolute; display: table; left:0;top:0;bottom:0;right:0; width:100%; height:100%; margin:auto;
background:url("../images/sub/play_ico.png") no-repeat;
} */
.video-wrap:hover { transition: all 0.4s ease-in-out; }
.video-wrap:hover .figure:before {
    content:''; position: absolute;bottom:0;left:0;top:0;right:0;  background:#000; opacity: 0.5;  background-size:100% 100%;  z-index: 1; 
}
.video-wrap:hover .figure:after {
    content:""; position: absolute; display: block; left:0;top:0;bottom:0;right:0;
    background:url("../images/sub/play_ico.png") no-repeat center center; vertical-align: middle; z-index: 2;
}

.video-title { padding-right:15px; margin-top:5px;}


/*video popup*/
.popup_bg {
    background: #000;
    opacity: 0.85;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 19998;
    display: none;
  }
  .popup_contents {
    z-index: 19999;
    position: fixed;
    top: 50%;
    left: 50%;
    width: auto;
    display: none;
    margin-top: -190px;
    margin-left: -300px;
  }
  .pop.self {
    margin-top: -80px;
  }
  
  /**/
  .movie {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
  }
  .btn_movie {
    position: absolute;
    top: -80px;
    right: 0;
  }
  #video_pop {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 6%;
    position: relative;
  }
  #video_pop a {
    position: absolute;
    display: block;
    width: 78px;
    height: 78px;
    top: -78px;
    right: 0;
    z-index: 9999;
    background: url(../images/sub/close2.png) no-repeat center;
    text-indent: -99999px;
    color: transparent;
  }
  .pop_con {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    z-index: 99999;
  }
  .pop_con iframe,
  .pop_con object,
  .pop_conembed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .btn_movie.w {
    display: block;
  }
  .btn_movie.m {
    display: none;
  }
  .SuccBtn a { color:#fff;}
  .SuccBtn { margin:0 auto; display: block; position: relative; width:200px; height:40px; text-align: center; background:#3b44ff; color:#fff; line-height: 40px; margin-top:50px; border-radius: 30px;}
  

  /*게시판 Write*/
  /*1.Notice*/
  .total-edit-content { background:aliceblue;}
  .total-nt-content-write { padding-bottom:20px; border-bottom:1px solid #e3e3e3;}
  .total-nt-title-link { border-bottom:2px solid #001931; padding:25px 0px; }
  .wrtie { margin:5px 0px;}
  .wrtie input[type="text"] { width:40%; min-height:40px; padding:0px 10px;}
  .wrtie label { width:80px; display: inline-block;}
  .wrtie .right-chk { width:130px;}

@media all and (max-width:1259px) {
    .sub_header { min-height:250px; background-position: 50% 70%; background-attachment: inherit;}
    .inner .box h1 { margin-top:40px;}
    .ft36 { font-size:30px;}
    .ft22 { font-size:18px;}
    .ft18 { font-size:14px;}
    .inner .box .us { margin-top:20px;}
    .line25 { line-height:1.5;}
    .inner .box .us .us-box-right { line-height: 1.5;}
    .pbt75 { padding-bottom:40px;}
    .let8 { letter-spacing: 4px;}
}
@media all and (max-width:1404px) {
    .total-sizing-wrap .onSale-wrap { width:calc(50% - 33px); }
    .total-sizing-wrap .onSale-wrap .content-box { padding-top:0; padding-bottom:0;}
}
@media all and (max-width:1100px) {
    .total-sizing-wrap .onSale-wrap2 { width:100%;}
    .total-sizing-wrap { max-width: inherit; width:inherit; margin:15px 20px;}
    .total-sizing-wrap .onSale-wrap2 .content-box2 { padding-top:4%; padding-bottom:4%; }
    .total-sizing-wrap .onSale-wrap2 .content-box2 p { line-height: 1.5;}
    .total-sizing-wrap .onSale-wrap2 .images-box2 { display:block; width:58%; background-position:center;}
}
@media all and (max-width:1023px) {
    .total-sizing-wrap .onSale-wrap { width:100%; margin:10px 0px;}
    .total-sizing-wrap .onSale-wrap .content-box { padding-top:3%; padding-bottom:3%;}
    .total-sizing-wrap { max-width: inherit; width:inherit; margin:15px auto;}
    .total-sub-wrap { margin-left:20px; margin-right:20px;}
    .total-sizing-wrap .gal-box.width01 { width:calc(50% - 33px); }
    .total-sizing-wrap .gal-box.mgt01 { margin:15px 15px; }
    .total-sizing-wrap .gal-box .name-box .pad { padding:10px;}
    .total-sub-wrap .gzs_wrap { margin-top:20px;}
    .ft24 { font-size:18px;}
    .ft16 { font-size:14px;}
    .change-title { padding-bottom:10px;  width:inherit;}
    .total-sub-wrap .gzs_wrap2 .nts_select { max-width: inherit; float:none; border-bottom:1px solid #e3e3e3;}
    .total-sub-wrap .gzs_wrap2 .nts_search { float:none; width:inherit;}
    .total-sub-wrap .gzs_wrap2 { max-width:inherit; width:inherit; margin-top:20px;}
    .total-sub-wrap .gzs_wrap2 .nts_search input[type="text"] { border-left:none;}
    .total-sizing-wrap .gal-box.art-box { width:calc(50% - 43px); margin:0 20px 15px; }
    .disco-mp li { width:calc(50% - 33px); }
    .total-sizing-wrap .gal-box.notice-box { width:calc(50% - 33px); }
    .total-sb-wrap { max-width:inherit; width:inherit; margin:0 20px;}
    .total-nt-title > h2 { right:0; padding-right:0px; position:absolute;}
    .ft20 { font-size:16px;}
    .inner { width:inherit; max-width:inherit; }

}
@media all and (max-width:767px) {
    .ft30 { font-size:22px;}
    .total-sizing-wrap { padding:10px 0px; max-width: initial; width:initial;}
    .inner .box h1 { margin-top:20px;}
    .ft36 { font-size:22px;}
    .ft22 { font-size:14px;}
    .let8 { letter-spacing: 1px; }
    .ft18 { font-size:12px;}
    .inner .box .us .us-box-right { width:100%; display:block;}
    .us { font-size:14px;}
    .pbt75 { padding-bottom:20px;}
    .dis { display: none;}
    .content-wrap { padding-top:25px;}
    .mgt8 { margin-top:4px;}
    .mgt13 { margin-top:8px;}
    .ft14 { font-size:13px;}
    .total-sub-wrap .gzs_wrap2 .nts_select { height:40px;}
    .total-sub-wrap .gzs_wrap2 .nts_select select { line-height:40px;}
    .total-sub-wrap .gzs_wrap2 .nts_search input[type="text"] { height:40px;}
    .total-sub-wrap .gzs_wrap2 .nts_search .submit_btn { width:40px; height:42px; background-size:16px auto;}
    .disco-mp li {  width:inherit; margin:10px 0px;}
    .total-sizing-wrap .gal-box.notice-box { width:100%; margin:10px 0px;}
    .total-nt-title > h2 { right:0; padding-right:0px; position:relative; display: block; margin-top:10px;}
    .total-sizing-wrap .onSale-wrap2 .images-box2 { width:inherit; float:none; max-height:inherit; }
    .total-sizing-wrap .onSale-wrap2 .content-box2 { display: block; position: relative; padding-left:12px; margin-top:5px; line-height:1.5; width:100%; padding:0;}
    .total-sizing-wrap .onSale-wrap2 .content-box2 p { letter-spacing: -0.2px;}
    /* .total-sizing-wrap .onSale-wrap .images-box { width:inherit; max-height:inherit; float:none;} */
    .total-sizing-wrap .onSale-wrap .images-box-on { width:inherit; max-height:inherit; float:none;}
    .total-sizing-wrap .onSale-wrap .content-box { display: block; position: relative; width:inherit; margin-top:5px; padding:0; }
    /* .video-wrap { margin:10px 0px;} */
    .video-title { padding-left:0px;}
    .video-wrap:hover .figure:after {
      background-size:50px auto;}
    .login-back-wrap { width:inherit;}
    .login-sb-wrap {  width:inherit; max-height: 500px; padding:20px; margin:auto 10px;}
    .login-sb-wrap .login-title { margin-top:20px;}
    .login-sb-wrap .sns-login ul li { margin:10px 0px;}
    .sns-login ul li:nth-child(2), .sns-login ul li:nth-child(4) { margin-left:25px;}
    .login-sb-wrap .sns-login { margin-top:20px;}
    .login-sb-wrap .sns-login ul li span:hover { width:35px;}
    .login-sb-wrap .sns-login ul li.kakao span { width:30px;}
    .login-sb-wrap .sns-login ul li.naver span { width:30px;}
    .login-sb-wrap .sns-login ul li.facebook span { width:30px;}
    .login-sb-wrap .sns-login ul li.google span { width:30px;}
    .login-sb-wrap .sns-login ul li.kakao span:hover { width:35px; transition: width .2s ease-in-out;}
    .login-sb-wrap .sns-login ul li.naver span:hover { width:35px; transition: width .2s ease-in-out;}
    .login-sb-wrap .sns-login ul li.facebook span:hover { width:35px; transition: width .2s ease-in-out;}
    .login-sb-wrap .sns-login ul li.google span:hover { width:35px; transition: width .2s ease-in-out;}
    .signup-wrap .sign-box .sign { font-size:14px;}
    .signup-wrap .sign-box .sign { max-width:inherit;}
    .signup-wrap .sign-box { padding:20px 10px; min-height:250px;}
    .signup-wrap .sign-box > span { font-size:14px;}
    .signup-wrap .sign-box .sign li:nth-child(2), .sign li:nth-child(4) { margin-left:20px;}
    .signup-wrap .sign-box .sign li span { padding-left:5px; margin-right:5px; text-align: center;}
    .signup-wrap .sign-box .sign li.kakao { text-align: center;}
    .signup-wrap .sign-box .sign li.naver { text-align: center;}
    .signup-wrap .sign-box .sign li.facebook { text-align: center;}
    .signup-wrap .sign-box .sign li.google { text-align: center;}
    .total-sizing-wrap .gal-box.art-box { width:calc(50% - 43px); margin:0 20px 15px; }
    .sub-wrap { min-height:80vh;}
    .inner .box .us .us-box-left { width:100%; display:block;}
}

@media all and (max-width:468px) {
    .total-sizing-wrap .gal-box.art-box { width:100%; margin:10px 0px; }
    .total-sizing-wrap .gal-box.width01 { width:100%; }
    .total-sizing-wrap .gal-box.mgt01 { margin:10px 0px;}
    .video { width:100%; margin:10px 0px; }
}