@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@charset "utf-8";
/*body{display:none;}*/
@font-face {
    font-family:'ng';
    src: url('images/NanumGothic.eot');
    src: url('images/NanumGothic.eot?#iefix') format('embedded-opentype'),
    url('images/NanumGothic.woff') format('woff'),
    url('images/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'Moebius_Bold_eng';
    src: url('images/Moebius_Bold_eng.eot');
    src: url('images/Moebius_Bold_eng.eot?#iefix') format('embedded-opentype'),
    url('images/Moebius_Bold_eng.woff') format('woff'),
    url('images/Moebius_Bold_eng.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'Moebius_Bold_kor';
    src: url('images/Moebius_Bold_kor.eot');
    src: url('images/Moebius_Bold_kor.eot?#iefix') format('embedded-opentype'),
    url('images/Moebius_Bold_kor.woff') format('woff'),
    url('images/Moebius_Bold_kor.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

/* reset */
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;}

/* 본문 공통 */
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:12px/1.5 "돋움",Dotum,Sans-serif;color:#777;}
a {color:#7e7e7e;text-decoration:none;}
a:active, a:hover {text-decoration:underline;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
hr {display:none;}
#detailLeftBox .article .tt_article_useless_p_margin p span {font-size:12pt !important;}
.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;background:url(images/btn_confirm.gif) no-repeat 0 0;}
.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;}

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
/* ******* layout ******* */
#container {
    width:1188px;
    margin:0 auto;
    word-wrap:break-word;
}
/*
* html #header {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ts.daumcdn.net/custom/blog/85/857325/skin/images/bg_header.png', sizingMethod='crop');}
*/

.wrap {
    width:/*@post-width:281*/950px/*@*/;
    margin:0 auto;
    padding-top:9px;
    /*background:url(images/bg_wrap.gif) center top no-repeat;*/
}
.wrap_inner {
    overflow:hidden;
    width:/*@post-width:281*/950px/*@*/;
    margin-top:20px;
    /*background:url(images/bg_wrap_inner.gif) right top repeat-y;*/
}
#content {
    overflow:hidden;
    float:left;
    width:/*@post-width*/669px/*@*/;
}
#sidebar {overflow:hidden;float:right;width:220px;/*padding-bottom:18px;*/ display:none;}
#footer {width:100%;border-top:1px solid #252525;font-size:11px;font-family:"돋움",Dotum;color:#b2b2b2;text-align:center;clear:both; margin-top:1%;}
.box_sidebar .wrap_categorybox {display:none !important;}
/* ***** Header ***** */

/* title */
#header h1 {font-family:/*@title-font-family*//*@*/;font-size:/*@title-font-size*//*@*/;color:/*@title-color*//*@*/;}
#header h1 a {display:block;position:relative;width:504px;height:31px;margin:0 auto;background:url(images/title.png) no-repeat 0 0;cursor:pointer;}
/*
* html #header h1 a {background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ts.daumcdn.net/custom/blog/85/857325/skin/images/title.png', sizingMethod='crop');}
*/
#header h1 a:hover {text-decoration:none;}
#header h1 span {display:none;}

/* blog menu */
#header .list_blogmenu {width:/*@post-width:281*/950px/*@*/;margin:0 auto;padding:26px 0 20px 0;font-family:"Times New Roman",serif;list-style:none;}
#header .list_blogmenu li {display:inline;margin-left:19px;padding-left:21px;background:url(images/bg_bar.gif) no-repeat 0 4px;}
#header .list_blogmenu li a {position:relative;font-size:11px;}
#header .list_blogmenu .first {margin:0;padding:0;background:0 none;}

/* ***** content ***** */

/* 검색결과 리스트 */
#content .wrap_search {overflow:hidden;width:/*@post-width*/669px/*@*/;margin-bottom:18px;padding:2px 0 20px 0;border-bottom:1px solid #c2c2c2;color:#5f5f5f;}
.wrap_search .list_search {margin-top:11px;}
.wrap_search .list_search li {margin-bottom:2px;}
.wrap_search .list_search li a {color:#5f5f5f;}
.wrap_search .list_search .date {margin-right:6px;}
.wrap_search .list_search .cnt {}

/* 위치결과 리스트 */
#content .tit_location {height:43px;border-bottom:1px solid #c2c2c2;font-size:0;background:url(images/tit_location.gif) no-repeat 5px 8px;}
#localog .wrap_location {padding:18px 0 0 5px;}
#localog .wrap_location div{margin-bottom:2px;}
.wrap_location .spot {padding-left:28px;color:#666;background:url(images/ico_location.gif) no-repeat 1px 3px;}
.wrap_location .info {padding-left:12px;color:#cf3d2e;background:url(images/ico_location_info.gif) no-repeat 1px 3px;}

/* tag */
#taglog .tit_tag {height:43px;border-bottom:1px solid #c2c2c2;font-size:0;background:url(images/tit_tag.gif) no-repeat 5px 8px;}
#taglog ul {padding:13px 0 0 6px;text-align:justify;}
#taglog li {display:inline;}
#taglog li a {color:#363636;}
#taglog li a:hover {}
#taglog li .cloud1 {font-weight:bold;font-size:14px;color:#dd6154;}
#taglog li .cloud2 {color:#dd6154;}
#taglog li .cloud3,
#taglog li .cloud4{background-color:#dbdbdb;}
#taglog li .cloud5{}

/* 방명록 */
.wrap_guestbook .tit_guest {height:43px;border-bottom:1px solid #c2c2c2;font-size:0;background:url(images/tit_guest.gif) no-repeat 6px 8px;}
.wrap_guestbook .wrap_guestwrite {overflow:hidden;width:/*@post-width:-17*/652px/*@*/;height:1%;margin:21px 0 0 5px;padding:12px 0 13px 10px;border:1px solid #a9a9a9;background:url(images/bg_tf.gif) repeat 0 0;}
.wrap_guestwrite .box_tf {overflow:hidden;float:left;height:19px;margin:2px 11px 0 0;border:1px solid #a9a8b5;background-color:#fff;}
.wrap_guestwrite .text {float:left;height:19px;font-size:11px;line-height:19px;background-color:#fff;text-indent:7px;letter-spacing:-1px;cursor:text;}
.wrap_guestwrite .tf_txt {float:left;height:19px;line-height:19px;border:0 none;}
.wrap_guestwrite .box_name {width:157px;}
.wrap_guestwrite .box_name .text {width:30px;}
.wrap_guestwrite .box_name .tf_txt {width:127px;}
.wrap_guestwrite .box_password {width:157px;}
.wrap_guestwrite .box_password .text {width:50px;}
.wrap_guestwrite .box_password .tf_txt {width:107px;}
.wrap_guestwrite .box_homepage {width:299px;margin-right:0;}
.wrap_guestwrite .box_homepage .text {width:45px;}
.wrap_guestwrite .box_homepage .tf_txt {width:254px;}
.wrap_guestwrite .wrap_secret {display:inline;overflow:hidden;float:right;width:48px;height:14px;margin:0 11px 0 0;padding-top:5px;clear:both;}
.wrap_guestwrite .checkbox{float:left;width:13px;height:13px;}
.wrap_guestwrite .txt_secret{float:left;width:35px;margin-top:1px;font-size:11px;line-height:13px;letter-spacing:-1px;text-align:right;}
.wrap_guestwrite .tf_write {display:inline;float:right;width:/*@post-width:-40*/629px/*@*/;height:75px;margin:6px 11px 13px 0;border:1px solid #a9a8b5;padding:5px;}
.wrap_guestwrite .btn_submit {margin:0 auto;clear:both;}

.wrap_guestlist .list_guest li {margin:0 5px;padding:25px 11px 21px;border-bottom:1px solid #c2c2c2;}
.wrap_guestlist .list_guest_reply .reply {margin:0;padding:11px 0 0 19px;border:0 none;background:url(images/ico_reply.gif) no-repeat 0 12px;}
.wrap_guestlist .btn_cmt {text-decoration:none;}
.list_guest .info{overflow:hidden;width:100%;}
.list_guest .name {margin-right:4px;font-weight:bold;line-height:14px;color:#666;}
.list_guest .name img {margin-right:5px;}
.list_guest .name a {color:#727272;}
.list_guest .date {margin-right:6px;font-size:10px;line-height:13px;font-family:Tahoma;color:#a0a0a0;white-space:nowrap;}
.list_guest .desc {width:100%;padding-top:7px;color:#666;clear:both;}

/* 종류별 방명록 글 [##_guest_rep_class_##] */
.guest_general {width:/*@post-width:-17*/652px/*@*/;}
/*.guest_admin {background:url(images/iconAdmin.gif) no-repeat; padding-left:20px;}*/

/* 방명록 */
/*.wrap_posting {margin-top:25px;}*/

/* 글 */
.wrap_posting {overflow:hidden;width:/*@post-width*/669px/*@*/;margin-bottom:17px;padding-bottom:27px;border-bottom:3px solid #252525;}

/* 포스팅 정보 */
.wrap_posting .wrap_info {overflow:hidden;float:left;width:189px;margin-top:43px;font-size:11px;line-height:13px;}
.wrap_posting .wrap_info .wrap_category {padding:20px 0 0 4px;border-top:1px solid #c2c2c2;}
.wrap_posting .wrap_info .wrap_category .category {margin-right:4px;color:#cf3d2e;}
.wrap_posting .wrap_info .tag {padding:4px 0 0 37px;font-size:12px;line-height:20px;background:url(images/ico_tag.gif) no-repeat 5px 8px;letter-spacing:-1px;}
.wrap_posting .wrap_info .date {display:block;margin-top:4px;}

/* 트랙백 */
.wrap_info .wrap_trail {margin-top:15px;padding:8px 0 0 5px;border-top:1px solid #c2c2c2;font-size:11px;line-height:13px;font-family:Tahoma;}
.wrap_info .wrap_trail .cnt,
.wrap_info .wrap_trail .num {font-weight:bold;color:#cf3d2e;}

/* 포스팅 */
.wrap_posting .wrap_content {float:right;width:/*@post-width:-209*/460px/*@*/;}
.wrap_posting .wrap_content .tit {overflow:hidden;width:/*@post-width:-209*/460px/*@*/;padding:2px 0 11px 0;border-bottom:1px solid #c2c2c2;letter-spacing:-1px;}
.wrap_posting .tit .link {font-size:/*@post-title-font-size*/24px/*@*/;font-family:/*@post-title-font-family*/Dotum/*@*/;color:/*@post-title-color*/#252525;/*@*/;line-height:1.25em;}
.wrap_posting .article {overflow:hidden;width:/*@post-width:-209*/460px/*@*/;padding-top:20px;line-height:1.7;font-size:/*@post-body-font-size*/12px/*@*/;font-family:/*@post-body-font-family*/Dotum/*@*/;color:/*@post-body-color*/#777/*@*/;}

.wrap_content blockquote {width:/*@post-width:-209*/380px/*@*/;margin:13px 0 20px 0;padding:10px 40px;font-weight:bold;line-height:2em;color:#464646;border-top:1px dashed #9e9e9e;border-bottom:1px dashed #9e9e9e;letter-spacing:-1px;}
/* 본문 - 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:20px 0 0 0;padding:9px 0 8px 2px;border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;font-size:11px;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:15px;}
.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:bold;line-height:14px;color:#666;}
.list_comment .name img {margin-right:5px;}
.list_comment .name a {color:#727272;}
.list_comment .date {margin-right:6px;font-size:10px;line-height:13px;font-family:Tahoma;color:#a0a0a0;white-space:nowrap;}
.list_comment .desc {width:100%;padding-top:7px;color:#666;clear:both;}
.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 {/*height:1%;*/margin: 21px 0 20px 0;padding:12px 11px 13px 10px;border:1px solid #a9a9a9;background:url(images/bg_tf.gif) repeat 0 0;}
.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 11px 5px 0;border:1px solid #a9a8b5;background-color:#fff;}
.wrap_comment .text {float:left;height:14px;font-size:11px;line-height:14px;margin-top:4px;background-color:#fff;text-indent:7px;letter-spacing:-1px;cursor:text;}
.wrap_comment .tf_txt {float:left;height:14px;line-height:14px;margin-top:4px;border:0 none;}
.wrap_comment .box_name {width:108px;}
.wrap_comment .box_name .text {width:30px;}
.wrap_comment .box_name .tf_txt {width:78px;}
.wrap_comment .box_password {width:108px;}
.wrap_comment .box_password .text {width:50px;}
.wrap_comment .box_password .tf_txt {width:58px;}
.wrap_comment .box_homepage {width:192px;margin-right:0;}
.wrap_comment .box_homepage .text {width:45px;}
.wrap_comment .box_homepage .tf_txt {width:147px;}
.wrap_comment .wrap_secret {float:right;width:48px;}
.wrap_comment .wrap_secret .checkbox{float:left;width:13px;height:13px;}
.wrap_comment .wrap_secret .txt_secret {float:left;width:35px;margin-top:1px;font-size:11px;line-height:13px;letter-spacing:-1px;text-align:right;}
.wrap_comment .tf_desc {float:none;width:/*@post-width:-244*/425px/*@*/;height:75px;margin:6px 0 13px 0;border:1px solid #a9a8b5;padding:5px;clear:both;}
.wrap_comment .btn_submit {margin:0 auto;}

.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:Tahoma;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:Tahoma;color:#dd695e;}
.wrap_trackback .from .name {margin-left:4px;font-family:Dotum;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_admin {}
.rp_secret {}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
.hiddenComment {}
.hiddenComment .name{margin-right:0;}
/* 이미지 아래 캡션 스타일 */
.cap1 {}
/* 그림 */
.imageblock {}
/* 왼쪽 */
.left { }
/* 가운데 */
.center { }
/* 오른쪽 */
.right { }
/* 그림 2개 배치 */
.dual { margin-bottom:5px;}
/* 그림 3개 배치 */
.triple { margin-bottom:5px;}


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

/*#uibgmplayer { margin:5px 0 0 5px; width:181px;} */

/* paging */
#paging {width:100%;padding:6px 0 24px 0;text-align:center;}
#paging .inner {display:table;display:inline-block;margin:0 auto;text-align:center;}
#paging .numbox {float:left;font-size:11px;line-height:13px;font-family:Tahoma;}
#paging .num {float:left;border-right:1px solid #c2c2c2;color:#737373;cursor:pointer;}
#paging .interword {float:left;margin-right:-9px;padding:0 0 0 9px;color:#737373;} /* 1 ... 10 11 12 페이지중략 */
#paging .num span {display:block;padding:0 8px 0 9px;}
#paging .link_prev,
#paging .link_next {float:left;width:45px;height:13px;padding-left:9px;text-indent:-9999em;cursor:pointer;}
#paging .link_prev {margin-right:3px;border-right:1px solid #c2c2c2;background:url(images/btn_prev.gif) left 3px no-repeat;}
#paging .link_next {margin-left:2px;background:url(images/btn_next.gif) right 3px no-repeat;}
/* 페이징 - 현재 페이지 */
#paging .num .selected {padding:0 10px 0 5px;font-weight:bold;color:#252525;}
#paging .no-more-prev {float:left;width:45px;height:13px;margin-right:3px;cursor:default;}
#paging .no-more-next {float:left;width:45px;height:13px;cursor:default;}

/* 티에디션 */
div#ttCanvas .tt-item-title-inner {word-wrap:normal;}

/* ***** sidebar ***** */
#sidebar h3 {width:100%;height:32px;margin-bottom:8px;border-bottom:1px solid #c2c2c2;text-indent:-9999em;}
/*#sidebar a {line-height:20px;color:#7f7f7f;}*/
#sidebar .cnt {color:#b1b1b1;}
#sidebar .date {}
#sidebar .name {}

.module {overflow:hidden;border-top:3px solid #252525;padding:16px 0;}
/*
.box_sidebar {border-top:3px solid #252525;padding-bottom:16px;}
.box_sidebar ul {overflow:hidden;width:25%;padding-left:0px;}
.box_sidebar a {line-height:20px;color:#7f7f7f;}
*/

/* blog img + blog id */
.blogimg {overflow:hidden;width:220px;letter-spacing:-1px;}
.blogimg img {display:block;width:220px;}
.userID {display:block;margin:7px 0 12px 0;font-weight:bold;color:#252525;text-align:right;}
.blogdesc {padding-bottom:16px;line-height:20px;color:#555;}

/* search */
.search {overflow:hidden;width:218px;height:28px;margin-bottom:20px;border:1px solid #c2c2c2;background:#fff;}
.search input.txt{float:left;width:188px;height:22px;margin-left:5px;padding:3px 0;border:0 none;}
.search input.submit{float:right;width:25px;height:28px;border:0 none;background:url(images/btn_search.gif) 0 8px no-repeat;text-indent:-999px;cursor:pointer;}

/* category */
.wrap_categorybox .tit_category {background:url(images/tit_category_s.gif) no-repeat 5px 11px;}
.wrap_categorybox ul ul{padding:0;}
.wrap_categorybox li li li {margin-bottom:0;padding-left:16px;background:url(images/bul_category.gif) no-repeat 6px 5px;}
/*.wrap_categorybox .selected a {color:#fff;background-color:#6faab8;}
.wrap_categorybox .selected li a {color:#7f7f7f;background-color:transparent;}*/
.wrap_categorybox .ib {cursor:pointer;} /* 카테고리 - 이미지 버튼 */
.wrap_categorybox .branch3 {cursor:pointer;} /* 카테고리 - 트리 셀 */
.wrap_categorybox .c_cnt {margin-right:3px;color:#cf3d2e;} /* 카테고리 - 카테고리 옆 개수 스타일 */
/*.wrap_categorybox .selected .c_cnt {color:#a7ccd3;}*/

/* tag */
.wrap_tagbox .tit_tag {background:url(images/tit_tag_s.gif) no-repeat 5px 11px;}
.wrap_tagbox .list li {display:inline;}
.wrap_tagbox .cloud1 {font-weight:bold;font-size:14px;color:#dd6154;}
.wrap_tagbox .cloud2 {color:#dd6154;}
.wrap_tagbox .cloud3,
.wrap_tagbox .cloud4{background-color:#dbdbdb;}
.wrap_tagbox .cloud5{}

/* recent posts */
.wrap_postbox .tit_posts {background:url(images/tit_post_s.gif) no-repeat 5px 11px;}

/* recent comment */
.wrap_commentbox .tit_comment {background:url(images/tit_comment_s.gif) no-repeat 5px 11px;}
.wrap_commentbox .info_wrap .txt_bar {margin-left:2px;color:#dfdfdf;}

/* notice */
.wrap_noticebox .tit_notice {background:url(images/tit_notice_s.gif) no-repeat 5px 11px;}

/* recent trackback */
.wrap_trackbackbox .tit_trackback {background:url(images/tit_trackback_s.gif) no-repeat 5px 11px;}
.wrap_trackbackbox .info_wrap .txt_bar {margin-left:2px;color:#dfdfdf;}

/* archive */
.wrap_archive .tit_archive {background:url(images/tit_archive_s.gif) no-repeat 5px 11px;}

/* my link */
.wrap_linkbox .tit_link {background:url(images/tit_link_s.gif) no-repeat 5px 11px;}

/* calendar */
#calendar {overflow:hidden;}
#calendar .box_tit {overflow:hidden;width:100%;height:32px;margin-bottom:8px;border-bottom:1px solid #c2c2c2;}
#calendar .box_tit .tit_calendar {float:left;width:66px;height:9px;margin:11px 0 0 5px;border-bottom:0 none;background:url(images/tit_calendar_s.gif) no-repeat 0px 0px;}
#calendar .calendar_month {float:right;margin:5px 4px 0 0;font-weight:bold;font-family:"Times New Roman";color:#252525;}
#calendar .tt-calendar {float:left;width:182px;}
#calendar .tt-calendar th {display:none;}
#calendar .tt-calendar td {width:26px;height:20px;font-size:11px;line-height:20px;font-family:Tahoma;color:#7e7e7e;text-align:center;}
#calendar .tt-calendar .cal_day_sunday {color:#cf3d2e;}/* 달력 Day, 일요일 (td 영역)  */
#calendar .tt-calendar .cal_day_sunday a {}/* 달력 Day, 일요일 (td 영역)  */
#calendar .tt-calendar .cal_day1 {}/* 달력 지난 달 날짜 표시(td) */
#calendar .tt-calendar .cal_day2 {}/* 달력 다음 달 날짜 표시(td) */
#calendar .tt-calendar .cal_day3 {}/* 달력 이번 달 날짜 표시(td) */
#calendar .tt-calendar .cal_day4 {color:#f3f3f3;background:#252525;}/* 달력 오늘 날짜 표시(td) */
#calendar .tt-calendar .cal_day4 a.cal_click:link {color:#f3f3f3;text-decoration:none;}
#calendar .tt-calendar .cal_day4 a.cal_click:visited {color:#f3f3f3;text-decoration:none;}
#calendar .tt-calendar .cal_day4 a.cal_click:hover {color:#f3f3f3;text-decoration:none;}
#calendar .tt-calendar a.cal_click:link{color:#252525;text-decoration:underline;}/* 달력 글쓴 날 링크 스타일 */
#calendar .tt-calendar a.cal_click:visited{color:#252525;text-decoration:underline;}/* 달력 글쓴 날 링크 스타일 */
#calendar .tt-calendar a.cal_click:hover{color:#252525;text-decoration:underline;}/* 달력 글쓴 날 링크 스타일 */

#calendar .calendar_prev{float:left;width:6px;height:12px;margin:44px 14px 0 0;background:url(images/btn_cal_prev.gif) 0 0 no-repeat;text-decoration:none;}
#calendar .calendar_next{float:right;width:6px;height:12px;margin-top:44px;background:url(images/btn_cal_next.gif) 0 0 no-repeat;text-decoration:none;}
#calendar .calendar_prev span, .calendar_next span {display: none;}

/* counter */
#sidebar .wrap_counter {clear:both;margin-top:9px;padding-bottom:14px;}
.wrap_counter .box_counter {overflow:hidden;width:100%;height:24px;margin-bottom:3px;font-size:12px;line-height:24px;font-family:"Times New Roman";color:#7b7b7b;background:url(images/bg_counter.gif) 0 0 no-repeat;}
.box_counter .total,
.box_counter .today,
.box_counter .yesterday {float:left;width:58px;padding-left:8px;}
.box_counter .txt_colon {float:left;margin-right:5px;}
.box_counter .txt_total {float:left;color:#cf3d2e;}

/* tistory + RSS */
#sidebar .wrap_banner {width:100%;overflow:hidden;margin-bottom:18px;}
#sidebar .rss{float:left;margin-top:18px;}
#sidebar .ad_tistory{float:right;margin:17px 2px 0 0;}
#sidebar .btn_tistory {display:block;width:61px;height:11px;background:url(images/btn_tistory.gif) no-repeat 0 0;}

/* ***** footer ***** */
#footer .footMenu {padding-top:26px;font-size:11px;font-family:Dotum;letter-spacing:-1px;}
.footMenu a {}
.footMenu .txt_bar {margin:0 7px;}
#footer p.emailBox {margin: 3px 0 0 10px; font-size: 13px; color: #999999; cursor:default;}
#footer p.copyright {margin:3px 0 22px;font-family:"Times New Roman";letter-spacing:0; cursor:default;}
#footer a {color:#909090;}

.txt_em {margin-right:2px;font-weight:bold;color:#523866;letter-spacing:-1px;}
#content .tistoryProfileLayerTrigger {display:inline;width:0;height:13px;margin:0 0 0 4px;padding:3px 0 0 40px;}

/* bx슬라이더 */
.bx-pager {display:block;}

/* PC전용 */
 #ttItemGroup1517796714 {display:block;}

/*
 * FlexSlider v2.6.3
 */
@font-face {
    font-family: 'flexslider-icon';
    src: url('fonts/flexslider-icon.eot');
    src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.flex-container a:hover, .flex-slider a:hover {
    outline: none;
}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
    width: 100%;
    display: block;
}
.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .flexslider .slides {
    display: block;
}
* html .flexslider .slides {
    height: 1%;
}
.no-js .flexslider .slides > li:first-child {
    display: block;
}
.flexslider {
    margin: 0 0 60px; /*background: #fff;border: 4px solid #fff;*/
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
    zoom: 1;
}
.flexslider .slides img {
    height: auto;
    -moz-user-select: none;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport {
    max-height: 300px;
}
.carousel li {
    margin-right: 5px;
}
.flex-direction-nav {
    *height: 0;
    margin-bottom: 0px !important;
}
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.flex-direction-nav .flex-prev {
    left: 0px;
}
.flex-direction-nav .flex-next {
    right: 0px;
    text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}
.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
}
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 1;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

.flex-pauseplay a:hover {
    opacity: 1;
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    text-align: left;
    text-indent: 10px;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #d0cfcf;
    background: rgba(208, 207,207 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 0 5px !important;
}
.flex-control-paging li a:hover {
    background: #dddddd;
    background: rgba(221,221,221, 0.7);
}
.flex-control-paging li a.flex-active {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    cursor: default;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}
.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.flex-control-thumbs img:hover {
    opacity: 1;
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

body {
    background-color: #fff;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-family: 'Nanum Gothic', serif !important;
}
a:link, a:visited, a:active {
    text-decoration: none !important;
    outline: none;
}
div#ttCanvas {
    margin-left: 0px !important;
}
body.tistory_grid_980 div#ttCanvas .tt-span-3-thumb_ratio-7_4 {
    max-height: 420px;
    height: auto !important;
}
h4.mobiledetailTitle, #recentMobile, .Mobile_allBtn, .Mobile_searchBtn, .mobileSearchWrap, #mobileCate, #snsWrapMobile {
    display: none;
}
#header {
    width: 100%;
    margin: 0 auto;
    height: 1%;
    padding: 45px 0 0px;
    text-align: center;
    background: none;
}
#header .headerInner {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
#header button.allBtn {
    position: absolute;
    left: 0;
    top: 30px;
}
#header button.allBtn:active, #header button.allBtn:hover {
    outline: none;
    border: none;
}
#header h1 a {
    display: block;
    position: relative;
    width: 254px;
    height: 48px;
    margin: 0 auto 45px auto;
    background: none;
    cursor: pointer;
}
#header .searchWrap {
    position: absolute;
    right: 0;
    top: 40px;
}
#header .searchform {
    border-bottom: 1px solid #cfcfcf;
    width: 200px;
}
#header #PC_search {
    width: 150px;
    margin: 0 5px;
    height: 30px;
    border: none;
}
#header #PC_search:focus, #header #PC_search:active {
    outline: none;
}
#header .searchform  button {
    padding: 5px;
}
#container {
    width: 100%;
    position: relative;
}
.actionTrail {
    margin-top: 5px;
}
.actionTrail a {
    color: #444;
}
.wrap {
    background: none;
    position: relative;
}
.wrap, #ttCanvas, .wrap_inner, .tt-wrap-inner-item, body.tistory_grid_980 div#ttCanvas .tt-span-12 {
    width: 1000px;
}
.wrap_inner {
    margin-top: 0;
}
.wrap_inner {
    background: none;
}
div#ttCanvas div.tt-panel {
    padding-top: 24px !important;
}
.tt_category, .category_list {
    display: none !important;
}
/* 해시태그 탭 부분 */
#maintab {
    width: 100%;
    display: inline-block;
    border-top: 0px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
#maintab .tab-list {
    list-style: none;
    border-bottom: 2px solid #cbc7c7;
    border-top: 3px solid #003e6c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#maintab .tab-list li {
    float: left;
    width: 25%;
    padding: 10px 0px;
    display: block;
    background-color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#maintab .tab-list li a {
    color: #57595b;
    font-size: 18px;
    font-family: 'Nanum Gothic', serif;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
#maintab .tab-list .active {
    position: relative;
}
#maintab .tab-list .active:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -15px;
    background-image: url('./images/arrow_back.png');
    z-index: 10;
    background-repeat: no-repeat;
    left: 0;
    width: 250px;
    height: 15px;
}
#maintab .tab-list .active a {
    color: #003e6c;
    background-color: #fff;
    text-decoration: none;
    font-weight: 700;
}
#maintab .tab-list:after {
    content: " ";
    display: block;
    clear: both;
}

#maintab .tab-content .tab-panel {
    display: none;
    width: 100%;
}

#maintab .tab-content .tab-panel.active {
    display: block;
    border-bottom: 1px solid #bdbdbd;
}
#maintab .tt-post-thumb {
    margin-left: 0 !important;
    margin-top: 0px !important;
    width: 100% !important;
    height: 100% !important;
    position: relative;
    z-index: 2;
}
#maintab .tt-span-3 {
    width: 25% !important;
    margin-right: 0 !important;
    position: relative;
    height: 195px;
    background-size: auto 100%;
    background-position: center center;
}
body.tistory_grid_980 div#ttCanvas .tt-span-3-border {
    width: 100% !important;
    border: none !important;
    /*min-height: 218px;*/
}
body.tistory_grid_980 div#ttCanvas .tt-span-3-thumb_ratio-4_3 {
    height: auto !important;
}
#maintab .tt-span-3-thumb_ratio-4_3 {
    height: auto !important;
    overflow: hidden !important;
}
#maintab .tab-content .mask {
    display: table !important;
    position: absolute;
    width: 100%;
    height: 100% !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    background-color: #fff;
    background: rgba(255,255,255,.0);
    z-index: 1;
}
#maintab .tt-post-title.tt-clear {
    opacity: 0;
    display: table-cell !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0px;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    line-height: 1.4;
    vertical-align: middle !important;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Nanum Gothic', serif !important;
}
#maintab .tt-post-title.tt-clear a {
    display: block;
    width: 100%;
    font-family: 'Nanum Gothic', serif !important;
    padding: 27% 3%;
}
#maintab .tab-content .tt-post-title a span.tagName {
    display: block;
}
#maintab .tab-content .tt-post-title a:hover {
    text-decoration: none;
}

/* 최신컨텐츠*/
#recentWrap {
    width: 68%;
    display: inline-block;
    border: 1px solid #dbdbdb !important;
    margin-top: 23px !important;
}
#recentWrap .bannerBox {
    float: left;
    width: 174px;
}
#recentWrap .listBox {
    display: inline-block;
    width: 72%;
    float: left;
    height: 100%;
    overflow: hidden;
    padding: 20px 20px 2px 10px
}
#recentWrap .listBox .tt-post-title {
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    padding-top: 4px;
    color: #414141;
    font-weight: normal;
    font-family: 'Nanum Gothic', serif;
}
#recentWrap .listBox .tt-post-title a {
    font-family: 'Nanum Gothic', serif !important;
}
.vod {
    float: right;
    display: block;
    margin-top: 23px !important;
}
.vod #vodFrame {
    width: 295px;
    height: 230px;
}
.showBanner {
    float: left;
    margin-top: 0px !important;
    display: block;
}
.showBanner a {
    display: block;
}
#recentWrap  .catePonint {
    margin-right: 5px;
    color: #003e6c;
    font-weight: bold;
}
#vodBannerBox {
    width: 100%;
    display: inline-block;
    margin: 33px 0 50px 0 !important;
}
#vodBannerBox ul {
    overflow: hidden;
}
#vodBannerBox ul li {
    float: left;
    width: 23.5%;
    text-align: left;
    margin-right: 2%
}
#vodFrame {
    width: 235px;
    height: 170px;
}

