@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'], select, textarea{display:inline-block; box-sizing:border-box; -webkit-appearance:none; border-radius:0; vertical-align:top; border:1px solid #d8d8d8; font-size:16px; color:#333}
input[type='text']{padding:5px 10px; background-color:#fff; letter-spacing:-0.5px}
input[type='password']{padding:10px 7px 9px; background-color:#f9f9f9}
input[type='check']{width:10px; height:10px; border-radius:0}
button{vertical-align:top; background-color:transparent}
/* color */
.col_white{color:#fff !important}
.col_black{color:#000 !important}
.col_on{color:#faa026 !important}
.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 */
}
/* ellipsis */
.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.ellipsis2{display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; word-wrap:break-word; -webkit-line-clamp:2}
/* font-weight */
.f100{font-weight:100}.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(../image/static.png); background-size:250px 500px}
/* banner */
.bnn_1{position:relative; overflow:hidden; display:block; width:100%; text-align:center; background-color:#fff}
.bnn_1 img{max-width:100%; max-height:75px}
/* etc */
body{background-color:#f2f2f2}
.tit_1{position:relative; overflow:hidden; font-size:20px; line-height:23px; letter-spacing:-1px}
.tit_2{position:relative; overflow:hidden; font-size:20px; line-height:23px; letter-spacing:-1px; background-color:#f2f2f2}
.bar_1{color:#444}/* footer */
.bar_2{color:#ddd; font-size:12px; vertical-align:top}/* sec */
.more{position:relative; overflow:hidden; display:block; width:23px; height:23px; float:right; background-position:-23px 0}
.btn_bg{position:relative; overflow:hidden; text-align:center}
.btn{display:block; color:#999; border:1px solid #eee; overflow:hidden; font-size:15px; letter-spacing:-0.5px; box-sizing:border-box; text-align:center}
.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:0 -23px}


/* wrap, header ================================================================================================================================================ */
.wrap, .logo{position:relative; overflow:hidden}
.header{position:fixed; overflow:hidden; background-color:#fff; width:100%; z-index:10; text-align:center}
.logo{display:inline-block}
.menu, .sch{position:absolute; overflow:hidden; display:block; width:23px; height:23px; top:15px}
.sch{right:15px; background-position:0 0}
.sch_bg, .sch_bg_2{overflow:hidden; z-index:10; background-color:#f2f2f2; left:0; right:0;}
.sch_bg{position:fixed; display:none}
.sch_bg_2{position:relative}/* 검색페이지 고정 */
.intype_1{width:80%; float:left; border:1px solid #000 !important; height:40px}
.intype_2{float:left; background-color:#000; width:20%; height:40px}
.intype_3{width:23px; height:23px; background-position:-40px -23px}
/* menu */
.menu{left:15px; color:transparent; cursor:pointer; display:block}
.menu span{display:block; width:23px; height:2px; margin:4px auto; background:#000;
    -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; line-height:22px; letter-spacing:-0.5px; overflow-x:hidden; background-color:#fff}
.menu_bg_li_img_1, .menu_bg_li_img_2, .menu_bg_li_img_3, .menu_bg_li_img_4, .menu_bg_li_img_5, .menu_bg_li_img_6, .menu_bg_li_img_7, .menu_bg_li_img_8, .menu_bg_li_img_9, .menu_bg_li_img_10, .menu_bg_li_img_11, .menu_bg_li_img_12{width:40px; height:40px; margin:5px auto}
.menu_bg_li_img_1{background-position:0 -58px}
.menu_bg_li_img_2{background-position:-40px -58px}
.menu_bg_li_img_3{background-position:-80px -58px}
.menu_bg_li_img_4{background-position:-120px -58px}
.menu_bg_li_img_5{background-position:-160px -58px}
.menu_bg_li_img_6{background-position:-200px -58px}
.menu_bg_li_img_7{background-position:0 -98px}
.menu_bg_li_img_8{background-position:-40px -98px}
.menu_bg_li_img_9{background-position:-80px -98px}
.menu_bg_li_img_10{background-position:-120px -98px}
.menu_bg_li_img_11{background-position:-160px -98px}
.menu_bg_li_img_12{background-position:-200px -98px}
.menu_bg > a{display:block; margin-bottom:10px;}
.menu_bg ul, .menu_bg li, .menu_bg li a{position:relative; overflow:hidden; display:block}
.menu_bg li{float:left; width:50%; text-align:center; font-size:13px; color:#666; margin-top:-10px;}
.menu_bg li + li a{border-left:1px solid #f3f3f3}


/* slide ================================================================================================================================================ */
.slide, #touch{position:relative; overflow:hidden}
#touch{width:100%; margin:0 auto}
#touch ul{position:absolute; top:0; left:0; overflow:hidden}
#touch ul li{float:left; width:100%; height:280px}
.tch_paging{position:absolute; text-align:center; overflow:hidden; top:255px; 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{display:block}
.main_bg, .main_img, .main_t1{position:absolute}
.main_t1{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, #slide2, #slide3, #slide4, #slide5, #slide2 ul li a, #slide3 ul li a, #slide4 ul li a, #slide5 ul li a, .slide2_txt, .slide3_txt, .slide4_txt, .slide5_txt, .con_li_1, .con_li_1 li, .con_li_1 li a, .con_li_1_img, .con_li_1_txt{position:relative; overflow:hidden}
.con{background-color:#fff}
#slide2, #slide3, #slide4, #slide5{width:100%; margin:0 auto}
#slide2 ul, #slide3 ul, #slide4 ul, #slide5 ul{position:absolute; top:0; left:0; overflow:hidden}
#slide2 ul li, #slide3 ul li, #slide4 ul li, #slide5 ul li{float:left; width:100%}
#slide2 ul li a, #slide3 ul li a, #slide4 ul li a, #slide5 ul li a{display:block}
.slide2_img, .slide3_img, .slide4_img, .slide5_img{width:100%; height:180px; background-size:cover !important}
.slide5_img{height:0; padding-bottom:60%}
#slide5{height:auto !important;}
#slide5 > ul{position:relative; overflow:hidden !important; display:flex; top:inherit !important; left:inherit !important; width:100% !important;}
#slide5 > ul > li{position:relative !important; display:inline-block; vertical-align: top; top:inherit !important; left:inherit !important; flex-shrink:0; width:100% !important; height:100%;}
.slide2_txt, .slide3_txt, .slide4_txt, .slide5_txt{font-size:18px; letter-spacing:-1px}
.slide5_txt{text-align:center}
*/

.con, .slide2, .slide2 ul li a, .slide2_txt, .con_li_1, .con_li_1 li, .con_li_1 li a, .con_li_1_img, .con_li_1_txt{position:relative; overflow:hidden}
.con{background-color:#fff}
.slide2{width:100%; margin:0 auto}
.slide2 ul{position:absolute; top:0; left:0; overflow:hidden}
.slide2 ul li{float:left; width:100%}
.slide2 ul li a{display:block}
.slide2_img{width:100%; height:180px; background-size:cover !important}
.slide2_txt{font-size:18px; letter-spacing:-1px}

.slide5_img{height:0; padding-bottom:60%}
.slide5{height:auto !important;}
.slide5 > ul{position:relative; overflow:hidden !important; display:flex; top:inherit !important; left:inherit !important; width:100% !important;}
.slide5 > ul > li{position:relative !important; display:inline-block; vertical-align: top; top:inherit !important; left:inherit !important; flex-shrink:0; width:100% !important; height:100%;}

.slide5_txt{text-align:center}


.btn_area{position:absolute; top:15px; left:50%; margin-left:-21px}
.btn_area2{position:relative; text-align:center}
.btn_area .btn_page, .btn_area2 .btn_page{display:inline-block; width:10px; height:10px; margin:2px; border-radius:5px; background:#bbb; font-size:0}
.btn_area .btn_page.on, .btn_area2 .btn_page.on{background:#e95c00}
/* con_li_1 */
.con_li_1, .con_li_1 li, .con_li_1 li a, .con_li_1_img, .con_li_1_txt{display:block}
.con_li_1 li{width:50%; float:left}
.con_li_1 li a{border:1px solid #eee; box-sizing:border-box}
.con_li_1_img{width:100%; height:100px; background-size:cover !important}
.con_li_1_txt{display:-webkit-box; height:40px; font-size:15px; line-height:20px; letter-spacing:-1px; font-weight:300}
/* list_top_slide */
.list_top_slide{width:100%; height:100%}
.list_top_slide_img_bg{position:relative; overflow:hidden; padding-bottom:60%}
.list_top_slide .list_top_slide_img_bg img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.list_top_slide .list_top_slide_t{letter-spacing:-0.5px; font-size:18px; line-height:1.3}
.list_top_slide .swiper-pagination{position:relative; bottom:inherit; top:inherit; left:inherit; font-size:0; padding-bottom:5px}
.list_top_slide .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width:10px; height:10px; margin:0 2px; background:#bbb; opacity:1}
.list_top_slide .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#e95c00 !important}



/* footer ================================================================================================================================================ */
.footer{position:relative; overflow:hidden; background-color:#333; border-top:1px solid #222; color:#999; text-align:center; font-size:13px; line-height:22px; letter-spacing:-0.7px}
.sns_fb, .sns_in, .sns_nl, .sns_pc{background-color:#000; width:23px; height:23px; display:inline-block; vertical-align:middle; margin-top:-2px; border-radius:50%}
.sns_fb{background-position:-138px 0}
.sns_in{background-position:-161px 0}
.sns_nl{background-position:-184px 0}
.sns_pc{background-position:-207px 0}



/* sec ================================================================================================================================================ */
.tit_3{font-size:15px; color:#666; vertical-align:top}/*소카테*/
.tit_3.on{color:#e95c00}
.con_li_2, .con_li_2 li, .con_li_2 li a, .con_li_2_img, .con_li_2_t_bg, .con_li_2_t_1, .con_li_2_t_2, .con_li_2_t_3{position:relative; overflow:hidden}
.con_li_2, .con_li_2 li, .con_li_2 li a{display:block}
.con_li_2 li a{border-bottom:1px solid #f1f1f1}
.con_li_2_img{background-size:cover !important; width:33%; height:85px; float:left}
.con_li_2_t_bg{float:left; width:67%; letter-spacing:-0.5px}
.con_li_2_t_1{font-size:13px; color:#999}
.con_li_2_t_2{font-size:15px; color:#333; line-height:19px; letter-spacing:-1px; height:38px}
.con_li_2_t_3{font-size:11px; color:#ccc; float:right}
.result_list .con_li_2_t_bg em{font-weight:600; color:#eb5c02}

/* view ================================================================================================================================================ */
.view_top, .view, .view_bottom, .view_bottom_l, .view_bottom_r, .view_bottom_r ul, .view_bottom_r li, .view_bottom_r li a, .view, .sns_fb_2, .sns_tw_2, .sns_ks_2, .sns_pf_2{position:relative; overflow:hidden}
.view_top{font-size:22px; line-height:28px; letter-spacing:-1.5px}
.view_top h1{font-size:inherit; margin:inherit;}
.view_bottom{border-bottom:1px solid #f3f3f3}
.view_bottom_l{float:left; font-size:12px; color:#999}
.view_bottom_r{float:right}
.view_bottom_r ul, .view_bottom_r li, .view_bottom_r li a{display:block}
.view_bottom_r ul{}
.view_bottom_r li{float:left; border:1px solid #eee; margin:0 1px; border-radius:50%}
.view_bottom_r li a{font-size:17px; width:21px; height:21px; line-height:21px; text-align:center; border-radius:50%}
.sns_fb_2, .sns_tw_2, .sns_ks_2, .sns_pf_2{width:23px; height:23px}
.sns_fb_2{background-position:-63px -24px}
.sns_tw_2{background-position:-86px -24px}
.sns_ks_2{background-position:-110px -24px}
.sns_pf_2{background-position:-133px -24px}
.view{font-size:17px; line-height:26px; color:#444; letter-spacing:-1px}/* 폰트 사이즈 변경시 font-size:1px 당 2line-height:2px 증가 및 감소 */
.view img{display:block; margin:15px auto; max-width:100%;}
.ad_google{position:relative; overflow:hidden; background-color:#fff; text-align:center}
.ad_google img{max-width:100%}
.view p{margin:20px 0}

/* error page */
.error_page{padding-top:90px;text-align:center;background:#fff}
.error_page .errer_area{margin:0 auto;padding:0 15px 50px}
.error_page .ico_error{display:inline-block;width:63px;height:63px}
.error_page .ico_error svg{fill:#e75b11}
.error_page .info_box{padding-top:35px}
.error_page .info_box .error_title{color:#000;font-size:28px;line-height:38px;font-weight:300}
.error_page .info_box .error_text{margin-top:40px;color:#555;font-size:16px;line-height:28px;font-weight:300}
.error_page .info_box .error_text + .error_text{margin-top:20px}
.error_page .info_box .error_text a{color:#e75b11;text-decoration:underline}
.error_page .btn_box{margin-top:55px;text-align:center;font-size:0}
.error_page .btn_box .btn_before{display:inline-block;padding:0 25px;color:#333;font-size:16px;line-height:46px;border:1px solid #bbb;border-radius:5px;background:#fff}
.error_page .btn_box .btn_home{display:inline-block;margin-left:10px;padding:0 25px;color:#fff;font-size:16px;line-height:46px;border-radius:5px;background:#e75b11}

.error_page .recommend_area{margin-top:60px;padding:60px 0 45px;background:#fafafa}
.error_page .recommend_area .recommend_list{margin:0 auto;padding:0 15px;font-size:0}
.error_page .recommend_area .recommend_item{position:relative;display:inline-block;width: calc(50% - 10px);vertical-align:top}
.error_page .recommend_area .recommend_item:nth-child(2n){margin:0 0 15px 15px}
.error_page .recommend_area .recommend_item a{display:block}
.error_page .recommend_area .recommend_item .img_thumb{overflow:hidden;display:block;border-radius:15px}
.error_page .recommend_area .recommend_item .img_thumb img{width:100%;height:100%}
.error_page .recommend_area .recommend_item .recommend_title{box-sizing:border-box;display:block;margin-top:10px}
.error_page .recommend_area .recommend_item .recommend_title em{overflow:hidden;font-style:normal;color:#333;font-size:14px;text-align:left;line-height:20px;display:-webkit-box; text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2}