@charset "utf-8";

/* iPhone 3 이상 */
@media only screen and (min-width:320px){
	html{font-size:62.5%;}
}

/* Galaxy Note 2 이상 */
@media only screen and (min-width:360px){
	html{font-size:62.5%;}
}

/* Tablet 이상(세로) */
@media only screen and (min-width:768px) and (orientation:portrait){
	html{font-size:100%;}
}

/* Tablet 이상 */
@media only screen and (min-width:920px){
	html{font-size:100%;}
}
html,body{width:100%;height:100%;}
body{background:#fff;}
.wrap{width:100%;min-height:100%;position:relative;}

/* header */
.header{width:100%;height:5rem;padding:0 1.4rem;text-align:center;background:#fff;border-bottom:1px solid #f3f2f2;}
.header h1.logo{font-size:0;text-indent:-9999em;}
.header h1.logo a{display:block;width:12.3rem;height:5rem;background:url(../img/logo.png) no-repeat 0 center;-webkit-background-size:100% auto;background-size:100% auto}
.header h2{display:inline-block;color:#444;font-size:1.6rem;font-weight:700;line-height:5rem;}
.btn_search{width:3rem;height:5rem;position:absolute;top:0;right:4rem;background:url(../img/icon/btn_search.png) no-repeat center center;-webkit-background-size:1.4rem 1.3rem;background-size:1.4rem 1.3rem;text-indent:-9999em;}
.btn_menu{width:3.5rem;height:5rem;position:absolute;top:0;right:.5rem;background:url(../img/icon/btn_menu.png) no-repeat center center;-webkit-background-size:1.6rem 1.3rem;background-size:1.6rem 1.3rem;text-indent:-9999em;}
.btn_back{width:3.5rem;height:5rem;position:absolute;top:0;left:0;background:url(../img/icon/btn_back.png) no-repeat 1.4rem center;-webkit-background-size:.875rem 1.55rem;background-size:.875rem 1.55rem;text-indent:-9999em;}

/*.btn_setting{width:3.5rem;height:5rem;position:absolute;top:0;left:0;background:url(../img/icon/btn_back.png) no-repeat 1.4rem center;-webkit-background-size:.875rem 1.55rem;background-size:.875rem 1.55rem;text-indent:-9999em;}*/

/* containers */
.containers{width:100%;}
.content{width:100%;}
.full_h,.full_h .content{height:100%}
.full_h .containers{height:calc(100% - 5rem)}
.title_box{margin-bottom:2rem}
.title_box h2{font-size:2rem;font-weight:700;color:#444}
.title_box p{font-size:1.3rem;font-weight:500;color:#666;line-height:1.3;margin-top:.8rem}
.sub_title{text-align:center;padding:3.6rem 0;border-bottom:1px solid #f3f2f2;}
.sub_title h3{font-size:2rem;font-weight:700;color:#444}
.sub_title p{font-size:1.3rem;font-weight:500;color:#666;line-height:1.3;margin-top:.5rem}
.top_btn{display:block;width:4rem;height:4rem;position:fixed;right:1.4rem;bottom:5%;display:none;z-index:500}

/*footer*/
.footer{position:relative;clear:both;width:100%;padding:0;background:#fff;border-top:1px solid #ddd}
.footer .foot_nav{width:100%;padding:1.75rem 2rem;border-bottom:1px solid #ddd}
.footer .foot_nav ul{font-size:0;text-align:center}
.footer .foot_nav li{display:inline-block;position:relative;vertical-align:middle;line-height:1.8}
.footer .foot_nav li:nth-child(2n){font-size:1rem;color:#c2c2c2;top:-1px;}
.footer .foot_nav li a{display:block;font-size:1.2rem;color:#666;padding:0 .65rem;letter-spacing:-.5px}
.footer .foot_nav li:first-child a{padding-left:0}
.footer .foot_inner{position:relative;padding:2.5rem 1.4rem;}
.footer .foot_logo{width:14rem;text-indent:-9999em;font-size:0}
.footer .foot_txt{margin:1.5rem 0 1.2rem;}
.footer .foot_txt span{display:block;font-size:1.2rem;color:#8b8b8b;line-height:1.5;font-weight:400;}
.footer .copyright p{font-size:1.2rem;color:#bebebe;font-weight:400;line-height:1.3;margin-bottom:.2rem}
.footer .copyright strong{font-size:1.2rem;color:#d0ac3a;font-weight:400;line-height:1.3}

/* main */
.main_slide li a{position:relative;display:block;width:100%;}
.main_slide li a img{width:100%;height:auto;max-width:100%}
.main_slide .slick-dots{font-size:0;position:absolute;left:1.4rem;bottom:4.5rem;  /*-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)*/}
.main_slide .slick-dots li{position:relative;width:auto;height:auto;display:block;margin:5px 0;}
.main_slide .slick-dots li button{font-size:0;line-height:0;display:block;width:1rem;height:1rem;cursor:pointer;padding:0;border:1px solid #fff;border-radius:50%;background:transparent;}
.main_slide .slick-dots li.slick-active button{background:#fff}
.banner_txt_wrap{position:absolute;left:1.4rem;top:4.65rem;}
.banner_txt_wrap strong{display:block;color:#f15d77;font-size:3rem;line-height:1;font-weight:700;margin-bottom:1.5rem;}
.banner_txt_wrap p{color:#fff;font-size:1.4rem;line-height:1.4;margin-bottom:0;letter-spacing:-.5px;font-weight:400;margin-bottom:2.8rem;text-shadow:1px 2px 2px rgba(0,0,0,.1);}
.banner_txt_wrap .btn_more{display:inline-block;color:#fff;font-size:1.3rem;height:2.6rem;line-height:2.4rem;padding:0 1.2rem;border:1px solid #fff;border-radius:5px;}
.banner_txt_wrap .btn_more:after{content:"";display:inline-block;width:1.7rem;height:1.7rem;vertical-align:middle;margin-top:-.3rem;margin-left:.5rem;background:url("../img/icon/btn_more.png") no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.main_search{padding:1.7rem 1.4rem;background:#333}
.main_search .btn_creator_srh{position:relative;display:block;height:3rem;font-size:1.3rem;background:#fff;border:1px solid #f3f2f2;}
.main_search .btn_creator_srh:after{content:"";display:block;position:absolute;top:1.15rem;right:1.5rem;width:0;height:0;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-top:.7rem solid #333;}
.main_search .btn_creator_srh span{display:inline-block;position:relative;left:50%;top:50%;-webkit-transform:translate(-50%,-55%);-ms-transform:translate(-50%,-55%);-o-transform:translate(-50%,-55%);transform:translate(-50%,-55%);}
.main_search .btn_creator_srh span:before{content:"";display:block;position:absolute;width:1.4rem;height:1.3rem;top:0;left:-1.8rem;background:url(../img/icon/btn_search.png) no-repeat center center;-webkit-background-size:1.4rem 1.3rem;background-size:1.4rem 1.3rem;}
.main_search .btn_creator_srh span:after{content:"";display:block;position:absolute;width:100%;height:1rem;top:.7rem;left:1rem;background:#ffd850;z-index:-1}
.creator_con{text-align:center;padding:3.7rem 1.4rem;background:#fafafa}
.creator_list ul li{position:relative;float:left;width:48.5%;min-height:24.3rem;overflow:hidden;margin-bottom:1.3rem;border:1px solid #f3f2f2;}
.creator_list ul li:nth-child(2n){margin-left:3%}
.creator_list ul li .inf_img{display:block;position:relative;overflow:hidden;}
.creator_list ul li .flag{display:block;position:absolute;left:-.1rem;top:1.6rem;min-width:5.5rem;height:1.8rem;line-height:1.5rem;text-align:center;font-size:.9rem;font-weight:700;color:#fff;background:#ffc806;border:1px solid #f3f2f2;z-index:7;}
.creator_list ul li .flag:after{content:"";display:block;position:absolute;right:-.5rem;top:-0.05rem;width:0px;height:0px;border-right:.4rem solid transparent;border-bottom:.4rem solid #b2b2b2;}
.creator_list ul li .inf_img img{;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.creator_list ul li:hover .inf_img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-filter:grayscale(50%);  /* Safari 6.0 - 9.0 */filter:grayscale(50%);}
.creator_list ul li:nth-child(4n){margin-right:0}
.creator_list ul li a{display:block;background:#fff}
.creator_list ul li .sns_logo{display:block;width:100%;height:2rem;text-indent:-9999em;z-index:5}
.creator_list ul li .text_wrap{position:relative;width:100%;text-align:left;padding:1.75rem .55rem 2rem;background:#fff;}
.creator_list ul li .text_wrap .category{display:block;position:absolute;width:10rem;height:2.2rem;left:50%;margin-left:-5rem;top:-1.2rem;line-height:1.9rem;font-size:1.2rem;font-weight:500;text-align:center;border:1px solid #f3f2f2;border-radius:70px;background:#fff;}
.creator_list ul li .text_wrap .category>span{display:inline-block;position:relative;top:-.2rem;color:#7f7f7f;font-size:1rem;line-height:1;}
.creator_list ul li .text_wrap .tag{display:block;color:#3588ce;font-size:1.2rem;margin-bottom:.5rem}
.creator_list ul li .text_wrap p{font-size:1.3rem;color:#444;white-space:normal;line-height:1.25;height:2.4em;text-align:left;letter-spacing:-.5px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.creator_list ul li .text_wrap .like_area{font-size:1.2rem;padding-left:1.8rem;line-height:1.2rem;margin:.3rem 0}
.creator_list ul li .book_marker{text-align:left;width:100%;position:absolute;left:0;bottom:0;padding:0 .55rem .7rem;}
.creator_list ul li .book_marker .name{font-size:1.2rem}
.creator_list ul li .book_marker .marker{position:absolute;right:.55rem;bottom:.7rem;display:block;width:1.65rem;height:1.45rem;text-indent:-9999em;background:url(../img/icon/i_marker.png) no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.creator_list ul li .book_marker .marker.on{background:url(../img/icon/i_marker_on.png) no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.c_instagram:after{content:"";display:block;position:absolute;width:100%;height:2px;left:0;bottom:0;background:url(../img/insta_bottom_line.png) no-repeat 0 0;-webkit-background-size:100% 100%;background-size:100% 100%;z-index:3}
.c_youtube:after{content:"";display:block;position:absolute;width:100%;height:2px;left:0;bottom:0;background:#f63333;z-index:3}
.c_facebook:after{content:"";display:block;position:absolute;width:100%;height:2px;left:0;bottom:0;background:#627cab;z-index:3}
.c_instagram .sns_logo{background:url(../img/logo_instagram.png) no-repeat center center #fff;-webkit-background-size:4.925rem 1.15rem;background-size:4.925rem 1.15rem;}
.c_instagram .like_area{background:url(../img/icon/i_insta_like.png) no-repeat left center;-webkit-background-size:1.375rem 1.1rem;background-size:1.375rem 1.1rem;}
.c_youtube .sns_logo{background:url(../img/logo_youtube.png) no-repeat center center #fff;-webkit-background-size:4.7rem 1.05rem;background-size:4.7rem 1.05rem;}
.c_youtube .like_area{background:url(../img/icon/i_you_like.png) no-repeat left center;-webkit-background-size:1.15rem 1.075rem;background-size:1.15rem 1.075rem;}
.c_facebook .sns_logo{background:url(../img/logo_facebook.png) no-repeat center center #fff;-webkit-background-size:4.75rem 1.05rem;background-size:4.75rem 1.05rem}
.c_facebook .like_area{background:url(../img/icon/i_face_like.png) no-repeat left center;-webkit-background-size:1.25rem 1.15rem;background-size:1.25rem 1.15rem;}
.creator_list .more_btn{display:block;height:4.2rem;width:22.8rem;line-height:4rem;font-size:1.7rem;color:#fff;text-align:center;margin:1.7rem auto 0;background:#ffc806;border-radius:5px}
.creator_list .more_btn:after{content:"";display:inline-block;width:2.25rem;height:2.25rem;vertical-align:middle;margin-left:.8rem;margin-top:-.25rem;background:url(../img/icon/btn_more_big.png) no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.application_banner{position:relative;height:12rem;background:url(../img/main/application_bg.jpg) no-repeat center center #f15d77;-webkit-background-size:contain;background-size:contain}
.application_txt{display:table;width:100%;height:100%;}
.application_txt>span{display:table-cell;vertical-align:middle;text-align:center}
.application_txt strong{display:block;font-size:1.5rem;color:#fff;margin-bottom:.6rem}
.application_txt p{font-size:1.2rem;color:#fff;font-weight:400;line-height:1.2;opacity:.8}
.application_banner .application_btn{display:block;position:absolute;right:1.4rem;bottom:1.3rem;font-size:1rem;color:#fff;font-weight:400;opacity:.8}
.application_banner .application_btn:after{content:"";display:inline-block;width:1rem;height:1rem;vertical-align:middle;margin-left:8px;margin-top:-3px;background:url(../img/icon/btn_more.png) no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.success_con{text-align:center;padding:3.7rem 1.4rem;background:#fff;border-top:1px solid #ddd}
.case_slide .case_box{position:relative;border:1px solid #f3f2f2;overflow:hidden;}
.case_box .case_txt_wrap{padding-left:.5rem;text-align:left}
.case_txt_wrap .top_txt{position:relative;height:3.5rem;padding-top:1.75rem;padding-left:.5rem}
.case_txt_wrap .top_txt>span{position:relative;font-size:1rem;color:rgba(243,188,16,.6);}
.case_txt_wrap .top_txt>span>strong{display:inline-block;font-size:1.2rem;color:#444;font-weight:700;margin-left:5px;opacity:1}
.case_txt_wrap .top_txt .case_more{display:block;width:3.5rem;height:3.5rem;position:absolute;top:0;right:0;text-indent:-9999em;font-size:0;background:url(../img/icon/i_cross.png) no-repeat center center #ffc806;-webkit-background-size:1.5rem;background-size:1.5rem;}
.case_txt_wrap .middle_num{position:relative;border-bottom:1px solid #f3f2f2;border-top:1px solid #f3f2f2;}
.case_txt_wrap .middle_num:before{content:"";display:block;width:.4rem;height:.4rem;position:absolute;bottom:-.22rem;left:0;background:#ffc806;border-radius:50%;}
.case_txt_wrap .middle_num .num_list{float:left;width:33.3%;text-align:center;padding:1.5rem 0 1.5rem;border-left:1px solid #f3f2f2;}
.case_txt_wrap .middle_num .num_list:first-child{border-left:0}
.case_txt_wrap .middle_num .num_list>span{display:block;font-size:1rem;color:#444;margin-bottom:1.1rem}
.case_txt_wrap .middle_num .num_list>p{font-size:1rem;color:#444;font-weight:700}
.case_txt_wrap .middle_num .num_list>p strong{font-size:2.2rem;color:#ffc806;font-weight:700;font-family:'Roboto'}
.case_txt_wrap .bottom_txt{padding:1.2rem .7rem 1.2rem}
.case_txt_wrap .bottom_txt strong{font-size:1.4rem;color:#444;font-weight:700}
.case_txt_wrap .bottom_txt p{font-size:1.3rem;color:#444;font-weight:500;line-height:1.2;margin-top:.7rem}
.case_slide .slick-dots{font-size:0;margin-top:3rem}
.case_slide .slick-dots li{position:relative;width:auto;height:auto;display:inline-block;margin:0 .5rem;}
.case_slide .slick-dots li button{font-size:0;line-height:0;display:block;width:1.3rem;height:1.3rem;cursor:pointer;padding:0;border:2px solid #f3f2f2;border-radius:50%;background:transparent;}
.case_slide .slick-dots li.slick-active button{background-color:#ffc806;border-color:#ffc806;}
.ranking_con{text-align:center;padding:3.7rem 1.4rem;background:#fff}
.ranking_list{overflow:hidden;}
.ranking_list li{text-align:center;margin-top:1.7rem;}
.ranking_list li:first-child{margin-top:0;}
.ranking_list li a{position:relative;display:block;width:18.65rem;text-align:center;margin:0 auto;}
.ranking_list li a:before{content:"";display:block;position:absolute;width:18.65rem;height:9.6rem;left:0;top:1.6rem;background:url(../img/main/laurels_img.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto;z-index:2}
.ranking_list li a>span{display:inline-block;width:12.4rem;height:12.4rem;border-radius:50%;overflow:hidden;}
.ranking_list .ranking_txt{position:relative;width:18.65rem;margin:1rem auto 0;padding-left:3.5rem;text-align:left}
.ranking_list .ranking_txt>strong{display:block;position:absolute;top:-.6rem;left:0;font-size:4.2rem;color:#ffc806;font-weight:700;padding:0 .5rem;opacity:.8;font-family:'Roboto'}
.ranking_list .ranking_txt>p{font-size:1.3rem;color:#444;margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.5px}
.ranking_list .ranking_txt>span{font-size:1.2rem;color:#444}
.stars i{display:inline-block;vertical-align:middle;border-color:#f3bc10 transparent transparent transparent;border-style:solid;border-top-width:.3rem;border-right-width:.5rem;border-left-width:.5rem;height:0;margin-top:.3rem;margin-bottom:.25rem;position:relative;width:0;}
.stars i:before,.stars i:after{border-color:#f3bc10 transparent transparent transparent;border-style:solid;border-top-width:.3rem;border-right-width:.5rem;border-left-width:.5rem;border-bottom:0;content:'';display:block;height:0;left:-.5rem;position:absolute;top:-.3rem;width:0;}
.stars i:before{-webkit-transform:translate(15%,-15%) rotate(72deg) translateY(50%);-ms-transform:translate(15%,-15%) rotate(72deg) translateY(50%);-o-transform:translate(15%,-15%) rotate(72deg) translateY(50%);transform:translate(15%,-15%) rotate(72deg) translateY(50%);}
.stars i:after{-webkit-transform:translate(-15%,-15%) rotate(-72deg) translateY(50%);-ms-transform:translate(-15%,-15%) rotate(-72deg) translateY(50%);-o-transform:translate(-15%,-15%) rotate(-72deg) translateY(50%);transform:translate(-15%,-15%) rotate(-72deg) translateY(50%);}
.guide_con{text-align:center;padding:3.7rem 1.4rem;background:#fafafa;border-top:1px solid #ddd}
.guide_tab_nav{overflow:hidden;margin-bottom:1.3rem}
.guide_tab_nav li{float:left;width:50%;height:3rem;}
.guide_tab_nav li a{display:block;color:#fff;font-size:1.4rem;padding:.7rem 0 .9rem;text-align:center;background:#8b8b8b}
.guide_tab_nav li.on a{background:#16849f}
.guide_tab_con .tab_con{display:none}
.guide_tab_con .tab_con:first-child{display:block}
#guide_tab ul{overflow:hidden;}
#guide_tab ul li{float:left;width:50%;height:14.5rem;position:relative;text-align:center;background:#fff;border:1px solid #f3f2f2;border-left:0;}
#guide_tab ul li:first-child{border-left:1px solid #f3f2f2}
#guide_tab ul li:first-child,#guide_tab ul li:nth-child(2){border-bottom:0;}
#guide_tab ul li .step_txt{display:block;position:absolute;width:3.2rem;height:3.2rem;top:0;left:0;color:#fff;font-size:1rem;text-align:center;padding:.5rem 0;background:#ffc806;font-family:'Roboto';}
#guide_tab ul li .step_txt strong{display:block;font-size:1.2rem;font-family:'Roboto';font-weight:700;}
#guide_tab ul li p{font-size:1.3rem;color:#444;font-weight:500;line-height:1.4}
#guide_tab ul li .vertical_m{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%}
#guide_tab ul li .vertical_m>i{margin-bottom:.5rem}
#guide_tab ul li .i_step01{display:block;width:2.475rem;height:3.05rem;background:url(../img/main/i_step01.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto;}
#guide_tab ul li .i_step02{display:block;width:2.1rem;height:3rem;background:url(../img/main/i_step02.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto;}
#guide_tab ul li .i_step03{display:block;width:2.6rem;height:2.6rem;background:url(../img/main/i_step03.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto;}
#guide_tab ul li .i_step04{display:block;width:2.85rem;height:2.55rem;background:url(../img/main/i_step04.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto;}
#faq_tab ul li{position:relative;height:5.8rem;text-align:left;border-bottom:1px solid #f3f2f2;background:#fff}
#faq_tab ul li:first-child{border-top:1px solid #f3f2f2;}
#faq_tab ul li a{display:block;padding-left:3rem;font-size:1.3rem;line-height:5.8rem}
#faq_tab ul li a strong{display:block;position:absolute;top:0;left:1.4rem;color:#ffc806;font-size:1.5rem;font-family:'Roboto';font-weight:700;}
#faq_tab .more_btn{display:block;height:4.2rem;width:22.8rem;line-height:4rem;font-size:1.7rem;color:#fff;text-align:center;margin:1.6rem auto 0;background:#ffc806;border-radius:5px;}
#faq_tab .more_btn:after{content:"";display:inline-block;width:2.25rem;height:2.5rem;vertical-align:middle;margin-left:.8rem;margin-top:-.25rem;background:url(../img/icon/btn_more_big.png) no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}

/* form */
label{margin-bottom:0}
.must:after{content:"";display:inline-block;width:.5rem;height:.55rem;vertical-align:middle;margin-left:.3rem;margin-top:-.3rem;background:url("../img/icon/i_must.png") no-repeat 0 0;-webkit-background-size:.5rem .55rem;background-size:.5rem .55rem;}
.form-group{margin-top:2.7rem;position:relative;}
.form-group .form-control{height:3.7rem;line-height:3.7rem;color:#444;font-size:1.4rem;padding:.6rem 0;border:0;border-bottom:1px solid #f3f2f2;background:transparent;}
.label_txt{display:block;font-size:1rem;color:#797979;margin-bottom:1.25rem}
label.label_txt{position:absolute;left:0;top:.9rem;color:#444;font-size:1.4rem;font-weight:500;margin-bottom:0;z-index:10;transition:font-size 150ms ease-out,-webkit-transform 150ms ease-out;-webkit-transition:font-size 150ms ease-out,-webkit-transform 150ms ease-out;-o-transition:font-size 150ms ease-out,-o-transform 150ms ease-out;transition:transform 150ms ease-out,font-size 150ms ease-out;transition:transform 150ms ease-out,font-size 150ms ease-out,-webkit-transform 150ms ease-out,-o-transform 150ms ease-out;transition:transform 150ms ease-out,font-size 150ms ease-out,-webkit-transform 150ms ease-out;}
.form_box{padding:3rem 1.4rem;}
.form_box .focused .label_txt{-webkit-transform:translateY(-210%);-ms-transform:translateY(-210%);-o-transform:translateY(-210%);transform:translateY(-210%);font-size:1.1rem;color:#797979}
.form_box h4{font-size:1.5rem;color:#eebb08;font-weight:700;padding:0 1.4rem 1.5rem;border-bottom:1px solid #f3f2f2;margin-left:-1.4rem;margin-right:-1.4rem}

/*.form-group.icon .form-control.mail{background-image:url("../img/icon/i_mail.png");background-repeat:no-repeat;background-position:.4rem center;-webkit-background-size:1.45rem 1.45rem;background-size:1.45rem 1.45rem;}*/

/*.form-group.check_box{overflow:hidden;}*/
.form-group.check_box label,.form-group.check_box02 label{margin:0;font-size:1.3rem;color:#6e6e6e;font-weight:400;line-height:1}
.form-group.check_box input[type=checkbox]{height:2.25rem;width:2.25rem;padding:0;margin:0px;opacity:0;position:absolute;}
.form-group.check_box input[type=checkbox]+label:before{content:"";display:inline-block;height:2.25rem;width:2.25rem;background:url("../img/icon/i_check.png") no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;vertical-align:middle;margin-top:-.3rem;margin-right:.5rem}
.form-group.check_box input[type=checkbox]:checked+label:before{color:#fff;background:url("../img/icon/i_check_on.png") no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.form-group.radio_box label{margin:0;font-size:1.3rem;color:#6e6e6e;font-weight:400;line-height:1}
.form-group.radio_box input[type=radio]{height:1.6rem;width:1.6rem;padding:0;margin:0px;opacity:0;position:absolute;}
.form-group.radio_box input[type=radio]+label:before{content:"";display:inline-block;height:1.6rem;width:1.6rem;background:url("../img/icon/i_check02.png") no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;vertical-align:middle;margin-top:-.3rem;margin-right:.5rem}
.form-group.radio_box input[type=radio]:checked+label:before{color:#fff;background:url("../img/icon/i_check02_on.png") no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.form-group.gender_form .form-control{width:-webkit-calc(100% - 8rem);width:calc(100% - 8rem)}
.gender_btn{width:7.4rem;position:absolute;top:0;right:0;overflow:hidden;}
.gender_btn input[type="radio"]{position:absolute;height:1px;width:1px;border:0;overflow:hidden;opacity:0}
.gender_btn input[type="radio"]+label.switch_left{float:left;text-align:center;width:3.5rem;height:3.5rem;text-indent:-9999em;margin-bottom:0;margin-right:.4rem;background:url("../img/icon/i_male.png") no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;border-radius:0;border:0;-webkit-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.gender_btn input[type="radio"]+label.switch_right{float:left;text-align:center;width:3.5rem;height:3.5rem;text-indent:-9999em;margin-bottom:0;background:url("../img/icon/i_female.png") no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;border-radius:0;border:0;-webkit-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.gender_btn input[type="radio"]:checked+label.switch_left{background:url("../img/icon/i_male_on.png") no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.gender_btn input[type="radio"]:checked+label.switch_right{background:url("../img/icon/i_female_on.png") no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.form-group.num_form{font-size:0}
.form-group.num_form .form-control{display:inline-block;width:30%;text-align:center}
.form-group.num_form > span{display:inline-block;width:5%;height:3.7rem;line-height:3rem;text-align:center;font-size:1.4rem;vertical-align:bottom;border-bottom:1px solid #f3f2f2;text-indent:-9999em}
.form_box .focused.form-group.num_form > span{text-indent:0}
.fileBox{font-size:0;overflow:hidden;text-align:right;}
.fileBox .form-control{display:inline-block;width:auto;max-width:-webkit-calc(100% - 7rem);max-width:calc(100% - 7rem);color:#62a9bb;font-size:1rem;text-align:right;text-decoration:underline;padding:0;margin-top:-1rem;background:#fff;border-bottom:0;}
.fileBox .btn_file{display:block;width:5.3rem;height:2.2rem;float:left;line-height:2rem;font-size:1rem;color:#fff;text-align:center;vertical-align:middle;margin-bottom:0;cursor:pointer;background:#ffc806}
.fileBox input[type="file"]{position:absolute;width:1px;height:1px;opacity:0;padding:0;margin:-1px;overflow:hidden;border:0}
.fileBox .clear_field{display:inline-block;display:none;width:1.5rem;height:1.5rem;vertical-align:middle;margin-left:.5rem;margin-top:-.5rem;background:url(../img/icon/i_close_s.png) no-repeat right center;-webkit-background-size:1.3rem auto;background-size:1.3rem auto}
.switchbox{float:right;display:inline-block;position:relative;cursor:pointer;margin-bottom:0}
.switchbox input[type=checkbox]{display:none;}
.switchbox input[type=checkbox]+span{position:relative;display:inline-block;vertical-align:middle;height:1.75rem;width:3.5rem;background:#fff7de;border-radius:70px;-webkit-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear;}
.switchbox input[type=checkbox]+span::before{content:"";position:absolute;top:0rem;right:0rem;border-radius:50%;width:1.75rem;height:1.75rem;background:#9b9b9b;-webkit-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear;}
.switchbox input[type=checkbox]:checked+span::before{left:0;right:auto;background:#444;}
.form-group select.form-control{padding:0;background:url(../img/icon/select_arrow.png) no-repeat 96% center #fff;-webkit-background-size:.8rem .675rem;background-size:.8rem .675rem}
.form-group select.form-control[disabled]{background:#f1f1f1}
.form-group textarea.form-control{width:100%;height:auto;line-height:1.3}
.has-error .form-control{border-color:#ff0000;}
.has-error .form-control:focus{border-color:#ff0000;-webkit-box-shadow:none;box-shadow:none}
.help-block{margin:.5rem 0 .5rem;text-align:center;line-height:1.4;font-size:1.1rem;font-weight:500;color:#ff0000;letter-spacing:-.5px}
.help-block ul li{color:#ff0000;font-size:1.1rem;text-align:left;font-weight:400;}

/* button */
.btn{padding:.7rem 1.2rem .8rem;overflow:hidden;color:#fff;font-size:1.4rem;border:1px solid #f3f2f2;border-radius:0}
.btn.inner_btn{height:2.7rem;padding:.1rem 1rem .2rem;color:#444;background:#fff}
.btn_gray,.btn_gray:hover,.btn_gray:active,.btn_gray:focus{background:#f3f2f2;color:#444;}
.btn_yellow,.btn_yellow:hover,.btn_yellow:active,.btn_yellow:focus{background:#ffc806;color:#fff;border-color:#ffc806}
.btn_gray_icon,.btn_gray_icon:hover,.btn_gray_icon:active,.btn_gray_icon:focus{background:#fff;color:#777;}
.btn_yellow_icon,.btn_yellow_icon:hover,.btn_yellow_icon:active,.btn_yellow_icon:focus{background:#ffc806;color:#fff;border-color:#ffc806}
.btn_white_icon,.btn_white_icon:hover,.btn_white_icon:active,.btn_white_icon:focus{background:#fff;color:#ffb304;border-color:#fff}
.btn_yellow_icon:after{content:"";display:inline-block;width:2.5rem;height:2.5rem;vertical-align:middle;margin-left:.8rem;margin-top:-.15rem;background:url(../img/icon/btn_more_big.png) no-repeat 0 0;-webkit-background-size:2.25rem auto;background-size:2.25rem auto;}
.btn_gray_icon:after{content:"";display:inline-block;width:2.5rem;height:2.5rem;vertical-align:middle;margin-left:.8rem;margin-top:-.15rem;background:url(../img/icon/btn_more_gray.png) no-repeat 0 0;-webkit-background-size:2.25rem auto;background-size:2.25rem auto;}
.btn_white_icon:after{content:"";display:inline-block;width:2.5rem;height:2.5rem;vertical-align:middle;margin-left:.8rem;margin-top:-.15rem;background:url(../img/icon/btn_more_yellow.png) no-repeat 0 0;-webkit-background-size:2.25rem auto;background-size:2.25rem auto;}
.bottom_btn{text-align:center;padding:0 1.4rem;margin:3rem 0;overflow:hidden;}
.bottom_btn .btn{width:100%;max-width:70%;height:4.2rem;font-size:1.7rem;line-height:1.2;font-weight:500;padding:1rem 1.2rem .9rem;border-radius:5px;}
.bottom_btn.ver02 .btn{width:48.5%;float:left}
.bottom_btn.ver02 .btn:first-child{margin-right:3%}

/* 리스트 컨텐츠 */
.sub_banner{height:11.6rem;background:#fbd83d;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.sub_banner p{color:#fff;font-size:1.3rem;line-height:1.3}
.list_con{padding:0 1.4rem;background:#fafafa}
.sort_box{padding:1.5rem 0}
.sort_box > ul{font-size:0;text-align:right;}
.sort_box > ul > li{position:relative;display:inline-block;height:1.5rem}
.sort_box > ul > li > a{display:block;font-size:1.3rem;color:#666;padding:0 1rem;}
.sort_box > ul > li:after{content:"";display:block;position:absolute;width:1px;height:.9rem;right:0;top:.25rem;background:#666}
.sort_box > ul > li:last-child:after{display:none}
.sort_box > ul > li:last-child > a{padding-right:0}
.sort_box > ul > li > a:after{content:"";display:inline-block;width:.65rem;height:1.2rem;vertical-align:bottom;margin-left:.3rem;background:url(../img/icon/sort_arrow.png) no-repeat center center;-webkit-background-size:.675rem 1.2rem;background-size:.675rem 1.2rem;}
.sort_box > ul > li.sort_status > a:after{content:"";display:inline-block;width:0;height:0;vertical-align:middle;margin-left:.5rem;margin-top:-.3rem;border-left:.3rem solid transparent;border-right:.3rem solid transparent;border-top:.5rem solid #333;background:none}
.sort_dropdown{display:none;position:absolute;width:115%;height:auto;top:2rem;left:-.5rem;background:#fff;-webkit-box-shadow:.2rem .2rem .3rem 0px #ddd;box-shadow:.2rem .2rem .3rem 0px #ddd;z-index:3;}
.sort_dropdown li{margin:.3rem 0;}
.sort_dropdown li a{display:block;line-height:1.5rem;font-size:1.3rem;color:#666;text-align:center;padding:.3rem .5rem;background:#fff}
.campaign_li .dday{display:block;width:100%;height:2rem;line-height:1.8rem;text-align:center;font-size:1.2rem;color:#444;font-weight:500;background:#fff;}
.campaign_li .book_marker .status{font-size:1.2rem;color:#444}
.campaign_li .sum{position:absolute;width:100%;bottom:2.3rem;left:.55rem;color:#ffc806;}
.campaign_li:after{content:"";display:block;position:absolute;width:100%;height:2px;left:0;bottom:0;background:#fde88b;z-index:3}
.campaign_li.s_close:after{background:#ccc}
.campaign_li.s_close .book_marker .status{color:#ccc;font-weight:500;}
.creator_list ul li.campaign_li .text_wrap{padding-bottom:5.5rem}

/* 크리에이터 상세 */
.creator_top{text-align:center;padding:2.5rem 0;border-bottom:1px solid #f3f2f2;}
.creator_top .creator_thum{display:inline-block;width:6.9rem;height:6.9rem;border-radius:50%;overflow:hidden;}
.creator_top .creator_thum img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.creator_top .creator_id{margin-top:.9rem;}
.creator_top .creator_id .marker{display:inline-block;width:1.65rem;height:1.45rem;text-indent:-9999em;vertical-align:middle;margin-left:.3rem;margin-top:-.3rem;background:url(../img/icon/i_marker.png) no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.creator_top .creator_id .marker.on{background:url(../img/icon/i_marker_on.png) no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.stars_area{padding:.5rem 0;overflow:hidden;display:inline-block;}
.stars_area > input{display:none;}
.stars_area > label{content:"";width:1.1rem;height:1rem;float:right;margin:0 .1rem;background:url(../img/icon/star.png) no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;display:inline-block;}
.stars_area > input:checked ~ label,.stars_area:not(:checked) > label:hover,

/* hover current star */
.stars_area:not(:checked) > label:hover ~ label{background:url(../img/icon/star_on.png) no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.stars_area > input:checked + label:hover,

/* hover current star when changing rating */
.stars_area > input:checked ~ label:hover,.stars_area > label:hover ~ input:checked ~ label, /* lighten current selection */
.stars_area > input:checked ~ label:hover ~ label{background:url(../img/icon/star_on.png) no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.creator_top .btn_wrap{margin-top:1rem;font-size:0;}
.creator_top .btn{height:2.45rem;line-height:1.15rem;min-width:9.6rem;font-size:1.3rem;color:rgba(256,256,256,.6);border-radius:3px;padding:.55rem 1rem;margin:0 .3rem;}
.creator_info{padding:0 1.4rem;border-bottom:1px solid #f3f2f2;}
.creator_info .info_list > li{min-height:5.4rem;overflow:hidden;padding:1rem 0 .9rem;border-bottom:1px solid #f3f2f2;}
.creator_info .info_list > li:last-child{border-bottom:0;}
.creator_info .info_list > li > strong{position:relative;float:left;display:block;line-height:3.4rem;font-size:1.5rem;font-weight:500;padding-right:1rem;letter-spacing:-.5px}
.creator_info .info_list > li > strong:after{content:"";display:block;position:absolute;width:1px;height:2rem;top:.7rem;right:0;background:#f3f2f2}
.creator_info .info_list > li > div{min-height:3.4rem;line-height:2rem;padding-left:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;}
.creator_info .info_list > li > div > span{display:inline-block;font-size:1.3rem;color:#444;vertical-align:middle;margin-right:1rem;padding:0 0;/*border-radius:70px;border:1px solid #ffc806;*/}
.creator_info .info_list > li > div > strong{font-size:2rem;color:#ffc806;font-weight:800;font-family:'Roboto'}
.creator_info .info_list .channel_info{display:inline-block;width:-webkit-calc(100% - 7rem);width:calc(100% - 7rem);overflow:hidden;}
.creator_info .info_list .channel_info li{position:relative;float:left;width:33.3%;text-align:center}
.creator_info .info_list .channel_info li:after{content:"";display:block;position:absolute;width:1px;height:2rem;top:.7rem;right:0;background:#f3f2f2}
.creator_info .info_list .channel_info li:last-child:after{display:none}
.creator_info .info_list .channel_info li span{display:block;font-size:1rem;color:#444;}
.creator_info .info_list .channel_info li span:first-child{margin-bottom:.5rem;letter-spacing:-.5px;}
.creator_info .info_list .channel_info li span:last-child{font-weight:700;}
.creator_info .info_list .channel_info li strong{font-size:1.8rem;color:#ffc806;font-weight:800;margin-right:.3rem;font-family:'Roboto'}
.sns_tab_wrap .intro_box{padding:3rem 1.4rem;border-bottom:1px solid #f3f2f2;}
.sns_tab_wrap .intro_box:last-child{border-bottom:0;}
.intro_box h4{font-size:1.5rem;color:#444;margin-bottom:1rem;}
.intro_box p{font-size:1.3rem;color:#444;line-height:1.4}
.intro_box .personal_info{font-size:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.intro_box .personal_info span{width:18%;height:5.2rem;text-align:center;color:#797979;font-size:1rem;font-weight:400;vertical-align:middle;padding-top:1rem;border-radius:10px;border:1px solid #f6e197;background:#fff;}
.intro_box .personal_info span strong{display:block;font-size:1.3rem;color:#444;font-weight:500;margin-top:.6rem;}
.gender_chart{text-align:center;padding-bottom:2.5rem;border-bottom:1px solid #f3f2f2;}
.gender_chart .chart_item{display:inline-block;margin:0 1.6rem;}
.gender_chart .chart_item .percent_num{display:block;font-size:1.3rem;font-weight:700;color:#444;margin-bottom:1.45rem;}
.gender_chart .male_chart{position:relative;width:3.8rem;height:10rem;margin-bottom:.65rem;background:url(../img/male_chart_bg.png) no-repeat center center;-webkit-background-size:3.75rem 10rem;background-size:3.75rem 10rem;}
.gender_chart .male_chart .chart_on{position:absolute;width:3.8rem;height:0;bottom:0;left:0;background:url(../img/male_chart_on.png) no-repeat center bottom;-webkit-background-size:3.75rem 10rem;background-size:3.75rem 10rem;z-index:5;}
.gender_chart .female_chart{position:relative;width:5rem;height:10rem;margin-bottom:.65rem;background:url(../img/female_chart_bg.png) no-repeat center center;-webkit-background-size:5rem 10rem;background-size:5rem 10rem;}
.gender_chart .female_chart .chart_on{position:absolute;width:5rem;height:0;bottom:0;left:0;background:url(../img/female_chart_on.png) no-repeat center bottom;-webkit-background-size:5rem 10rem;background-size:5rem 10rem;z-index:5;}
.age_chart_wrap{position:relative;padding:2.5rem 0 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.age_chart_wrap > div{width:50%}
.age_chart_wrap .age_chart .chart_box{width:10.5rem;margin:0 auto;}
.age_chart_wrap .age_legend{text-align:center}
.age_chart_wrap .age_legend span{display:block;font-size:1.2rem;color:#444;margin-bottom:.8rem}
.age_chart_wrap .age_legend span:before{content:"";display:inline-block;width:1.6rem;height:.9rem;margin-right:.65rem;}
.age_chart_wrap .age_legend span.age_10:before{background:#ffb1c5;}
.age_chart_wrap .age_legend span.age_20:before{background:#fbcb4b;}
.age_chart_wrap .age_legend span.age_30:before{background:#ffbd93;}
.age_chart_wrap .age_legend span.age_40:before{background:#fedfd1;}
.age_chart_wrap .age_legend span.age_50:before{background:#bbfdf9;}
.sns_tab_nav{text-align:center;font-size:0;padding:2.35rem 0}
.sns_tab_nav a{display:inline-block;width:2.7rem;height:2.7rem;margin:0 .5rem;text-indent:-9999em}
.sns_tab_nav a.nav_youtb{background:url(../img/icon/nav_youtb.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto;}
.sns_tab_nav a.nav_insta{background:url(../img/icon/nav_insta.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto;}
.sns_tab_nav a.nav_face{background:url(../img/icon/nav_face.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto;}
.sns_tab_nav a.nav_youtb.on{background:url(../img/icon/nav_youtb_on.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto;}
.sns_tab_nav a.nav_insta.on{background:url(../img/icon/nav_insta_on.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto;}
.sns_tab_nav a.nav_face.on{background:url(../img/icon/nav_face_on.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto;}
.sns_tab_con{padding:0 1.4rem}
.sns_tab_con > div{display:none}
.sns_tab_con > div:first-child{display:block}
.sns_tab_con ul{overflow:hidden;margin:0 -.6rem -1.2rem;}
.sns_tab_con ul li{width:50%;float:left;margin-bottom:1.2rem;}
.sns_tab_con ul li{padding:0 .6rem}
.sns_tab_con ul li a{display:block;}
@media screen and (min-width:768px){
	.sns_tab_con ul li{width:33.3%;}
}
.sns_tab_con ul li a{border:1px solid #f3f2f2;background:#fff}
.sns_tab_con .list_insta li a{border:0;}
.sns_tab_con ul li .sns_txt{position:relative;padding:1rem .6rem;}
.sns_tab_con ul li .sns_txt .sns_txt_bottom{position:absolute;width:100%;bottom:0;left:0;padding:1rem .6rem}
.sns_txt .sns_txt_bottom .date{display:block;font-size:1rem;color:#999;line-height:1.3}
.sns_txt .sns_txt_bottom .date strong{display:inline-block;font-size:1rem;color:#ff0000;font-weight:500;line-height:1.3;margin-right:.5rem}
.list_youtb li .sns_txt{height:10rem}
.list_youtb li .sns_txt h4{font-size:1.2rem;color:#444;line-height:1.4;white-space:normal;max-height:4.2em;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.list_face li .sns_txt h4{font-size:1.2rem;color:#444;line-height:1.4;margin-bottom:1rem;padding-right:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(../img/icon/i_facebook.png) no-repeat right center;-webkit-background-size:1.2rem auto;background-size:1.2rem auto;}
.list_face li .sns_txt p{font-size:1rem;color:#666;line-height:1.3;white-space:normal;max-height:3.9em;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/* 채팅 */
.chat_wrap{position:relative;height:100%;padding:.5rem 1.4rem 5rem;overflow-y:auto}
.chat_wrap .chat_list{position:relative;padding-right:2.6rem;margin:2.5rem 0;overflow:hidden;}
.chat_list .chat_img{display:inline-block;position:absolute;top:0;left:0;width:3.5rem;height:3.5rem;border-radius:50%;overflow:hidden;}
.chat_list .chat_img img{width:100%;height:100%;object-fit:cover}
.chat_list .chat_txt{overflow:hidden;padding-left:4.1rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.chat_list p{display:inline-block;font-size:1.3rem;color:#444;line-height:1.3;padding:1rem 1.3rem;background:#fff;border:1px solid #f3f2f2;border-radius:20px;border-top-left-radius:0}
.chat_list p + p{margin-top:.6rem}
.chat_list .chat_time{position:relative;display:inline-block;float:left;left:4rem;font-size:1.2rem;color:#bcbcbc;margin-top:.6rem}
.chat_wrap .chat_list.yellow_b{padding-left:6.7rem;padding-right:0}
.chat_list.yellow_b .chat_txt{padding-left:0;align-items:flex-end;}
.chat_list.yellow_b p{font-size:1.3rem;color:#fff;border:0;border-top-right-radius:0;border-top-left-radius:20px;background:#ffd914;background:-webkit-linear-gradient(-45deg,#ffb304 40%,#ffd914 100%);background:-webkit-linear-gradient(315deg,#ffb304 40%,#ffd914 100%);background:-o-linear-gradient(315deg,#ffb304 40%,#ffd914 100%);background:linear-gradient(135deg,#ffb304 40%,#ffd914 100%);}
.chat_list.yellow_b .chat_time{float:right;left:0}
.chat_bottom{;position:fixed;min-height:5rem;width:100%;left:0;bottom:0;background:#fff;z-index:5555;}
.chat_form{position:relative;height:5rem;width:100%;background:#fff;border-top:1px solid #f3f2f2;}
.chat_form .add_file_btn{display:block;position:absolute;width:4.5rem;height:100%;left:0;top:0;padding: 1.4rem}
.chat_form .add_file_btn:before{content:"";position:relative;display:inline-block;width:1.8rem;height:.2rem;background:#ffb304;transition:all 0.3s linear;}
.chat_form .add_file_btn:after{position:relative;content:"";position:relative;display:inline-block;background:#ffb304;transition:all 0.3s linear;width:.2rem;height:1.8rem;top:-1.1rem;left:.8rem;}
.chat_form .add_file_btn.on:before{transform:rotate(45deg);transform-origin:center;transition:transform 0.3s;}
.chat_form .add_file_btn.on:after{transform:rotate(45deg);transform-origin:center;transition:transform 0.3s;}
.chat_form .form-group{margin:0;width:calc(100% - 11rem);margin-left:4.5rem;padding:1rem 0}
.chat_form .form-group textarea.form-control{height:3rem;border:0;padding:.5rem 0}
.chat_form .submit_btn{font-size:1.3rem;color:#fff;width:6.2rem;height:100%;position:absolute;top:0;right:0;background:#ffb304}
.add_file_pop{display:none;border-top:1px solid #f3f2f2;}

/*.add_file_pop.open{display: block;}*/
.add_file_pop > span{display:block;height:5rem;line-height:5rem;font-size:1.3rem;color:#bcbcbc;padding:0 1.4rem;border-bottom:1px solid #f3f2f2;}
.add_file_pop > span strong{display:inline-block;margin-left:.3rem;font-weight:500;}
.file_li{position:relative;padding:.5rem 0;margin:0 1.4rem;border-bottom:1px solid #f3f2f2;}
.file_li:last-child{border-bottom:0;}
.file_li .file_img{display:inline-block;width:4.1rem;height:4.1rem;}
.file_li .file_img img{width:100%;height:100%;object-fit:cover}
.file_li .file_txt{display:inline-block;font-size:1.3rem;color:#444;vertical-align:middle;margin:0 1.4rem;}
.file_li .file_delete{display:block;position:absolute;width:1.85rem;height:100%;top:0;right:0;text-indent:-9999em;background:url(../img/icon/btn_delete.png) no-repeat center center #fff;-webkit-background-size:1.85rem 1.85rem;background-size:1.85rem 1.85rem;}

/* 마이페이지 */
.mypage_top{position:relative;text-align:center;padding:2.2rem 0 0;overflow:hidden;}
.mypage_top .mypage_bg{display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
.mypage_top .mypage_bg:before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(255,215,7,.8);z-index:3}
.mypage_top .mypage_bg img{width:100%;height:17.8rem;-o-object-fit:cover;object-fit:cover;/*transform:scale(1.2);*/-webkit-filter:blur(5px);filter:blur(5px);}
.mypage_top .mypage_top_info{position:relative;z-index:5;}
.mypage_top .creator_thum{display:inline-block;width:7.4rem;height:7.4rem;border-radius:50%;overflow:hidden;padding:.3rem;border:1px solid #f2e1a5;}
.mypage_top .creator_thum img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;overflow:hidden;}
.mypage_top .creator_id{margin-top:.75rem;}
.mypage_top .creator_id strong{color:#fff;font-size:1.3rem;}
.mypage_top_link{overflow:hidden;margin-top:2.5rem;border-top:1px solid #ffdd6a;}
.mypage_top_link a{position:relative;display:block;float:left;width:50%;height:3.5rem;line-height:3.5rem;color:#fff;font-size:1.3rem;text-align:center}
.mypage_top_link a:first-child:after{content:"";display:block;width:.1rem;height:.9rem;position:absolute;right:0;top:1.3rem;background:#fff}
.mypage_top_link a.link_myinfo:before{content:"";display:inline-block;width:1.55rem;height:1.55rem;vertical-align:middle;margin-right:.5rem;margin-top:-.2rem;background:url(../img/icon/i_privacy.png) no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.mypage_top_link a.link_mypassword:before{content:"";display:inline-block;width:1.55rem;height:1.55rem;vertical-align:middle;margin-right:.5rem;margin-top:-.2rem;background:url(../img/icon/i_password.png) no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.campaign_prev{text-align:center;padding:2.25rem 13% 2.2rem;border-bottom:1px solid #f3f2f2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;}
.campaign_prev li{display:inline-block;}
.campaign_prev li.prev_arrow{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;height:3.2rem;width:.8rem;background:url(../img/icon/prev_arrow.png) no-repeat center center;-webkit-background-size:.8rem 1.4rem;background-size:.8rem 1.4rem;}
.campaign_prev li a{display:block;height:3.2rem;font-size:1.3rem;color:#444;text-align:left;line-height:1.2}
.campaign_prev li:last-child a{padding-top:.8rem}
.campaign_prev li span{display:block;text-align:center;color:#ffc706;font-size:1.5rem;font-weight:700;margin-top:.7rem}
.mypage_link_wrap > ul > li{position:relative;}
.mypage_link_wrap > ul > li > a{display:block;color:#444;font-size:1.5rem;line-height:4.2rem;padding:0 1.4rem;border-bottom:1px solid #f3f2f2;}
.mypage_link_wrap > ul > li:last-child > a{border-bottom:0;}
.mypage_link_wrap .my_activity ul{display:none;padding:.55rem 0;background:#ffc706}
.mypage_link_wrap .my_activity ul li a{display:block;color:#fff;font-size:1.3rem;font-weight:400;line-height:3.2rem;padding:0 2.5rem;background:#ffc706}
.mypage_link_wrap .my_activity > a:after{content:"";display:block;position:absolute;top:1.7rem;right:1.4rem;width:0;height:0;margin-left:0;margin-top:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #ffc706;}
.mypage_link_wrap .my_activity > a.on:after{border-top:0;border-bottom:7px solid #ffc706;}

/* 회원가입 */
.content.membership_wrap{width:100%;max-width:768px;margin:0 auto;}
.step_wrap{padding:1.8rem 1.4rem;border-bottom:1px solid #f3f2f2;}
.step_wrap ul{position:relative;overflow:hidden;}
.step_wrap ul:before{content:"";display:block;position:absolute;width:100%;height:.25rem;top:50%;margin-top:-.175rem;background:#f3f2f2;z-index:2;}
.step_wrap ul li{width:30%;height:5rem;float:left;font-size:1.35rem;color:#444;text-align:center;word-spacing:-1.5px;letter-spacing:-.5px}
.step_wrap ul li:first-child{text-align:left;width:20%}
.step_wrap ul li:last-child{text-align:right;width:20%}
.step_wrap ul li span{display:block;font-size:1rem;color:#797979;}
.step_wrap ul li span:after{content:"";display:block;position:relative;margin:.6rem auto .6rem;top:.1rem;width:1.4rem;height:1.4rem;border:.4rem solid #f3f2f2;border-radius:50%;background:#fff;z-index:3;}
.step_wrap ul li.on span:before{content:"";display:block;position:absolute;width:0;height:.25rem;left:0;top:50%;margin-top:-.175rem;background:#ffc806;z-index:2;}
.step_wrap ul li.on  + li.on span:before{width:35%;left:0;}
.step_wrap ul li.on  + li.on + li.on span:before{width:65%;left:0;}
.step_wrap ul li.on  + li.on + li.on + li.on span:before{width:100%;left:0;}
.step_wrap ul li:first-child span:after{margin-left:0;}
.step_wrap ul li:last-child span:after{margin-right:0;}
.step_wrap ul li.on span:after{border-color:#ffc806;}
.step_wrap.ver02 ul li{width:50%}
.step_wrap.ver02 ul li.on  + li.on span:before{width:100%;left:0;}
.select_con_box > a{position:relative;display:block;float:left;width:50%;border:1px solid #f3f2f2;height:15.3rem;padding-top:6.6rem;}
.select_con_box > a:first-child{border-right:0;}
.select_con_box > a strong{font-size:1.5rem;font-weight:700;color:#444;display:block;text-align:center;}
.select_con_box > a span{display:block;text-align:center;font-size:1.2rem;color:#666;font-weight:500;margin-top:.5rem}
.select_con_box > a .check_icon{display:block;position:relative;margin:0 auto;top:1.8rem;height:1.7rem;width:1.7rem;background:url("../img/icon/i_check.png") no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.select_con_box > a.active strong,.select_con_box > a.active span{color:#ffc806}
.select_con_box > a.active .check_icon{display:block;position:relative;margin:0 auto;top:1.8rem;height:1.7rem;width:1.7rem;background:url("../img/icon/i_check_on.png") no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.select_con_box .creator_box{background:url("../img/icon/i_creator.png") no-repeat center 2.25rem;-webkit-background-size:3.5rem 3.225rem;background-size:3.5rem 3.225rem;}
.select_con_box .agency_box{background:url("../img/icon/i_agency.png") no-repeat center 2.25rem;-webkit-background-size:3.5rem 3.225rem;background-size:3.5rem 3.225rem;}
.agreement_box{padding:1.25rem 1.4rem 0;}
.agreement_chk{position:relative;background:#fdfcfc;border-top:1px solid #f3f2f2;border-bottom:1px solid #f3f2f2;}
.agreement_chk{padding:1.25rem 1.25rem;}
.agreement_chk .form-group{margin:0;/*overflow:hidden;*/}
.agreement_chk .form-group:first-child{margin-bottom:1.25rem}
.agreement_chk .form-group.check_box label{line-height:2.7rem}
.agreement_chk .inner_btn{float:right;}
.agreement_chk .help-block{position:absolute;width:100%;height:1.5rem;bottom:-4rem;left:0;}
.setting_box{padding:4.5rem 1.4rem 0;}
.setting_box p{font-size:1.4rem;color:#444;font-weight:500;line-height:1.3;margin-bottom:1rem}
.setting_box .certification_box{margin-bottom:1.6rem;padding:1.25rem;background:#fdfcfc;border-top:1px solid #f3f2f2;border-bottom:1px solid #f3f2f2;}
.certification_box > li > a{display:block;height:3.35rem;line-height:3.3rem;font-size:1.4rem;color:#979797;padding-left:4rem;border-bottom:1px solid #f3f2f2;}
.certification_box > li.certify > a{border-bottom:0;}
.certification_box > li.id_youtb > a{background:url(../img/icon/i_youtube.png)no-repeat .75rem center;-webkit-background-size:1.925rem 1.35rem;background-size:1.925rem 1.35rem;}
.certification_box > li.id_youtb.certify > a{color:#fff;background:url(../img/icon/i_youtube_on.png)no-repeat .75rem center #ff0000;-webkit-background-size:1.925rem 1.35rem;background-size:1.925rem 1.35rem;}
.certification_box > li.id_insta > a{background:url(../img/icon/i_instagram.png)no-repeat .75rem center;-webkit-background-size:1.45rem 1.375rem;background-size:1.45rem 1.375rem;}
.certification_box > li.id_insta.certify > a{color:#fff;background:url(../img/icon/i_instagram_on.png),url(../img/insta_bg.png);background-repeat:no-repeat,repeat-y;background-position:.75rem center,0 0;-webkit-background-size:1.45rem 1.375rem,cover;background-size:1.45rem 1.375rem,cover;}
.certification_box > li.id_faceb > a{background:url(../img/icon/i_facebook.png)no-repeat .75rem center;-webkit-background-size:1.375rem 1.375rem;background-size:1.375rem 1.375rem;}
.certification_box > li.id_faceb.certify > a{color:#fff;background:url(../img/icon/i_facebook.png)no-repeat .75rem center #3c5b9a;-webkit-background-size:1.375rem 1.375rem;background-size:1.375rem 1.375rem}
.certification_box > li div{position:relative;height:3.35rem;line-height:3.3rem;font-size:1.4rem;color:#444;padding:0 .85rem;border-bottom:1px solid #f3f2f2;}
.certification_box li span{position:absolute;right:.75rem;top:0;font-size:1.2rem;}
.certification_box li span strong{display:inline-block;font-size:1.3rem;font-weight:500;color:#ffc806;margin-right:.7rem;}
.setting_box .category_box{padding:1.25rem;background:#fdfcfc;border-top:1px solid #f3f2f2;border-bottom:1px solid #f3f2f2;}
.certification_box .select_box{height:3.35rem;line-height:3.3rem;font-size:1.4rem;color:#444;padding:0 0;border-bottom:1px solid #f3f2f2;}
.certification_box .select_box label{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;font-size:1.4rem;color:#444;text-align:left;font-weight:500;padding:0 .85rem;background:url(../img/icon/select_arrow.png) 96% center no-repeat #fdfcfc;-webkit-background-size:.8rem .675rem;background-size:.8rem .675rem;z-index:10}
.certification_box .select_box ul{position:relative;top:4rem;height:0;padding:0 0 .5rem;overflow:hidden;border:1px solid #f3f2f2;background:#fff;display:none;}
.certification_box .select_box ul.active{display:block;height:auto;}
.certification_box .select_box ul li{position:relative;height:3.35rem;line-height:3.3rem;font-size:1.4rem;padding:0 .85rem;}
.certification_box .select_box label span{display:none;right:3rem}
.represent_channel{text-align:left;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid #f3f2f2;}
.represent_channel .form-group{display:inline-block;vertical-align:middle;margin-top:0}
.represent_channel .form-group.radio_box label{font-size:1.4rem;color:#444;margin-right:.6rem;letter-spacing:-.5px}
.represent_channel .form-group.radio_box input[type=radio]+label:before{margin-right:.3rem;}
.label_youub{display:inline-block;padding-left:2.1rem;background:url(../img/icon/i_youtube.png)no-repeat 0 center;-webkit-background-size:1.925rem 1.35rem;background-size:1.925rem 1.35rem;}
.label_insta{display:inline-block;padding-left:1.6rem;background:url(../img/icon/i_instagram.png)no-repeat 0 center;-webkit-background-size:1.45rem 1.375rem;background-size:1.45rem 1.375rem;}
.label_face{display:inline-block;padding-left:1.5rem;background:url(../img/icon/i_facebook.png)no-repeat 0 center;-webkit-background-size:1.375rem 1.375rem;background-size:1.375rem 1.375rem;}
.complete_box{text-align:center;margin-top:3.6rem;padding-top:7.8rem;background:url(../img/icon/i_smile.png)no-repeat center 0;-webkit-background-size:5.6rem 5.6rem;background-size:5.6rem 5.6rem}
.complete_box.ver02{padding-bottom:2rem;background:url(../img/icon/i_smile_y.png)no-repeat center 0;-webkit-background-size:5.6rem 5.6rem;background-size:5.6rem 5.6rem}
.complete_box p{font-size:1.4rem;color:#666;font-weight:500;line-height:1.4;}
.complete_box p a{color:#ffc806;text-decoration:underline;}
.membership_banner{padding:3.75rem 1.4rem;border-top:1px solid #ddd;}

/* 로그인 */
.login_bg{background:#ffd914;background:-webkit-linear-gradient(-45deg,#ffd914 0%,#ffb304 100%);background:-webkit-linear-gradient(315deg,#ffd914 0%,#ffb304 100%);background:-o-linear-gradient(315deg,#ffd914 0%,#ffb304 100%);background:linear-gradient(135deg,#ffd914 0%,#ffb304 100%);}
.login_bg .header{background:transparent;border-bottom:0;}
.login_bg .header .btn_back{background:url(../img/icon/btn_back_w.png) no-repeat 1.4rem center;-webkit-background-size:.875rem 1.55rem;background-size:.875rem 1.55rem;}
.login_logo{width:20.5rem;height:2.5rem;text-indent:-9999rem;margin:2.5rem auto 0;font-size:0;background:url(../img/logo_login.png) no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.form_box.login_form{padding-bottom:1.5rem}
.login_form .form-group .form-control{border-color:#fff}
.login_form .label_txt{color:#fff}
.form_box.login_form .focused .label_txt{-webkit-transform:translateY(-210%);-ms-transform:translateY(-210%);-o-transform:translateY(-210%);transform:translateY(-210%);font-size:1.1rem;color:#fff7de}
.login_form .form-group.check_box{margin:1.5rem 0}
.login_form .check_box .label_txt{display:inline-block;color:#fff7de;font-size:1.3rem;line-height:1.8rem;margin-bottom:0}
.bottom_btn.login_btn{margin:0;padding:0}
.bottom_btn.login_btn .btn{max-width:100%}
.login_link_bottom{overflow:hidden;padding:0 1.4rem}
.login_link_bottom a{display:inline-block;font-size:1.3rem;color:#fff7de;}
.login_link_bottom a:last-child{float:right;}
.sns_login{position:relative;text-align:center;font-size:0;padding:4.25rem 0;margin-top:4.25rem;border-top:1px solid #f9d57c;}
.sns_login:before{content:"or";display:block;position:absolute;width:3.2rem;top:-1.45rem;left:50%;margin-left:-1.6rem;color:#fff7de;font-size:1.5rem;font-weight:700;padding:.5rem;background:#ffc131;}
.sns_login a{width:3.8rem;height:3.8rem;display:inline-block;text-indent:-9999em;margin:0 1.4rem;}
.sns_login a.sns_kakao{background:url(../img/icon/btn_kakao.png) no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.sns_login a.sns_naver{background:url(../img/icon/btn_naver.png) no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.sns_login a.sns_facebook{background:url(../img/icon/btn_facebook.png) no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}

/* utility */
.tab_nav{height:3.5rem;background:#fff;border-bottom:1px solid #f3f2f2;}
.tab_nav ul li{float:left;width:33.3%;border-left:1px solid #f3f2f2;}
.tab_nav ul li:first-child{border-left:0;}
.tab_nav ul li a{position:relative;display:block;text-align:center;color:#bcbcbc;font-size:1.3rem;line-height:3.4rem;font-weight:500;background:#fff}
.tab_nav ul li.active a{color:#fff;background:#ffc806}
.tab_nav.ver02 ul li{width:50%}
.list_wrap{padding:0 1.4rem}
.list_wrap ul li{border-bottom:1px solid #ddd;height:6.3rem;}
.list_wrap ul li a{display:block;position:relative;padding:1.5rem 0;background:url("../img/icon/arrow_link.png") no-repeat right center;-webkit-background-size:.7rem 1.2rem;background-size:.7rem 1.2rem;}
.list_wrap ul li a .new{display:inline-block;font-size:1rem;color:#fff;width:1.3rem;height:1.3rem;line-height:1.1rem;text-align:center;vertical-align:middle;margin-top:-.1rem;margin-right:.75rem;background:#fd4200;border-radius:50%;}
.list_wrap ul li a p{font-size:1.4rem;line-height:1.4rem}
.list_wrap ul li a p strong{display:inline-block;position:relative;font-size:1.3rem;color:#797979;font-weight:500;padding-right:.75rem;margin-right:.75rem}
.list_wrap ul li a p strong:after{content:"";display:block;position:absolute;width:1px;height:1rem;top:.2rem;right:0;background:#ddd}
.date_box{display:block;font-size:1rem;color:#797979;margin-top:.8rem;font-weight:500;letter-spacing:-.5px;font-family:'Roboto'}
.date_box span{display:inline-block;margin-left:.75rem}
.view_wrap .view_title{padding:1.4rem;background:#f3f2f2;border-bottom:1px solid #f3f2f2;}
.view_wrap .view_title p{font-size:1.4rem;line-height:1.4rem}
.view_wrap .view_title p strong{display:inline-block;position:relative;font-size:1.3rem;color:#797979;font-weight:500;padding-right:.75rem;margin-right:.75rem}
.view_wrap .view_txt{min-height:20rem;padding:1.4rem;color:#666;font-size:1.3rem;line-height:1.4}

/* faq */
.faq_list li{position:relative;border-bottom:1px solid #eee;}
.faq_list li a{display:table;width:100%;height:5.5rem;font-size:1.4rem;padding:0 1.4rem;background:#fff;color:#444;font-weight:500;}
.faq_list li a p{display:table-cell;vertical-align:middle;padding-left:2.8rem;line-height:1.2}
.faq_list li .icon_q{display:block;position:absolute;top:1.8rem;left:1.25rem;color:#fff;font-size:1.2rem;width:2rem;height:2rem;line-height:1.8rem;background:#f5d463;border-radius:50%;text-align:center;}
.faq_list .faq_datail{display:none;position:relative;line-height:1.4;color:#666;padding-left:3rem;background:#f3f2f2;}
.faq_list .faq_datail .faq_text{padding:1rem 1.25rem;}
.faq_list .faq_datail .faq_text p{margin-bottom:0;font-size:1.3rem;font-weight:400}
.faq_list .faq_datail .faq_text p img{width:82%;height:auto;margin-top:1.2rem}
.faq_list .faq_datail .icon_a{position:absolute;top:1.3rem;left:1.25rem;font-size:1.3rem;width:2rem;height:2rem;line-height:2rem;border-radius:50%;text-align:center;background:#ffc706;color:#fff;}
.qna_wrap{padding:1.4rem}
.textarea_box{border:1px solid #f3f2f2;}
.textarea_box textarea{font-size:1.3rem;height:10rem;line-height:1.3;width:100%;padding:1rem;background:#fff;-webkit-box-shadow:none;box-shadow:none;outline:none;border:0;letter-spacing:-.5px}
.textarea_byte{text-align:right;margin-top:1.2rem}
.textarea_byte span{display:inline-block;font-size:1.2rem;color:#444;font-weight:500;}

/* pagenation */
.paging{text-align:center;padding:3rem 0;width:100%;overflow:hidden;}
.paging ul{margin:0;}
.paging .pagination li a{height:2.6rem;min-width:2.6rem;margin:0 .25rem;font-size:1.2rem;text-align:center;padding:0;line-height:2.2rem;font-weight:500;border-radius:0;color:#a3a3a3;border-color:transparent;background:transparent;}
.paging .pagination li.active a{color:#fff;background:#ffc706;border-color:#ffc706;}
.paging .pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{color:#fff;background:#ffc706;border-color:#ffc706;}
.paging .pagination li.arrow{text-indent:-9999px}
.paging .pagination li.first a{margin-left:0;background:url("../img/icon/arrow_first.png") no-repeat center center;-webkit-background-size:1rem 1rem;background-size:1rem 1rem}
.paging .pagination li.prev a{margin-right:1rem;background:url("../img/icon/arrow_prev.png") no-repeat center center;-webkit-background-size:.9rem .9rem;background-size:.9rem .9rem}
.paging .pagination li.next a{margin-right:1rem;background:url("../img/icon/arrow_prev.png") no-repeat center center;-webkit-background-size:.9rem .9rem;background-size:.9rem .9rem;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.paging .pagination li.last a{margin-left:0;background:url("../img/icon/arrow_first.png") no-repeat center center;-webkit-background-size:1rem 1rem;background-size:1rem 1rem;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}

/* iPad */

/*@media only screen and (min-device-width:768px) and (max-device-width:1024px){
	.guide_con{-webkit-background-size:100% 100%;background-size:100% 100%}
	.guide_slide .slide_con{padding:0 25%}
}*/

/* iPhone X */

/*@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){
	.guide_slide .slide_con{padding:0 10%}
}*/

/* modal */
.modal{overflow:visible!important;padding-right:0!important;z-index:9999!important;}
.modal-open{position:fixed;overflow:hidden;}
.modal-content{border-radius:0;border:none;}
.modal.right.fade .modal-dialog{right:-200%;-webkit-transition:opacity 0.3s linear,right 0.3s ease-out;-o-transition:opacity 0.3s linear,right 0.3s ease-out;transition:opacity 0.3s linear,right 0.3s ease-out;}
.modal.right.fade.in .modal-dialog{right:0;}
.modal.right .modal-dialog{position:fixed;margin:auto;width:100%;height:100%;-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0);}
.modal.right .modal-content{height:100%;overflow:hidden;}
.modal.right .modal-body{padding:0;}

/* gnb modal */
.gnb_modal .modal-backdrop{background-color:#444;opacity:1}
.gnb_modal .modal-content{position:relative;height:100%;-webkit-box-shadow:none;box-shadow:none;background-color:#444;/*overflow:hidden;*/}
.gnb_modal .modal-header{position:relative;height:5rem;text-align:center;background:#fff;border-bottom:0;padding:0;border-bottom:1px solid #f3f2f2;}
.gnb_modal .modal-header h4{display:block;width:calc(100% - 5rem);font-size:1.6rem;line-height:5rem;color:#444;font-weight:700;}
.gnb_modal .modal-header .close{display:block;position:absolute;top:0;right:0;width:5rem;height:5rem;margin-top:0;opacity:1;text-indent:-9999em;text-shadow:none;background:url("../img/icon/modal_close_w.png") no-repeat center center #444;-webkit-background-size:1.25rem 1.25rem;background-size:1.25rem 1.25rem}
.gnb_modal .modal-body{position:relative;width:calc(100% - 5rem);height:-webkit-calc(100% - 5rem);height:calc(100% - 5rem);background:#fff}
.gnb_tab{position:absolute;width:5rem;height:10rem;right:-5rem;top:0;}
.gnb_tab a{display:block;width:5rem;height:5rem;text-align:center;font-size:1rem;font-weight:700;letter-spacing:-.5px;color:#fff;padding-top:3.4rem;}
.gnb_tab a.gnb_creator{border-bottom:1px solid #ffc806;background:url("../img/icon/gnb_creator.png") no-repeat center .4rem #ffc806;-webkit-background-size:2.5rem 2.4rem;background-size:2.5rem 2.4rem;}
.gnb_tab a.gnb_brand{border-bottom:1px solid #444;background:url("../img/icon/gnb_brand.png") no-repeat center .4rem #ffc806;-webkit-background-size:2.6rem 2.625rem;background-size:2.6rem 2.625rem;}
.gnb_tab a.gnb_creator.active{color:#ffc806;background:url("../img/icon/gnb_creator_on.png") no-repeat center .5rem #fff;-webkit-background-size:2.5rem 2.4rem;background-size:2.5rem 2.4rem;}
.gnb_tab a.gnb_brand.active{color:#ffc806;background:url("../img/icon/gnb_brand_on.png") no-repeat center .5rem #fff;-webkit-background-size:2.6rem 2.625rem;background-size:2.6rem 2.625rem;}
.gnb_modal .gnb_setting{display:block;position:absolute;width:5rem;height:5rem;right:-5rem;top:10rem;text-indent:-9999em;background:url("../img/icon/i_setting.png") no-repeat center center #444;-webkit-background-size:1.85rem 1.9rem;background-size:1.85rem 1.9rem;}
.gnb_con > ul > li{position:relative;background:#fff;}
.gnb_con > ul > li > a{height:5rem;display:block;font-size:1.4rem;color:#444;line-height:5rem;padding:0 1.4rem;border-bottom:1px solid #f3f2f2;}
.gnb_con .gnb_util ul{padding:.75rem 0;background:#ffc806}
.gnb_con .gnb_util ul li{height:3rem}
.gnb_con .gnb_util ul li a{;display:block;line-height:3rem;color:#fff;font-size:1.3rem;font-weight:400;padding:0 2.6rem}
.gnb_con .gnb_util > a:after{content:"";display:block;position:absolute;top:2.3rem;right:1.4rem;width:0;height:0;margin-left:0;margin-top:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #ffc706;}
.gnb_con .gnb_util > a.on:after{border-top:0;border-bottom:7px solid #ffc706;}
.gnb_con .gnb_util ul{display:none;}
.login_bottom_link{overflow:hidden;border-top:1px solid #f3f2f2;border-bottom:1px solid #f3f2f2;}
.login_bottom_link a{position:relative;display:block;height:5rem;width:50%;float:left;line-height:5rem;text-align:left;font-size:1.5rem;color:#444;padding:0 1.4rem}
.login_bottom_link a.btn_mebership:before{content:"";display:block;position:absolute;top:1.75rem;left:0;width:1px;height:1.5rem;background:#f3f2f2}
.login_bottom_link a.btn_login:after{content:"";display:block;position:absolute;top:1.75rem;right:1.4rem;width:1.4rem;height:1.475rem;background:url("../img/icon/i_login.png") no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.login_bottom_link a.btn_logout{width:100%}
.login_bottom_link a.btn_logout:after{content:"";display:block;position:absolute;top:1.75rem;right:1.4rem;width:1.4rem;height:1.475rem;background:url("../img/icon/i_logout.png") no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;}
.gnb_wrap .gnb_con{display:none}
.gnb_wrap .gnb_con:first-child{display:block}

/* search modal */
.search_modal .modal-content{position:relative;height:100%;padding-bottom:5.5rem;-webkit-box-shadow:none;box-shadow:none;overflow:hidden;}
.search_modal .modal-header{position:relative;height:5rem;line-height:4.6rem;text-align:center;background:#333;border-bottom:0;padding:0}
.search_modal .modal-header h4{display:inline-block;font-size:1.5rem;color:#fff;font-weight:500;padding:.5rem .5rem .3rem;border-bottom:1px solid #fff;}
.search_modal .modal-header .close{display:block;position:absolute;top:0;right:0;width:4rem;height:5rem;margin-top:0;opacity:1;text-indent:-9999em;text-shadow:none;background:url("../img/icon/modal_close.png") no-repeat center center;-webkit-background-size:1.6rem 1.6rem;background-size:1.6rem 1.6rem}
.search_modal .modal-body{height:-webkit-calc(100% - 5rem);height:calc(100% - 5rem);overflow-y:auto}
.search_modal .modal_bottom{position:absolute;width:100%;height:5.5rem;overflow:hidden;}
.search_modal .modal_bottom button{width:50%;height:100%;float:left;font-size:1.5rem;}
.search_box .search_sel{position:relative;padding:0 .8rem;border-bottom:1px solid #f3f2f2;background:#fff}
.search_sel > a{position:relative;display:block;height:5.5rem;line-height:5.5rem;text-align:left;}
.search_sel > a strong{float:left;font-size:1.5rem;color:#444;font-weight:500}
.search_sel > a:after{content:"";display:block;position:absolute;top:2.6rem;right:0;width:0;height:0;margin-left:5px;margin-top:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #333;}
.search_sel.on > a:after{content:"";display:block;position:absolute;top:2.6rem;right:0;width:0;height:0;margin-left:5px;margin-top:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #333;border-top:transparent}
.search_sel .search_dropdown{display:none;height:auto;text-align:left;padding:2rem 0;border-top:1px solid #f3f2f2;}
.search_sel:first-child .search_dropdown{display:block;}
.search_dropdown strong{font-size:1.3rem;color:#444;font-weight:500}
.category_box{font-size:0}
.category_box button{display:inline-block;height:3rem;max-width:100%;white-space:normal;word-break:break-all;overflow:hidden;color:#444;font-size:1.3rem;text-align:center;line-height:2.8rem;vertical-align:middle;padding:0 1.45rem;margin:.5rem .25rem;background:#fff;border-radius:70px;border:1px solid #f3f2f2;letter-spacing:-.5px}
.category_box button:last-child{margin-right:0;}
.category_box button > span{font-size:1rem;display:inline-block;margin-top:-.5rem;vertical-align:middle;padding:0 .46rem}
.category_box button.chk{color:#fff;background:#f3bc10;border-color:#f3bc10}
.search_inf .search_dropdown{background-image:url(../img/icon/i_smile.png);background-repeat:no-repeat;background-position:center 5.2rem;-webkit-background-size:4.1rem 4.1rem;background-size:4.1rem 4.1rem}
.search_inf .legend{position:relative;overflow:hidden;top:6rem;}
.search_inf .legend span{float:right;font-size:1.3rem;letter-spacing:-1px}
.search_inf .legend span:first-child{float:left;}
.search_inf.ver02 .search_dropdown{background-image:url(../img/icon/i_won.png);background-repeat:no-repeat;background-position:center 5.2rem;-webkit-background-size:4.1rem 4.1rem;background-size:4.1rem 4.1rem}
.range-slider{position:relative;max-width:93%;margin:8rem auto 0;}
.influence_range,.budget_range{;background-color:#f3f1f2;}
.range_num{position:relative;height:4.5rem;margin-top:2.5rem;text-align:center}
.range_num > span{display:inline-block;width:3rem;padding-top:2rem;text-align:center;padding-left:1rem;}
.range_num div{position:absolute;width:45%;left:-.5rem;top:0;}
.range_num div span{position:absolute;right:0;top:2rem;}
.range_num div strong{display:block;font-size:1.2rem;color:#797979;text-align:left;}
.range_num div.max_num{text-align:right;left:auto;right:-1rem}
.range_num div.max_num strong{text-align:right;}
.range_num input{width:100%;color:#444;padding:.5rem;border:0;border-bottom:1px solid #f3f1f2;background:#fff}
.ui-slider-horizontal{height:.3rem;}
.ui-slider-horizontal .ui-slider-range{background-color:#f3bc10;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-active,.ui-widget-content .ui-state-active,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{background:#fff!important;border:1px solid #cccccc!important;}
.ui-slider .ui-slider-handle{border-radius:50%;height:2rem;width:2rem;background:#fff;top:-9px;border:2px solid #f3f2f2;}
.search_det .search_dropdown{padding:0;}
.search_det .search_dropdown > div{padding:2.5rem 0;}
.search_det .search_dropdown > div strong{display:block;font-size:1.3rem;font-weight:500;margin-bottom:2rem}
.search_det .search_dropdown > div:last-child strong{margin-bottom:1.5rem}
.search_det .search_dropdown > div:first-child{border-bottom:1px solid #f3f1f2;}
.search_det .search_dropdown .detail_search{overflow:hidden;}
.search_det .search_dropdown .detail_search.gender_box a{display:block;font-size:1.3rem;text-align:center;padding-top:8.1rem;width:33.3%;float:left;}
.detail_search a.i_gender{background:url(../img/icon/i_gender.png) no-repeat center 0;-webkit-background-size:6.9rem 6.9rem;background-size:6.9rem 6.9rem;}
.detail_search a.i_male{background:url(../img/icon/i_male.png) no-repeat center 0;-webkit-background-size:6.9rem 6.9rem;background-size:6.9rem 6.9rem;}
.detail_search a.i_female{background:url(../img/icon/i_female.png) no-repeat center 0;-webkit-background-size:6.9rem 6.9rem;background-size:6.9rem 6.9rem;}
.detail_search a.i_gender:hover,.detail_search a.i_gender:active,.detail_search a.i_gender.chk{background:url(../img/icon/i_gender_on.png) no-repeat center 0;-webkit-background-size:6.9rem 6.9rem;background-size:6.9rem 6.9rem;}
.detail_search a.i_male:hover,.detail_search a.i_male:active,.detail_search a.i_male.chk{background:url(../img/icon/i_male_on.png) no-repeat center 0;-webkit-background-size:6.9rem 6.9rem;background-size:6.9rem 6.9rem;}
.detail_search a.i_female:hover,.detail_search a.i_female:active,.detail_search a.i_female.chk{background:url(../img/icon/i_female_on.png) no-repeat center 0;-webkit-background-size:6.9rem 6.9rem;background-size:6.9rem 6.9rem;}

/* center modal */
.modal-center{text-align:center;}
.modal-center:before{display:inline-block;vertical-align:middle;content:" ";height:100%;}
.modal-center .modal-dialog{display:inline-block;text-align:left;vertical-align:middle;}
.modal-center .modal-dialog.sm{width:25rem;max-width:25rem;}
.modal-center .modal-dialog.md{width:29.5rem;max-width:29.5rem;}
.modal-center .modal-dialog .modal-content{overflow:hidden;position:relative;z-index:5}
.modal-center .modal-header{position:relative;height:5.1rem;color:#fff;font-size:1.5rem;font-weight:500;background:#fff;border-bottom:1px solid #ebebeb;}
.modal-center .modal-header .modal-title{color:#444;font-size:1.5rem;text-align:center;}
.modal-center .modal-header .close{display:block;position:absolute;top:1.7rem;right:1.2rem;width:1.75rem;height:1.75rem;margin-top:0;opacity:1;text-shadow:none;background:url(../img/icon/alert_close.png) no-repeat 0 center;-webkit-background-size:100% auto;background-size:100% auto;}
.modal-center .modal-dialog .modal-body{height:auto;padding:0;}
.modal-center .modal-dialog .modal-body>p{font-size:1.2rem;color:#232323;}
.modal_con{min-height:7rem}
.alert_pop .modal_con{text-align:center;height:100%;padding:3.2rem 1.2rem}
.center_txt{display:table;width:100%;height:100%;vertical-align:middle;}
.alert_pop p{font-size:1.4rem;color:#232323;font-weight:500;line-height:1.4;margin-bottom:1rem;letter-spacing:-.7px}
.alert_pop p:last-child{margin-bottom:0}

/* modal button */
.pop_bottom_btn{overflow:hidden;}
.pop_bottom_btn .btn{width:50%;height:3.75rem;float:left;font-size:1.5rem;font-weight:500;text-align:center;border-radius:0;border:0;}
.pop_bottom_btn .btn:first-child{border-right:1px solid #fff;}
.pop_bottom_btn .btn.btn_cancle{background:#ffc806;color:#fff;}
.pop_bottom_btn .btn.btn_confirm{background:#ffc806;color:#fff;}
.pop_bottom_btn.ver02 .btn{width:33.3%;}