@charset "utf-8";
@font-face {
  font-family: 'SEOULMILK_500';
  font-style: normal;
  font-weight: 500;
  src: url('../font/SEOULMILK 500mL.eot');
  src: url('../font/SEOULMILK 500mL.eot?#iefix') format('embedded-opentype'),
       url('../font/SEOULMILK 500mL.woff2') format('woff2'),
       url('../font/SEOULMILK 500mL.woff') format('woff'),
       url('../font/SEOULMILK 500mL.ttf') format('truetype');
}

@font-face {
  font-family: 'SEOULMILK_1000';
  font-style: normal;
  font-weight: 500;
  src: url('../font/SEOULMILK 1000mL.eot');
  src: url('../font/SEOULMILK 1000mL.eot?#iefix') format('embedded-opentype'),
       url('../font/SEOULMILK 1000mL.woff2') format('woff2'),
       url('../font/SEOULMILK 1000mL.woff') format('woff'),
       url('../font/SEOULMILK 1000mL.ttf') format('truetype');
}


/*인플루언서 사이트*/
.influencer * {font-family:'SEOULMILK_500','Nanum Gothic',Dotum,AppleGothic,Arial,sans-serif;}
.influencer .greenColor {color:#35793d !important;}
.influencer .inner {margin:0 auto; width:1200px;}
.influencer .header {width:100%; min-width:1200px; height:491px; background:url('/loyal/images/influencer/top_02.jpg') no-repeat; background-position:top center;}
.influencer .header .inner {position:relative;}
.influencer .header .loginBtn {position:absolute; right:0; top:70px; width:90px; height:30px; font-size:13px; line-height:28px; text-align:center; border:1px solid #e5000c; box-sizing:border-box; background-color:#fff; color:#e5000c;}
.influencer .header .logoutBtn {position:absolute; right:0; top:70px; width:90px; height:30px; font-size:13px; line-height:28px; text-align:center; border:1px solid #e5000c; box-sizing:border-box; background-color:#fff; color:#e5000c;}
.influencer .footer {margin-top:150px; background-color:#f8f8f8;}
.influencer .footer .inner {padding-top:48px; padding-bottom:75px;}
.influencer .footer h5 {margin-bottom:25px;}
.influencer .footer .menuList {margin-bottom:18px; font-size:0;}
.influencer .footer .menuList li{position:relative; display:inline-block; font-size:12px; color:#212121;}
.influencer .footer .menuList li+li{margin-left:16px;}
.influencer .footer .menuList li+li:before {position:absolute; left:-7px; top:1px; width:1px; height:11px; background-color:#737373; content:'';}
.influencer .footer p {font-size:12px; color:#212121;}
.influencer .footer p+p {margin-top:8px;}
.influencer .lookBox {position:absolute; top:85px; right:0;}
.influencer .lookBox select {width:223px; height:38px; padding-left:15px; box-sizing:border-box; border:1px solid #bcc1c2; color:#666666;}
.influencer .searchBox {margin-top:17px; font-size:0;}
.influencer .searchBox select {padding-left:15px; width:140px; height:38px; font-size:14px; line-height:36px; vertical-align:top; border:1px solid #bcc1c2; box-sizing:border-box; color:#666666;}
.influencer .searchBox input {margin-left:5px; padding:0 10px; width:300px; height:38px; font-size:14px; line-height:36px; vertical-align:top; border:1px solid #bcc1c2; box-sizing:border-box; color:#666666;}
.influencer .searchBtn {display:inline-block; width:75px; height:38px; font-size:15px; line-height:38px; vertical-align:top; text-align:center; background-color:#444444; color:#fff;}
.influencer .horsemanBtn {background-color:#009857;}

.influencer .tabmenu { width:100%; border-left:1px solid #d4d4d4;}
.influencer .tabmenu li {width:239px; height:73px; display:inline-block; margin-right:-4px; text-align:center; border-top:1px solid #d4d4d4; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:none;}
.influencer .tabmenu li.active {border:2px solid green;}
.influencer .tabmenu li > a {display:block; font-size:20px; line-height:73px; color:#dcdcdc; text-align:center;}
.influencer .tabmenu li a.active {border:1px solid #009857; color:#009857;}

.influencer .tableType_01{margin-top:78px; width:100%; border-top:2px solid #1c1c1c;}
.influencer .tableType_01 th {height:53px; font-size:16px; line-height:53px; text-align:center; background-color:#f7f7f7; border-bottom:1px solid #d9d9d9; color:#181818;}
.influencer .tableType_01 td,
.influencer .tableType_01 td a {font-size:16px; text-align:center; color:#444444;}
.influencer .tableType_01 td a {display:block; margin: 0 auto; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:500px;overflow:hidden;}
.influencer .tableType_01 td a:hover {color:#35793d;}
.influencer .tableType_01 td{padding:20px 10px; box-sizing:border-box; border-bottom:1px solid #d9d9d9;}
.influencer .tableType_02 {margin-top:100px; width:100%; border-top:1px solid #5a5b5d; border-bottom:2px solid #d1d1d1;}
.influencer .tableType_02 th {padding-top:14px; padding-bottom:14px; padding-left:27px; font-size:20px; line-height:53px;  background-color:#f9f9f9; box-sizing:border-box; color:#222222;}
.influencer .tableType_02 td {padding-top:14px; padding-bottom:14px; padding-left:15px;}
.influencer .tableType_02 td {border-left:1px solid #d1d1d1;}
.influencer .tableType_02 tr+tr th,
.influencer .tableType_02 tr+tr td {border-top:1px solid #d1d1d1;}
.influencer .tableType_02 td input {display:block; width:100%; height:53px; font-size:20px; line-height:51px; border:1px solid #d9d9d9; box-sizing:border-box;}
/*.influencer .pager {margin-top:29px; font-size:0; text-align:center;}
.influencer .pager a{display:inline-block; width:32px; height:32px; font-size:14px; line-height:30px; vertical-align:top; box-sizing:bordre-box; border:1px solid #dddddd; color:#444444;}
.influencer .pager a+a{margin-left:5px;}
.influencer .pager a.prev {margin-left:0; margin-right:10px;}
.influencer .pager a.next {margin-left:10px;}
.influencer .pager a.end {margin-left:0;}*/

.influencer .pager {margin-top:29px; padding-bottom:30px; box-sizing:border-box; font-size:0; text-align:center;}
.influencer .pager a ,
.influencer .pager strong{display:inline-block; width:30px; height:30px; font-size:14px; line-height:28px; vertical-align:top; border:1px solid #dddddd; color:#444444;}
.influencer .pager a+a,
.influencer .pager strong+a,
.influencer .pager a+strong{margin-left:10px;}
.influencer .pager span.active {font-weight:bold;}
.influencer .pager a img {width:100%; height:100%;}
.influencer .pager a.first,
.influencer .pager a.prev,
.influencer .pager a.next,
.influencer .pager a.end {border:0;}


.influencer .pager a.next img,
.influencer .pager a.end img{rotate:180deg;	}



.influencer .btnBox {margin-top:30px; font-size:0; text-align:center;}
.influencer .btnBox a{display:inline-block; width:196px; height:67px; font-size:21px; line-height:67px; color:#fff;}
.influencer .btnBox a+a{margin-left:20px;}
.influencer .btnBox .redBtn {background-color:#e5000c;}
.influencer .btnBox .greenBtn {background-color:#475546;}

.influencerLogin {text-align:center;}
.influencerLogin h2 {padding-top:95px; margin-bottom:25px; font-size:55px; color:#444444;}
.influencerLogin  p {font-size:21px; line-height:26px; color:#444444;}
.influencerLogin input {display:block; margin:50px auto 0; padding:0 28px; width:610px; height:54px; font-size:16px; line-height:52px; border:1px solid #c2c2c2; box-sizing:border-box; color:#aaaaaa;}
.influencerLogin input+input {margin-top:20px;}
.influencerLogin .loginBtn {display:block; margin:50px auto 0; width:210px; height:55px; font-size:17px; line-height:53px; background-color:#e5000c; border:1px solid #b40000; box-sizing:border-box; color:#fff;}

.influencerList .inner {position:relative; background:url('/loyal/images/influencer/list_bg.png') no-repeat; background-position:660px 75px;}
.influencerList h2 {padding-top:50px; font-size:36px; color:#000000}
.influencerList p {margin-top:15px; margin-bottom:31px; font-size:16px; color:#181818;}
.influencerList h3 {float:left; font-size:19px; font-weight:bold;}
.influencerList h3 > span {font-size:28px; color:#009857;}
.influencerList .selectBox {float:right;}
.influencerList .btn {position:absolute; height:54px; bottom:-105px; font-size:15px; text-align:center; line-height:52px;color:#fff;}
.influencerList .writeBtn {right:0; padding-left:24px; width:160px; line-height:52px; background:url('/loyal/images/influencer/icon_write.png') no-repeat; background-position:44px 18px; background-color:#e5000c; border:1px solid #b40000; box-sizing:border-box; color:#fff;}
.influencerList .lookBtn {width:179px; right:179px; padding-left:27px; box-sizing:border-box;  background:url('/loyal/images/influencer/icon_look.png') no-repeat; background-position:26px 18px; background-color:#444444; border:1px solid #505050; }
.influencerView .topBox {border-bottom:1px solid #d8d8d8;}
.influencerView .topBox .inner{font-size:0; border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
.influencerView .topBox h2{display:inline-block; padding:44px 31px;  vertical-align:middle;}
.influencerView .topBox h2 img {display:block; width:235px;}
.influencerView .topBox .title {display:inline-block; padding:29px 30px; width:902px; border-left:1px solid #d8d8d8; word-break:keep-all; box-sizing:border-box; vertical-align:middle;}
.influencerView .topBox .title p{margin-bottom:10px; font-size:30px; line-height:1.5; color:#373737;}
.influencerView .topBox .title span{font-size:14px; color:#373737;}
.influencerView .contBox {margin:0 auto; padding:50px; width:1200px; box-sizing:border-box;}
.influencerView .contBox * {font-family:initial;}
.influencerView .contBox .noticeText {margin-top:20px; text-align:center; font-size:14px; font-family:'SEOULMILK_500','Nanum Gothic',Dotum,AppleGothic,Arial,sans-serif;}



/*인플루언서 모집 공고 > web*/
.container {position:relative; margin:0 auto; width:950px; font-size:0;}
.container .entryBtn {position:absolute; left:125px; width:700px; height:90px; font-size:0; background:url('/loyal/images/influencer/bg_null.png') repeat;}
.influencer_2109 .entryBtn_01 {top:922px;}
.influencer_2109 .entryBtn_02 {bottom:70px;}
.influencer_2109 .entryBtn_01{left: 13.12%;top: 35.9%;width: 73.75%;height: 3%;}
.influencer_2109 .entryBtn_02{left: 13.12%;top: 94.3%;width: 73.75%;height: 3.1%;}


/*인플루언서 모집 공고 > mobile*/
.m_container {position:relative; margin:0 auto; width:100%; font-size:0;}
.m_container img {display:block; width:100%;}
.m_container .entryBtn{position:absolute;}
.m_container.influencer_2109 .entryBtn_01{left: 13.12%;top: 35.8%;width: 73.75%;height: 3.1%;}
.m_container.influencer_2109 .entryBtn_02{left: 13.12%;top: 94.3%;width: 73.75%;height: 3.05%;}