@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* 반드시 들어가야 하는 스타일 시작 */
/* 본문 공통 */
body {color: #494949;margin: 0px;padding: 0px;position: relative;font: 14px/160% 'Nanum Gothic','Malgun Gothic', 'Dotum', 'AppleGothic', 'Sans-serif';background: #FFF url(images/top_bg_1.png) repeat-x center top;}
a:link {color: #333;text-decoration: none;}
a:visited {color: #333;text-decoration: none;}
a:hover { color: #000000; text-decoration: none; }
a:active { color: #494949; text-decoration: none; }
/* 페이징 - 현재 페이지 */
.selected {font-weight: bold;color: #35A5C1;border-bottom: 1px solid #35A5C1;}
.no-more-prev,
.no-more-next {opacity: .4;}
/* 카테고리 - 이미지 버튼 */
.ib { cursor: pointer; }
/* 카테고리 - 트리 셀 */
.branch3 { cursor: pointer; }
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt { font-size: 0.9em; color: #f30; }
/* 달력 월 표시 */
.cal_month { font: 0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; height: 18px; font-weight: bold; }
/* 달력 요일 표시(th 영역) */
.cal_week1 { font: 0.95em Dotum, Arial, sans-serif; height: 18px; font-weight: normal; }
/* 달력 일요일 표시(th 영역) */
.cal_week2 { font: 0.95em Dotum, Arial, sans-serif; color: #f30; }
/* 달력 Week(tr 영역)  */
.cal_week { background-color: #fff; }
.cal_current_week { background-color: #eee; }
/* 달력 Day(td 영역) */
.cal_day { font: 0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; color: #999; text-align: center; }
/* 달력 Day, 일요일 (td 영역)  */
.cal_day_sunday { color: #f30 !important; }
.cal_day_sunday a { color: #f30 !important; }
/* 달력 지난 달 날짜 표시(td)   */
.cal_day1 { color: #ccc; }
/* 달력 다음 달 날짜 표시(td)   */
.cal_day2 { color: #ccc; }
/* 달력 이번 달 날짜 표시(td) */
.cal_day3 { color: #666; }
/* 달력 오늘 날짜 표시(td) */
.cal_day4 { color: #000; text-decoration: underline; }
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link { color: #333; font-weight: bold; }
a.cal_click:visited { color: #333; font-weight: bold; }
a.cal_click:hover { color: #f30; font-weight: bold; }
/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general { }
.rp_admin {background: url(images/iconAdmin.gif) no-repeat 0px 5px;padding-left: 20px;}
.rp_secret { color: #f30; }
/* 종류별 방명록 글 [##_guest_rep_class_##] */
.guest_general { }
.guest_admin { background: url(images/iconAdmin.gif) no-repeat; padding-left: 20px; }
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
.hiddenComment { background: url(images/iconSecret.gif) no-repeat; padding-left: 20px; font-weight: normal; }
/* 이미지 아래 캡션 스타일 */
.cap1 { color: #4c4c4c; fotn-size:14px; text-align: center; padding: 0 0 5px 0; margin: 0; width: 100% !important; }
.cap1 span { background: url(images/iconCaption.gif) no-repeat left 3px; display: inline; padding-left: 20px; }
/* 그림 */ 
/* 모바일 이미지 확대용 코드 추가_150603*/
.imageblock { width: 100% !important; height: auto !important; } }
/* 왼쪽 */
.left { text-align: left; }
/* 가운데 */
.center { text-align: center; }
/* 오른쪽 */
.right { text-align: right; }
/* 그림 2개 배치 */
.dual { background-color: #fff; margin-bottom: 5px; }
/* 그림 3개 배치 */
.triple { background-color: #fff; margin-bottom: 5px; }
/* 본문 - more / less */
.moreless_fold { background: url(images/iconMore.gif) top left no-repeat; padding-left: 20px; color: #000; }
.moreless_top { background: url(images/iconLess.gif) top left no-repeat; padding-left: 20px; color: #000; }
.moreless_body { }
.moreless_bottom { background: url(images/iconLess.gif) top right no-repeat; padding-right: 20px; color: #999; text-align: right; }
/* 키워드 */
.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }
/* 초기 디자인 회색 박스 스타일 삭제 - 150729 */
/*.txc-textbox { padding: 10px !important; background: #EBEBEB !important; border: none !important; color: #333 !important;} */

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

/*반응형 동영상*/
.trailer { position:relative; padding-bottom:56.25%; }
.trailer iframe { position:absolute; width:100%; height:100%; }

hr { display: none; }
img { border: 0;  }
h1, h2, h3, h4 {margin: 0;padding: 0;font-family: 'Nanum Gothic','Malgun Gothic', 'Dotum', 'AppleGothic', 'Sans-serif';}
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 {font-size: 1.5em;}
h4 { font-size: 1em; }
input {border: 1px solid #aaa;}
textarea { border: 1px solid #aaa; }
.clear { clear: both; }
/* 블로그 레이아웃 */

#mainpage { }
#mainpage .container { margin: 0px auto; position: relative; }

#header {max-width: 1000px;margin-right: auto;margin-left: auto;height: 75px;position: relative;padding-top: 34px;}
#content {max-width: 800px;overflow: hidden;padding: 15px 0;background-color: #FFF;letter-spacing: -.01em;margin: 15px auto 50px;min-height: 300px;}
#sidebar {float: right;width: 235px;padding-top: 25px;padding-bottom: 100px;}
#footer { clear: both; padding: 20px 0 0 0; }
/* ***** Header ***** */
#header a { }
#header h1 {padding: 0;/* margin-top: 34px; */}
#header .btnSearch, #header .btnMenu { display: none; }
#header h1 a {background: url(images/top_logo_1.png) no-repeat 0px 0px;height: 51px;width: 268px;text-indent: -10000px;float: left;padding-left: 15px;}
#header h1 a:hover { text-decoration: none; }
#header .blogMenu {float: left;margin-top: 24px;}
#header .blogMenu > ul {margin: 0 0 0 10px;padding: 0;/* height: 40px; */}
#header .blogMenu ul > li {display: inline-block;list-style: none;width: auto;height: 26px;text-align: center;vertical-align: middle;padding-right: 14px;padding-left: 14px;}
#header .blogMenu li a {display: block;color: #FFF;text-decoration: none;height: 100%;text-transform: uppercase;font: normal 20px/30px 'Nanum Gothic', 'Malgun Gothic', 'Dotum', 'AppleGothic', 'Sans-serif';letter-spacing: -1px;}
#header .blogMenu li:hover a, #header .blogMenu li.on a  { border-bottom: 2px solid #fff; } 

/*#header .blogMenu ul ul { position:absolute; left:0px; top: 50px; display:none;}*/
/* ***** content ***** */
#content .nonEntry {/* padding-top: 20px; *//* padding-bottom: 20px; */}
#content .nonEntry h3 {border-bottom: 1px solid #969ea6;margin-bottom: 16px;color: #222;letter-spacing: -1px;line-height: 2;}
#content .entryNotice, #content .entryProtected, #content .entry {margin-bottom: 16px;padding-bottom: 16px;border-bottom: 1px solid #dbdfe4;}
#searchList ol, #searchRplist ol { list-style: none; padding: 5px; margin: 0; }
#searchList li, #searchRplist li {/* border-bottom: 1px solid #ddd; *//* padding-bottom: 20px; */margin-bottom: 20px;}
#searchList .date, #searchRplist .date {/* font-size: 1.25em; */margin-right: 10px;float:left;}

#searchList h3 {font-size: 20px;text-transform: uppercase;}
#searchList h3 small {font-weight: normal !important;font-size: 16px;margin-left: 4px;}
#searchList .thumbnail_post {float:left;width: 33%;overflow: hidden;margin-right: 2%;/* height: 100px; */}
#searchList .thumbnail_post img {width: 100%;height: auto;}
#searchList .title_post {float: left;font-size: 24px;line-height: 160%;width: 65%;f;font-weight: 400;}
#searchList li:after { content:""; display:block; height:0; visibility:hidden; overflow:hidden; clear:both;}

#searchList .cnt {  float: left;font-size: 1em; color: #ca0008; }
#searchRplist .name { font: 0.95em Dotum, Arial, sans-serif; color: #999; padding-left: 8px; }


#localog .spot { background: url(images/iconIndentArrow_local.gif) 5px 0 no-repeat; padding-left: 20px; margin-top: 5px; }
#localog .info { background: url(images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat; padding-left: 15px; margin-top: 2px; }
#localog a:link { color: #000000; }
#localog a:visited { color: #000000; }
#localog a:hover { color: #000000; text-decoration: underline; }
#taglog ul { padding: 5px; margin: 0; text-align: justify; }
#taglog li { display: inline; }
#taglog a:hover { background-color: #eee; color: #000; }
#taglog li .cloud1 { background-color: #eee; color: #a2348f; font-weight: bold; font-size: 16px; }
#taglog li .cloud2 { background-color: #eee; color: #5a5194; font-weight: bold; font-size: 15px; }
#taglog li .cloud3 { background-color: #eee; color: #7870ab; font-weight: bold; font-size: 14px; }
#taglog li .cloud4 { background-color: #eee; color: #666; font-size: 13px; }
#taglog li .cloud5 { font-size: 12px; color: #999; }
#guestbook p { padding: 2px 0; margin: 0; }
#guestWrite { background-color: #f5f5f5; padding: 10px; }
#guestWrite input { width: 150px; }
#guestWrite textarea { width: 98%; padding: 5px; }
#guestWrite .homepage { width: 300px; }
#guestWrite .submit { width: 130px; height: 35px; font-size: 1.1em; font-weight: bold; color: #000; background: #FFF url(images/btn_submit.gif) no-repeat; text-indent: -10000px; border-style: none; }
#guestList { padding: 10px 0 0 0; }
#guestList ol, #guestList ul { margin: 0; padding: 0; list-style: none; }
#guestList li p { border-top: 1px dashed #ccc; margin-top: 5px; padding-top: 5px; }
#guestList ol li { border: 5px solid #eee; padding: 10px; margin-bottom: 10px; overflow: hidden; }
#guestList li ul li { margin-left: 20px; background: url("images/iconIndentArrow_local.gif") no-repeat 10px 10px; background-color: #f5f5f5; padding-left: 25px; border: none; overflow: hidden; }
#guestList li .name { color: #666; font-weight: bold; }
#guestList li .date { font: 0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif; }
#guestList .control a.modify { background: url(images/iconModify.gif) no-repeat; padding: 0 0 2px 53px; text-decoration: none; }
#guestList .control a.modify span { display: none; }
#guestList .control a.write { background: url(images/iconWrite.gif) no-repeat; padding: 0 5px 2px 53px; text-decoration: none; }
#guestList .control a.write span { display: none; }
/* entry */
.entryNotice h2, .entryProtected h2, .entry h2 {font-size: 1.6em;line-height: 1.2em;/* margin-top: 5px; */margin-bottom: 5px;}
.titleWrap {margin-bottom: 40px;border-bottom: 1px solid #969ea6;font-size: 12px;}
.titleWrap h2 a {font-size: 24px;color: #333;line-height: 120%;letter-spacing: -1px;font-weight: 600;}
.titleWrap .category a {color: #35a5c1;/* margin-right: 6px; */font-size: 15px;}

.titleWrap .date {color: #aaa;font-size: 12px; display:inline-block; width:66px; white-space: nowrap; overflow: hidden;}
.entryProtected p.text { background: url(images/imgProtected.gif) no-repeat; padding-left: 50px; }
.entryProtected input { width: 200px; height: 25px; line-height: 25px; }
.entryProtected .submit { width: 60px; height: 30px; color: #000; background: #FFF; font-weight: bold; border: 2px solid #000; border-radius: 5px; line-height: 26px; }
.article {margin: 10px 0px 70px;overflow: hidden;color: #2e2e2e;font: 16px/180% "나눔바른고딕", "나눔고딕", "맑은 고딕", "돋움", sans-serif !important;}
.article p, .article span { font: 16px/180% "나눔바른고딕", "나눔고딕", "맑은 고딕", "돋움", sans-serif !important;}
.article h3 {
    font-size: 20px !important;
    color: #2e2e2e;
    line-height: 1.2;
    border-left: 3px solid #35A5C1;
    padding-left: 10px;
    letter-spacing: -1px;
    margin-bottom: 20px;
    margin-top: 20px;
        font-weight: bold !important;
    }
.article h3 span {    font-size: 20px !important; font-weight: bold !important; }       
        
/*h3_보더없는코드_150817*/
.article h3.nothing { font-size: 22px; line-height: 100%; border-left: none; padding-left: 0px; letter-spacing: -1px; margin-bottom: 20px; margin-top: 20px; }
.article h4 { color: #2e2e2e; }

.article a:link { color: #5a5194; text-decoration: none; }
.article a:visited { color: #5a5194; text-decoration: none; }
.article a:hover { color: #7870ab; text-decoration: underline; }
.article a:active { color: #5a5194; text-decoration: none; }
.article dt { text-decoration: underline; }
.article dd { margin-left: 20px; padding-bottom: 10px; }
.article blockquote {background: url(images/iconBlockquote.gif) no-repeat 0px 5px;margin: 20px 0px;font-size: 16px;color: #2e2e2e;padding: 5px 20px;font-weight: 700;}
.author { background: url(images/creative_cj.gif) no-repeat right bottom; height: 24px; width: 222px; text-indent: -10000px; float: right; line-height: 99px; overflow: hidden; display: none; }
.author .text { font: 90% Verdana, Arial, Helvetica, sans-serif; }
.tagTrail { clear: both; }
.tagText { display: none; }
.actionTrail { border-top: 1px dotted #ccc; padding: 7px 5px; clear: both; display: none; }
.actionTrail .cnt { color: #ca0008; }

.trackback { border-top: 1px solid #ddd; background-color: #f5f5f5; padding: 10px; margin-bottom: 4px; overflow: hidden; display: none; }
.trackback a { color: #000; }
.trackback h3 { font: 11px Verdana; color: #333; border-bottom: 1px solid #f5f5f5; margin: 5px 5px 10px 5px; }
.trackback h4 { font: 12px Verdana; font-weight: normal; margin: 0; }

.trackback ol { margin: 0; padding: 0; list-style: none; }
.trackback li { border-top: 1px dotted #ccc; padding: 5px; }
.trackback .date { font: 0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; color: #777; }
.trackback p { font: 0.95em Dotum, Arial, sans-serif; color: #999; margin: 3px 0 0 0; padding: 0; letter-spacing: -1px }
.trackback a.delete { background: url(images/iconDelete.gif) left top no-repeat; padding-left: 8px; text-decoration: none; }
.trackback a.delete span { display: none; }

.comment { margin-bottom: 4px; overflow: hidden; clear: both; float: none; margin-top: 70px; }
.comment p { margin: 5px 0 0 0; padding: 0; }
.comment h3 { }
.comment ol, .comment ul {margin: 30px 0;padding: 0;list-style: none;}
.comment .date { font: 0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; color: #777; }
.comment .name { color: #000; font-weight: bold; }
.comment .name a { color: #333; font-weight: bold; }
.comment ol li {border-bottom: 1px solid #ddd;margin-top: 10px;padding-bottom: 10px;}
.comment li ul li { padding: 5px 10px 5px 25px; background: url("images/iconIndentArrow_local.gif") no-repeat 12px 6px; border: none; }
.comment .control a.address { background: url(images/iconAddress.gif) no-repeat; padding-left: 52px; padding-bottom: 2px; text-decoration: none; }
.comment .control a.address span { display: none; }
.comment .control a.modify { background: url(images/iconModify.gif) no-repeat; padding-left: 52px; padding-bottom: 2px; text-decoration: none; }
.comment .control a.modify span { display: none; }
.comment .control a.write { background: url(images/iconWrite.gif) no-repeat; padding-left: 52px; padding-bottom: 2px; text-decoration: none; }
.comment .control a.write span { display: none; }
.commentWrite { margin-top: 20px; }
.commentWrite input { width: 100%; height: 30px; }
.commentWrite textarea { width:97.5%; padding: 5px; position: relative; margin-top: 8px; }
.commentWrite .homepage { width: 100%; }
.commentWrite .submit { cursor: pointer; width: 100px; height: 39px; font-size: 1.1em; font-weight: bold; color: #FFF; background-color: #2e2e2e; border-style: none; }
.commentWrite .secretWrap { text-align: right; font: 12px Tahoma, Geneva, sans-serif; vertical-align: middle; }
.commentWrite .checkbox { border: none; padding: 0; margin: 0; width: 12px; vertical-align: middle; cursor: pointer; }

#paging {padding: 10px 0 30px;text-align: center;font-size: 0.95em;line-height: 25px;vertical-align: middle;}
#paging .numbox { padding-left: 6px; margin-left: 6px; font: 0.95em verdana; }
#paging .num {/* border-right: 1px solid #ccc; */padding-right: 8px;margin-right: 5px;line-height: 25px;font-size: 15px;}
#paging #prevPage, #paging #nextPage {/* background: url(images/btn_prev.png) no-repeat left top; */height: 25px;/* width: 25px; *//* text-indent: -10000px; *//* overflow: hidden; */display: inline-block;vertical-align: middle;font: 13px arial;line-height: 23px;margin: 0 10px;}
#paging #nextPage {/* background: url(images/btn_next.png) no-repeat left top; */}

#adminMenu { margin: 5px 0 10px 0; text-align: center; background-color: #eee; padding: 5px; }
#adminMenu li { display: inline; background: none; }
#searchBox {position: absolute;top: 52px;right: 0px;z-index: 1;width: 180px;border-bottom: 1px solid #FFF;height: 30px;}
#searchBox .input {width: 80%;height: 30px;border: none;line-height: 30px;vertical-align: middle;background-color: transparent;position: absolute;top: 0;left: 0;z-index: 1;color: rgba(255,255,255, .6);font-size: 16px;letter-spacing: -1px;}
#searchBox .input:focus {color: rgba(255,255,255, 1)}
#searchBox .submit {background: url(images/btn_search.png) no-repeat center center;width: 30px;height: 30px;text-indent: -10000px;border: none;cursor: pointer;/* margin-left: 4px; */overflow: hidden;vertical-align: middle;position: absolute;right: 0;top: 0;}
#archive li { font-family: verdana; }
#calendar td { font-family: verdana; }
#counter { font: 0.85em Verdana, Helvetica, Arial, Gulim, sans-serif; padding: 5px 0; margin: 10px 0; text-align: center; background-color: #eee; letter-spacing: 0; }
#counter li { background: none; display: inline; padding: 0 5px; }
#counter li.total { display: block; color: #000; }
#adTistory { text-align: center; }
#btnRSS { text-align: center; padding: 5px; }

.quickArea { position: fixed; z-index: 99999; top: 122px; right: 0px; }
.quickArea ul, .quickArea ul li { margin: 0px; padding: 0px; list-style: none; }
.quickArea li a { background: url(images/quick.gif) no-repeat 0px 0px; display: block; width: 40px; height: 41px; text-indent: -1000px; overflow: hidden; }
.quickArea li.q01 a { background-position: 0px 0px; }
.quickArea li.q02 a { background-position: 0px -41px; }
.quickArea li.q03 a { background-position: 0px -82px; }
.quickArea li.q04 a { background-position: 0px -123px; }
.quickArea li.q05 a { background-position: 0px -164px; }

/* ***** footer ***** */
#footer {text-align: center;padding: 25px 0px;/* height: 120px; */clear: both;position: relative;font-family: 'Nanum Gothic','Malgun Gothic', 'Dotum', 'AppleGothic', 'Sans-serif';border-top: 1px solid #0b50a1;color: #909090;}
#footer ul, #footer li { margin: 0; padding: 0; }
#footer li { list-style: none; }
#footer .logo { float: left; }
#footer .logo a {background: url(images/bott_logo.png) no-repeat 0px center;display: block;height: 31px;width: 204px;text-indent: -10000px;background-size: 100%;}
#footer .footMenu {float: right;clear: right;margin-top: 3px;}
#footer .footMenu:after { content:""; display:block; height:0; visibility:hidden; clear:both;} 
#footer .footMenu li {display: inline;font-size: 13px;line-height: 100%;height: 1em;border-left: 1px solid #FFF;}
#footer .footMenu li:first-child { border-right: 1px solid #7E7E7E; }
#footer .footMenu li a {padding: 0 12px;letter-spacing: -1px;line-height: 1em;font-size: 15px;color:  #4d4d4d;}
#footer .footMenu li:last-child a { padding-right: 0; }
#footer .copyright {clear: left;float: left;margin-top: 5px;font-size: 12px;white-space: nowrap;text-transform: uppercase;}

.sns-footer {float: right;/* width: 208px; */text-align: right;/* position: absolute; *//* z-index: auto; *//* top: 0px; *//* right: 0px; */}
.sns-footer .sns { float: left; display: block; margin: 0px; padding: 0px; }
.sns-footer .sns li {list-style: none;/* margin-right: 2px !important; */float:left;}
.sns-footer .sns li:last-child {margin-right: 0 !important;}
.sns-footer .sns a { display: block; height: 32px; width: 32px; overflow: hidden; line-height: 100px; text-indent: 10000px; }

.sns-footer .sns .fb a {background: url(images/sns_footer.png) no-repeat 0px 0px;background-size: auto 100%;}
.sns-footer .sns .yt a { background: url(images/sns_footer.png) no-repeat -34px 0px; background-size: auto 100%; }
.sns-footer .sns .insta a { background: url(images/sns_footer.png) no-repeat -70px 0px; background-size: auto 100%; }
.sns-footer .sns .home a { background: url(images/sns_footer.png) no-repeat -105px 0px; background-size: auto 100%; }
.sns-footer .sns .rss a { background: url(images/sns_footer.png) no-repeat -72px 0px; background-size: auto 100%; }


#footer .container {margin: 0 auto;max-width: 1000px;min-height: 60px;}

.mailingApply { }
.mailingApply h4 {font-size: 16px;letter-spacing: -1px;margin-bottom: 24px;white-space:  nowrap;margin-top: 0;font-weight: 400;text-align: left;}
.mailingApply .mailing-inner {border: 1px solid #ebebeb !important;height: 41px;position: relative;}
.mailingApply .mailing-inner form { padding:0; margin:0; border: none; } 
.mailingApply .mailing-inner label { position: absolute; z-index:4; visibility: hidden; left:0; top:0; width:1px; height:1px; overflow: hidden;}
.mailingApply .mailing-inner input {position: absolute;z-index: 1;top: 1px;left: 1px;width: 75%;height: 37px;line-height: 37px;font-size: 16px;border: none;padding-left: 8px;background-color:transparent;/*background: transparent url(images/bg_input2.gif) no-repeat 8px center;*/color: rgba(0,0,0, .3);letter-spacing: -1px;}
.mailingApply .mailing-inner input:focus { background-image: none;}
.mailingApply .mailing-inner button {position: absolute;z-index: 3;right: -1px;top: -1px;width: 50px;height: 43px;cursor: pointer;border: none;border-left: 2px solid #ffffff !important;background: url(images/btn_mail_footer.png) no-repeat center center;text-indent: -100000px;overflow: hidden;/* background-size: auto 50%; */}

.toTop {display: none;background: url(images/toTop.png) no-repeat left top;position: absolute;z-index: auto;right: 0px;top: 10px;text-indent: -10000px;height: 50px;width: 50px;overflow: hidden;}



/* 반응형 */
@media all and (max-width:1023px) {

body { background-image:none;}
#mainpage .container {margin: 0 20px;position: relative;}
#header  {background: url(images/top_bg_1.png) no-repeat center top;margin: 0 -20px;padding-right: 20px;padding-left: 20px;}

#header .blogMenu {float: right;}
#searchBox { top: 10px; right: 20px;}
#header .blogMenu li a {font-size: 18px;/* line-height: 50px; */}
#sidebar { float: none; width: inherit;}
#content {/* float: none; */width: 100%;margin-bottom: 0;}
#content .imageblock { width: 100% !important; height: auto !important; }

}

@media all and (max-width:779px) {
#mainpage {/* min-width: 700px; */margin: 0;padding: 110px 20px 10px;overflow: hidden;}
#mainpage .container {margin: 35px 0 0 0;}

#header {padding: 0px;height: 110px;text-align: center;margin-left: -10px;margin-right: -10px;left: 0px;position: fixed;top: 0px;right: 0px;z-index: 999;overflow: hidden;min-width: 320px;background-size: auto 60px;}
#header h1 {margin-top: 6px;height: 54px;}
#header h1 a {background: url(images/top_logo_1_2.png) no-repeat center 8px;float: none;display: inline-block;}
#header .blogMenu {display: block;float: none;margin: 0;background-color: #008ab8;border-top: solid 2px #007fa9;padding: 0 20px;}
#header .blogMenu ul {display: table;width: 100%;/* background-color:#008ab8; *//* border-top: solid 2px #007fa9; */height: 48px;margin: 0;}
#header .blogMenu ul > li {display: table-cell;padding: 0;}
#header .blogMenu ul > li a {line-height: 48px;}

#content {/* float: none; */width: inherit;padding: 15px !important;}
#tt-body-index #content {padding: 10px 0 0 0  !important;margin-top: -20px;}
#content .imageblock img { max-width: 100% !important; height: auto !important; }

#header .dl-menuwrapper { display: block; }
#header .btnMenu {display: block;position: absolute;left: 35px;top: 20px;z-index: 1;margin: 0;padding: 0;}
#header .btnMenu a {background: url(./images/btn_menu.png) no-repeat 0px 0px;width: 56px;height: 56px;text-indent: -900em;display: block;}
#header .btnSearch {display: block;position: absolute;right: 25px;top: 13px;z-index: 1;margin: 0;padding: 0;}

#searchBox {display: none;width: 100%;height: 60px;background-color: #37A1CD;text-align: right;top: 0;right: 0;position: fixed;z-index: 9999;border: none;}
#searchOverlay { display: none; top: 0px; right: 0px; left: 0px; bottom: 0px; position: fixed; z-index: 9998;}
#searchBox .input {width: 80%;height: 40px;line-height: 40px;text-align: center;top: 10px;font-size: 18px;right: 50px;}
#searchBox .submit {background: url(images/btn_search_m.png) no-repeat right top;/* width: 56px; *//* height: 56px; */text-indent: -5000px;border: 0;cursor: pointer;margin-left: 4px;overflow: hidden;right: 15px;top: 13px;}

#searchList h3 {font-size: 1.5em; }

#footer .container {margin: 10px 0;}
#footer {padding: 10px 0;clear: both;margin: 0 -10px -10px;/* height: 540px; */}
#footer .footMenu {/* position: absolute; *//* right:0; *//* top: 0; */}
#footer .footMenu li a {/* font-size: 24px; */}
#footer .logo a {/* width: 250px; */height: 47px;}
#footer .copyright {/* font-size: 18px; *//* position: static; *//* clear: both; *//* float: none; *//* margin-bottom: 40px; *//* border-bottom: 1px solid #B2B2B2; */text-align: left;/* padding: 80px 0 40px; *//* white-space: normal; */}
.footer-item.item00, .footer-item.item01, .footer-item.item02 {width: inherit;float: none;clear: both;}
#footer .sns-footer .sns {float: left; margin-top: 10px;}
#footer .channelArea {width: inherit;float: none;position: relative;margin-top: -20px;} 


.mailingApply {/* position: static; *//* width: inherit; *//* clear: both; *//* float: none; */}
.mailingApply .mailing-inner {/* height: 70px; *//* border-width: 4px; */}
.mailingApply .mailing-inner input {/* height:60px; *//* line-height: 60px; *//* font-size: 24px; */}
.mailingApply .mailing-inner button {/* width: 100px; *//* height: 70px; *//* border-left-width: 4px !important; */}

#footer .channelArea h4 a {border-width:4px;height: 70px;font-size: 24px;line-height: 65px;font-weight: 400;}
#footer .channelArea ul {width: 98.9%;margin: 0px auto;padding: 12px 0;text-align: left;right: 0px;bottom: 75px;top: initial;background: #6D6D6D;border: 4px solid #FFFFFF;}

#footer .channelArea li a {color: #FFFFFF;display: block;line-height: 1.8;font-size: 24px;}


}
@media all and (min-width:779px) {
#closebtn {display:none !important;}
#mainpage { left: 0px !important; }

}

@media all and (max-width:480px) {
#mainpage {padding-top: 100px;}
#mainpage .container {/* margin: 45px 0; */}

#footer {/* height: 380px; */padding: 5px 0;}
#footer .container {margin: 0 10px 30px;}

#footer .logo a {width: 146px;margin-top: 0;height: 48px;}
#footer .footMenu {float:left;clear: none;margin: 0px -7px;}
#footer .footMenu li a {font-size: 11px;line-height: 12px;height: 12px;padding: 0 5px;}
.commentWrite textarea { width:96.3%;}
#header {/* height: 62px; */width: inherit;background: url(images/top_bg_1_1.png) no-repeat center top;}
#header h1 {/* margin-top: 12px */}
#header h1 a {/* height: 40px; *//* margin: 10px; *//* width: 180px; *//* background-size: 100% auto; */}
#header .blogMenu ul {height: 40px;}
#header .blogMenu li a {font-size: 15px;line-height: 40px;}
#header .btnMenu {height: 40px;left: 25px;top: 13px;}
#header .btnMenu  a{height: 32px;width: 32px;background-size: 100% 100%;}
#header .btnSearch {right: 25px;top: 13px;width: 30px;height: 30px;}
#header .btnSearch img {/* width: 100% ; */height: auto;}

#searchList .date {float:none;/* margin-top: 22px; */font-size: 12px;}
#searchList .thumbnail_post {float:none;width: 100%;overflow: hidden;margin-right: 0; */}
#searchList .title_post {float: none;font-size: 1.2em;line-height: 140%;width: inherit;font-weight: 700;/* text-align: left; */display:  block;margin-bottom:  10px;}
#searchList .cnt {float: none;}

#footer .copyright {
    font-size: 10px;
    margin-top: 0;
    /* margin-bottom: 30px; */
    white-space:  normal;
    }
#footer .copyright span {display: block;line-height: 130%;}
        
.mailingApply .mailing-inner {height: 40px;border-width: 2px;}
.mailingApply .mailing-inner input {height: 32px;line-height: 35px;font-size: 16px;}
.mailingApply .mailing-inner button {width: 55px;height: 40px;border-left-width: 2px !important;}

.toTop { display: block;}
#footer .sns-footer .sns {margin-top: 70px;}

}
@media all and (max-width:359px) {
#mainpage {min-width: 300px;padding-right: 10px;padding-left: 10px;}
.commentWrite textarea { width:95%;}
#favorPost ul li .thumnail-favor { height: 60px; }
}
/* headline */
.headline { position: relative; display: none ; margin-bottom: 40px; }
.tedition_blog .headline { display: block; }
.headline .headline_pic { width: 102%; height: auto; margin-left: -1% !important; margin-top: -10% !important; min-height: 120%; }
.headline .prev, .headline .next { position: absolute; text-indent: -10000px; overflow: hidden; z-index: 22; top: 39%; height: 15.58%; width: 4.413%; }
.headline .prev { background: url(./images/slide_prev.png) no-repeat 0px 0px; left: 3%; background-size: 100% 100%; }
.headline .next { background: url(./images/slide_next.png) no-repeat 0px 0px; right: 3%; background-size: 100% 100%; }
.headline .open_contents a { background: no-repeat 0px 0px; background-size: 100% 100%; height: 22.13%; width: 8.63%; position: absolute; top: -8px; right: 0px; text-indent: -10000px; z-index: 22; }
@media all and (max-width: 670px) {
.headline { margin-bottom: 20px;}
.headline .prev, .headline .next {height: 38px; width: 26px; }
.headline .open_contents a { height: 60px; width: 60px; }
}
@media all and (max-width: 779px) {
.headline .open_contents a { top: -5px; }
}


/* 코멘트 재설정 */
.commentWrite p.label { float: left; padding-right: 2%; }
.commentWrite p.name, .commentWrite p.password { width: 28%; }
.commentWrite p.email { width: 39%; padding-right: 0px; }
.commentWrite p.label label { color: #969696; font: bold 12px/120% Tahoma, Geneva, sans-serif; }
.entry .plusItem.top {border-bottom: none;margin-top: -30px;margin-bottom: 0;}
.plusItem {/* padding-bottom: 10px; */border-bottom: 3px solid #35a5c1;margin-bottom: 40px;/* text-align: right; */height: 35px;margin-top: 40px;}
.plusItem h5 {float: left;color: #35a5c1;font-size: 18px; font-weight: normal; margin: 0;line-height: 2;  }
.plusItem .journal { background: url(images/creative_cj.gif) no-repeat right bottom; height: 24px; width: 222px; text-indent: -10000px; float: right; line-height: 99px; overflow: hidden; }
.plusItem .sns {float: right;display: block;margin: 0px -6px 0 0;padding: 0px;}
.plusItem .sns li {list-style: none;/* margin-right: 5px; */float:left;}
.plusItem .sns a { display: block; height: 32px; width: 32px; overflow: hidden; line-height: 100px; }

.plusItem .sns .fb a { background: url(images/sns_article.png) no-repeat 0px 0px; }
.plusItem .sns .tw a { background: url(images/sns_article.png) no-repeat -34px 0px; }
.plusItem .sns .cc a { background: url(images/sns_article.png) no-repeat -65px 0px; }

 @media all and (max-width: 640px) {
.plusItem .journal { width: 150px; background-size: 100% auto; }
}

/* 	 */
.tedition_blog #indexBanner { display: block; }
.tedition_blog #recentPost { display: none; }
.tedition_blog #content {padding: 0;background-color: transparent;max-width: 1000px;/* margin-top: -20px; */}

.tedition_blog ul, .tedition_blog li, .tedition_blog p { margin: 0; padding: 0; list-style: none; }
/* Tedition utility  */
.tistorytoolbar { display: none !important; }
.entry-content img { display: block; max-width: 100%; height: auto; }

div.article iframe { max-width: 100% !important; }
.imageblock {max-width:100%;}

@media all and (max-width: 1023px) {
/*.tedition_blog #recentPost { display: block; }*/
.tedition_blog #content { width: 100%;}
    
}


.tt-span-1, .tt-span-2, .tt-span-3, .tt-span-4, .tt-span-5, .tt-span-6, .tt-span-7, .tt-span-8, .tt-span-9, 15..tt-span-10, .tt-span-11, .tt-span-12 {max-width: 100% !important;}
.tt-span-1 { width: 6% !important; }
.tt-span-2 {width: 14% !important;}
.tt-span-3 { width: 22% !important; }
.tt-span-4 { width: 31% !important; }
.tt-span-5 { width: 39% !important; }
.tt-span-6 { width: 48% !important; }
.tt-span-7 {width: 53% !important;}
.tt-span-8 { width: 59% !important; }
.tt-span-9 { width: 72% !important; }
.tt-span-10 { width: 80% !important; }
.tt-span-11 { width: 88% !important; }
.tt-span-12 {width: 100% !important;}
#ttCanvas, .tt-span-12 {width: 100% !important;}
#ttCanvas li { padding-bottom: 0 !important; }
div#ttCanvas .tt-item a:hover { text-decoration:  none !important; }
@media all and (max-width: 767px) {
.tt-span-1, .tt-span-2, .tt-span-3, .tt-span-4, .tt-span-5, .tt-span-6, .tt-span-7, .tt-span-8, 40. .tt-span-9, .tt-span-10, .tt-span-11, .tt-span-12 {width:100% !important;}
}

.tt-component { margin-top: 25px; !important}

/* 티에디션 재설정 */
/* 비주얼 아이템 */
.tt-panel { padding-top: 0px !important }
.tt-post-tlt { overflow: hidden; margin-bottom: 10px !important;}
.tt-post-tlt a {font-weight: bold !important; letter-spacing: -1px !important; line-height: 140% !important; color: #333 !important;font-size: 12pt !important;}
/* 헤드라인 */
.tt-span-12-border, .tt-span-4-border  { width: 100% !important; border:none !important;}
.tt-span-12-thumb_ratio-7_4 {height: 570px !important;}
.tt-span-12 { position: relative; }
.tt-wrap-thumb-title { width: 100%; position: absolute; left: 0px; bottom: 0px; line-height: 2em; font-size: 1.75em !important; display: block; background: url(images/bg.png) repeat; color: #FFF !important; font-weight: 300 !important; padding: 0 30px !important; letter-spacing: -0.075em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tt-post-thumb {width: 102% !important;margin-left: -1% !important;margin-top: -1% !important;min-height: 102% !important;}
.tt-span-4-thumb_ratio-4_3  {height: 198px !important;}
/* 상단 포스트 3칸 */
@media all and (max-width: 798px) {
.tt-span-12-thumb_ratio-7_4 {height: 400px !important;}
.tt-span-4-thumb_ratio-4_3  {height: 140px !important;}
}
@media all and (max-width: 640px) {
.tt-span-12-thumb_ratio-7_4 { height: 300px !important;}
.tt-span-4-thumb_ratio-4_3  {height: 130px !important;}
}
@media all and (max-width: 480px) {
.tt-span-12-thumb_ratio-7_4 { height:250px !important ;}
.tt-span-4-thumb_ratio-4_3  {height: 260px !important;}
.tedition_blog .tt-span-4 .tt-post-tlt a {font-size: 1em !important;}
.tt-wrap-thumb-title { font-size: 1em !important;}
.tt-post-tlt a {font-size: 1em !important;}
}
@media all and (max-width: 360px) {

.tt-span-4-thumb_ratio-4_3  {height: 200px !important;}
}
.fb-like { text-align: right; overflow: hidden; position: absolute !important; height:30px; width: 60px; top: 10px; right: 0px; }
.fb-comments { display: block; margin: 0px auto; width: 100% !important; }
.fb-comments span { width: 100% !important; padding: 0 !important;}
.fb-comments span iframe { width: 100% !important; padding: 0 !important;}

/* 메일구독 */
#mailingApply {
    margin-bottom: 25px;padding: 25px;background-color: #FFF;
}
#mailingApply h4 {font-size: 14px;margin-bottom: 5px;letter-spacing: -1px;}
#mailingApply .mailing-inner { border: 2px solid #494949; height: 30px; position: relative; }
#mailingApply .mailing-inner form { padding:0; margin:0; border: none; } 
#mailingApply .mailing-inner label { position: absolute; z-index:4; visibility: hidden; left:0; top:0; width:1px; overflow: hidden;}
#mailingApply .mailing-inner input {position: absolute;z-index: 1;top: 2px;left: 2px;width: 75%;height: 24px;line-height: 24px;font-size: 11px;border: none;padding-left: 8px;/*background: transparent url(images/bg_input2.gif) no-repeat 8px center;*/color: #494949;letter-spacing: -1px;}
#mailingApply .mailing-inner input:focus { background-image: none;}
#mailingApply .mailing-inner button { position: absolute; z-index: 3; right: 0px; top: 0px; width: 36px; height: 30px; cursor: pointer; border: none; border-left: 2px solid #494949 !important; background: url(images/btn_mail.png) no-repeat center center; text-indent: -100000px; overflow: hidden; }


#tt-body-index .tt-recent {margin-top: 30px;min-height: 360px;border-bottom: 1px solid #cccccc;/* padding-bottom: 20px; */margin-bottom: 30px;position: relative;}
#tt-body-index #mailingApply, #tt-body-index #notice  { display: none;}
.placeholder { color: #333; }
.h4Title { font-size: 20px; font-weight: 700; letter-spacing: -1px; }
.tagTrail h4 {float: left;margin-right: 10px;color: #35a5c1;font-size: 16px;line-height: 1.6;}
.tagTrail {color: #FFF;font-size: 14px;}
.tagTrail a {display: inline-block;color: #666;padding: 2px;line-height:1.1;}
.tagTrail a:before { content: '#'; display: inline-block; }
.tagTrail a:after { content: ','; display: inline-block; }


.area_related {padding-top: 40px;border-top: 1px solid #ccc;margin-top: 40px;}
.area_related:after { display: block; content:""; visibility:hidden; height:0; overflow: hidden; clear:both;}
.area_related h4 {font-size: 22px;font-weight: bold;color: #494949;padding-bottom: 18px;margin-bottom: 5px;position: relative;letter-spacing: -1px;}
.area_related h4 .btnMore { display:inline-block; position:absolute; right:0px; top:0px; z-index:auto; } 
.area_related h4 .btnMore a {color: #262626;font-weight: normal;text-decoration: none;padding: 10px 14px 10px 0px;font-size: 16px;letter-spacing: -1px;background: url(images/ico_cate_view.png) no-repeat right center;} 
.area_related h4 .btnMore a i { color: #35A5C1; font-weight: bold; background: url(images/ico_cate_view.png) no-repeat right center; width: 20px; display: inline-block; overflow: hidden; padding-right: 40px; }

.list_related { margin: 0px 0px 50px; padding: 0px; }
.list_related ul { margin:0; padding:0;}
.list_related li {list-style: none;padding: 0;float: left;margin: 0px 4% 4% 0px !important;width: 30.666666%;}
.list_related li:nth-child(3n) { margin-right: 0 !important;}
.list_related li:nth-child(3n+1) {  clear: both;}
.list_related li:last-child { display:none !important;}
.list_related li:last-child:after { content:""; visibility:hidden; height:0; overflow: hidden; clear:both;}

.list_related .thumb_related {height: 170px;width: 100%;display: block;overflow: hidden;}
.list_related .thumb_related img { width: 100%; }
.list_related .date_related { font-size: 12px; color: #a9a9a9; display: inline-block; }
.list_related .cat_related {font-size: 13px !important;color: #35a5c1;display: inline-block;}
.list_related .txt_related {font-size: 18px;color: #262626;display: block;margin-top: 10px;font-weight: 600;letter-spacing: -1px;/* font-weight:  normal; */}
#tt-body-index .list_related li:last-child { display:block !important;}

.another_category { display:none !important;}

#ttCanvas h4.h4Title {font-size: 24px;font-weight: bold;color: #494949;padding: 1px 0 20px;letter-spacing: -1px;}
#ttCanvas h4.h4Title .btnMore {display:inline-block;position:absolute;right:0px;top: 5px;z-index:auto;} 
#ttCanvas h4.h4Title .btnMore a {
    color: #262626;
    font-weight: normal;
    text-decoration: none;
    padding: 10px 14px 10px 0px;
    font-size: 16px;
    letter-spacing: -1px;
    background: url(images/ico_cate_view.png) no-repeat right center;
    } 

.tt-recent, .tt-favor {/* padding:25px !important; */background-color: #fff;}

.tt-recent .thumb_related  { height: 170px !important;}
.tt-recent:after, .tt-notice:after, .tt-press:after, .tt-favor:after {display: block; content:""; visibility:hidden; height:0; overflow: hidden; clear:both; }
.tt-recent .list_related .cat_related, .tt-recent .list_related .date_related {font-size: 12px !important;color: #888;display: inline-block;/* margin-top: -12px !important; */}
.tt-recent .list_related .txt_related a, .tt-favor .list_related .txt_related a {font-weight: 600 !important;font-size: 16px !important;line-height: 140%;overflow: hidden;text-overflow: ellipsis;height: 46px;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.tt-recent .list_related .txt_related a:hover, .tt-favor .list_related .txt_related a:hover { text-decoration: none !important; color:#35a5c1;}
.tt-recent .list_related .txt_related a {font-size: 18px !important;/* margin-top: 20px !important; */height: 50px;}

/* 티에디션 썸네일 마우스오버 */

.tt-recent a.tt-wrap-thumb-link, .tt-favor a.tt-wrap-thumb-link { position: relative; }
.tt-recent a.tt-wrap-thumb-link .tt-cover, .tt-favor a.tt-wrap-thumb-link .tt-cover {display: none;/* opacity: 0; */width: 100%;height: 100%;background: url(images/tt_cover.png) no-repeat left top;background-size: 100% 100%;position: absolute;top: 0;left: 0;z-index: 999;}
.tt-recent a.tt-wrap-thumb-link:hover .tt-cover, .tt-favor a.tt-wrap-thumb-link:hover .tt-cover {display: block;/* opacity:1; */-webkit-transition: all 1s ease-in 0s;-moz-transition: all 1s ease-in 0s;-ms-transition: all 1s ease-in 0s;-o-transition: all 1s ease-in 0s;transition: all 1s ease-in 0s;}

/* */


#hs-headline .tt-post-date, #hs-headline .cat_related {font-size: 16px !important;color: #FFFFFF !important;line-height: 65px;background-color: rgba(5,185,248, .6);height: 65px;width: 110px;text-align: center;vertical-align: middle;float: left;font-weight: normal;}

#hs-headline .tt-post-title {width: 96%;position: static !important;}
#hs-headline .tt-post-title a {
    display: block;
    font-size: 26px !important;
    color:#FFF !important;
    font-family: 'Nanum Gothic','Malgun Gothic', 'Dotum', 'AppleGothic', 'Sans-serif' !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    line-height: 65px !important;
    padding: 0 100px 0 20px;
    }
#hs-headline .tt-wrap-postinfo {height: 65px !important;background-color: rgba(36,51,79, .6) !important;background-image: none !important;}

#hs-headline .tt-post-thumb-link {
    position: absolute;
    top: 26px !important;
    right: 25px !important;
}

#hs-headline .tt-post-thumb-link a {background: url(images/slide_off.png) no-repeat center center !important;width: 13px !important;}
#hs-headline .tt-post-thumb-link a.tt-post-link-over {background: url(images/slide_on.png) no-repeat center center !important;width: 35px !important;}

#hs-headline .tt-post-prev {background: url(images/slide_prev.png) no-repeat center center;height: 50px;width: 30px;position: absolute;left: 10px;top: 45%;z-index: 999;text-indent: -10000px;overflow: hidden;background-size: 100% auto;opacity: .6;}
#hs-headline .tt-post-next {background: url(images/slide_next.png) no-repeat center center;height: 50px;width: 30px;position: absolute;right: 10px;top: 45%;z-index: 999;text-indent: -10000px;overflow: hidden;background-size: 100% auto;opacity: .6;}


.wrap-notice { background: #FFF; padding: 25px; display:none; }
#tt-body-index .wrap-notice {display: block;margin-top: 10px;height: 177px;}
.wrap-notice .tt-notice, .wrap-notice .tt-press { padding: 0 !important; width: 46%; float: left; margin-right: 4%; }
.wrap-notice .tt-press {background: url(images/bar_wrap_notice.png) no-repeat left center;background-size: 1px 95%;padding-left: 4%!important;margin-right: 0;} 

@media all and (max-width: 779px) {
#content {margin-bottom: 0;}
.list_related .cat_related:before {margin-top: 0 !important;}
.tt-recent .list_related .txt_related {margin-top: 0 !important;}
.list_related .thumb_related {height:auto; width: auto;}

#hs-headline .tt-post-title a {font-size: 22px !important;}
.tt-recent .list_related .txt_related a {font-size: 16px !important;height: 46px;}
.area_related h4 {font-size: 20px;}
.area_related h4 .btnMore a {font-size: 14px;}
.list_related .txt_related {font-size: 14px;}
}
@media all and (max-width: 640px) {
#hs-headline .tt-post-date, #hs-headline .cat_related { display: none;}
#hs-headline .tt-post-thumb-link { display: none;}
#hs-headline .tt-wrap-postinfo, #hs-headline .tt-post-title {height: 50px !important;}
#hs-headline .tt-post-title a {  line-height: 50px !important; width: 90% !important;}
}

@media all and (max-width: 480px) {
#content {padding: 0 !important;}
.tt-recent .list_related li, .tt-favor .list_related li  {float: none;margin-right: 0px !important;margin-bottom: 10% !important;width: inherit;}

#tt-body-index .wrap-notice { height: inherit;}
.tt-recent, .wrap-notice, .tt-favor, .wrap-notice {
    /* padding: 18px !important; */
    }
.wrap-notice .tt-notice, .wrap-notice .tt-press { width: inherit; float: none; margin-right: 0; }
.wrap-notice .tt-press {background-image: none; padding-left: 0 !important;margin-top: 20px; padding-top: 20px !important; border-top:1px solid #ddd; }

.area_related h4 {font-size: 18px;}
.area_related h4 .btnMore a {font-size: 12px;}
.list_related .txt_related {font-size: 13px;}

div#ttCanvas .tt-item .tt-wrap-post-thumb { margin-bottom: 2px !important;}
}

/* 티에디션 추천글 */
.tt-favor {margin-right: 345px !important;}
.tt-favor ul { margin:0; padding:0;}
.tt-favor li {float: left;width: 30.666666%;list-style: none;padding: 0;margin: 0px 4% 6% 0px !important;}
.tt-favor li:nth-child(3n) { margin-right: 0 !important;}
.tt-favor li:last-child:after { content:""; visibility:hidden; height:0; overflow: hidden; clear:both;}

.tt-favor .tt-span-4-thumb_ratio-4_3 {height: 130px !important;}

.social-contents  {display: block;position: absolute;right: 0;top: 0;width: 306px;overflow: hidden;}

#facebook_sd h3, #youtube_sd h3 {background: url(images/tlt_facebook.png) no-repeat;height: 22px;text-indent: -10000px;display: block;margin: 40px 0 20px !important;}
#youtube_sd h3 { background: url(images/tlt_youtube.png) no-repeat; height: 32px;  }
@media all and (min-width: 780px) {
	#facebook_sd h3 { margin-top: 0px !important;}
}
#facebook_sd .inner { text-align: center;}
#youtube_sd iframe { width: 100%; min-height: 180px; }

.social-contents .banner { margin-top: 40px !important;}
.social-contents .banner a {background: #05A1CA url(images/bn_samdihome.png) no-repeat center center;height: 75px;display: block;text-indent: -10000px;}
 
@media all and (max-width: 780px) {
.tt-favor { margin-right:0 !important;}
.tt-favor .tt-span-4-thumb_ratio-4_3 {height: 140px !important;}
.social-contents { border-top: solid 1px #ccc !important; position: static; width: inherit; margin-top: 40px !important; }
.mailingApply h4 {margin-top: 40px !important;}
#youtube_sd iframe { min-height: 300px; }
}

@media all and (max-width: 480px) {
.tt-favor li {float: none;width: inherit;list-style: none;padding: 0;}
.tt-favor .tt-span-4-thumb_ratio-4_3 {height: 260px !important;}
.tt-recent .list_related .txt_related a, .tt-favor .list_related .txt_related a { height: inherit;}
}

@media all and (max-width: 360px) {

.tt-favor .tt-span-4-thumb_ratio-4_3  {height: 210px !important;}
}

.fb_iframe_widget_fluid { display : block !important;}

.list_content {position: relative;clear: both;float: none;/* margin-bottom: 16px; */overflow: hidden;}
.list_content .thumbnail_post {float: left;width: 31%;margin-right: 3%;height: 160px;overflow: hidden;display: inline-block;}
.list_content .thumbnail_post img { width: 100%; height: auto; }
.list_content .link_post {float: left;width: 65%;display: table;}
.list_content .tit_post {font-size: 18px;/* font-weight: normal; */line-height: 130%;/* width: 95%; */display: inline-block;margin-bottom: 35px;white-space: normal;overflow: hidden;text-overflow: ellipsis;height: 1.2em;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.list_content .txt_post {font-size: 16px;white-space: normal;overflow: hidden;text-overflow: ellipsis;height: 46px;word-wrap: break-word;display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0;color: #666;padding-top: 12px;}
.list_content .txt_date {font-size: 12px;color: #999;margin: 10px 0 5px;}


@media all and (max-width: 480px) {
.list_content .thumbnail_post, .list_content .link_post {float: none;width: 100%;margin-right: 0; height: 220px; }
.list_content .link_post { height: inherit;}
.list_content .tit_post {font-size: 18px;margin-bottom: 6px;}
.list_content .txt_post {font-size: 14px;margin-top: 5px;padding-top: 0px;}
.list_content .txt_date {font-size: 12px;margin-top: 0;margin-bottom: 0;}

}