/* gnb */
.box_sidebar {
    border-top: 0px solid #252525;
    padding-bottom: 0px !important;
}
.tt_category {
    margin-bottom: 0 !important;
}
#gnb {
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    height: 69px;
}
#gnb ul#topnav {
    margin: 0 auto;
    padding: 0;
    width: 1000px !important;
    list-style: none;
    position: relative;
    font-size: 1.2em;
    z-index: 40;
}
#gnb ul#topnav li {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
}
#gnb ul#topnav li.big_00 a, #gnb ul#topnav li.big_01 a, #gnb ul#topnav li.big_02 a, #gnb ul#topnav li.big_03 a {
    padding: 19px 0;
    display: block;
    color: #414141;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
}
#gnb ul#topnav li.big_00.active, #gnb ul#topnav li.big_01.active, #gnb ul#topnav li.big_02.active, #gnb ul#topnav li.big_03.active {
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    background-image: url('./images/blue_back_03.jpg');
    background-position: bottom left;
    background-repeat: repeat-x;
}
#gnb ul#topnav li.big_00.active > a, #gnb ul#topnav li.big_01.active > a, #gnb ul#topnav li.big_02.active > a, #gnb ul#topnav li.big_03.active > a {
    color: #0070bd;
}
#gnb ul#topnav li .subCate {
    float: left;
    padding: 0;
    position: absolute;
    left: 0;
    top: 68px;
    display: none;
    width: 25%;
    font-size: 17px;
    min-height: 150px;
    background: #fbfbfb;
    z-index: 40;
    text-align: left;
    text-indent: 70px;
    padding: 10px 0;
    height: 150px;
}
#gnb ul#topnav li .subCate li a {
    color: #414141;
    padding: 5px 0;
    font-weight: normal;
    font-size: 18px;
    letter-spacing:-1px;
}
#gnb ul#topnav li .subCate li a:hover {
    color: #0070bd;
    font-weight: bold;
}
#gnb ul#topnav li .subCate_00 {
    left: 0;
    border-left: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}
