/*버튼종류*/
.custom-btn {  width: 60%; max-width: 250px; height: 56px; line-height: 56px; color: #fff; border-radius: 3px; font-weight: 600; background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; }

.color_red {color: #5b009a}

/* 1 */
.btn-1 {  background: rgb(6,14,131); background: linear-gradient(0deg, rgba(6,14,131,1) 0%, rgba(12,25,180,1) 100%); border: none; }
.btn-1:hover {   background: rgb(0,3,255); background: linear-gradient(0deg, rgba(0,3,255,1) 0%, rgba(2,126,251,1) 100%); }

/* 2 */
.btn-2 {  background: rgb(96,9,240); background: linear-gradient(0deg, rgba(96,9,240,1) 0%, rgba(129,5,240,1) 100%); border: none; }
.btn-2:before {  height: 0%; width: 2px; }
.btn-2:hover {  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .5), inset -4px -4px 6px 0 rgba(255,255,255,.2), inset 4px 4px 6px 0 rgba(0, 0, 0, .4); }

/* 3 */
.btn-3 {  padding: 0; border: none; background: #00471f; color: #fff; }
.btn-3 span {  position: relative; display: block; width: 100%; height: 100%; }
.btn-3:before,.btn-3:after {  position: absolute; content: ""; right: 0; top: 0;  background: #00471f; transition: all 0.3s ease; }
.btn-3:before {  height: 0%; width: 2px; }
.btn-3:after {  width: 0%; height: 2px; }
.btn-3:hover{   background: transparent; box-shadow: none; }
.btn-3:hover:before {  height: 100%; }
.btn-3:hover:after {  width: 100%; }
.btn-3 span {color: #fff; font-size: 16px; font-weight: 600;}
.btn-3 span:hover{   color: #00471f; }
.btn-3 span:before,.btn-3 span:after {  position: absolute; content: ""; left: 0; bottom: 0;  background: #00471f; transition: all 0.3s ease; }
.btn-3 span:before {  width: 2px; height: 0%; }
.btn-3 span:after {  width: 0%; height: 2px; }
.btn-3 span:hover:before {  height: 100%; }
.btn-3 span:hover:after {  width: 100%; }

/* 4 */
.btn-4 {background-color: #4dccc6; background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%); line-height: 42px; padding: 0; border: none; }
.btn-4:hover{  background-color: #89d8d3; background-image: linear-gradient(315deg, #89d8d3 0%, #03c8a8 74%); }
.btn-4 span {  position: relative; display: block; width: 100%; height: 100%; }
.btn-4:before,.btn-4:after {  position: absolute; content: ""; right: 0; top: 0;  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.9), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.9),    inset 4px 4px 6px 0 rgba(116, 125, 136, .3); transition: all 0.3s ease; }
.btn-4:before {  height: 0%; width: .1px; }
.btn-4:after {  width: 0%; height: .1px; }
.btn-4:hover:before {  height: 100%; }
.btn-4:hover:after {  width: 100%; }
.btn-4 span:before,.btn-4 span:after { position: absolute; content: ""; left: 0; bottom: 0; box-shadow:  4px 4px 6px 0 rgba(255,255,255,.9), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.9),    inset 4px 4px 6px 0 rgba(116, 125, 136, .3); transition: all 0.3s ease; }
.btn-4 span:before { width: .1px; height: 0%; }
.btn-4 span:after {  width: 0%; height: .1px; }
.btn-4 span:hover:before {  height: 100%; }
.btn-4 span:hover:after {  width: 100%; }

/* 5 */
.btn-5 {  width: 130px; height: 40px; line-height: 42px; padding: 0; border: none; background: rgb(255,27,0); background: linear-gradient(0deg, rgba(255,27,0,1) 0%, rgba(251,75,2,1) 100%); }
.btn-5:hover {  color: #f0094a; background: transparent;  box-shadow:none; }
.btn-5:before,.btn-5:after{  content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #f0094a; box-shadow:
   -1px -1px 5px 0px #fff,   7px 7px 20px 0px #0003,   4px 4px 5px 0px #0002; transition:400ms ease all; }
.btn-5:after{  right:inherit; top:inherit; left:0; bottom:0; }
.btn-5:hover:before,.btn-5:hover:after{ width:100%; transition:800ms ease all; }

/* 6 */
.btn-6 {  background: rgb(247,150,192); background: radial-gradient(circle, rgba(247,150,192,1) 0%, rgba(118,174,241,1) 100%); line-height: 42px; padding: 0; border: none; }
.btn-6 span {  position: relative; display: block; width: 100%; height: 100%; }
.btn-6:before,.btn-6:after {  position: absolute; content: ""; height: 0%; width: 1px;  box-shadow:
   -1px -1px 20px 0px rgba(255,255,255,1),   -4px -4px 5px 0px rgba(255,255,255,1),   7px 7px 20px 0px rgba(0,0,0,.4),   4px 4px 5px 0px rgba(0,0,0,.3); }
.btn-6:before {  right: 0; top: 0; transition: all 500ms ease; }
.btn-6:after {  left: 0; bottom: 0; transition: all 500ms ease; }
.btn-6:hover{  background: transparent; color: #76aef1; box-shadow: none; }
.btn-6:hover:before {  transition: all 500ms ease; height: 100%; }
.btn-6:hover:after {  transition: all 500ms ease; height: 100%; }
.btn-6 span:before,.btn-6 span:after { position: absolute; content: ""; box-shadow: -1px -1px 20px 0px rgba(255,255,255,1), -4px -4px 5px 0px rgba(255,255,255,1), 7px 7px 20px 0px rgba(0,0,0,.4), 4px 4px 5px 0px rgba(0,0,0,.3); }
.btn-6 span:before {  left: 0; top: 0; width: 0%; height: .5px; transition: all 500ms ease; }
.btn-6 span:after {  right: 0; bottom: 0; width: 0%; height: .5px; transition: all 500ms ease; }
.btn-6 span:hover:before {  width: 100%; }
.btn-6 span:hover:after {  width: 100%; }

/* 7 */
.btn-7 {
background: linear-gradient(0deg, rgba(255,151,0,1) 0%, rgba(251,75,2,1) 100%); line-height: 42px; padding: 0; border: none; }
.btn-7 span {  position: relative; display: block; width: 100%; height: 100%; }
.btn-7:before,.btn-7:after {  position: absolute; content: ""; right: 0; bottom: 0; background: rgba(251,75,2,1); box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),   -4px -4px 5px 0px rgba(255,255,255,.9),   7px 7px 20px 0px rgba(0,0,0,.2),   4px 4px 5px 0px rgba(0,0,0,.3); transition: all 0.3s ease; }.btn-7:before{
   height: 0%;  width: 2px; }
.btn-7:after {  width: 0%; height: 2px; }
.btn-7:hover{  color: rgba(251,75,2,1); background: transparent; }
.btn-7:hover:before {  height: 100%; }
.btn-7:hover:after {  width: 100%; }
.btn-7 span:before,.btn-7 span:after { position: absolute; content: ""; left: 0; top: 0; background: rgba(251,75,2,1); box-shadow: -7px -7px 20px 0px rgba(255,255,255,.9),   -4px -4px 5px 0px rgba(255,255,255,.9),   7px 7px 20px 0px rgba(0,0,0,.2),   4px 4px 5px 0px rgba(0,0,0,.3); transition: all 0.3s ease; }
.btn-7 span:before {  width: 2px; height: 0%; }
.btn-7 span:after {  height: 2px; width: 0%; }
.btn-7 span:hover:before {  height: 100%; }
.btn-7 span:hover:after {  width: 100%; }

/* 8 */
.btn-8 {  background-color: #f0ecfc; background-image: linear-gradient(315deg, #f0ecfc 0%, #c797eb 74%); line-height: 42px; padding: 0; border: none; }
.btn-8 span {  position: relative; display: block; width: 100%; height: 100%; }
.btn-8:before,.btn-8:after { position: absolute; content: ""; right: 0; bottom: 0; background: #c797eb; /*box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.5),    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);*/
  transition: all 0.3s ease; }
.btn-8:before{   height: 0%;  width: 2px; }
.btn-8:after {  width: 0%; height: 2px; }
.btn-8:hover:before {  height: 100%; }
.btn-8:hover:after {  width: 100%; }
.btn-8:hover{  background: transparent; }
.btn-8 span:hover{  color: #c797eb; }
.btn-8 span:before,.btn-8 span:after { position: absolute; content: ""; left: 0; top: 0; background: #c797eb; /*box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.5),    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);*/
  transition: all 0.3s ease; }
.btn-8 span:before {  width: 2px; height: 0%; }
.btn-8 span:after {  height: 2px; width: 0%; }
.btn-8 span:hover:before {  height: 100%; }
.btn-8 span:hover:after {  width: 100%; }
  

/* 9 */
.btn-9 {  border: none; transition: all 0.3s ease; overflow: hidden; }
.btn-9:after {  position: absolute; content: " "; z-index: -1; top: 0; left: 0; width: 100%; height: 100%;  background-color: #1fd1f9; background-image: linear-gradient(315deg, #1fd1f9 0%, #b621fe 74%); transition: all 0.3s ease; }
.btn-9:hover {  background: transparent; box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.5),    inset 4px 4px 6px 0 rgba(116, 125, 136, .3); color: #fff; }
.btn-9:hover:after {  -webkit-transform: scale(2) rotate(180deg); transform: scale(2) rotate(180deg); box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.5),    inset 4px 4px 6px 0 rgba(116, 125, 136, .3); }

/* 10 */
.btn-10 {  background: rgb(22,9,240); background: linear-gradient(0deg, rgba(22,9,240,1) 0%, rgba(49,110,244,1) 100%); color: #fff; border: none; transition: all 0.3s ease; overflow: hidden; }
.btn-10:after { position: absolute; content: " "; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; transition: all 0.3s ease; -webkit-transform: scale(.1); transform: scale(.1); }
.btn-10:hover {  color: #fff; border: none; background: transparent; }
.btn-10:hover:after {  background: rgb(0,3,255); background: linear-gradient(0deg, rgba(2,126,251,1) 0%,  rgba(0,3,255,1)100%); -webkit-transform: scale(1); transform: scale(1); }

/* 11 */
.btn-11 {  border: none; background: rgb(251,33,117);   background: linear-gradient(0deg, rgba(251,33,117,1) 0%, rgba(234,76,137,1) 100%);   color: #fff;   overflow: hidden; }
.btn-11:hover {    text-decoration: none;   color: #fff; }
.btn-11:before {  position: absolute;   content: '';   display: inline-block;   top: -180px;   left: 0;   width: 30px;   height: 100%;   background-color: #fff;   animation: shiny-btn1 3s ease-in-out infinite; }
.btn-11:hover{ opacity: .7; }
.btn-11:active{  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.2),    inset 4px 4px 6px 0 rgba(0, 0, 0, .2); }

@-webkit-keyframes shiny-btn1 {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/* 12 */
.btn-12{  position: relative; right: 20px; bottom: 20px; border:none; box-shadow: none; width: 130px; height: 40px; line-height: 42px; -webkit-perspective: 230px; perspective: 230px; }
.btn-12 span {  background: rgb(0,172,238); background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%); display: block; position: absolute; width: 130px; height: 40px; box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),   7px 7px 20px 0px rgba(0,0,0,.1),   4px 4px 5px 0px rgba(0,0,0,.1); border-radius: 5px; margin:0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; }
.btn-12 span:nth-child(1) {  box-shadow:  -7px -7px 20px 0px #fff9,   -4px -4px 5px 0px #fff9,   7px 7px 20px 0px #0002,   4px 4px 5px 0px #0001; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 50% -20px; -moz-transform-origin: 50% 50% -20px; transform-origin: 50% 50% -20px; }
.btn-12 span:nth-child(2) {  -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: 50% 50% -20px; -moz-transform-origin: 50% 50% -20px; transform-origin: 50% 50% -20px; }
.btn-12:hover span:nth-child(1) {  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),   7px 7px 20px 0px rgba(0,0,0,.1),   4px 4px 5px 0px rgba(0,0,0,.1); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); }
.btn-12:hover span:nth-child(2) {  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),   7px 7px 20px 0px rgba(0,0,0,.1),   4px 4px 5px 0px rgba(0,0,0,.1);  color: transparent; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); }

/* 13 */
.btn-13 {  background-color: #89d8d3; background-image: linear-gradient(315deg, #89d8d3 0%, #03c8a8 74%); border: none; z-index: 1; }
.btn-13:after {  position: absolute; content: ""; width: 100%; height: 0; bottom: 0; left: 0; z-index: -1; border-radius: 5px;  background-color: #4dccc6; background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%); box-shadow:
   -7px -7px 20px 0px #fff9,   -4px -4px 5px 0px #fff9,   7px 7px 20px 0px #0002,   4px 4px 5px 0px #0001; transition: all 0.3s ease; }
.btn-13:hover {  color: #fff; }
.btn-13:hover:after {  top: 0; height: 100%; }
.btn-13:active {  top: 2px; }

/* 14 */
.btn-14 {  background: rgb(255,151,0); border: none; z-index: 1; }
.btn-14:after {  position: absolute; content: ""; width: 100%; height: 0; top: 0; left: 0; z-index: -1; border-radius: 5px; background-color: #eaf818; background-image: linear-gradient(315deg, #eaf818 0%, #f6fc9c 74%);  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5);  7px 7px 20px 0px rgba(0,0,0,.1),   4px 4px 5px 0px rgba(0,0,0,.1); transition: all 0.3s ease; }
.btn-14:hover {  color: #000; }
.btn-14:hover:after {  top: auto; bottom: 0; height: 100%; }
.btn-14:active {  top: 2px; }

/* 15 */
.btn-15 {  background: #b621fe; border: none; z-index: 1; }
.btn-15:after {  position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; z-index: -1; background-color: #663dff; border-radius: 5px;  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),   7px 7px 20px 0px rgba(0,0,0,.1),   4px 4px 5px 0px rgba(0,0,0,.1); transition: all 0.3s ease; }
.btn-15:hover {  color: #fff; }
.btn-15:hover:after {  left: 0; width: 100%; }
.btn-15:active {  top: 2px; }

/* 16 */
.btn-16 {  border: none; color: #000; }
.btn-16:after {  position: absolute; content: ""; width: 0; height: 100%; top: 0; left: 0; direction: rtl; z-index: -1; box-shadow:
   -7px -7px 20px 0px #fff9,   -4px -4px 5px 0px #fff9,   7px 7px 20px 0px #0002,   4px 4px 5px 0px #0001; transition: all 0.3s ease; }
.btn-16:hover {  color: #000; }
.btn-16:hover:after {  left: auto; right: 0; width: 100%; }
.btn-16:active {  top: 2px; }

/*햄버거메뉴 수정*/
.hamburger {  padding: 22px 10px 20px 22px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; margin: 0; overflow: visible; 
 }
.hamburger:hover { opacity: 0.9; }
.hamburger.is-active:hover { opacity: 0.9; }
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #fff; }

.hamburger-box {   width: 34px; height: 24px; display: inline-block; position: relative; }

.hamburger-inner {  display: block; top: 50%; margin-top: -2px;  }
 .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {  width: 34px;   height: 2px;   background-color: #fff;   border-radius: 8px;   position: absolute;   transition-property: transform;   transition-duration: 0.15s;   transition-timing-function: ease; }
.black .hamburger-inner, .black .hamburger-inner::before, .black .hamburger-inner::after {  background-color: #fff; }
.hamburger-inner::before, .hamburger-inner::after {  content: "";   display: block; }
.hamburger-inner::before {    top: -12px; }
.hamburger-inner::after {    bottom: -12px; }

.fadeInDown1{-webkit-animation-name:fadeInDown;animation-name:fadeInDown; animation-delay: 0.3s}
.fadeInDown2{-webkit-animation-name:fadeInDown;animation-name:fadeInDown; animation-delay: 0.6s}
.fadeInDown3{-webkit-animation-name:fadeInDown;animation-name:fadeInDown; animation-delay: 0.9s}
.fadeInDown4{-webkit-animation-name:fadeInDown;animation-name:fadeInDown; animation-delay: 1.2s}
.fadeInDown5{-webkit-animation-name:fadeInDown;animation-name:fadeInDown; animation-delay: 1.5s}

/*모션*/
.flipWrap {  perspective: 600px; }
.flip {  position: relative; transform-style: preserve-3d; }
.flip .front,.flip .back {  position: absolute; width: 100%; height: 100%; backface-visibility: hidden; transition: 0.5s linear; }
.flipX .back {  transform: rotateX(180deg); }
.flipX:hover .front {  transform: rotateX(-180deg); }
.flipX:hover .back {  transform: rotateX(0deg); }
.flipY .back {  transform: rotateY(-180deg); }
.flipY:hover .front {  transform: rotateY(180deg); }
.flipY:hover .back {  transform: rotateY(0deg); }

/* effect */
@-webkit-keyframes vibes{
	0%{-webkit-transform:translateY(0)}
	50%{-webkit-transform:translateY(8px)}
	100%{-webkit-transform:translateY(0)}
}
@keyframes vibes{
	0%{transform:translateY(0)}
	50%{transform:translateY(8px)}
	100%{transform:translateY(0)}
}

@-webkit-keyframes vibes2{
	0% {transform:translateY(0)}
	20% {transform:translateY(4px)}
	40% {transform:translateY(0)}
	60% {transform:translateY(6px)}
	100% {transform:translateY(0)}
}

@keyframes vibes2{
	0% {transform:translateY(0)}
	20% {transform:translateY(4px)}
	40% {transform:translateY(0)}
	60% {transform:translateY(6px)}
	100% {transform:translateY(0)}
}

@-webkit-keyframes moveT{
	0% {transform:translateY(0)}
	20% {transform:translateY(-4px)}
	40% {transform:translateY(0)}
	60% {transform:translateY(-6px)}
	100% {transform:translateY(0)}
}

@keyframes moveT{
	0% {transform:translateY(0)}
	20% {transform:translateY(-4px)}
	40% {transform:translateY(0)}
	60% {transform:translateY(-6px)}
	100% {transform:translateY(0)}
}

@-webkit-keyframes moveB{
	0% {transform:translateY(0)}
	20% {transform:translateY(4px)}
	40% {transform:translateY(0)}
	60% {transform:translateY(6px)}
	100% {transform:translateY(0)}
}

@keyframes moveB{
	0% {transform:translateY(0)}
	20% {transform:translateY(-4px)}
	40% {transform:translateY(0)}
	60% {transform:translateY(-6px)}
	100% {transform:translateY(0)}
}

@-webkit-keyframes moveL{
	0% {transform:translateX(0)}
	20% {transform:translateX(-4px)}
	40% {transform:translateX(0)}
	60% {transform:translateX(-6px)}
	100% {transform:translateX(0)}
}

@keyframes moveL{
	0% {transform:translateX(0)}
	20% {transform:translateX(-4px)}
	40% {transform:translateX(0)}
	60% {transform:translateX(-6px)}
	100% {transform:translateX(0)}
}

@-webkit-keyframes moveR{
	0% {transform:translateX(0)}
	20% {transform:translateX(4px)}
	40% {transform:translateX(0)}
	60% {transform:translateX(6px)}
	100% {transform:translateX(0)}
}

@keyframes moveR{
	0% {transform:translateX(0)}
	20% {transform:translateX(4px)}
	40% {transform:translateX(0)}
	60% {transform:translateX(6px)}
	100% {transform:translateX(0)}
}

@-webkit-keyframes round{
	100%{transform:rotate(360deg)}
}

@keyframes round{
	100%{transform:rotate(360deg)}
}

@keyframes txtT {
  0% {
      transform: translateY(70px);     opacity: 0; }
  60% {
      transform: translateY(0);     opacity: 1; }
}

@keyframes txtB {
  0% {
      transform: translateY(-70px);     opacity: 0; }
  60% {
      transform: translateY(0);     opacity: 1; }
}

@keyframes txtL {
  0% {
      transform: translateX(70px);     opacity: 0; }
  60% {
      transform: translateX(0);     opacity: 1; }
}

@keyframes txtR {
  0% {
      transform: translateX(-70px);     opacity: 0; }
  60% {
      transform: translateX(0);     opacity: 1; }
}
@keyframes titleT {
    0% {
      transform: translateY(-70px);     opacity: 0;     -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);     clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%); }
  60% {
      transform: translateY(0);     opacity: 1;     -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);     clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%); }
}

@keyframes titleL {
    0% {
      transform: translateX(-70px);     opacity: 0;     -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);     clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%); }
  60% {
      transform: translateX(0);     opacity: 1;     -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);     clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%); }
}

@keyframes titleR {
    0% {
      transform: translateX(70px);     opacity: 0;     -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);     clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%); }
  60% {
      transform: translateX(0);     opacity: 1;     -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);     clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%); }
}

@keyframes spinR {
  0% {
    -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);   transform: rotate(359deg); }
}

@keyframes spinH {
  0% {
    -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);   transform: rotate(359deg); }
}


/* 애니메이션 */
.koo-delay-3s {   animation-delay: 0.3s;   -webkit-animation-delay: 0.3s; }
.koo-delay-6s {    animation-delay: 0.6s;   -webkit-animation-delay: 0.6s; }
.koo-delay-9s {    animation-delay: 0.9s;   -webkit-animation-delay: 0.9s; }
.koo-delay-12s {    animation-delay: 1.7s;   -webkit-animation-delay: 1.7s; }
.koo-delay-14s {    animation-delay: 2s;   -webkit-animation-delay: 2s; }
.koo-delay-17s {    animation-delay: 2.7s;   -webkit-animation-delay: 2.7s; }
.koo-delay-18s {    animation-delay: 2s;   -webkit-animation-delay: 2s; }

.gly-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }
.gly-rotate-90 {  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.gly-rotate-180 {  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.gly-rotate-270 {  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }
.gly-flip-horizontal {  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); }
.gly-flip-vertical {  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); }

@media (max-width:1920) {
	/* 애니메이션 */
	.koo-delay-3s {		animation-delay: 0.3s; 		-webkit-animation-delay: 0.3s; 	}
	.koo-delay-6s {		animation-delay: 0.6s; 		-webkit-animation-delay: 0.6s; 	}
	.koo-delay-9s {		animation-delay: 0.9s; 		-webkit-animation-delay: 0.9s; 	}
	.koo-delay-12s {		animation-delay: 1.7s; 		-webkit-animation-delay: 1.7s; 	}
	.koo-delay-14s {		animation-delay: 2s; 		-webkit-animation-delay: 2s; 	}
	.koo-delay-17s {		animation-delay: 2.7s; 		-webkit-animation-delay: 2.7s; 	}
	.koo-delay-18s {		animation-delay: 1.7s; 		-webkit-animation-delay: 1.7s; 	}
}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0; text-align: center}
.tbl_wrap caption {padding:0px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px; border-bottom:1px solid #aaa;}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:18px 0;border-top:1px solid #000;border-bottom:1px solid #ccc;background:#fff;color:#383838;font-size:14px;text-align:center;letter-spacing:-0.1em; font-weight: 500}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {width: 100px; padding:15px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9; text-align: left; font-size: 14px}
.tbl_head01 td {padding:15px 10px;border-top:1px solid #eaecf1;border-bottom:1px solid #eaecf1;line-height:1.5em;word-break:break-all; font-size: 14px; font-weight: 300; color:#383838}
.tbl_head01 td ul li {float: left; margin: 0 0 5px}
.tbl_head01 a {}
.tbl_head01 tr.center td {text-align: center}
.tbl_head01 tr td.left {text-align: left; padding: 0 20px}
.tbl_head01 tr td.right {text-align: right}
.tbl_head01 tr td.bold {font-weight: 500}
.tbl_head01 a.btn_m01 {font-weight: 300; font-size: 12px}
.tbl_head01 .marking {display: none}
.tbl_head01 tr td select {height: 40px}
.tbl_head01 tr td input {height: 40px}

/* 목록 홀짝 배경색 */
.bg0 {background:#fff}
.bg1 {background:#f2f5f9}
.bg1 td {border-color:#e9e9e9}
.bg0cancel {background:#fdebf3}
.bg0cancel td {border-color:#f9d8e6}
.bg1cancel {background:#f9f0f4}
.bg1cancel td {border-color:#efd2de}

.btn_s01, .btn_s01 {display:inline-block;padding:0px 5px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle; border-radius: 3px; font-size: 10px}
.btn_s01:focus, .btn_s01:hover {text-decoration:none}
.btn_s02, .btn_s02 {display:inline-block;padding:0px 5px;border:1px solid #3f51b5;background:#3f51b5;color:#fff;text-decoration:none;vertical-align:middle; border-radius: 3px; font-size: 10px}
.btn_s02:focus, .btn_s02:hover {text-decoration:none}
.btn_s03 {display:inline-block;padding:0px 5px;border:1px solid #9eacc6;background:#9eacc6;color:#fff;text-decoration:none;vertical-align:middle; border-radius: 3px; font-size: 10px}
.btn_s03:focus, .btn_s03:hover {text-decoration:none}
.btn_s04 {display:inline-block;padding:0px 5px;border:1px solid #ff4081;background:#ff4081;color:#fff;text-decoration:none;vertical-align:middle; border-radius: 3px; font-size: 10px}
.btn_s04:focus, .btn_s04:hover {text-decoration:none}

a.btn_m01, .btn_m01 {display:inline-block;padding:3px 10px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle; border-radius: 3px; font-size: 12px}
a.btn_m01:focus, .btn_m01:hover {text-decoration:none}
a.btn_m02, .btn_m02 {display:inline-block;padding:3px 10px;border:1px solid #3f51b5;background:#3f51b5;color:#fff;text-decoration:none;vertical-align:middle; border-radius: 3px; font-size: 12px}
a.btn_m02:focus, .btn_m01:hover {text-decoration:none}
a.btn_m03 {display:inline-block;padding:3px 10px;border:1px solid #9eacc6;background:#9eacc6;color:#fff;text-decoration:none;vertical-align:middle; border-radius: 3px; font-size: 12px}
a.btn_m03:focus, .btn_m01:hover {text-decoration:none}



.list_btn {text-align: right; margin: 30px 0}

.btn_write {display: inline-block; padding: 0 30px; height: 50px; line-height: 50px; margin: 0 5px; border:1px solid #dd0700; background:#dd0700; color:#fff; font-size: 14px;} 
 a.btn_write {color:#fff;} 

.site_box {width: 100%; max-width: 1320px; margin: 0 auto;}
.clear:after {clear: both; content:""; display: block}
.site_left {float: left; width: 250px; margin: 50px 0 0; border: 1px solid #000}
.site_left .left_stl {background: #000; color: #fff; text-align: center; font-size: 18px; padding: 15px 0}
.site_left .left_menu {padding: 15px 0;}
.site_left .left_menu li {font-size: 16px; padding: 7px 15px 7px 20px}
.site_left .left_menu li p {color: #555;}
.site_left .left_count {border-top: 1px solid #000; text-align: center;}
.site_left .left_count p {display: inline-block; background: #f9f9f9; float: left; width: 50%; padding: 20px 0; font-size: 14px; border-right: 1px solid #000;; border-bottom: 1px solid #000; color: #777}
.site_left .left_count p span {display: inline-block; color: #000; padding: 0 0 5px; font-weight: 500}
.site_left .left_count p:nth-child(2n) {border-right: none} 
.site_left .left_count p:nth-child(5), .site_left .left_count p:nth-child(6) {border-bottom: none}
.site_main {float: left; width: calc(100% - 250px); margin: 10px 0 0; padding: 0 0 0 30px}

.main_color {color: #a88269}
.main_color2 {color: #a88269}
.strong_color {}

.no_mobile {}
.no_tablet {}

.subj_tl {font-size: 22px; color:#07913b; font-weight:600;}
.subj {font-size:46px;font-weight:bold;color:#111;letter-spacing:-5px; line-height: 58px;}
.subj2 {font-size:24px;font-weight:bold;color:#111;letter-spacing:-3px; line-height: 42px;}
.subj_ex {font-size: 16px; color: #777; padding: 10px 0 0; font-weight: 300}

.sub_tl {border-bottom: 1px solid #ccc; line-height: 30px; padding: 40px 0 5px; margin: 0 0 30px}
.sub_tl h2 {float: left; width: 50%}
.sub_tl h2 strong {color: #ff4e00}
.sub_tl span {float: left; width: 50%; color: #777; display: inline-block; text-align: right; font-size: 14px; padding: 5px 0 0}

.triangle {
	display: none; position: absolute; top: 40px; left: 50%; margin: 0 0 0 -5px; z-index: 130px; width: 0px; height: 0px; border-bottom: 10px solid #00471f; border-left: 5px solid transparent; border-right: 5px solid transparent; }

.fl_left > div{float: left;}
.fl_left > li {float: left;}
.fl_left:after {clear: both; display: block; content:"";}

.ul_li2 > li {float: left; width: calc(50%);}
.ul_li2 > li:nth-child(2n) {margin: 0}
.ul_li2:after {clear: both; display: block; content:"";}
.ul_li3 > li {float: left; width: calc(33.3333%); }
.ul_li3 > li:nth-child(3n) {margin: 0}
.ul_li3:after {clear: both; display: block; content:"";}
.ul_li4 > li {float: left; width: calc(25%);}
.ul_li4:after {clear: both; display: block; content:"";}
.ul_li4 > li:nth-child(4n) {margin: 0}
.ul_li5 > li {float: left; width: calc(20%);}
.ul_li5 > li:nth-child(5n) {margin: 0}
.ul_li5:after {clear: both; display: block; content:"";}

.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.ellipsis2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;}
.ellipsis3 {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;}

/*폰트어썸
.fontawesome {color: #333;}
.fontawesome::before {font-family: "fontawesome"; display: inline-block}
.fontawesome::after {font-family: "fontawesome"; display: inline-block}
.fontawesome.fa_my::before {content:"\f007";}
.fontawesome.fa_search2::after {content:"\f002";}
.fontawesome.fa_arrow1::after {content:"\f105";}
.fontawesome.fa_telegram::before {content:"\f2c6";}
.fontawesome.fa_email::before {content:"\f0e0";}
.fontawesome.fa_check::before {content:"\f00c";}
.fontawesome.fa_order::after {content:"\f178";}
.fontawesome.fa_plus::after {content:"\2b";}
.fontawesome.fa_past::before {content:"\f1d8";}
.fontawesome.fa_long::before {content:"\f15c";}
.fontawesome.fa_easy::before {content:"\f27a";}
.fontawesome.fa_high::before {content:"\f140";}
.fontawesome.fa_place::before {content:"\f041";}
.fontawesome.fa_reservation::before {content:"\f274";}
.fontawesome.fa_local::before {content:"\f279";}
.fontawesome.fa_pg::before {content:"\f09d";}
.fontawesome.fa_gift::before {content:"\f06b";}
.fontawesome.fa_gift2::before {content:"\f1b3";}
.fontawesome.fa_belive::before {content:"\f004";}
.fontawesome.fa_insert::before {content:"\f09d";}
.fontawesome.fa_ing::before {content:"\f110";}
.fontawesome.fa_good::before {content:"\f1fd";}
.fontawesome.fa_company::before {content:"\f1ad";}
.fontawesome.fa_back::before {content:"\f0c5";}
.fontawesome.fa_web::before {content:"\f0ac";}
.fontawesome.fa_search::before {content:"\f002";}
.fontawesome.fa_program::before {content:"\f15c";}
.fontawesome.fa_device::before {content:"\f109";}
.fontawesome.fa_server::before {content:"\f233";}
.fontawesome.fa_window::before {content:"\f17a";}
.fontawesome.fa_hosting::before {content:"\f26c";}
.fontawesome.fa_security::before {content:"\f132";}
.fontawesome.fa_seo::before {content:"\f1a0";}
.fontawesome.fa_sns::before {content:"\f16d";}
.fontawesome.fa_marketing::before {content:"\f0f3";}
.fontawesome.fa_ad::before {content:"\f140";}
.fontawesome.fa_tel::before {content:"\f095";}
.fontawesome.fa_email::before {content:"\f0e0";}
.fontawesome.fa_address::before {content:"\f279";}
.fontawesome.fa_model::after {content:"\f2bb";}
.fontawesome.fa_casting::after {content:"\f007";}
.fontawesome.fa_model2::before {content:"\f2bb";}
.fontawesome.fa_casting2::before {content:"\f007";}
.fontawesome.fa_scrap::before {content:"\f005";}
.fontawesome.fa_recom::before {content:"\f164";}
.fontawesome.fa_qna::before {content:"\f044";}
.fontawesome.fa_help::before {content:"\f0f4";}
.fontawesome.fa_home::before {content:"\f015";}
.fontawesome.fa_ticket::before {content:"\f274";}
.fontawesome.fa_ticket_buy::before {content:"\f09d";}
.fontawesome.fa_scrap::before {content:"\f005";}
.fontawesome.fa_list::before {content:"\f022";}
.fontawesome.fa_print::before {content:"\f02f";}
.fontawesome.fa_register_cancel::before {content:"\f00d";}
.fontawesome.fa_register_model::before {content:"\f007";}
.fontawesome.fa_register_biz::before {content:"\f1ad";}
*/

.btn_ticket {display: inline-block; padding: 20px 30px; font-size: 18px; border: 1px solid #5b009a; background: #5b009a; color: #fff;}
.btn_ticket_buy {display: inline-block; padding: 20px 30px; font-size: 18px; border: 1px solid #5b009a; background: #fff; color: #5b009a;}
.btn_ticket_buy:hover {border: 1px solid #5b009a; background: #5b009a; color: #fff;}
.btn_scrap {display: inline-block; padding: 20px 30px; font-size: 18px; border: 1px solid #333; background: #fff; color: #333;}
.btn_scrap:hover {border: 1px solid #000; background: #000; color: #fff;}

.model_btn_list {display: inline-block; padding: 15px 30px; font-size: 16px; font-weight: 300; border: 1px solid #777; background: #333; color: #fff; margin: 0 5px; }
.model_btn_scrap {display: inline-block; padding: 15px 30px; font-size: 16px; font-weight: 300; border: 1px solid #777; background: #fff; color: #333; margin: 0 5px}
.model_btn_print {display: inline-block; padding: 15px 30px; font-size: 16px; font-weight: 300; border: 1px solid #777; background: #fff; color: #333; margin: 0 5px}
.model_btn_request {display: inline-block; padding: 15px 30px; font-size: 16px; font-weight: 300; border: 1px solid #5b009a; background: #5b009a; color: #fff; margin: 0 5px}

/*라디오, 실렉트 박스*/
.tab_radio { position: relative; border: 1px solid #ccc; height: 45px; border-radius: 3px}
.tab_radio:after { display: block; content:'' ; clear: both; }
.tab_radio .box_radio { position: relative; float: left; height: 42px; text-align: center; line-height: 42px; }
.tab_radio .box_radio:after { display: block; content:''; position: absolute; top:13px; right:0; width:1px; height:18px; background:#ccc; z-index: 2; }
.tab_radio .box_radio:last-child:after {display: none}
.tab_radio .box_radio input[type=radio]{position:absolute; top:1px; left:1px; width:100%; height:43px; margin:0 0 0 0px !important; padding: 0;  z-index: 1; opacity: 0;  font-size: 0.8rem; font-weight: normal;}
.tab_radio .box_radio input[type=radio]+.radio { position: absolute; top:0; left:0; width: 100%; height:43px; line-height: 40px; padding: 0; background: #fff; }
.tab_radio .box_radio:first-child input[type=radio] + .radio, .tab_radio .box_radio:first-child input[type=radio]:focus + .radio {border-radius: 3px 0 0 3px; }
.tab_radio .box_radio:last-child input[type=radio] + .radio, .tab_radio .box_radio:last-child input[type=radio]:focus + .radio {border-radius: 0 3px 3px 0; }
.tab_radio .box_radio input[type=radio]:checked + .radio, .tab_radio .box_radio input[type=radio]:focus + .radio { height:43px; outline: 1px solid #03a9f5 ; color: #fff; background: #03a9f5 ; font-weight: bold; z-index: 5; line-height: 40px;} 
.tab_radio .box_radio:first-child input[type=radio]:checked + .radio, .tab_radio .box_radio:first-child input[type=radio]:focus + .radio {border-radius: 3px 0 0 3px; }
.tab_radio .box_radio:last-child input[type=radio]:checked + .radio, .tab_radio .box_radio:last-child input[type=radio]:focus + .radio {border-radius: 0 3px 3px 0; }
.tab_radio .box_radio input[type=radio]:checked:disabled + .radio { height:43px; outline: 1px solid #333; color: #fff; background: #333; font-weight: bold; z-index: 5; line-height: 40px;} 
.tab_radio .box_radio input[type=radio]:checked, .tab_radio .box_radio input[type=radio]:focus { opacity: 1; }
.tab_radio .box_radio input, .tab_radio .box_radio label{-webkit-appearance: none; -moz-appearance: none; appearance: none;}

.btn_clear { display: none; border:none; position: absolute; cursor: pointer; top:12px; right:10px; width:18px; height: 18px; overflow: hidden; font-size: 1px; color:transparent; background-image: url('/data/design/icon.png'); background-size: 566px 912px; background-position: -145px -439px;}
.btn_calendar { cursor: pointer; position: absolute; top:6px;11 right:2px; content: ''; width:30px; height: 30px; overflow: hidden; z-index: 0; font-size: 1px; color:transparent; background-image: url('/data/design/icon.png');background-size: 566px 912px;background-position:-375px -319px; } 

.wrap_select select {background: url('/design/icon_arrow_down.png') no-repeat right 50% #fff; background-size: 26px; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; color: #3a3940; font-size: 14px}
.wrap_select select.active {background: url('/design/icon_arrow_up.png') no-repeat right 50% #fff; }

select {height: 42px; padding:0px 14px 0px 10px; border: 1px solid #ccc; background: #fff; border-radius: 5px; width: 100%; font-size: 14px}

input[type="date"] { background:#fff; height:40px; padding: 0 10px; line-height: 40px; border: 1px solid #ccc; border-radius: 5px; }
input[type="file"]  { width: 100%;  height: 40px; padding:5px 0 0 5px ; border: 0px solid #ccc; border-radius: 5px; } 
input[type="text"], 
input[type="number"], 
input[type="email"], 
input[type="date"], 
input[type="text"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="password"] { height:40px; padding: 0 10px; line-height: 40px; border: none; outline: 1px solid #ccc; -webkit-touch-callout:none; /*  -webkit-user-select:none;*/ user-select:none; font-size: 14px; background-color: #fff; border-radius: 5px;} 
input[type="text"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="date"]:focus, 
input[type="text"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="time"]:focus, 
input[type="password"]:focus { border: none; outline: 1px solid #3a8afd; border-radius: 5px;} 
input[type="text"]:disabled, 
input[type="number"]:disabled, 
input[type="email"]:disabled, 
input[type="date"]:disabled, 
input[type="text"]:disabled, 
input[type="search"]:disabled, 
input[type="tel"]:disabled, 
input[type="time"]:disabled, 
input[type="password"]:disabled { border: 1px solid #e1e4e7; color: #c0c0c2;  background:#f7f7f7; border-radius: 5px; }
input[type="date"]{-webkit-appearance:none; -moz-appearance:none; appearance:none}

.wrap_input { position: relative; display: inline-block; width: 100%; padding: 0 0 0 30px}
.wrap_input li {position: relative; float: left; width: calc(33.3% - 14px); margin: 0px 20px 20px 0; border: 1px solid #ccc; padding: 15px 20px 15px 50px; border-radius: 10px; cursor: pointer}
.wrap_input li.check {background: #b08b75; color: #fff}
.wrap_input.focused { border: 0px solid #3a3940; }

.wrap_input input[type=checkbox]{position:absolute; width:24px; height:24px; z-index: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; left:-10000%}
.wrap_input input[type=checkbox]:focused {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:0}
.wrap_input input[type=checkbox]+.none{ padding:0 0 0 0; }
.wrap_input input[type=checkbox]+.none .icon{ display: none; }

.wrap_input input[type=checkbox]+ .icon{ position: relative; display:inline-block; position:absolute; top:3px; left:0px; width:24px; height:24px; margin:0; border:1px solid #c0c0c2; border-radius:3px; background: #fff; z-index: 2;cursor: pointer}

.wrap_input input[type=checkbox]+ .icon em {font-size: 0.7rem}
.wrap_input input[type=checkbox]:checked + .icon, .wrap_input li.check input[type=checkbox] + .icon { border:1px solid #4574d0;  z-index: 2; background: #fff url("/design/icon.png"); background-size: 566px 912px; background-position: -21px -568px;}  

.wrap_input2 { position: relative; display: inline-block}
.wrap_input2 li {position: relative; float: left; width: calc(33.3% - 14px); margin: 0px 20px 20px 0; border: 1px solid #ccc; padding: 15px 20px 15px 50px; border-radius: 10px; cursor: pointer}
.wrap_input2 li.check {background: #b08b75; color: #fff}
.wrap_input2.focused { border: 0px solid #3a3940; }

.wrap_input2 input[type=checkbox]{position:absolute; width:24px; height:24px; z-index: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; left:-10000%}
.wrap_input2 input[type=checkbox]:focused {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:0}
.wrap_input2 input[type=checkbox]+.none{ padding:0 0 0 0; }
.wrap_input2 input[type=checkbox]+.none .icon{ display: none; }
.wrap_input2 input[type=checkbox]+ .icon{ position: relative; border:1px solid #c0c0c2; border-radius:3px; background: #fff; z-index: 2; padding: 5px 15px; cursor: pointer}
.wrap_input2 input[type=checkbox]+ .icon em {font-size: 0.7rem}
.wrap_input2 input[type=checkbox]:checked + .icon, .wrap_input2 li.check input[type=checkbox] + .icon { border:1px solid #5b009a;  z-index: 2; background: #5b009a; color: #fff}  

.wdp10 {width: 10%}
.wdp20 {width: 20%}
.wdp25 {width: 25%}
.wdp30 {width: 30%}
.wdp33 {width: 33.333%}
.wdp40 {width: 40%}
.wdp45 {width: 45%}
.wdp50 {width: 50%}
.wdp60 {width: 60%}
.wdp70 {width: 70%}
.wdp80 {width: 80%}
.wdp90 {width: 90%}
.wdp100 {width: 100%}

.wd10 {width: 10px !important}
.wd20 {width: 20px !important}
.wd30 {width: 30px !important}
.wd40 {width: 40px !important}
.wd50 {width: 50px !important}
.wd60 {width: 60px !important}
.wd80 {width: 80px !important}
.wd100 {width: 100px !important}
.wd120 {width: 120px !important}
.wd150 {width: 150px !important}
.wd180 {width: 180px !important}
.wd200 {width: 200px !important}
.wd300 {width: 300px !important}
.wd400 {width: 400px !important}

.pc {display: block;}
.mobile {display: none;}
.pc_tbl {display: table-cell;}
@media only screen and (max-width:1320px){
	.pc {display: none;}
	.mobile {display: block;}
	.pc_tbl {display: none;}
}

/*상단*/
.head_wrapper {z-index: 10;}
.head_wrapper .t_logo {width: 350px; padding: 30px 0 0}

.head_wrapper .t_search_box{width: calc(100% - 700px); padding: 30px 0}
.head_wrapper .t_search_box .t_search{position: relative;}
.head_wrapper .t_search_box .t_search input {width: 100%; border: 1px solid #070406; height: 44px; line-height: 44px; border-radius: 50px; padding: 0 20px}
.head_wrapper .t_search_box .t_search button {position: absolute; right: 0; top:0; background: #000; border: 1px solid #000; font-size: 16px; height: 44px; line-height: 44px; color: #fff; border-radius: 50px; padding: 0 30px 0 30px}
.head_wrapper .t_search_box .t_search button:after {padding: 0 0 0 20px}
.head_wrapper .t_search_box .t_search_txt{padding-top:20px;}
.head_wrapper .t_search_box .t_search_txt span{border:1px solid #777;border-radius:50px;background-color:#777; color:#fff;font-size:12px;padding:2px 15px 2px 15px; margin: 0 0px 0 0}
.head_wrapper .t_search_box .t_search_txt p{color:#8e8e8e ;font-size:13px;}
.head_wrapper .t_search_box .t_search_txt a{color:#8e8e8e ;font-size:13px; margin: 0 0 0 5px}
.head_wrapper .t_login {width: 350px; text-align: right; padding: 0px 0 0}
.head_wrapper .t_login .t_login_mb {padding: 30px 30px 0;}
.head_wrapper .t_login .t_login_mb span {color: #ff4e00;}
.head_wrapper .t_login .t_login_info {padding: 60px 0 0;}
.head_wrapper .t_login .t_login_info.t_login_in {padding: 30px 0 0;}
.head_wrapper .t_login a {font-size:14px; font-weight:500; padding: 10px 30px; border-radius: 40px}
.head_wrapper .t_login a.t_login {background: #5b009a; color: #fff; border: 1px solid #5b009a; margin: 0 5px 0 0}
.head_wrapper .t_login a.t_register {background: #fff; color: #000; border: 1px solid #000}
.head_wrapper .nav_box {border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; box-shadow: 4px 4px 4px rgba(0,0,0, 0.1);}
.head_wrapper .nav_box .t_all_menu {width: 76px; background: #000;}
.head_wrapper .nav_box .t_nav {width: calc(100% - 300px); padding: 0 0 0 0px; text-align: left}
.head_wrapper .nav_box .t_nav a {display: inline-block; font-size: 18px; padding: 0 50px 0 0; line-height: 69px}
.head_wrapper .nav_box .t_nav_add {width: 300px; text-align: right; line-height: 69px; font-size: 16px}
.head_wrapper .nav_box .t_nav_add a {font-size: 18px; color: #5b009a;}
.head_wrapper .nav_box .t_nav_add a.profile {padding: 0 50px 0 0}

/*퀵박스*/
.quick_box {position: fixed; top: 245px; width: 110px; left: 50%;}
.quick_box.active {top: 10px}
.quick_box li {margin: 0 0px 10px 0}
.quick_box.left_banner {margin: 0 0 0 -770px} 
.quick_box.right_banner {margin: 0 0 0 680px; } 
.quick_box.right_banner ul li {background-color: #fff; border: 1px solid #ccc; margin: 0 0 7px; text-align: center; letter-spacing: -1px; }
.quick_box.right_banner ul li i {padding: 0 3px 0 0; color: #0084ff; font-size: 14px;}
.quick_box.right_banner ul li a {display: block; padding: 10px 10px}
.quick_box.right_banner ul li a.hit_cls i {color: #ff4e00}
.quick_box.right_banner ul li a.hit_casting i {color: #9c00c9}
.quick_box.right_banner ul li:last-child {background: #5b009a;}
.quick_box.right_banner ul li:last-child a {display: flex; align-items: center; justify-content: center; color: #fff}
.quick_box.right_banner ul li:last-child i {padding: 7px 0 0 5px; color: #fff }
.quick_box.right_banner ul li span {display: block; padding: 3px 0; text-align: center; border:1px solid #ddd; color: #555;border-radius: 5px; margin: 8px 0 0}
.quick_box.right_banner ul li a.hit_cls span {color: #58b027; font-weight: 600;}
.quick_box.right_banner ul li a.hit_profile_female span {color: #ea5432; }
.quick_box.right_banner ul li a.hit_profile_male span {color: #4a93d7; }

.quick_box.right_banner ul li:hover span {background: #0060b9; border: 1px solid #0060b9; color: #fff}
.quick_box.right_banner ul li:hover a.hit_cls span {background: #ea2c00; border: 1px solid #ea2c00}
.quick_box.right_banner ul li:hover a.hit_casting span {background: #5b009a; border: 1px solid #5b009a}
.quick_box.right_banner ul li:hover a.hit_cls span {color: #fff; background-color: #58b027; border: 1px solid #58b027;}
.quick_box.right_banner ul li:hover a.hit_profile_female span {color: #fff; background-color: #ea5432; border: 1px solid #ea5432; }
.quick_box.right_banner ul li:hover a.hit_profile_male span {color: #fff; background-color: #4a93d7; border: 1px solid #4a93d7;}

/*모델검색*/
.model_search_box {margin: 30px 0 50px}
.model_search_box .model_search {border: 1px solid #5b009a; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); background: url(/design/model_search_title.png) no-repeat top center; padding: 60px 0 0}
.model_search_box .model_search ul {padding: 20px 40px;}
.model_search_box .model_search li {padding: 0 40px 0 0}
.model_search_box .model_search li:nth-child(2) {border-left: 1px solid #5b009a; padding: 0 0 0 40px}
.model_search_box .model_search li h1 {display: inline-block; width: 90px; font-size: 16px; font-weight: 400; color: #5b009a}
.model_search_box .model_search li > div {margin: 7px 0; color: #777}
.model_search_box .model_search_keword {border-top:1px solid #5b009a; padding: 20px 40px;}
.model_search_box .model_search_keword input {border:1px solid #5b009a; line-height: 50px; height: 50px }
.model_search_box .model_search_keword .model_search_btn {background: #5b009a; color: #fff; padding: 11px 30px; border-radius: 5px; margin: 0 0 0 10px; font-size: 16px}

/*캐스팅 검색*/
.casting_search_box {margin: 30px 0 50px}
.casting_search_box .casting_search {border: 1px solid #5b009a; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); background: url(/design/casting_search_title.png) no-repeat top center; padding: 60px 0 0}
.casting_search_box .casting_search ul {padding: 20px 40px;}
.casting_search_box .casting_search li {padding: 0 40px 0 0}
.casting_search_box .casting_search li:nth-child(2) {border-left: 1px solid #5b009a; padding: 0 0 0 40px}
.casting_search_box .casting_search li h1 {display: inline-block; width: 90px; font-size: 16px; font-weight: 400; color: #5b009a}
.casting_search_box .casting_search li > div {margin: 7px 0; color: #777}
.casting_search_box .casting_search_keword {border-top:1px solid #5b009a; padding: 20px 40px;}
.casting_search_box .casting_search_keword input {border:1px solid #5b009a; line-height: 50px; height: 50px }
.casting_search_box .casting_search_keword .casting_search_btn {background: #5b009a; color: #fff; padding: 11px 30px; border-radius: 5px; margin: 0 0 0 10px; font-size: 16px}

/*카카오지도*/
.kakao_map_wrap {position: absolute;left: 0;bottom: 40px;width: 288px;height: 132px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
.kakao_map_wrap * {padding: 0;margin: 0;}
.kakao_map_wrap .info {width: 286px;height: 120px;border-radius: 5px;border: 1px solid #ddd;overflow: hidden;background: #fff;}
.kakao_map_wrap .info .title {height: 34px; line-height: 34px; padding: 0 0 0 10px; background: #eee;border-bottom: 1px solid #ddd;font-size: 16px; font-weight: bold;}
.kakao_map_wrap .info .close {position: absolute;top: 12px;right: 12px;color: #888;width: 14px;height: 14px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png'); background-size: 14px auto;}
.kakao_map_wrap .info .close:hover {cursor: pointer;}
.kakao_map_wrap .info .body {position: relative;overflow: hidden;}
.kakao_map_wrap .info .desc {position: relative;margin: 13px 0 0 90px;height: 75px;}
.kakao_map_wrap .desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.kakao_map_wrap .desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
.kakao_map_wrap .info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
.kakao_map_wrap .info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 2px;width: 22px;height: 12px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.info .link {color: #5085BB;}

/*인트로 슬라이드*/
.intro_wrapper {}
.intro_wrapper .intro_logo {position: absolute; top: 20px; left: 30px; z-index: 22}
.intro_wrapper .intro_logo img {max-width: 200px}
.intro_wrapper .intro_quick {position: absolute; right: 40px; bottom: 40px; z-index: 22; color: #fff; width: 300px}
.intro_wrapper .intro_quick p {text-align: right}
.intro_wrapper .intro_quick a {position: relative; display: inline-block; color: #fff; width: 150px; background: rgba(0,0,0,0.5); font-size: 14px; font-weight: 100; height: 36px; margin: 0 0 20px; padding: 8px 50px 0 20px; border-radius: 30px; text-align: center}
.intro_wrapper .intro_quick a i {position: absolute; top: -2px; right: 0; background: #000; color: #fff; font-size: 20px; border-radius: 20px; width: 40px; height: 40px;text-align: center; line-height: 40px;}
.intro_wrapper .intro_quick .intro_tel {font-size: 40px; font-weight: 600; color: #000; letter-spacing: -2px}
.intro_wrapper .intro_quick .intro_tel:before {}

.intro_slide {position: relative; z-index: 10; min-height: 800px; overflow: hidden}
.intro_slide .txt_box {position: relative; padding: 280px 0 0; text-align: center}
.intro_slide .txt_box h1 {color: #000; font-size: 54px; font-weight: 400; letter-spacing: -3px; padding: 0px 0 0}
.intro_slide .txt_box h5 {font-size: 16px; color: #000; font-weight: 100; letter-spacing: 0px; padding: 10px 0 0}
.intro_slide .txt_box a {display: inline-block; font-size: 14px; color: #000; font-weight: 100; letter-spacing: 0px; padding: 17px 20px; border: 1px solid #000; margin: 30px 0 0}
.intro_slide .txt_box a:after {padding: 0 0 0 20px; font-size: 20px}
.intro_slide .txt_box .button {padding: 50px 0 0}
.intro_slide .txt_box .button a {display: inline-block; border: 1px solid #a88269; color: #a88269; border-radius: 3px; padding: 0px 80px 0 30px; font-size: 14px; line-height: 50px; background: url('/design/icon_arrow_r_s.png') no-repeat right+30px center #fff;}
.intro_slide .txt_box .slide_img {position: absolute; right: 0; top: 150px; }
.intro_slide .txt_box .slide_img img {width: 100%; max-width: 598px}
.intro_slide .swiper-pagination-bullets {left: 50% !important; max-width: 1320px; margin: 0 0 0 -660px; text-align: center}
.intro_slide .swiper-pagination {top: 90% !important; font-size: 1px; opacity: 0.9 !important; padding: 3px 0 0 50px}
.intro_slide .swiper-pagination-bullet {background: none; border: 1px solid #000; opacity: 1}
.intro_slide .swiper-pagination-bullet-active {color: #000; font-size: 16px; background: #000; width: 30px; border-radius: 10px}
.intro_slide .swiper-button-prev, .intro_slide .swiper-button-next {top: 90%; left: 50%; color: #000 !important; font-size: 14px; font-weight: 400; border-bottom: 1px solid #000; opacity: 0.5; width: 34px; height: 22px;}
.intro_slide .swiper-button-prev {margin: 0 0 0 -65px;}
.intro_slide .swiper-button-next {margin: 0 0 0 80px;}
.intro_slide .swiper-button-prev:hover, .intro_slide .swiper-button-next:hover { opacity: 1 }
.intro_slide .swiper-button-prev:after, .intro_slide .swiper-button-next:after {display: none}
.intro_slide .swiper-scrollbar {display: none}
.intro_slide .swiper-slide-active h1{animation:txtB 2.0s ease;}
.intro_slide .swiper-slide-active h5{animation:txtB 3.0s ease;}
.intro_slide .swiper-slide-active a{animation:txtB 4.0s ease;}
.intro_slide .swiper-slide-active .slide_icon {animation:txtB 1.5s ease}
.intro_slide .swiper-slide-active .slide_img {}
.intro_slide .swiper-slide-active .button{animation:txtB 1.5s ease}
.intro_slide .slide1 {background: url(/design/intro04.jpg) no-repeat top center; background-size: cover }
.intro_slide .slide2 {background: url(/design/intro03.jpg) no-repeat top center; background-size: cover }
.intro_slide .slide3 {background: url(/design/intro02.jpg) no-repeat top center; background-size: cover }
.intro_slide .slide4 {background: url(/design/intro01.jpg) no-repeat top center; background-size: cover }

/*메인슬라이드*/
.main_slide {position: relative; z-index: 10; overflow: hidden}

.sub_slide {position: relative; color: #fff; height: 550px; text-align: center; z-index: 10; background: url(/design/s_slide_bg.jpg) no-repeat center center}
.sub_slide.company {background: url(/design/s_slide_bg.jpg) no-repeat center center}
.sub_slide.service {background: url(/design/s_slide_service.jpg) no-repeat center center}
.sub_slide.portfolio {background: url(/design/s_slide_portfolio.jpg) no-repeat center center}
.sub_slide.cs {background: url(/design/s_slide_cs.jpg) no-repeat center center}
.sub_slide.career {background: url(/design/s_slide_career.jpg) no-repeat center center}
.sub_slide.contact {background: url(/design/s_slide_contact.jpg) no-repeat center center}

.sub_slide .sub_title {padding: 230px 0 0; font-size: 22px; font-weight: 400}
.sub_slide .page_group {padding: 10px 0 0; font-size: 46px; font-weight: 600;}

#all_category{display:none;}
#all_nav {position: relative; z-index: 11;}

.btn_a {font-size: 16px}
.btn_a.btn_search {background: #000; text-align: center; width: 100%; color: #fff; border-radius: 5px; height: 50px; line-height: 50px }

.main_container {position: relative}

.m_wrapper {position: relative}
.m_wrapper .m_banner_box {margin:30px auto 0 ;}
.m_wrapper .m_banner_box .m_search {width: 300px; margin: 0 20px 0 0; padding: 15px 20px; border: 1px solid #d7d7d7}
.m_wrapper .m_banner_box .m_search h1 {font-size: 20px; padding: 0 0 10px }
.m_wrapper .m_banner_box .m_search .wrap_select {margin: 0 0 7px}
.m_wrapper .m_banner_box .m_search .m_search_btn {margin: 10px 0 0}
.m_wrapper .m_banner_box .m_search .m_search_btn .fa_search:before {padding: 0 10px 0 0 }
.m_wrapper .m_banner_box .m_banner {width: calc(100% - 320px)}
.m_wrapper .m_banner_box .m_banner img {width: 100%;}

.m_wrapper .vip_pr {padding: 30px 0 0}
.m_wrapper .vip_pr h2{font-size:22px; font-weight:600;}
.m_wrapper .vip_pr h2 strong{color:#ff4e00}
.m_wrapper .vip_pr ul {padding: 10px 0 0}
.m_wrapper .vip_pr ul li{ width:calc(25% - 15px);padding:0px 0 20px 0; margin-right:20px}
.m_wrapper .vip_pr ul li img {width: 100%;}
.m_wrapper .vip_pr ul li:nth-child(4n) {margin-right:0;}

h1.stl {display: inline-block; background: #000; color: #fff;font-size: 16px; font-weight: 600; padding: 5px 20px; border-radius: 3px; }

/*카테고리*/
.categoty_list {padding: 50px 0 0}
.categoty_list li {text-align: center; border: 1px solid #000; padding: 13px 0; font-size: 14px;}
.categoty_list li.on {background: #000; color: #fff}
.categoty_list li.on a {color: #fff}

/*모델리시트*/
.model_list{margin-top:30px;}
.model_list h2{font-size:22px; font-weight:600; letter-spacing: -2px}
.model_list h2 strong{color:#ff4e00; }
.model_list h2 span {font-size: 16px; font-weight: 400; letter-spacing: 0; margin: 0 0 0 10px; cursor: pointer}
.model_list h2 span.female {margin: 0 0 0 20px} 
.model_list h2 span:hover {color: #ff4e00;}
.model_list ul{padding: 10px 0 0}
.model_list ul li {width:calc(20% - 16px); margin:0 20px 30px 0; background: #f7f7f7; padding: 0 0 30px; text-align: center; font-size: 14px }
.model_list ul li .md_img {height: 280px; overflow: hidden;}
.model_list ul li .md_img img {width: 100%}
.model_list ul li a {}
.model_list ul li:nth-child(5n) {margin: 0 0 30px;}
.model_list ul li div {padding: 0 10px;}
.model_list ul li div.info {padding: 10px 0 0}
.model_list ul li div.info:after {clear: both; display: block; content:""}
.model_list ul li div.info p {position: relative; display: block; float: left; width: 33.33%; font-size: 12px; color: #777; padding: 5px 0}
.model_list ul li div.info p::after {content: "|"; position: absolute; right: 0; color: #ddd; font-size: 12px; font-weight: 100 }
.model_list ul li div.info p:nth-child(3n):after {display: none}
.model_list ul li div.info p strong {font-size: 14px; font-weight: 300}
.model_list ul li div.btn {padding: 10px 0 0}
.model_list ul li div.btn a {display: inline-block; height: 32px; line-height: 32px; background: #000; color: #fff; font-size: 12px; padding: 0px 0px; text-align: center; width: 105px; font-weight: 300}
.model_list ul li div.btn a.recom {background: #bbb; margin: 0 0 0 5px}
.model_list ul li div.btn a::before {padding: 0 5px 0 0}

/*모델 상세정보*/
.model_view {padding: 30px 0 }
.model_view .view_t {padding: 0 0 50px 0}
.model_view .view_t_pic {width: 40%; overflow: hidden; position: relative}
.model_view .view_t_pic img {width: 100%}
.model_view .view_t_info {width: 60%; padding: 0 0 5px 40px}
.model_view .view_t_info h1 {border-bottom: 1px solid #ccc; padding: 0 0 5px; margin: 0 0 20px}
.model_view .view_t_info dl {float: left; width: calc(50% - 15px); margin: 0 30px 12px 0; font-size: 16px; }
.model_view .view_t_info dl:nth-child(2n) {margin: 0}
.model_view .view_t_info dl:nth-child(2n+1) {clear: both;}
.model_view .view_t_info dl dt {float: left; width: 90px; font-weight: 600}
.model_view .view_t_info dl dd {float: left; width: calc(100% - 90px); color: #777}
.model_view .view_t_info dl dd:before {content:" : ";padding: 0 10px 0 0}
.model_view .view_t_info .pay_btn {padding: 15px 0 0}
.model_view .view_t_info .pay_btn a {float: left; width: calc(33.333% - 14px); text-align: center}
.model_view .view_t_info .pay_btn a:before {font-size: 22px; padding: 0 15px 0 0px}
.model_view .view_t_info .pay_btn a.btn_ticket {margin: 0 21px 0 0; }
.model_view .view_t_info .pay_btn a.btn_ticket_buy {margin: 0 21px 0 0; }
.model_view .keyword {padding: 10px 0 50px }
.model_view .keyword span {display: inline-block; border: 1px solid #aaa; color: #777; margin: 5px 10px 0 0; padding: 5px 10px; border-radius: 3px}

.model_view .basic_info {padding: 20px 0 50px }
.model_view .basic_info dl {float: left; width: calc(50% - 15px); margin: 0 30px 22px 0; font-size: 16px; }
.model_view .basic_info dl:nth-child(2n) {margin: 0}
.model_view .basic_info dl:nth-child(2n+1) {clear: both;}
.model_view .basic_info dl dt {float: left; width: 90px; font-weight: 600}
.model_view .basic_info dl dd {float: left; width: calc(100% - 90px); color: #777}

.model_view .explain {padding: 20px 0 50px; font-size: 16px}
.model_view .movie {padding: 20px 0 50px; font-size: 16px}
.model_view .model_btn {padding: 50px 0 0; display: flex; justify-content: center; align-items: center;}
.model_view .model_btn a:before {padding: 0 10px 0 0; font-size: 18px}
.model_view .model_img {padding: 20px 0 50px; border-bottom: 1px solid #ccc;}
.model_view .model_img img {max-width: 1320px;}

/*모델 글쓰기*/
.model_write {padding: 30px 0 }
.model_write .view_t {padding: 0 0 50px 0}
.model_write .view_t_pic {width: 25%; overflow: hidden; position: relative}
.model_write .view_t_pic img {width: 100%}
.model_write .view_t_info {width: 75%; padding: 0 0 5px 40px}
.model_write .view_t_info h1 {border-bottom: 1px solid #ccc; padding: 0 0 5px; margin: 0 0 20px}
.model_write .view_t_info dl {float: left; width: calc(50% - 15px); margin: 0 30px 12px 0; font-size: 16px; }
.model_write .view_t_info dl:nth-child(2n) {margin: 0}
.model_write .view_t_info dl:nth-child(2n+1) {clear: both;}
.model_write .view_t_info dl dt {float: left; width: 90px; font-weight: 600}
.model_write .view_t_info dl dd {float: left; width: calc(100% - 90px); color: #777}
.model_write .view_t_info dl dd:before {content:" : ";padding: 0 10px 0 0}
.model_write .view_t_info .pay_btn {padding: 35px 0 0; text-align: center}
.model_write .view_t_info .pay_btn a { width: calc(50% - 14px); text-align: center}
.model_write .view_t_info .pay_btn a:before {font-size: 22px; padding: 0 15px 0 0px}
.model_write .view_t_info .pay_btn a.btn_ticket {margin: 0 21px 0 0; }
.model_write .view_t_info .pay_btn a.btn_ticket_buy {margin: 0 21px 0 0; }
.model_write .keyword {padding: 10px 0 50px }
.model_write .keyword span {display: inline-block; border: 1px solid #aaa; color: #777; margin: 0px 10px 10px 0; padding: 5px 10px; border-radius: 3px}
.model_write .keyword .keyword_stl span {border: 1px solid #777; background: #777; color: #fff}

.model_write .basic_info {padding: 20px 0 50px }
.model_write .basic_info dl { margin: 0 0px 20px 0; font-size: 16px; border-bottom: 1px dotted #ccc; padding: 0 0 20px}
.model_write .basic_info dl:after {clear: both; display: block; content:""}
.model_write .basic_info dl dt {float: left; width: 110px; font-weight: 600}
.model_write .basic_info dl dd {float: left; width: calc(100% - 110px); color: #333; font-size: 14px; }
.model_write .basic_info dl dd span {margin: 0 10px 0 0}
.model_write .basic_info dl dd span:after {content:"|"; padding: 0 0 0 10px; color: #eee}
.model_write .basic_info dl dd span:last-child:after {content:""; padding:0}
.model_write .basic_info dl dd p {margin: 0 0 10px}
.model_write .basic_info dl dd p:last-child {margin: 0}
.model_write .explain {padding: 20px 0 50px; font-size: 16px}
.model_write .explain p {font-size: 14px; color: #ff0000; padding: 0 0 10px}
.model_write .movie {padding: 20px 0 50px; font-size: 16px}
.model_write .movie p {padding: 10px 0 0}
.model_write .movie p strong {color: #ff0000}
.model_write .model_btn {text-align: center; padding: 50px 0 0; display: flex; justify-content: center; align-items: center;}
.model_write .model_btn a:before {padding: 0 10px 0 0; font-size: 18px}
.model_write .model_img {padding: 20px 0 50px; border-bottom: 1px solid #ccc}
.model_write .model_img img {width: 100%;}

/*캐스팅리스트*/
.casting_list{margin-top:30px;}
.casting_list h2{font-size:22px;font-weight:600;}
.casting_list h2 strong{color:#ff4e00; }
.casting_list .casting_model {padding: 10px 0 0}
.casting_list .casting_model li {width: calc(20% - 16px);padding:5px 0 25px 0; margin: 0 20px 20px 0; border:1px solid #e9e9e9;}
.casting_list .casting_model li:nth-child(5n) {margin: 0 0 20px}
.casting_list .casting_model li .img {border-bottom:1px solid #e9e9e9; text-align: center}
.casting_list .casting_model li .img img{width: 100%; max-width: 210px}
.casting_list .casting_model li h4 {border-bottom:1px solid #e9e9e9;font-size:16px;font-weight:500;text-align:left;padding:10px 15px; height: 72px}
.casting_list .casting_model li div.info {padding: 10px 20px 0; font-size: 14px; line-height: 180%; color: #555}
.casting_list .casting_model li div.btn {padding: 10px 0 10px}
.casting_list .casting_model li div.btn a {display: inline-block; height: 28px; line-height: 28px; background: #000; color: #fff; font-size: 12px; padding: 0px 0px; text-align: center; width: 105px; font-weight: 300}
.casting_list .casting_model li div.btn a.recom {background: #bbb; margin: 0 0 0 5px}
.casting_list .casting_model li div.btn a::before {padding: 0 5px 0 0}

/*캐스팅 상세정보*/
.casting_view {padding: 30px 0 }
.casting_view h1.subj2 {border-bottom: 1px solid #ccc; padding: 0 0 10px; margin: 0 0 20px; letter-spacing: -1px}
.casting_view .view_t {padding: 10px 0 20px 0; border-bottom: 1px solid #ccc; margin: 0 0 40px}
.casting_view .view_t .view_t_pic img {width: 120px; height: 80px}
.casting_view .view_t_logo {width: 20%; overflow: hidden; position: relative}
.casting_view .view_t_logo img {width: 100%}
.casting_view .view_t_info {width: 80%; padding: 0 0 5px 40px;}
.casting_view .view_t_info dl {float: left; width: calc(50% - 15px); margin: 0 30px 12px 0; font-size: 16px; }
.casting_view .view_t_info dl:nth-child(2n) {margin: 0}
.casting_view .view_t_info dl:nth-child(2n+1) {clear: both;}
.casting_view .view_t_info dl dt {float: left; width: 90px; font-weight: 600}
.casting_view .view_t_info dl dd {float: left; width: calc(100% - 90px); color: #777}
.casting_view .view_t_info dl dd:before {content:" : ";padding: 0 10px 0 0}
.casting_view .view_t_info .pay_btn {padding: 25px 0 0; text-align: center}
.casting_view .view_t_info .pay_btn a {width: calc(33.333% - 14px); }
.casting_view .view_t_info .pay_btn a:before {font-size: 22px; padding: 0 15px 0 0px}

.casting_view .keyword {padding: 10px 0 50px }
.casting_view .keyword span {display: inline-block; border: 1px solid #aaa; color: #777; margin: 5px 10px 0 0; padding: 5px 10px; border-radius: 3px}

.casting_view .basic_info {padding: 20px 0 50px }
.casting_view .basic_info dl {float: left; width: calc(33.3333% - 20px); margin: 0 30px 12px 0; font-size: 16px; }
.casting_view .basic_info dl:nth-child(3n) {margin: 0}
.casting_view .basic_info dl:nth-child(3n+1) {clear: both;}
.casting_view .basic_info dl dt {float: left; width: 90px; font-weight: 600}
.casting_view .basic_info dl dd {float: left; width: calc(100% - 90px); color: #777}
.casting_view .basic_info dl dd:before {content:" : ";padding: 0 10px 0 0}

.casting_view .explain {padding: 20px 0 50px; font-size: 16px}
.casting_view .map {padding: 20px 0 20px; border-bottom: 1px solid #aaa;}

.casting_view .model_btn {text-align: center; padding: 50px 0 0}
.casting_view .model_btn a:before {padding: 0 10px 0 0; font-size: 18px}
.casting_view .model_img {padding: 20px 0 50px; border-bottom: 1px solid #ccc}
.casting_view .model_img img {width: 100%;}

/*캐스팅 글쓰기*/
.casting_write {padding: 30px 0 }
.casting_write h1.subj2 {border-bottom: 1px solid #ccc; padding: 0 0 10px; margin: 0 0 20px}
.casting_write .view_t {padding: 10px 0 20px 0; border-bottom: 1px solid #ccc; margin: 0 0 40px}
.casting_write .view_t .view_t_pic img {width: 120px; height: 80px}
.casting_write .view_t_logo {width: 20%; overflow: hidden; position: relative}
.casting_write .view_t_logo img {width: 100%}
.casting_write .view_t_info {width: 80%; padding: 0 0 5px 40px;}
.casting_write .view_t_info dl {float: left; width: calc(50% - 15px); margin: 0 30px 12px 0; font-size: 16px; }
.casting_write .view_t_info dl:nth-child(2n) {margin: 0}
.casting_write .view_t_info dl:nth-child(2n+1) {clear: both;}
.casting_write .view_t_info dl dt {float: left; width: 90px; font-weight: 600}
.casting_write .view_t_info dl dd {float: left; width: calc(100% - 90px); color: #777}
.casting_write .view_t_info dl dd:before {content:" : ";padding: 0 10px 0 0}
.casting_write .view_t_info .pay_btn {padding: 25px 0 0; text-align: center}
.casting_write .view_t_info .pay_btn a {width: calc(33.333% - 14px); }
.casting_write .view_t_info .pay_btn a:before {font-size: 22px; padding: 0 15px 0 0px}

.casting_write .keyword {padding: 10px 0 50px }
.casting_write .keyword span {display: inline-block; border: 1px solid #aaa; color: #777; margin: 5px 10px 0 0; padding: 5px 10px; border-radius: 3px}
.casting_write .keyword .keyword_stl span {border: 1px solid #777; background: #777; color: #fff}

.casting_write .basic_info {padding: 20px 0 50px }
.casting_write .basic_info dl {float: left; width: calc(100%); margin: 0 0 20px 0; font-size: 16px; }
.casting_write .basic_info dl dt {float: left; width: 90px; font-weight: 600}
.casting_write .basic_info dl dd {position: relative; float: left; width: calc(100% - 90px); color: #777; padding: 0 0 0 20px}
.casting_write .basic_info dl dd:before {content:" : "; padding: 0 10px 0 0px; position: absolute; left: 0px; top: 3px}
.casting_write .basic_info dl dd span {margin: 0 10px 0 0}
.casting_write .basic_info dl dd p {margin: 0 0 5px}
.casting_write .explain {padding: 20px 0 50px; font-size: 16px}
.casting_write .map {padding: 20px 0 20px; border-bottom: 1px solid #aaa;}

.casting_write .model_btn {text-align: center; padding: 50px 0 0}
.casting_write .model_btn a:before {padding: 0 10px 0 0; font-size: 18px}
.casting_write .model_img {padding: 20px 0 50px; border-bottom: 1px solid #ccc}
.casting_write .model_img img {width: 100%;}

/*고객센터*/
.customer_center {clear: both; padding: 40px 0 50px; border-top: 1px solid #ddd; margin: 50px 0 0}
.customer_center h1 {font-size: 20px; font-weight: bold; letter-spacing: -1px}
.customer_center h2 {font-size: 18px; font-weight: bold; letter-spacing: -1px}
.customer_center > ul > li {padding: 0 50px 0 0; width: 38%}
.customer_center > ul > li:nth-child(2) {width: 30%}
.customer_center > ul > li:last-child {padding: 0; width: 32%}
.customer_center .banner a {float: left; display: inline-block; font-size: 16px; text-align: center; width: calc(50% - 5px); background: #f7f7f7; padding: 35px 0px 30px; margin: 0 10px 10px 0; border-radius: 10px}
.customer_center .banner a i {display: block; font-size: 40px; padding: 0 0 20px}
.customer_center .banner a:nth-child(2n) {margin: 0 0 10px}
.customer_center .banner a:hover {background: #000; color: #fff;}
.customer_center .help {}
.customer_center .bank {padding: 0 10px 10px}
.customer_center .bank .bank_name {font-size: 16px; padding: 10px 0 0}
.customer_center .bank .bank_account {font-size: 36px; font-weight: 600; color: #5b009a}
.customer_center .bank .bank_owner {font-size: 16px;}
.customer_center .tel {padding: 10px 10px 0; border-top: 1px solid #ddd}
.customer_center .tel .number {font-size: 36px; font-weight: 600; padding: 5px 0 0; color: #5b009a}
.customer_center .tel .time {font-size: 14px; font-weight: 300; padding: 5px 0 0}
.customer_center .tel .ex {font-size: 12px; font-weight: 300; padding: 5px 0 0}

table {border-collapse:collapse;border-spacing:0; width: 100% }

table.tbl_a {border-top: 3px solid #000}
table.tbl_a tr td {border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px 20px;  font-weight: 600; font-size: 16px}
table.tbl_a tr td:nth-child(1) {width: 20%; background: #f7f7f7; text-align: center;}

/*상품광고*/
.ad_pay_tl {background: #333; color: #fff; font-size: 24px; padding: 20px 0; text-align:  center;}
.ad_pay_wrap {border: 1px solid #ddd; border-top: 3px solid #000}
.ad_pay_box {font-size: 16px; }
.ad_pay_box tr:nth-child(1) td:nth-child(1) {background-color: #f7f7f7; }
.ad_pay_box tr:nth-child(2n) {background-color: #fff;}
.ad_pay_box .ad_pay_title {width: 20%; border-right: 1px solid #ddd; padding: 20px 20px; text-align: center; font-weight: 600;}
.ad_pay_box .ad_pay_name {width: 20%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px 20px;  font-weight: 600; text-align: center;}
.ad_pay_box .ad_pay_price {width: 25%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px 20px}
.ad_pay_box .ad_pay_price p {display: flex; padding: 7px 0 }
.ad_pay_box .ad_pay_price p span {padding: 0 5px 0 0;}
.ad_pay_box .ad_pay_price p span.b_limit {width: 80px}
.ad_pay_box .ad_pay_price p span.b_price {color: #5b009a; font-weight: 600;}
.ad_pay_box .ad_pay_explain {width: 35%;border-bottom: 1px solid #ddd; padding: 20px 20px;  }
.ad_pay_box tr:last-child .ad_pay_name {border-bottom: none;}
.ad_pay_box tr:last-child .ad_pay_price {border-bottom: none;}
.ad_pay_box tr:last-child .ad_pay_explain {border-bottom: none;}

.ad_pay_result {margin: 30px 0 0}
.ad_pay_method {padding: 0 20px 0 0}
.ad_pay_bank {display: none;}
#ad_goods_select {font-weight: 400;}
#ad_total_price {font-weight: 600; font-size: 22px; color: #ff4e00}

.ad_limit {font-size: 12px; padding: 5px 0 0; font-weight: 400; line-height: 1.2;}
.is_model_view {border: 1px solid #5b009a; padding: 3px 10px; border-radius: 30px;  font-size: 13px; color: #5b009a; cursor: pointer; }
.ticket_tab_box {display: flex; justify-content: center; padding: 0 0 30px;}
.ticket_tab_box a {display: inline-block; font-size: 18px; font-weight: 500; padding: 10px 30px; margin: 0 10px; background: #fff; border: 1px solid #000; border-radius: 100px;}
.ticket_tab_box a.active {background: #5b009a; border: 1px solid #5b009a; color: #fff }

/*태블릿 반응형*/
@media only screen and (max-width:1320px){
	.ul_li2 li, .ul_li3 li {width: 100%;}
	.ul_li4 li {width: 50%}

	.bo_site_box {padding: 0 20px}

	.no_tablet {display: none}
	
	.t_header .t_add_menu {display: none}
	#all_top_menu {display: none}
	#all_menu {display: inline-block; position: absolute; right: 10px; top: 15px; z-index: 101}

	#all_category{position:fixed; top:0; left: 0px; width:80%; height:100%; background:rgba(0, 0, 0, 0.8); z-index: 99999;}
	#all_category .all_category_box{width:100%;height:100%;overflow-y:auto;background:#fff;font-size:12px;letter-spacing:-1px}
	#all_category .pop_close{display: none; z-index:999;position:absolute;top:15px;left:87%;width:30px;height:30px; background:url('/data/design/default/close.png') no-repeat 100% 100%;;border:none;text-indent:-99999px}
	#all_category .logo {display: block; padding:15px 10px;;border-bottom:1px solid #ccc;;text-align:center;background:#fff;font-size:16px}
	#all_category .logo .t_login01 {background:#5b5b5a;color:#fff;padding:10px 30px;}
	#all_category .logo .t_login02 {background:#e8180c;color:#fff;padding:10px 30px;}
	#all_category .logo img{width:100%;max-width:180px}

	#all_category .link {display: block; margin: 0 0 0px}
	#all_category .link:after {clear:both; display: block; content:""}
	#all_category .link a {float: left; display: inline-block; width: 50%; text-align: center; padding: 15px 0 15px 0px; font-size: 14px; font-weight: 400; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #555; background: #fff;}
	#all_category .link a:nth-child(2n) {border-right: none}
	#all_category .menu{background: #fff}
	#all_category .menu:after {clear:both; display: block; content:""}
	#all_category .menu ul > li {text-align:left;border-bottom:1px solid #e9e9e9;}
	#all_category .menu ul > li .triangle {display: none}
	#all_category .menu ul > li > a{display:block; color:#000; height: 56px; line-height: 56px; font-size:18px; padding:0px 0 10px 20px; font-weight: 400}
	#all_category .menu ul > li > a:hover{background:#fff}
	#all_category .menu ul > li > .sub_menu {width:100%;;text-align:left;font-weight:normal;border-bottom:0px solid #e9e9e9}
	#all_category .menu ul > li > .sub_menu > a{display:block; color:#000; font-size:16px; padding:10px 0 10px 40px; font-weight: 100}
	#all_category .menu ul > li > .sub_menu > a:last-child {padding: 10px 0 20px 40px}
	#all_category .menu ul > li > .sub_menu > ul > li{width:100%;;text-align:left;font-weight:normal;border-bottom:0px solid #e9e9e9; padding: 0 0 0 60px}
	#all_category .menu ul > li > .sub_menu > ul > li > a{display:block; color:#000; font-size:14px; padding:0px 0 15px 00px; font-weight: 100}
	#all_category .menu ul > li > .sub_menu > ul > li:last-child a {padding: 0 0 15px 00px;}

	#all_category .menu .depth3 {width: 100%; padding: 0 0 0 20px}
	#all_category .menu .depth3:after {clear: both; display: block; content:""}
	#all_category .menu .depth3 li {float: left; width: 33.3%; padding: 10px 5px 30px; text-align: center}
	#all_category .menu .depth3 li a {font-weight: 100}
	#all_category .menu .depth3 li img {width: 90%; height: 50px; margin: 0 0 5px}

	/*상단메뉴*/
	.t_header {left: 0px; margin: 0; padding: 30px 0}
	.t_header .t_logo {padding: 0 0 0 15px}
	.t_header .t_gnb {display: none}
	.t_header .t_add_menu {display: none}
	.head_wrapper .t_search_box {display: none;}
	.head_wrapper .site_box {display: flex; justify-content: space-between; align-items: center;}
	.fl_left:after {display: none;}
	.head_wrapper .t_login {width: auto; display: flex; justify-content: flex-end; flex-direction: column; padding: 10px 10px 10px 0;}
	.head_wrapper .t_login .t_login_mb {padding: 0 0px 0 0}
	.head_wrapper .t_login .t_login_info.t_login_in {display: flex; justify-content: flex-end; padding: 5px 0 0; width: 100%}
	.head_wrapper .t_login a {padding: 2px 10px; border: none !important; border: 1px solid #aaa !important; border-radius: 3px;}
	.head_wrapper .t_login a.t_login {background: #fff; border: 1px solid #aaa !important; border-radius: 3px; color: #000}
	.head_wrapper .t_logo {width: auto; padding: 10px 10px;}
	.head_wrapper .t_logo img {width: 130px;}
	.head_wrapper .nav_box .t_nav_add {display: none}
	.head_wrapper .nav_box .t_nav {width: 100%;}
	.head_wrapper .nav_box .t_nav nav {display: flex}
	.head_wrapper .nav_box .t_nav a {padding: 0 0px}

	#top_nav {overflow: hidden;}
	#top_nav li {text-align: center;}
	#top_nav li a {font-size: 16px; line-height: 60px;}

	/*메인 슬라이드*/
	.main_slide .txt_box {text-align: center; padding: 150px 20px 0}
	.main_slide .txt_box .slide_img { width: 100%; text-align: center; top: 350px}
	.main_slide .txt_box .slide_img img {max-width: 550px}
	.main_slide .swiper-pagination-bullets {display: none; left: 0px !important; margin: 0}
	.main_slide .swiper-button-prev {display: none;}
	.main_slide .swiper-button-next {display: none;}
	.main_slide .swiper-slide-active h2 {font-size: 22px; letter-spacing: -1px; line-height: 140%}
	.main_slide .swiper-slide-active h1 {font-size: 50px; line-height: 100%; padding: 10px 0}
	.main_slide .txt_box h5 {font-size: 18px; padding: 30px 0px 0;}
	.main_slide .txt_box img {max-width: 700px; padding: 10px 30px}
	.main_slide .txt_box .button {padding: 20px 0 0}
	.main_slide .txt_box .button a {width: 80%; max-width: 200px}

	.m_wrapper .vip_pr ul li {width: calc(50% - 10px); margin: 0 20px 10px 0; padding: 0}
	.m_wrapper .vip_pr ul li:nth-child(2n) {margin: 0 0 10px}
	 
	.sub_slide {height: 300px}
	.sub_slide .sub_title {padding: 130px 0  0}

	#main_wrapper {padding: 0 10px}
	.m_wrapper .m_banner_box .m_search {display: none}
	.m_wrapper .m_banner_box .m_banner {width: 100%}

	.model_list {display: flex; flex-direction: column;}
	.model_list h2 {width: 100%; text-align: left;}
	.model_list ul li {width: calc(50% - 10px); margin: 0 20px 20px 0;}
	.model_list ul li:nth-child(2n) {margin: 0 0 20px}

	.model_list ul li .md_img {height: auto}
	.model_list ul li div.btn a {width: auto; padding: 0 10px}

	.casting_list .casting_model li  {width: calc(50% - 10px); margin: 0 20px 20px 0;}
	.casting_list .casting_model li:nth-child(2n) {margin: 0 0 20px}
	.casting_list .casting_model li div.btn a {width: auto; padding: 0 10px}
	

	.customer_center {padding: 40px 10px 50px}
	.customer_center > ul > li {width: 100%; padding: 0}
	.customer_center > ul > li:nth-child(2) {width: 100%; padding: 30px 0 0}
	.customer_center > ul > li:last-child {width: 100%; padding: 30px 0 0}

	.quick_box.right_banner {display: none}
	
	.model_search_box .model_search ul {padding: 15px 20px}
	.model_search_box .model_search li:nth-child(2) {border-left: none; padding: 0;}
	.model_search_box .model_search li h1 {font-size: 14px; width: 80px}
	.model_search_box .model_search_keword input {width: calc(100% - 130px)}
	.model_search_box .model_search_keword {padding: 15px 20px}
	.model_search_box .model_search_keword .model_search_btn {padding: 13px 15px; font-size: 14px}

	.model_view .view_t_pic {width: 100%}
	.model_view .view_t_info {width: 100%; padding: 30px 0 0}
	.model_view .view_t_info .pay_btn {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 50px 0 0}
	.model_view .view_t_info .pay_btn a {width: 100%; margin: 5px 0}
	.model_view .view_t_info .pay_btn a.btn_ticket {margin: 5px 0}
	.model_view .view_t_info .pay_btn a.btn_ticket_buy {margin: 5px 0;}
	.model_view .view_t_info dl {width: 100%; margin: 15px 0;}
	.model_view .basic_info dl  {width: 100%; margin: 15px 0}
	.model_view .model_btn {flex-wrap: wrap;}
	.model_view .model_btn a {width: 100%; margin: 5px 0; text-align: center;}
	.model_view .model_btn a.model_btn_scrap {width: 50%}
	.model_view .model_btn a.model_btn_print {width: 50%}

	.model_write .view_t_pic {width: 100%}
	.model_write .view_t_info {width: 100%; padding: 30px 0 0}
	.model_write .view_t_info .pay_btn {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 50px 0 0}
	.model_write .view_t_info .pay_btn a {width: 100%; margin: 5px 0}
	.model_write .view_t_info .pay_btn a.btn_ticket {margin: 5px 0}
	.model_write .view_t_info .pay_btn a.btn_ticket_buy {margin: 5px 0;}
	.model_write .view_t_info dl {width: 100%; margin: 15px 0;}
	.model_write .basic_info dl  {width: 100%; margin: 15px 0}
	.model_write .model_btn {flex-wrap: wrap;}
	.model_write .model_btn a {width: 100%; margin: 5px 0; text-align: center;}
	.model_write .model_btn a.model_btn_scrap {width: 50%}
	.model_write .model_btn a.model_btn_print {width: 50%}
	.model_write .wrap_input2 {margin-bottom: 15px;}
	.model_write .basic_info dl dd span {margin: 0 0 10px; display: inline-block;} 
	.model_write .basic_info dl input {max-width: 120px}
	.model_write .basic_info dl select {max-width: 120px}

	.casting_search_box .casting_search ul {padding: 15px 20px}
	.casting_search_box .casting_search li:nth-child(2) {border-left: none; padding: 0;}
	.casting_search_box .casting_search li h1 {font-size: 14px; width: 80px}
	.casting_search_box .casting_search_keword input {width: calc(100% - 140px)}
	.casting_search_box .casting_search_keword {padding: 15px 20px}
	.casting_search_box .casting_search_keword .casting_search_btn {padding: 13px 15px; font-size: 14px;}

	.casting_view .view_t_logo {width: 100%}
	.casting_view .view_t_info {width: 100%; padding: 30px 0 0}
	.casting_view .view_t_info .pay_btn {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 50px 0 0}
	.casting_view .view_t_info .pay_btn a {width: 100%; margin: 5px 0}
	.casting_view .view_t_info .pay_btn a.btn_ticket {margin: 5px 0}
	.casting_view .view_t_info .pay_btn a.btn_ticket_buy {margin: 5px 0;}
	.casting_view .view_t_info dl {width: 100%; margin: 15px 0}
	.casting_view .basic_info dl  {width: 100%; margin: 15px 0}
	.casting_view .model_btn {flex-wrap: wrap; display: flex;}
	.casting_view .model_btn a {width: 100%; margin: 5px 0; text-align: center;}
	.casting_view .model_btn a.model_btn_scrap {width: 50%}
	.casting_view .model_btn a.model_btn_print {width: 50%}

	.casting_write .view_t_logo {width: 100%}
	.casting_write .view_t_info {width: 100%; padding: 30px 0 0}
	.casting_write .view_t_info .pay_btn {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 50px 0 0}
	.casting_write .view_t_info .pay_btn a {width: 100%; margin: 5px 0}
	.casting_write .view_t_info .pay_btn a.btn_ticket {margin: 5px 0}
	.casting_write .view_t_info .pay_btn a.btn_ticket_buy {margin: 5px 0;}
	.casting_write .view_t_info dl {width: 100%; margin: 15px 0}
	.casting_write .basic_info dl  {width: 100%; margin: 15px 0}
	.casting_write .model_btn {flex-wrap: wrap; display: flex;}
	.casting_write .model_btn a {width: 100%; margin: 5px 0; text-align: center;}
	.casting_write .model_btn a.model_btn_scrap {width: 50%}
	.casting_write .model_btn a.model_btn_print {width: 50%}
	.casting_write .wrap_input2 {margin-bottom: 15px;}
	.casting_write .basic_info dl input {max-width: 120px}
	.casting_write .basic_info dl select {max-width: 120px}

	.site_left {width: 100%; border: none;}
	.site_main {width: 100%; padding: 0}
	.site_left .left_stl {display: none}
	.site_left .left_menu {display: flex; flex-wrap: wrap;}
	.site_left .left_menu li {width: 33.33%; text-align: center; border: 1px solid #aaa; padding: 15px 0; margin: -1px -1px 0 0; font-size: 14px}
	.site_left .left_count {display: none;}

	.tbl_head01 tr td.left {padding: 0 5px}

	.ticket_tab_box a {font-size: 16px}
	.ad_pay_tl {font-size: 18px}

	.ad_pay_box {font-size: 14px}

	.ad_pay_box .ad_pay_explain {display: none;}
	.ad_pay_box .ad_pay_title {display: none;}
	.ad_pay_box .ad_pay_price {width: auto}

	table.tbl_a tr td{font-size: 14px}
}

/*스마트폰 반응형*/
@media only screen and (max-width:768px){
	.wrap_input3 li, .wrap_input2 li {width: calc(100%); margin: 0 0 10px}

	.subj {font-size: 30px; line-height: 110%; letter-spacing: -2px}
	.subj_ex {font-size: 14px}

	.no_mobile {display: none}

	/*메인 슬라이드*/
	.main_slide .txt_box h1 {letter-spacing: -3px}
	.main_slide .swiper-slide-active h2 {font-size: 18px; letter-spacing: -1px; line-height: 140%}
	.main_slide .swiper-slide-active h1 {font-size: 40px; line-height: 110%; padding: 10px 0}
	.main_slide .txt_box h5 {font-size: 18px; padding: 10px 0px;}
	.main_slide .txt_box .slide_img {top: 470px}
	.main_slide .txt_box img {max-width: 440px;}
	.main_slide .txt_box .button {padding: 20px 0 0}

	.intro_wrapper .intro_logo img {max-width: 130px;}
	.intro_slide .txt_box h1 {font-size: 36px}
	.intro_slide .txt_box h5 {font-size: 14px}
	.intro_slide .swiper-pagination {display: none}
	.intro_slide .swiper-button-prev, .intro_slide .swiper-button-next {display: none;}
}