@charset "UTF-8";

/* Font reset */
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle;outline:none}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff;-webkit-text-size-adjust:none}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family:'Noto Sans KR', sans-serif;color:#666}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:underline}
a:active {background-color:transparent}z
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
input:checked[type='checkbox']{background-color:#666; -webkit-appearance:checkbox}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset']{-webkit-appearance:none;border-radius:0}
input[type='search']::-webkit-search-cancel-button,textarea{-webkit-appearance:none}
#tistorytoolbarid { display: none; }
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.f_l {float:left}
.f_r {float:right}
.img_blog {overflow:hidden;font-size:0px;line-height:0;background:url(images/img_blog_150921.png) no-repeat;text-indent:-9999px}
.positionR {position:relative;}

/* global */
#dkIndex {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0} /* 스킵네비게이션 */
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.show {display:block}
.hide {display:none}
.ico_focused {outline: 1px dotted #000;outline: -webkit-focus-ring-color auto 5px}
.col_red {color:#d71820;}

html {width: 100%;height:100%;overflow-x:hidden;}
body{width: 100%;height:100%;min-height:100%;overflow-x:hidden;-webkit-overflow-scrolling: touch}

/* common image */
.ico_skin{display:block;overflow:hidden;font-size:0;line-height:0;background:url(images/ico_skin.png) 0 0 no-repeat;text-indent:-9999px}
.box_search{background:url(images/box_search.png) 0 0 no-repeat}
.txt_bar{display:inline-block;width:1px;height:9px;margin:0 9px;background-color:#ebebeb}

/* layout */
.wrap_skin{position:relative;min-width:auto;min-height:100%;padding-left:0%;transition:padding-left ease-in-out 0.2s}
.wrap_skin.navi_on {padding-left:960px}

/* header */
.area_head{position:fixed;left:0;top:0;width:100%;margin-top:0;min-width:320px;z-index:1000;padding-bottom:14px;}
.area_head .btn_cate{position:absolute;left:35px;top:-141px;width:26px;height:26px;vertical-align:middle}
.area_head .btn_cate .ico_cate{width:26px;height:20px}

.wrap_sub{/*background:rgba(255,255,255,.95);*/background:#fff;}
/*180322 높이수정 */
/*.wrap_sub{display:block;position:fixed;left:0;top:0;z-index:100;width:100%;min-width:320px;height:180px;background-repeat:no-repeat;background-position:50% 0;background-size:cover;transition:width ease-in-out 0.2s;}*/
.wrap_sub{display:block;position:fixed;left:0;top:0;z-index:100;width:100%;min-width:320px;height:175px;background-repeat:no-repeat;background-position:50% 0;background-size:cover;transition:width ease-in-out 0.2s;}
/*END*/
.cont_sub{width:100%;height:100%;}
.cont_sub .inner_sub {position:relative;width:100%;height:100%;max-width:960px;margin:0 auto;text-align:center;}
.cont_sub .inner_sub h1 {display:inline-block;text-align:center;margin:0;padding:0;font-size:0;}
.cont_sub .inner_sub h1 a {display:block;}
.cont_sub .tit_post{position:absolute;top:18px;left:-8px;}
.cont_sub .link_post{display:block;}
.cont_sub .link_post:hover{text-decoration:none}
.cont_sub .area_sub{width:100%;position:absolute;top:175px;padding:0;}
#tt-body-index .cont_sub .area_sub {border:0}
/*180322 패딩수정 */
/*.inner_sub { padding-top:50px;padding-bottom:50px;}*/
.inner_sub { padding-top:35px;padding-bottom:20px;}
/*END*/
.area_search{position:absolute;right:0;top:10px;z-index:101;}
.area_search .btn_search{display:none;position:relative;width:170px;height:34px;line-height:34px;margin-top:20px;}
.area_search .btn_search .ico_search{width:23px;height:29px;margin:0 auto;background-position:-40px 0}
.area_search .frm_search{position:absolute;top:60px;right:8px;width:123px;height:22px;padding:5px 35px 8px 15px;background-position:0 -50px;border-bottom:1px solid #c9c9c9}
.frm_search .tf_search{width:123px;border:0 none;color:#666;background:transparent}
.frm_search .tf_search::-webkit-input-placeholder { color:#c9c9c9 }
.wrap_sub .btn_close{display:none;position:absolute;right:30px;top:31px;width:22px;height:22px;background-position:-70px 0}

#schButton {position:absolute;top:5px;right:5px;display:block;font-size:0;width:26px;height:26px;background:url(./images/btn_sch.png) no-repeat;background-size:26px 26px;}

.area_navi {position:relative;display:block;float:left;width:100%}
.area_navi.subNavi {display:block;background:#fff;}
.area_navi.subNavi h2.mTit {display:none;}
#tt-body-index .area_navi.subNavi {display:none;}
#tt-body-index .area_navi.mainNavi {position:relative;display:block;border-bottom:1px solid #d71820;}
.area_navi:after {content:""; display:block; clear:both;}
.area_navi .tt_category {float:left;width:627px;padding:0}
.area_navi > .tt_category > li {padding-bottom:0 !important;}
.area_navi > .tt_category > li:after {content:""; display:block; clear:both;}
.area_head .area_profile{display:none;text-align:left}
.area_head .area_profile .thumb_profile{display:none;width:51px;height:51px;margin:44px auto 6px;border-radius:51px}
.area_head .area_profile .img_profile{display:none;border-radius:51px;width:100%;height:100%}
.area_head .area_profile .txt_profile{font-size:16px;color:#000;opacity:0.7;filter:alpha(Opacity=70);display:none !important; padding:0 35px; overflow:hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}


.search_on .area_search {right:0;width:100%;height:43px;margin-left:0}
.search_on .btn_search{display:block}
.search_on .frm_search{display:block}
.search_on .area_head .btn_cate { display:none }

.navi_on .area_head .btn_cate{display:none}
.navi_on .area_navi{display:block}
.navi_on .area_head .area_profile{display:none}
.navi_on .cont_sub{background:url(images/bg_side.png) repeat-y 0 0;opacity:1.0;filter:alpha(Opacity=100)}
.navi_on .wrap_sub{max-width:960px}
.navi_on .area_search{left:856px;top:-151px}
.navi_on.search_on .area_search {width:216px;left:670px;margin-left:0}
.navi_on .btn_search { margin-top:11px}
.navi_on .btn_search .ico_search{background-position:-100px 0}
.navi_on.search_on .frm_search{width:160px;background-position:0 -100px;margin-top:0}
.navi_on .lab_search{color:rgba(255,255,255,.4)}
.navi_on .frm_search .tf_search {width:140px}
.navi_on .wrap_sub .btn_close{display:block}

.tt_category .link_tit {display:none;padding-bottom:8px;font-weight:normal;font-size:18px;color:#fff}
.tt_category li a .c_cnt,
.tt_category li a img { display:none }
.tt_category .category_list:after {content:""; display:block; clear:both;}
.tt_category > li > .category_list > li {float:left;width:50%;text-align:center;line-height:2;padding-bottom:0 !important;}
.tt_category .category_list .link_item {display:block;font-size:20px !important;font-weight:300 !important;color:#656565;letter-spacing:-1px;padding:10px 0 10px !important}
.tt_category .sub_category_list {background:#d71820;color:#fab3b3;display:none;position:absolute;top:60px;left:0;width:100%;z-index:99}
.tt_category > li > .category_list > li.on .sub_category_list {display:block;}

.tt_category .sub_category_list:after {content:""; display:block; clear:both;}
.tt_category .sub_category_list li {float:left;width:16.66666666666667%;text-align:center;font-size:18px;padding-bottom:0 !important}
.tt_category .sub_category_list .link_sub_item {display:block;overflow:hidden;line-height:27px;font-size:18px !important;color:#fab3b3;text-overflow:ellipsis;white-space:nowrap;padding:10px 0 !important}
/*.tt_category .sub_category_list .link_sub_item::before { content:"- ";}*/
/*
.tt_category .link_tit:hover,
.tt_category .category_list .link_item:hover,
.tt_category .sub_category_list .link_sub_item:hover {color:#fab3b3;}/*
.link_guestbook { display:none }

div#ttCanvas .tt-component, div#ttCanvas .tt-item {z-index:inherit !important}

/* content */
.article_skin{position:relative;max-width:960px;margin:0 auto;padding:0px}
/*180322 패딩수정*/
/*#tt-body-index .article_skin {max-width:960px;padding:170px 0 0}*/
#tt-body-index .article_skin {max-width:960px;padding:151px 0 0;}
/* END */
.article_skin .tit_skin{padding-bottom:15px;border-bottom:1px solid #efefef;font-weight:normal;font-size:20px;line-height:26px;color:#5c5c5c}
.article_skin .index_title { display:none }

#tt-body-page .article_skin, #tt-body-search .article_skin, #tt-body-category .article_skin {background:#fff;padding-top:222px;}
#tt-body-page .intro_main, #tt-body-search .intro_main, #tt-body-category .intro_main {display:none;}
.article_skin .list_title {margin-top:30px; display:none;} /*180315안보이게 수정요청*/

/*.cont_skin {position:relative;background:#fff;padding-bottom:50px;}*/
/*180412 태그지우면서 아래 여백 조정*/
.cont_skin {position:relative;background:#fff;padding-bottom:5px;}
#ttCanvas {width:100% !important;}
body.tistory_grid_350 div#ttCanvas .tt-span-12 {width:100% !important;}


.intro_main {max-width:960px;margin:0 auto 0px;padding:0px 0 22px;border-bottom:1px solid #bebebe;text-align:center}
.intro_main .tit_intro {font-size:24px;font-weight:normal;color:#000;}
.intro_main .txt_intro {padding-top:3px;font-size:13px;color:#808080;}
/*#tt-body-index .intro_main {margin:0 auto;}*/

.intro_sub  {max-width:960px;margin:130px auto 0px;padding:0px 0 22px;text-align:center}
.intro_sub .tit_intro {font-size:24px;font-weight:normal;color:#000;}
.intro_sub .txt_intro {padding-top:3px;font-size:13px;color:#808080;}

.img_main {width:100%;}
.img_main .imageblock {width:100% !important;}
.img_main span {display:block;width:100% !important;}
.img_main img {width:100% !important; height:auto !important; }

.wrap_etc{display:none;position:absolute;top:290px;right:150px}
.navi_on .wrap_etc{display:none;}
.wrap_etc .col_aside{width:200px;padding:0}
.wrap_etc .right_side { padding-right:0 }
.box_aside{position:relative;margin-bottom:39px}
.tit_aside{display:block;margin-bottom:7px;color:#6bacce}
.list_board li{padding:3px 0}
.list_board .link_board{display:block;overflow:hidden;font-size:12px;line-height:19px;color:#a7a7a7;white-space:nowrap;text-overflow:ellipsis}
.box_aside .list_tag{overflow:hidden;padding-top:7px}
.box_aside .list_tag li{float:left}
.box_aside .list_tag .link_tag{display:block;height:27px;margin:0 8px 7px 0;padding:0 10px;border:1px solid #525252;border-radius:15px;font-size:11px;line-height:27px;color:#a7a7a7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:2px solid #dee3df}
.box_aside .list_tag .link_tag:hover{text-decoration:none}
.box_aside .link_more{position:absolute;right:6px;top:0;font-size:11px;color:#a7a7a7;text-decoration:underline}
.wrap_etc .month_calendar{width:250px;height:20px;color:#6bacce;text-align:center}
.wrap_etc .month_calendar .btn_prev , .wrap_etc .month_calendar .btn_next{height:17px;padding:0 10px}
.wrap_etc .month_calendar .ico_skin{margin-top:3px;vertical-align:top}
.wrap_etc .month_calendar .ico_prev{width:5px;height:8px;background-position:-130px 0}
.wrap_etc .month_calendar .ico_next{width:5px;height:8px;background-position:-130px -10px}
.wrap_etc .tbl_calendar{border-collapse:collapse;border-spacing:0;width:270px;margin:9px 0 0 -11px}
.wrap_etc .tbl_calendar td{height:26px;vertical-align:middle}
.wrap_etc .col_day{width:14.28%}
.wrap_etc .tit_week{font-weight:normal;font-size:12px;text-align:center;color:#5c5c5c}
.wrap_etc .link_day{display:block;font-size:13px;text-align:center;color:#a7a7a7}
.wrap_etc .day_event{text-decoration:underline}
.wrap_etc .tt-calendar{border-collapse:collapse;border-spacing:0;width:270px !important;margin:0 0 0 -11px}
.wrap_etc .tt-calendar .cal_month { height:20px;text-align:center; margin-bottom:9px }
.wrap_etc .tt-calendar .cal_month a { color:#6bacce; }
.wrap_etc .tt-calendar .cal_month a:first-child,
.wrap_etc .tt-calendar .cal_month a:last-child {display:inline-block;overflow:hidden;font-size:0;line-height:0;background:url(images/ico_skin.png) 0 0 no-repeat;text-indent:-9999px; margin:6px 10px 0;vertical-align:top;width:5px;height:8px;}
.wrap_etc .tt-calendar .cal_month a:first-child { background-position:-130px 0 }
.wrap_etc .tt-calendar .cal_month a:last-child { background-position:-130px -10px }
.wrap_etc .tt-calendar td{height:26px;vertical-align:middle}
.wrap_etc .tt-calendar thead th { width:14.28%; font-weight:normal;font-size:12px;text-align:center;color:#5c5c5c }
.wrap_etc .tt-calendar tbody td {font-size:13px;text-align:center;color:#a7a7a7}
.wrap_etc .tt-calendar tbody td a { color:#a7a7a7; text-decoration:underline }
.list_keep{padding-top:2px}
.list_keep li{padding:3px 0;font-size:12px;color:#a7a7a7}
.list_keep .link_keep{color:#a7a7a7}
.box_visitor { margin-top:-15px }
.list_visitor, .list_total{float:left;color:#a7a7a7}
.list_visitor dt, .list_total dt{float:left;height:20px;margin-right:8px;padding:0 8px;border-radius:10px;font-size:11px;line-height:20px;background-color:rgba(102,102,102,.4)}
.list_visitor dd, .list_total dd{float:left;font-size:12px;line-height:20px;color:#5c5c5c;margin-right:25px}
.list_visitor dd { color:#a7a7a7}

.list_control{display:none;position:absolute;left:50%;bottom:19px;width:316px;height:42px;margin-left:-158px;z-index:101}
.navi_on .list_control {left:1px;margin-left:0;opacity:0.5}
.list_control li{float:left}
.list_control .ico_skin {display:block;width:48px;height:40px;margin:0 15px 0 16px}
.list_control .link_write {background-position:0 -160px}
.list_control .link_memo {background-position:-50px -160px}
.list_control .link_rss {background-position:-100px -160px}
.list_control .link_manage {background-position:-150px -160px}

.foot_side {display:none;}

/* footer */
.foot_wrapper {width:100%;min-width:960px;height:250px;background:#bfbfbf}
.foot_wrapper .inner_foot {overflow:hidden;width:960px;margin:0 auto;}
.foot_wrapper .wrap_foot {width:auto;}
.foot_wrapper .area_foot {overflow:hidden;margin:35px 0 0 0;}
.foot_wrapper .flogo {display:block;margin:35px 95px 0 20px}

.foot_wrapper .tit_foot {display:block;padding:37px 0 6px;font-size:12px;font-weight:normal;color:#fff}
.foot_wrapper .txt_foot {display:block;padding-bottom:17px;font-size:12px;font-family:Dotum,'돋움',Arial,sans-serif;line-height:18px;color:#fff}
.foot_wrapper .thumb_bnr {display:block;margin-top:40px}
.opt_foot {position:relative;height:30px}
.opt_foot .link_relation {display:block;width:204px;height:28px;padding-left:14px;border:1px solid #707070;font-family:Dotum,'돋움',Arial,sans-serif;line-height:28px;color:#a0a0a0;text-decoration:none}
.link_relation .txt_year {float:left}
.link_relation .ico_arrow {float:right;width:12px;height:12px;margin:9px 8px 0 0;background-position:-90px -80px}
.opt_foot .list_relation {display:none;overflow:hidden;position:absolute;bottom:30px;left:0;width:218px;padding:10px 0 8px;border:1px solid #707070;border-bottom:0 none;background:#2e2e2e}
.list_relation li {line-height:27px}
.list_relation .link_option {display:block;padding-left:14px;font-family:Dotum,'돋움',Arial,sans-serif;line-height:28px;letter-spacing:-1px;color:#a0a0a0;text-decoration:none}
.opt_open .list_relation {display:block}
.opt_open .ico_arrow {width:11px;height:10px;margin-right:9px;background-position:-110px -80px}

.area_top {margin-top:35px;border-bottom:1px solid #dddddd;padding-bottom:30px;}
.area_top:after {content:""; display:block; clear:both;}
.area_top .left {float:left;margin-right:20px;}
.area_top .left p.tit {font-size:14px;font-weight:300;color:#fff;letter-spacing:-1px;}
.area_top .left img {display:block;margin-top:10px;}
.area_top .right {float:left;}
.area_top .right p.tit {font-size:14px;font-weight:300;color:#fff;letter-spacing:-1px;}
.area_top .right ul.fLink {margin-top:10px;}
.area_top .right ul.fLink:after {content:""; display:block; clear:both;}
.area_top .right ul.fLink li {float:left;margin-right:10px;}
.area_top .right ul.fLink li:last-child {margin-right:0;}
.area_top .right ul.fLink li a {display:block;}
.area_bottom {padding-top:20px;}
.area_bottom ul {}
.area_bottom ul:after {content:""; display:block; clear:both;}
.area_bottom ul li {position:relative;float:left;margin-right:25px;}
.area_bottom ul li:after {position:absolute;top:5px;right:-15px;width:1px;height:12px;background:#fff;content:"";}
.area_bottom ul li:last-child:after {width:0;height:0;}
.area_bottom ul li a {display:block;font-size:14px;font-weight:300;color:#fff;}
.area_bottom ul li span {display:block;font-size:14px;font-weight:300;color:#fff;}

	
html.ie8 {overflow-x:inherit !important}
.ie8 .area_foot img {width:100px !important}

/* main */
body.tistory_grid_945 div#ttCanvas .tt-span-12 {width:960px !important;}
body.tistory_grid_945 div#ttCanvas .tt-span-4 {background:#fff;padding-bottom:30px;box-sizing: border-box;}
body.tistory_grid_945 div#ttCanvas .tt-span-4-border {border:0 !important;}
body.tistory_grid_945 div#ttCanvas .tt-span-4-thumb_ratio-1_1 {height:auto !important;}
body.tistory_grid_945 div#ttCanvas .tt-span-4-thumb_ratio-3_4 {height:auto !important;}
body.tistory_grid_945 div#ttCanvas .tt-span-4-thumb_ratio-4_3 {height:auto !important;}

body.tistory_grid_910 div#ttCanvas .tt-span-12 {width:960px !important;padding:0 !important;}
body.tistory_grid_910 div#ttCanvas .tt-span-4 {width:300px !important;background:#fff;margin:0 0px 18px 0 !important;box-sizing: border-box;height:250px;}
body.tistory_grid_910 div#ttCanvas .tt-span-4-border {border:0 !important;width:300px !important;}
body.tistory_grid_910 div#ttCanvas .tt-span-4-thumb_ratio-1_1 {height:auto !important;}
body.tistory_grid_910 div#ttCanvas .tt-span-4-thumb_ratio-3_4 {height:auto !important;}
body.tistory_grid_910 div#ttCanvas .tt-span-4-thumb_ratio-4_3 {height:auto !important;}

div#ttCanvas div.tt-panel, div#ttCanvas .tt-item {width:960px !important;margin:0 auto;}
body.tistory_grid_910 div#ttCanvas .tt-span-4-thumb_ratio-3_4 {height:auto !important;}
body.tistory_grid_910 div#ttCanvas .tt-span-4-border {border:0 !important;}

#mainVisual {position:relative;height:360px;overflow:hidden;}
#mainVisual .mainSlider {}
#mainVisual .mainSlider li {padding-bottom:0;}
#mainVisual .mainSlider li a {display:block;}
#mainVisual .mainSlider .bg {display:block;height:360px;background-position:center center !important;background-size:cover !important}


.bannerRight {position:absolute;top:0;right:-200px;width:200px;}
.bannerRight .bannerTop {width:100%;}
.bannerRight .bannerTop:after {content:""; display:block; clear:both;}
.bannerRight .bannerTop li {display:block;width:50%;float:left;padding-bottom:0 !important;height:100px;overflow:hidden}
.bannerRight .bannerTop li a {display:block;}
.bannerRight .bannerBottom {}
.bannerRight .bannerBottom li {padding-bottom:0px !important;}
.bannerRight a:hover {opacity: 0.8;filter: alpha(opacity=80);}

.subBanner .bannerRight {right:-210px}

/* banner */
.mainBannerWrap {width:100%;}
.mainBannerWrap:after {content:""; display:block; clear:both;}
.mainBannerWrap ul {}
.mainBannerWrap ul li {float:left;width:50%;}
.mainBannerWrap ul li:last-child {float:right;text-align:right;}
.mainBannerWrap ul li a {display:block;}

/* recent */
.recentBox {width:100%;}
.recentBox:after {content:""; display:block; clear:both;}
.recentBox ul {margin-left:20px;}
.recentBox li {padding-bottom:3px !important;width:100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.recentBox a {font-size:18px !important;font-weight:400;color:#000;}
.hitPost {position:relative;float:left;width:460px;}
.recentPost {position:relative;float:right;width:460px;}
a.btnMore {position:absolute;top:3px;right:0;font-size:14px !important;font-weight:300;color:#444444;}
a.btnMore img {padding-right:5px;vertical-align:-2px;}

/* snsShareBox */
.snsShareBox {}
.snsShareBox:after {content:""; display:block; clear:both;}
.snsShareBox ul {width:100%;height:300px;}
.snsShareBox ul li {position:relative;float:left;width:calc(50% - 5px);box-sizing: border-box;padding-bottom:0 !important}

.snsShareBox ul li.facebook:before {position:absolute;top:0;left:0;width:62px;height:62px;background:url("images/ico_main_sns01.png") no-repeat 0 0;content:"";}
.snsShareBox ul li.instragram:before {position:absolute;top:0;left:0;width:62px;height:62px;background:url("images/ico_main_sns02.png") no-repeat 0 0;content:"";}
.snsShareBox ul li.naverblog:before {position:absolute;top:0;left:0;width:62px;height:62px;background:url("images/ico_main_sns03.png") no-repeat 0 0;content:"";}
.snsShareBox ul li:last-child {margin-right:0 !important;}
.snsShareBox ul li a {display:block;}
.snsShareBox ul li a img {border:1px solid #bebebe !important;max-width:100%}

.ie8 .snsShareBox ul li.naverblog {margin-right:0 !important;}

/*=====2018-03-08=====*/
.snsShareBox ul li{height:300px;overflow:hidden;}
.snsShareBox ul li img{width:100%;}
.snsShareBox ul li:nth-child(1){margin-right:10px !important;}

/* posts */
.tit_main {display:block;padding:0 0 10px 10px !important;margin-bottom:10px !important;font-weight:700 !important;font-size:18px !important;color:#444444 !important;border-bottom:1px solid #949494 !important}
.bxWrap {position:relative;padding:0 10px !important}
.stWrap {padding:0 10px !important}
.bxslider {height:348px;overflow:hidden}
.bxslider:after {content:""; display:block; clear:both;}
.bxslider > li {padding-bottom:0 !important;}
.bxslider > li > a {display:block;float:left;}
.bxslider .cont_info {position:relative;float:right;width:320px;}
.bxslider .cont_info .info_append {display:block;padding:35px 30px 10px !important;font-size:14px !important;line-height:22px;color:#000}
.bxslider .cont_info .txt_bar {padding:0 4px 0 3px !important;background:none !important;}
.bxslider .cont_info .num_date {font-family:Helvetica,Arial,sans-serif !important}
.bxslider .cont_info .tit_subject {display:block;overflow:hidden;height:122px;padding:0 29px}
.bxslider .cont_info .link_txt {display:-webkit-box;overflow:hidden;font-weight:normal !important;font-size:30px !important;line-height:42px;text-decoration:none !important}
.bxslider .cont_info .current_page {padding-top:15px !important;border-top:1px solid #000 !important;font-size:24px !important;letter-spacing:-1px;position:absolute;bottom:-130px;right:245px}

/* stories */
div#ttCanvas .tt-component-border-bottom {padding:0 0 17px 0 !important}
div#ttCanvas .tt-post-title {padding:5px;text-align:left !important;line-height:22px;}
div#ttCanvas .tt-post-title a {font-family:'Noto Sans KR' !important;font-weight:normal;font-size:18px;line-height:22px;}
div#ttCanvas .tt-post-title a:hover {text-decoration:none !important}
div#ttCanvas .tt-item .tt-wrap-post-thumb {margin-bottom:5px !important;}
div#ttCanvas .tt-item .tt-wrap-post-thumb a:hover {opacity: 0.8;filter: alpha(opacity=80);}
div#ttCanvas .tt-post-etcinfo {text-align:left !important;}
div#ttCanvas .tt-item .tt-post-date {font-size:14px !important;padding-left:5px !important;font-family:'Malgun Gothic','맑은 고딕',sans-serif !important;opacity:1 !important;color:#949494 !important;}
div#ttCanvas .tt-post-thumb {width: 100% !important;display:block;margin:0 !important;}

.list_latest {overflow:hidden;width:100%}
#ttCanvas .list_latest {padding-bottom:10px}
#ttCanvas .list_latest li {float:left;width:300px;padding:10px}
.list_latest .thumb_info {overflow:hidden;height:170px}
.list_latest .link_thumb {display:block;width:300px;height:170px;background-position:50% 50%;background-size:cover}
.list_latest .thumb_img {display:block}
.list_latest .cont_info {display:block;overflow:hidden}
#ttCanvas .list_latest .link_tit {display:block;height:130px;padding:0 28px;background:#fff}
#ttCanvas .list_latest .inner_link {display:table-cell;.display:block;width:100%;.width:auto;height:100px;padding:0 20px;line-height:100px;vertical-align:middle;text-align:center}
#ttCanvas .list_latest .txt_subject {display:block;overflow:hidden;height:44px;padding-top:28px;font-size:16px;line-height:22px;font-weight:normal;color:#000;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
#ttCanvas .list_latest .num_date {display:block;padding-top:11px;font-family:'Malgun Gothic','맑은 고딕',sans-serif;color:#808080}
#ttCanvas .list_latest .cont_info .link_tit:hover {text-decoration:none}

div#ttCanvas .tt-component-border-01 hr.tt-line {border-top:0 !important}
div#ttCanvas hr.tt-line {background:none !important;}

.search_none {width:auto;margin:0 auto 0;padding:0 80px;background:#fff url(images/bg_search_none.gif) 50% 80px no-repeat;display:none}
.search_none .txt_result {padding:176px 80px 55px;border-bottom:1px solid #e5e5e5;font-size:36px;line-height:42px;color:#000;text-align:center}
.search_none .emph_result {color:#ff0000}
.search_none .list_check {padding:36px 0 58px;font-size:14px;line-height:20px;color:#909090}

/* 뷰 상단 */
.area_title{position:relative;margin:40px 0 30px;padding-bottom:15px;border-bottom:2px solid #444444}
.area_title .tit_category a {font-weight:700;font-size:18px;color:#444444}
.area_title .tit_post{padding:5px 0 10px;font-weight:normal;font-size:34px;line-height:43px;color:#222}
.area_title .info_post {
	display:inline-block;
}
.area_title .info_post,
.area_title .info_post a {font-size:14px;color:#444444}
.area_title .info_post .txt_bar { margin:0 9px 0 5px }
.area_view {color:#5c5c5c;word-wrap: break-word}
.area_view p {font-size:16px;line-height:28px; margin:0 auto 28px;font-weight:normal !important;}
.area_view a {color:#6bacce}
.area_view h1,
.area_view h2,
.area_view h3,
.area_view h4 { font-size:26px; line-height:30px; margin:52px auto 28px }
.area_view ul,
.area_view ol { margin: 0 auto 32px; padding: 0 0 0 10px; }
.area_view ul li,
.area_view ol li { margin-left:24px; margin-bottom:10px; }
.area_view ul li { list-style:disc }
.area_view ol li { list-style:decimal }
.area_view blockquote { padding: 10px 20px; margin: 0 auto 28px; border-left:5px solid #eee }
.area_view blockquote,
.area_view blockquote p { font-size:18px; line-height:30px }
.area_view blockquote ol:last-child,
.area_view blockquote ul:last-child,
.area_view blockquote p:last-child { margin-bottom:0 }
.area_view table { max-width:100% }
.area_view pre { background-color:#F6F7F8; margin:28px auto; padding:16px; word-wrap: break-word; font-family: Menlo,Consolas,Monaco,monospace; font-size:14px; line-height:20px}
.area_view iframe { max-width:100% }

.protected_form { text-align:center; padding: 100px 0 136px; border-bottom:1px solid #efefef }
.protected_form p { margin-bottom:10px; font-size:16px; color:#5c5c5c }
.protected_form input { -webkit-appearance: none; padding:0 15px; border: 1px solid #eee; height:38px; line-height:38px; font-size: 12px; box-sizing: border-box;}
.protected_form button { border-radius: 4px; font-size: 12px; line-height: 38px; background-color: #6bacce; color: #fff; font-weight: bold; padding: 0 16px }


/* 뷰 댓글 */
.area_etc{margin-top:38px}
.area_etc .list_tag {position:relative}
.area_etc .list_tag dt{position:absolute;left:0;top:2px;width:33px;height:17px;margin-right:2px;border-radius:8px;font-size:10px;line-height:17px;color:#fff;background-color:#a7a7a7;text-align:center;padding-right:1px}
.area_etc .list_tag dd{padding-left:40px}
.area_etc a {display:inline-block;font-size:13px;color:#a7a7a7}
.list_share{height:32px;margin-top:27px;text-align:right}
.list_share:after {content:""; display:block; clear:both;}
.list_share li{display:inline-block;margin-left:4px}
.list_share .ico_skin{width:32px;height:32px;margin:0 4px}
.list_share .link_fb{background-position:0 -30px}
.list_share .link_ks{background-position:-40px -30px}
.list_share .link_tw{background-position:-80px -30px}
.area_view .list_share li {margin-left:5px !important}


/* 관련기사 */
.area_related {position:relative;width:820px;margin-top:54px}
.area_related .tit_related {font-weight:normal;font-size:20px;color:#222}
.list_related {overflow:hidden;margin-top:15px}
.list_related li {position:relative;float:left;margin-right:20px}
.list_related li:last-child { margin-right:0}
.list_related .link_related {display:block;overflow:hidden;position:relative;width:185px;height:200px;margin:0 auto;border:1px solid #e8e8e8;background:#fafafa;font-size:13px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;color:#fff}
.list_related .thumb_type .link_related {width:185px;height:200px;border:0 none}
.list_related .frame_related {display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(Opacity=40)}
.thumb_type .frame_related {display:block}
.list_related .thumb_related {position:absolute;left:0;top:0;width:100%;height:100%}
.list_related .txt_related {display:block;display:-webkit-box;overflow:hidden;position:relative;left:0;top:0;z-index:10;max-height:80px;padding:27px 20px 0;color:#5c5c5c;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word}
.list_related .link_related:hover .txt_related {text-decoration:underline}
.list_related .date_related {position:absolute;left:0;bottom:20px;z-index:10;width:100%;color:#a7a7a7}
.list_related .thumb_type .txt_related {color:#fff}
.list_related .thumb_type .date_related {color:#fff; opacity:0.7}
.area_related .link_more {position:absolute;right:20px;top:10px;font-size:13px;color:#a7a7a7;border-bottom: 1px solid #a7a7a7;text-decoration:none}

/* 뷰댓글 */
#tt-body-page .area_reply{margin-top:51px}
.area_reply .tit_reply{font-weight:normal;font-size:20px;color:#222;display:block;margin-bottom:14px}
.area_reply .fld_reply{padding:20px;border-top:1px solid #e8e8e8;background-color:#fafafa;position:relative}
.area_reply .writer_info{overflow:hidden;margin-bottom:5px}
.area_reply .writer_info .info_name{float:left;position:relative;margin-right:5px}
.area_reply .writer_info .info_pw{float:left;position:relative}
.area_reply .writer_info .wrap_info{display:block}
.area_reply .writer_info .inp_info{width:171px;height:36px;padding:0 13px;border:1px solid #e8e8e8;background:#fff;font-size:13px;-webkit-box-sizing:border-box;box-sizing:border-box}
.area_reply .reply_write{position:relative;padding:7px 12px;border:1px solid #e8e8e8;background-color:#fff}
.area_reply .lab_write{position:absolute;top:7px;left:12px;font-size:13px;color:#a7a7a7}
.area_reply .tf_reply{width:100%;height:70px;border:1px solid #fff;font-size:13px;resize:none;box-sizing:border-box}
.area_reply .inp_info,
.area_reply .tf_reply { color:#5c5c5c }
.area_reply .writer_check {position:absolute; bottom:21px; right:93px}
.area_reply .writer_check .check_secret{float:left;overflow:hidden;position:relative;height:36px;margin-right:14px;line-height:36px}
.area_reply .writer_check .inp_secret{float:left;width:18px;height:18px;margin:10px 5px 0 0;opacity:0.01;filter: alpha(opacity=1)}
.area_reply .writer_check .lab_secret{float:left;font-size:12px;color:#5c5c5c;cursor:pointer}
.area_reply .writer_check .ico_check{position:absolute;top:10px;left:0;width:19px;height:19px;background-position:-120px -30px}
.area_reply .writer_check .inp_secret:checked + .lab_secret .ico_check{background-position:-120px -50px}
.area_reply .writer_btn{float:right;margin-top:10px}
.area_reply .writer_btn .btn_enter{float:left;width:71px;height:36px;border-radius:18px;font-size:13px;line-height:38px;background-color:#6bacce;color:#fff}
.list_reply .thumb_profile{float:left;width:48px;height:48px;margin-right:20px;border-radius:48px;background-position:-140px -20px;margin-top:2px}
.list_reply .img_profile{display:block;width:100%;height:100%;border-radius:48px;}
.area_reply .list_reply li{position:relative;padding:23px 0 22px 0;border-top:1px solid #efefef; min-height:53px}

#tt-body-page .area_reply .list_reply li.tt_more_preview_comments_wrap { padding:20px; min-height: inherit; border-top:1px solid #efefef }
#tt-body-page .area_reply .list_reply li.tt_more_preview_comments_wrap:hover { background-color:#efefef }
#tt-body-page .area_reply .list_reply .tt_more_preview_comments_text { color:#aaa }

.area_reply .list_reply li:first-child{border-top:0 none}
#tt-body-page .list_reply li:first-child{padding-top:0}
.area_reply .list_reply .re_reply{padding-left:69px}
.area_reply .reply_content{overflow:hidden;display:block}
.area_reply .tit_nickname{float:left;overflow:hidden;max-width:200px;margin-right:10px;color:#222;white-space:nowrap;text-overflow:ellipsis;font-size:16px}
.area_reply .tit_nickname a:hover{text-decoration:none}
.area_reply .txt_date{float:left;margin-top:5px;font-size:12px;color:#a7a7a7}
.area_reply .txt_reply{display:block;padding-top:4px;font-size:13px;line-height:21px;color:#5c5c5c;clear:both}
.area_reply .list_reply li:hover .area_more,
.area_reply .list_reply li:hover .area_more .reply_layer { display:block }
.area_reply .list_reply li:first-child .reply_layer { top:2px }
.area_more .reply_layer { position:absolute; right:0px; top:25px }
.area_more .reply_layer .link_reply { margin:0 2px;font-size:12px;color:#6bacce }
.area_more .reply_layer .link_reply:hover { text-decoration: none}
.area_more{display:none}

/* 리스트 */
.list_content {padding:24px 0 26px;border-bottom:1px solid #efefef }
.list_content::after { content:''; clear:both; display:block }
.list_content .thumbnail_post { float:right; /*width:250px; height:250px;*/ margin:6px 0 5px 30px }
.list_content .thumbnail_post img {max-width:100%;}
.list_content .link_post{display:block;overflow:hidden;text-decoration:none}
.list_content .link_post:hover .tit_post {color:#6bacce}
.list_content .tit_post{display:block;font-weight:normal;font-size:24px;line-height:34px}
.list_content .txt_post{display:-webkit-box;display:-ms-flexbox;display:box;overflow:hidden;margin-top:4px;font-size:15px;line-height:23px;color:#5c5c5c;vertical-align:top;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.list_content .txt_bar { margin:0 7px }
.list_content .detail_info{margin-top:11px;font-size:12px;color:#aaa}
.list_content .detail_info .link_cate{font-size:13px;text-decoration:none;color:#6bacce}

/* 태그 */
#tt-body-tag .list_tag{overflow:hidden;margin-top:30px}
#tt-body-tag .list_tag li{float:left;margin:0 10px 10px 0}
#tt-body-tag .list_tag .link_tag{display:block;height:34px;padding:0 16px;border:1px solid #6bacce;border-radius:17px;line-height:36px;color:#6bacce;font-size:13px}
#tt-body-tag .list_tag .link_tag:hover{color:#fff;background-color:#6bacce;text-decoration:none}

#tt-body-tag .article_skin,
/*#tt-body-guestbook .article_skin { padding-top:94px }*/
#tt-body-guestbook .article_skin { padding-top:210px }
/* 게스트 댓글 */
#tt-body-guestbook .list_reply{border-bottom:1px solid #e8e8e8}
#tt-body-guestbook .area_reply .fld_reply{border-top:1px solid #efefef;border-bottom:1px solid #efefef}
#tt-body-guestbook .article_skin .tit_skin { border:0 }

/* 페이징 */
.article_skin .area_paging{height:30px;margin-top:26px;text-align:center}
.area_paging .inner_paging{display:inline-block;overflow:hidden}
.area_paging .ico_skin{width:6px;height:10px}
.area_paging .btn_prev{float:left;margin-right:18px;line-height:30px;color:#5c5c5c}
.area_paging .btn_prev.no-more-prev {color:#a7a7a7; text-decoration: none}
.area_paging .no-more-prev .ico_prev{background-position:-150px -10px}
.area_paging .ico_prev{display:inline-block;margin-right:8px;background-position:-140px -10px}
.area_paging .btn_next{float:left;margin-left:18px;line-height:30px;color:#5c5c5c}
.area_paging .btn_next.no-more-next {color:#a7a7a7; text-decoration: none}
.area_paging .no-more-next .ico_next{background-position:-150px 0}
.area_paging .ico_next{display:inline-block;margin-left:8px;background-position:-140px 0}
.area_paging .link_page span,
.area_paging .interword {float:left;min-width:10px;height:30px;margin:0 4px;padding:0 10px;line-height:30px;color:#5c5c5c}
.area_paging .link_page .selected {border-radius:30px;background-color:#6bacce;color:#fff}

#ttCanvas .link_more {clear:both;display:block;height:40px;margin:0;font-family:'Noto Sans KR',Dotum,'돋움',Arial,sans-serif;font-size:14px;line-height:40px;color:#000;background:#fff;text-align:center}
#tt-body-index #ttCanvas .link_more {text-decoration:none}
.link_more .ico_more {display:inline-block;width:10px;height:10px;background-position:-160px -30px;text-indent:0;vertical-align:top}
#ttCanvas .ico_more {margin:14px 0 0 6px}

.link_top {position:absolute;right:50%;width:50px;height:50px;margin-right:-560px;font-size:33px;z-index:2;}
#ttCanvas .link_top {margin-right:-560px}
/*#tt-body-category .link_top {bottom:120px}*/

.mobile_display {display:none;}
.pc_display {display:block;}

@media
only screen and (max-width:1023px){


	.bannerRight {display:none;}

	/* main */
	body.tistory_grid_945 div#ttCanvas .tt-span-12 {width:100% !important;}
	body.tistory_grid_945 div#ttCanvas .tt-span-4 {width:49% !important;margin:0 0 18px 0 !important}
	body.tistory_grid_945 div#ttCanvas .tt-span-4.second {margin-left:2% !important;}
	body.tistory_grid_945 div#ttCanvas .tt-clear {clear:inherit !important;}
	body.tistory_grid_945 div#ttCanvas .tt-span-4-border {border:0;width:100% !important;}
	
	body.tistory_grid_910 div#ttCanvas .tt-span-12 {width:100% !important;}
	body.tistory_grid_910 div#ttCanvas .tt-span-4 {width:49% !important;margin:0 0 18px 0 !important}
	body.tistory_grid_910 div#ttCanvas .tt-span-4.second {margin-left:2% !important;}
	body.tistory_grid_910 div#ttCanvas .tt-clear {clear:inherit !important;}
	body.tistory_grid_910 div#ttCanvas .tt-span-4-border {border:0;width:100% !important;}
	
	.area_title {margin-top:20px;}
	.intro_sub {margin-top:110px;}

	div#ttCanvas .tt-post-title a {font-size:14px;}

	.intro_main {width:100%;}

	.bxWrap {padding:0 0 20px !important;background:#fff;}
	.bxslider {height:auto;}
	.bxslider > li > a {float:inherit;}
	.bxslider > li {}
	.bxslider .cont_info {width:100%;float:inherit;}
	.bxslider .cont_info .tit_subject {height:88px;}
	.bxslider li a img {max-width:100%}
	.bxslider .cont_info .current_page {bottom:inherit;top:30px;right:30px;border-top:0 !important;padding-top:0 !important;font-size:18px !important;}

	.wrap_etc{display:none;}

	.foot_wrapper {min-width:inherit;}
	.foot_wrapper .inner_foot {width:80%;position:relative;/*overflow:inherit*/}
	.foot_wrapper .wrap_foot {width:100%;padding:0}
	.version_pc {display:none;}

	.foot_wrapper .area_top {margin-top:25px;padding-bottom:20px;}
	.foot_wrapper .area_foot {margin:35px 0 0 0}
	.foot_wrapper .wrap_foot.first {position:absolute;top:110px;left:-20px}
	.foot_wrapper .flogo img {width:110px;}
	.foot_wrapper .wrap_foot.f_r {display:none;}
	.foot_wrapper .wrap_foot.f_r .area_foot {padding-bottom:16px;}
	.foot_wrapper .tit_foot {padding:20px 0 6px}
	.foot_wrapper .area_bottom {position:absolute;top:120px;left:220px}

	.hitPost {float:inherit;width:100%;margin-bottom:30px !important;}
	.recentPost {clear:both;float:inherit;width:100%;}
	a.btnMore {font-size:14px !important;}
	.area_top .left {display:none;}

	.area_title .info_post {position:relative;top:inherit;right:inherit;}
		#ttItem2636 .tt-last, #ttItem3696 .tt-last {display:none}
	
	.list_content .thumbnail_post {width:150px; height:150px;}
	
	.link_top {right:0;margin-right:0}
}

@media
only screen and (max-width:737px){
	.ico_skin {background:url(./images/m320_ico_skin.png) 0 0 no-repeat}
	.img_blog {background-image:url(./images/img_blog_m320_150921.png);-webkit-background-size:110px 130px;background-size:110px 130px}
	/* 스킨 */
	.wrap_skin {min-width:100%;padding-left:0;}
	/*.cont_skin {padding:0 15px 50px 15px}*/
	/*180412태그지우면서 하단 여백조정*/
	.cont_skin {padding:0 15px 15px 15px}
	.intro_main {display:none;}
	.area_head {width:100%;height:55px;min-width:auto;margin-top:0;background:#fff;padding-bottom:0;border-bottom:1px solid #cacaca}
	.area_head .area_profile {display:none}
	.area_head .btn_cate {left:0;top:0;width:49px;height:55px;z-index:999}
	.area_head .btn_cate .ico_cate {width:19px;height:15px;margin:0 auto;background-position:0 0}

	.area_search {top:15px;right:35px}
	.search_on .area_search {top:5px;left:15px;right:auto;width:100%;margin-left:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:6px 15px 0;background:#fff}
	.area_search .frm_search {display:none;top:0;right:auto;width:85%;height:auto;padding:0;border:0;border-radius:inherit;margin-top:0}
	.frm_search .tf_search {width:100%;color:#222;height:40px;margin-top:7px;/*font-family:applesdgothicneo-light*/}
	.frm_search .tf_search::-webkit-input-placeholder { color:#a7a7a7 }
	.frm_search .ico_search {display:none;position:absolute;left:14px;top:7px;width:18px;height:18px;background-position:-20px 0;opacity:1}
	.wrap_sub {height:60px !important;border-bottom:1px solid #cacaca}
	.cont_sub .inner_sub {padding:0}
	.cont_sub .inner_sub h1 a img {height:60px}
	.cont_sub .area_sub {height:auto;}
	.area_sub {display:none;}
	.wrap_skin.navi_on {padding-left:0}
	.area_search .btn_search {display:block;width:26px;height:26px;margin-top:0}
	.area_search .btn_search .ico_search {width:30px;height:30px;background:url("images/btn_sch_m.jpg") no-repeat 0 0;}
	#schButton {top:15px;right:0;}

	a.btnMore {top:8px}

	.mobile_display {display:block;}
	.pc_display {display:none;}

	#tt-body-page .area_head { background-color:rgba(255,255,255,0.95) }
	#tt-body-page .navi_on .area_head { background-color: inherit }
  /*180322 모바일도 카테고리 노출요청 */
	#tt-body-index .area_navi.mainNavi {display:none;}

	.navi_on .area_head {height:72px;position:fixed; right:58px; width:100%;z-index:10000;overflow-x:hidden;overflow-y:auto;background:transparent;}
	.navi_on .area_head .area_profile {display:block;position:absolute;left:0;right:0;top:0;height:72px;text-align:left}
	.navi_on .area_head .area_profile:before {display:none}
	.navi_on .area_head .area_profile .tit_post {height:30px;padding:3px 0 0;text-align:left}
	.navi_on .area_head .area_profile .link_post {padding-left:20px;font-size:14px;font-weight:normal;-webkit-line-clamp: 1;color:#fff}
	.navi_on .area_head .area_profile .txt_profile {display:inline-block;margin-top:5px;padding-left:73px;font-size:13px;color:#a7a7a7;font-family:applesdgothicneo-ultralight}
	.navi_on .area_head .area_profile .thumb_profile {position:absolute;left:20px;top:15px;width:43px;height:43px;margin:0}
	.navi_on .area_search {display:none}
	.navi_on .wrap_sub {position:absolute;left:0;top:0;z-index:100;width:100%;height:100%;display:block;background:transparent;border-bottom:0;}
	.navi_on .cont_sub {background:#d71820;position:absolute;top:0;left:0;width:70%;}
	.navi_on .cont_sub .area_sub { display:block;top:0; bottom:0;right:inherit;left:0; }
	.navi_on .wrap_sub .btn_close {right:35px;top:18px;width:18px;height:18px;background-position:-110px 0;position:fixed;z-index:9999}
	.navi_on .area_navi.subNavi {display:block !important;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;overflow-x:hidden}
	.navi_on .area_navi.subNavi h2.mTit {display:block;font-size:16px;font-weight:400;color:#fff;text-align:left;padding:15px;border-bottom:1px solid #fff;letter-spacing:-1px; background-color: #344555;}
	.navi_on .area_navi .tt_category {width:100%; padding:0; }
	.navi_on .area_navi .tt_category {width:100%;}
	.navi_on .wrap_etc {display:none}
	.navi_on .tt_category .link_tit {font-size:17px;padding-bottom:7px}
	.navi_on .tt_category .category_list li {float:inherit;width:100%;text-align:left !important;color:#fff;}
	.navi_on .tt_category > li > .category_list > li {float:inherit;width:100%;text-align:left;color:#fff;}
	.navi_on .tt_category .category_list .link_item {font-size:16px !important; color:#5F5F5F;padding-left:15px !important;background:#344555;}
	.navi_on .tt_category .category_list .link_item:hover {}
	.navi_on .tt_category .sub_category_list {display:block;float:inherit; position:relative;top:inherit;left:inherit;padding-top:5px;padding-bottom:5px; margin-top:-1px; margin-bottom:0;border-top:1px solid #c0131a;border-bottom:1px solid #c0131a;}
	.navi_on .tt_category .sub_category_list .link_sub_item {font-size:13px !important;color:#fff !important;padding:5px 0 5px 25px !important;}
	.navi_on .link_guestbook {display:block;padding:25px 20px 27px;font-size:17px;color:#fff;border-top:1px solid rgba(255,255,255,0.05)}
/*	.navi_on .article_skin { display:none }*/
	.navi_on #allMenu {width:100%;float:inherit;text-align:left;padding:0;color:#fff;font-size:16px !important;padding-left:15px !important;border-bottom:1px solid #c0131a;}
	

	.cont_sub .tit_post {display:none;top:10px;left:50px}
	.cont_sub .tit_post img {height:60px;}
	.cont_sub .link_post {font-size:16px;font-weight:normal;}
	.foot_side {display:none;position:absolute;bottom:0;padding:0 0 35px 20px}
    .foot_side .info_copyright {display:block;padding-bottom:13px;font-size:9px;color:#666}
    .info_copyright .link_copyright {color:#666}
    .foot_side .opt_foot {display:none}
    .opt_foot .link_relation {width:131px;height:22px;padding-left:11px;border-color:#d4d4d4;font-size:12px;line-height:22px;color:#000}
    .link_relation .ico_arrow {width:8px;height:8px;margin:7px 11px 0 0;background-position:-80px -60px}
    .opt_open .ico_arrow {width:6px;height:7px;margin-right:12px;background-position:-90px -60px}
    .opt_foot .list_relation {width:142px;padding:6px 0 5px;border-color:#d4d4d4;background:#fff}
    .list_relation .link_option {padding-left:11px;font-size:12px;line-height:22px;color:#000}

		/* 50% */
	/*#ttItemGroup7558, #ttItemGroup8951 {width:50% !important;}
	body.tistory_grid_945 div#ttCanvas .tt-span-4 {width:98% !important;padding-bottom:15px !important;}
	body.tistory_grid_945 div#ttCanvas .tt-span-4.second {margin-left:0 !important;}*/
	body.tistory_grid_945 div#ttCanvas .tt-span-12 {padding-top:4px;}
	body.tistory_grid_910 div#ttCanvas .tt-span-4 {padding-bottom:15px !important;}
	body.tistory_grid_910 div#ttCanvas .tt-span-12 {padding-top:4px;}
  /*#ttItemGroup7558 a.btnMore, #ttItemGroup8951 a.btnMore {display:none}
	body.tistory_grid_945 div#ttCanvas #ttItemGroup7558 .tt-span-4 {margin:0 2% 10px 0 !important;}
  body.tistory_grid_945	div#ttCanvas #ttItemGroup8951 .tt-span-4 {margin:0 0 10px 2% !important;}*/

	
	div#ttCanvas .tt-post-title {padding:5px;line-height:18px;}
	div#ttCanvas .tt-post-title a {font-size:13px !important;}
	div#ttCanvas .tt-item .tt-post-date {padding-left:15px !important;}

	.bxslider .cont_info .tit_subject {height:55px;}
	.bxslider .cont_info .link_txt {font-size:20px !important;line-height:28px;}
	.bxslider .cont_info .info_append {padding:20px 30px 10px !important}
	.bxslider .cont_info .current_page {top:20px;right:20px;font-size:14px !important;}

    #ttCanvas .link_more {font-size:12px}
    .link_more .ico_more {width:8px;height:8px;background-position:-90px -20px;text-indent:-9999px}
    #ttCanvas .ico_more {margin-top:16px}

	div#ttCanvas .tt-component-border-bottom {padding:0 !important}

	.recentBox li {width:100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
	.recentBox a {font-size:13px !important;}

    .search_none {width:auto;margin:0 7px 0;padding:0 15px;background:#fff url(images/bg_search_none_m320.gif) 50% 30px no-repeat;-webkit-background-size:32px 30px;background-size:32px 30px}
    .search_none .txt_result {padding:75px 15px 35px;font-size:22px;line-height:28px}
    .search_none .list_check {padding:23px 0 31px;font-size:12px;line-height:18px}
	
	.foot_wrapper .inner_foot {width:90%;}
	.area_top .right {float:inherit;}
	.area_top .right ul.fLink li {width:14%;margin-right:0.2%;}
	.area_top .right ul.fLink li a img {max-width:100%;}
	.foot_wrapper .flogo img {width:80px;}
	.foot_wrapper .area_bottom {top:160px;left:0}
	.area_bottom ul li a, .area_bottom ul li span {font-size:12px;}

	.list_control {display:none}
	.article_skin {width:100%;min-height:100%;padding:0px 0 10px 0}
	.area_title {padding:0 15px 13px;margin-bottom:18px}
	.area_title .tit_category a {font-weight:normal;font-size:14px}
	.area_title .tit_post {padding:2px 0 3px;font-size:24px;line-height:30px}
	.area_title .info_post {display:block;margin-top:5px;font-size:12px;font-family:applesdgothicneo-ultralight}
	.area_title .info_post .txt_bar { margin:0 6px 0 4px}
	.area_view { margin:0 0px;font-size:17px;line-height:24px;color:#333;font-family:applesdgothicneo-ultralight }

	.area_view p { line-height:23px }

	.protected_form { padding:15px 0 50px }

	.area_etc {margin-top:14px;padding:0 15px}
	.area_etc .list_tag dt {width:35px;height:19px;font-size:12px;line-height:19px;border-radius:10px;text-align:center}

	.list_share {height:36px;margin-top:29px}
	.list_share .ico_skin {width:36px;height:36px;margin:0 3px;}
	.list_share li img {width:30px}
	.list_share .link_fb {background-position:0 -20px}
	.list_share .link_ks {background-position:-40px -20px}
	.list_share .link_tw {background-position:-80px -20px}

	.area_related {width:100%;margin-top:47px}
	.area_related .tit_related {display:block;padding:0 15px;font-size:14px}
	.list_related {padding:0 10px;margin-top:1px}
	.list_related li {width:50%;margin:10px 0 0;padding:0 5px;-webkit-box-sizing:border-box;box-sizing:border-box}
	.list_related .link_related {width:100%;height:100%;min-width:137px;min-height:150px}
	.list_related .thumb_type .link_related {width:100%;height:100%}
	.list_related .thumb_related .img_related {width:100%}
	.list_related .txt_related {padding:18px 10px 0;font-size:14px;line-height:17px}
	.list_related .date_related {font-size:13px;bottom:14px}
	.list_related .txt_related { color:#222 }
	.list_related .txt_related,
	.list_related .date_related { font-family:applesdgothicneo-ultralight }
	#tt-body-page .area_reply {margin-top:35px}
	.area_related .link_more {right:15px;top:0}
	.area_reply .tit_reply {padding:0 15px 8px;font-size:14px;margin:0}
	.area_reply .list_reply li {padding:13px 15px 12px;min-height:30px}
	.list_reply .thumb_profile{width:33px;height:33px;margin-right:11px;margin-top:2px;background-position:-120px -20px}
	.area_reply .reply_content { font-family:applesdgothicneo-light; margin-top:4px }
	.area_reply .tit_nickname {max-width:120px;margin-right:5px;font-size:14px}
	.area_reply .txt_reply {line-height:19px;padding-top:2px}
	.area_reply .txt_date  {font-family:applesdgothicneo-ultralight;margin-top:3px}
	.area_reply .more_reply {display:block;position:absolute;right:1px;top:0;width:30px;height:45px}
	.area_reply .ico_more {display:block;width:3px;height:13px;margin:20px auto 0;background-position:-60px 0}
	.area_reply .list_reply li:first-child .ico_more { margin-top:7px }
	.area_reply .list_reply .re_reply {padding-left:60px}
	.area_reply .list_reply li:last-child { padding-bottom:10px }
	.area_reply .fld_reply {padding:15px 15px 14px;border-bottom:1px solid #efefef;font-family:applesdgothicneo-ultralight}
	#tt-body-page .area_reply .fld_reply { margin-top:2px }
	.area_reply .writer_info .info_name {width:50%;margin-right:0}
	.area_reply .writer_info .info_pw {width:50%}
	.area_reply .writer_info .inp_info {width:100%;padding:0 11px}
	.area_reply .reply_write {margin-top:9px;padding:6px 7px}
	.area_reply .reply_write .tf_write { color:#222 }
	.area_reply .info_name .wrap_info {padding-right:5px}
	.area_reply .info_pw .wrap_info {padding-left:5px}
	.area_reply .writer_info .lab_info {font-size:14px}
	.area_reply .lab_write {top:8px;left:14px;font-size:14px}
	.area_reply .writer_check .lab_secret {font-size:14px;color:#666}
	.area_reply .writer_check .ico_check {top:0;width:30px;height:30px;background-position:0 -60px}
	.area_reply .writer_check .inp_secret:checked + .lab_secret .ico_check{background-position:-30px -60px}
	.area_reply .writer_check .inp_secret:checked + .lab_secret {font-family:applesdgothicneo}
	.area_reply .writer_check {right:inherit;left:15px;bottom:15px}
	.area_reply .writer_check .check_secret {float:left;height:30px;line-height:29px}
	.area_reply .writer_check .inp_secret {width:30px;height:30px;margin:0 4px 0 0}
    .area_reply .writer_btn {float:none;overflow:hidden;margin-top:11px}
	.area_reply .writer_btn .btn_enter {float:right;width:65px;height:33px;font-size:14px;line-height:33px}
	.area_more {display:block}
	.area_reply .list_reply li:first-child .reply_layer { top:24px }
	.area_more .reply_layer {display:none;position:absolute;right:15px;top:38px;z-index:10;width:95px}
	.on_more .reply_layer {display:block}
	.reply_layer .inner_reply_layer {padding:10px 0;border:1px solid #dcdcdc;background:#fff}
	.reply_layer .inner_reply_layer .link_reply {display:block;font-size:14px;text-align:center;line-height:32px;color:#222}
	.article_skin .area_paging {height:18px;margin:20px 0 41px 0;padding:0 15px}
	.area_paging .inner_paging {display:block;height:18px}
	.area_paging .link_page,
    .area_paging .interword {display:none}
	.area_paging .ico_skin {width:10px;height:18px}
	.area_paging .btn_prev {font-size:15px;line-height:19px;color:#222}
	.area_paging .ico_prev {float:left;margin-right:8px;background-position:-90px 0}
	.area_paging .no-more-prev .ico_prev {background-position:-70px 0}
	.area_paging .btn_next {float:right;margin-right:0;font-size:15px;vertical-align:top;line-height:19px;color:#222}
	.area_paging .ico_next {float:right;margin-left:10px;background-position:-100px 0}
	.area_paging .no-more-next .ico_next {background-position:-80px 0}
/*	.area_foot .info_copyright {font-size:11px}*/
	/* 리스트 */
	.list_content {padding:19px 15px 15px}
	.list_content .thumbnail_post { margin-top:1px; margin-left:14px }
	.list_content .thumbnail_post,
	/*.list_content .thumbnail_post img { width:80px; height:80px }*/
	.list_content .tit_post {font-size:17px;line-height:21px;color:#222;font-family:applesdgothicneo-light;display: -webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical}
	.list_content .txt_post {font-size:14px;line-height:19px;font-family:applesdgothicneo-ultralight;-webkit-line-clamp:2;}
	.list_content .detail_info {color:#a7a7a7; font-family:applesdgothicneo-ultralight; margin-top:4px}
	.list_content .detail_info .txt_bar { margin:0 2px }
	.list_content .detail_info .txt_date { font-size:13px }

	#tt-body-page .article_skin { margin-top:0px }
	#tt-body-tag .article_skin,
	#tt-body-guestbook .article_skin,
	.article_skin { padding-top:60px !important }

	/* 게스트북 */
	#tt-body-guestbook .area_reply .fld_reply {border-top:0 none}

	/* 태그 */
	#tt-body-tag .navi_on .area_head {border-bottom:0 none}
	#tt-body-tag .list_tag {margin-bottom:30px;padding:0 15px}

    /* 메뉴바 */
    #tistorytoolbarid { display:none }

	/* 타이틀 */
	#tt-body-index .index_title { display:block ;margin-top:15px;}
	#tt-body-index .index_title .tit_skin,
	.list_title .tit_skin,
	#tt-body-tag .article_skin .tit_skin,
	#tt-body-guestbook .article_skin .tit_skin {position:relative;left:0;right:0;top:0px;height:45px;padding-bottom:0; border-bottom:0px solid #e0e0e0;/*background-color:rgba(255, 255, 255, 0.95);*/z-index:1}
	.tit_skin .txt_title { display:block; position:absolute; left:50px; right:50px; top:0; height:45px; font-size:15px;font-weight:normal;line-height:48px; text-align:center; color:#222; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;word-wrap: normal}
	.tit_skin.fixed {margin-top:116px;}
	.tit_skin.fixed .txt_title {top:-55px}

	#mainVisual {height:255px;}
	#mainVisual .mainSlider .bg {height:255px;}

	.mainBannerWrap ul li {width:100%;float:inherit;}
	.mainBannerWrap ul li:last-child {display:none;}
	.mainBannerWrap ul li a img {width:100%}

	.snsShareBox ul li {width:49%;margin-right:2% !important;margin-bottom:10px !important;}
	.snsShareBox ul li:before {background-size:100%;width:31px;height:31px;}
	.snsShareBox ul li:nth-child(2) {margin-right:0;}
	.snsShareBox ul li a img {width:100%;}
	.snsShareBox ul li.instragram {margin-right:0 !important;}
	.snsShareBox ul li.naverblog {display:none;}

/*	.area_foot { height:40px; line-height:38px; }*/
	

}

@media
only screen and (max-width:531px){
	.area_bottom ul li:nth-child(2):after {width:0;}
	
	/*=====2018-03-08====*/
	.info_post .list_share{margin-top:10px !important;}
	.info_post{height:55px !important;}
	.facebook{height:0px !important;padding-bottom:35% !important;}
	.insta{height:0px !important;padding-bottom:35% !important;background-size:100% !important;}
	div#ttCanvas #ttItem8045 .tt-post-title a{font-size:15px !importnat;}
}
@media
only screen and (max-width:320px){
	.area_reply .tit_nickname {max-width:90px;}
	
	/*=====2018-03-08====*/
	.info_post a{font-size:10px !important;}
	.d_contant7 article div a{font-size:10px !important;}
}

@media
only screen and (min-width:738px){
	.area_title {padding-left:10px;padding-right:10px;margin:70px 0 20px}
	.area_view {padding:20px 0px}
	.area_etc {padding:0 40px}
	#tt-body-page .area_reply {padding:0 40px}
	.article_skin .list_title {padding: 0 40px; display:none;} /* 180315 상단 카테고리제목 안보게 요청수정 */
	.list_content {padding:35px 0px 5px 0px; /*height: 225px;*/}
	#tt-body-search .article_skin .list_title {padding:30px 40px 0}
	.area_related {padding:0 40px}
}

@media
only screen and (min-width:738px) and (max-width:1023px){


	.area_head .btn_cate {left:0;top:0;width:94px;height:80px}
	.area_head .btn_cate .ico_cate {width:26px;height:20px;margin:0 auto;background-position:0 0}
	.area_head .area_profile:before {margin:0 auto 30px}
	.area_head .area_profile .thumb_profile {margin-top:35px}
	.area_head .area_profile .tit_post {margin-top:-6px}

	.cont_sub {position:static;}
	.cont_sub .inner_sub {padding:0;width:80%;margin:0 auto;padding-top:50px;padding-bottom:0px;background:#fff}
	.area_search {right:5px}
	.area_search .btn_search {display:none;width:75px;height:75px;margin-top:0}
	.area_search .btn_search .ico_search {width:22px;height:22px;margin:2px auto 0;background-position:-40px 0}

	.tt_category .category_list .link_item {padding:0 10px 0 10px}

	.search_on .area_search {height:75px;}
	.area_search .frm_search {top:112px;}
	.frm_search .tf_search {width:100%;height:28px}
	.frm_search .lab_search {left:45px;top:8px}
/*	.frm_search .ico_search {position:absolute;left:13px;top:8px;width:22px;height:22px;background-position:-40px 0}*/

	.wrap_skin.navi_on {padding-left:0}
	.navi_on .area_head {padding-top:0}
	.navi_on .area_search {left:auto;right:92px;top:29px;position:fixed}
	.navi_on .area_search .btn_search {width:auto;height:auto}
	.navi_on .btn_search .ico_search {background-position:-100px 0}
	.navi_on.search_on .area_search {left:0;top:25px;width:50%;height:1px;margin-left:50%;padding:0 75px 0 40px}
	.navi_on.search_on .frm_search {width:100%;height:36px;border:1px solid #868686;box-sizing:border-box;-webkit-box-sizing:border-box; margin-top:0}
	.navi_on .frm_search .tf_search {width:100%;height:auto}
	.navi_on .frm_search .ico_search {left:16px;top:10px;width:14px;height:14px;background-position:-160px 0}
	.navi_on .wrap_sub {position:fixed;left:0;top:0;width:100%;z-index:100}
	.navi_on .wrap_sub .btn_close {right:41px}
	.navi_on .cont_sub {height:100%;background:#222 url(images/bg_side_t.png) repeat-y 50% 0;opacity:0.9;filter:alpha(Opacity=90)}
	.navi_on .wrap_etc .col_aside {float:none;width:auto;padding:0 48px}
	.navi_on .area_navi {width:50%;-webkit-box-sizing:border-box;box-sizing:border-box}
	.navi_on .wrap_etc {width:50%}
	.navi_on .list_control {left:42px;width:365px;margin-left:0}
	.navi_on .list_control .ico_skin {width:58px}

	.cont_sub .tit_post {left:0}

	.wrap_etc .tt-calendar{width:100% !important}

	.list_control {width:274px;bottom:19px;margin-left:-137px}
	.list_control .ico_skin {width:48px;height:40px;margin:0 10px}
	.list_control .link_write {background-position:0 -160px}
	.list_control .link_memo {background-position:-50px -160px}
	.list_control .link_rss {background-position:-100px -160px}
	.list_control .link_manage {background-position:-150px -160px}

	div#ttCanvas .tt-post-thumb {width:100% !important;}

	.article_skin {width:80%;padding:0 0 100px}
/*	#tt-body-index .article_skin { padding-top:27px }*/
/*	#tt-body-tag .article_skin,*/
/*	#tt-body-guestbook .article_skin { padding-top: 57px; }*/
/*	#tt-body-page .article_skin { padding-top:56px }*/

	.list_share {margin-top:47px;height:36px}
	.list_share .ico_skin {width:36px;height:36px}
	.list_share .link_fb {background-position:0 -120px}
	.list_share .link_ks {background-position:-40px -120px}
	.list_share .link_tw {background-position:-80px -120px}
	.area_related {width:100%;margin-top:54px}
	.list_related {margin:15px -10px 0}
	.list_related li {width:25%;margin-right:0;padding:0 10px;webikit-box-sizing:border-box;box-sizing:border-box}
	.list_related .link_related {width:100%;max-width:183px}
	.list_related .thumb_type .link_related {width:100%;max-width:185px}
	.area_related .link_more {top:12px;right:0}
	.area_reply .tit_nickname {font-size:16px}
	.area_reply .txt_date {margin-top:4px}
	.area_reply .writer_info .lab_info {font-size:13px}
	.area_reply .lab_write {font-size:13px}

	#allMenu {width:30%;font-size:16px !important;}
	.area_navi .tt_category {width:70%;}
	.tt_category .sub_category_list {top:50px}
	.tt_category .category_list .link_item {font-size:16px !important;}
	.tt_category .sub_category_list .link_sub_item {font-size:14px !important;}

	.mainBannerWrap ul li a img {max-width:100%}

	.snsShareBox ul li {width:32.5%;margin-right:1.25% !important;}
	.snsShareBox ul li:last-child {margin-right:0 !important;}
	.snsShareBox ul li a img {max-width:100%}

    /* 메뉴바 */
    #tistorytoolbarid { display:none }
		
	
}

@media
only screen and (min-width:1024px){
/*	.tt_category .category_list li {position:relative;}*/
/*	.tt_category .category_list li:after {position:absolute;top:8px;left:-5px;width:1px;height:14px;background:#dadada;content:"";}*/
	.tt_category .category_list li:first-child:after {width:0;}
	
	
	.wrap_sub {width:1903px;left:50%;margin-left:-960px}
	.cont_sub .tit_post {left:0}
	.area_search .frm_search {right:0}
	.cont_sub .area_sub {right:0;top:175px}

	#tt-body-page .area_head {position:relative}
	#tt-body-page .wrap_sub {position:absolute}
	
	.foot_wrapper .area_foot img {width:110px}

	/*데스크탑 카테고리 메뉴 3개로변경*/
	.d_contant1 > li:nth-child(3){display:list-item;}
	.d_contant2 > li:nth-child(3){display:list-item;}
}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-width :738px),
only screen and (min-device-pixel-ratio : 1.5) and (max-width :738px),
only screen and (min-resolution:2dppx) and (max-width :738px) {
	.ico_skin {background-image:url(images/m640_ico_skin.png);-webkit-background-size:160px 100px;background-size:160px 100px}
}


@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
    .sns_blog .sns_type3_default .btn_sns .ico_more {background-image:url(images/share_m640.png) !important}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 700px),
only screen and (min-device-pixel-ratio: 1.5) and (max-width: 700px),
only screen and (min-resolution: 1.5dppx) and (max-width: 700px),
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (orientation:landscape) and (max-width:978px) and (max-height:700px),
only screen and (min-device-pixel-ratio: 1.5) and (orientation:landscape) and (max-width:978px) and (max-height:700px),
only screen and (min-resolution: 1.5dppx) and (orientation:landscape) and (max-width:978px) and (max-height:700px) {
    .img_blog {background-image:url(images/img_blog_m640_150921.png)}
    .search_none {background-image:url(images/bg_search_none_m640.gif)}
    .sns_blog .sns_comm .layer_sharesns .img_g {background-image:url(images/ico_sns_m640_160404.png)}
    .list_cmt .item_cmt {background-image:url(images/bg_cmt_m640.gif)}
    .list_cmt .inner_reply {background-image:url(images/bg_reply_m640.gif)}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx){
    .sns_blog .sns_type3_default .btn_sns .ico_more {background-image:url(images/share_m640.png) !important}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (min-resolution: 2dppx) and (max-width: 700px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape) and (max-width:978px) and (max-height:700px),
only screen and (min-device-pixel-ratio: 2) and (orientation:landscape) and (max-width:978px) and (max-height:700px),
only screen and (min-resolution: 2dppx) and (orientation:landscape) and (max-width:978px) and (max-height:700px) {
    .img_blog {background-image:url(images/img_blog_m640_150921.png)}
    .search_none {background-image:url(images/bg_search_none_m640.gif)}
    .sns_blog .sns_comm .layer_sharesns .img_g {background-image:url(images/ico_sns_m640_160404.png)}
    .list_cmt .item_cmt {background-image:url(images/bg_cmt_m640.gif)}
    .list_cmt .inner_reply {background-image:url(images/bg_reply_m640.gif)}
}
/*slide bottom point */
.slbtpo {
    position: relative;
    top: -44px;
    left: -36px;
    display: block;
    height: 15px;
}


/* 2018 kinsdayz style */
/* 20180306 데스크탑 로고 PC W335px 수정요청 반영 */
.main{display:none;}
/*header*/
.logo2 img{
	width:335px; 
	height:auto !important;
}

/*category_list*/
.area_navi .tt_category{width:100%;height}
.tt_category > li > .category_list > li {width:33.33%;}
div#ttCanvas .tt-item a:hover{text-decoration:none;}
#tt-body-index .area_navi.mainNavi{border-bottom:none;padding-bottom:0px;}
.tt_category .category_list .link_item{font-weight:bold !important; padding:0 !important;}
.tt_category > li > .category_list > li.on .link_item {transition:0.5s background;text-decoration:none;}
.category_list > li:nth-child(4){display:none;}
div#ttCanvas .tt-item-title-inner{padding-top:4px;padding-bottom:4px;padding-left:5px;color:#ffffff;border-radius:5px 5px 0 0;}

.d_title{width:100%;}
.d_title span{padding:5px;display:inline-block;box-sizing:border-box;}
.d_title span:nth-child(1){width:130px;;border-radius:15px 15px 0 0;text-align:center;font-size:17px;color:white;}
.d_title span:nth-child(2){width:130px;font-size:17px;border-radius:0 15px 0 0;}
.d_title one{background:#9eb8b7}
.d_title span:nth-child(3){width:calc( 100% - 260px);text-align:right;font-size:17px;border-radius:15px 0 0 0;}
.one span{background:#9eb8b7} .one span:nth-child(2){color:#9eb8b7}
.two span{background:#324554} .two span:nth-child(2){color:#324554}
.tree span{background:#4ec0e5} .tree span:nth-child(2){color:#4ec0e5}

.d_contant1{height:220px; margin: 5px 0;width:100%;}
body.tistory_grid_910 div#ttCanvas .tt-span-4 {width:33.33% !important}
body.tistory_grid_910 div#ttCanvas .tt-span-4-border {width:100% !important;}
.d_contant2{height:220px; margin: 10px 0;width:100%;}
.d_content3{height:250px; margin: 10px 0;}
.d_content4{height:250px; margin: 10px 0;}
.d_content5{height:100px; margin: 10px 0;}

.d_content5 > div{width:50%;height:100%;background:blue;float:left;box-sizing:border-box;padding:0 5px;}

.d_content5 p{font-size:35px;position: relative;margin:0;padding:0;top:50%;margin-top:-25px;padding-left:15px;color:white;}
.d_content5 p>a{float:right;font-size:17px;position:relative;top:14px;margin-right:10px;cursor:pointer;text-decoration:none;color:white;}
.d_content5 p img{height:25px;}

.d_c3_box > div{width: 100%; height:50%;background:green;}




div#ttCanvas .tt-item-title-inner{width: 130px !important;border-radius:15px 15px 0 0; text-align:center !important;}
div#ttCanvas .tt-item-title-bg>span{float:left;height:22px;padding:5px 0;font-family:'Noto Sans KR', sans-serif;font-size:14px !important; letter-spacing: 0px;}
div#ttCanvas .tt-item-title-bg>span:nth-child(2){width:130px;border-radius:0 15px 0 0;}
div#ttCanvas .tt-item-title-bg>span:nth-child(3){width:calc(100% - 260px);border-radius:15px 0 0 0;}
div#ttCanvas .tt-item-title-bg>span:nth-child(3) a{float:right;padding-right:10px; color:white; padding-top: 2px!important; letter-spacing: 0px;}

body.tistory_grid_910 div#ttCanvas .tt-span-1_5:nth-child(1){width:calc(60% - 12px);height:400px;}
body.tistory_grid_910 div#ttCanvas .tt-span-1_5:nth-child(2){width:40% !important;height:200px;margin-bottom:5px;}
body.tistory_grid_910 div#ttCanvas .tt-span-1_5:nth-child(3){width:40% !important;height:195px;}
body.tistory_grid_910 div#ttCanvas .tt-span-1_5-border{width:100% !important;}
body.tistory_grid_910 div#ttCanvas .tt-span-1_5-thumb_ratio-1_1{height:100% !important;}

body.tistory_grid_910 div#ttCanvas .tt-span-1_5:nth-child(1)>iframe{width:100%;height:400px;}
body.tistory_grid_910 div#ttCanvas .tt-span-1_5:nth-child(2)>iframe{width:100%;height:100%;}
.d_m1{background:#57a2e7} /* 수정 180309 #9eb8b7*/
.d_m2{background:#55C5D1} /* 수정 180309 #324554*/
.d_m3{background:#4ec0e5}
div#ttCanvas .tt-post-title{padding:padding 5px !important;font-size:17px;}

.inner_foot>div{border-top:1px solid #dee3df;}
.inner_foot>div img{padding-top:11px;}
.inner_foot img{width:50px;float:left;}
.inner_foot ul{overflow:hidden;}
.inner_foot ul li{float:left;padding:0 10px;border-right:1px solid #dee3df;}
.inner_foot ul li:nth-last-child(1){border:none;}
.inner_foot ul:nth-child(1), .inner_foot ul:nth-child(2){padding-top:10px;padding-bottom:10px;}
.inner_foot ul:nth-child(1){color:#dee3df;}
.inner_foot ul:nth-child(2){padding-bottom:40px;}
.inner_foot ul:nth-child(2) li{font-weight:bold;}
.foot_wrapper{height:125px;background:none;}
.d_bxslider>img{position:absolute;z-index:2;margin-top:1px !important;}
.bx-wrapper{overflow:hidden;border-radius:40px 0 0 0;}



	/*=====2018-03-07=====*/
	
	/*데스크탑 컨텐츠박스 여백,width값맞추기*/
.d_contant1 li, .d_contant2 li{margin:0 !important;}
.d_contant1 li:nth-child(2),.d_contant2 li:nth-child(2){margin-left:0.5% !important;margin-right:0.5% !important;}
.d_contant1 .tt-span-4-border, .d_contant2 .tt-span-4-border{width:100% !important;}
.d_contant1 .tt-span-4, .d_contant2 .tt-span-4{width:33% !important;padding:0px;}
	/*mbc 카테고리 좌우 보더*/
.category_list > li:nth-child(1), .category_list > li:nth-child(3){border-right:2px solid #dee3df !important;border-left:2px solid #dee3df !important;box-sizing:border-box;}
	/*글뷰 sns삽입*/
.info_post .list_share{margin:0;float:right;width:220px;height:21px;}
.info_post .list_share img{width:25px;}
.info_post > div{float:left;}
.info_post{width:100%;}
.info_post_admin{display:inline-block;width:auto;}
.d_m2>a, .d_m1>a{font-weight:normal !important;font-size:12px !important;padding-top:4px !important;}
.svg-inline--fa.fa-w-14{width:0.74em !important;}
div#ttCanvas #ttItem8045 .tt-post-title a{font-size:18px !important;font-family:'Noto Sans KR' !important;}
	/*=====2018-03-08=====*/
/*툴팁 제작*/
.tooltip .tooltiptext{display:inline-block;width:33.33%;text-align:center;float:left;opacity:0;transition:opacity 0.5s;position:relative;top:-5px;}
.tooltiptext .tooltip_bg{border-radius:15px;background:#57a2e7;width:130px;padding:5px !important;display:inline-block;margin-top:-10px !important;color:white;}
.tooltiptext div:nth-child(1){width:10px;height:10px;background:#57a2e7;transform-origin:center;transform:rotate(45deg);margin:0 !important;position:relative;left:calc(50% - 5px);}
div#ttCanvas #ttItem935{padding-bottom:0 !important}

div#ttCanvas .tt-item-title { margin-bottom:5px !important; } 
/*서치아이콘*/
.d_search #box{position: absolute;right:5px;top:55px;font-size:25px;z-index:2;cursor:pointer;height:25px;line-height:1;}
/*banner*/
.d_contant7{width:100%;}
.d_contant7 article{width:calc(50% - 5px);height:100px;float:left;}
.d_contant7 article:nth-child(1){background:#57a2e7;margin-right:10px !important;}
.d_contant7 article:nth-child(2){background:#55c5d1;f}
.d_contant7 article:nth-child(1) div img{width:80px;}
.d_contant7 article div a{color:white;}
.d_contant7 article div:nth-child(1) a{font-size:25px !important;}
.d_contant7 article div:nth-child(2) a{font-size:18px !important;margin-top:3px !important;display:inline-block;}
.d_contant7 article div:nth-child(1){float:left;padding-left:10px !important;}
.d_contant7 article div:nth-child(2){float:right;padding-right:10px !important;}

.article_skin #ttCanvas{overflow:hidden;/*padding-top:30px;*/}

.facebook{width:calc(50% - 5px);margin-right:10px !important;height:300px;float:left;overflow:hidden;}
.insta{width:calc(50% - 5px);height:300px;float:left;overflow:hidden;background-size:cover !important;background-position:center !important;}
.facebook a{height:100%;width:100%}
.facebook{background:url('./images/facebookbg.png')no-repeat center;
	background-position-y:0px;background-size:cover;}
.insta img{width:100%;}
.facebook::before{content:'';width:65px;height:65px;background:url('./images/facebook_logo.png')center;background-size:100%;display:block;position:absolute;border-right: 3px solid #fff;border-bottom: 3px solid #fff;}
.insta::before{content:'';width:65px;height:65px;background:url('./images/instagram.jpg')center;background-size:100%;display:block;position:absolute;border-right: 3px solid #fff;border-bottom: 3px solid #fff;z-index:2;}


/*=====2018-03-09=====*/
#ttLinkEditMode {position: relative;z-index: 1;top: 220px !important;}
.inner_sub{box-sizing:border-box;}
/*=====2018-03-10=====*/


@media only screen and (max-width:737px){
	.d_contant1 li:nth-child(3),.d_contant2 li:nth-child(3){display:none;}
	body.tistory_grid_910 div#ttCanvas .tt-span-4{height:170px}

	/* 슬라이더 비율고정클라이언트 수정요청 20180309*/
		.bx-viewport, #mainVisual, #mainVisual .mainSlider .bg {height:250px !important;}*/
	/*.bx-viewport, #mainVisual, #mainVisual .mainSlider .bg {height:133px !important;}*/
	
	.d_bxslider{margin-top: 10px !important}
	.d_bxslider>img{height:150px;}
	body.tistory_grid_910 div#ttCanvas .tt-span-4{width:50% !important;}
	/*슬라이더 왼쪽상단 보더 브레이크 포인트*/
	.bx-wrapper { overflow: hidden; border-radius: 0px 0 0 0; }
	/*모바일 메뉴 왼쪽 보더 제거*/
	.category_list > li:nth-child(2){border-left:0px solid #888;border-right:0px solid #888;}
	/*모바일 타블렛 로고*/
	.logo2 img{	width:150px;	height:auto;	margin-top:20px;	}
	div#ttCanvas div.tt-panel { padding-top: 11px; }
	
	.inner_foot ul{font-size:10px;}
	/*=====2018-03-07=====*/
	.info_post{height:25px;}
	.inner_foot img{width:30px;padding-top:3px;}
	/*=====2018-03-08=====*/
	.d_bxslider{padding-bottom:25px !important;}
	.d_contant7 article div:nth-child(2){display:none;}
	#ttCanvas {width:100% !important;}{width:100% !important;}
	.insta::before{width:45px;height:45px;}
	.facebook::before{width:45px;height:45px;}
	
	/*=====2018-03-12=====*/
	.d_contant7 article div:nth-child(1){padding:0 !important;width:100%;}
	.d_contant7 article div a{width:100%;text-align:center;display:inline-block;}
	.d_contant7 article div:nth-child(2){display:none;}
}
/* 20180309 브렉포인트 로고 사이즈 변경 */
@media only screen and (min-width:750px) and (max-width:850px){
	.logo2 img { width: 290px;}
	#tt-body-index .article_skin {
    max-width: 960px;
    padding: 155px 0 0;
}
}

@media
	only screen and (max-width:1023px){
		/*=====2018-03-07=====*/
		/*모바일 카테고리 메뉴 2개로변경*/
	.d_contant1 > li:nth-child(3){display:none;}
	.d_contant2 > li:nth-child(3){display:none;}
	body.tistory_grid_945 div#ttCanvas .tt-span-4{padding:0 !important;width:49% !important;}
	body.tistory_grid_945 div#ttCanvas .second{margin:0 !important;}
	
	/*=====2018-03-08=====*/
	.d_contant1 > li:nth-child(3){display:none;}
	.d_contant2 > li:nth-child(3){display:none;}
	.d_contant7 article div:nth-child(1) a{font-size:20px !important;}
	.d_contant7 article div:nth-child(2) a{font-size:14px !important;}
	.d_contant7 article{height:80px;}
	.d_contant7 article:nth-child(1) div img{width:60px;}
	.d_contant7 article div{margin-top:25px !important;}
	.inner_foot ul:nth-child(1){border-top:none;}
	.d_contant1 .tt-span-4, .d_contant2 .tt-span-4{width:calc(50% - 5px) !important;}
	div#ttCanvas div.tt-panel, div#ttCanvas .tt-item {width:100% !important;}
	.d_contant1 li:nth-child(2),.d_contant2 li:nth-child(2){margin:0 !important;}
	.d_contant1 li:nth-child(1),.d_contant2 li:nth-child(1){margin-right:10px !important;}
	
	/*=====2018-03-09=====*/
		.facebook{background-position:bottom;background-position-y:none;}
}
	

@media
	only screen and (min-width:1023px){
	.d_contant7 article div{margin-top:30px !important;}
}
	.logo2 img{
	/*width:150px;*/
	height:auto;
	margin-top:20px;
	}
	div#ttCanvas .tt-component:nth-child(2){margin-top:0px;}
	div#ttCanvas .tt-post-title{padding-bottom:0;}
	
	.d_contant2 a{font-size:16px !important;}
  .d_contant1 a{font-size:16px !important;}
	body.tistory_grid_910 div#ttCanvas .tt-span-1_5:nth-child(1){width:100%;height:200px;margin-bottom:10px;}
	body.tistory_grid_910 div#ttCanvas .tt-span-1_5:nth-child(1)>iframe{height:200px;}
	
	body.tistory_grid_910 div#ttCanvas .tt-span-1_5:nth-child(2){height:120px  !important;width:calc(50% - 6px) !important;}
	body.tistory_grid_910 div#ttCanvas .tt-span-1_5:nth-child(3){height:120px  !important;width:50% !important;margin-right:0 !important;}

/* 20180309 모바일 카테고리 메뉴 세로선 제거, 브레이크 포인트 499px*/
	@media only screen and (max-width:499px){
	.category_list > li:nth-child(1), .category_list > li:nth-child(3) {
    border-right: none !important;
    border-left: none !important;
		}
		.logo2 img { width: 150px;}
	div#ttCanvas .tt-item .tt-post-date {
    padding-left: 5px !important;
}	
/* 20180309 모바일 메뉴 */
		.navi_on .tt_category .category_list .link_item {color: #AAC0D5;line-height: 50px;padding-top: 6px !important;}
		.navi_on .tt_category > li > .category_list > li {height: 50px !important;background-color: #344555 !important;	}
    .navi_on .tt_category > li > .category_list > li:nth-child(3) {	height: 73px !important;  background-color: #344555 !important;}
	
/* 20180309	모바일 툴팁제거 */
/* 툴팁 제작*/
	.tooltip .tooltiptext{display:none}
		
/* MBC +더보기 보정 클래스 추가*/
		.lastp {font-size: 12px !important;line-height: 20px; font-weight: normal !important;}
		
/* M shape title font */
/*div#ttCanvas .tt-item-title-bg > span.d_m1 {font-size:15px !important;}*/
/* M 간격조정 */
	div#ttCanvas .tt-item-title-inner {
		width: 96px !important;	}
		div#ttCanvas .tt-item-title-bg>span:nth-child(2) {
			width: 82px;}
		div#ttCanvas .tt-item-title-bg>span:nth-child(3) {
			width: calc(100% - 178px);}
/* post title 사이즈 수정*/
		div#ttCanvas #ttItem8045 .tt-post-title a { font-size:13px !important;}
/* 태그 모바일 폰트 사이즈 */
		.d_contant8 li a { font-size: 12px !important;}
/* 모바일 컨테이너 간격 */
		.d_bxslider { padding-bottom: 0px !important;}		
		div#ttCanvas #ttItem8045,div#ttCanvas #ttItem4534 {padding-bottom: 0px;}
		div#ttCanvas #ttItem3610 {padding-bottom: 7px;}
	
/*모바일 카테고리 메뉴 사이즈 보류*/
/*.tt_category .category_list .link_item {
  font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing:1px;	
	}*/

div#ttCanvas .tt-post-title a {
    line-height: 1.33em !important;
}
}/*media 499px end-line*/

/*데스크탑 앤 타블렛 상황봐서 수정*/
		.lastp { font-size: 12px !important; line-height: 20px; font-weight: normal !important;	}////
/*20180311슬라이더 불렛 제거*/
.d_bxslider .bx-default-pager{display:none !important;}

/*=====티에디션 카테고리리스트=====*/
/*=====2018-03-13=====*/
.category_list li:nth-child(4){display:none;}
.category_list li:nth-child(5){display:none;}
.category_list li:nth-child(6){display:none;}
.category_list li:nth-child(7){display:none;}
div#ttCanvas .tt-item-310330 .tt-wrap-item{border:none !important;}
div#ttCanvas .tt-item-310310 .tt-wrap-item{position:static !important;}
body.tistory_grid_945 div#ttCanvas .tt-span-4-thumb_ratio-7_4{height:auto !important;}
body.tistory_grid_805 div#ttCanvas .tt-span-4-border{border:none !important;}
/*제목하단 날짜 고정*/
p.tt-post-title {height: 45px;}
/*모바일용 데스크탑에서 안보이게*/
.area_navi2.mainNavi2 { display:none;}
@media only screen and (min-width:500px) {
	div.mbct_menu { display:none;}
}
.nav_mb{
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
	  margin-bottom: 18px !important;
}
.nav_mb > li{
    display:inline-block;
	  width: 31.2%;
		height: 15px;
}
.nav_mb a{
    display:inline-block;
    padding:0px !important;
		font-weight: bold !important;
}
.mbct_menu {width:100%;}

/*동영상 반응형*/
.embed-container { 
	position: relative; 
  padding-bottom: 56.25%; 
	height: 0;
	overflow: hidden;
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	max-width: 720px;
	max-height: 405px;
}




















/* end */