#gnb ul#topnav li .subCate_01 {
    left: 250px;
    border-bottom: 1px solid #cfcfcf;
}
#gnb ul#topnav li .subCate_02 {
    left: 500px;
    border-bottom: 1px solid #cfcfcf;
}
#gnb ul#topnav li .subCate_03 {
    left: 750px;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}
#gnb ul#topnav li .subCate_00 li, #gnb ul#topnav li .subCate_01 li, #gnb ul#topnav li .subCate_02 li, #gnb ul#topnav li .subCate_03 li {
    float: none;
    width: 100%;
}
#scrollTop {
    width: 54px;
    height: 54px;
    top: 235px;
    left: 50%;
    position: absolute;
    text-align: center;
    margin-left: 520px;
    cursor: pointer;
    /*display: none;*/
}
#snsWrap {
    width: 29.7%;
    display: inline-block;
    border: 1px solid #ddddde !important;
    border-right: 0 !important;
    float: left;
}
#groupWrap {
    width:100%;
    display: inline-block;
    background-color: #fff;
    float: left;
    border: 1px solid #dedede !important;
    border-top: 4px solid #004a80 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
#groupWrap .layer2 .groupTitleWrap {
    width: 100%;
    border-bottom: 1px solid #dedede;
    overflow: hidden;
    padding: 15px 25px !important;
}
#groupWrap .layer2 h2.tt-item-title {
    width: 50% !important;
    float: left;
    margin-bottom: 0 !important;
    margin-top: 5px;
}
div#ttCanvas #ttItem5235 .layer2 .tt-item-title .tt-item-title-inner,
#groupWrap .layer2 .tt-item-title-inner {
    font-size: 30px;
    font-weight: bolder;
    color: #004a80;
    font-family: 'Nanum Gothic', serif;
}
div#ttCanvas #ttItem5235 .layer1 .tt-item-title .tt-item-title-inner{
    font-size: 22px;
    font-weight: bold;
    color: #fff !important;
    font-family: 'Nanum Gothic', serif;
}
#groupWrap .layer2 button#layerBtn {
    width: 30%;
    float: right;
    text-align: right;
}
#groupWrap .layer2 button#layerBtn:active, #groupWrap .layer2 button#layerBtn:focus {
    outline: none;
}
#groupWrap .layer2 .listBox {
    padding: 13px 25px;
    width: 100%;
    display: inline-block;
    height: 325px;
}
#groupWrap .layer2 .listBox li {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    padding-top: 4px;
    font-size: 17px;
    font-weight: normal;
    font-family: 'Nanum Gothic', serif;
}
#groupWrap .layer2 .listBox li a {
    color: #414141;
}
#groupWrap .catePonint {
    margin-right: 5px;
    color: #003e6c;
    font-weight: bold;
}
#groupWrap .layer1 {
    position: absolute;
    top: 0;
    z-index: 10;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
    background-color: #003e6c;
    background: rgba(0,62,108,.95);
    width: 100%;
    display: none;
}
#groupWrap .layer1 .groupTitleWrap {
    width: 100%;
    border-bottom: 0;
    overflow: hidden;
    padding: 15px 25px !important;
}
#groupWrap .layer1 h2.tt-item-title {
    width: 50% !important;
    float: left;
    margin-bottom: 0 !important;
    margin-top: 5px;
}
#groupWrap .layer1 .tt-item-title-inner {
    font-size: 30px;
    font-weight: bolder;
    color: #004a80;
    font-family: 'Nanum Gothic', serif;
    color: #fff !important;
}
#groupWrap .layer1 button#layerBtnInner {
    width: 30%;
    float: right;
    text-align: right;
}
#groupWrap .layer1 button#layerBtnInner:active, #groupWrap .layer1 button#layerBtnInner:focus {
    outline: none;
}
#groupWrap .layer1 .listBoxOther {
    overflow: hidden;
    padding: 15px 25px !important;
}
#groupWrap .layer1 .listBoxOther ul.list03 {
    width: 22%;
    float: left;
}
#groupWrap .layer1 .listBoxOther ul.list01, #groupWrap .layer1 .listBoxOther ul.list02 {
    border-right: 1px solid #5e91b8;
    width: 30%;
    margin-right: 5%;
    float: left;
}
#groupWrap .layer1 .listBoxOther ul li {
    padding-bottom: 8px;
}
#groupWrap .layer1 .listBoxOther ul li a {
    color: #5e91b8;
    font-size: 17px;
}
#snsWrap .titleWrap {
    padding: 7px 15px 8px 15px;
    overflow: hidden;
}
#snsWrap .titleWrap h2 {
    float: left;
    width: 70%;
}
#snsWrap .instagramSNs .titleWrap h2 img {
    margin-top: 5px;
}
#snsWrap .instagramSNs .titleWrap button, #snsWrap .facebookSNS .titleWrap button {
    float: right;
    padding: 8px 0;
    height:36px;
}
#snsWrap .titleWrap button {
    float: right;
}
#snsWrap .facebookSNS .contentsWrap {
    border-bottom: 1px solid #ddddde !important;
}
#snsWrap .contentsWrap {
    display: table;
    background-color: #f4f4f4;
    padding: 11px 6px 11px 6px;
}
#snsWrap .contentsWrap .imgBox {
    /*display: table-cell;
    width: 40%;*/
    vertical-align: middle;
    text-align: center;
    height: 109px;
    overflow:hidden;
}
#snsWrap .contentsWrap .imgBox img {
    width: 90%;
}
#snsWrap .contentsWrap .textBox {
    display: table-cell;
    width: 59%;
    margin-left: 1%;
    vertical-align: middle;
    text-align: left;
}
#snsWrap .contentsWrap .textBox .snsName {
    color: #414141;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Nanum Gothic', serif;
}
#snsWrap .contentsWrap .textBox .date {
    color: #414141;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Nanum Gothic', serif;
}

#snsWrap .contentsWrap .textBox p.contentText {
    margin-top: 5px;
    margin-top: 6px\0/IE8 +9;
    font-size: 14px;
    color: #414141;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    font-weight: bold;
    height: 2.8em;
    height: 40px;
}
#footer {
    width: 100%;
    border-top: 3px solid #f0f0f0;
    font-size: 11px;
    font-family: 'Nanum Gothic', serif;
    color: #b2b2b2;
    text-align: left !important;
    clear: both;
}
#footer .footerInner {
    width: 1000px;
    margin: 0 auto;
    padding: 20px 0;
    position: relative;
}
#footer .footerInner .logoBox {
    float: left;
}
#footer .footerInner .rightMenu {
    float: left;
    width: 40%;
    position: relative;
    margin-left:13px;
}
#footer .footerInner .rightMenu  ul {
    overflow: hidden;
    margin-top: 20px;
}
#footer .footerInner .rightMenu  ul li {
    float: right;
    position: relative;
    margin: 0 10px;
}
#footer .footerInner .rightMenu  ul li a {
    display: block;
    font-size: 13px;
}
#footer .footerInner .rightMenu  ul li a:after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 1px;
    height: 100%;
    background-color: #b4b4b4;
}
#footer .footerInner .rightMenu  ul li.noline a:after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 1px;
    height: 100%;
    background-color: #fff;
}
#footer .footerInner .rightMenu p.emailBox {
    font-size: 13px;
}
#footer .footerInner .rightMenu p.copyright {
    display: inline-block;
    text-align: left;
    width: 99%;
    font-size: 13px;
    font-family: 'Nanum Gothic', serif;
    color: #999999;
    margin-left:10px;
}

