@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
body{font-size:1em;}

/*** 반드시 들어가야 하는 스타일 시작 ***/

/* reset css 시작 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,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;}
/* reset css 끝 */

/* 본문 공통 시작 */
input,select,textarea,button {vertical-align:middle;}
button {border:0 none;background-color:transparent;cursor:pointer;}
body,th,td,input,select,textarea,button,h1,h2,h3,h4,h5,h6 {font: 1em/1.5 "Noto Sans KR", nanum,"돋움",Dotum,Sans-serif; color:#777;}
a {color:#7e7e7e;text-decoration:none;outline: none; select-dummy: expression(this.hideFocus=true);}
a:active, a:hover {text-decoration:none;}
a:focus {outline:none;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
hr {display:none;}

.f_l {float:left;color:#afafaf;font:tahoma;letter-spacing:0;}
.f_r {float:right;}
.screen_out {overflow:hidden;position:absolute;left:-9999in;width:0;height:0;font-size:0;line-height:0;}
.screen_hide {font-size:0;line-height:0;visibility:hidden;}
.hidden {overflow:hidden;position:absolute;left:-9999in;width:0;height:0;font-size:0;line-height:0;}

.btn {display:block;border:0 none;text-indent:-9999em;}
.btn_submit {width:65px;height:21px;}
.btn_submit_b {float:right;width:70px;height:26px;margin-top:9px;background:url(images/btn_confirm_b.gif) no-repeat 0 0;}
.btn_edit {float:left;width:49px;height:13px;margin-right:3px;background:url(images/btn_edit.gif) 0 0 no-repeat;}
.btn_reply {float:left;width:31px;height:13px;background:url(images/btn_reply.gif) 0 0 no-repeat;}
/* 본문 공통 끝 */

/*** 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 ***/

/* 본문 공통 필요한 css */
::-ms-clear {display:none;}
.imgAll{width:100%;}
.main_ytubeBox {display:block !important;}
.main_youtube_thum {display:none !important;}
.hidePc{display:block;}
.hideM{display:none;}
.pop_black{display:none; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.7); position:fixed; z-index:1000;}
.ellipsis_2row {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word;}
/* 본문 공통 필요한 css 끝 */

/***** tt css *****/
#ttCanvas {width:1030px !important; max-width:1030px !important;}
#ttPanel1497345065 {width:1030px !important; max-width:1030px !important; padding:0 !important;}
#ttItem4293 {width:1030px !important; max-width:1030px !important; padding:0 !important;}
#ttItemGroup537 {height:690px;} /* 메인슬라이드 티에디션 높이 */
/***** tt css *****/

/***** 레이아웃 기본설정 *****/
body {background-color:#fff; font-family: 'Noto Sans KR', sans-serif !important;}
div#ttCanvas .tt-item .tt-post-title, div#ttCanvas .tt-item .tt-post-title a, div#ttCanvas .tt-post-title a{font-family: 'Noto Sans KR', sans-serif !important;}
div#ttCanvas .tt-item .tt-post-category, div#ttCanvas .tt-item .tt-post-author, div#ttCanvas .tt-item .tt-post-comment{font-family: 'Noto Sans KR', sans-serif !important;}
div#ttCanvas .tt-item a:hover {text-decoration:none !important;}
body.tistory_grid_1015 div#ttCanvas .tt-span-12 {width:1030px !important;}
#tistorytoolbarid {margin-right:25px;}
#container {position: relative;max-width:1030px; min-width:320px;width: 1030px; margin:0 auto; overflow:hidden;}
#content {max-width:1030px; width:100%;}
#sidebar {display:none; position:relative; max-width:240px; background:#ffffff; margin-bottom:20px;float: left;}
#sidebar>.mainMenuBoxSub {position: relative;top: 10px;}
#sidebar>.mainMenuBoxSub>.menuIcon01 {
    position: absolute;
    top: -16px;
    left: 9px;
    z-index: 101;
}
#taboola-livere {display:none !important;}
#livereAd {display:none !important;}

/***** 레이아웃 기본설정 끝 *****/

/***** header *****/
#header{position:relative; margin:0 auto; width:100%; max-width:1030px; height:110px; text-align:center;}
#header #logo{margin-top:42px;}
.btn_search {width:20px; cursor:pointer; position:absolute; right:0px; top:48px;}
.btn_menu {display:none;width:26px; cursor:pointer; position:absolute; left:0px; top:48px;}
.btn_menu_close {display:none; width:26px; cursor:pointer; position:absolute; left:0px; top:48px;}
.btn_closeSch_pc {position: absolute; top: 50%; left: 50%; margin-top: -70px; margin-left: 127px; cursor: pointer;}
.search_box {display:none; width:300px; height:80px; border:3px solid #e5e5e5;  box-sizing:border-box;  position: absolute; top:50%; left:50%; margin-top:-40px; margin-left:-150px; z-index:100; background:#fff; border-radius:3px; padding:16px 20px 0 20px;}
.search_input{float:left; font-size:15px; padding:1% 0; box-shadow: none; border: 0; width:230px; outline:none; border-bottom:1px solid #d7d7d7; color:#bcbcbc; font-family: 'Noto Sans KR', sans-serif;}
input::-ms-input-placeholder {color:#bcbcbc;}
/* Internet Explorer 10 이상에 적용 */
input::-webkit-input-placeholder {color:#bcbcbc;}
/*  Webkit, Blink, Edge에 적용 */
input::-moz-placeholder {color:#bcbcbc;}
/* Mozilla Firefox에 적용 */
.search_span{float:right; background: url('./images/schBox_btn.jpg') center center no-repeat; width: 21px;}
.search_span button{background: transparent; border:0; width:100%; height:100%; padding:13px 10px;}
.btn_closeSch{float: right;width:22px;cursor:pointer;margin: 8px 10px 0px 10px;}
.btn_closeSch img{width:80%}

.tagBox {width:255px; font-size:12px; padding:5px 0; display:inline-block; box-sizing:border-box; color:#bcbcbc;}
.tagBox .tagTitle {float:left; margin-right:7px;}
.tagBox .tagList ul li {float:left; margin-left:10px;}
.tagBox .tagList ul li a {color:#bcbcbc;}

.mainMenuBox{display:none; position:absolute; left:0px; top:110px; width:250px; z-index:100; background:#fff; border-radius:3px; text-align:left; font-size:15px; padding-bottom:1.3%;}
.mainMenuBox #gnb {width:239px; border-top:1px solid #cfcfcf; padding:0 0 0 2%;}
.mainMenuBox #gnb>li {border-bottom:1px solid #f0f1f1; padding:5% 0%; text-indent:4%;}
.mainMenuBox #gnb>li>ul{padding:5% 0% 0%;}
.mainMenuBox #gnb>li>ul>li{padding:2% 0% 2%; text-indent:8%;}
.mainMenuBox #gnb>li>ul>li>a{color:#919191; font-weight:600;}
.mainMenuBox #gnb>li>ul>li>a:hover{font-weight:600;}
.mainMenuBox #gnb>li a {color:#111111; font-weight:600; text-decoration:none;}
.mainMenuBox #gnb>li a:hover {text-decoration:none; color:#545454;}
.mainMenuBox #gnb>li span{float:right; margin-right:8px;}
.mainMenuBox .menuIcon01{position:absolute; top:-11px; left:9px; z-index:101;}
/***** header 끝 *****/

/***** side sns *****/
.snsBox {position:fixed; top:230px; left:50%; margin-left:565px; width:55px; z-index:1000;}
.snsBox ul li {width:100%; text-align:center; margin-bottom:8px; cursor:pointer;}
/***** side sns 끝 *****/

/***** 메인 슬라이드 *****/
#mainSlide .slides .slideCon {position:relative;}
#mainSlide .slides .slideCon .conWrap {width:100%; height:579px; overflow:hidden; border-radius:4px;}
#mainSlide .caption {font-family: 'Noto Sans KR', sans-serif; color:#fff; width:100%; position:absolute; top:170px; text-align:center; text-shadow:2px 2px 10px rgba(0,0,0,1);}
#mainSlide .caption .category {font-size:20px; line-height:1.6;}
#mainSlide .caption .sharp {font-size:20px; line-height:1.6;}
#mainSlide .caption .title {font-size:40px; line-height:1.3; font-weight:bold;}
#mainSlide .caption .sub {font-size:20px; line-height:2.6; color:rgba(255,255,255,0.9); text-shadow: 1px 1px 5px rgba(0,0,0,0.5);}
#mainSlide .slides .slideCon .conTag {font-family: 'Noto Sans KR', sans-serif; color:#555555; float:right; font-size:14px; line-height:2.6;}
#mainSlide .slides .slideCon .conTag li {margin-left:13px !important; float:left; font-weight:500;}
#mainSlide .slides .slideCon .conTag li:first-child {margin-left:0 !important;}
#ttItemGroup537 #ttItem4293 #mainSlide .slideCon .conWrap a img {display: none;}
/***** 메인 슬라이드 끝 *****/


/***** Post Focus *****/
#postFocus {width:970px; margin:0 auto !important; position:relative; z-index:1;}
#postFocus .title {width:100%; text-align:center;}
#postFocus .btn_more {padding-top:700px; box-sizing:border-box; display:block; float:right;}
#ttItemGroup3687, #ttItemGroup1469, #ttItemGroup8399, #ttItemGroup5394 {display:none;}

/* tt css 공통 */
div#ttCanvas .tt-post-etcinfo, div#ttCanvas .tt-post-etcinfo span, div#ttCanvas .tt-post-etcinfo span a {color: #000000 !important; opacity: 1 !important;}
#ttPanel1497345065 .post .tt-span-12 {width:auto !important;}
#ttPanel1497345065 .post .tt-span-3 {width:auto !important;}
#ttPanel1497345065 .post .thum_wrap img {width:100%; margin:0 !important;}
#ttPanel1497345065 .post ul a.tt-wrap-thumb-link {overflow:visible !important; height:auto !important; width:100% !important; border:none !important; margin:0 !important; padding:0 !important;}
#ttPanel1497345065 .post ul p.tt-post-etcinfo {position:absolute;}
#ttPanel1497345065 .post ul p.tt-post-etcinfo a {font-size:12px; color:#000000; opacity:1 !important; line-height:1; letter-spacing:0;}
#ttPanel1497345065 .post ul p.tt-post-title {position:absolute; padding:1% 3%;}
#ttPanel1497345065 .post ul p.tt-post-title a {font-size:26px; line-height:1.2; font-weight:400 !important; color:#fff; text-shadow: 2px 2px 10px rgba(0,0,0,1);}
/* tt css 공통 끝 */

/* tt css 첫번째 썸네일 */
#ttItemGroup147 .post {width:350px !important; height:374px; position:absolute; left:255px; top:-710px; padding-top:23px; overflow:hidden; box-sizing:border-box;}
#ttItemGroup147 .thum_wrap {width:350px; height:350px; overflow:hidden; border-radius:3px;}
#ttItemGroup147 p.tt-post-etcinfo {left:0; top:0;}
#ttItemGroup147 p.tt-post-title {right:0; bottom:0; text-align:right;}
#ttItemGroup147 p.tt-post-title a {color:#ffffff;}
/* tt css 첫번째 썸네일 끝 */

/* tt css 두번째 썸네일 */
#ttItemGroup4713 .post {width:300px !important; height:223px; position:absolute; left:25px; top:-353px; padding-top:23px; overflow:hidden; box-sizing:border-box;}
#ttItemGroup4713 .thum_wrap {width:300px; height:200px; overflow:hidden; border-radius:3px;}
#ttItemGroup4713 p.tt-post-etcinfo {left:0; top:0;}
#ttItemGroup4713 p.tt-post-title {left:0; bottom:0; text-align:left;}
#ttItemGroup4713 p.tt-post-title a {color:#ffffff;}
/* tt css 두번째 썸네일 끝 */

/* tt css 세번째 썸네일 */
#ttItemGroup5508 .post {width:260px; height:323px; position:absolute; left:345px; top:-345px; overflow:hidden; box-sizing:border-box;}
#ttItemGroup5508 .thum_wrap {width:260px; height:300px; overflow:hidden; border-radius:3px;}
#ttItemGroup5508 p.tt-post-etcinfo {left:0; bottom:0;}
#ttItemGroup5508 p.tt-post-title {right:0; bottom:23px; text-align:right;}
#ttItemGroup5508 p.tt-post-title a {color:#ffffff;}
/* tt css 세번째 썸네일 끝 */

/* tt css 네번째 썸네일 */
#ttItemGroup8844 .post {width:370px; height:593px; position:absolute; right:34px; top:-730px; overflow:hidden; box-sizing:border-box; margin-right:0 !important;}
#ttItemGroup8844 .thum_wrap {width:370px; height:570px; overflow:hidden; border-radius:3px;}
#ttItemGroup8844 p.tt-post-etcinfo {left:0; bottom:0;}
#ttItemGroup8844 p.tt-post-title {left:0; top:10px; text-align:left;}
#ttItemGroup8844 p.tt-post-title a {color:#000000;}
/* tt css 네번째 썸네일 끝 */
/***** Post Focus 끝 *****/

/***** Tag Issue *****/
#tagIssue {width:1030px; height:300px; margin:109px auto 0 !important; position:relative; z-index:1; background:url(./images/bg_tagbox.jpg) no-repeat;}
#tagIssue .title {width:100%; text-align:center; padding-top:45px; box-sizing:border-box;}
#tagIssue ul.tagBox {width:80%; margin:20px auto 0; text-align:center; display:block;}
#tagIssue ul.tagBox span {display:inline-block; overflow:hidden; margin-bottom:25px;}
#tagIssue ul.tagBox span li {background:url(./images/tag_com.png) no-repeat center left; float:left; margin:0 0 0 25px !important; padding:0 0 0 27px !important; box-sizing:border-box;}
#tagIssue ul.tagBox span > li:first-child {margin-left:0 !important;}
#tagIssue ul.tagBox span li a {color:#6c6c6c; font-size:18px; line-height:1;}

#tagIssue ul.tagBox span li.new {background:url(./images/tag_new.png) no-repeat center left;}
#tagIssue ul.tagBox span li.on {background:url(./images/tag_select.png) no-repeat center left;}

#tagIssue ul.tagBox span li.new a {color:#f10000;}
#tagIssue ul.tagBox span li.on a {color:#f10000;}
/***** Tag Issue 끝 *****/

/***** kt group sns *****/
#groupSns {width:1030px; overflow:hidden; margin:115px auto 65px !important;}
#groupSns .title {width:100%; text-align:center;}
#groupSns ul.main_snsBox {margin-top:30px;}
#groupSns ul.main_snsBox li {width:250px; height:250px; margin-left:10px; border-radius:3px; float:left; text-align:center; padding:0 !important;}
#groupSns ul.main_snsBox li a {display:block; width:100%; height:250px; padding-top:98px; box-sizing:border-box;}
#groupSns ul.main_snsBox li p {color:#fff; font-size:20px; font-weight:400; line-height:1.2; margin-top:9px;}
#groupSns ul.main_snsBox li.yt {width:510px; margin-left:0; background:url(./images/bg_mainsnsyt.jpg) no-repeat;}
#groupSns ul.main_snsBox li.nv {background:url(./images/bg_mainsnsnv.jpg) no-repeat;}
#groupSns ul.main_snsBox li.fb {background:url(./images/bg_mainsnsfb.jpg) no-repeat;}
/***** kt group sns 끝 *****/

/***** footer *****/
#footer {display: inline-block;position:relative; width:100%; height:115px; background:#3d3d3d; padding-top:32px; box-sizing:border-box; z-index:500;}
#footer .footer_wrap {width:1002px; margin:0 auto;}
#footer .footer_wrap .footer_logo {float:left;}
#footer .footer_wrap .footer_con {float:right;}
#footer .footer_wrap .footer_con .sitemap {float:left; cursor:pointer; position:relative;}
#footer .footer_wrap .footer_con .sitemap img {margin:0; padding:0;}
#footer .footer_wrap .footer_con .sitemap ul {display:none; position: absolute; width:126px; left:0px; bottom:24px; background:rgba(83,83,83,1); padding: 0 12px 4px 12px; z-index:998; box-sizing:border-box;}
#footer .footer_wrap .footer_con .sitemap ul li {line-height:20px;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap;padding:1.3% 0%;}
#footer .footer_wrap .footer_con .sitemap ul li a {font-size:14px; font-weight:300; color:#dddddd;}
#footer .footer_wrap .footer_con .con_text {float:left; margin-left:13px; font-size:16px; line-height:1; font-weight:300;}
#footer .footer_wrap .footer_con .con_text ul {overflow:hidden;}
#footer .footer_wrap .footer_con .con_text ul li {float:left; padding:0 14px; box-sizing:border-box; border-left:1px solid #fff;}
#footer .footer_wrap .footer_con .con_text ul li a {color:#fff;}
#footer .footer_wrap .footer_con .con_text ul li:first-child {border-left:none;}
#footer .footer_wrap .footer_con .con_text ul li:last-child {padding:0 0 0 14px;}
#footer .footer_wrap .footer_con .con_text p {margin-top:17px; width:100%; text-align:right; color:#fff;}
/***** footer 끝 *****/

/***** searchList *****/
#searchList {position:relative; width:750px; float: right; font-family: 'Noto Sans KR', sans-serif !important; border-top:1px solid #cfcfcf; padding-top:50px; box-sizing:border-box; min-height:700px; margin-top:10px;}
#searchList h3 {color:#232323; font-size:20px; line-height:1; font-weight:400; font-family: 'Noto Sans KR', sans-serif !important; padding: 4px 0px 10px 0px; border-bottom:1px solid #cfcfcf;margin-bottom: 20px;}
#searchList h3 span.category_name {color:#eb0000;}
#searchList ul {display: inline-block;width: 100%;}
#searchList ul li {display: inline-block;width: 100%;vertical-align: middle;margin-bottom: 20px;}
#searchList .searchList_thumb {float: left;width: 200px;}
#searchList .searchList_content {float: left; padding:2.5% 0 0 3%; width:550px; box-sizing:border-box;}
#searchList .searchList_content  .searchList_tag {margin: 0px 0px 0px 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
#searchList .searchList_content  .searchList_tag a {margin-right: 2.5%;display: inline-block;}
#searchList .searchList_content  .searchList_tag a .tagIcon {color: #fff;padding: 0px 5px 2px 4px;background: #b0b0b0;border-radius: 50%;display: inline-block;line-height: 15px;margin-right: 5px;}
#searchList .searchList_content .searchList_title {margin-bottom: 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#searchList .searchList_content .searchList_title a {font-size: 24px;color: #232323; letter-spacing:-0.5px;}
#searchList .searchList_content .date {color: #9e9e9e;font-size: 18px;}
#searchList .searchList_content .searchList_txt {display: none;}


/***** searchList 끝 *****/

/***** paging *****/
#paging {max-width:750px; width:100%; float:right; margin:33px 0 33px 0; text-align: center;}
#paging a {font-size:25px; color:#c1c1c1; font-weight:300; margin:0 1%;}
#paging a .selected {color:#232323;}
#prevPage, #nextPage {vertical-align:middle;}
/***** paging 끝 *****/

/***** 컨텐츠 *****/
.wrap_posting {overflow:hidden; width:100%; margin-bottom:33px; padding-bottom:27px; max-width:750px; float:right; border-top:1px solid #cfcfcf; margin-top:10px;}
.wrap_posting .wrap_content {float:left; width:100%; max-width:100%; overflow:hidden; background:#fff; padding:0; position:relative;}
.wrap_posting .wrap_content .title_lineBox {width:100%; line-height:1.5;}
.wrap_posting .wrap_content .title_lineBox .date {width:100%; display:block; padding-top:15px;}
.wrap_posting .wrap_content .title_lineBox .date .regdate {display:block; float:right; text-align:right; color:#c7c7c7; font-size:15px; font-weight:300;}
.wrap_posting .wrap_content .title_lineBox .date .category_name {color:#eb0000; font-size: 15px; font-weight:300;text-transform: uppercase;}
.wrap_posting .wrap_content .tit {width:100%;}
.wrap_posting .wrap_content .tit a {font-size:30px; font-weight:400; color:#232323;}
.wrap_posting .wrap_content .shareGroup {width:100%; overflow:hidden; margin:20px 0 8px 0;}
.wrap_posting .wrap_content .shareGroup .shareBox {float:left;}
.wrap_posting .wrap_content .shareGroup .fontsize {float:right;}
.st-custom-button[data-network] {display:inline-block; cursor:pointer; margin-right:7px;}
.font_minus {margin-right:8px;}
.share_icon {float:left; cursor:pointer;}
.wrap_posting .wrap_content .article {border-top:1px solid #cfcfcf; padding-top:45px;}
/***** 컨텐츠 끝 *****/

/***** 글 더보기 *****/
.article .another_category {margin:10px 0 23px 0;}
.article .another_category h4 {font-size:14px !important; font-weight:600; letter-spacing: 0.5px;}
.article .another_category th {font-size:14px !important;}
/***** 글 더보기 끝 *****/

/***** 컨텐츠 글 태그 박스 *****/
.tagbox {width:100%; overflow:hidden; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; padding:24px 0; margin-top:13px; background:url(./images/tag_title.jpg) no-repeat 32px center;}
/*.tagbox h3 {width:106px; float:left; text-align:center; font-size:20px; color:#232323; line-height:5.2; overflow:hidden;}*/
.tagbox ul {width:643px; float:right; border-left:1px solid #cfcfcf; padding:18px 38px 0 12px; box-sizing:border-box;}
.tagbox ul li a {font-size:18px; color:#6c6c6c !important; font-weight:400; background:url(./images/tag_com.png) no-repeat center left; float:left; margin:0 0 18px 25px !important; padding:0 0 0 27px !important; box-sizing:border-box; display:block;}
/***** 컨텐츠 글 태그 박스 끝 *****/

/* 본문 - more / less */
.moreless_fold {margin-top:23px;}
.moreless_fold span {display:block;width:37px;height:9px;background:url(images/ico_more.gif) no-repeat 0 0;text-indent:-9999em;}
.moreless_top {margin-top:23px;}
.moreless_top span,
.moreless_bottom span {display:block;width:33px;height:9px;background:url(images/ico_less.gif) no-repeat 0 0;text-indent:-9999em;}
.moreless_body {}
.moreless_content {margin:10px 0;}

.wrap_posting .edit {margin:0px 0 0 0;padding:9px 0 8px 2px; font-size:12px;letter-spacing:-1px;}
.wrap_posting .txt_edit {color:#555;}
.wrap_posting .txt_target {margin-left:7px;}
.wrap_posting .arrow {margin:0 3px 0 4px;}
.wrap_posting .txt_bar {margin:0 3px 0 1px;color:#555;}

/* 비밀글 */
.wrap_posting .wrap_content .tit_prot {overflow:hidden;width:/*@post-width:-209*/460px/*@*/;padding:0;border:0 none;letter-spacing:-1px;}
.wrap_posting .wrap_prot {width:/*@post-width:-211*/458px/*@*/;margin-top:12px;padding:36px 0 43px;border:1px solid #ababab;background:url(images/bg_tf.gif) repeat 0 0;}
.wrap_prot .text {color:5f5f5f;text-align:center;}
.wrap_prot .wrap_pass {overflow:hidden;width:100%;text-align:center;}
.wrap_prot .inner {display:table;display:inline-block;margin:0 auto;text-align:center;}
.wrap_prot .tf_pass {display:inline-block;/*@post-width:-477*/192px/*@*/;height:19px;margin-top:12px;margin-right:4px;padding:0 5px; border:1px solid #a9a8b5;}
.wrap_prot .btn_submit {/*float:left;*/display:inline;margin-top:12px;}

/* 코멘트 */
.wrap_comment {margin-top:30px; font-size:11pt;}
.wrap_comment .list_comment {margin-bottom:12px;}
.list_comment li {margin-bottom:15px;}
.list_comment li li {margin-bottom:0;}
.list_comment .name {margin-right:4px;font-weight: 400 !important;line-height:1;color:#4c4c4c;}
.list_comment .name img {margin-right:5px;}
.list_comment .name a {color: #4c4c4c; font-weight: 400 !important; font-size: 16px;}
.list_comment .date {margin-right:6px;font-size:12px;line-height:1;color:#c9c9c9;white-space:nowrap;}
.list_comment .desc {width:100%; color:#989898; clear:both; margin:5px 0;}
.list_comment .colon,
.list_comment .modify {margin:1px 4px 0 0;white-space:nowrap;}
.list_comment .del {margin:3px 0 0 4px;white-space:nowrap;}

.wrap_comment .wrap_cmtwrite {margin:0; padding:10px 0px 13px 0px;border: 1px solid #fff;background: #fff;position: relative;}
.wrap_comment .reply {padding:11px 16px 0 18px;background:url(images/ico_reply.gif) no-repeat 0 14px;}
.wrap_comment .box_tf {float:left; height:19px; margin:2px 2% 5px 0; border:1px solid #dadada; border-radius:4px;}
.wrap_comment .text {float:left;height:100%;font-size:10px;line-height:23px;margin:0px;background-color:#fff;text-indent:7px;letter-spacing:-1px;cursor:text;}
.wrap_comment .tf_txt {float:left; height:100%; line-height:23px; border:0 none; width:70%;font-size:12px; outline:none; color:#b7b7b7;}
.wrap_comment .box_name {width:18.5%; height:23px;}
.wrap_comment .box_name .text {width:25%;}
.wrap_comment .box_password {width:20%; height: 25px;}
.wrap_comment .box_password .text {width:32%;}
.wrap_comment .box_password .tf_txt {width:62%;}
.wrap_comment .box_homepage {width:20%;margin-right:0;height: 25px;}
.wrap_comment .box_homepage .text {width:28%;}
.wrap_comment .box_homepage .tf_txt {width:72%;}
.wrap_comment .wrap_secret {float:right;}
.wrap_comment .wrap_secret .checkbox{float:left;width:13px; height:13px; line-height:23px;margin-top:6px;}
.wrap_comment .wrap_secret .txt_secret {float:left;width:35px;margin-left:3px; font-size:12px; line-height:24px;letter-spacing:-1px;text-align:left; color:#b7b7b7;}
.wrap_comment .tf_desc {float:none; width:100%; height:66px; margin: 6px 0 13px 0; border:1px solid #dadada; padding: 5px; clear: both;    resize: none; box-sizing: border-box; border-radius: 4px;}
.wrap_comment .btn_submit {margin:0 auto;}
.wrap_comment .wrap_cmtwrite .wrap_btn{width:90px; height:25px; text-align: center; border-radius:5px;}
.wrap_comment .wrap_cmtwrite .btn_submit{text-indent: 0;width: 100%;height: 100%;padding: 0;font-weight: bold;border: 1px solid white;background: #dadada;color: #939393; border-radius:5px; font-size:12px; font-weight:400;}
.wrap_comment .wrap_cmtwrite .btn_submit:hover{color:#252525;}
.wrap_comment form > span > input{ height: 100%;margin: 0;float: left;text-indent: 3px;padding: 0 6px;}

.wrap_trackback {margin-top:18px;font-size:11px;}
.wrap_trackback .tb_address {padding-left:2px;text-align:right;}
.wrap_trackback .trackback-url {float:left;font-family: "Nanum Gothic", sans-serif !important;color:#cf3d2e;}
.wrap_trackback .box_trackback {display:block;overflow:hidden;width:100%;}
.wrap_trackback .box_trackback .tit_trackback {float:left;color:#636363;}
.wrap_trackback .box_trackback .delete {display:inline;float:left;width:7px;height:7px;margin:4px 0 0 7px;background:url(images/btn_del.gif) no-repeat 0 0;}
.wrap_trackback .from {float:left;margin:2px 0 0 0;line-height:13px;font-family: "Nanum Gothic", sans-serif !important;color:#dd695e;}
.wrap_trackback .from .name {margin-left:4px;font-family: "Nanum Gothic", sans-serif !important;color:#7f7f7f;}
.wrap_trackback .date {float:right;line-height:13px;color:#dd695e;white-space:nowrap;}
.wrap_trackback .desc {padding-top:9px;line-height:18px;letter-spacing:0;clear:both;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general { }
.rp_secret {}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
.hiddenComment {}
.hiddenComment .name{margin-right:0;}
/* 이미지 아래 캡션 스타일 */
.cap1 {}
/* 그림 */
.imageblock {}
.imageblock img{}
/* 왼쪽 */
.left { }
/* 가운데 */
.center { }
/* 오른쪽 */
.right { }
/* 그림 2개 배치 */
.dual { margin-bottom:5px;}
/* 그림 3개 배치 */
.triple { margin-bottom:5px;}

/* 키워드 */
.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }




#groupSns .titleM {display: none;}

.popBlock_M {display: none;width: 100%;height: 100%;top: 0;background: rgba(0,0,0,0.7);position: absolute;z-index: 100;}
.popBlock_Msub{display: none;width: 100%;height: 100%;top: 0;background: rgba(0,0,0,0.7);position: absolute;z-index: 100;margin-left: -3%;}

/**************************** 미디어 쿼리 시작 *******************************/

@media only screen and (max-width: 768px) {
.main_ytubeBox {display:none !important;}
.main_youtube_thum {display:block !important;}

.hidePc {display: none;}
.hideM {display: block;}
#container {max-width: 100% !important;width: 100%;}
#ttCanvas {width: 100% !important;max-width: 100% !important;}
body.tistory_grid_1015 div#ttCanvas .tt-span-3 {width: 100% !important; margin:0 !important;}
body.tistory_grid_1015 div#ttCanvas .tt-span-12 {width: 100% !important; margin:0 !important;}
#ttPanel1497345065 {width:100% !important; max-width:100% !important;}
#ttItemGroup537 {float: none !important;height: auto;}
#ttItem4293 {width:100% !important; max-width:100% !important;}
div#ttCanvas .tt-item-320040 li {padding-bottom: 0px !important;}
#container .snsBox {display: none;}

/* 헤더 */
#header {height: auto;}
.btn_menu {left: 4%;top: 32%;}
.btn_menu_close {left: 4%;top: 32%;}
.btn_search {right: 4%;top: 32%;}
#header #logo {margin-top: 3%;margin-bottom: 3%;}
.mainMenuBox {display:none;width: 43%;top: 100%;padding: 20px 3% 0% 3%;background: #f5f5f6;border-radius: 5px;z-index: 110;}
.mainMenuBox .menuIcon01 {top: 9px;left: 10%;}
.mainMenuBox #gnb, .mainMenuBox #maingnb {width: 100%;padding: 0 0% 0 0%;background: #f3f3f3;}
.mainMenuBox #gnb>li span, .mainMenuBox #maingnb>li span {display: none;}
.mainMenuBox #gnb>li, .mainMenuBox #maingnb>li {padding: 5% 10%;border-bottom: 1px solid #cfcfcf;}
.mainMenuBox #gnb>li>ul>li, .mainMenuBox #maingnb>li>ul>li {padding: 3% 0% 3%;text-indent: 13%;}
.mainMenuBox #gnb>li>a, .mainMenuBox #maingnb>li>a {font-size: 20px;}
.menuSnsBox {text-align: center;padding: 8% 0%;}
.menuSnsBox a {padding: 0% 1.8%;}
.logo_menu {text-align: center;margin-bottom: 15%;margin-top: 4%;}
.btn_menuCloseM {position: absolute;top: 5px;right: -27px; cursor:pointer; z-index:500;}
.btn_menuCloseM img {width: 80%;}
.search_boxM {display: none;position: absolute;top: 0px;width: 94%;background: #fff;z-index: 100;padding: 0% 3%;}
.search_boxM .search_input {width: 100%;padding: 4% 0% 4% 0%;background: url("./images/bg_search_m.jpg") no-repeat;background-position: 0px 50%;text-indent: 25px;border-bottom: 0px solid #d7d7d7;}
.search_boxM .btn_closeSch {position: absolute;right: 3.5%;top: 32%;margin: 0;}
.search_boxM .btn_closeSch img {width: 100%;}



/* 메인 슬라이드 */
#mainSlide .slides .slideCon .conWrap {width: 100%;height: auto;border-radius: 0px;background-size: cover !important;padding-bottom: 170%;}
#ttItem4293	.flexslider {height: auto;}
#ttItem4293 #mainSlide .flex-control-nav {top: 2%;right: 3%;width:75px;}
#ttItem4293 #mainSlide .flex-direction-nav {display: none;}
.flex-control-paging li a.flex-active {background: #fff;}
.flex-control-paging li a {background: rgba(0,0,0,0);border: 1.5px solid #fff !important;}
#mainSlide .slides .slideCon .conTag {float: none;font-size: 20px;line-height: 2.6;position: absolute;top: 50%;width: 100%; text-align: center;}
#mainSlide .slides .slideCon .conTag li {margin-left: 13px !important;float: none;display: inline-block;}
#mainSlide .slides .slideCon .conTag li a {color:#fff; font-weight:500;}
#mainSlide .caption .sub {display: none;}
#mainSlide .caption {top: 50%;margin-top: -36%;}
#mainSlide .main_youtube_thum.caption {top:56%;}
.down_arrow {position:absolute; bottom:1.5%; left:50%; margin-left:-23.5px !important; z-index:50; max-width:47px; cursor:pointer;}

/* 메인 포스트 포커스 */
#ttItemGroup3533, #ttItemGroup147, #ttItemGroup4713, #ttItemGroup5508, #ttItemGroup8844, #ttItemGroup5628 {display:none;}
#ttItemGroup3687, #ttItemGroup1469, #ttItemGroup8399, #ttItemGroup5394 {display:block; width:100%;}

/* 공통 */
#ttPanel1497345065 .post_m {width:100%;}
#ttPanel1497345065 .post_m .tt-span-3 .tt-post-title {position:absolute; left:0; top:36%; width:100%; text-align:center; overflow: hidden;
  display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
#ttPanel1497345065 .post_m .tt-span-3 .tt-post-title a {font-size:24px; font-weight:400; color:#fff; line-height: 1.3; text-shadow: 2px 2px 10px rgba(0,0,0,1);}
#ttPanel1497345065 .post_m .tt-span-3 {width:100%; overflow:hidden; position:relative;}
#ttPanel1497345065 .post_m .thum_wrap {width:100%;}
#ttPanel1497345065 .post_m .thum_wrap img {width:100%; max-width:768px; margin:0 !important; display:block;}

div#ttCanvas #ttItem5160,
div#ttCanvas #ttItem3864,
div#ttCanvas #ttItem531,
div#ttCanvas #ttItem445 {padding-bottom:0 !important;}

/* 메인 KT GROUP SNS */
#groupSns .title {display: none;}
#groupSns .titleM {display: block;text-align: center;color: #c8c8c8;font-size: 30px;padding: 4% 0%;}
div#ttCanvas #ttItem9783 {padding-bottom: 0px !important;}
#groupSns {width: 100% !important;margin: 0px auto 0px !important;background: #1b1b1b;}
#groupSns ul.main_snsBox li.yt {width: 100%;height: auto;margin-left: 0;background: url(./images/bg_mainsnsyt.jpg) no-repeat;background-size: 100% 100%;}
#groupSns ul.main_snsBox li {width: 50%;height: auto;margin-left: 0px;border-radius: 0px;float: left;text-align: center; padding: 0 !important;}
#groupSns ul.main_snsBox li.nv {background-size: 100% 100%;}
#groupSns ul.main_snsBox li.fb {background-size: 100% 100%;}
#groupSns ul.main_snsBox li.yt a {padding: 15% 0% !important;}
#groupSns ul.main_snsBox li.nv a {padding: 38.457% 0% !important;}
#groupSns ul.main_snsBox li.fb a {padding: 38.457% 0% !important;}
#groupSns ul.main_snsBox li a {height: 100%;}
#groupSns ul.main_snsBox {margin-top: 0px;}

/* 서브페이지, 사이드바 */
.wrap_posting {width: 92%;float: none;padding: 0% 4%;border-top: 0px solid #cfcfcf;}
#sidebar>.mainMenuBoxSub {display: none !important;}
#searchList {width: 100%;border-top: 0px solid #cfcfcf;padding-top: 2%;padding: 5% 3% 0% 3%; margin-top:0;}
#searchList .searchList_thumb {float: left;width: 30%;}
#searchList .searchList_thumb	.thumb_cover {width: 100% !important;height: auto !important;padding-bottom: 70%;}
#searchList .searchList_content {float: left;padding-left: 2.5%;padding-top: 2.5%;width: 58%;}
#searchList .searchList_content .date {font-size: 16px;}
#searchList .searchList_content .searchList_title a {font-size: 22px;line-height: 1;}
.tagbox {padding: 3% 0;}
.tagbox ul {width: 84%;padding: 2% 0% 0% 1%;}
.tagbox ul li a {margin: 0 0 2% 3% !important;}
.article .another_category {border-left: none;border-right: none;padding: 10px 0px 5px;}
.wrap_posting .wrap_content .title_lineBox .date .regdate {display: none;}
.wrap_posting .wrap_content .title_lineBox {margin-top: 1%;padding-top: 1.5%;border-top: 1px solid #c2c2c2;}


/* footer */
#footer .footer_wrap {width: 92%;padding: 0% 4%;display: inline-block;}
#footer .footer_wrap .footer_logo {display: none;}
#footer .footer_wrap .footer_con {width: 100%;float: left;}
#footer .footer_wrap .footer_con .con_text {float: right;margin-left: 0px;font-size: 14px;}

}

@media only screen and (max-width: 560px) {
#searchList .searchList_content .date {font-size: 14px;}
#searchList .searchList_content {padding-top: 1%;}
#searchList .searchList_content .searchList_title a {font-size: 20px;line-height: 1;}
#searchList .searchList_content .searchList_tag {line-height: 1;}
#searchList .searchList_content .searchList_tag a {font-size: 14px;}
#searchList .searchList_thumb {width: 38%;}
#searchList .searchList_thumb .thumb_cover {padding-bottom: 76%;}
#searchList .searchList_content .searchList_title {line-height: 1.4;}
#paging a {font-size: 16px;}
#paging a img {width:4%;}
.tagbox {background: url(./images/tag_title.jpg) no-repeat 10px center;background-size: 8%;}
.wrap_posting .wrap_content .tit a {line-height: 1.4;}
#footer .footer_wrap .footer_con .con_text {font-size: 12px;}
#footer .footer_wrap .footer_con .con_text ul li:first-child {padding-left: 0px;}
#groupSns .titleM {font-size: 22px;}
#groupSns ul.main_snsBox li.nv a {padding: 33.645% 0% !important;}
#groupSns ul.main_snsBox li.fb a {padding: 33.645% 0% !important;}
#groupSns ul.main_snsBox li.yt a {padding: 12% 0% !important;}
#groupSns ul.main_snsBox li.yt a img {width: 10%;}
#groupSns ul.main_snsBox li.nv a img {width: 20%;}
#groupSns ul.main_snsBox li.fb a img {width: 20%;}
.logo_menu img {width: 90%;}
.menuSnsBox a img {width: 20%;}
#mainSlide .caption {}

}

@media only screen and (max-width: 480px) {
#ttPanel1497345065 .post_m .tt-span-3 .tt-post-title {top:34%;}
#ttPanel1497345065 .post_m .tt-span-3 .tt-post-title a {font-size:22px;}
#searchList .searchList_content .date {font-size: 12px;}
#searchList .searchList_content .searchList_tag a {font-size: 12px;}
#searchList .searchList_content .searchList_tag a .tagIcon {padding: 0px 4px 1px 3px;line-height: 1;}
.tagbox ul li a {font-size: 14px;}
#footer .footer_wrap .footer_con .con_text ul li {padding: 0 10px;}
#footer .footer_wrap .footer_con .sitemap {width: 100px;margin-top: -5px;}
#footer .footer_wrap .footer_con .sitemap img {width: 100%;}
#footer .footer_wrap .footer_con .sitemap ul {width: 100px;bottom: 20px;padding: 0 8px 8px 8px;}
#footer .footer_wrap .footer_con .con_text {font-size: 11px;}
#footer .footer_wrap .footer_con .sitemap ul li a {font-size: 10px;}
#footer .footer_wrap .footer_con .sitemap ul li {line-height: 15px; padding:0;}
.article .another_category h4 {font-size: 12px !important;}
.article .another_category th {font-size: 11px !important;}
.container_postbtn {padding: 5% 0 0% !important;}
.wrap_posting .wrap_content .tit a {line-height: 1.2;}
.wrap_posting .wrap_content .tit {margin-top: 1.5%;}
#header #logo {margin-bottom: 2%;width: 25%;}
#ttPanel1497345065 .post ul p.tt-post-title a {font-size: 20px;}
#groupSns .titleM {font-size: 20px;padding: 3% 0%;}
#groupSns ul.main_snsBox li p {font-size: 18px;}
/*div#ttCanvas #ttItem3893 .tt-post-title a {padding-top: 14%;}
div#ttCanvas #ttItem67 .tt-post-title a {padding-top: 14%;}
div#ttCanvas #ttItem1934 .tt-post-title a {padding-top: 14%;}
div#ttCanvas #ttItem1883 .tt-post-title a {padding-top: 14%;}*/
.mainMenuBox {padding: 13px 3% 0% 3%;}
.mainMenuBox .menuIcon01 .hideM {width: 80%;}
.mainMenuBox .menuIcon01 {top: 5px;left: 10%;}
.search_boxM .btn_closeSch {top: 28%;}
#mainSlide .caption .sharp {font-size: 26px;line-height: 1.4;font-weight: 500;}
#mainSlide .slides .slideCon .conTag {top: 50%;margin-top: 13%;}
#mainSlide .slides .slideCon .conTag li {font-size: 18px;}
#mainSlide .caption .title {padding: 0% 10%;font-size: 32px;line-height: 1.2;}
.down_arrow {left:45.5%; margin-left:0 !important; max-width:47px; width:9.791666666666667%;}
}

@media only screen and (max-width: 420px) {
#ttPanel1497345065 .post_m .tt-span-3 .tt-post-title {top:32%;}
#searchList .searchList_content .searchList_title a {font-size: 18px;line-height: 1;}
#paging a {font-size: 14px;}
#footer .footer_wrap .footer_con .con_text {font-size: 10px;}
#footer .footer_wrap .footer_con .con_text ul li {padding: 0 8px;}
#footer .footer_wrap .footer_con .con_text ul li:last-child {padding: 0 0 0 8px;}
#footer {height: 85px;padding-top: 25px;}
#ttPanel1497345065 .post ul p.tt-post-title a {font-size: 18px;}
#groupSns ul.main_snsBox li.nv a {padding: 28.11% 0% !important;}
#groupSns ul.main_snsBox li.fb a {padding: 28.11% 0% !important;}
#groupSns ul.main_snsBox li p {font-size: 14px;}
#footer .footer_wrap .footer_con .con_text p {margin-top: 5%;}
.mainMenuBox #gnb>li>a {font-size: 14px;}
.mainMenuBox #gnb>li>ul>li {font-size: 12px;}
.search_boxM .search_input {padding: 3.5% 0% 0%;font-size: 12px;background-position: 0px 12px;background-size: 5%;}
.search_boxM .btn_closeSch img {width: 80%;}
.search_boxM .btn_closeSch {top: 37%;right: 3%;}
.search_boxM {padding: 1.5% 3%;}
#mainSlide .slides .slideCon .conTag li {font-size: 14px;margin-left: 7px !important;}

}

@media only screen and (max-width: 380px) {
#ttPanel1497345065 .post_m .tt-span-3 .tt-post-title a {font-size:20px;}
#paging a {font-size: 16px;}
#footer .footer_wrap .footer_con .sitemap {width: 94px;margin-top: -5px;}
#footer .footer_wrap .footer_con .sitemap ul {width: 94px;bottom: 19px;}
#header #logo {margin-top: 4%;margin-bottom: 2%;width: 24%;}
.btn_menu, .btn_menu_close {width: 20px;}
.btn_menu img, .btn_menu_close img {width: 100%;}
.btn_search {width: 16px;top: 34%;}
.btn_search img {width: 100%;}
#groupSns .titleM {font-size: 16px;}

}