@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@700&display=swap');


/* reset */
html *{max-height: 999999px} /* font size bug fix */
html,body{margin:0px;padding:0px;width:100%;font-size:10px;font-family:'Noto Sans KR', sans-serif;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px;font-weight:normal;word-break:keep-all}
li{list-style:none}
fieldset,img,a{border:0px}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9}	/* button fix for ie8 */
input,textarea,button,select{font-family:'Noto Sans KR', sans-serif}
/*input[type="password"]{font-family:"돋움",sans-serif }*/
table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left}
table th, table td{text-align:left}
input::-webkit-input-placeholder{color:#ccc}
input::-moz-placeholder{color:#ccc}
input:-moz-placeholder{color:#ccc}
input:-ms-input-placeholder,
input.placeholder{color:#ccc!important}
textarea::-webkit-input-placeholder{color:#ccc}
textarea::-moz-placeholder{color:#ccc}
textarea:-moz-placeholder{color:#ccc}
textarea:-ms-input-placeholdr,
textarea.placeholder{color:#ccc!important}
input:focus::-webkit-input-placeholder{color:transparent!important}
input:focus::-moz-placeholder{color:transparent!important}
input:focus:-moz-placeholder{color:transparent!important}
input:focus:-ms-input-placeholder{color:transparent!important}
textarea:focus::-webkit-input-placeholder{color:transparent!important}
textarea:focus::-moz-placeholder{color:transparent!important}
textarea:focus:-moz-placeholder{color:transparent!important}
textarea:focus:-ms-input-placeholder{color:transparent!important}
header, footer, section, article, aside, nav, address{display: block; margin:0} /* ie8 */

input:focus{outline: none}

.clear_wrap:before,.clear_wrap:after{content:" ";display:table}
.clear_wrap:after{clear:both}
/* .clear_wrap{*zoom:1} */
.clear_ine{clear:both}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ellipsism{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.appearance{border:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.boxsizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mobilescrolling{-webkit-overflow-scrolling:touch}

.bg_cover{background-size:cover;background-position:center center;background-repeat:no-repeat}
.bg_cover .bg_img{display:none}

.table_box{display:table;width:100%;table-layout:fixed}
.table_box .table_td{display:table-cell;vertical-align:middle}

.mobile,
.tablet{display:none!important}

#gnb .btn_menu,
.main_content .main_feature .feature_list .list_over,
.main_content .main_feature .feature_list .menu_list li,
.main_content .main_feature .feature_list .title_box .title,
.sub_gate .profile_site .site_list .btn_site,
.btn_hover,
.sub_gate .gate_list .btn_gate .img_box .img,
#header .popup_user a,
.ani{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}

html,body{height:100%}
#viewport{position:relative;/*margin-bottom:-55px;*/min-height:100%;min-width:984px}
#viewport:after{height:55px}
.contains{margin:0 auto;padding:0 10px;max-width:1180px;min-width:964px;position: relative}

/* 스크롤 */
.basic_scroll{padding:0 13px;height:180px;overflow:hidden;overflow-y:auto}
.basic_scroll::-webkit-scrollbar-track{border-radius: 4px;background-color: #eaeaea}
.basic_scroll::-webkit-scrollbar{width: 6px;border-radius: 4px;background-color: #eaeaea}
.basic_scroll::-webkit-scrollbar-thumb{cursor:pointer;border-radius: 4px;background-color: #454f8e}


/* 컨텐츠 */
#content{padding:75px 0 54px 0}
.main_content .main_header{position:relative;height:724px;background-image:url("../img/main/bg_top.jpg")}
.main_content .main_header .text_box{position:absolute;left:0;top:45%;right:0;margin-top:-120px;text-align:center}
.main_content .main_header .text_box p{line-height:30px;font-size:18px;color:#fff}
.main_content .main_header .text_box .title{margin-bottom:30px;line-height:44px;font-size:44px;color:#fff;font-weight:500}
.main_content .main_header .text_box .btn_box{margin-top:40px}
.main_content .main_header .text_box .btn_start{display:block;margin:0 auto;width:180px;height:48px;line-height:48px;text-align:center;font-size:18px;color:#3f498a;font-weight:500;border-radius:24px;box-shadow:10px 10px 10px rgba(0,0,0,0.3);background:#fff}
.main_content .main_header .count_box{position:absolute;left:0;bottom:0;right:0;height:130px;background:url("../img/main/bg_header.png") repeat;z-index:10}
.main_content .main_header .count_box .list_box{padding-bottom:8px;height:122px;text-align:center;background:url("../img/main/line_header.png") no-repeat left center}
.main_content .main_header .count_box .list_box:first-child{background:none}
.main_content .main_header .count_box .list_box p{padding:2px 0;line-height:14px;font-size:14px;color:#fff;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_content .main_header .count_box .list_box .count{margin-bottom:10px;line-height:36px;font-size:36px}

.main_title{position:relative;padding-top:24px;margin-bottom:50px;line-height:30px;text-align:center;font-size:30px;color:#3f498a;font-weight:500}
.main_title .line{display:block;position:absolute;left:50%;top:0;margin-left:-39px;width:78px;height:3px;background:#3f498a}

.main_content .main_news{padding:50px 0 80px 0;border-top:1px solid #eaeaea}
.main_content .main_news .contains{position:relative}
.main_content .main_news .btn_more{position:absolute;right:10px;top:30px}
.btn_more,
.btn_detail{display:block;padding-right:12px;line-height:20px;font-size:12px;color:#fc236a;background:url("../img/icon/link_arrow.png") no-repeat right center}
.btn_more:hover,
.btn_detail:hover{text-decoration:underline}

.main_content .main_news .news_list li{padding-right:6%;vertical-align:top}
.main_content .main_news .news_list p{line-height:22px;font-size:13px;color:#666}
.main_content .main_news .news_list .title{padding:2px 0;margin-bottom:13px;line-height:20px;font-size:16px;color:#4d4d4d;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_content .main_news .news_list .service_type{padding:2px 0;margin-bottom:5px;line-height:20px;font-size:16px;color:#3f498a;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; /* playd */}
.main_content .main_news .news_list .text_box{height:66px;overflow:hidden}
.main_content .main_news .news_list .text_box p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.main_content .main_news .news_list .btn_box{margin-top:15px;height:20px}
.main_content .main_news .news_list .btn_detail{float:left}

.main_content .main_solution{padding:100px 0;border-top:1px solid #eaeaea;overflow:hidden}
.main_content .main_solution .contains{height:720px}
.main_content .main_solution .solution_left{float:left;margin-left:-14%;width:64%}
.main_content .main_solution .solution_left img{display:block;width:100%;max-width:738px}
.main_content .main_solution .solution_right{float:right;margin-right:-14%;padding-top:20px;width:60%}
.solution_list{overflow:hidden}
.solution_list li{float:left;width:49%;height:240px;text-align:center}
.solution_list .logo{height:60px}
.solution_list p{line-height:22px;font-size:13px;color:#666}
.solution_list .title{padding:2px 0;margin-bottom:13px;line-height:20px;font-size:18px;color:#4d4d4d;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.solution_list .text_box{height:66px;overflow:hidden}
.solution_list .text_box p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.main_content .main_solution .solution_right .desc_box{margin-top:-10px;text-align:center}
.main_content .main_solution .solution_right .desc_box p{line-height:24px;font-size:15px;color:#666}
.main_content .main_solution .solution_right .desc_box p b{color:#fc236a;font-weight:500}

.main_content .main_service{padding:100px 0;overflow:hidden}
.main_content .main_service .contains{height:600px}
.main_content .main_service .service_left{float:left;margin-left:-10%;width:56%}
.main_content .main_service .service_left .main_title{margin-bottom:70px}
.main_content .main_service .service_right{/*width:45%*/float:right;width:64%;margin-right:-10%;padding-top:120px}
/*.main_content .main_service .service_right .img_box{float:left;max-height:723px;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,0.15)}
.main_content .main_service .service_right img{display:block}*/

.main_content .main_service .service_right .videowrapper video{width:100%}

.main_content .main_feature{padding:100px 0;background-image:url("../img/main/bg_feature.jpg");overflow:hidden}
.main_content .main_feature .main_title{color:#fff}
.main_content .main_feature .main_title .line{background:#fff}
.main_content .main_feature .list_area{background:url("../img/main/line_feature_w.png") no-repeat center center}
.main_content .main_feature .feature_list{width:101%;height:520px; position:relative}
.main_content .main_feature .feature_list::after{content: ""; width:100%; height:1px; display:block; /*background:url("../img/main/line_feature_w.png") no-repeat center center;*/ position:absolute; top:520px; left:0}
.main_content .main_feature .feature_list .list_box{float:left;position:relative;width:33%;background:url("../img/main/line_feature_h.png") no-repeat right top;z-index:10}
.main_content .main_feature .feature_list .list_03{background:none}
.main_content .main_feature .feature_list .list_04{background-position:right bottom}
.main_content .main_feature .feature_list .list_05{background-position:right bottom}
.main_content .main_feature .feature_list .list_06{background-position:left center}
.main_content .main_feature .feature_list .list_07{background-position:right bottom;width:33.1%}

.main_content .main_feature .feature_list .list_over{position:relative;padding:40px 10px 0 30px;margin:0 -1px 0 0;height:220px;border-radius:5px}
.main_content .main_feature .feature_list .title_box{position:relative;height:50px}
.main_content .main_feature .feature_list .title_box .title{padding-right:100px;height:34px;line-height:34px;font-size:18px;color:#fff;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_content .main_feature .feature_list .title_box img{display:block;position:absolute;right:20px;top:0}
.main_content .main_feature .feature_list .menu_list li{position:relative;float:left;padding:8px 5px 8px 34px;width:49%;line-height:20px;font-size:13px;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_content .main_feature .feature_list .menu_list .icon{display:block;position:absolute;left:0;top:10px;width:20px;height:20px;background:url("../img/main/icon_feature.png") no-repeat}

.main_content .main_feature .feature_list .list_box.pro .menu_list .menu_01 .icon{background-position:0 0}
.main_content .main_feature .feature_list .list_box.pro .menu_list .menu_02 .icon{background-position:0 -149px}
.main_content .main_feature .feature_list .list_box.pro .menu_list .menu_03 .icon{background-position:0 -37px}
.main_content .main_feature .feature_list .list_box.pro .menu_list .menu_04 .icon{background-position:0 -186px}
.main_content .main_feature .feature_list .list_box.pro .menu_list .menu_05 .icon{background-position:0 -74px}
.main_content .main_feature .feature_list .list_box.pro .menu_list .menu_06 .icon{background-position:0 -224px}
.main_content .main_feature .feature_list .list_box.pro .menu_list .menu_07 .icon{background-position:0 -112px}
.main_content .main_feature .feature_list .list_box.tera .menu_list .menu_01 .icon{background-position:0 -250px}
.main_content .main_feature .feature_list .list_box.tera .menu_list .menu_02 .icon{background-position:0 -399px}
.main_content .main_feature .feature_list .list_box.tera .menu_list .menu_03 .icon{background-position:0 -287px}
.main_content .main_feature .feature_list .list_box.tera .menu_list .menu_04 .icon{background-position:0 -436px}
.main_content .main_feature .feature_list .list_box.tera .menu_list .menu_05 .icon{background-position:0 -324px}
.main_content .main_feature .feature_list .list_box.tera .menu_list .menu_06 .icon{background-position:0 -475px}
.main_content .main_feature .feature_list .list_box.tera .menu_list .menu_07 .icon{background-position:0 -362px}
.main_content .main_feature .feature_list .list_box.voice .menu_list .menu_01 .icon{background-position:0 -649px}
.main_content .main_feature .feature_list .list_box.voice .menu_list .menu_02 .icon{background-position:0 -1218px}
.main_content .main_feature .feature_list .list_box.voice .menu_list .menu_03 .icon{background-position:0 -900px}
.main_content .main_feature .feature_list .list_box.voice .menu_list .menu_04 .icon{background-position:0 -1433px}
.main_content .main_feature .feature_list .list_box.voice .menu_list .menu_05 .icon{background-position:0 -224px}
.main_content .main_feature .feature_list .list_box.voice .menu_list .menu_06 .icon{background-position:0 -698px}
.main_content .main_feature .feature_list .list_box.gaus .menu_list .menu_01 .icon{background-position:0 -800px}
.main_content .main_feature .feature_list .list_box.gaus .menu_list .menu_02 .icon{background-position:0 -900px}
.main_content .main_feature .feature_list .list_box.gaus .menu_list .menu_03 .icon{background-position:0 -837px}
.main_content .main_feature .feature_list .list_box.gaus .menu_list .menu_04 .icon{background-position:0 -936px}
.main_content .main_feature .feature_list .list_box.gaus .menu_list .menu_05 .icon{background-position:0 -874px}
.main_content .main_feature .feature_list .list_box.gaus .menu_list .menu_06 .icon{background-position:0 -975px}
/*.main_content .main_feature .feature_list .list_box.plus .menu_list .menu_01 .icon{background-position:0 -1050px}
.main_content .main_feature .feature_list .list_box.plus .menu_list .menu_02 .icon{background-position:0 -1150px}
.main_content .main_feature .feature_list .list_box.plus .menu_list .menu_03 .icon{background-position:0 -1087px}
.main_content .main_feature .feature_list .list_box.plus .menu_list .menu_04 .icon{background-position:0 -1186px}
.main_content .main_feature .feature_list .list_box.plus .menu_list .menu_05 .icon{background-position:0 -1124px}*/
.main_content .main_feature .feature_list .list_box.ad .menu_list .menu_01 .icon{background-position:0 -547px}
.main_content .main_feature .feature_list .list_box.ad .menu_list .menu_02 .icon{background-position:0 -1050px}
.main_content .main_feature .feature_list .list_box.ad .menu_list .menu_03 .icon{background-position:0 -936px}
.main_content .main_feature .feature_list .list_box.ad .menu_list .menu_04 .icon{background-position:0 -1087px}
.main_content .main_feature .feature_list .list_box.ad .menu_list .menu_05 .icon{background-position:0 -1218px}
.main_content .main_feature .feature_list .list_box.ad .menu_list .menu_06 .icon{background-position:0 -1249px}
.main_content .main_feature .feature_list .list_box.tube .menu_list .menu_01 .icon{background-position:0 -1298px}
.main_content .main_feature .feature_list .list_box.tube .menu_list .menu_02 .icon{background-position:0 -1332px}
.main_content .main_feature .feature_list .list_box.tube .menu_list .menu_03 .icon{background-position:0 -1365px}
.main_content .main_feature .feature_list .list_box.tube .menu_list .menu_04 .icon{background-position:0 -1399px}
.main_content .main_feature .feature_list .list_box.tube .menu_list .menu_05 .icon{background-position:0 -1433px}
.main_content .main_feature .feature_list .list_box.tube .menu_list .menu_06 .icon{background-position:0 -738px}

.main_content .main_feature .feature_list .list_box.voices .menu_list .menu_01 .icon{background-position:0 -1498px}
.main_content .main_feature .feature_list .list_box.voices .menu_list .menu_02 .icon{background-position:0 -1532px}
.main_content .main_feature .feature_list .list_box.voices .menu_list .menu_03 .icon{background-position:0 -1566px}
.main_content .main_feature .feature_list .list_box.voices .menu_list .menu_04 .icon{background-position:0 -1598px}
.main_content .main_feature .feature_list .list_box.voices .menu_list .menu_05 .icon{background-position:0 -1633px}
.main_content .main_feature .feature_list .list_box.voices .menu_list .menu_06 .icon{background-position:0 -738px}

.main_content .main_feature .feature_list .list_box.sense .menu_list .menu_01 .icon{background-position: 0 -1498px}
.main_content .main_feature .feature_list .list_box.sense .menu_list .menu_02 .icon{background-position: 0 -399px}
.main_content .main_feature .feature_list .list_box.sense .menu_list .menu_03 .icon{background-position: 0 -1566px}
.main_content .main_feature .feature_list .list_box.sense .menu_list .menu_04 .icon{background-position: 0 -1598px}
.main_content .main_feature .feature_list .list_box.sense .menu_list .menu_05 .icon{background-position: 0 -1663px}

.main_content .main_feature .feature_list .list_over .over{display:none;position:absolute;left:0;top:0;right:0;bottom:0;border-radius:5px;background:rgba(35,44,97,0.5);z-index:20}
.main_content .main_feature .feature_list .list_over .over .text{position:absolute;left:0;top:50%;right:0;margin-top:-40px;padding-top:48px;line-height:20px;text-align:center;font-size:20px;color:#fff;font-weight:500;background:url("../img/icon/alert.png") no-repeat center top}
.main_content .main_feature .feature_list .list_box.close .list_over{background:none!important;box-shadow:none!important}
.main_content .main_feature .feature_list .list_box.close .over{display:block}
.main_content .main_feature .feature_list .list_box.close .title_box .title{color:#fff!important}
.main_content .main_feature .feature_list .list_box.close .menu_list li{color:rgba(255,255,255,0.5)!important}
.main_content .main_feature .feature_list .list_box.close .menu_list .icon{filter:alpha(opacity=50);opacity:0.5}

.main_content .main_feature .feature_list .list_box:hover .list_over{background:#e5e7f4;box-shadow:10px 10px 20px rgba(0,0,0,0.2)}
.main_content .main_feature .feature_list .list_box:hover .title_box .title{color:#3f498a}
.main_content .main_feature .feature_list .list_box:hover .menu_list li{color:#666}

.main_content .main_feature .feature_list .list_box.pro:hover .menu_list .menu_01 .icon{background-position:-100px 0}
.main_content .main_feature .feature_list .list_box.pro:hover .menu_list .menu_02 .icon{background-position:-100px -149px}
.main_content .main_feature .feature_list .list_box.pro:hover .menu_list .menu_03 .icon{background-position:-100px -37px}
.main_content .main_feature .feature_list .list_box.pro:hover .menu_list .menu_04 .icon{background-position:-100px -186px}
.main_content .main_feature .feature_list .list_box.pro:hover .menu_list .menu_05 .icon{background-position:-100px -74px}
.main_content .main_feature .feature_list .list_box.pro:hover .menu_list .menu_06 .icon{background-position:-100px -224px}
.main_content .main_feature .feature_list .list_box.pro:hover .menu_list .menu_07 .icon{background-position:-100px -112px}
.main_content .main_feature .feature_list .list_box.tera:hover .menu_list .menu_01 .icon{background-position:-100px -250px}
.main_content .main_feature .feature_list .list_box.tera:hover .menu_list .menu_02 .icon{background-position:-100px -399px}
.main_content .main_feature .feature_list .list_box.tera:hover .menu_list .menu_03 .icon{background-position:-100px -287px}
.main_content .main_feature .feature_list .list_box.tera:hover .menu_list .menu_04 .icon{background-position:-100px -436px}
.main_content .main_feature .feature_list .list_box.tera:hover .menu_list .menu_05 .icon{background-position:-100px -324px}
.main_content .main_feature .feature_list .list_box.tera:hover .menu_list .menu_06 .icon{background-position:-100px -475px}
.main_content .main_feature .feature_list .list_box.tera:hover .menu_list .menu_07 .icon{background-position:-100px -362px}
.main_content .main_feature .feature_list .list_box.voice:hover .menu_list .menu_01 .icon{background-position:-100px -649px}
.main_content .main_feature .feature_list .list_box.voice:hover .menu_list .menu_02 .icon{background-position:-100px -1218px}
.main_content .main_feature .feature_list .list_box.voice:hover .menu_list .menu_03 .icon{background-position:-100px -900px}
.main_content .main_feature .feature_list .list_box.voice:hover .menu_list .menu_04 .icon{background-position:-100px -1433px}
.main_content .main_feature .feature_list .list_box.voice:hover .menu_list .menu_05 .icon{background-position:-100px -224px}
.main_content .main_feature .feature_list .list_box.voice:hover .menu_list .menu_06 .icon{background-position:-100px -698px}
.main_content .main_feature .feature_list .list_box.gaus:hover .menu_list .menu_01 .icon{background-position:-100px -800px}
.main_content .main_feature .feature_list .list_box.gaus:hover .menu_list .menu_02 .icon{background-position:-100px -900px}
.main_content .main_feature .feature_list .list_box.gaus:hover .menu_list .menu_03 .icon{background-position:-100px -837px}
.main_content .main_feature .feature_list .list_box.gaus:hover .menu_list .menu_04 .icon{background-position:-100px -936px}
.main_content .main_feature .feature_list .list_box.gaus:hover .menu_list .menu_05 .icon{background-position:-100px -874px}
.main_content .main_feature .feature_list .list_box.gaus:hover .menu_list .menu_06 .icon{background-position:-100px -975px}
/*.main_content .main_feature .feature_list .list_box.plus:hover .menu_list .menu_01 .icon{background-position:-100px -1050px}
.main_content .main_feature .feature_list .list_box.plus:hover .menu_list .menu_02 .icon{background-position:-100px -1150px}
.main_content .main_feature .feature_list .list_box.plus:hover .menu_list .menu_03 .icon{background-position:-100px -1087px}
.main_content .main_feature .feature_list .list_box.plus:hover .menu_list .menu_04 .icon{background-position:-100px -1186px}
.main_content .main_feature .feature_list .list_box.plus:hover .menu_list .menu_05 .icon{background-position:-100px -1124px}*/
.main_content .main_feature .feature_list .list_box.ad:hover .menu_list .menu_01 .icon{background-position:-100px -547px}
.main_content .main_feature .feature_list .list_box.ad:hover .menu_list .menu_02 .icon{background-position:-100px -1050px}
.main_content .main_feature .feature_list .list_box.ad:hover .menu_list .menu_03 .icon{background-position:-100px -936px}
.main_content .main_feature .feature_list .list_box.ad:hover .menu_list .menu_04 .icon{background-position:-100px -1087px}
.main_content .main_feature .feature_list .list_box.ad:hover .menu_list .menu_05 .icon{background-position:-100px -1218px}
.main_content .main_feature .feature_list .list_box.ad:hover .menu_list .menu_06 .icon{background-position:-100px -1249px}
.main_content .main_feature .feature_list .list_box.tube:hover .menu_list .menu_01 .icon{background-position:-100px -1298px}
.main_content .main_feature .feature_list .list_box.tube:hover .menu_list .menu_02 .icon{background-position:-100px -1332px}
.main_content .main_feature .feature_list .list_box.tube:hover .menu_list .menu_03 .icon{background-position:-100px -1365px}
.main_content .main_feature .feature_list .list_box.tube:hover .menu_list .menu_04 .icon{background-position:-100px -1399px}
.main_content .main_feature .feature_list .list_box.tube:hover .menu_list .menu_05 .icon{background-position:-100px -1433px}
.main_content .main_feature .feature_list .list_box.tube:hover .menu_list .menu_06 .icon{background-position:-100px -738px}

.main_content .main_feature .feature_list .list_box.voices:hover .menu_list .menu_01 .icon{background-position:-100px -1498px}
.main_content .main_feature .feature_list .list_box.voices:hover .menu_list .menu_02 .icon{background-position:-100px -1532px}
.main_content .main_feature .feature_list .list_box.voices:hover .menu_list .menu_03 .icon{background-position:-100px -1566px}
.main_content .main_feature .feature_list .list_box.voices:hover .menu_list .menu_04 .icon{background-position:-100px -1598px}
.main_content .main_feature .feature_list .list_box.voices:hover .menu_list .menu_05 .icon{background-position:-100px -1633px}
.main_content .main_feature .feature_list .list_box.voices:hover .menu_list .menu_06 .icon{background-position:-100px -1663px}

.main_content .main_feature .feature_list .list_box.sense:hover .menu_list .menu_01 .icon{background-position:-100px -1498px}
.main_content .main_feature .feature_list .list_box.sense:hover .menu_list .menu_02 .icon{background-position:-100px -399px}
.main_content .main_feature .feature_list .list_box.sense:hover .menu_list .menu_03 .icon{background-position:-100px -1566px}
.main_content .main_feature .feature_list .list_box.sense:hover .menu_list .menu_04 .icon{background-position:-100px -1598px}
.main_content .main_feature .feature_list .list_box.sense:hover .menu_list .menu_05 .icon{background-position:-100px -1663px}


.main_content .main_partner{padding:80px 0}
.main_content .main_partner .main_title{margin-bottom:70px}
.main_content .main_partner .partner_list{margin:0 -40px;text-align:center;overflow:hidden}
.main_content .main_partner .partner_list li{display:inline-block;width:16%;height:95px;text-align:center;/**display:inline;*/zoom:1;vertical-align:top; /* playd */}
.main_content .main_partner .partner_slide{position:relative}
.main_content .main_partner .partner_slide .slide_box{outline:none}
.main_content .main_partner .partner_slide img{display:inline}
.main_content .main_partner .partner_slide.load .slide_box{display:none}
.main_content .main_partner .partner_slide.load .slide_box:first-child{display:block}
.main_content .main_partner .partner_slide{padding-bottom:60px}
.main_content .main_partner .partner_slide .slick-dots{position:absolute;left:0;bottom:0;right:0;text-align:center}
.main_content .main_partner .partner_slide .slick-dots li{display:inline-block;margin:0 5px;/**display:inline;*/zoom:1}
.main_content .main_partner .partner_slide .slick-dots button{display:block;width:12px;height:12px;border:0;text-align:left;text-indent:-9999px;border-radius:50%;background:#acacac;outline:none}
.main_content .main_partner .partner_slide .slick-dots .slick-active button{background:#4d4d4d}

/* gate */
#viewport.gate{background:#f9f9f9}
#viewport.sub #header{background:#3f498a}
#viewport.sub #header .logo a{color:#fff;background:url("../img/common/logo2.png") no-repeat center center}

#viewport.sub #header{background:#3f498a}

.sub_gate{padding:60px 0 80px 0}
.sub_modify.sub_gate .modify_title{border:0}
.sub_gate .gate_area{position:relative;padding-left:360px;min-height:600px}
.sub_gate .gate_left{position:absolute;left:0;top:0;width:300px}
.sub_gate .profile_top{margin-bottom:30px;padding-bottom:25px;text-align:center;border-bottom:1px solid #ddd}
.sub_gate .profile_top .img_box{margin:0 auto;width:94px;height:94px;border-radius:50%;background:#d8d8d8 url(../img/gate/profile.png) top center no-repeat; display:block}
.sub_gate .profile_top .img_box.member2{background-position:center -94px}/* 체험회원 */
.sub_gate .profile_top .img_box.member3{background-position:center -188px}/* 광고주 */
.sub_gate .profile_top .img_box.member4{background-position:center -282px}/* 에이전트_일반 */
.sub_gate .profile_top .img_box.member5{background-position:center -376px}/* 에이전트_팀담당자 */
.sub_gate .profile_top .img_box.member6{background-position:center bottom}/* 에이전트_서비스 관리자 */
.sub_gate .profile_top p{line-height:20px;font-size:13px;color:#666;font-weight:300}
.sub_gate .profile_top .name{margin:8px 0 5px 0;line-height:24px;font-size:18px;color:#4d4d4d;font-weight:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sub_gate .profile_info{padding:0 12px 23px;border-bottom:1px solid #ddd}
.sub_gate .profile_info .info_list li{position:relative;padding-left:120px;margin-top:10px;overflow:hidden}
.sub_gate .profile_info .info_list li:first-child{margin-top:0}
.sub_gate .profile_info .info_list li+li{border-top:1px dashed #ddd;padding-top: 15px}
.sub_gate .profile_info .info_list .label{position:absolute;left:0;top:0;padding-left:24px;line-height:20px;font-size:13px;color:#4d4d4d}
.sub_gate .profile_info .info_list li+li .label{top:15px}
.sub_gate .profile_info .info_list .value{text-align:right;line-height:20px;font-size:13px;color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.sub_gate .profile_info .info_list .team .label{background:url("../img/gate/icon_team.png") no-repeat left center}
.sub_gate .profile_info .info_list .auth .label{background:url("../img/gate/icon_auth.png") no-repeat left center}
.sub_gate .profile_info .info_list .download .label{background:url("../img/gate/icon_download.png") no-repeat left center}
.sub_gate .profile_info .info_list .auth .auth_box{float:right}
.sub_gate .profile_info .info_list .auth .naver,
.sub_gate .profile_info .info_list .auth .kakao,
.sub_gate .profile_info .info_list .auth .google,
.sub_gate .profile_info .info_list .auth .facebook,
.sub_gate .profile_info .info_list .auth .navergfa,
.sub_gate .profile_info .info_list .auth .tg,
.sub_gate .profile_info .info_list .auth .kakaom,
.sub_gate .profile_info .info_list .auth .criteo,
.sub_gate .profile_info .info_list .auth .apple_search,
.sub_gate .profile_info .info_list .auth .mobon,
.sub_gate .profile_info .info_list .auth .appsflyer,
.sub_gate .profile_info .info_list .auth .dfinery,
.sub_gate .profile_info .info_list .auth .adjust{padding-left:55px;width:75px;line-height:24px;text-align:right;font-size:12px;color:#999;background:url("../img/gate/title_naver.png") no-repeat left center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.sub_gate .profile_info .info_list .auth .kakao{background:url("../img/gate/title_kakao.png") no-repeat left center}
.sub_gate .profile_info .info_list .auth .google{background:url("../img/gate/title_google.png") no-repeat left center}
.sub_gate .profile_info .info_list .auth .facebook{background:url("../img/gate/title_facebook.png") no-repeat left center}
.sub_gate .profile_info .info_list .auth .navergfa{background:url("../img/gate/title_navergfa.png") no-repeat left center}
.sub_gate .profile_info .info_list .auth .tg{background:url("../img/gate/title_tg.png") no-repeat left center}
.sub_gate .profile_info .info_list .auth .kakaom{background:url("../img/gate/title_kakaom.png") no-repeat left center}
.sub_gate .profile_info .info_list .auth .criteo{background:url("../img/gate/title_criteo.png") no-repeat left center}
.sub_gate .profile_info .info_list .auth .apple_search{background:url("../img/gate/title_apple_search_ads.png") no-repeat left center}
.sub_gate .profile_info .info_list .auth .mobon{background:url("../img/gate/title_mobon.png") no-repeat left center}
.sub_gate .profile_info .info_list .auth .appsflyer{background:url("../img/gate/title_appsflyer.png") no-repeat left center}
.sub_gate .profile_info .info_list .auth .dfinery{background:url("../img/gate/title_dfinery.png") no-repeat left center}
.sub_gate .profile_info .info_list .auth .adjust{background:url("../img/gate/title_adjust.png") no-repeat left center}
.sub_gate .profile_info .info_list .download{margin-top:20px;height:30px}
.sub_gate .profile_info .info_list .download .select_box{float:right;margin-top:-5px;width:130px}
.select_box{cursor:pointer;position:relative;height:30px}
.select_box .btn_value{cursor:pointer;display:block;padding-right:20px;height:30px;line-height:30px;font-size:13px;color:#666;border-bottom:1px solid #ccc;background:url("../img/icon/select_arrow.png") no-repeat right center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.select_box .select{cursor:pointer;display:block;position:absolute;left:0;top:0;width:100%;height:30px;border:0;z-index:10;filter:alpha(opacity=0);opacity:0}
.sub_gate .profile_site{padding:18px 12px}
.sub_gate .profile_site .title{margin-bottom:10px;line-height:20px;font-size:13px;color:#4d4d4d;font-weight:500}
.sub_gate .profile_site .site_list{width:103%;overflow:hidden}
.sub_gate .profile_site .site_list li{float:left;margin-bottom:5px;margin-right:2%;width:47%;height:30px}
.sub_gate .profile_site .site_list .btn_site{display:block;height:28px;line-height:28px;text-align:center;font-size:12px;color:#666;font-weight:700;border:1px solid #ececec;background:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.sub_gate .profile_site .site_list .btn_site:hover,
.sub_gate .profile_site .site_list .btn_site.active{color:#fff;border-color:#fc236a;background:#fc236a}

.sub_gate .gate_right{padding-top:5px}
.sub_gate .gate_list{width:103%;overflow:hidden}
.sub_gate .gate_list li{float:left;margin:0 2% 2% 0;width:31%;height:275px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sub_gate .gate_list .btn_gate{display:block;height:273px;border:1px solid #e9e9ea;/*border-radius:6px; playd*/box-shadow:1px 1px 2px rgba(0,0,0,0.11)}
.sub_gate .gate_list .btn_gate .img_box{display:block;height:198px;/* border-radius:5px 5px 0 0; playd */background:#1f2532;overflow:hidden}
.sub_gate .gate_list .btn_gate .img_box .img{display:block;height:198px;/* filter:alpha(opacity=70);opacity:0.7; playd*/background-position:left top}
.sub_gate .gate_list .btn_gate:hover .img_box .img{filter:alpha(opacity=90);opacity:0.9; /*playd*/}
.sub_gate .gate_list .btn_gate .text_box{display:block;position:relative;padding:20px 10px 20px 70px;height:34px;border-top:1px solid #e9e9ea;border-radius:0 0 5px 5px;background:#fff}
.sub_gate .gate_list .btn_gate .text_box .logo{display:block;position:absolute;left:0;top:20px;width:70px;height:34px;line-height:34px;text-align:center}
.sub_gate .gate_list .btn_gate .text_box .logo img{display:inline-block;height:28px;vertical-align:middle;/**display:inline;*/zoom:1}
.sub_gate .gate_list .btn_gate .text_box .text{display:block;padding-left:14px;border-left:1px solid #e9e9eb;white-space:nowrap}
.sub_gate .gate_list .btn_gate .text_box .text span{display:block;padding:2px 0;line-height:15px;font-size:12px;color:#999;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.sub_gate .gate_list .btn_gate .text_box .text .name{margin-bottom:1px;font-size:15px;color:#4d4d4d;font-weight:500}
.sub_gate .gate_list .btn_gate .text_box .text .name.in_btn{position: relative; display: inline-block; overflow: visible}
.sub_gate .gate_list .btn_gate .btn_link{ background: #3f498a; padding:0 6px; height:21px; line-height: 22px; display: inline-block; position: absolute; left:110%; top:-1px}
.sub_gate .gate_list .btn_gate .btn_link span{color: #fff!important}
.sub_gate .gate_list .btn_gate .btn_link:hover{background: #fc236a}
.sub_gate .gate_list .close .btn_gate .img_box{background:#fff url("../img/gate/open_thumb.png") no-repeat center center}

/* 서브 */
.sub .valid_msg{display:none;padding-left:18px;margin-top:10px;padding-bottom:10px;line-height:18px;font-size:13px;color:#fc236a;background:url("../img/icon/alert_s.png") no-repeat left 2px}
.sub .valid_msg.msg_ok{color:#3f498a;background:url("../img/icon/alert_s2.png") no-repeat left 2px}
.sub .valid_msg.show{display:block}

/* 비밀번호찾기 */
.sub_loginwrap{padding:25px 0 100px 465px;min-height:800px;overflow:hidden}
.sub_loginwrap .join_box{position:absolute;right:50px;top:20px;z-index:20}
.sub_loginwrap .join_box p{float:left;line-height:30px;font-size:14px;color:#4d4d4d}
.sub_loginwrap .join_box .btn_join{float:left;margin-left:18px;width:80px}

.sub_loginwrap .loginwrap_left{position:fixed;left:0;top:0;width:465px;bottom:0;background:url("../img/loginwrap/bg_left.jpg") no-repeat center center;background-size:cover}
.sub_loginwrap .loginwrap_left.fixed{position:absolute;height:100%}
.sub_loginwrap .loginwrap_left .techhub_list{position:absolute;left:50%;top:50%;margin:-320px 0 0 -152px;width:304px}
.sub_loginwrap .loginwrap_left .techhub_list li{position:relative;padding:10px 20px 10px 78px;height:65px}
.sub_loginwrap .loginwrap_left .techhub_list img{display:block;position:absolute;left:0;top:10px}
.sub_loginwrap .loginwrap_left .techhub_list p{line-height:20px;font-size:13px;color:#fff;filter:alpha(opacity=70);opacity:0.7;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.sub_loginwrap .loginwrap_left .techhub_list .title{padding-top:10px;line-height:24px;font-size:16px;font-weight:500;filter:"";opacity:1}
.sub_loginwrap .loginwrap_left .techhub_list .line{margin-top:20px;padding-top:30px;background:url("../img/loginwrap/line_left.png") no-repeat center top}
.sub_loginwrap .loginwrap_left .techhub_list .line img{top:30px}
.sub_loginwrap .loginwrap_right{margin:0 auto;padding:0 20px;width:540px}
.sub_loginwrap .loginwrap_right .title_box{margin-bottom:40px}
.sub_loginwrap .loginwrap_right .title_box p{line-height:20px;font-size:13px;color:#999}
.sub_loginwrap .loginwrap_right .title_box .title{margin-bottom:10px;line-height:34px;font-size:28px;color:#4d4d4d}
.tab_menu{display:block;width:102%;height:51px;border-bottom:1px solid #d5d5d5}
.tab_menu .btn_tab{display:block;float:left;width:49%;height:48px;line-height:48px;text-align:center;font-size:14px;color:#666;border-bottom:4px solid transparent}
.tab_menu .btn_tab.active{color:#3f498a;border-color:#3f498a}
.sub_loginwrap .loginwrap_right .tab_panel{display:none;padding:50px 0}
.sub_loginwrap .loginwrap_right .tab_panel.active{display:block}
.loginwrap_form .form_title{margin-bottom:10px;line-height:30px;font-size:22px;color:#4d4d4d}
.loginwrap_form .info_msg{display:block;line-height:18px;font-size:13px;color:#666}
.loginwrap_form .info_msg span{color:#3f498a; font-weight: 700}
.loginwrap_form .label{margin:20px 0 5px 0;line-height:20px;font-size:14px;color:#4d4d4d; clear:both}
.loginwrap_form .input_text{margin:0;width:100%;height:40px;font-size:14px;color:#4d4d4d;border:0;border-bottom:1px solid #ebebeb; clear:both}
.loginwrap_form .noti_box .input_text{border-color:#fc2a6f}
.loginwrap_form .form_btn{margin-top:50px;height:40px;text-align:center}
.loginwrap_form .radio_area{margin-bottom:15px;height:20px}
.loginwrap_form .radio_area .radio_box{float:left;padding-right:5px;margin-right:15px;height:20px;line-height:20px;font-size:14px;color:#666}
.loginwrap_form .radio_area .radio_box .radio{display:inline-block;margin:-3px 3px 0 0;vertical-align:middle;/**display:inline;*/zoom:1}
.loginwrap_form .loginwrap_panel{display:none}
.loginwrap_form .loginwrap_panel.active{display:block}
.loginwrap_form .input_box{position:relative;height:40px}
.loginwrap_form .input_box .input_text{width:440px}
.loginwrap_form .input_box .btn_authcode{display:block;position:absolute;right:0;top:5px;width:90px;height:30px;line-height:30px;text-align:center;font-size:13px;color:#fff;border-radius:15px;background:#52556f}

/* 구글, 페이스북 인증 추가 playd */
.loginwrap_form .input_box .btn_authcode_google{display:block;position:absolute;left:0;top:5px;width:90px;height:30px;line-height:30px;text-align:center;font-size:13px;color:#fff;border-radius:15px;background:#52556f}
.loginwrap_form .input_box .btn_authcode_facebook{display:block;position:absolute;left:0;top:5px;width:90px;height:30px;line-height:30px;text-align:center;font-size:13px;color:#fff;border-radius:15px;background:#52556f}
/* 구글, 페이스북 인증 추가 playd */

.loginwrap_form .inputwrap_box{overflow:hidden}
.loginwrap_form .inputwrap_box .left_box{width:260px; float:left}

.loginwrap_form .inputwrap_box .right_box{width:260px; float:right}
.loginwrap_form .auth_box{width:310px}
.loginwrap_form .auth_box .input_text{ width:200px}
.loginwrap_form .auth_box .btn_authconfirm{display:block;position:absolute;right:0;top:5px;width:98px;height:28px;line-height:28px;text-align:center;font-size:13px;color:#4d4d4d;border:1px solid #d6d6d6;border-radius:15px;background:#fafafa}

.loginwrap_form .terms_area{margin-top:40px}
.loginwrap_form .terms_title{height:40px}
.loginwrap_form .terms_title .title{float:left;line-height:30px;font-size:18px;color:#4d4d4d}
.loginwrap_form .terms_title .check_box{float:right;position:relative;padding-left:23px;line-height:30px;font-size:12px;color:#666;background:url("../img/icon/check.png") no-repeat left center}
.loginwrap_form .terms_title .check_box.active{background:url("../img/icon/check_on.png") no-repeat left center}
.loginwrap_form .terms_title .check_box .check{position:absolute;left:0;top:7px;width:18px;height:18px;filter:alpha(opacity=0);opacity:0;z-index:20}
.loginwrap_form .terms_box{padding:7px;background:#f8f8f8}
.loginwrap_form .terms_scroll{padding:0 13px;height:180px;overflow:hidden;overflow-y:auto}
.loginwrap_form .terms_scroll::-webkit-scrollbar-track{border-radius: 4px;background-color: #eaeaea}
.loginwrap_form .terms_scroll::-webkit-scrollbar{width: 6px;border-radius: 4px;background-color: #eaeaea}
.loginwrap_form .terms_scroll::-webkit-scrollbar-thumb{cursor:pointer;border-radius: 4px;background-color: #454f8e}
.loginwrap_form .terms_box pre{line-height:20px;font-size:12px;color:#999;font-family:'Noto Sans KR', sans-serif;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

/* 찾기 완료 */
.fin_form{text-align:center; padding:50px 20px 0}
.fin_form .logo{margin-bottom:20px}
.fin_form .tit{margin-bottom:20px; color:#4d4d4d; font-size:20px; line-height:30px}
.fin_form .tit span{ color:#3f498a}
.fin_form .txt{margin-bottom:20px}
.fin_form .txt p{color:#666; font-size:14px; line-height:20px}

/* 로그인 */
.sub_loginwrap .loginwrap_right .btn_find{display:block; color:#999; font-size:12px; margin-top:46px}
.sub_loginwrap .loginwrap_right .btn_find:hover{text-decoration:underline}

/* 회원가입 */
.loginwrap_form.join_form .type_area{width:100%; display:block}
.loginwrap_form.join_form .type_area ul{display:table; table-layout:fixed; width:100%}
.loginwrap_form.join_form .type_area ul li{display:table-cell; width:33%; text-align:center; vertical-align:top}
.loginwrap_form.join_form .type_area ul li:first-child{text-align:left}
.loginwrap_form.join_form .type_area ul li:last-child{text-align:right}
.loginwrap_form.join_form .type_area ul li .type_box{display:inline-block; width:85%; border:1px solid #ccc; border-top:4px solid #3f498a; text-align:center; padding:10% 5%}
.loginwrap_form.join_form .type_area ul li .type_box .title{color:#3f498a; font-size:22px; font-weight:100}
.loginwrap_form.join_form .type_area ul li .type_box .title.en{font-weight:500; font-size:12px }
.loginwrap_form.join_form .type_area ul li .type_box .plus{margin:15px auto; color:#d5d5d5; font-size:14px}
.loginwrap_form.join_form .type_area ul li .type_box .txt{font-size:12px; color:#999; height:80px; overflow:hidden }

.loginwrap_form.join_form .type_area ul li.type_3 .type_box{border-top-color:#fc236a}
.loginwrap_form.join_form .type_area ul li.type_3 .type_box .title{color:#fc236a}

.loginwrap_form.join_form .join_step{text-align:center; background:url(../img/loginwrap/join_step1.png) top center no-repeat; padding-top:40px}
.loginwrap_form.join_form .join_step ul{width:490px; display:table; table-layout:fixed; margin:0 auto}
.loginwrap_form.join_form .join_step ul li{display:table-cell; vertical-align:top; width:23%; font-size:11px; color:#666; line-height:15px}
.loginwrap_form.join_form .join_step ul li.step2{width:53%}

.loginwrap_form.join_form .join_step.active_step2{background:url(../img/loginwrap/join_step2.png) top center no-repeat}
.loginwrap_form.join_form .join_step.active_step3{background:url(../img/loginwrap/join_step3.png) top center no-repeat}

.loginwrap_form.join_form .join_step.active_step1 li.step1,
.loginwrap_form.join_form .join_step.active_step2 li.step1,
.loginwrap_form.join_form .join_step.active_step2 li.step2,
.loginwrap_form.join_form .join_step.active_step3 li{color:#3f498a; font-weight:500}

.loginwrap_form.join_form .member_form{padding-top:20px}
.loginwrap_form.join_form .media_box{margin-top:20px}

/* 매체 인증(선택) */
.sub .loginwrap_form .media_box{background:#f9f9f9; padding:20px}
.sub .loginwrap_form .media_box .title{color:#4d4d4d; font-size:18px}
.sub .loginwrap_form .media_box .input_text{background:#f9f9f9; border-bottom:1px solid #ccc}
.sub .loginwrap_form .media_box .select_box{ height:40px; line-height:40px; padding-top:10px}
.sub .loginwrap_form .media_box .select_box .select{height:40px; line-height:40px}
.sub .loginwrap_form .media_box .input_box .input_text{width:400px}
.sub .loginwrap_form .media_box .inputwrap_box .right_box,
.sub .loginwrap_form .media_box .inputwrap_box .left_box{width:240px}
.sub .loginwrap_form .media_box .inputwrap_box .right_box .input_box .input_text{width:140px}

.sub .loginwrap_form .media_desc{margin-top:20px}
.sub .loginwrap_form .media_desc ol{padding-left:18px }
.sub .loginwrap_form .media_desc li{color:#999; font-size:12px; line-height:18px; list-style:outside; list-style-type:square}
.sub .loginwrap_form .media_desc li + li{margin-top:5px}

.sub .loginwrap_form .media_box.important{background:#fff; padding:0; margin-top:0}
.sub .loginwrap_form .media_box.important .input_text{background:#fff; border-bottom:1px solid #ebebeb}
.sub .loginwrap_form .media_box.important .select_box .btn_value{border-bottom:1px solid #ebebeb}
.sub .loginwrap_form .media_box.important .inputwrap_box .right_box{ width:280px}
.sub .loginwrap_form .media_box.important .inputwrap_box .right_box .input_box .input_text{width:180px}

/* 네이버 광고계정ID 정보 확인 방법 추가 */
.loginwrap_form .media_box .write_desc_wrap{background:#f2f7fd;text-align:left;margin:10px auto 0;padding:20px;position:relative}
.loginwrap_form .media_box .write_desc_wrap .desc_hd{position:relative}
.loginwrap_form .media_box .write_desc_wrap .desc_hd .tit{font-size: 15px}
.loginwrap_form .media_box .write_desc_wrap .desc_hd .tit b{color:#333;font-weight:700}

.loginwrap_form .media_box .write_desc_wrap .desc{font-size:13px;line-height:1.5em;margin-top:10px;color:#666}
.loginwrap_form .media_box .write_desc_wrap .desc b{color:#333;font-weight:700}

.loginwrap_form .media_box .write_desc_wrap ul .num{color:#3f498a;font-weight:700;margin-right:4px;font-size:13px;}

.loginwrap_form .media_box .write_desc_wrap ul .img img{width:100%}
.loginwrap_form .media_box .write_desc_wrap ul .btn_link{padding-right:15px;background:url("../img/icon/link.png") right center no-repeat;margin-right:4px;background-size:10px auto}
.loginwrap_form .media_box .write_desc_wrap ul .btn_link span{color:#333;font-weight:700;text-decoration:underline}

.loginwrap_form .media_box .write_desc_wrap ul li .desc_table{width:100%;display:table;table-layout:fixed}
.loginwrap_form .media_box .write_desc_wrap ul li .cell{width:calc(100% - 190px);display:table-cell;vertical-align: top;}
.loginwrap_form .media_box .write_desc_wrap ul li .cell .desc_hd{margin-bottom: 13px;}
.loginwrap_form .media_box .write_desc_wrap ul li .cell + .cell{ font-size: 0; /*width: 250px;*/width: 190px; padding-top: 0; }
.loginwrap_form .media_box .write_desc_wrap ul li .cell + .cell img{width: 100%;}
.loginwrap_form .media_box .write_desc_wrap ul li .cell div + div{margin-top:4px}


.popup_contents .loginwrap_form .media_box .media_box_tit {color:#222;font-size:14px;font-weight: 700; position: relative;display: inline-block; cursor: pointer;}
.popup_contents .loginwrap_form .media_box .media_box_tit::after{content: "";width:20px;height:100%;position: absolute;top:0;right:-20px;background: url(../img/icon/select_arrow.png) center no-repeat;filter: brightness(0);}
.popup_contents .loginwrap_form .media_box .media_box_tit:hover{color:#3f498a}
.popup_contents .loginwrap_form .media_box .write_desc_wrap{overflow: hidden;height: 0;padding: 0;}
.popup_contents .loginwrap_form .media_box .write_desc_wrap ul li .desc_table{display: flex;gap: 30px;}
.popup_contents .loginwrap_form .media_box .write_desc_wrap ul li .desc_table .cell{display: block;width: auto!important;}
.popup_contents .loginwrap_form.open{margin-bottom: 20px;}
.popup_contents .loginwrap_form.open .write_desc_wrap{height: auto;padding:20px;}
.popup_contents .loginwrap_form.open .media_box .media_box_tit{color:#3f498a}
.popup_contents .loginwrap_form.open .media_box .media_box_tit::after{transform: rotate(180deg);}

.sub .align_center{ padding-top:0; position:absolute; top:50%; margin-top:-190px; width:540px; height:380px}
.sub .align_center .title_box{margin-bottom:0}

/* 회원정보수정 */
.sub.gate .gate_form.gate_pw{width:540px; margin:0 auto}
.sub.gate .gate_form.gate_pw .align_center{ margin-top:-150px; height:300px}
.sub.gate .gate_form.gate_pw .loginwrap_form .input_text{background:#f9f9f9}
.sub.gate .gate_form .title_box .sub_title{ color:#4d4d4d; font-size:18px}


/* 회원정보 수정 */
.sub_modify{padding:50px 0 100px 0}
.sub_modify .contains{padding:5px 0;overflow:hidden}
.sub_modify .modify_left{float:left;width:25%}
.sub_modify .modify_title{padding-bottom:15px;line-height:34px;font-size:28px;color:#3f498a;font-weight:500;border-bottom:1px solid #ddd}
.sub_modify .modify_title2{padding-bottom:10px;line-height:24px;font-size:16px;color:#333;font-weight:500;border-bottom:1px solid #333}

.sub_modify .modify_title{position: relative}
.sub_modify .modify_title .btn_right{position: absolute; top:0; right:0; min-width: 100px}

.sub_modify .modify_left .info_box{padding:15px 10px}
.sub_modify .modify_left .info_box .info_title{margin-bottom:5px;line-height:24px;font-size:18px;color:#4d4d4d}
.sub_modify .modify_left .info_list li{position:relative;margin-top:5px;padding:5px 0 5px 110px;background:url("../img/modify/icon_menu.png") no-repeat}
.sub_modify .modify_left .info_list p{line-height:20px;font-size:12px;color:#666}
.sub_modify .modify_left .info_list .label{position:absolute;left:28px;top:5px;font-weight:500;color:#4d4d4d}
.sub_modify .modify_left .info_list li.name{background-position:left 8px}
.sub_modify .modify_left .info_list li.id{background-position:left -26px}
.sub_modify .modify_left .info_list li.auth{background-position:left -60px}
.sub_modify .modify_left .info_list li.team{background-position:left -94px}
.sub_modify .modify_left .info_list li.email{background-position:left -129px}
.sub_modify .modify_left .info_list li.phone{background-position:left -164px}
.sub_modify .modify_left .menu_box{padding:15px 10px;border-top:1px solid #ddd}
.sub_modify .modify_left .menu_box .title{margin-bottom:10px;line-height:20px;font-size:13px;color:#4d4d4d;font-weight:500}
.sub_modify .modify_left .menu_box .site_list{width:103%;overflow:hidden}
.sub_modify .modify_left .menu_box .site_list li{float:left;margin-bottom:5px;margin-right:2%;width:47%;height:30px}
.sub_modify .modify_left .menu_box .site_list .btn_site{display:block;height:28px;line-height:28px;text-align:center;font-size:12px;color:#666;font-weight:700;border:1px solid #ececec;background:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.sub_modify .modify_left .menu_box .site_list .btn_site:hover,
.sub_modify .modify_left .menu_box .site_list .btn_site.active{color:#fff;border-color:#fc236a;background:#fc236a}

.sub_modify .modify_left .menu_box .desc{font-size:12px;color:#666; font-weight: 700}
.sub_modify .modify_left .menu_box .desc + a{font-size:12px;color:#3f498a; text-decoration: underline}
.sub_modify .modify_left .menu_box .desc + a:hover{color:#fc236a}

.sub_modify .modify_right{float:right;width:70%;box-shadow:0 2px 5px rgba(0,0,0,0.1);background:#fff; min-height:600px}
.sub_modify .modify_right .auth_area{padding:50px 0 80px 0;margin:0 auto;max-width:540px}
.sub_modify .modify_right .modify_title{margin-bottom:20px;line-height:24px;font-size:18px;color:#4d4d4d}
.sub_modify .modify_right .modify_txt{ margin-bottom:5px;line-height:13px;font-size:13px;color:#666}
.sub_modify .modify_right .sub_title{line-height:20px;font-size:16px;color:#4d4d4d}
.sub_modify .form_box .input_area + .sub_title{ margin-top:30px}
.sub_modify .form_box .input_area{padding:2px 0;overflow:hidden}
.sub_modify .form_box .input_area + .input_area{margin-top:20px}
.sub_modify .form_box .input_area .input_box.media_box{float:left;width:212px}
.sub_modify .form_box .input_area .input_box.media_box.label_box{ float:none; width:100%}
.sub_modify .form_box .input_area .input_box.id_box{float:right;position:relative;width:310px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sub_modify .form_box .input_area .label{margin:0}
.sub_modify .form_box .btn_auth{display:block;position:absolute;right:0;top:45px;width:100px;height:30px;line-height:30px;text-align:center;font-size:13px;color:#fff;border-radius:15px;background:#4c4f6a}

/* 구글인증 추가 playd */
.sub_modify .form_box .btn_auth_google{display:block;position:absolute;left:0;top:45px;width:100px;height:30px;line-height:30px;text-align:center;font-size:13px;color:#fff;border-radius:15px;background:#4c4f6a}
/* 구글인증 추가 playd */

.sub_modify .form_box .label{margin-top:20px;line-height:40px;font-size:14px;color:#4d4d4d}
.sub_modify .form_box .input_text{margin:0;width:100%;height:40px;font-size:14px;color:#4d4d4d;border:0;border-bottom:1px solid #ccc}
.sub_modify .form_box .select_box{width:100%;height:41px}
.sub_modify .form_box .select_box .btn_value{height:40px;line-height:40px}
.sub_modify .form_box .select_box .select{height:40px}
.sub_modify .form_box .form_btn{margin-top:40px;text-align:center}

.sub_modify .form_box .input_box{position:relative}
.sub_modify .form_box .input_box .input_text{width:440px}
.sub_modify .form_box .input_box .input_text.small{width:200px}
.sub_modify .form_box .input_box .btn_authcode{display:block;position:absolute;right:0;top:5px;width:90px;height:30px;line-height:30px;text-align:center;font-size:13px;color:#fff;border-radius:15px;background:#52556f}
.sub_modify .form_box .inputwrap_box{overflow:hidden}
.sub_modify .form_box .inputwrap_box .left_box{width:260px; float:left}

.sub_modify .form_box .inputwrap_box .right_box{width:260px; float:right}
.sub_modify .form_box .auth_box{width:310px}
.sub_modify .form_box .auth_box .input_text{ width:200px}
.sub_modify .form_box .auth_box .btn_authconfirm{display:block;position:absolute;right:0;top:5px;width:98px;height:28px;line-height:28px;text-align:center;font-size:13px;color:#4d4d4d;border:1px solid #d6d6d6;border-radius:15px;background:#fafafa}
.sub_modify .form_box .noti_box .input_text{border-color:#fc2a6f}

.sub_modify .media_label span{display:inline-block; border-radius:3px; min-width:100px; height:30px; line-height:30px; color:#fff; font-size:13px; background:#ccc; text-align:center}
.sub_modify .media_label span.media_naver{background:#4ebf30}
.sub_modify .media_label span.media_kakao{background:#462f2e}
.sub_modify .media_label span.media_google{background:#4285f4}
.sub_modify .media_label span.media_facebook{background:#4968ab}

.sub_modify .modify_right .noti_area{padding:230px 0 230px 0; text-align:center}
.sub_modify .modify_right .noti_area .noti_info{font-size:16px; color:#666; margin-top:10px}

/* 비밀번호 변경 */
.sub .gatebox_area{border:1px solid #e9e9ea; border-radius:6px; box-shadow:1px 1px 2px rgba(0,0,0,0.11); background:#fff}
.sub .gatebox_area .top_title{padding:30px 30px 30px 100px; background:#f1f1f1 url(../img/gate/icon_pw.png) 30px center no-repeat}
.sub .gatebox_area .top_title .title{color:#4d4d4d; font-size:16px}
.sub .gatebox_area .top_title .txt{margin-top:5px}
.sub .gatebox_area .top_title .txt p{color:#666; font-size:13px; line-height:20px}
.sub .gatebox_area .top_title .txt p span{color:#3f498a; font-weight:700}
.sub .gatebox_area .loginwrap_form{width:540px; margin:50px auto}


/* 유료서비스 */
.sub_modify .modify_right .auth_area.service_area{max-width:740px}
.service_area .modify_table td{border-bottom:1px solid #eee; padding:10px 10px; color:#666; font-size:13px}
.service_area .modify_table td.label{background:#f8f8f8}
.service_area .modify_table td.row{text-align:center;padding-top:15px}
.service_area .modify_table td.row a{display:inline-block; margin:5px auto 0; height: 28px;    line-height: 28px;  text-align: center;  font-size: 12px;  text-overflow: ellipsis;    white-space: nowrap;   overflow: hidden;color: #fff;    background:#3f498a; padding:0 10px}
.service_area .modify_table td.row a:hover{background:#fc236a}

.service_area .tab_menu{width:auto; display:inline-block; overflow: hidden; margin-bottom: 20px}
.service_area .tab_menu a{width:auto;padding-left:10px;padding-right:10px}
.service_area .tab_menu a.active{font-weight:700}
.service_area .tab_menu + div{clear: both}

.sub_modify .modify_right .service_area  .noti_area{padding:100px 0}

/* 공지 */
.bbs_content .bbs_top{padding-top:50px;background:#f9f9fb}
.bbs_content .bbs_top.pd_t{padding-top:100px}
.bbs_content .bbs_top .bbs_title{margin-bottom:10px;line-height:34px;font-size:28px;color:#3f498a}
.bbs_content .bbs_top .bbs_list{height:46px;text-align:left;overflow:hidden;overflow-x:auto;white-space:nowrap}
.bbs_content .bbs_top .bbs_list.notice_view2 li{padding: 0 10px}
.bbs_content .bbs_top .bbs_list li{display:inline-block;padding:0 20px;vertical-align:top;text-align:left;/**display:inline;*/zoom:1;background:url("../img/bbs/icon_dot.png") no-repeat left 22px}
.bbs_content .bbs_top .bbs_list a{display:block;padding:8px 10px 5px 10px;height:30px;line-height:30px;text-align:center;font-size:16px;color:#3f498a;border-bottom:3px solid transparent}
.bbs_content .bbs_top .bbs_list a img{display:block}
.bbs_content .bbs_top .bbs_list li:first-child{padding-left:0;background:none}
.bbs_content .bbs_top .bbs_list a.active{font-weight:700;border-color:#3f498a}

.bbs_content .bbs_top .bbs_list::-webkit-scrollbar-track{border-radius: 2px;background-color: #eaeaea}
.bbs_content .bbs_top .bbs_list::-webkit-scrollbar{height: 4px;border-radius: 2px;background-color: #eaeaea}
.bbs_content .bbs_top .bbs_list::-webkit-scrollbar-thumb{cursor:pointer;border-radius: 2px;background-color: #454f8e}

.bbs_content .bbs_area{padding:50px 0 100px 0}
.bbs_content .bbs_header{margin-bottom:10px;height:32px}
.bbs_content .bbs_header .title{float:left;height:32px;line-height:32px;font-size:18px;color:#4d4d4d}
.bbs_content .bbs_header .search_box{float:right;position:relative;padding:0 66px 0 82px;height:32px}
.bbs_content .bbs_header .select_box{position:absolute;left:0;top:0;width:77px;height:32px}
.bbs_content .bbs_header .select_box .btn_value{padding:0 20px 0 10px;height:30px;font-size:12px;color:#666;border:1px solid #ccc;background:url("../img/bbs/icon_select_arrow.png") no-repeat right center}
.bbs_content .bbs_header .select_box .select{padding-left:6px;height:32px;font-size:12px;color:#666}
.bbs_content .bbs_header .search_box .input_text{padding:0 10px;width:160px;height:30px;font-size:12px;color:#666;border:1px solid #ccc}
.bbs_content .bbs_header .search_box .btn_search{display:block;position:absolute;right:0;top:0;width:60px;height:32px;line-height:32px;text-align:center;font-size:12px;color:#fff;background:#3f498a}

.bbs_table .webix_dtable{border:0;border-top:1px solid #4d4d4d;font-family:'Noto Sans KR', sans-serif}
.bbs_table .webix_ss_header{height:auto!important}
.bbs_table .webix_ss_header,
.bbs_table .webix_ss_header td{border:0;background:#fff}
.bbs_table .webix_ss_header .webix_hcell{text-align:center;font-size:14px;color:#4d4d4d;font-weight:700;border-bottom:1px solid #d5d5d5}
.bbs_table .webix_ss_body .webix_cell{text-align:center;font-size:12px;color:#666;border:0;border-bottom:1px solid #eaeaea}
.bbs_table .webix_ss_body .webix_column .webix_cell.notice{background:#fbfbfb}
.bbs_table .webix_ss_body .title .webix_cell{text-align:left}
.bbs_table .webix_ss_body .title .webix_cell a{color:#666}
.bbs_table .webix_ss_body .no .webix_cell span.noti,
.bbs_table .webix_ss_body .title .webix_cell span.noti{color:#3f498a;font-weight:700}
.bbs_table .webix_ss_body .category .webix_cell,
.bbs_table .webix_ss_body .title .webix_cell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.bbs_table .webix_dtable .webix_ss_vscroll_header{height:45px!important;border:0;border-bottom:1px solid #d5d5d5;background:#fff}

.bbs_table .webix_overlay{padding-top:0;margin-top:-1px;border-bottom:1px solid #d5d5d5}
.bbs_table .webix_overlay .no_data{position:absolute;left:0;top:50%;right:0;margin-top:-50px;padding-top:65px;line-height:20px;text-align:center;font-size:14px;color:#666;background:url("../img/bbs/icon_empty.png") no-repeat center top}
.bbs_table .table_hover{background:#f9f9fb}

.bbs_table .webix_ss_header .webix_hcell.id,
.bbs_table .webix_ss_body .id .webix_cell{text-align:left}
.bbs_table .webix_ss_body .status .webix_cell.complete{color:#3f498a;font-weight:700}
.bbs_table.even .webix_ss_body .webix_column .webix_cell:nth-child(even){background:#fbfbfb}

.bbs_table span{display:inline-block; vertical-align:middle}
.bbs_table .icon_file{background:url(../img/bbs/file.gif) left center no-repeat; width:10px; height:10px; display:inline-block; vertical-align:middle; margin-left:5px}

#bbs_paging{margin-top:30px}
#bbs_paging .webix_pager{width:auto!important;text-align:center}
#bbs_paging .webix_pager button{padding:0;min-width:25px;width:26px;height:26px;line-height:26px;text-align:center;vertical-align:top;font-size:12px;color:#999;border:0;border-radius:0;background:#fff}
#bbs_paging .webix_pager .webix_pager_item_selected{color:#333;font-weight:700;text-decoration:underline}
#bbs_paging .webix_pager button[webix_p_id='first'],
#bbs_paging .webix_pager button[webix_p_id='prev'],
#bbs_paging .webix_pager button[webix_p_id='next'],
#bbs_paging .webix_pager button[webix_p_id='last']{text-align:left;text-indent:-9999px;color:#333;font-weight:700;border:1px solid #ddd}
#bbs_paging .webix_pager button[webix_p_id='first']{background:url("../img/bbs/page_first.png") no-repeat center center}
#bbs_paging .webix_pager button[webix_p_id='prev']{background:url("../img/bbs/page_prev.png") no-repeat center center}
#bbs_paging .webix_pager button[webix_p_id='next']{background:url("../img/bbs/page_next.png") no-repeat center center}
#bbs_paging .webix_pager button[webix_p_id='last']{background:url("../img/bbs/page_last.png") no-repeat center center}

.bbs_table.bbs_view{display:block; width:100% }
.bbs_table.bbs_view .table_view{width:100%}
.bbs_table.bbs_view .table_view td{table-layout:fixed}
.bbs_table.bbs_view .table_view thead td{ border-top:1px solid #4d4d4d; border-bottom:1px solid #d5d5d5; padding:0 20px; height:45px; line-height:45px}
.bbs_table.bbs_view .table_view thead td.subject{text-align:left; color:#666; font-size:14px}
.bbs_table.bbs_view .table_view thead td.subject .cate{color:#3f498a}
.bbs_table.bbs_view .table_view thead td.date{text-align:right; color:#666; font-size:12px}
.bbs_table.bbs_view .table_view tbody td{padding:20px; color:#999; font-size:13px; line-height:22px}
.bbs_table.bbs_view .table_view tbody tr:last-child td{border-bottom:1px solid #d5d5d5}
.bbs_table.bbs_view .table_view tbody td.bbs_file a{color:#666; background:url(../img/bbs/file.gif) left center no-repeat; padding-left:15px}
.bbs_table.bbs_view .table_view tbody td.bbs_file a:hover{color:#333; text-decoration:underline}
.bbs_table.bbs_view .bbs_btn{text-align:center; margin:50px auto 0}

/* 개인정보보안 */
.sub_modify .modify_left .menu_box.btn_out_wrap .btn_out{color:#3f498a; text-decoration: underline; font-size:12px}
.sub_modify .modify_left .menu_box.btn_out_wrap .btn_out:hover{color:#fc236a}
.sub_modify .modify_left .menu_box.btn_out_wrap .title{margin-bottom:0; font-size:12px}

.loginwrap_form .msg_wrap .info_msg{margin-bottom:30px; padding-left: 10px}
.loginwrap_form .msg_wrap .info_msg.tit{font-size: 14px; color:#333; margin-bottom:5px; background: url(../img/icon/dot.png) left center no-repeat}

.sub .out_wrap.gatebox_area .top_title{background-image: url(../img/gate/icon_out.png)}
.out_wrap .loginwrap_form .agree_wrap{border-top:1px solid #d5d5d5; text-align: center; padding-top:30px}
.out_wrap .loginwrap_form .agree_wrap input{vertical-align: middle}
.out_wrap .loginwrap_form .agree_wrap span{color:#666; vertical-align: middle; display: inline-block;font-size:13px; margin-left: 5px}
.out_wrap .loginwrap_form .agree_wrap b{font-weight:700;color:#3f498a}
.out_wrap .loginwrap_form .agree_wrap + .form_btn{margin-top:30px}

.loginwrap_form.join_form .join2_step{text-align:center; background:url(../img/loginwrap/join2_step1.png) top center no-repeat; padding-top:40px}
.loginwrap_form.join_form .join2_step ul{width:505px; display:table; table-layout:fixed; margin:0 auto}
.loginwrap_form.join_form .join2_step ul li{display:table-cell; vertical-align:top; width:25%; font-size:11px; color:#666; line-height:15px}
.loginwrap_form.join_form .join2_step.active_step2{background:url(../img/loginwrap/join2_step2.png) top center no-repeat}
.loginwrap_form.join_form .join2_step.active_step3{background:url(../img/loginwrap/join2_step3.png) top center no-repeat}
.loginwrap_form.join_form .join2_step.active_step1 li.step1,
.loginwrap_form.join_form .join2_step.active_step2 li.step1,
.loginwrap_form.join_form .join2_step.active_step2 li.step2,
.loginwrap_form.join_form .join2_step.active_step3 li{color:#3f498a; font-weight:500}

.loginwrap_form.join_form .join2_step + .terms_area .terms_scroll{height:110px}

.loginwrap_form.join_form .form_btn{margin-top:40px}
.loginwrap_form.join_form .form_btn .valid_msg{background:none; padding:0; margin-bottom: 40px; font-size:14px}
.loginwrap_form.join_form .form_btn .valid_msg span.icon{background:url(../img/icon/alert_s.png) no-repeat; width:14px; height:14px; margin-right:5px}
.loginwrap_form.join_form .form_btn .valid_msg span{display:inline-block; vertical-align: middle}

.out_wrap.fin_form{padding-top:18% }

/* 매체 인증 2023 */
.sub_media{padding:50px 0 100px 0}
.sub_media + .sub_media{padding-top:0}
.sub_media .media_title{padding-bottom:15px;line-height:34px;font-size:28px;color:#3f498a;font-weight:500;position: relative}
.sub_media .media_title .btn_guide{position: absolute; top:-3px; right:0}
.sub_media .media_list_box{background: #f1f1f1;border: 1px solid #e9e9ea; border-radius: 6px; box-shadow: 1px 1px 2px rgba(0,0,0,0.11); overflow: hidden}

.sub_media .media_list_box .media_top{padding:15px 20px}
.sub_media .media_list_box .media_top ul{display: flex; width: 100%; margin: 0 -5px; flex-wrap: wrap}
.sub_media .media_list_box .media_top ul li{width: calc(25% - 10px); margin: 5px; text-align: right}
.sub_media .media_list_box .media_top ul li .box{background: #fff; padding: 20px; border-radius: 6px}
.sub_media .media_list_box .media_top ul li .box .name{text-align: left; font-size: 13px; color: #4d4d4d; font-weight: 700}
.sub_media .media_list_box .media_top ul li .box .name span{display: inline-block; vertical-align: middle}
.sub_media .media_list_box .media_top ul li .box .name .ic{width: 24px; height: 24px; margin-right: 8px; background-color: #fff; background-position: center; background-repeat: no-repeat; border-radius: 24px; box-shadow: 1px 1px 2px rgba(0,0,0,0.3)}

.sub_media .media_list_box .media_top ul li.naver .box .name .ic{background-image: url(../img/media/naver.png)}
.sub_media .media_list_box .media_top ul li.google .box .name .ic{background-image: url(../img/media/google.png)}
.sub_media .media_list_box .media_top ul li.meta .box .name .ic{background-image: url(../img/media/meta.png)}
.sub_media .media_list_box .media_top ul li.kakao .box .name .ic{background-image: url(../img/media/kakao.png)}
.sub_media .media_list_box .media_top ul li.target .box .name .ic{background-image: url(../img/media/target.png)}
.sub_media .media_list_box .media_top ul li.criteo .box .name .ic{background-image: url(../img/media/criteo.png)}
.sub_media .media_list_box .media_top ul li.realclick .box .name .ic{background-image: url(../img/media/realclick.png)}
.sub_media .media_list_box .media_top ul li.neoclick .box .name .ic{background-image: url(../img/media/neoclick.png)}
.sub_media .media_list_box .media_top ul li.apple_search .box .name .ic{background-image: url(../img/media/apple.png)}
.sub_media .media_list_box .media_top ul li.mobon .box .name .ic{background-image: url(../img/media/mobon.png)}
.sub_media .media_list_box .media_top ul li.appsflyer .box .name .ic{background-image: url(../img/media/appsflyer.png)}
.sub_media .media_list_box .media_top ul li.dfinery .box .name .ic{background-image: url(../img/media/dfinery.png)}
.sub_media .media_list_box .media_top ul li.adjust .box .name .ic{background-image: url(../img/media/adjust.png)}

.sub_media .media_list_box .media_top ul li button{margin-top: 30px; display: inline-block; min-width: 98px; height: 28px; line-height: 26px; text-align: center; font-size: 13px; color: #4d4d4d; border: 1px solid #d6d6d6; border-radius: 15px; background: #fafafa}
.sub_media .media_list_box .media_top ul li button.succes{background: #3f498a; border-color: #3f498a; color:#fff; font-weight: 500}

.sub_media .media_list_box .media_top ul li:hover .box .name{color:#fff}
.sub_media .media_list_box .media_top ul li:hover .box button{background: rgba(0,0,0,0.3); border-color:rgba(0,0,0,0); color:#fff}
.sub_media .media_list_box .media_top ul li:hover .box button:hover{background: rgba(0,0,0,0.6)}
.sub_media .media_list_box .media_top ul li:hover .box{background-color: #3f498a}
.sub_media .media_list_box .media_top ul li.naver:hover .box{background-color: #00bf18}
.sub_media .media_list_box .media_top ul li.google:hover .box{background-color: #4286f5}
.sub_media .media_list_box .media_top ul li.meta:hover .box{background-color: #0767e0}
.sub_media .media_list_box .media_top ul li.kakao:hover .box{background-color: #553c40}
.sub_media .media_list_box .media_top ul li.target:hover .box{background-color: #14baee}
.sub_media .media_list_box .media_top ul li.criteo:hover .box{background-color: #ff4c01}
.sub_media .media_list_box .media_top ul li.realclick:hover .box{background-color: #3959d2}
.sub_media .media_list_box .media_top ul li.neoclick:hover .box{background-color: #6dad3b}
.sub_media .media_list_box .media_top ul li.apple_search:hover .box{background-color: #333}
.sub_media .media_list_box .media_top ul li.mobon:hover .box{background-color: #7faf4c}
.sub_media .media_list_box .media_top ul li.appsflyer:hover .box{background-color: #00c2ff}
.sub_media .media_list_box .media_top ul li.dfinery:hover .box{background-color: #5f2cf5}
.sub_media .media_list_box .media_top ul li.adjust:hover .box{background-color: #222}

.sub_media .media_list_box .media_noti{padding:20px; text-align: left; background: #fff}
.sub_media .media_list_box .media_noti p{display: block;padding-left: 10px; line-height: 18px; font-size: 13px; color: #666; position: relative}
.sub_media .media_list_box .media_noti .list{font-size: 14px; color: #333; margin-bottom: 5px; background: url(../img/icon/dot.png) left center no-repeat}
.sub_media .media_list_box .media_noti .slist p{padding-left: 18px}
.sub_media .media_list_box .media_noti .slist p::before{content: "·"; position: absolute; top:0; left:10px}
.sub_media .media_list_box .media_noti .slist p b{color:#fc236a; font-weight: 700}

/* 약관 관련 */
.agree_box{padding-bottom:100px;padding-top:5px}
.agree_box .tab_menu{width:100%}
.agree_box .tab_menu .btn_tab{width:50%}
.agree_box .pop_article{position:relative}
.agree_box .pop_article h3{margin:35px 0 14px 30px;font-size:20px;color:#4d4d4d;letter-spacing:-0.5px; font-weight:500}
.agree_box .pop_article h3 span,.agree_box .pop_article h2 span{font-size:12px;font-weight:normal;color:#999}
.agree_box .pop_article h3 a,.agree_box .pop_article h2 a{position:absolute;font-weight:normal;top:35px;right:30px;font-size:12px;color:#306aa0}
.agree_box .pop_article h4 a,.agree_box .pop_article p a{text-decoration:none}
.agree_box .pop_article .nsm_privarcy{margin:34px 0 14px 29px}
.agree_box .pop_article .nsm_privarcy .ver{margin-left:3px}
.agree_box .pop_article .nsm_privarcy a{position:absolute;top:0;right:29px}
.agree_box .pop_article .v2{padding:6px 36px 3px 0;line-height:20px;letter-spacing:1px}
.agree_box .pop_article .explanation{margin:0 0 18px 29px;font-size:12px;letter-spacing:-0.5px; color:#4d4d4d}
.agree_box .pop_article .terms_lst a,.agree_box .pop_article .privacy_lst a{color:#306aa0}
.agree_box .pop_article .terms_lst a:hover,.agree_box .pop_article .privacy_lst a:hover, .agree_box .pop_article .nsm_privarcy a:hover,.agree_box .pop_article h3 a:hover{ color:#fc236a}
.agree_box .pop_article .terms_lst,.agree_box .pop_article .privacy_lst{overflow:hidden}
.agree_box .pop_article .terms_lst li,.agree_box .pop_article .privacy_lst li{padding:0 0 1px 13px;line-height:21px; font-size:12px}
.agree_box .pop_article .terms_lst .lft{float:left;width:50%}
.agree_box .pop_article .privacy_lst .lft{float:left;width:50%}
.agree_box .pop_article .terms_lst .rgt,.agree_box .pop_article .privacy_lst .rgt{float:left;text-align:left}
.agree_box .pop_article .terms_lst .lft:after{display:block;clear:both;content:''}
.agree_box .pop_article .terms_lst,.agree_box .pop_article .privacy_lst{/*width:722px;*/margin-left:27px;padding-bottom:20px;border-bottom:1px solid #dbdbdb}
.agree_box .pop_article .privacy_lst{padding-bottom:23px}
.agree_box .contains .terms_area .first,.agree_box .cont_pop .terms_area .first{margin-top:29px}
.agree_box .contains .terms_area .explanation,.agree_box .cont_pop .terms_area .explanation{margin-top:9px;line-height:20px}
.agree_box .contains .terms_area,.agree_box .cont_pop .terms_area{letter-spacing:-1px}
.agree_box .contains .terms_area h4,.agree_box .cont_pop .terms_area h4{margin-left:29px;padding-top:1px;font-size:12px;color:#4d4d4d}
.agree_box .contains .terms_area ol,.agree_box .cont_pop .terms_area ol{margin:9px 36px 20px 29px;font-size:12px}
.agree_box .contains .terms_area li,.agree_box .cont_pop .terms_area li{margin-top:2px;line-height:19px; color:#999}
.agree_box .contains .terms_area ol ol,.agree_box .cont_pop .terms_area ol ol{margin:0 0 0 3px}
.agree_box .privacy_area{padding:6px 36px 0 0}
.agree_box .privacy_area .section{padding-top:24px;border-top:1px solid #dbdbdb}
.agree_box .privacy_area h4 a{font-size:14px;color:#4d4d4d;letter-spacing:-1px}
.agree_box .privacy_area h4{margin:29px 0 16px 28px; font-size:14px}
.agree_box .privacy_area h5{margin:17px 0  17px 29px;font-size:13px;letter-spacing:-1px}
.agree_box .privacy_area ul{margin:0 0 14px 29px;font-size:12px}
.agree_box .privacy_area li{padding-top:3px;line-height:18px; color:#999}
.agree_box .privacy_area li a{color:#666}
.agree_box .privacy_area li a:hover{color:#4d4d4d}
.agree_box .privacy_area p{margin-left:29px;font-size:12px; color:#666}
.agree_box .privacy_area .pointcor{color:#3f498a}
.agree_box .privacy_area .dep{margin-bottom:6px}
.agree_box .privacy_area .dep2 li{margin-top:2px;line-height:13px;letter-spacing:-1px}
.agree_box .privacy_area .dep3,.agree_box .privacy_area .dep3 li{padding:0;margin-bottom:0}
.agree_box .privacy_area .dep3_v2{margin-top:15px}
.agree_box .privacy_area .dep4{margin:25px 0 10px 29px}
.agree_box .privacy_area .dep5{line-height:18px}
.agree_box .privacy_area .dep6{padding:17px 0 3px 29px}
.agree_box .privacy_area .manager_lst{display:inline-block;position:relative;margin:15px 36px 0 29px;width:720px;line-height:22px;color:#919191; font-size:12px}
.agree_box .privacy_area .manager_lst .lft,.agree_box .privacy_area .manager_lst .rgt{float:left;width:280px;padding:15px 20px 10px;text-align:left;border-top:1px solid #3f498a;background:#f9f9f9}
.agree_box .privacy_area .manager_lst .lft{margin-right:10px}
.agree_box .privacy_area .manager_lst dt{margin-right:3px;padding-bottom:10px;color:#444547;font-weight:bold}
.agree_box .privacy_area .manager_lst dd strong{display:inline-block;margin-right:10px;color:#3f498a;font-weight:bold}
.agree_box .privacy_area .manager_lst a{color:#919191}
.agree_box .privacy_area .pop_footer,.agree_box .pop_article .pop_footer{height:30px;padding-bottom:30px}
.agree_box .tbl_privacy{display:inline-block;overflow:hidden;position:relative;width:720px;margin:15px 36px 0 29px}
.agree_box .tbl_privacy table,.tbl_type4 th,.agree_box .tbl_privacy table .tbl_type4 td{border:0}
.agree_box .tbl_privacy table{margin:0 0 -1px -1px;border-top:2px solid #444547;font-size:12px;line-height:15px;border-bottom:2px solid #e4e4e4}
.agree_box .tbl_privacy thead th{padding:7px 0 7px 20px;border-bottom:1px solid #919191;border-left:1px solid #e4e4e4;background:#f9f9f9;color:#000;line-height:17px;font-weight:bold}
.agree_box .tbl_privacy thead th:first-child{border-left:0}
.agree_box .tbl_privacy tbody td{padding:6px 10px 6px 20px;border-bottom:1px solid #e4e4e4;border-left:1px solid #e4e4e4;text-align:left; color:#666}
.agree_box .tbl_privacy tbody tr td:first-child{border-left:0}
.agree_box .tbl_privacy tbody td.del{padding:0 6px}
.agree_box .tbl_privacy tbody td.del button{width:19px;height:20px;border:0;background:none;cursor:pointer;_cursor:hand}
.agree_box .tbl_privacy tbody td.del button:active img{margin:1px -1px -1px 1px}

/* 팝업 */
#popup_mask{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#000; opacity:0.8;z-index:999}

.popup{display:none;position:fixed;left:50%;top:50%;margin:-340px 0 0 -370px;width:700px;height:680px;z-index:1000}
.popup .btn_close{display:block;position:absolute;right:20px;top:18px;width:27px;z-index:20}
.popup .btn_close img{display:block;width:100%}

.popup_window{box-shadow:0 0 10px rgba(0,0,0,0.2);background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; display:block; height:100%}
.popup_window .popup_title{background:#3f498a; display:block; padding:0 20px; height:64px; position:relative}
.popup_window .popup_title .logo{position:absolute; top:22px; right:30px}
.popup_window .popup_title .title{color:#fff; font-size:20px; line-height:64px; width:80%; text-overflow:ellipsis;white-space:nowrap;overflow:hidden }

.popup_window .popup_contents{padding:20px; position:relative; display:block}
.popup_window .popup_contents .title{color:#4d4d4d; font-size:18px; line-height:22px; margin-bottom:15px}
.popup_window .popup_contents .text_area .txt + .txt{margin-top:20px}
.popup_window .popup_contents .text_area .txt p{color:#666; font-size:13px; line-height:24px}
.popup_window .popup_contents .btn_wrap{margin:0 auto; text-align:center; margin-top:15px}

.popup_contents table td{border-bottom:1px solid #d5d5d5; height:34px; line-height:40px; font-size:13px; color:#666}
.popup_contents table thead td{text-align:left; border-top:1px solid #4d4d4d; font-weight:bold; /* bold playd */}
.popup_contents table thead td:last-child{text-align:center}
.popup_contents table tbody td.dis{color:#999}
.popup_contents table tbody td.btn{text-align:center}
.popup_contents table tbody td span{width:200px; display:block}
.popup_window .popup_contents .scroll_body{overflow-y:auto; height:164px}


/* 팝업_계정선택 */
.popup.layer_media{width:600px; height:445px;margin:-225px 0 0 -300px}
.popup.layer_media .popup_window .popup_contents .scroll_body{height:246px}

/* 팝업_서비스 신청 및 변경 */
.popup.layer_service{width:800px; height:100vh;margin:0 0 0 -400px; top:0;  background:none}
.popup.layer_service .popup_window{display:table; width:100%; height:100%; background: none;box-shadow: 0 0 10px rgba(0,0,0,0) }
.popup.layer_service .popup_window .inner_wrap{display:table-cell; width:100%; height:auto; vertical-align: middle}
.popup.layer_service .popup_window .inner_wrap .inner{background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2); max-height: 95vh}
.popup.layer_service .popup_window .popup_contents{overflow-y: auto;max-height: calc(95vh - 104px) }

.popup.layer_service .service_list{background:#f8f8f8; padding:20px}
.popup.layer_service .service_list .list_tit{color:#333; font-size:14px; font-weight: 700; display:inline-block; padding-right:30px;vertical-align: middle}
.popup.layer_service .service_list ul{display:inline-block; vertical-align: middle}
.popup.layer_service .service_list ul li{display:table-cell; vertical-align: middle; padding-right:15px}
.popup.layer_service .service_list ul li input,
.popup.layer_service .service_list ul li span{display:inline-block; vertical-align: middle}
.popup.layer_service .service_list ul li span{font-size:13px; color:#666}

.popup.layer_service .servic_cont{padding-top:20px}
.popup.layer_service .servic_cont .service_tit{color:#3f498a; font-weight: 700; font-size:16px; margin-bottom:5px}
.popup.layer_service .servic_cont ul.desc li{color:#666; font-size:13px; position:relative; padding-left:10px}
.popup.layer_service .servic_cont ul.desc li::before{content: "-"; position:absolute;top:0;left:0; display: block}
.popup.layer_service .servic_cont ul.desc li + li{margin-top:5px}
.popup.layer_service .servic_cont ul.desc li a{color:#3f498a; text-decoration: underline}
.popup.layer_service .servic_cont ul.desc li a:hover{color:#fc236a}

.popup.layer_service .noti_area{padding:100px 0;text-align:center}
.popup.layer_service .noti_area .noti_info{font-size:16px; color:#666; margin-top:10px}

.popup.layer_service .input_text{margin:0;width:100%;height:40px;font-size:13px;color:#4d4d4d;border:0;border-bottom:1px solid #ebebeb; clear:both}
.popup.layer_service .btn_authconfirm{display:block;width:98px;height:28px;line-height:28px;text-align:center;font-size:13px;color:#4d4d4d;border:1px solid #d6d6d6;border-radius:15px;background:#fafafa}
.popup.layer_service .btn_authcode{display:block;width:90px;height:30px;line-height:30px;text-align:center;font-size:13px;color:#fff;border-radius:15px;background:#52556f}
.popup.layer_service .select_box .btn_value{border-bottom:0}
.popup.layer_service .radio_list{display:table}
.popup.layer_service .radio_list li{display:table-cell; vertical-align: middle}
.popup.layer_service .radio_list li span,
.popup.layer_service .radio_list li input{display:inline-block; vertical-align: middle}
.popup.layer_service .radio_list li span{color:#666; font-size:13px; width:auto; padding-right:10px}

.popup.layer_service .popup_contents table td{border-bottom:0}
.info_table{margin-top:20px}
.info_table table{border-bottom:1px solid #d5d5d5;border-top:1px solid #333}
.info_table .info_tit{color:#333; font-weight: 700; font-size:16px; margin-bottom:5px; position:relative}
.info_table th{background:#f8f8f8;padding:10px; position: relative;text-align: left; font-size:13px; color:#333}
.info_table th span::after{content:""; width:82%; height:1px; display: block; position:absolute;bottom: 0; left:10px; right:10px; background:#ebebeb}
.info_table th span{display:block; font-weight: 600}
.info_table td{border-bottom:0;padding:0 10px}

.info_table .radio_area label{vertical-align:middle}
.info_table .radio_area label + label{margin-left:10px}
.info_table .radio_area input{position:relative;top:1px;margin-right:2px}

.info_table td b{font-weight: 700}
.info_table td b.b{color:#3f498a}
.info_table td b.p{color:#fc236a}

.info_table td .cate{display:table; width:100%; table-layout: fixed; border-bottom:1px solid #ebebeb}
.info_table td .cate span{display:table-cell; vertical-align: middle; width:50%}
.info_table td .cate span.unit{width:5%}
.info_table td .cate .input_text{border:0}
.info_table .location td,
.info_table .location th{ vertical-align: top}
.info_table .location .top{border-bottom:1px solid #ebebeb; display: inline-block;padding-bottom: 2px;padding-top:2px}
.info_table .location .top .input_text{width:60%;display:inline-block; vertical-align: middle;border:0}
.info_table .location .top a{display:inline-block; vertical-align: middle}

.info_table tr:last-child th span::after{display:none}
.info_table td.file.bd div{border-bottom:1px solid #ebebeb}
.info_table td.file div{padding-bottom: 6px;padding-top:6px}
.info_table td.file .link{color:#666; font-size:13px; display:inline-block}
.info_table td.file .link span{width:auto}
.info_table td.file .link + .filebox{display: inline-block; vertical-align: middle; margin-left:4px}

.info_table.bg_gray{background: #f8f8f8; margin-left:-20px; margin-right:-20px; padding:20px}
.info_table.bg_gray td{background:#fff}
.info_table .view{table-layout: fixed}
.info_table .view th,
.info_table .view td{border-bottom:1px solid #ebebeb}
.info_table .view tr:last-child th,
.info_table .view tr:last-child td{border-bottom:0}
.info_table .view th b{color:#333; font-weight: 700; font-size:16px}

.info_table .view.bd_none{border:0}
.info_table .view.bd_none td,
.info_table .view.bd_none td .input_text{background:#f8f8f8; color:#333}

.popup.layer_service .btn_wrap.bg_gray{background: #f8f8f8; margin:-20px;padding:20px}

.info_event .info_tit{padding-bottom:5px}
.info_event .info_tit .icon_event{display:inline-block;background:url("../img/modify/event.png") no-repeat; width:74px; height:48px; position:relative; margin-left:10px;top:4px}

.info_event .desc_box{background:#f8f8f8; padding:20px}
.info_event .desc_box ul li{font-size:13px; color:#333; position: relative; padding-left:10px}
.info_event .desc_box ul li::before{content:"-"; position:absolute; top:0; left:0}
.info_event .desc_box ul li a{color:#333; text-decoration: underline}
.info_event .desc_box ul li a:hover{color:#fc236a}

.info_event .view{border-top-width:2px}

.info_event .view thead th{background:none; font-weight:700; color:#333}
.info_event .view thead td{text-align:center; position:relative}
.info_event .view thead td .font_en{font-size:20px;font-weight:700; color:#333;letter-spacing: -0.2px;margin-right:-2px }
.info_event .view thead td .font_en.pro{color:#65c4ed}
.info_event .view thead td .font_en.premium{color:#ff5959}
.info_event .view thead td.best .pro::after{background:url("../img/modify/best.png") no-repeat; width:41px;height:44px; position:absolute; top:-5px;right:10px; display: block; content:""}
.info_event .view thead tr:last-child th,
.info_event .view thead tr:last-child td{border-bottom:1px solid #ebebeb}

.info_event .view thead .bot{font-size:11px; margin-top:4px}
.info_event .view thead .bot .label{background:#ff5959; border-radius: 20px; font-size:10px; color:#fff; display: inline-block;padding:0 5px}
.info_event .view thead .bot .font_en{font-size:14px; color:#666}

.info_event .view td{border-left:1px solid #ebebeb}
.info_event .view td:first-child{border-left:0}

.info_event .view td.center,
.info_event .view td.icon{text-align:center}
.info_event .view td{line-height: 1.3em; padding:10px}
.info_event .view tbody th{font-weight:700}
.info_event .view tbody td > span{font-size:0.9em;display:inline;width:auto}

.info_event .view + .desc{font-size:13px; text-align:right; color:#666;padding-top:4px}

.info_event .table_box{width:100%; display:table; table-layout: fixed}
.info_event .table_cell{width:60%; display:table-cell; vertical-align: top; position:relative}
.info_event .table_cell + .table_cell{padding-left:30px; width:40%}
.info_event .table_cell .view{border-top-width:1px}

.info_event .total_price{background:#fff; height:calc(100% - 35px); bottom:0;left:30px;right:0;width:calc(100% - 30px); position: absolute}
.info_event .total_price ul{padding:20px}
.info_event .total_price ul li{width:100%; display:table; table-layout: fixed}
.info_event .total_price ul li + li{margin-top:20px}
.info_event .total_price ul li p{display:table-cell; vertical-align: middle; color:#333; font-size:13px; width:45%}
.info_event .total_price ul li p.won{text-align:right; position:relative;width:55%}
.info_event .total_price ul li p.won span{display:inline-block; vertical-align: middle;width:auto}
.info_event .total_price ul li p.won .font_en{font-weight:700; font-size:1.4em; max-width:85px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden }
.info_event .total_price ul li.mn p.won::before{background:url("../img/modify/mn.png") no-repeat; width:16px; height:16px; position:absolute;top:2px;left:0;content:"";display:block}
.info_event .total_price ul li.mn p.won .font_en{color:#fc236a}
.info_event .total_price ul li.total p.won .font_en{color:#3f498a}
.info_event .total_price a{background:#3f498a;color:#fff; font-size:16px; text-align:center; padding:10px 0; display: block; width:calc(100% - 40px); margin:0 auto; position:absolute; bottom:20px; left:20px; right:20px}
.info_event .total_price a:hover{background:#fc236a}

.info_event .w{font-family: 'Nanum Gothic', sans-serif}
.info_event .font_en{font-family: 'Roboto', sans-serif}

.info_event.bg_gray:last-child{margin-bottom:-20px}

.filebox label{ display: inline-block;  width:98px;height:28px;line-height:28px;text-align:center;font-size:13px;color:#4d4d4d;border:1px solid #d6d6d6;border-radius:15px;background:#fafafa;  -webkit-transition: background-color 0.2s;  transition: background-color 0.2s}
.filebox input[type="file"]{ position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip: rect(0, 0, 0, 0);  border: 0}

/* 팝업_인증할 광고 계정 입력 */
.popup.layer_mediaid{width:800px; height:100vh;margin:0 0 0 -400px; top:0;  background:none}
.popup.layer_mediaid.w1000{width:1000px;margin:0 0 0 -500px;}
.popup.layer_mediaid .popup_window{display:table; width:100%; height:100%; background: none;box-shadow: 0 0 10px rgba(0,0,0,0) }
.popup.layer_mediaid .popup_window .inner_wrap{display:table-cell; width:100%; height:auto; vertical-align: middle}
.popup.layer_mediaid .popup_window .inner_wrap .inner{background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2); max-height: 95vh}
.popup.layer_mediaid .popup_window .popup_contents{overflow-y: auto;max-height: calc(95vh - 104px) }

/* content_report loading */
.resize_loading .lds-default{display:inline-block;	position:relative;	width: 40px;height:40px}
.resize_loading .lds-default div{position:absolute;	width: 3px;	height:3px;background:#fc236a;border-radius:50%;	animation: lds 1.2s linear infinite}
.resize_loading .lds-default div:nth-child(1){animation-delay: 0s;top: 18px;left: 33px}
.resize_loading .lds-default div:nth-child(2){animation-delay: -0.1s;	top: 11px;left: 31px}
.resize_loading .lds-default div:nth-child(3){animation-delay: -0.2s;	top: 5px;left: 26px}
.resize_loading .lds-default div:nth-child(4){animation-delay: -0.3s;	top: 3px;left: 18px}
.resize_loading .lds-default div:nth-child(5){animation-delay: -0.4s;	top: 5px;left: 11px}
.resize_loading .lds-default div:nth-child(6){animation-delay: -0.5s;	top: 11px;left: 5px}
.resize_loading .lds-default div:nth-child(7){animation-delay: -0.6s;	top: 18px;left: 3px}
.resize_loading .lds-default div:nth-child(8){animation-delay: -0.7s;	top: 26px;left: 5px}
.resize_loading .lds-default div:nth-child(9){animation-delay: -0.8s;	top: 31px;left: 11px}
.resize_loading .lds-default div:nth-child(10){animation-delay: -0.9s;top: 33px;left: 18px}
.resize_loading .lds-default div:nth-child(11){animation-delay: -1s;top: 31px;left: 26px}
.resize_loading .lds-default div:nth-child(12){animation-delay: -1.1s;top: 26px;left: 31px}
@keyframes lds{
    0%, 20%, 80%, 100%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.5);
    }
}
.popup.layer_mediaid .resize_loading{text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;background: rgba(240, 242, 248, .8);border-radius:10px}
.popup.layer_mediaid .resize_loading p{color:#666;font-size: 12px;font-weight: 500;display:block;width: 100%}
.popup.layer_mediaid .resize_loading .resize_inner{display:block;margin:0 auto;position:absolute;top:50%;left: 50%;transform: translate(-50%, -50%);text-align:center}

.popup.layer_mediaid .input_text{margin:0;width:100%;height:40px;font-size:13px;color:#4d4d4d;border:0;border-bottom:1px solid #ebebeb; clear:both}
.popup.layer_mediaid tr:last-child .input_text{border-bottom: 0}

.popup.layer_mediaid .info_table{margin-top: 0}
.popup.layer_mediaid .basic_scroll{padding:0;height:auto}
.popup.layer_mediaid .popup_contents table td{border-bottom:0}
.popup.layer_mediaid .popup_contents .table_box{margin-top: 20px}
.popup.layer_mediaid .popup_contents .table_box table thead td{text-align: left}
.popup.layer_mediaid .popup_contents .table_box table td{border-bottom: 1px solid #d5d5d5; color: #666}
.popup.layer_mediaid .popup_contents .table_box table td span{width: 90%}
.popup.layer_mediaid .popup_contents .table_box table td .no_data{padding-top:95px;padding-bottom:30px;line-height:20px;text-align:center;font-size:14px;color:#666;background:url("../img/bbs/icon_empty.png") no-repeat center 30px}
.popup.layer_mediaid .popup_contents .table_box .table_box_tit{color: #333; font-size: 14px; font-weight: 700; margin-bottom: 10px}

.popup.layer_mediaid .info_guide{padding: 20px; margin-top: 20px; background: #f8f8f8}
.popup.layer_mediaid .info_guide .guide_tit{font-size:12px;color:#666;font-weight:700;margin-bottom: 20px;}
.popup.layer_mediaid .info_guide ul{width:100%; display: table; table-layout: fixed}
.popup.layer_mediaid .info_guide ul li{display: table-cell; vertical-align: top; width:50%; text-align: center}
.popup.layer_mediaid .info_guide ul li.arrow{width: 30px}
.popup.layer_mediaid .info_guide ul li.arrow .ic{width:100%; height: 140px; background: url(../img/icon/arrow.png) center no-repeat}
.popup.layer_mediaid .info_guide ul li .img img{max-width:100%; margin:0 auto; border-radius: 5px; box-shadow: 0 10px 10px rgba(0,0,0,0.05)}

.popup.layer_mediaid .info_guide ul li .step{font-size: 15px; font-weight: 700; color:#3f498a; margin-top: 5px}
.popup.layer_mediaid .info_guide ul li .txt{font-size: 13px; color:#666; line-height: 1.3em; letter-spacing: -0.5px}
.popup.layer_mediaid .info_guide ul li .txt b{font-weight: 700; color:#333}

.popup.layer_mediaid .info_table th.bd_l,
.popup.layer_mediaid .info_table td.bd_l{border-left:1px solid #eee}
.popup.layer_mediaid .info_table th.bd_r,
.popup.layer_mediaid .info_table td.bd_r{border-right:1px solid #eee}

.popup.layer_mediaid .popup_contents table th.num{padding:0;text-align: center; font-weight: 700}
.popup.layer_mediaid .popup_contents table td.mn{padding:0;text-align: center;border-bottom:1px solid #d5d5d5}
.popup.layer_mediaid .popup_contents table td.mn a{display: block}
.popup.layer_mediaid .popup_contents table td.mn a img{display: block; margin: 0 auto}

.popup.layer_mediaid .info_table.info_mmp th span::after{ display: none}
.popup.layer_mediaid .info_table.info_mmp .input_text{border:0}
.popup.layer_mediaid .info_table.info_mmp th,
.popup.layer_mediaid .info_table.info_mmp td{border-bottom:1px solid #ebebeb}
.popup.layer_mediaid .info_table.info_mmp th.num,
.popup.layer_mediaid .info_table.info_mmp tr.row th,
.popup.layer_mediaid .info_table.info_mmp tr.row td{border-bottom:1px solid #d5d5d5}

.popup.layer_mediaid .info_table.info_mmp .btn_add{position:absolute;top:-3px;right:0}

.popup.layer_mediaid .info_guide .guide_flex{display:flex;justify-content: space-between;}
.popup.layer_mediaid .info_guide .guide_flex ul li .img img{max-width:none;height:156px}
.popup.layer_mediaid .info_guide .guide_flex .guide_list.ae{width:165px;position: relative;}
.popup.layer_mediaid .info_guide .guide_flex .guide_list.ae .txt{margin-top: 10px;}
.popup.layer_mediaid .info_guide .guide_flex .guide_list.ae::after{content: "";width:1px;height:100%;background: #eee;position: absolute;top:0;right: -18px;}
.popup.layer_mediaid .info_guide .guide_flex .guide_list.ae + .guide_list{width: calc(100% - 200px);padding-right:0}

/* 결제 2021 */
.info_event .total_price ul li + li{margin-top:30px}
.info_event .total_price ul li p.won{width:90%}
.info_event .total_price ul li.total p.won .font_en{font-size:30px; max-width:90%; color:#fc236a}
.info_event .total_price ul li.total p.won .font_en + span{position:relative; top:3px}
.info_event .total_price ul li.desc{font-size:12px; color:#666; line-height: 1.5em; margin-top:15px; padding-top:12px;border-top: 1px dashed #d5d5d5}

/* 결제 팝업 */
.popup_open{overflow: hidden}
.popup_open .full_popup{display:block}
.full_popup{display:none;position:fixed; top:0; left:0; right:0; bottom:0; height:100vh; background:#fff; z-index: 999; letter-spacing: -0.5px;overflow: hidden}

.full_popup .pop_hd{border-bottom: 1px solid #eee; padding:15px 0; position:relative}
.full_popup .pop_hd p{color:#333; font-size:22px; font-weight: 700; letter-spacing: -1px}
.full_popup .pop_hd .btn_close{position:absolute; top:6px; right:0}

.full_popup .popup_contents{ display:table; width:100%; margin:0 auto;height: calc(100vh - 68px); position: relative;margin-left:5px}
.full_popup .popup_contents .inner_wrap{display:table-cell; vertical-align: middle}
.full_popup .popup_contents .inner_wrap .inner{max-height: calc(100vh - 68px);overflow: hidden;overflow-y: auto }

.full_popup .popup_contents .inner_wrap .inner::-webkit-scrollbar{width: 5.2px}
.full_popup .popup_contents .inner_wrap .inner::-webkit-scrollbar-track{background-color:#333}
.full_popup .popup_contents .inner_wrap .inner::-webkit-scrollbar-thumb{background: #999}
.full_popup .popup_contents .inner_wrap .inner::-webkit-scrollbar-thumb:hover{background: #999}
.full_popup .popup_contents .inner_wrap .inner::-webkit-scrollbar-thumb:active{background: #333}
.full_popup .popup_contents .inner_wrap .inner::-webkit-scrollbar-button{display: none}

.full_popup .contains{padding:0}

.full_popup .fin_wrap{text-align:center}
.full_popup .fin_wrap .txt{font-size:20px; color:#333; font-weight: 700 }
.full_popup .fin_wrap .txt span{color:#fc236a}
.full_popup .fin_wrap .txt2{font-size:14px; color:#333; font-weight: 700}
.full_popup .fin_wrap .txt3{font-size:13px; color:#333; margin-top:20px}
.full_popup .fin_wrap .form_btn{margin-top:20px}

.full_popup .radio_list{display:table}
.full_popup .radio_list li{display:table-cell; vertical-align: middle; padding-right:20px}
.full_popup .radio_list li span,
.full_popup .radio_list li input{display:inline-block; vertical-align: middle}
.full_popup .radio_list li span{color:#666; font-size:13px; width:auto; padding-right:10px}
.full_popup .radio_list li span + .help{display:inline-block; vertical-align: middle;margin-left:-6px; position:relative; top:2px}

.full_popup .help_con{display: none; position:absolute; bottom:45px; left:-6px; background:#333; width:300px; z-index: 200; padding:15px 20px 20px; /*box-shadow:0 0 10px rgba(0,0,0,0.15)*/}
.full_popup .help_con::before{content: ""; display: block;width: 0px; position: absolute; bottom:-8px; left:8px;  height: 0px;  border-left: 5px solid transparent;  border-top: 8px solid #333;  border-right: 5px solid transparent}
.full_popup .help_con p{line-height:1.4em;color:#fff}
.full_popup .help_con p + p{margin-top:5px}
.full_popup .help_con .help_tit{font-weight:700; color:#fff; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom: 12px; font-size:14px}
.full_popup .help_con .help_list p{padding-left:10px; position:relative; opacity: 0.8}
.full_popup .help_con .help_list p::before{content:"-"; position:absolute; top:0; left:0}
.full_popup .help:hover .help_con{display: block}

.full_popup .info_event.info_total .table_box{background:#fff; border-radius: 10px}
.full_popup .info_event.info_total .table_cell{padding:15px 20px 20px 20px}
.full_popup .info_event.info_total .table_cell + .table_cell{background: #f6fbff;padding-left:40px; position: relative}
.full_popup .info_event.info_total .total_price{left:auto; position:relative; background: none;padding:0; height:100%}
.full_popup .info_event.info_total .total_price ul{padding:0}

.full_popup .info_event.info_total table{border:0}
.full_popup .info_event.info_total th{background:none; font-size:16px}
.full_popup .info_event.info_total th span{display:inline-block; color:#666; font-size:13px}
.full_popup .info_event.info_total th span + span{margin-left:10px}
.full_popup .info_event.info_total th span::after{display: none}
.full_popup .info_event.info_total th,
.full_popup .info_event.info_total td{border-bottom:0; padding-left:0}
.full_popup .info_event.info_total .bd th,
.full_popup .info_event.info_total .bd td{border-bottom: 1px solid #eee}
.full_popup .info_event.info_total .desc th,
.full_popup .info_event.info_total .desc td{padding-top:0;padding-bottom: 0; height: auto; line-height:inherit}
.full_popup .info_event.info_total .desc + .desc th,
.full_popup .info_event.info_total .desc + .desc td{padding-bottom: 10px}

.full_popup .info_event.info_total .desc th{padding-left:10px}
.full_popup .info_event.info_total .cate td{padding:10px 0}
.full_popup .info_event.info_total .cate td .select_box .btn_value{border:1px solid #eee;padding:0 10px; background-position: 98% center}

.full_popup .info_event .total_price ul li p{width:30%; font-size:16px}
.full_popup .info_event .total_price ul li p span{font-size:13px}
.full_popup .info_event .total_price ul li p.won{width:70%}
.full_popup .info_event .total_price ul li.total p.won .font_en{font-size:30px; color:#fc236a; max-width:90%}

.full_popup .info_event.info_total .total_tit{color:#333; font-size: 20px; font-weight: 700;padding-top:10px;padding-bottom:10px; height:34px; line-height: 34px; width:100%; overflow: hidden; border-bottom:1px solid #eee}
.full_popup .info_event.info_total .total_price + a{background:#3f498a;color:#fff; font-size:16px; text-align:center; padding:10px 0; display: block; width:calc(100% - 80px); margin:0 auto; position:absolute; bottom:20px; left:40px; right:40px}
.full_popup .info_event.info_total .total_price + a:hover{background:#fc236a}

@media screen and (max-width:1200px){
    #header .logo{width:160px}
    #gnb .btn_menu{padding:4px 14px 0 14px}
    #gnb .btn_select{padding-right:24px}

    .main_content .main_header{height:680px}

    .main_content .main_solution .contains{height:auto}
    .main_content .main_solution .solution_left{float:none;margin:0 auto;width:738px}
    .main_content .main_solution .solution_right{float:none;margin:50px 0 0 0;width:auto}
    .main_content .main_solution .solution_list{display:table;width:100%;table-layout:fixed}
    .main_content .main_solution .solution_list li{display:table-cell;width:25%;vertical-align:top}

    .main_content .main_feature .feature_list .menu_list li{font-size:13px}

    .main_content .main_service .contains{height:550px}
    .main_content .main_service .service_left{margin-left:-2%;width:44%/*width:90%; float:none; margin:0 auto*/}
    .main_content .main_service .service_right{padding-top:180px; width:50%;margin-right:4%}
    /*.main_content .main_service .service_right img{width:1000px}*/

    .main_content .main_partner .contains{padding:0 80px;min-width:0}
    .main_content .main_partner .partner_list{margin:0 -20px}
    .main_content .main_partner .partner_list li{width:19%}

    /* gate */
    .sub_gate .gate_list li{width:47%}

    /* loginwrap */
    .sub_loginwrap{padding-left:400px}
    .sub_loginwrap .loginwrap_left{width:400px}
}

@media screen and (max-width:1024px){
    .main_content .main_header{height:640px}

    .main_content .main_feature .list_area{background:none}
    .main_content .main_feature .feature_list{height:690px}
    .main_content .main_feature .feature_list .list_box{width:49%}
    .main_content .main_feature .feature_list .menu_list li{padding-left:30px;width:33%}
    .main_content .main_feature .feature_list .list_box{background:url("../img/main/line_feature_w2.png") no-repeat center top}
    .main_content .main_feature .feature_list .list_over{background:url("../img/main/line_feature_h2.png") no-repeat left center}

    .main_content .main_feature .feature_list .list_over{height:210px}

    .main_content .main_feature .feature_list .list_01,
    .main_content .main_feature .feature_list .list_01 .list_over,
    .main_content .main_feature .feature_list .list_02,
    .main_content .main_feature .feature_list .list_03 .list_over,
    .main_content .main_feature .feature_list .list_05 .list_over{background:none}

    .main_content .main_partner .contains{padding:0 10px}

    /* loginwrap */
    .sub_loginwrap{padding-left:350px}
    .sub_loginwrap .loginwrap_left{width:350px}
    .sub_loginwrap .loginwrap_left{position:absolute!important;height:auto!important}
}

/* authExpired playd*/
.popup.auth_expired{width:400px; height:205px;margin:-125px 0 0 -200px}
.popup.auth_expired .txt_dsc{padding-bottom:13px;margin:24px 0;font-size:13px;letter-spacing:-1px;line-height:22px;text-align:center;border-bottom:1px solid #d1d1d1;color:#555}


/* validate playd*/
.error{float:left;clear:both;padding-left:18px;margin-top:10px;padding-bottom:10px;line-height:18px;font-size:13px;color:#fc236a;background:url("../img/icon/alert_s.png") no-repeat left 2px;display:block;/* width:100%; */}
.success{color:#3f498a;background:url("../img/icon/alert_s2.png") no-repeat left 2px;float:left;clear:both;padding-left:18px;margin-top:10px;padding-bottom:10px;line-height:18px;font-size:13px;display:block;width:100%}

/* media playd*/
.naver_id, .kakao_id, .google_id, .google_text, .facebook_id, .facebook_text{display:none}
.input_text.google_input{display:none}
.input_text.google_input.show{display:block}
.input_text.facebook_input{display:none}
.input_text.facebook_input.show{display:block}