#footer .footerInner .sitemap {cursor:pointer; float:right; position:relative; margin:22px 0 45px 0;}
#footer .footerInner .sitemap img.btn {margin:0; padding:0;}
#footer .footerInner .sitemap ul {
    display:none;
    position: absolute;
    width: 220px;
    left: 0px;
    bottom: 48px;
    background: rgba(255,255,255,0.9);
    border: solid 1px #e6e6e6;
    padding: 6px 18px;
    z-index: 998;
    border-radius:5px;
    box-sizing:border-box;
}

#footer .footerInner .sitemap ul li {line-height:30px;}
#footer .footerInner .sitemap ul li a {font-size:16px; font-weight:bolder;}


#mainSlideBanner {
    display: inline-block;
    width: 100%;
    height: 100%;
}
#mainSlideBanner #mainSlide {
    width: 76% !important;
    float: left;
}
#mainSlideBanner #mainSlide .slides {
    width: 100%;
    overflow: hidden;
}
#mainSlideBanner #mainSlide .slides .tt-span-3.tt-last {
    width: 100% !important;
    position: relative;
    height: 420px;
    background-size: 100% 100%;
    background-position: center center;
}
#mainSlideBanner #mainSlide .slides .tt-span-3.tt-last .tt-post-title {
    position: absolute;
    opacity: 1;
    bottom: 70px;
    left: 10px;
    font-size: 26px !important;
    width: 95%;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    color: #fff !important;
}
#mainSlideBanner #mainSlide .slides .tt-span-3.tt-last .tt-post-etcinfo {
    position: absolute;
    bottom: 50px;
    left: 10px;
    font-size: 20px !important;
}
#mainSlideBanner #mainSlide .slides .tt-span-3.tt-last .tt-post-title a {
    color: #fff !important;
    font-family: 'Nanum Gothic', serif;
}
#mainSlideBanner #mainSlide .slides .tt-span-3.tt-last .tt-post-etcinfo span {
    color: #fff !important;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Nanum Gothic', serif;
    opacity: 1 !important;
}
#mainSlideBanner #mainSlide .slides .tt-span-3.tt-last a img {
    margin-left: 0 !important;
    width: 100%;
    height: 100%;
    margin-top: 0 !important;
    max-height: 420px;
}
#mainSlideBanner .tt-span-3.tt-last.banner {
    float: right;
    width: 100% !important;
    height: 140px;
    position: relative;
    display: table;
    overflow: hidden;
}
#mainSlideBanner .tt-span-3.tt-last.banner a.tt-span-3-border {
    height: 140px !important;
    margin-bottom: 0px !important;
}
#mainSlideBanner .tt-span-3.tt-last.banner a img.tt-post-thumb {
    width: 100%;
    margin-left: 0 !important;
    margin-top: 0 !important;
    position: relative;
    z-index: 2;
    height: 140px;
}
#mainSlideBanner #mainSlide .flex-control-nav.flex-control-paging {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 30px;
}
#mainSlideBanner #mainSlide .flex-control-paging li a.flex-active {
    background: #0070bd;
    background: rgba(0, 112, 189, 0.9);
}
#mainSlideBanner #mainSlide .flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #fff;
    background: rgba(255,255,255 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 0 5px !important;
}
#mainSlideBanner #mainSlide .flex-direction-nav .flex-prev {
    width: 48px;
    height: 55px;
    left: 10px;
    background-image: url('./images/large_slide_left.png');
    top: 50%;
    margin-top: -30px;
}
#mainSlideBanner #mainSlide .flex-direction-nav .flex-next {
    width: 48px;
    height: 55px;
    right: 10px;
    background-image: url('./images/large_slide_right.png');
    top: 50%;
    margin-top: -30px;
}

#mainSlideBanner .tt-span-3.tt-last.banner .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: table;
    height: 140px;
    overflow: hidden;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    background-color: #000;
    background: rgba(0,0,0,.8);
    z-index: 1;
}
#mainSlideBanner .tt-span-3.tt-last.banner .tt-post-title {
    width: 100%;
    height: 100%;
    display: table !important;
    vertical-align: middle !important;
    font-family: 'Nanum Gothic', serif;
}
#mainSlideBanner .tt-span-3.tt-last.banner .tt-post-title a {
    display: table-cell;
    padding-left: 10px;
    height: 130px;
    padding-right: 50px;
    color: #fff;
    overflow: hidden;
    line-height: 1.4;
    font-size: 14px;
    vertical-align: bottom !important;
    text-align: left;
    padding-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Nanum Gothic', serif;
}
#mainSlideBanner .tt-span-3.tt-last.banner .tt-post-date {
    color: #fff;
    display: block !important;
    width: 100%;
    font-size: 10px;
    margin-top: 5px;
    font-family: 'Nanum Gothic', serif;
}
/*카테고리 페이지*/
.wrap {
    padding-top: 0px;
}
.wrap #cateLeftBox {
    width: 70.5%;
    float: left;
    margin-top: 40px;
}
.wrap #cateRightBox {
    width: 24.5%;
    float: right;
    margin-top: 70px;
}
#paging {
    width: 70.5%;
    float: left;
    padding: 6px 0 24px 0;
    text-align: center;
    display: block;
}
.mobilePaging {
    display: none;
    width: 100%;
    float: none;
    clear: both;
    padding: 20px 0 24px 0;
    text-align: center;
}
#paging:after {
    clear: both;
}
#cateLeftBox h3 {
    color: #003e6c;
    font-size: 30px;
    font-weight: bold;
    border-bottom: 5px solid #003e6c;
    margin-top: 0;
    padding-bottom: 10px;
    font-family: 'Nanum Gothic', serif;
    margin-bottom: 30px;
}
#cateLeftBox h4 {
    color: #585858;
    font-size: 18px;
    font-family: 'Nanum Gothic', serif;
    margin-bottom: 30px;
}
#cateLeftBox h4 .txt_em {
    color: #0070bd;
    font-weight: bold;
}
#cateLeftBox .wrap_search li {
    position: relative;
    width: 225px;
    margin-right: 15px;
    float: left;
    border: 1px solid #e6e6e6;
    margin-bottom: 25px;
    overflow: hidden;
}
#cateLeftBox .searchList_thumb {
    width: 225px;
    height: auto;
    cursor: pointer;
}
#searchList .searchList_thumb img {
    width: 168px;
    height: 112px;
}
#cateLeftBox .wrap_search li.listNum.listNum2, #cateLeftBox .wrap_search li.listNum.listNum5, #cateLeftBox .wrap_search li.listNum.listNum8, #cateLeftBox .wrap_search li.listNum.listNum8, #cateLeftBox .wrap_search li.listNum.listNum11 {
    margin-right: 0px;
}
#cateLeftBox .searchList_title {
    padding: 1% 2% 0 2%;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 95%;
    overflow: hidden;
}
#cateLeftBox .searchList_title .ellipsis {
    color: #595959;
    font-size: 14px;
    font-family: 'Nanum Gothic', serif;
    font-weight: bold;
}
#cateLeftBox .searchList_content span.date {
    padding: 2%;
    color: #595959;
    font-size: 12px;
    display: block;
}
#paging .link_next, .mobilePaging .link_next {
    float: left;
    width: 23px;
    height: 23px;
    padding-left: 9px;
    text-indent: -9999em;
    cursor: pointer;
}
#paging .no-more-prev, .mobilePaging .no-more-prev {
    float: left;
    width: 23px;
    height: 23px;
    cursor: default;
}
#paging .link_prev, .mobilePaging .link_prev {
    background-image: url('./images/paging_left.jpg');
}
#paging .link_next, .mobilePaging .link_next {
    background-image: url('./images/paging_right.jpg');
}
#paging .num span, .mobilePaging .num span {
    display: block;
}

/* paging */
#paging .inner, .mobilePaging .inner {
    display: table;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}
#paging .numbox, .mobilePaging .numbox {
    float: left;
    font-size: 11px;
    line-height: 18px;
    font-family: Tahoma;
}
#paging .num, .mobilePaging .num {
    float: left;
    border-right: 0px;
    color: #737373;
    cursor: pointer;
}
#paging .interword, .mobilePaging .interword {
    float: left;
    padding: 0 0 0 0px;
    margin-right: 0px;
    color: #737373;
}/* 1 ... 10 11 12 페이지중략 */
#paging .num span, .mobilePaging .num span {
    display: block;
    padding: 2px 0 2px 0;
    border: 1px solid #eaeaea;
    margin: 0 5px;
}
#paging .link_prev, #paging .link_next, .mobilePaging .link_prev, .mobilePaging .link_next {
    float: left;
    width: 23px;
    height: 23px;
    text-indent: -9999em;
    cursor: pointer;
    border: none;
}
#paging .link_prev, .mobilePaging .link_prev {
    background-image: url('./images/paging_left.jpg');
    background-position: top center;
    margin-right: 5px;
}
#paging .link_next, .mobilePaging .link_next {
    background-image: url('./images/paging_right.jpg');
    border: none;
    background-position: top center;
    margin-left: 5px;
}
/* 페이징 - 현재 페이지 */
#paging .num .selected, .mobilePaging .num .selected {
    display: block;
    padding: 2px;
    background-color: #0070bd;
    border: 1px solid #0070bd;
    color: #fff;
}
#paging .no-more-prev, .mobilePaging .no-more-prev {
    float: left;
    width: 23px;
    height: 23px;
    cursor: default;
    margin-right: 0px;
    border: none;
    margin-right: 5px;
}
#paging .no-more-next, .mobilePaging .no-more-next {
    float: left;
    width: 23px;
    height: 23px;
    cursor: default;
    border: none;
    margin-left: 5px;
}
/*카테고리 페이지 사이드 바*/
.slideBanner img {
    width: 100%;
}
#sideSnsWrap, #sideDetailSnsWrap {
    width: 100%;
    display: inline-block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#sideSnsWrap .titleWrap, #sideDetailSnsWrap .titleWrap {
    padding: 7px 10px 8px 10px;
    overflow: hidden;
    background-color: #fff;
}
#sideSnsWrap .titleWrap h2, #sideDetailSnsWrap .titleWrap h2 {
    float: left;
    width: 60%;
    margin: 0;
}
#sideSnsWrap .titleWrap h2, #sideDetailSnsWrap .titleWrap h2 img {
    width: 60%;
    min-width: 100px;
}
#sideSnsWrap .facebookSNS, #sideDetailSnsWrap .facebookSNS {
    margin: 30px 0 10px 0;
    border: 1px solid #ddddde !important;
    background-color: #fff !important;
}
#sideSnsWrap .instagramSNs, #sideDetailSnsWrap .instagramSNs {
    border: 1px solid #ddddde !important;
}
#sideSnsWrap .facebookSNS .titleWrap button, #sideDetailSnsWrap .facebookSNS .titleWrap button {
    float: right;
    padding: 5px 0;
}
#sideSnsWrap .titleWrap button, #sideDetailSnsWrap .titleWrap button {
    float: right;
    padding: 5px 0;
}
#sideSnsWrap .facebookSNS .contentsWrap, #sideDetailSnsWrap .facebookSNS .contentsWrap {
    border-bottom: 1px solid #ddddde !important;
}
#sideSnsWrap .contentsWrap, #sideDetailSnsWrap .contentsWrap {
    display: table;
    background-color: #f4f4f4;
    padding: 11px;
}
#sideSnsWrap .contentsWrap .imgBox, #sideDetailSnsWrap .contentsWrap .imgBox {
    display: table-cell;
    width: 40%;
    vertical-align: middle;
    overflow: hidden;
    text-align: left;
    min-width: 77px;
}
#sideSnsWrap .contentsWrap .imgBox img, #sideDetailSnsWrap .contentsWrap .imgBox img {
    width: 100%;
}
#sideSnsWrap .contentsWrap .textBox, #sideDetailSnsWrap .contentsWrap .textBox {
    display: table-cell;
    width: 51%;
    padding-left: 3%;
    vertical-align: middle;
    text-align: left;
}
#sideSnsWrap .contentsWrap .textBox .snsName, #sideDetailSnsWrap .contentsWrap .textBox .snsName {
    color: #414141;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Nanum Gothic', serif;
    margin-bottom: 0px;
}
#sideSnsWrap .contentsWrap .textBox .date, #sideDetailSnsWrap .contentsWrap .textBox .date {
    color: #414141;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Nanum Gothic', serif;
}

