@charset "utf-8";
/* HIVELAB */

@font-face {
    font-family:'Noto Sans KR';
    font-weight:normal;
    src:url(font/notokr-regular.eot); /* IE9 Compat Modes */
    src:url(font/notokr-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(font/notokr-regular.woff) format('woff'), /* Modern Browsers */
    url(font/notokr-regular.ttf)  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family:'Noto Sans KR';
    font-weight:300;
    src:url(font/notokr-light.eot); /* IE9 Compat Modes */
    src:url(font/notokr-light.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(font/notokr-light.woff) format('woff'), /* Modern Browsers */
    url(font/notokr-light.ttf)  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family:'Noto Sans KR';
    font-weight:700;
    src:url(font/notokr-bold.eot); /* IE9 Compat Modes */
    src:url(font/notokr-bold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(font/notokr-bold.woff) format('woff'), /* Modern Browsers */
    url(font/notokr-bold.ttf)  format('truetype'); /* Safari, Android, iOS */
}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button{margin:0;padding:0;}
html,body,input,button{width:100%;height:100%;font-family:'Noto Sans KR','NotoSans','Apple SD Gothic Neo',sans-serif;font-size:14px;color:#777;line-height:normal}
body{background-color:#ececec;-webkit-text-size-adjust:none}
h1,h2,h3,h4,h5,h6{font-family:'Noto Sans KR','NotoSans','Apple SD Gothic Neo',sans-serif}
fieldset,img{border:0 none;vertical-align:top}
dl,ul,ol,menu,li{list-style:none}
button{overflow:visible;border:0 none;background-color:transparent;cursor:pointer}
input,button,select{-webkit-appearance:none;border-radius:0}
input[type=text],input[type=number],input[type=radio],input[type=checkbox],input[type=search],textarea,button{border:0 none;-webkit-appearance:none;appearance:none;-webkit-text-size-adjust:none;-webkit-border-radius:0;border-radius:0}
input:focus{outline:none}
select{background:#fff;font-family:sans-serif}
button::-moz-focus-inner{padding:0;border:0}
address,caption,em{margin:0;font-style:normal}
a,a:focus,a:active,a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
hr{display:none}
:-ms-input-placeholder{color:#aaa !important}/* Internet Explorer Mobile 10-11 */
::-webkit-input-placeholder{color:#aaa}
input:-moz-placeholder{color:#aaa}
input:focus{outline:none}
input::-ms-clear{display:none}
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}

/* common */
.blind,legend,caption span{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:100px;white-space:nowrap}
.sp,.ico_date,.ico_view,.ic_facebook,.ic_github,.toast_logo_link,.btn_search:before,.ico_search,.ico_del,.ic_rss,.btn_style:before{overflow:hidden;display:inline-block;line-height:999em;vertical-align:top;background:url(../img/sp_com.png) no-repeat}
.ellipsis{overflow:hidden;table-layout:fixed;text-overflow:ellipsis;white-space:nowrap}
.skip{height:0}
.skip a{display:block;position:absolute;left:0;top:-100px;height:auto;text-align:center}
.skip a:focus,#skip a:active{position:absolute;top:0;z-index:200;padding:10px;background:#000;font-size:15px;color:#fff;text-decoration:none}
.ft_blue{color:#4b96e6}

/* layout */
.wrap{position:relative;min-width:900px;min-height:100%;background:#fff}
.content{padding-bottom:100px}

/* header */
.header{position:fixed;top:0;left:0;right:0;z-index:100;min-width:320px;background:#fff;height:70px;border-bottom:1px solid #d8d8d8;box-sizing:border-box}
.toast_logo_link{margin:19px 0 0 60px;width:32px;height:32px;background-position:-16px -78px}
.logo{position:absolute;top:50%;left:60px;width:257px;height:23px;background:url(../img/logo_nhn_cloud.png) no-repeat;margin-top:-11px;white-space:nowrap}
.logo_link{display:inline-block;width:146px;height:100%;font-size:0;vertical-align:top}
.logo_link.meetup{width:90px;margin-left:14px}
.menu_area{float:right;margin:20px 60px 0 0}
.set_language_area{position:relative}
.btn_language{display:inline-block;width:30px;height:30px;line-height:30px;background:rgba(238,238,238,.8);font-size:10px;color:#333;vertical-align:top;border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%}
.setting_item{display:inline-block;margin-left:10px;vertical-align:top}
.setting_item:first-child{margin-left:0}
.btn_search{display:inline-block;width:30px;height:30px;line-height:30px;font-size:0;background:rgba(238,238,238,.8);cursor:pointer;vertical-align:top;border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%}
.btn_search:before{margin:8px 0 0 2px;width:14px;height:14px;background-position:-96px -40px;content:''}
.sel_lst{display:none;position:absolute;left:-16px;top:46px;padding:8px 19px;min-width:65px;background:#fff;border:1px solid #ddd;text-align:center;box-sizing:border-box}
.sel_link{display:block;font-size:12px;color:#222;line-height:30px;white-space:nowrap}
.sel_link:hover{color:#4b96e6}
.sel_lst.is_show{display:block}
.search_area{display:none;position:relative}
.search_area .sel_lst{left:auto;right:0;min-width:200px;text-align:left}
.inp_search{position:relative;overflow:hidden;padding:0 30px 0 28px;width:200px;height:30px;line-height:30px;background:rgba(238,238,238,.8);border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;box-sizing:border-box}
.inp_txt{display:inline-block;width:100%;height:100%;font-size:12px;color:#333;background:rgba(238,238,238,.8);vertical-align:top}
.btn_search2{position:absolute;left:6px;top:6px;width:20px;height:20px}
.ico_search{margin-top:2px;width:14px;height:14px;background-position:-96px -40px}
.btn_del{position:absolute;right:9px;top:6px;width:20px;height:20px}
.ico_del{margin-top:4px;width:8px;height:8px;background-position:-112px -40px}
.btn_search.is_active{display:none}
.btn_search.is_active+.search_area{display:block}

/* footer */
.footer{position:absolute;left:0;right:0;bottom:0;height:100px;background-color:#fff;border-top:1px solid #ddd;box-sizing:border-box}
.footer_inner{padding:21px 0 0 41px;position:relative}
.footer a:hover{text-decoration:underline}
.ft_m1{overflow:hidden}
.ft_m1 li{float:left;margin-right:9px}
.ft_m1 li:last-child{margin-right:0}
.ft_m1:after{display:block;clear:both;content:''}
.ft_m1 a{position:relative;padding-right:13px;font-size:11px;color:#666;line-height:13px}
.ft_m1 a:before{position:absolute;top:3px;right:0;display:block;content:'';height:10px;width:1px;background-color:#d8d8d8}
.ft_m1 li:last-child a{padding-right:0}
.ft_m1 li:last-child a:before{display:none}
.copyright{margin-top:5px}
.copyright,.copyright a{font-size:11px;color:#999}
.share_area{position:absolute;right:40px;top:20px;font-size:0}
.share_item{display:inline-block;margin-left:12px;vertical-align:top}
.share_link{display:block;width:20px;height:20px}
.ic_facebook{width:20px;height:20px;background-position:-342px 0}
.ic_github{width:20px;height:20px;background-position:-364px 0}
.ic_rss{width:20px;height:20px;background-position:-364px -22px}
.share_lst:after{display:block;clear:both;content:''}

/* content */
.section{padding:70px 0 100px;font-size:0}
.section_inner{padding-top:48px;margin:0 auto;width:900px}

/* main */
.banner_wrap{height:340px;background:#125DE6 url(../img/banner.jpg) 50% 50% no-repeat;text-align:center}
.br{display:none}
.h_tit{padding-top:152px;font-size:25px;color:#fff;font-weight:300;line-height:38px}
.lst_item{position:relative}
.sec_box{overflow:hidden;padding-left:220px}
.img_box{position:absolute;left:0;top:42px;width:180px;height:136px}
.img_area{display:block;height:100%;background:50% no-repeat;background-size:contain}
.lst_link{display:block;padding:41px 0;min-height:220px;border-bottom:1px solid #eee;box-sizing:border-box}
.lst_link .tit{overflow:hidden;display:-webkit-box;margin:3px 0 8px;max-height:67px;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:33px;font-size:24px;color:#222;font-weight:normal}
.lst_link .txt{overflow:hidden;display:-webkit-box;max-height:45px;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:23px;font-size:16px;color:#555;font-weight:400}
.sec_info{-webkit-box-flex:1;flex:1;padding:0 0 4px 40px}
.sec_dn{margin-top:25px}
.date{display:inline-block;font-size:15px;color:#999;vertical-align:middle;font-weight:300;line-height:14px}
.ico_date{margin:-3px 6px 0 0;width:11px;height:11px;background-position:-312px 0;vertical-align:middle}
.ico_view{margin:-3px 4px 0 0;width:15px;height:11px;background-position:-325px 0;vertical-align:middle}
.view_num{display:inline-block;font-size:15px;color:#999;vertical-align:middle;font-weight:300;line-height:14px}
.view_num .sp{height:15px;width:16px;background-position:-328px -10px}
.view_num:before{display:inline-block;margin:-2px 17px 0;width:1px;height:8px;background:#d8d8d8;vertical-align:middle;content:''}

/* detail */
.detail_section{background-color:#fff}
.detail_box{width:890px;padding:90px 0 83px;margin:0 auto}
.detail_tit{font-size:34px;color:#222;font-weight:normal;border-bottom:1px solid #eee;padding-bottom:20px;margin:4px 0 18px;line-height:43px}
.pos_rel{position:relative}
.time_info .sp{height:16px;width:16px;margin-right:5px}
.time_info .time{background-position:-381px -109px}
.time_info .review{background-position:-381px -127px}
.detail_info{min-height:250px;color:#555;line-height:24px;padding:26px 0 48px}
.detail_info img{display:block;margin:40px auto}
.detail_info img+strong{display:block;text-align:center;margin-bottom:20px;font-size:12px}
.detail_info p,.detail_info ul,.detail_info ol,.detail_info table{margin-bottom:30px}
.detail_info li{margin-bottom:7px}
.detail_info li table{margin:20px 0}
.detail_info table{width:100%}
.detail_info table td,.detail_info table th{font-size:13px;border:1px solid #eee;padding:10px 15px}
.detail_info table th{font-size:14px;text-align:center}
.detail_info a{color:#4a95eb}
.detail_info a:hover{text-decoration:underline}
.detail_info blockquote{margin:0 0 30px}
.sns_lst{position:absolute;top:3px;right:0}
.sns_lst ul:after{display:block;clear:both;content:''}
.sns_lst li{float:left;line-height:20px;color:#333;font-size:10px}
.sns_lst li:first-child{margin-right:10px}
.sns_lst .sp{height:20px;vertical-align:top}
.ico_twitter{width:43px;background-position:-58px -74px}
.ico_like{width:54px;background-position:-114px -118px}
.ico_like.on{background-position:-58px -118px}
.ico_facebook{width:49px;background-position:-58px -96px;margin-left:4px}
.num_box,.num_box2{display:inline-block;position:relative;height:18px;line-height:19px;padding:0 5px;margin-left:6px;border:1px solid #bbb;border-radius:2px;box-sizing:content-box}
.num_box:after,.num_box2:after{display:block;clear:both;content:'';position:absolute;left:-4px;top:50%;margin-top:-4px;width:4px;height:8px;background:url(../img/sp.png) no-repeat -351px 0}
.num_box2{border:1px solid #9096a3}
.num_box2:after{left:-5px;width:5px;background:url(../img/sp.png) no-repeat -357px 0}
.dnld_area{position:relative;padding:14px 0 33px;text-align:right}
.btn_dnld{display:inline-block;height:26px;width:94px;border:1px solid #ccc;line-height:27px;color:#999;text-align:center;border-radius:2px;box-sizing:content-box}
.btn_dnld:hover{color:#999}
.btn_dnld .sp{height:14px;width:18px;background-position:-66px -42px;margin:6px 0 0 5px}
.ly_dnld{display:none;width:183px;padding:15px 30px 15px 15px;position:absolute;top:45px;right:0;background-color:#fff;border:1px solid #666;border-radius:2px;text-align:left;box-sizing:content-box;z-index:10}
.lst_file{border-bottom:1px solid #eaeaea;overflow-y:auto;max-height:78px;box-sizing:content-box}
.lst_file li a{display:block;font-size:12px;color:#666;line-height:14px;margin-bottom:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn_allsave{display:inline-block;color:#4a95eb;font-size:12px;margin-top:15px}
.btn_allsave:hover,.lst_file li a:hover{text-decoration:underline}
.btn_close{height:8px;padding:10px;position:absolute;top:0;right:0}
.btn_close .sp{height:8px;width:8px;background-position:-86px -42px}
.btn_area{padding:53px 0 0;text-align:center}
.btn_more{display:inline-block;background:none;font-size:16px;color:#999;line-height:36px;vertical-align:middle}
.btn_more .sp{height:36px;width:36px;margin-left:10px;vertical-align:top}
.btn_more.prev:hover,.btn_more.next:hover{color:#999}
.btn_more.prev .sp{margin-left:5px;background-position:-84px 0}
.btn_more.prev:hover .sp{background-position:-122px 0}
.btn_more.prev.is_disabled .sp{background-position:-160px 0}
.btn_more.prev.is_disabled,.btn_more.next.is_disabled{cursor:default}
.btn_more.next .sp{margin:0 5px 0 0;background-position:-198px 0}
.btn_more.next{margin-left:26px}
.btn_more.next:hover .sp{background-position:-236px 0}
.btn_more.next.is_disabled .sp{background-position:-274px 0}
.writer_info{border-top:1px solid #eee}
.writer_tit{font-weight:bold;font-size:13px;color:#999;margin-bottom:10px;line-height:14px}
.writer_lst li{position:relative;min-height:139px;padding:30px 0 30px 109px;border-bottom:1px solid #eee;line-height:22px;box-sizing:border-box}
.writer_lst strong{display:block;font-size:14px;line-height:15px;margin:13px 0 5px}
.writer_lst .profile_bx{overflow:hidden;position:absolute;left:0;top:30px;width:78px;height:78px}
.profile_cont{margin-top:16px}
.profile_lbl{font-size:18px;color:#222}
.profile_lbl:before{display:inline-block;margin:6px 19px 0 18px;width:1px;height:9px;background:#d8d8d8;vertical-align:top;content:''}
.profile_lbl:first-child:before{display:none}
.profile_desc{margin-top:4px;font-size:16px;color:#999;font-weight:300}
.profile_area{padding:0 30px;color:#555;line-height:30px}
.profile_bx{width:56px;height:56px;margin:0 auto;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;text-align:center;border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%}
.profile_bx img{width:100%}
.img_profile{height:56px;width:56px;background-position:0 -64px}
.profile_area .ellipsis{display:inline-block;max-width:170px;vertical-align:top}
.gnb_info{padding-top:24px}
.sns_area{position:relative;padding-left:11px}
.sns_area:before{position:absolute;top:50%;left:0;width:1px;height:20px;margin-top:-10px;background:#3884db;content:''}
.sns_area a{height:32px;width:32px;margin-left:20px}
.sns_area .facebook{background-position:0 -122px}
.sns_area .toastcloud{background-position:0 -156px}

/* paging */
#pagination2{display:none}
.tui-pagination{margin:50px 0 0 0}
.tui-pagination .tui-page-btn{box-sizing:content-box}
.tui-pagination .tui-page-btn{padding:11px 0 10px;width:38px;font-size:15px;color:#222}
.tui-pagination .tui-first, .tui-pagination .tui-last, .tui-pagination .tui-next, .tui-pagination .tui-next-is-ellip, .tui-pagination .tui-prev, .tui-pagination .tui-prev-is-ellip{padding:0;height:36px;line-height:34px}
.tui-pagination .tui-is-selected, .tui-pagination strong{color:#fff}

/* search */
.txt_search{padding-bottom:10px;margin-top:12px;font-size:30px;color:#555;font-weight:300;text-align:center}
.txt_search strong{font-weight:500}
.txt_search+.lst_type{border-top:1px solid #eee}
.result_box .txt_search{margin:0}
.search_point{padding:0;color:#4b96e6;background-color:transparent}
.txt .search_point{font-weight:500}

/* style_type */
.style_type{position:relative;z-index:10;padding-bottom:10px;border-bottom:1px solid #eee;font-size:18px;line-height:20px;font-weight:300}
.lst_style{position:relative;float:right}
.now_style .btn_style{display:block;position:relative;padding:10px 20px;color:#555}
.btn_style:before{position:absolute;right:0;top:50%;width:10px;height:7px;background-position:0 -77px;transform:translateY(-50%);content:''}
.lst_style>.now_style:hover>.btn_style:before{background-position:0 -84px}
.lst_style>.now_style:hover .sub_style{display:block}
.lst_style>.now_style:hover>.btn_style{color:#4b96e6}
.sub_style{display:none;position:absolute;top:100%;left:0;width:100%;padding:20px 18px 20px 20px;border:1px solid #ddd;background:#fff}
.sub_style>.style_item>a{display:block;width:100%;color:#555;white-space:nowrap}
.sub_style>.style_item>a:hover{color:#4b96e6}
.sub_style>.style_item:not(:first-child){margin-top:20px}

/* error */
.error_section{position:absolute;left:0;top:0;right:0;bottom:0}
.result_box{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding:0;height:100%}
.txt_error{max-width:400px;font-size:20px;color:#333;text-align:center}
.txt_error .sp{width:360px;height:320px;background:url(../img/ico_error.png) no-repeat}
.txt_error .error_num{display:block;margin:10px 0 7px;font-size:48px;color:#333;font-weight:500}

/* ie8,9 warning layer */
.error_bar{position:fixed;left:0;right:0;;top:0;height:46px;background:#f67b7a;border-bottom:2px solid #dd6e6e;border-top:2px solid #f78888;text-align:center;z-index:1000}
.error_bar p{color:#fffefe;line-height:50px;font-size:12px;font-weight:bold;font-family:돋움}
.ico_er{height:24px;width:24px;background-position:-128px -53px;margin:12px 7px 0 0}
.btn_close_er{position:absolute;top:50%;right:12px;margin-top:-6px;height:13px;width:13px;background-position:-81px -17px}
.layout_stl{margin-top:50px}

/* contentStyle */
.tui-editor-contents h1,.tui-editor-contents h2,.tui-editor-contents h3,.tui-editor-contents h4,.tui-editor-contents h5,.tui-editor-contents h6{line-height:1.6;font-weight:normal}
.tui-editor-contents{padding:0 !important;font-family:'Noto Sans KR','NotoSans','Apple SD Gothic Neo',sans-serif !important;font-size:18px !important;color:#222 !important;line-height:24px !important;font-weight:400}
.tui-editor-contents p{margin:0 0 20px !important}
.tui-editor-contents p code{color:#f00;white-space:pre-wrap}
.tui-editor-contents code{white-space:pre-wrap}
.tui-editor-contents pre code{white-space:pre}
.tui-editor-contents a{word-break:break-all}
.tui-editor-contents img{display:block;max-width:100%;height:auto;margin:40px auto!important;text-align:center}
.tui-editor-contents input,.neonEditor-content button{display:inline;width:auto;height:auto;border:initial;box-sizing:border-box;vertical-align:middle}
.tui-editor-contents input[type=text]{padding:1px;border:1px solid;-webkit-appearance:textfield}
.tui-editor-contents input[type=checkbox]{-webkit-appearance:checkbox}
.tui-editor-contents input[type=radio]{-webkit-appearance:radio}
.tui-editor-contents input[type=submit],.neonEditor-content button{padding:2px 6px 3px;border:2px outset buttonface;background-color:buttonface;-webkit-appearance:button;color:initial;white-space:pre}
.tui-editor-contents em{font-style:italic}
.tui-editor-contents ul li{list-style-type:disc}
.tui-editor-contents ol li{list-style-type:decimal}
.tui-editor-contents h2{font-size:24px !important;border-color:#eee !important}
.tui-editor-contents h3{font-size:20px !important}
.tui-editor-contents h4{font-size:16px !important}
.tui-editor-contents button{display:inline;width:auto;height:auto;border:initial;box-sizing:border-box;vertical-align:middle;padding:2px 6px 3px;border:2px outset buttonface;background-color:buttonface;-webkit-appearance:button;color:initial;white-space:pre}

/* top버튼 */
.btn_wrap{position:fixed;bottom:189px;right:50%;margin-right:-550px;width:40px;height:40px}
.btn_top{display:block}
.btn_top .sp{width:40px;height:40px;background-position:0 0}
.btn_top:hover .sp{background-position:-42px 0}

@media screen and (max-width:900px){
    .section_inner{padding:0 20px;width:auto}
    .sec_info{padding-left:30px}
    .btn_wrap{right:25px;bottom:110px;margin-right:0;z-index:100}
    .btn_wrap.is_end{bottom:116px}
}

@media screen and (max-width:784px){
    .wrap{min-width:320px}
    .header{height:50px}
    .content{padding-bottom:100px}
    .style_type{padding-bottom:5px;font-size:11px;line-height:12px}
    .sub_style{padding:14px 16px 14px 10.5px}
    .sub_style>.style_item:not(:first-child){margin-top:18px}
    .now_style .btn_style{padding:9px 18px 9px 10.5px}
    .sp,.ico_date,.ico_view,.ic_facebook,.ic_github,.toast_logo_link,.tui-pagination .tui-ico-first,.tui-pagination .tui-ico-last,.tui-pagination .tui-ico-next,.tui-pagination .tui-ico-prev,.btn_search:before,.ic_rss,.btn_style:before{background:url(../img/sp_com_m.png) no-repeat;-webkit-background-size:300px auto;background-size:300px auto}
    .btn_style:before{background-position:-22px -70px}
    .lst_style>.now_style:hover>.btn_style:before{background-position:-22px -77px}
    .toast_logo_link{margin:10px 0 0 15px;width:30px;height:30px;background:url(../img/icon-nhn-cloud_home_m.png) no-repeat;}
    .logo{left:25px;width:190px;margin-top:-7px;height:17px;background:url(../img/logo_nhn_cloud_m.png) no-repeat;}
    .logo_link{display:inline-block;width:106px;height:100%;font-size:0;vertical-align:top}
    .logo_link.meetup{width:66px;margin-left:10px}
    .section{padding:50px 0 0}
    .sec_box{padding-left:0}
    .banner_wrap{height:170px;background:#125DE6 url('../img/@banner_m.jpg') 50% 100% no-repeat;background-size:187px auto}
    .sec_info{padding:0 0 0 10px}
    .h_tit{padding-top:65px;font-size:15px;line-height:22px}
    .br{display:block}
    .img_box{position:static;top:auto;float:left;width:90px;height:68px}
    .sns_lst{position:static;padding-top:25px;margin-bottom:-25px;border-top:1px solid #eee}
    .sns_lst ul{width:260px;margin:0 auto;text-align:center}
    .sns_lst li{text-align:center;font-size:12px;line-height:13px;float:none;display:inline-block;vertical-align:top}
    .share_link{width:auto;height:auto}
    .lst_link{padding:25px 0;min-height:154px}
    .lst_link .tit{max-height:42px;font-size:16px;line-height:21px}
    .lst_link .txt{padding-left:10px;font-size:11px;-webkit-line-clamp:3;line-height:16px}
    .sec_dn{padding-left:100px;margin-top:9px;line-height:11px}
    .date,.view_num{font-size:10px}
    .ico_date{margin:0 3px 0 0;width:7px;height:7px;background-position:-255px 0}
    .ico_view{margin:0  1px 0 0;width:11px;height:8px;background-position:-264px 0}
    .view_num:before{margin:0 13px 0}
    .tui-pagination{margin:25px -20px 50px;height:31px}
    .tui-pagination .tui-page-btn{padding:10px 0 8px;width:28px;font-size:11px;color:#222}
    .tui-pagination .tui-first, .tui-pagination .tui-last, .tui-pagination .tui-next, .tui-pagination .tui-next-is-ellip, .tui-pagination .tui-prev, .tui-pagination .tui-prev-is-ellip{padding:0;height:29px;line-height:29px}
    .tui-pagination .tui-is-selected, .tui-pagination strong{color:#fff}
    .paginate .prev{margin-right:4px;background-position:-84px -38px;border-left:1px solid #eee}
    .paginate .next{margin-left:4px;background-position:-216px -38px;border-left:1px solid #eee}
    .paginate .prev_end{background-position:-150px -38px;border-left:1px solid #eee}
    .paginate .next_end{background-position:0 -70px;border-left:1px solid #eee}
    .paginate .prev.disabled{background-position:-117px -38px}
    .paginate .prev_end.disabled{background-position:-183px -38px}
    .paginate .next.disabled{background-position:-249px -38px}
    .paginate .next_end.disabled{background-position:-33px -70px}
    .search_section .banner_wrap{display:none}
    .search_section .section_inner{padding-top:0}
    .txt_search{padding-bottom:27px;margin-top:30px;font-size:16px}
    .detail_box{width:auto;padding:70px 30px 50px}
    .detail_tit{font-size:24px;line-height:30px;margin:0;border-bottom:0;padding-bottom:0}
    .time_info{padding-top:5px;font-size:14px}
    .time_info .view_num:before{margin:0 8px 0 7px}
    .detail_info{padding-top:14px;padding-bottom:24px}
    .detail_info img{width:100%;margin:20px 0}
    .detail_info h3{font-size:14px}
    .writer_lst li{padding:8px 0 17px 55px;min-height:86px}
    .writer_lst img{top:17px}
    .footer_inner{padding:26px 0 36px 20px}
    .copyright{margin-top:0}
    .ft_m1 li{margin-right:7px}
    .ft_m1 a{padding-right:8px;font-size:10px}
    .ft_m1 a:before{height:5px}
    .share_area{top:25px;right:20px}
    .ic_facebook{width:24px;height:24px;background-position:0 -38px}
    .ic_github{width:24px;height:24px;background-position:-26px -38px}
    .ic_rss{width:24px;height:24px;background-position:2px -68px}
    .copyright{margin-top:3px}
    .copyright, .copyright a{font-size:10px}
    .writer_lst .profile_bx{top:15px;width:42px;height:42px}
    .profile_cont{margin-top:9px}
    .profile_lbl{font-size:12px}
    .profile_desc{font-size:11px;line-height:16px}
    .profile_lbl:before{margin:6px 11px 0 10px}
    .btn_area{padding:25px 0}
    .btn_more{font-size:12px}
    .btn_more .sp{height:36px;width:36px}
    .btn_more.prev .sp{margin-left:5px;background-position:0 0}
    .btn_more.prev:hover .sp{background-position:-38px 0}
    .btn_more.prev.is_disabled .sp{background-position:-76px 0}
    .btn_more.next{margin-left:15px}
    .btn_more.next .sp{background-position:-114px 0}
    .btn_more.next:hover .sp{background-position:-152px 0}
    .btn_more.next.is_disabled .sp{background-position:-190px 0}
    .btn_dnld .sp{width:18px;height:14px;background-position:-156px -38px}
    .btn_close .sp{width:8px;height:8px;background-position:-176px -38px}
    .tui-pagination .tui-ico-first{background-position:-98px -38px}
    .tui-pagination .tui-ico-prev{background-position:-84px -38px}
    .tui-pagination .tui-is-disabled .tui-ico-first{background-position:-109px -38px}
    .tui-pagination .tui-is-disabled .tui-ico-prev{background-position:-91px -38px}
    .tui-pagination .tui-ico-next{background-position:-120px -38px}
    .tui-pagination .tui-ico-last{background-position:-134px -38px}
    .tui-pagination .tui-is-disabled .tui-ico-next{background-position:-127px -38px}
    .tui-pagination .tui-is-disabled .tui-ico-last{background-position:-145px -38px}
    .tui-editor-contents h1, .tui-editor-contents h2, .tui-editor-contents h3, .tui-editor-contents h4, .tui-editor-contents h5, .tui-editor-contents h6{line-height:1.3}
    .tui-editor-contents img{margin:20px auto!important}
    .tui-editor-contents h1{font-size:24px !important}
    .tui-editor-contents h2{margin-top:0 !important;font-size:22px !important;border-color:#eee !important}
    .tui-editor-contents h3{font-size:20px !important}
    .tui-editor-contents h4{font-size:18px !important}
    .tui-editor-contents h5{font-size:16px !important}
    .tui-editor-contents h6{font-size:14px !important}
    .tui-editor-contents{font-size:15px !important;line-height:22px !important}
    .menu_area{margin:12px 15px 0 0}
    .search_area{position:absolute;left:0;top:50px;right:0;border-bottom:1px solid #d8d8d8}
    .btn_search{display:block;width:25px;height:25px}
    .btn_search:before{margin:6px 0 0 1px;width:12px;height:12px;background-position:-234px -6px}
    .inp_search{padding:0 19px;width:100%;height:55px;line-height:55px;background:rgba(238,238,238,1);border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
    .inp_txt{font-size:13px}
    .btn_language{width:25px;height:25px;line-height:25px}
    .sel_lst{left:auto;top:32px;right:-6px}
    .search_area .sel_lst{top:56px;width:100%;border:0}
    .btn_del,.btn_search2{display:none}
    .sel_link{overflow:hidden;max-width:100%;line-height:43px;text-overflow:ellipsis;white-space:nowrap}
    .error_section{position:absolute;left:0;top:0;right:0;bottom:100px}
    .txt_error{max-width:300px;font-size:14px;color:#333;font-weight:300}
    .txt_error .sp{display:inline-block;margin-left:0;width:180px;height:160px;background:url(../img/ico_error.png) no-repeat;background-size:180px 160px}
    .txt_error .error_num{margin:2px 0 0;font-size:27px}
    .btn_top .sp{width:40px;height:40px;background-position:-186px -38px}
    .btn_top:hover .sp{width:40px;height:40px;background-position:-186px -38px}
    #pagination1{display:none}
    #pagination2{display:block}
}

@media screen and (max-width:320px){
    .profile_lbl{font-size:11px}
    .profile_lbl:before{margin:6px 2px 0 1px}
    .sel_link{font-size:11px}
    .btn_wrap.is_end{bottom:116px;right:5px}
}