@charset "utf-8";
/* CSS Document */


/* 공통 ================================================================================================================================================ */
/* margin */
.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml25{margin-left:25px}.ml30{margin-left:30px}.ml35{margin-left:35px}.ml40{margin-left:40px}.ml45{margin-left:45px}.ml50{margin-left:50px}.ml55{margin-left:55px}.ml60{margin-left:60px}.ml65{margin-left:65px}.ml70{margin-left:70px}.ml75{margin-left:75px}.ml80{margin-left:80px}.ml85{margin-left:85px}.ml90{margin-left:90px}.ml95{margin-left:95px}.ml100{margin-left:100px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr25{margin-right:25px}.mr30{margin-right:30px}.mr35{margin-right:35px}.mr40{margin-right:40px}.mr45{margin-right:45px}.mr50{margin-right:50px}.mr55{margin-right:55px}.mr60{margin-right:60px}.mr65{margin-right:65px}.mr70{margin-right:70px}.mr75{margin-right:75px}.mr80{margin-right:80px}.mr85{margin-right:85px}.mr90{margin-right:90px}.mr95{margin-right:95px}.mr100{margin-right:100px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt35{margin-top:35px}.mt40{margin-top:40px}.mt45{margin-top:45px}.mt50{margin-top:50px}.mt55{margin-top:55px}.mt60{margin-top:60px}.mt65{margin-top:65px}.mt70{margin-top:70px}.mt75{margin-top:75px}.mt80{margin-top:80px}.mt85{margin-top:85px}.mt90{margin-top:90px}.mt95{margin-top:95px}.mt100{margin-top:100px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mb35{margin-bottom:35px}.mb40{margin-bottom:40px}.mb45{margin-bottom:45px}.mb50{margin-bottom:50px}.mb55{margin-bottom:55px}.mb60{margin-bottom:60px}.mb65{margin-bottom:65px}.mb70{margin-bottom:70px}.mb75{margin-bottom:75px}.mb80{margin-bottom:80px}.mb85{margin-bottom:85px}.mb90{margin-bottom:90px}.mb95{margin-bottom:95px}.mb100{margin-bottom:100px}mauto{margin:0 auto}
/* padding */
.pl5{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}.pl25{padding-left:25px}.pl30{padding-left:30px}.pl35{padding-left:35px}.pl40{padding-left:40px}.pl45{padding-left:45px}.pl50{padding-left:50px}.pl55{padding-left:55px}.pl60{padding-left:60px}.pl65{padding-left:65px}.pl70{padding-left:70px}.pl75{padding-left:75px}.pl80{padding-left:80px}.pl85{padding-left:85px}.pl90{padding-left:90px}.pl95{padding-left:95px}.pl100{padding-left:100px}.pr5{padding-right:5px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px}.pr25{padding-right:25px}.pr30{padding-right:30px}.pr35{padding-right:35px}.pr40{padding-right:40px}.pr45{padding-right:45px}.pr50{padding-right:50px}.pr55{padding-right:55px}.pr60{padding-right:60px}.pr65{padding-right:65px}.pr70{padding-right:70px}.pr75{padding-right:75px}.pr80{padding-right:80px}.pr85{padding-right:85px}.pr90{padding-right:90px}.pr95{padding-right:95px}.pr100{padding-right:100px}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt25{padding-top:25px}.pt30{padding-top:30px}.pt35{padding-top:35px}.pt40{padding-top:40px}.pt45{padding-top:45px}.pt50{padding-top:50px}.pt55{padding-top:55px}.pt60{padding-top:60px}.pt65{padding-top:65px}.pt70{padding-top:70px}.pt75{padding-top:75px}.pt80{padding-top:80px}.pt85{padding-top:85px}.pt90{padding-top:90px}.pt95{padding-top:95px}.pt100{padding-top:100px}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb25{padding-bottom:25px}.pb30{padding-bottom:30px}.pb35{padding-bottom:35px}.pb40{padding-bottom:40px}.pb45{padding-bottom:45px}.pb50{padding-bottom:50px}.pb55{padding-bottom:55px}.pb60{padding-bottom:60px}.pb65{padding-bottom:65px}.pb70{padding-bottom:70px}.pb75{padding-bottom:75px}.pb80{padding-bottom:80px}.pb85{padding-bottom:85px}.pb90{padding-bottom:90px}.pb95{padding-bottom:95px}.pb100{padding-bottom:100px}
/* form */
::-webkit-input-placeholder{color:#bbb}
::-moz-placeholder{color:#bbb}
:-ms-input-placeholder{color:#bbb}
input[type='text'], input[type='password'],input[type='tel'], select, textarea{display:inline-block; box-sizing:border-box; -webkit-appearance:none; border-radius:0; vertical-align:top; border:1px solid #d8d8d8; background-color:#fff; font-size:16px; color:#333}
input[type='text']{padding:10px 7px 9px; background-color:#f9f9f9}
input[type='tel']{padding:10px 7px 9px; background-color:#f9f9f9}
input[type='password']{padding:10px 7px 9px; background-color:#f9f9f9}
input[type='check']{width:10px; height:10px; border-radius:0}
input[type='radio']{}
select{}
textarea{}
button{vertical-align:top; background-color:transparent}
/* color */
.col_story{color:#faa026 !important}
.col_issue{color:#09ab09 !important}
.col_live{color:#ff0600 !important}
.col_plus{color:#0078ff !important}
.col_sensi{color:#a14fcb !important}
.col_white{color:#fff !important}
.col_black{color:#000 !important}
.col_story_tag{
background: -moz-linear-gradient(left,  rgba(250,160,38,0.7) 0%, rgba(250,160,38,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(250,160,38,0.7) 0%,rgba(250,160,38,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(250,160,38,0.7) 0%,rgba(250,160,38,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3faa026', endColorstr='#b3faa026',GradientType=1 ); /* IE6-9 */	
}
.col_issue_tag{
background: -moz-linear-gradient(left,  rgba(9,171,9,0.7) 0%, rgba(9,171,9,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(9,171,9,0.7) 0%,rgba(9,171,9,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(9,171,9,0.7) 0%,rgba(9,171,9,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b309ab09', endColorstr='#b309ab09',GradientType=1 ); /* IE6-9 */
}
.col_live_tag{
background: -moz-linear-gradient(left,  rgba(255,6,0,0.7) 0%, rgba(255,6,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,6,0,0.7) 0%,rgba(255,6,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,6,0,0.7) 0%,rgba(255,6,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ff0600', endColorstr='#b3ff0600',GradientType=1 ); /* IE6-9 */
}
.col_plus_tag{
background: -moz-linear-gradient(left,  rgba(0,120,255,0.7) 0%, rgba(0,120,255,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,120,255,0.7) 0%,rgba(0,120,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,120,255,0.7) 0%,rgba(0,120,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b30078ff', endColorstr='#b30078ff',GradientType=1 ); /* IE6-9 */
}
.col_sensi_tag{
background: -moz-linear-gradient(left,  rgba(161,79,203,0.7) 0%, rgba(161,79,203,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(161,79,203,0.7) 0%,rgba(161,79,203,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(161,79,203,0.7) 0%,rgba(161,79,203,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3a14fcb', endColorstr='#b3a14fcb',GradientType=1 ); /* IE6-9 */
}
.grid_1{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+50,0.87+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.87) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.87) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.87) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#de000000',GradientType=0 ); /* IE6-9 */
}
.grid_2{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0.3+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */
}
.grid_3{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+14,1+89 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 14%, rgba(0,0,0,1) 89%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 14%,rgba(0,0,0,1) 89%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 14%,rgba(0,0,0,1) 89%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.grid_4{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.9+0,0.9+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
}
/* ellipsis */
.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.ellipsis2, .ellipsis3, .ellipsis4{display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; word-wrap:break-word} 
.ellipsis2{-webkit-line-clamp:2}.ellipsis3{-webkit-line-clamp:3}.ellipsis4{-webkit-line-clamp:4}
/* font-weight */
.f200{font-weight:200}.f300{font-weight:300}.f400{font-weight:400}.f500{font-weight:500}.f600{font-weight:600}.f700{font-weight:700}
/* static */
.static{background-image:url(/resource/img/static.png); background-size:250px 500px}
/* etc */
body{background-color:#f2f2f2}
.tit_1{position:relative; overflow:hidden; font-size:17px; letter-spacing:-1px}
.bar_1{color:#444}
.bar_2{display:inline-block; width:18px; height:17px; background-position:-90px -49px; vertical-align:top}
.bar_3{color:#ccc}
.btn_bg{position:relative; overflow:hidden; text-align:center}
.btn_like{position:relative; overflow:hidden; height:40px; line-height:40px; border:1px solid #ddd; box-sizing:border-box; margin:0 auto; display:inline-block; color:#333; letter-spacing:-1px}
.more{position:relative; overflow:hidden; display:block; text-align:center; font-size:15px; color:#ccc; letter-spacing:-1px}
.more_2{position:relative; overflow:hidden; display:inline-block; float:right; font-size:13px; color:#999; letter-spacing:-1px}
.btn{display:inline-block !important; color:#000; border:1px solid #000; margin:2px 0; overflow:hidden; height:46px; line-height:46px; font-size:16px; letter-spacing:-0.5px; box-sizing:border-box; text-align:center}
.btn_1{color:#fff; border:1px solid #000; background-color:#000}
.btn_2{color:#fff; border:1px solid #fff; background-color:transparent}
.btn_3{color:#000; border:1px solid #fff; background-color:#fff}
.header_blank{position:relative; overflow:hidden; line-height:53px; height:53px; text-align:center; letter-spacing:-1px; color:#ccc; text-shadow:#FFF 1px 1px 1px}
.top{position:fixed; overflow:hidden; width:40px; height:34px; bottom:20px; right:15px; z-index:9; display:block; background-position:-183px -75px}

.none {display:none !important;}
.bnone {border:none !important;}

/* index ================================================================================================================================================ */






@media (min-width:2000px) {
	/* header */
	header{position:fixed; left:0; top:0; width:100%}
	body, body.header_layout_special.change, body.header_layout_special.header_layout_column.change{padding-top:59px}
	body.header_layout_special{padding-top:99px}
	body.header_layout_special.header_layout_column{padding-top:140px}
	.header_special_li li{width:211px !important}
	/* column */
	body.body_column_4, body.body_column_2{-webkit-column-gap:10px; column-gap:10px; margin:0 20px}
	body.body_column_4{column-width:290px}
	body.body_column_2{column-width:327px}
	body.body_column_1{max-width:800px; margin:0 auto}
	body.body_column_4 section, body.body_column_2 section{display:inline-block; width:100%}
}
@media (min-width:2000px) {
	body.body_column_2{max-width:1000px; margin:0 auto}
}
@media (min-width:2200px) {
	body.body_column_4{max-width:1200px; margin:0 auto}
}








/* header */
.header{position:fixed; overflow:hidden; background-color:#000; width:100%; z-index:10; text-align:center}
.logo, .cate{position:relative; display:inline-block; float:left}
.logo{width:100px; height:24px; overflow:hidden;color:white}
.cate{font-size:14px; top:8px; letter-spacing:-0.7px}
.sch, .menu{position:absolute; overflow:hidden; display:block; width:23px; height:23px; top:15px}
.sch{left:15px; background-position:-65px 0;}
/* menu */
.menu{right:15px; color:transparent; cursor:pointer; display:block}
.menu span{display:block; width:23px; height:2px; margin:4px auto; background:#fff;
    -webkit-transition: all 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: translate3d(0, 0, 0); -transform: translate3d(0, 0, 0);
    -webkit-backface-visibility:hidden; backface-visibility:hidden}
.menu.active .bar1{-webkit-transform:rotate(45deg); transform:rotate(45deg)}
.menu.active .bar2{opacity:0}
.menu.active .bar3{-webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:-12px}
/* menu_bg */
.menu_bg{display:none; position:fixed; z-index:11; width:100%; height:100%; top:53px; color:#fff; text-align:center; line-height:22px; letter-spacing:-0.5px; overflow-x:hidden}
.menu_bg dl{display:block; overflow:hidden}
.menu_bg dt{font-weight:500; padding:10px 0 5px}
.menu_bg dd{font-size:14px; display:inline-block; padding:0 5px; font-weight:300}
.menu_bg ul{display:block; margin:20px 15px 5px; border-radius:5px; overflow:hidden}
.menu_bg li{display:block; float:left; border:1px solid #777; margin-right:-1px; width:33.33%; letter-spacing:-1px; box-sizing:border-box; line-height:20px; font-size:14px; text-align:center}
.menu_bg_btn{display:block; padding:5px 0}
/* main */
#touch{position:relative; overflow:hidden; width:100%; margin:0 auto}
#touch ul{position:absolute; top:0; left:0; overflow:hidden}
#touch ul li{float:left; width:100%; height:280px; background-color:#630}
.tch_paging{position:absolute; text-align:center; overflow:hidden; top:308px; left:0; right:0; z-index:1;}
.tch_paging .tch_btn_page{display:inline-block; width:10px; height:10px; border-radius:5px; margin:3px; font-size:0; background:#666}
.tch_paging .tch_btn_page.on{background:#fff}


.main, .main_bg, .main_img{overflow:hidden; width:100%; height:280px}
.main{position:relative; display:block}
.main_bg, .main_img{position:absolute}
.main_t1{position:absolute; bottom:30px; overflow:hidden; font-size:22px; line-height:28px; max-height:57px; text-align:center; letter-spacing:-1px; word-break:keep-all; padding:0 15%;width:70%;}
/* con */
.con, .swiper_bg, .swiper_img, .swiper_t1{position:relative; overflow:hidden}
/* swiper */
.swiper-container{width:100%; height:150px}
.swiper-slide{width:140px !important; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center;-webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items: center}
.swiper-slide a{display:block; border:1px solid #e5e5e5; box-sizing:border-box; background-color:#fff}
.swiper_img{width:140px; height:91px}
.swiper_t1{font-size:14px; line-height:18px; height:37px; letter-spacing:-0.5px}
.swiper_t2{font-size:14px; line-height:18px; letter-spacing:-0.5px; width:130px}
/* card */
.tag{position:absolute; z-index:2; padding:5px 7px; letter-spacing:-1px; font-size:12px}
.card, .card li a, .card_img, .card_txt_1, .card_txt_2, .card_txt_1_bg, .card_txt_4_box, .card_txt_5_box, .card_txt_3_l{position:relative; overflow:hidden}
.card, .card li a{display:block}
.card li{height:339px; background-color:#fff;}
.card_img{width:100%; height:210px; background-size:cover !important}
.card_txt_bg{position:absolute; overflow:hidden; bottom:0; width:100%; letter-spacing:-1px; background-color:#fff; z-index:2}
.card_txt_1_bg{height:78px; display:block}
.card_txt_1{font-size:18px; line-height:22px; max-height:44px; word-break:keep-all}
.card_txt_2{font-size:14px; color:#999}
.card_txt_3{font-size:12px; line-height:21px; height:21px; color:#222; letter-spacing:-0.5px}
.card_txt_3_l{float:left}
.card_txt_3_box_bg{float:right; color:#999; max-width:140px; display:block}
.card_txt_3_box{line-height:17px; border:1px solid #CCC; padding:1px 7px; display:inline-block; float:left}
.card_txt_4_box, .card_txt_5_box{width:23px; height:23px; float:left; background-position:-111px -1px}
.card_txt_5_box{background-position:-226px -1px}
.play{position:absolute; width:62px; height:62px; background-position:0 0; margin-top:74px; left:50%; z-index:1; margin-left:-31px}
.play_2{position:absolute; width:25px; height:25px; background-position:-153px -75px; z-index:1}
.main_bg_2{position:absolute; overflow:hidden; width:100%; height:339px; z-index:1}
.loader{text-align:center}
/* footer */
.footer{position:relative; overflow:hidden; background-color:#333; border-top:1px solid #222; color:#999; text-align:center; font-size:13px; line-height:20px; letter-spacing:-0.5px}
.foot_btn{display:inline-block; background-color:#3d3d3d; border:1px solid #2e2e2e}


/* list ================================================================================================================================================ */
/* main2 */
.main2, .main2_bg, .main2_img{overflow:hidden; width:100%; height:390px}
.main2{position:relative}
.main2_bg, .main2_img{position:absolute}
.main2_t1_bg{position:absolute; bottom:21px; overflow:hidden; text-align:center; width:100%}
.main2_t1{position:relative; font-size:22px; line-height:28px; max-height:57px; letter-spacing:-1px; word-break:keep-all; padding:0 15%; display:block}
.main2_t2{position:relative; color:#999; font-size:13px; letter-spacing:-0.5px}
.main2_sns, .main2_sns2{display:inline-block}
.main2_sns li, .main2_sns2 li{float:left; overflow:hidden; border:1px solid #fff; box-sizing:border-box; margin-right:-1px}
.sns_fb, .sns_ks, .sns_gg, .sns_tw{display:block; overflow:hidden; position:relative; width:36px; height:36px}
.sns_fb{background-position:0 -75px}
.sns_ks{background-position:-38px -75px}
.sns_gg{background-position:-76px -75px}
.sns_tw{background-position:-115px -75px}
.sns_tt_bg{display:inline-block; overflow:hidden; line-height:23px}
.sns_tt, .sns_lk, .sns_lk2, .sns_vw, .sns_sh{display:inline-block; overflow:hidden; width:23px; height:23px; vertical-align:middle; margin:-4px 3px 0 0}
.sns_tt{background-position:-65px -23px}
.sns_lk{background-position:-88px -23px}/* 좋아요 누르기전 */
.sns_lk2{background-position:-134px -23px}/* 좋아요 누르기전 */
.sns_lk.on, .sns_lk2.on{background-position:-111px -23px}/* 좋아요 누른후 on */
.sns_vw{background-position:-157px -23px}
.sns_sh{background-position:-203px -23px}
.main2_li{display:block; overflow:hidden; background-color:#000; padding:5px 15px 10px}
.main2_li li, .main2_li li a{display:block; overflow:hidden; float:left}
.main2_li li{width:49%}
.main2_li li:nth-child(odd){margin-right:2%}
.main2_li li a{width:100%}
.main2_li_img, .main2_li_txt{position:relative; overflow:hidden}
.main2_li_img{width:100%; height:91px;}
.main2_li_txt{font-size:14px; line-height:18px; height:37px; letter-spacing:-0.5px; color:#fff}
/* main3 */
.main3{position:relative; overflow:hidden; background-color:#000; color:#fff}
.main3_t1, .main3_t2, .main3_t3, .main3_t4{position:relative; overflow:hidden}
.main3_t1{font-size:21px; line-height:26px; max-height:52px; letter-spacing:-1px; display:block; word-break:keep-all}
.main3_t2{font-size:13px; color:#666; letter-spacing:-0.5px}
.main3_t3{font-size:12px; color:#666}
.main3_t3 a{display:block; float:left; line-height:19px}


/* view ================================================================================================================================================ */
/* view_1 */
.view1{position:relative; overflow:hidden; background-color:#000}
.view1_t1{position:relative; color:#999; font-size:13px; letter-spacing:-0.5px}
.view1_t1 > span{border:1px solid #ddd; box-sizing:border-box; padding:4px 7px 3px; margin-right:-1px; color:#444; float:left}
.main2_sns3{float:right; display:inline-block}
.main2_sns3 li{float:left; overflow:hidden}
.sns_fb2, .sns_ks2, .sns_gg2, .sns_tw2{display:block; overflow:hidden; position:relative; width:32px; height:32px}
.sns_fb2{background-color:#3c5899; background-position:-3px -77px}
.sns_ks2{background-color:#fcb700; background-position:-41px -77px}
.sns_gg2{background-color:#ce3628; background-position:-78px -77px}
.sns_tw2{background-color:#6badd0; background-position:-117px -77px}
@media screen and (max-width:374px) {
.view1_t1{padding-bottom:10px}
.main2_sns2{float:left !important; padding:10px 0 0 15px}
.main2_sns3{float:left; padding:0}	
}
.editor{position:relative; overflow:hidden; font-size:17px; line-height:26px; text-align:left; background-color:#fff; letter-spacing:-0.5px; padding: 0 15px;}
.editor p{margin:0 15px}
.editor_img{max-width:100%; margin:20px auto; text-align:center; font-size:13px; line-height:16px; color:#777}
.editor_img img{max-width:100%; display:block; margin:0 auto 10px}



/* cmm ================================================================================================================================================ */
/* cmm */
.cmm, .cmm_write, .cmm_write1, .cmm_write2, .cmm_write3{position:relative; overflow:hidden}
.cmm_write{background-color:#f5f5f5; padding:15px}
.cmm_write1{font-size:16px; font-weight:500; line-height:24px; margin-bottom:10px; letter-spacing:-0.5px}
.cmm_write2, .cmm_write3{border:1px solid #000; height:44px; font-size:16px}
.cmm_write2{width:75%; color:#000; letter-spacing:-0.5px; float:left; padding-left:10px}
.cmm_write3{width:25%; color:#FFF; letter-spacing:-1px; background-color:#000}
/* cmm_li */
.cmm_li{position:relative; overflow:hidden; display:block; background-color:#f5f5f5}
.cmm_li>li, .cmm_li>li>ul, .cmm_li>li>ul>li{overflow:hidden; display:block}
.cmm_li>li>ul{float:left; width:100%}
.cmm_li_t1, .cmm_li_t2, .cmm_li_t3{margin:0 15px; letter-spacing:-0.5px}
.cmm_li_t1{font-size:15px; color:#222; font-weight:500; padding:20px 0 8px}
.cmm_li_t2{font-size:15px; color:#444; font-weight:400; padding-bottom:7px; line-height:21px}
.cmm_li_t3{font-size:13px; color:#aaa; font-weight:400; padding-bottom:5px}
.cmm_li_t4_bg{position:relative; overflow:hidden; margin:0 15px; border-bottom:1px solid #e4e4e4}
.cmm_li_t4{font-size:13px; color:#333; font-weight:500; padding:7px 10px; float:left; margin:5px 5px 15px 0; border:1px solid #e0dedf; background-color:#FFF; cursor:pointer}
.cmm_show{float:left; background-color:#eaeaea; overflow:hidden; border:1px solid #e1e1e1; border-left:none; border-right:none; width:100%; margin-top:-1px}
.cmm_show ul{display:block; padding-left:15px}


/* search ================================================================================================================================================ */
/* radio */
.search_bg{position:relative; overflow:hidden; background-color:#000}
.checks{position: relative; overflow:hidden; font-size:17px}
.checks input[type="radio"]{position: absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.checks input[type="radio"] + label{display:inline-block; position:relative; padding:0 15px 0 23px; cursor: pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none}
.checks input[type="radio"] + label:before{content: ''; position:absolute; left:0; top:0; width:15px; height:15px; text-align:center; border:1px solid #fff;  border-radius:100%}
.checks input[type="radio"]:checked + label:before{border-color: #fff}
.checks input[type="radio"]:checked + label:after{content: ''; position: absolute; top:6px; left:6px; width:5px; height:5px; background:#fff; border-radius:100%}
/* search */
#search_2{display:none}
#search_1, #search_2{position:relative; overflow:hidden}
#search_1 ul, #search_1 li, #search_1 li a{display:block}
#search_1 li{float:left; font-size:14px; padding:6px 15px; border:1px solid #999; box-sizing:border-box; margin:3px 4px 3px 0; color:#eee; text-align:center; letter-spacing:-1px}
#search_1 li.on, #search_1 li:hover{border:1px solid #faa026; color:#faa026; font-weight:500; position:relative}
#search_2 input{float:left; width:90%; border:none; border-bottom:1px solid #FFF; background-color:#000; color:#faa026}
.search_2_btn{float:left; width:10%; overflow:hidden; background-color:#000; padding:10px 0 9px; cursor:pointer}
#search_2 button{width:23px; height:23px; background-position:-65px 0; background-color:#000; font-size:0; display:block; margin:0 auto}
/* result */
.result{position:relative; overflow:hidden; background:#FFF}
.result ul, .result li, .result li a{position:relative; display:block; overflow:hidden}
.result ul{border-top:1px solid #f4f4f4}
.result li{border-bottom:1px solid #f4f4f4}
.result li a{padding:8px 0}
.result_li_l, .result_li_r_bg{position:relative; overflow:hidden; float:left; height:75px}
.result_li_l{width:33%; margin-right:4%}
.result_li_r_bg{width:63%; display:table; font-size:15px}
.result_li_r{display:table-cell; vertical-align:middle}
.result_li_r_t1{line-height:20px; max-height:40px; letter-spacing:-0.8px}
.result_no{position:relative; overflow:hidden; text-align:center; background-color:#fff; font-size:16px; letter-spacing:-1px; color:#888; line-height:22px}


/* login ================================================================================================================================================ */
/* login */
.login{position:relative; overflow:hidden; background-color:#fff}
.login input[type='text'],.login input[type='password'],.login input[type='tel']{width:100%; margin:2px 0}
.login ul, .login li, .login li a{position:relative; overflow:hidden; display:block}
.login li{margin:8px 0; font-size:15px; line-height:20px; word-break:keep-all; letter-spacing:-1px; color:#999}
.login button{width:100%; margin:2px 0; color:#fff; overflow:hidden; height:46px; font-size:16px; letter-spacing:-0.5px}
.login_sns_1, .login_sns_2, .login_sns_3, .login_sns_4, .login_sns_5, .login_sns_6{position:absolute; width:38px; height:38px; top:6px}
.login_sns_1{background-position:-38px -112px}
.login_sns_2{background-position:0 -112px}
.login_sns_3{background-position:0 -75px}
.login_sns_4{background-position:-113px -75px}
.login_sns_5{background-position:-38px -75px}/* 회원가입완료 카스 */
.login_sns_6{background-position:0 -151px}/* 회원가입완료 유튜브 */
.login_t1{font-size:14px !important; color:#aaa !important}
.login_btn_bg{position:relative; overflow:hidden}
/* check */
.login_save_bg{position:relative; overflow:hidden; text-align:left; cursor:pointer; display:inline-block; vertical-align:top}
.login_save_bg span{float:left; display:block; width:22px; height:22px; border:1px solid #eee; box-sizing:border-box; background-position:-77px -114px}
.login_save_bg label{float:left; cursor:pointer}
.hooc_check{position:absolute; top:0; left:0; opacity:0; cursor:pointer; z-index:1}
.hooc_check:checked+span {background-position:left bottom; border:1px solid #000; background-position:-99px -114px}
.hooc_check:checked+span+label {color:#000; font-weight:500}
/* provision */
.provision, .provision2{position:relative; overflow:hidden; font-size:13px; color:#999; line-height:18px; text-align:justify; letter-spacing:-1px}
.provision{overflow-y:scroll; border:1px solid #d8d8d8; box-sizing:border-box; height:100px; background-color:#f9f9f9}
.provision b, .provision2 b{color:#222; font-weight:500}
.provision table, .provision2 table{width:100%; font-size:10px; text-align:center; background-color:#fff}
.provision th, .provision td, .provision2 th, .provision2 td{border:1px solid #e8e8e8; box-sizing:border-box; padding:2px 1px; vertical-align:middle}
.provision th, .provision2 th{background-color:#f4f4f4; color:#555}
.login select{padding:10px 7px 9px}
.join{position:relative; overflow:hidden; text-align:center}


/* my ================================================================================================================================================ */
/* tab1 */
.tab1{display:block; clear:both; *zoom:1}
.tab1:after{display:block; height:0; content:"."; font-size:0; visibility:hidden; clear:both}
.tab1>.tab_menu>li{float:left; text-align:center; font-size:14px; width:50%; border:1px solid #000; box-sizing:border-box}
.tab1>.tab_menu>li:first-child{border-radius:5px 0 0 5px}
.tab1>.tab_menu>li:last-child{border-radius:0 5px 5px 0}
.tab1>.tab_menu .tit{display:block; padding:5px 0; color:#000; cursor:pointer}
.tab1>.tab_menu .on {position:relative; background-color:#000}
.tab1>.tab_menu .on .tit {color:#fff}
.tab1>.tab_cont {float:left; width:100%; clear:both}
.my_t1{position:relative; overflow:hidden; letter-spacing:-1px; word-break:keep-all; line-height:20px; font-size:14px; color:#999}
.my_tb{width:100%}
.my_tb th, .my_tb td{font-size:14px; line-height:17px; padding:10px; vertical-align:middle; border:1px solid #ddd; border-left:none; border-right:none}
.my_tb th{font-weight:500; color:#333; background-color:#f3f3f3; text-align:center}
.my_tb td{font-weight:400}
.my_tb td a{color:#666}
/* paging */
.paging{position:relative; overflow:hidden; text-align:center; font-size:18px}
.paging ul{display:inline-block; overflow:hidden}
.paging li{display:block; overflow:hidden; float:left; width:40px; color:#000 !important}
.paging li.on, .paging li:hover{background-color:#000; color:#fff !important; font-weight:500}
.paging li a{display:block; overflow:hidden; line-height:40px}
/* write_bg */
.write_bg{position:relative; overflow:hidden}
.write_1, .write_2, .write_3{border-top:none !important; border-left:none !important; border-right:none !important; margin:0 !important; padding-left:15px !important; background-color:#fff !important; border-bottom:1px solid #ececec !important}
.write_2_bg{position:relative; border-bottom:1px solid #ececec; overflow:hidden; padding:10px 15px 9px}
.write_2_align{position:relative; overflow:hidden; float:right}
.write_2_align li{float:left; margin:0}
.write_2_align_1, .write_2_align_2, .write_2_align_3{width:23px; height:23px; display:block; margin-left:5px}
.write_2_align_1{background-position:-134px -46px}
.write_2_align_2{background-position:-157px -46px}
.write_2_align_3{background-position:-180px -46px}
.write_3{width:100%; height:300px; padding:15px}


/* add paging */
.cmtPaging {margin-top:20px;text-align:center;font-size:0;line-height:0}
.cmtPaging strong {display:inline-block;*display:inline;width:44px;height:39px;*margin-left:-1px;line-height:39px;font-family:'helvetica';font-weight:normal;font-size:16px;color:#666;border:1px solid #e0e0e0;border-right:1px solid #ededed;border-left:0;background-color:#f1f1f1;*zoom:1}
.cmtPaging a {display:inline-block;*display:inline;width:44px;height:39px;*margin-left:-1px;line-height:39px;font-family:'helvetica';font-size:16px;color:#666;border:1px solid #e0e0e0;border-right:1px solid #ededed;border-left:0;vertical-align:top;*zoom:1}
.cmtPaging a.prev, 
.cmtPaging a.next {width:44px;height:39px;border:1px solid #e0e0e0;background:url(/resource/img/paging.png) no-repeat 0 0}
.cmtPaging a.prev {border-right:1px solid #ededed;background-position: 0 0}
.cmtPaging a.next {border-left:0;background-position: 0 -50px}
.cmtPaging a:hover {background-color:#f9f9f9}
.cmtPaging.v2 strong {color:#fff;border:1px solid #ee563e;border-left:0;background-color:#ee563e}
.cmtPaging.v2 a:hover {background-color:#f1f1f1}


/* ---------------------------------------------- search ---------------------------------------------- */
.sch_list_bg, .sch_list_bg ul, .sch_list_txt{position:relative; overflow:hidden}
.sch_list_bg ul, .sch_list_bg li, .sch_list_bg a{display:block}
.sch_list_bg li{width:248px; float:left;margin:0 15px 20px 0}
.sch_list_bg li:nth-child(4n), .sch_list_bg li:last-child{margin-right:0}
.sch_list_img{width:100%; height:130px}
.sch_list_txt{font-size:15px; line-height:23px; height:46px; color:#666; letter-spacing:-0.5px; word-break:keep-all; text-align:center}
.no_result{position:relative; overflow:hidden; font-size:15px; text-align:center; color:#bbb; line-height:20px}


/* ------------------------------------ list more ----------------------------------------------------*/
.list_more {clear: both;width: 1100px; height: auto;padding: 12px 0;border-top: solid 1px #e0e0e0;border-left: solid 1px #e0e0e0;border-right: solid 1px #e0e0e0;border-bottom: solid 1px #bcbcbc;text-align: center;font-family: 'MalgunGothic',malgun gothic;display: block;cursor: pointer;color: #333;}