#sideSnsWrap .contentsWrap .textBox p.contentText, #sideDetailSnsWrap .contentsWrap .textBox p.contentText {
    margin-top: 5px;
    margin-top: 6px\0/IE8 +9;
    font-size: 14px;
    color: #414141;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    font-weight: bold;
    height: 2.8em;
    height: 40px;
    margin-bottom: 0;
}
/*글보기*/
.wrap_posting {
    overflow: hidden;
    width: 70.5%;
    margin-bottom: 17px;
    padding-bottom: 27px;
    border-bottom: 0px;
}
.wrap_posting .wrap_content {
    width: 100%;
}
.wrap_posting .article {
    overflow: hidden;
    width: 100%;
    padding-top: 20px;
    line-height: 1.7;
    font-size: /*@post-body-font-size*/12px/*@*/;
    font-family: /*@post-body-font-family*/Dotum/*@*/;
    color: /*@post-body-color*/#777/*@*/;
}
.wrap_posting .wrap_content .tit {
    overflow: hidden;
    width: 100%;
    padding: 2px 0 11px 0;
    border-bottom: 1px solid #c2c2c2;
    letter-spacing: -1px;
}
.wrap_comment .tf_desc {
    width: 100%;
}
.wrap_content .categorydataTimeWrap {
    border-top: 1px solid #585858 !important;
    border-bottom: 1px dotted #585858;
    padding: 12px 0;
    margin-bottom:10px;
}
.wrap_content .categorydataTimeWrap span{font-size: 10pt !important;}
.wrap_content .categorydataTimeWrap a {
    font-size: 15px;
    color: #585858;
    font-family: 'Nanum Gothic', serif;
    font-weight: bold;
}
.wrap_content .categorydataTimeWrap .dataTime {
    float: right;
}
.wrap_content .categorydataTimeWrap:after {
    content: "";
    clear: both;
}
.wrap_posting .wrap_content .tit {
    overflow: hidden;
    width: 100%;
    font-weight: bold;
    padding: 0px 0 0px 0;
    border-bottom: 0px;
}
.wrap_posting .wrap_content .tit a {
    color: #0070bd;
    font-family: 'Nanum Gothic', serif;
}
.wrap_posting.tedition_section {
    width: 100%;
}
.wrap_content #detailLeftBox {
    width: 70.5%;
    float: left;
}
.wrap_content #detailRightBox {
    width: 24.5%;
    float: right;
}
#detailRightSlide {
    margin-bottom: 30px;
}
#detailRightSlide .slides li {
    position: relative;
    max-height: 270px;
    overflow: hidden;
}
#detailRightSlide .slides img {
    min-height: 270px !important;
    width: 100%;
    text-align: center;
    display: block;
    margin: 0 auto;
}
#detailRightSlide .flex-caption {
    position: absolute;
    width: 100%;
    padding: 2%;
    left: 0;
    bottom: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    background-color: #000;
    background: rgba(0,0,0,.8);
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 22px;
    max-height: 53px;
    display: block !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#detailRightSlide .flex-direction-nav .flex-prev {
    width: 20px;
    height: 25px;
    left: 10px;
    background-image: url('./images/side_a_l.png');
    top: 50%;
    margin-top: -25px;
}
#detailRightSlide .flex-direction-nav .flex-next {
    width: 25px;
    height: 25px;
    right: 10px;
    background-image: url('./images/side_a_r.png');
    top: 50%;
    margin-top: -25px;
}
.another_category {
    border: 1px solid #E5E5E5;
    padding: 0px 0px !important;
    margin: 10px 0;
    clear: both;
}
.another_category th {
    width: 50% !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.another_category h4 {
    font-size: 20px !important;
    margin: 0 !important;
    border-bottom: 1px solid #E5E5E5 !important;
    padding: 20px 10px !important;
    font-family: 'Nanum Gothic', serif;
    background-color: #003e6c;
    color: #fff !important;
}
.another_category h4 a {
    color: #fff !important;
}
.cateBanner {
    margin-bottom: 40px;
}
.wrap_comment .wrap_cmtwrite {
    background: none;
}
.another_category table th a {
    padding: 5px 0px !important;
    margin: 0 10px;
    font-size: 14px;
    color: #414141;
}
.another_category table td {
    padding: 0px 10px 0 0 !important;
    font-size: 14px;
    color: #414141;
}
.wrap_comment .box_tf {
    position: relative;
    height: 24px;
}
input#homepage, input#password, input#name {
    position: absolute;
    right: 0;
}
.another_category th a.current {
    font-weight: bold;
    text-decoration: none !important;
    border-bottom: 0px !important;
}
.wrap_btn {
    text-align: center;
}
.wrap_comment .tf_desc {
    resize: none;
}
.wrap_comment .btn_submit {
    width: 158px;
    height: 38px;
    background-image: url('./images/comment_btn.jpg');
}
.slideBanner {
    display: block;
}
.slideBanner.mobile {
    display: none;
}
.slideImgdiv {
    width: 100%;
    height: auto;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    position: relative;
    padding-bottom:93%;
}
#groupWrap .layer2 .cateTitle {
    color: #004a80;
    margin-right: 5px;
    font-weight: bold;
}

#ttItemGroup1517796714 #ttItem1517796715 {font-family: 'Nanum Gothic', serif !important;}


.main_banTopBox{margin-bottom:25px !important;}
div#ttCanvas #ttItem8705 {
    padding-bottom: 0px !important;
}

body.tistory_grid_980 div#ttCanvas .tt-span-3 a img {border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}


/*************************************** PC bx 슬라이더 시작 *****************************************/
div#ttCanvas .hotpost_container {
    max-width: 1000px;
    margin: 0px auto 40px auto;
    position: relative;
    overflow: hidden;
}
div#ttCanvas .hotpost_container .rollbanner .thumb {
    position: relative;
    max-width: 620px;
    height: 337px;
}
div#ttCanvas .hotpost_container .rollbanner .thumb li {
    width: 100%;
    height: 420px;
    overflow: hidden;
    position: relative;
    padding-bottom: 0px;
    overflow: hidden;
    position: relative;
}
div#ttCanvas .hotpost_container .rollbanner .thumb li img {width:620px; max-width:none !important;}
div#ttCanvas .hotpost_container .rollbanner .thumb .btn_left {
    display:none;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -18px;
    z-index: 99;
    cursor: pointer;
    cursor: hand;
}
div#ttCanvas .hotpost_container .rollbanner .thumb .btn_right {
    display:none;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -18px;
    z-index: 99;
    cursor: pointer;
    cursor: hand;
}
div#ttCanvas .hotpost_container .rollbanner .desc {
    text-align: center;
    position: absolute;
    top: 0px;
    right: -5px;
    width: 375px;
    height: 337px;
    background: url(./images/hotpost_right_bg2.png) no-repeat;
}
div#ttCanvas .hotpost_container .rollbanner .desc .slide {
    padding: 85px 55px 0 55px;
}
div#ttCanvas .hotpost_container .rollbanner .desc .slide li {
    display: none;text-align: left;
}
div#ttCanvas .hotpost_container .rollbanner .desc .slide li:first-child {
    display: block;
}
div#ttCanvas .hotpost_container .rollbanner .desc .slide h4 {
    font-size: 19px;
    font-weight: bold;
    color: #fff;
    line-height: 26px;
    max-height: 50px;
    overflow: hidden;
}
div#ttCanvas .hotpost_container .rollbanner .desc .slide h4 a {color: #fff;}
div#ttCanvas .hotpost_container .rollbanner .desc .slide li .titleBar {
        width:30px;height:6px;background:#fff;margin: 9% 0%;
}
div#ttCanvas .hotpost_container .rollbanner .desc .slide p {
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    height: 54px;
    overflow: hidden;
    line-height: 26px;
    display: block;
}
div#ttCanvas div.tt-panel {
    padding-top: 0px !important;
}
#maintab .tab-content{
    display:none;
}
#maintab .tab-list {
    border-bottom: 1px solid #cbc7c7;
        border-left: 1px solid #cbc7c7;
        border-right: 1px solid #cbc7c7;
}
#maintab .tab-list .active:after{
    display:none;
}
#maintab .tab-list li {
    padding: 17px 0px 15px !important;
}


body.tistory_grid_980 div#ttCanvas .tt-span-3 {
    width: 245px !important;
        height:245px !important;
      margin-bottom: 7px;
}
body.tistory_grid_980 div#ttCanvas .tt-span-3 a img{
        width:100%;
        max-width:245px !important;
        height:100%;
      margin: 0px !important;
}
#ttItemGroup1517796714 #ttItem1517796715>h2{
        font-size: 18px !important;
        color:#003e6c;
        font-weight: 600;
      text-indent: 10px;
    margin-bottom:1.5%;
}
#ttItemGroup1517796714 #ttItem1517796715>ul>li{
        max-width: 749px !important;
        width:100%;
}
#ttItemGroup1517796714 #ttItem1517796715 ul li .tt-last{
        margin-right:0px !important;
}
#ttItemGroup1517796714 #ttItem1517796715 ul li .tt-span-3{
        margin-right:7px;
}
#ttItemGroup1517796714 #ttItem1517796715 ul li .tt-span-3 .mainTitleBox{
        width:100%;
        height:37px;
        padding: 1.9% 5%;
        border:1px solid #e6e6e6;
        background:url("https://thesmc.co.kr/promotion/dongwon/tistory/img/bg_title.jpg") no-repeat;
        font-size: 16px;
    font-weight: 600;
        color:#424242;
}
#ttItemGroup1517796714 #ttItem1517796715 ul li .tt-span-3>a{
        height:142px !important;
        overflow:hidden;
        display: inline-block;
        margin-bottom: 0px !important;
}
#ttItemGroup1517796714 #ttItem1517796715 ul li .tt-span-3 .mainTxtBox{
        border:1px solid #e6e6e6;
        height:66px;
      display: inline-block;
    width: 100%;
    padding:2%;
        color:#424242;
}
div#ttCanvas .tt-item .tt-post-etcinfo {
        margin-bottom:2.5%;
    color: #424242;
}
#ttItemGroup1517796714 #ttItem1517796715 ul li .tt-span-3 .mainTxtBox .tt-post-title a{
        font-size:14px !important;
      color: #424242;
      line-height: 17px;
    font-weight: 400;
}

div#ttCanvas #ttItem1517796715 .tt-post-date {
    color: #767676;
    font-weight: bolder;
    font-family: 'Nanum Gothic', serif;
    font-size:11px;
}

#ttItem1517796719 #groupWrap .layer1 .groupTitleWrap .tt-item-title-inner {color:#fff !important;}
div#ttCanvas #ttItem1517796709 {padding-bottom:10px !important;}

#ttItemGroup1517796714 #ttItem1517796715 .snsItem {width:242px; overflow:hidden; margin-left:7px; float:left;}
#ttItemGroup1517796714 #ttItem1517796715 .snsItem .fbBox {width:242px; height:245px; border:1px solid #e6e6e6; overflow:hidden;}
#ttItemGroup1517796714 #ttItem1517796715 .snsItem .instaBox {width:242px; height:245px; border:1px solid #e6e6e6; margin-top:7px; overflow:hidden;}

div#ttCanvas #ttItem1517796715 {padding-bottom:3px !important;}

#ttItemGroup7042 {display:none;}
#ttItemGroup1517796712 {display:none;}
#ttItemGroup1517796718 #ttItem1517796719 #snsWrap {display:none}

#footer .footerInner .rightMenu ul li {float:left;}
#footer .footerInner .sitemap {display:block;}


/* 20190131 팝업 추가 */
#popUpBox{position: fixed;z-index:9999;top: 14.5%;left:50%;margin-left: -230px;width:100%;max-width:500px;color:#fff;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.3)!important;}
.popupimg>img{width:100%;max-width:500px;vertical-align:middle;}
.popupimg>a>img{width:100%;max-width:500px;vertical-align:middle;}
.popupcheck{background:#000;padding: 10px 10px;}
#popUpClose{float:right;cursor:pointer;font-size: 14px;display: inline-block;}
#popUpBox .popupcheck #check #chkday {margin-top: 0px;}




/************************************************* 모바일 시작 ************************************************/

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


}
@media all and (max-width:768px) {
#popUpBox {top: 15%; left: 0%; margin-left: 0px;}
    #ttItemGroup7042 {display:block;}
    #ttItemGroup1517796712 {display:block;}
    #ttItemGroup1517796718 #ttItem1517796719 #snsWrap {display:block;}
    #ttItemGroup1517796714 {display:none;}

    #header .headerInner {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .wrap, #ttCanvas, .wrap_inner, .tt-wrap-inner-item, body.tistory_grid_980 div#ttCanvas .tt-span-12 {
        width: 100%;
    }
    #vodBannerBox li.vod, #vodFrame, .searchWrap, #gnb, #mainSlideBanner .tt-span-3.tt-last.banner, #recentWrap, .allBtn, .showBanner, #scrollTop {
        display: none;
    }
    #maintab {
        width: 95%;
        margin: 0 auto !important;
        display: block;
        overflow: hidden;
    }

    #maintab .tab-list {
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        word-break: normal;
        word-wrap: break-word;
        border-top:6px solid #003e6c;
    }
    #maintab li.lastTab {display:none;}
    #maintab .tab-content .tt-span-3.tt-last {
        display: none;
    }
    body.tistory_grid_980 div#ttCanvas .tt-span-3 {
        width: 50% !important;
    }
    #maintab .tab-content .tt-span-3.first {
        width: 100% !important;
        display: table;
        height: 300px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #maintab .tab-content .tt-span-3 a.tt-span-3-thumb_ratio-4_3 {
        margin-bottom: 0px !important;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        height: 100%;
    }
    #maintab .tt-post-title.tt-clear {
        height: 100%;
        font-size: 14px
    }
    #maintab .tab-content .mask {
        display: table !important;
        position: absolute;
        width: 100%;
        height: 100%;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        background-color: #000;
        background: rgba(0,0,0,.4);
        padding: 0 0;
        z-index: 1;
    }
    #maintab .tab-content .mask, #maintab .tt-post-title.tt-clear {
        z-index: 3;
        opacity: 1 !important
    }

    #maintab .tab-list li {width:auto; text-align:center; float:none; display:inline-block; padding:2.5% 3.5% !important; background:url(https://thesmc.co.kr/promotion/dongwon/tistory/img/maintab_line.jpg) no-repeat right center;}

    #maintab .tab-list li a {
        font-size: 26px;
        letter-spacing: -1px;
        white-space: nowrap;
        display: inline-block;
    }
    #maintab .tab-list li.active a {
        font-weight: 700;
    }

    #maintab .tab-list .active:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0px;
        background-image: none;
        z-index: 10;
        background-repeat: no-repeat;
        left: 0;
        width: 100%;
        background-position: center center;
        height: 100%;
        background-repeat: no-repeat;
    }
    .wrap {padding-top:1.3%;}
    .bx-pager {display:none;}

    /*#main {width:100%; max-width:768px;}
    div#ttCanvas .hotpost_container {max-width:746px; width:97.13541666666667%;  margin:0 auto 79px auto;}
    div#ttCanvas .hotpost_container .rollbanner {max-width:746px; width:100%;}*/
    div#ttCanvas .hotpost_container .rollbanner {overflow:hidden;}
    div#ttCanvas .hotpost_container .rollbanner .desc {display:none;}
    div#ttCanvas .hotpost_container .rollbanner .thumb {max-width:750px; height:auto; margin:0 auto;}
    div#ttCanvas .hotpost_container .rollbanner .thumb .mobile {display:block !important;}
    div#ttCanvas .hotpost_container .rollbanner .thumb .btn_left {left:3%;}
    div#ttCanvas .hotpost_container .rollbanner .thumb .btn_right {right:3%;}
    div#ttCanvas .hotpost_container .rollbanner .thumb li {height:auto; border-radius:14px; padding-bottom:0; overflow:hidden;}
    div#ttCanvas .hotpost_container .rollbanner .thumb li img {width:100%; max-width:none; height:auto; position:static; top:0; left:0; margin:0 !important;}
    div#ttCanvas .hotpost_container .rollbanner .thumb .caption {width:100%; position:absolute; left:0; bottom:-1.5%; background:rgba(42,51,80,0.5);}
    div#ttCanvas .hotpost_container .rollbanner .thumb .caption a {color:#fff; font-size:36px; padding:0 3% 0 3%; line-height:80px; font-family: 'Nanum Gothic', serif; display:block; overflow:hidden; height:80px; white-space: nowrap; text-overflow: ellipsis;}

    div#ttCanvas #ttItem8130 {padding-bottom:0;}

    #vodBannerBox {
        width: 95%;
        margin: 0 auto !important;
        display: block;
    }
    #vodBannerBox ul li {
        float: left;
        width: 33.3%;
        text-align: left;
        margin-right: 0%;
    }
    #vodBannerBox ul li img {
        width: 100%;
    }
    #snsWrap {
        display: none;
    }
    #groupWrap {
        width: 95%;
        float: none;
        margin: 0 auto !important;
        display: block;
        height:469px;
        border-top: 7px solid #004a80 !important;
    }
    #snsWrapMobile {
        width: 95%;
        float: none;
        margin: 0 auto !important;
        display: block;
    }

    #snsWrapMobile .facebookSNS, #snsWrapMobile .instagramSNs {
        width:49%;
        border:1px solid #ddddde;
        float:left;
    }

    #snsWrapMobile .instagramSNs {float:right;}

    #snsWrapMobile .facebookSNS .titleWrap {
        padding: 8px 5px;
        overflow: hidden;
        position: relative
    }
    #snsWrapMobile .instagramSNs .titleWrap {
        padding: 8px 5px;
        overflow: hidden;
        position: relative
    }
    #snsWrapMobile .titleWrap h2, #sideSnsWrap .titleWrap h2, #sideDetailSnsWrap .titleWrap h2 {
        float: left;
        width: 60%;
    }
    #snsWrapMobile .facebookSNS .titleWrap h2 img, #sideSnsWrap .facebookSNS .titleWrap h2 img, #sideDetailSnsWrap .facebookSNS .titleWrap h2 img {
        width: 75%;
        margin-top: 5px;
        min-width: 80px;
        max-width: 120px;
    }
    #snsWrapMobile .instagramSNs .titleWrap h2 img, #sideSnsWrap .instagramSNs .titleWrap h2 img, #sideDetailSnsWrap .instagramSNs .titleWrap h2 img {
        width: 75%;
        margin-top: 3px;
        max-width: 120px;
    }
    #snsWrapMobile .facebookSNS .titleWrap button, #sideSnsWrap .facebookSNS .titleWrap button, #sideDetailSnsWrap .facebookSNS .titleWrap button, #snsWrapMobile .instagramSNs .titleWrap button, #sideSnsWrap .instagramSNs .titleWrap button, #sideDetailSnsWrap .instagramSNs .titleWrap button {
        float: right;
        padding: 5px 1% 5px 0;
        text-align: right;
        position: absolute;
        right: 1%;
    }

    #snsWrapMobile .facebookSNS .titleWrap button {margin-top:1.5%}

    #snsWrapMobile .facebookSNS .contentsWrap, #sideSnsWrap .facebookSNS .contentsWrap, #sideDetailSnsWrap .facebookSNS .contentsWrap {
        border-bottom: 0px !important;
    }

    #snsWrapMobile .contentsWrap, #sideSnsWrap .contentsWrap, #sideDetailSnsWrap .contentsWrap {
        display: table;
        background-color: #f4f4f4;
        padding: 10px 3px 10px 6px;
    }
    #snsWrapMobile .contentsWrap .imgBox, #sideSnsWrap .contentsWrap .imgBox, #sideDetailSnsWrap .contentsWrap .imgBox {
        display: table-cell;
        width: 30%;
        vertical-align: middle;
        text-align: center;
    }
    #snsWrapMobile .contentsWrap .textBox, #sideSnsWrap .contentsWrap .textBox, #sideDetailSnsWrap .contentsWrap .textBox {
        display: table-cell;
        width: 56%;
        padding-right: 2%;
        vertical-align: middle;
        text-align: left;
    }
    #snsWrapMobile .contentsWrap .textBox .snsName, #sideSnsWrap .contentsWrap .textBox .snsName, #sideDetailSnsWrap .contentsWrap .textBox .snsName {
        color: #414141;
        font-size: 13px;
        letter-spacing: -1px;
        font-weight: bold;
        font-family: 'Nanum Gothic', serif;
        margin-left: 3px;
    }
    #snsWrapMobile .contentsWrap .textBox .date, #sideSnsWrap .contentsWrap .textBox .date, #sideDetailSnsWrap .contentsWrap .textBox .date {
        color: #414141;
        font-size: 13px;
        font-weight: normal;
        font-family: 'Nanum Gothic', serif;
        margin-left: 3px;
    }

    #snsWrapMobile .contentsWrap .textBox p.contentText, #sideSnsWrap .contentsWrap .textBox p.contentText, #sideDetailSnsWrap .contentsWrap .textBox p.contentText {
        margin-top: 10px;
        margin-top: 11px\0/IE8 +9;
        font-size: 13px;
        color: #414141;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: normal;
        font-weight: bold;
        height:38px;
        margin-left:3px;
    }

    #groupWrap .layer1 .listBoxOther, #groupWrap .layer1 .groupTitleWrap, #groupWrap .layer2 .groupTitleWrap {
        padding: 17px 10px 18px 10px !important;
    }
    #groupWrap .layer1 .tt-item-title-inner, #groupWrap .layer2 .tt-item-title-inner {
        font-size: 18px;
    }
    #groupWrap .layer1 button#layerBtnInner, #groupWrap .layer2 button#layerBtn {
        width: 40%;
    }
    #groupWrap .layer1 button#layerBtnInner img, #groupWrap .layer2 button#layerBtn img {
        width: 100%;
        margin-top: 3px;
        max-width: 166px;
    }
    #groupWrap .layer2 .listBox li {
        font-size: 14px;
    }
    #groupWrap .layer1 .listBoxOther ul li a {
        font-size: 14px;
        letter-spacing: -1px;
    }
    #groupWrap .layer2 .listBox {
        padding: 10px 10px;
        width: 100%;
        display: inline-block;
        height: 258px;
    }
    #groupWrap .layer1 .listBoxOther ul.list01, #groupWrap .layer1 .listBoxOther ul.list02 {
        width: 34%;
    }
    div#ttCanvas #ttItem1517796713 .tt-post-summary {display:block !important;}
    #recentMobile {
        display: inline-block;
        background-color: #f3f3f3;
        padding:2% 2.5% !important;
        width:100%;
    }
    #recentMobile h2 {
        width: 100%;
    }
    #recentMobile h2 span {
        float: left;
        width: 30%;
    }
    #recentMobile h2 span img {
        width: 60%;
        max-width: 190px;
    }
    #recentMobile h2 a {
        float: right;
        width: 3.7%;
        text-align: right;
        margin:0.5% 2.5% 0 0 !important;
    }
    #recentMobile h2 a img {
        width:100%;
        max-width: 23px;
    }
    body.tistory_grid_980 div#ttCanvas .tt-span-6-thumb_ratio-7_4 {
        overflow: hidden;
        display: block;
        width:51% !important;
        float:left;
    }
    #recentMobile .tt-span-6 {
        width: 100% !important;
        float: left !important;
        margin-bottom: 3% !important;
        background-color: #fff;
        overflow: hidden;
    }

    #recentMobile .tt-span-6.tt-last {
        width: 49% !important;
        float: right !important;
        background-color: #fff;
        background-size:cover;
    }
    #recentMobile .tt-span-6-border {
        border: none !important;
    }
    #recentMobile .tt-post-title.tt-span-6 {
        width: 49% !important;
        border: none !important;
        padding: 0 1%;
        margin-left:0px !important;
        margin-bottom:0px !important;
        float:right !important;
    }
    #recentMobile .tt-post-title a {
        font-size: 22px;
        display: block;
        padding: 10% 7% 3% 5%;
        line-height:1.3em;
    }



    #recentMobile .tt-span-6-thumb_ratio-7_4 {
        width: 100% !important;
        height: 100% !important;
    }
    #recentMobile .tt-post-thumb {
        width:100%;
        margin-left: 0 !important;;
        margin-top: 0px !important;
        float:left;
        border-radius: 15px;
    }
    #recentMobile .tt-span-6-thumb_ratio-7_4 {
        height: auto !important;
        overflow: hidden;
    }
    #recentMobile .tt-item-title .tt-item-title-inner {
        font-size: 20px !important;
        font-family: 'Nanum Gothic', serif;
        color:#004a80;
    }
    #recentMobile a {
        margin-bottom: 8px !important;
    }

    body.tistory_grid_980 div#ttCanvas .tt-clear {clear:none !important;}

    div#ttCanvas #ttItem1517796713 .tt-wrap-thumb-link {height:auto; width:51%; float:left; margin-bottom:0 !important;}

    #footer .footerInner .logoBox {
        width: 35%;
        text-align: right;
        float: right;
    }
    #footer .footerInner .logoBox img {
        width: 100%;
        max-width: 146px;
    }
    #footer .footerInner .rightMenu p.copyright {
        float: right;
        margin-right: 10px;
        font-size: 12px;
    }
    #footer .footerInner .rightMenu p.emailBox {font-size:12px;}
    #footer .footerInner .rightMenu {
        float: right;
        width: 100%;
        font-size: 12px;
    }
    #footer .footerInner {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        padding: 20px 0;
    }
    #header h1 a {
        display:inline;
        overflow:hidden;
        margin:0;
    }
    #header h1 a img {
        max-width:300px; width:39.0625%;
    }
    #header {
        padding:5% 0 5% 0;
        -webkit-box-shadow: 0px 3px 3px 0px rgba(232,232
            ,232,0.76);
        -moz-box-shadow: 0px 3px 3px 0px rgba(232,232,232,0.76);
        box-shadow: 0px 3px 3px 0px rgba(232,232,232,0.76);
        z-index: 90;
        top: 0;
        background-color: #fff;
    }
    div#ttCanvas div.tt-panel {
        padding-top: 0px !important;
    }
    .Mobile_allBtn {
        display: block;
        position: absolute;
        max-width: 52px;
        width: 6.770833333333333%;
        left: 3%;
        top: 5%;
    }
    .Mobile_allBtn img {
        width: 100%;
    }
    .Mobile_searchBtn {
        display: block;
        position: absolute;
        width: 6.119791666666667%;
        max-width: 47px;
        right: 3%;
        top: 0%;
    }
    .Mobile_searchBtn img {
        width: 100%;
    }
    .mobileSearchWrap {
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: 101;
        background-color: #216492;
        height: 80px;
        display: none;
    }
    #header .searchform {
        border-bottom: 0px;
        width: 100%;
    }
    #snsWrapMobile .contentsWrap .imgBox img, #sideSnsWrap .contentsWrap .imgBox img, #sideDetailSnsWrap .contentsWrap .imgBox img {
        width: auto;
        max-width: 95px;
    }
    #mobile_search {
        width: 80%;
        padding: 5px;
        background-color: #fff;
        border: 1px solid #dbdbdb;
        height: 50px;
        border-radius: 0px;
    }
    .mobileSearchWrap .searchform {
        padding-top: 15px;
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    .mobileSearchWrap .searchform  button {
        width: 52px;
        height: 52px;
        padding: 0 !important;
    }
    .mobileSearchWrap .searchform  button img {
        width: 100%;
    }

    #mobileCate #nav li.bigCate a {font-weight:bold;}

    div#ttCanvas .tt-item .tt-post-summary a {
        font-size: 20px;
        display: block;
        padding: 0 0 0 7%;
        width: 90%;
        overflow: hidden;
        margin-bottom: 0 !important;
        line-height: 1.3em;
        font-family: 'Nanum Gothic', serif !important;
        height: 2.6em;
        white-space: normal;
        word-wrap: break-word;
    }

    #recentMobile {padding-bottom:0 !important;}

    div#ttCanvas #ttItem6151 {padding-bottom:0.5% !important;}

    #ttItemGroup1517796718 #ttItem1517796719 #snsWrap {display:none;}
    #groupWrap .layer1 .tt-item-title-inner, #groupWrap .layer2 .tt-item-title-inner {font-size:34px; font-weight:bolder;}
    #groupWrap .layer1 h2.tt-item-title, #groupWrap .layer2 h2.tt-item-title {margin-top:0;}
    #groupWrap .layer1 button#layerBtnInner, #groupWrap .layer2 button#layerBtn {width:41.2%;}
    #groupWrap .layer1 button#layerBtnInner img, #groupWrap .layer2 button#layerBtn img {margin-top:0; max-width: 274px;}
    #groupWrap .layer1 .listBoxOther, #groupWrap .layer1 .groupTitleWrap, #groupWrap .layer2 .groupTitleWrap {
        padding: 3% !important;
        max-height: auto;
        overflow: hidden;
        max-width: 711px;
        width: 100%;
    }
    #groupWrap .layer2 .listBox {
        padding: 4% 0 4% 3%;
        height:auto;
    }
    #groupWrap .layer2 .listBox li {width: 92%; padding:0; margin:0;}
    #groupWrap .layer2 .listBox li a {
        color: #414141;
        font-size: 26px;
        font-family: 'Nanum Gothic', serif;
        letter-spacing: -1px;
        line-height: 1.7em;
    }
    #groupWrap .layer1 {background:rgba(0,62,108);}
    #groupWrap .layer1 .listBoxOther {padding:1% 3% 1% 3% !important;}
    #groupWrap .layer1 .listBoxOther ul li a {
        font-size: 26px;
        font-family: 'Nanum Gothic', serif;
        letter-spacing: -1px;
        line-height: 1.4em;
    }
    #groupWrap .layer1 .listBoxOther ul.list01 {width:32%; margin-right:3%;}
    #groupWrap .layer1 .listBoxOther ul.list02 {width:35%; margin-right:3%;}
    #groupWrap .layer1 .listBoxOther ul.list03 {width:27%;}
    div#ttCanvas #ttItem1517796719 {padding-bottom:5% !important;}

    #snsWrapMobile {overflow:hidden; margin-bottom:4% !important;}
    #snsWrapMobile .facebookSNS .titleWrap, #snsWrapMobile .instagramSNs .titleWrap {padding:3% 0 2.5% 3%;}
    #snsWrapMobile .facebookSNS .titleWrap h2, #snsWrapMobile .instagramSNs .titleWrap h2 {width:42%;}
    #snsWrapMobile .facebookSNS .titleWrap h2 img, #snsWrapMobile .instagramSNs .titleWrap h2 img {margin-top:0; max-width: 139px; width: 100%;}

    #snsWrapMobile .instagramSNs .titleWrap button {padding:0; width:22%; right:3%; margin-top:1%;}
    #snsWrapMobile .instagramSNs .titleWrap button img {max-width:96px; width:100%;}

    #snsWrapMobile .contentsWrap {padding: 5% 4% 5% 4%;width: 100%;}
    #snsWrapMobile .contentsWrap .imgBox {width:29%;}
    #snsWrapMobile .contentsWrap .imgBox img {width:100%; max-width:104px;}

    #snsWrapMobile .contentsWrap .textBox .snsName {font-size:20px; margin-left:5%;}
    #snsWrapMobile .contentsWrap .textBox .date {font-size:18px; margin-left:5%; letter-spacing:-1px;}
    #snsWrapMobile .contentsWrap .textBox p.contentText {font-size:18px; margin: 5% 2% 5% 5%;}

    div#ttCanvas #ttItem8206 {padding-bottom:0 !important;}

    #footer .footerInner {padding:5% 0;}
    #footer .footerInner .logoBox {float:left; width:20%;}
    #footer .footerInner .rightMenu {margin:0; width:520px; float:right;}
    #footer .footerInner .rightMenu ul {margin:0; margin-left:8%;}
    #footer .footerInner .rightMenu ul li a {font-size:18px; font-weight:bolder;}
    #footer .footerInner .rightMenu p.emailBox {float:right; font-size:18px; font-weight:bolder; padding-right:4%;}
    #footer .footerInner .rightMenu p.copyright {float:right; margin:0; font-size:18px; font-weight:bolder; width:100%; margin-top:1%;}
    #footer .footerInner .sitemap {display:none;}
    div#ttCanvas .hotpost_container {margin:0 auto 4% auto;}

    .slideBanner .flexslider {width: 68%;margin: 10px auto;}
    .imgPc{display:none;}
    .imgM{display:block;}

    .flex-direction-nav {
        margin-bottom: 0px !important;
    }
    .flex-control-nav.flex-control-paging {
        bottom: 0px !important;
    }
    #paging {
        display: none;
    }
    .mobilePaging {
        display: block;
    }
    .slideBanner {
        display: none;
    }
    .slideBanner.mobile {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 100%;
        margin: 3% auto 0px !important;
        max-width: 270px;
    }

    #cateRightBox .slideBanner.mobile .titleImg, #detailRightBox #detailsideBanner .titleImg {
        float: left;
        width: 60.2%;
        position: relative;
        z-index: 5;
        display: block;
        }
    #cateRightBox .slideBanner.mobile .slideBannerImg, #detailRightBox #detailsideBanner .slideBannerImg {
        float: right;
        width: 42.35%;
        position: absolute;
        right: 0;
        z-index: 4;
        display: block;
        top: 0;
        margin-top: 0px;
    }
    .wrap_content #detailRightBox {
        width: 100%;
        margin: 0 auto;
        float: none;
        padding-bottom:2%;
    }
    .wrap_content #detailLeftBox {
        width: 95%;
        margin: 0 auto;
        float: none;
    }
    .cateBanner img {
        /*width: 160%;*/
    }
    #detailRightBox {
        background-color: #f3f3f3;
        padding-top: 25px;
    }
    #detailRightSlide {
        width: 68% !important;
        margin: 0 auto 3% !important;
        margin-bottom: 25px;
        max-width: 270px;
        border: 1px solid #dedede;
        border-radius: 0px;
    }
    #detailRightSlide .slides li {
        max-height: 270px;
        max-width: 270px;
        margin: 0 auto;
    }
    .slideImgdiv {
        width: 270px;
        height: 220px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        margin: 0 auto;
        position: relative;
    }
    #detailRightBox #detailsideBanner {
        background-color: #fff !important;
        width: 100%;
        display: block;
        padding: 25px 0;
        margin-top: 35px !important;
    }
    #detailRightBox #detailsideBanner .titleImg {
        width: 57.5%;
        margin-left: 2.5%;
    }
    #detailRightBox #detailsideBanner .slideBannerImg {
        width: 40.4%;
        margin-right: 2.5%;
        margin-top: 25px;
    }
    #sideDetailSnsWrap {
        width: 95%;
        margin: 0 auto !important;
        display: block;
        float: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .another_category h4 {
        font-size: 15px !important;
    }

    #detailRightSlide .flex-direction-nav .flex-next {
        width: 40px;
        height: 40px;
        right: -45px;
        background-image: url('./images/slide_gray_arr2.png');
        top: 50%;
        margin-top: -40px;
        background-size: 100% 100%;
    }
    #detailRightSlide .flex-direction-nav .flex-prev {
        width: 40px;
        height: 40px;
        left: -45px;
        background-image: url('./images/slide_gray_arr.png');
        top: 50%;
        margin-top: -40px;
        background-size: 100% 100%;
    }
    #detailRightSlide .flex-caption {
        position: absolute;
        width: 100%;
        padding: 2%;
        left: 0;
        bottom: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        background-color: #000;
        background: rgba(255,255,255,1);
        color: #000;
        font-size: 14px;
        margin-bottom: 0;
        line-height: 20px;
        max-height: 48px;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    h4.mobiledetailTitle {
        display: inline-block;
        text-align: center;
        font-weight: bold;
        width: 100%;
        font-size: 24px;
        font-family: 'Nanum Gothic', serif;
    }
    #cateLeftBox h3 {
        font-size: 24px;
        margin-top: 20px;
    }
    #mainSlideBanner {
        margin-top: 80px !important;
    }
    .cateBanner {
        width: 100%;
        overflow: hidden;
        margin-bottom: 20px;
    }
    #mobileCate {
        display: none;
        position: fixed;
        top: 0;
        z-index: 102;
        width: 57%;
        max-width: 570px;
        background-color: #f7f7f7;
        min-width: 280px;
        height: 100%;
        border-right: 1px solid #cfcfcf;
    }
    #mobileCate #nav {
        float: left;
        width: 100%;
        border-top: 5px solid #0070bd;
        border-left: 1px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf;
    }
    #mobileCate  #nav li.bigCate a {
        display: block;
        padding: 6% 10%;
        background: #fff;
        font-size: 1.3em;
        border-bottom: 1px solid #cfcfcf;
        text-decoration: none;
        color: #414141;
        background-image: url('//s1.daumcdn.net/cfs.tistory/custom/blog/243/2433504/skin/images/mobilenotactive.png');
        background-position: 95% center;
        background-repeat: no-repeat;
        background-size: 35px 15px;
        font-family: 'Nanum Gothic', serif;
    }
    #mobileCate  #nav li.bigCate a.active:hover, #mobileCate  #nav li.bigCate a.active {
        display: block;
        padding: 6% 10%;
        background: #fff;
        font-size: 1.3em;
        border-bottom: 1px solid #cfcfcf;
        text-decoration: none;
        color: #414141;
        background-image: url('./images/mobile_active.png');
        background-position: 95% center;
        background-repeat: no-repeat;
        background-size: 35px 15px;
        font-family: 'Nanum Gothic', serif;
    }
    #mobileCate .allcategory.bigCate a {
        background-image: none !important;
    }
    #mobileCate #nav li ul.subCate {
        display: none;
    }
    #mobileCate #nav li ul.subCate li {
        position: relative;
    }
    #mobileCate #nav li ul.subCate li:before {
        content: "•"; /* Insert content that looks like bullets */
        display: block;
        position: absolute;
        left: 20px;
        height: 100%;
        padding: 10px 8px;
        color: #686868; /* Or a color you prefer */
    }
    #mobileCate #nav li ul.subCate li a {
        padding: 10px 25px 10px 50px;
        background: #ededed;
        border-bottom: 0px;
        font-size: 1.2em;
    }
    .mobilemenuClose {
        position: absolute;
        right: -35px;
        width: 35px;
        height: 35px;
        top: 0;
    }
    .mobilemenuClose img {
        width: 100%;
    }
    #paging .num span, .mobilePaging .num span {line-height:1 !important;}
}/*768*/


@media all and (min-width: 1px) and (max-width: 479px) {
    .slideBanner.mobile {max-width: 255px;margin: 3% auto 5% !important;}
    .wrap #cateLeftBox, .wrap #cateRightBox {
        width: 95%;
        margin: 0 auto;
        float: none;
    }
    #cateLeftBox .wrap_search li {
        width: 48%;
    }
    #cateLeftBox .searchList_thumb {
        width: 100%;
    }
    #cateLeftBox .wrap_search li {
        margin-right: 0%;
    }
    #cateLeftBox .wrap_search li.listNum.listNum0, #cateLeftBox .wrap_search li.listNum.listNum2, #cateLeftBox .wrap_search li.listNum.listNum4, #cateLeftBox .wrap_search li.listNum.listNum6, #cateLeftBox .wrap_search li.listNum.listNum8, #cateLeftBox .wrap_search li.listNum.listNum10 {
        margin-right: 4%;
    }
    #cateLeftBox .searchList_title .ellipsis {
        font-size: 13px;
    }
    /*
    #maintab .tab-list li {
        width: auto;
        margin: 0 10px;
        display: inline-block;
        text-align: center;
        float: none;
    }
    */
    #sideSnsWrap .facebookSNS, #sideDetailSnsWrap .facebookSNS, #sideSnsWrap .instagramSNs, #sideDetailSnsWrap .instagramSNs {
        margin: 0px 0 10px 0;
        border: 1px solid #ddddde !important;
        background-color: #fff !important;
        width: 100%;
        float: none;
    }
    #sideDetailSnsWrap {
        width: 100%;
        margin: 0 auto !important;
        padding: 0 2.5%;
        display: block;
        float: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #fff;
    }
    #snsWrapMobile .contentsWrap .textBox, #sideDetailSnsWrap .contentsWrap .textBox {
        display: table-cell;
        width: 56%;
        padding-left: 0%;
        padding-right: 2%;
        vertical-align: middle;
        text-align: left;
    }
    #sideSnsWrap .contentsWrap .textBox {
        display: table-cell;
        width: 56%;
        padding-left: 2%;
        padding-right: 2%;
        vertical-align: middle;
        text-align: left;
    }
    #snsWrapMobile .facebookSNS .titleWrap button, #sideSnsWrap .facebookSNS .titleWrap button, #sideDetailSnsWrap .facebookSNS .titleWrap button, #snsWrapMobile .instagramSNs .titleWrap button, #sideSnsWrap .instagramSNs .titleWrap button, #sideDetailSnsWrap .instagramSNs .titleWrap button {
        right: 3%;
    }
    #snsWrapMobile .facebookSNS, #sideSnsWrap .facebookSNS, #sideDetailSnsWrap .facebookSNS {
        width: 100%;
        float: left;
        border: 1px solid #ddddde !important;
    }
    #snsWrapMobile .instagramSNs, #sideSnsWrap .instagramSNs, #sideDetailSnsWrap .instagramSNs {
        width: 100%;
        float: right;
        margin-top: 10px;
        border: 1px solid #ddddde !important;
    }

    #snsWrapMobile .facebookSNS .titleWrap button {padding:2% 1% 0 0;}
    #snsWrapMobile .instagramSNs .titleWrap button {margin-top:1.5%; width:16.5%;}

    #groupWrap .layer2 .listBox {
        padding: 13px 25px;
        width: 100%;
        display: inline-block;
        height: 256px;
    }


}

@media all and (min-width: 480px) and (max-width: 768px) {
    .slideBanner .flexslider {width: 270px !important;margin: 20px auto;}
    .makeOver{display:none;}
    .makeOverM{display:block;}
    .wrap #cateLeftBox, .wrap #cateRightBox {
        width: 95%;
        margin: 0 auto;
        float: none;
        overflow: hidden;
    }
#cateLeftBox .wrap_search li {width: 32%;}
    #cateLeftBox .searchList_thumb {
        width: 100%;
    }
    #cateLeftBox .wrap_search li {
        margin-right: 2%;
    }
    #sideSnsWrap .facebookSNS, #sideDetailSnsWrap .facebookSNS {
        width: 49%;
        float: left;
        margin-right: 1%;
        position: relative;
    }
    #sideSnsWrap .instagramSNs, #sideDetailSnsWrap .instagramSNs {
        width: 49%;
        float: right;
        margin-left: 1%;
        margin: 30px 0 10px 0;
        position: relative;
    }
    #sideSnsWrap .titleWrap, #sideDetailSnsWrap .titleWrap {
        padding: 7px 6px 8px 6px;
        overflow: hidden;
    }
}


@media all and (min-width: 769px) and (max-width: 1000px) {
.makeOver{display:block;}
.makeOverM{display:none;}
.main_ytubeBox>iframe{/*max-width:540px !important;*/}
    .slideBanner.mobile {
        display: none;
    }

    .showBanner {
        width: 32%;
    }
    .showBanner img {
        width: 100%;
    }

}
@media only screen and (max-width:767px){
#sideSnsWrap .facebookSNS .contentsWrap {width: 100% !important;}
span {line-height: 1.6 !important;}
body {overflow-y: auto !important;overflow-x: auto !important;}
#dongwonIframe {display: none !important;}
#popUpBox {top: 13%;}

}

@media all and (max-width:700px){
    #groupWrap {height:439px;}
    #groupWrap .layer1 .listBoxOther ul li a {font-size:24px;}
    #groupWrap .layer2 .listBox li a {font-size:25.5px;}
}

@media all and (max-width:670px){
    #recentMobile .tt-post-title a {font-size:20px;}
    div#ttCanvas .tt-item .tt-post-summary a {font-size:18px;}

    #groupWrap {height:453px;}
    #groupWrap .layer1 .listBoxOther ul li a {font-size:22px;}
    #groupWrap .layer2 .listBox li a {font-size:23.5px;}

    #snsWrapMobile .contentsWrap .textBox .snsName {font-size:18px;}
    #snsWrapMobile .contentsWrap .textBox .date {font-size:16px;}
    #snsWrapMobile .contentsWrap .textBox p.contentText {font-size:16px;}

    #footer .footerInner .rightMenu {width:465px;}
    #footer .footerInner .rightMenu ul li a {font-size:16px;}
    #footer .footerInner .rightMenu p.emailBox {font-size:16px;}
    #footer .footerInner .rightMenu p.copyright {font-size:16px; margin-top:0.5%;}
}

@media all and (max-width:600px){
    div#ttCanvas .hotpost_container .rollbanner .thumb .caption a {font-size:32px; line-height:75px; height:75px;}

    #maintab .tab-list li a {font-size:20px;}

    #recentMobile .tt-post-title a {font-size:18px;}
    div#ttCanvas .tt-item .tt-post-summary a {font-size:16px;}

    #groupWrap {height:426px;}
    #groupWrap .layer1 button#layerBtnInner, #groupWrap .layer2 button#layerBtn {margin-top:1%;}
    #groupWrap .layer1 .tt-item-title-inner, #groupWrap .layer2 .tt-item-title-inner {font-size:32px;}
    #groupWrap .layer1 .listBoxOther ul li a {font-size:20px;}
    #groupWrap .layer2 .listBox li a {font-size:21.5px;}

    #snsWrapMobile .contentsWrap .textBox .snsName {font-size:16px;}
    #snsWrapMobile .contentsWrap .textBox .date {font-size:14px;}
    #snsWrapMobile .contentsWrap .textBox p.contentText {font-size:14px;}

    #snsWrapMobile .facebookSNS .titleWrap button {margin-top:0;}


    #footer .footerInner .rightMenu {width:415px;}
    #footer .footerInner .rightMenu ul li a {font-size:14px;}
     #footer .footerInner .rightMenu p.emailBox {font-size:14px;}
    #footer .footerInner .rightMenu p.copyright {font-size:14px;}
}

@media all and (max-width:540px){
    #mobileCate #nav li.bigCate a {font-size:2em;}
    #mobileCate #nav li.bigCate a.active:hover, #mobileCate #nav li.bigCate a.active {font-size:2em;}

    div#ttCanvas .hotpost_container .rollbanner .thumb .caption a {font-size:26px; line-height:65px; height:65px;}

    #recentMobile h2 a {margin:1% 2.5% 0 0 !important;}

    #recentMobile .tt-post-title a {font-size:16px; padding:9% 5% 3% 5%;}
    div#ttCanvas .tt-item .tt-post-summary a {font-size:14px; width:93%;}

    #groupWrap {height:390px;}
    #groupWrap .layer1 button#layerBtnInner, #groupWrap .layer2 button#layerBtn {margin-top:1.5%;}
    #groupWrap .layer1 .tt-item-title-inner, #groupWrap .layer2 .tt-item-title-inner {font-size:30px;}
    #groupWrap .layer1 .listBoxOther ul li a {font-size:18px;}
    #groupWrap .layer2 .listBox li a {font-size:19.5px;}

    #snsWrapMobile .contentsWrap .textBox .snsName {font-size:14px;}
    #snsWrapMobile .contentsWrap .textBox .date {font-size:12px;}
    #snsWrapMobile .contentsWrap .textBox p.contentText {font-size:12px;}

    #footer .footerInner .rightMenu {width:363px;}
    #footer .footerInner .rightMenu ul li a {font-size:12px;}
    #footer .footerInner .rightMenu p.emailBox {font-size:12px; padding-right:3.5%;}
    #footer .footerInner .rightMenu p.copyright {font-size:12px; text-align:right; padding-right:2.5%;}

    #detailRightSlide {margin:0 auto 3% !important;}

    .mobilePaging {padding:0 0 24px 0;}
    #paging .link_prev, .mobilePaging .link_prev {background-position:center center;}
    #paging .link_next, .mobilePaging .link_next {background-position:center center;}
    #paging .link_prev, #paging .link_next, .mobilePaging .link_prev, .mobilePaging .link_next {width:20px; height:20px;}
    #paging .num span, .mobilePaging .num span {padding:2px 0 2px 0; margin:0 3px; font-size:9pt !important;}
}

@media all and (max-width:500px){
    div#ttCanvas .hotpost_container .rollbanner .thumb .caption {bottom:-1.7%;}

    #groupWrap {height:369px;}
    #groupWrap .layer1 h2.tt-item-title, #groupWrap .layer2 h2.tt-item-title {width:58% !important;}
    #groupWrap .layer1 .listBoxOther ul li a {font-size:17px;}
    #groupWrap .layer2 .listBox li a {font-size:18.5px;}
}


@media all and (max-width:470px){
    div#ttCanvas .hotpost_container .rollbanner .thumb .caption {bottom:-2%;}
    div#ttCanvas .hotpost_container .rollbanner .thumb .caption a {font-size:22px; line-height:55px; height:55px;}

    #maintab .tab-list li a {font-size:16px;}

    #recentMobile .tt-item-title .tt-item-title-inner {font-size:18px !important;}
    #recentMobile h2 a {margin:2% 2.5% 0 0 !important;}
    #recentMobile .tt-post-title a {font-size:14px;}
    div#ttCanvas .tt-item .tt-post-summary a {font-size:12px;}

    #groupWrap {height:344px;}
    #groupWrap .layer1 button#layerBtnInner, #groupWrap .layer2 button#layerBtn {margin-top:2%;}
    #groupWrap .layer1 .tt-item-title-inner, #groupWrap .layer2 .tt-item-title-inner {font-size:28px;}
    #groupWrap .layer1 .listBoxOther ul li a {font-size:15px;}
    #groupWrap .layer2 .listBox li a {font-size:17.5px;}

    #snsWrapMobile .contentsWrap .textBox .snsName {font-size:12px;}
    #snsWrapMobile .contentsWrap .textBox .date {font-size:10px;}
    #snsWrapMobile .contentsWrap .textBox p.contentText {font-size:10px;}

    #snsWrapMobile .facebookSNS .titleWrap button {padding:1% 1% 0 0;}

    #footer .footerInner .rightMenu {width:297px;}
    #footer .footerInner .rightMenu ul {margin-left:3%;}
    #footer .footerInner .rightMenu ul li a {font-size:10px;}
    #footer .footerInner .rightMenu p.emailBox {font-size:10px;}
    #footer .footerInner .rightMenu p.copyright {font-size:10px;}
    #paging .num span, .mobilePaging .num span {margin:0 2px;}
#popUpBox {top: 10%;}

}

@media all and (max-width:400px){
    div#ttCanvas .hotpost_container {margin:0 auto 2% auto;}

    div#ttCanvas .hotpost_container .rollbanner .thumb .caption a {font-size:18px; line-height:45px; height:45px;}

    #recentMobile .tt-post-title a {font-size:13px; padding:8% 3% 3% 3%;}
    div#ttCanvas .tt-item .tt-post-summary a {font-size:11px; width:95%; padding:0 0 0 5%;}

    #groupWrap {height:276px;}
    #groupWrap .layer1 .tt-item-title-inner, #groupWrap .layer2 .tt-item-title-inner {font-size:24px;}
    #groupWrap .layer1 .listBoxOther ul li {padding-bottom:4%;}
    #groupWrap .layer1 .listBoxOther ul li a {font-size:12px;}
    #groupWrap .layer2 .listBox li a {font-size:13.5px;}

    #paging .num span, .mobilePaging .num span {font-size:9pt !important;}
}

@media all and (max-width:390px){
    div#ttCanvas .hotpost_container .rollbanner .thumb .caption {bottom:-2.2%;}

    #maintab .tab-list li a {font-size:14px;}

    #snsWrapMobile .contentsWrap .textBox .snsName {font-size:11px;}
    #snsWrapMobile .contentsWrap .textBox .date {font-size:10px;}
    #snsWrapMobile .contentsWrap .textBox p.contentText {font-size:10px;}

    #footer .footerInner .rightMenu {width:263px;}
    #footer .footerInner .rightMenu ul {margin-left:1.5%;}
    #footer .footerInner .rightMenu ul li {margin:0 3%;}
    #footer .footerInner .rightMenu ul li a {font-size:10px; letter-spacing:-0.5px;}
    #footer .footerInner .rightMenu p.emailBox {letter-spacing:-0.5px;}
    #footer .footerInner .rightMenu p.copyright {font-size:10px; letter-spacing:-0.5px;}
}

@media all and (max-width:370px){
    div#ttCanvas .hotpost_container .rollbanner .thumb .caption {bottom:-2.5%;}
    #recentMobile .tt-post-title a {font-size:12px;}
    div#ttCanvas .tt-item .tt-post-summary a {font-size:10px;}
    #groupWrap {height:270px;}
	#popUpBox {top: 9%;}
}

@media all and (max-width:350px){
    div#ttCanvas .hotpost_container .rollbanner .thumb .caption a {font-size:16px; line-height:40px; height:40px;}

    #recentMobile .tt-item-title .tt-item-title-inner {font-size:16px !important;}
    #recentMobile .tt-post-title a {padding:7% 3% 0 3%;}

    #groupWrap {height:249px;}
    #groupWrap .layer1 .tt-item-title-inner, #groupWrap .layer2 .tt-item-title-inner {font-size:20px;}
    #groupWrap .layer1 .listBoxOther ul li {padding-bottom:3%;}
    #groupWrap .layer1 .listBoxOther ul li a {font-size:11px;}
    #groupWrap .layer2 .listBox li a {font-size:12.5px;}

    #snsWrapMobile .contentsWrap .textBox .snsName {font-size:10px;}
    #snsWrapMobile .contentsWrap .textBox .date {font-size:9px;}
    #snsWrapMobile .contentsWrap .textBox p.contentText {font-size:9px;}

    #footer .footerInner .logoBox {width:13%; margin-top:3%;}
    #footer .footerInner .rightMenu {line-height:1.2em;}
    #footer .footerInner .rightMenu ul {margin-left:1%;}

    #paging .num span, .mobilePaging .num span {margin:0 1px;}
    #paging .link_prev, .mobilePaging .link_prev {margin-right:0;}
    #paging .link_next, .mobilePaging .link_next {margin-left:0;}
}

@media all and (max-width:320px){
    #container {min-width:320px;}
}