/*
Theme Name: 식탁이야기
Theme URI: http://studio-jt.co.kr
Description:
Author: STUDIO-JT (Nico,KMS)
Author URI: http://studio-jt.co.kr
Version: 1.0

License:
License URI:
*/

/*
 * Dependency : css/commons.css
 *
 * SUMMARY:
 * 1) GENERAL
 * 2) KBOARD STYLE
 * 3) COMPONENT
 * 4) HEADER
 * 5) FOOTER
 * 6) MAIN
 * 7) SUB PAGE
 * 8) 404
 * 9) MEDIAQUERIES
*/




/* **************************************** *
 * GENERAL
 * **************************************** */
html,body{ height:100%;}
body {overflow-x: hidden; overflow-y:scroll}
.wrap { max-width: 720px; margin: auto; padding: 0 10px;}
.content_container{ /* min-height:600px; *//* min-height: calc(100% - 420px); */}
.body_container { float: left; width: 100%;/*padding-bottom: 130px;*/min-height: 400px;min-height: calc(100% - 400px);}
.single .body_container { padding-bottom: 80px;}
a{ color: #4460ae; text-decoration:none}
h1{font-size:42px;line-height:1.316;font-weight:600;color:#222;padding: 70px 0 45px;}
h2{font-size:38px;line-height:1.316;font-weight:600;color:#222;}
h3{font-size:35px;line-height:1.343;font-weight:600;color:#222;}
h4{font-size:24px;line-height:1.500;font-weight:600;color:#333;}
h5{font-size:19px;line-height:1.632;font-weight:600;color:#333;}
h6{font-size:15px;line-height:1.933;font-weight:600;color:#555;}
p {font-size:14px;line-height: 1.7;font-weight:400;color:#777;}

#loadmore { clear:both;text-align: center; padding-bottom: 60px;}
#loadmore img{ width:32px; height:32px; display:none}

/* MOBILE RESET */
input[type=text],input[type=tel],input[type=email],input[type=password],input[type=url],input[type=submit],textarea{-webkit-appearance:none;border:1px solid #ccc;border-radius:inherit;background-clip: padding-box;}
input[type=radio]{border-radius:100%;}

textarea:focus,input[type=text]:focus,input[type=tel]:focus,input[type=email]:focus,input[type=password]:focus,input[type=url]:focus{border-color:#25B2C1 !important; outline:none}


/* **************************************** *
 * KBOARD STYLE
 * **************************************** */
.detail-content a { color:#469ADD; font-weight: bold; text-decoration:none}
.detail-content i, .detail-content em{ font-style: italic;}
.detail-content b, .detail-content strong { font-weight: bold}

.detail-content ul, .detail-content ol{margin:13px 0; padding-left:40px}
.detail-content ol{list-style-type: decimal;}
.detail-content ul{list-style-type:disc;}

.detail-content h1, .detail-content h2, .detail-content h3 ,.detail-content h4 ,.detail-content h5, .detail-content h6 { font-weight:bold; margin:25px 0; color: #B7B3B3; background:none; border:none}
.detail-content h1{font-size: 26px;}
.detail-content h2{font-size: 20px;}
.detail-content h3{ font-size: 16px}
.detail-content h4{ font-size: 18px;}
.detail-content h5{ font-size: 12px}
.detail-content h6{ font-size: 12px; font-weight:normal}

#wp-link-wrap {font-size: 14px;color: #222;}
#wp-link-close {width: 40px;height: 40px;}
#wp-link div.link-search-wrapper span {margin-top: 0;}
button#wp-link-close {width: 60px;}
#wp-link-close:focus, #wp-link-close:hover{color: #e9511c;}
button#wp-link-close span {line-height: 2.4em;}
.kboard-list-excerpt > p >img {width: 100% !important;}



/* **************************************** *
 * COMPONENT
 * **************************************** */

/* TABS */
.tabs_menu li{ width: 50%;}
.tabs_num_2 .tabs_menu li{ width: 50%;}
.tabs_num_3 .tabs_menu li{ width: 33.3333333333%;}
.tabs_num_4 .tabs_menu li{ width: 25%;}
.tabs_num_5 .tabs_menu li{ width: 20%;}
.tabs_num_6 .tabs_menu li{ width: 16.6666666667%;}
.tabs_num_7 .tabs_menu li{ width: 14.2857142857%;}
.tabs_num_8 .tabs_menu li{ width: 12.5%;}
.tabs_num_9 .tabs_menu li{ width: 11.1111111111%;}
.tabs_num_10 .tabs_menu li{ width: 10%;}
.tabs_num_11 .tabs_menu li{ width: 9.09090909091%;}
.tabs_num_12 .tabs_menu li{ width: 8.33333333333%;}
.tabs_menu li.active a { z-index: 22;  bottom: 0; box-sizing: border-box; background: #fff;   color: #fff; }
.tabs_menu li.active:before { display: block; content: ""; position: absolute; bottom: 0; left: 50%; z-index: 40; border-bottom: #FFF solid 3px; border-left: transparent 6px solid; border-right: transparent 6px solid; margin-left: -3px; display: none;}
.tabs_menu { width: 100%; margin: 0 auto;  float: left;/* border-top: 2px solid #e9511c; */}
.tabs_panels { clear: both; padding: 0;  position: relative; margin-bottom: 0; padding-bottom: 0; float: left; width: 100%; border-top-width: 0;/* background: #1b1b1b; */}
/*.tabs_panels > div { display: none }
.tabs_panels > div:first-child { display: block }*/
.tabs_panels > div { /*opacity: 0 */ display: none}
.tabs_panels > div.tabs_02 { display: block; /*opacity:0; */}

/* SELECTBOX with jquery.selectbox-0.2 */
.sbHolder { position: relative; left: 1px; background-color: #FFFFFF; border: solid 1px #DEDEDE; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; height: 30px; position: relative; width: 90px; display: inline-block;}
.sbHolder:focus .sbSelector { }
.sbSelector { display: block; height: 30px; left: 0; line-height: 30px; outline: none; overflow: hidden; position: absolute; text-indent: 10px; top: 0; width: 170px; }
.sbSelector:link,.sbSelector:visited,.sbSelector:hover { color: #7B7B7B; outline: none; text-decoration: none; }
.sbToggle { /*background: url(../img/select-icons.png) 0 -116px no-repeat;*/display: block; height: 30px; outline: none; position: absolute; right: 0; top: 0; width: 30px; }

/*
.sbToggle:hover { background: url(../img/select-icons.png) 0 -167px no-repeat; }
.sbToggleOpen { background: url(../img/select-icons.png) 0 -16px no-repeat; }
.sbToggleOpen:hover { background: url(../img/select-icons.png) 0 -66px no-repeat; }
*/
.sbHolderDisabled { background-color: #3C3C3C; border: solid 1px #515151; }
.sbHolderDisabled .sbHolder { }
.sbHolderDisabled .sbToggle { }
.sbOptions { background-color: #FFFFFF; border: solid 1px #DEDEDE; list-style: none; left: -1px; margin: 0; padding: 0; position: absolute; top: 28px !important; width: 140px; z-index: 9; overflow-y: auto; }
.sbOptions li { padding: 0 7px; }
.sbOptions a { border-bottom: solid 1px #eee; display: block; outline: none; padding: 7px 0 7px 3px;font-size: 13px !important; }
.sbOptions a:link,
.sbOptions a:visited { color: #001E3A; text-decoration: none; }
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus { color: #009447; }
.sbOptions li.last a { border-bottom: none; }
.sbOptions .sbDisabled { border-bottom: dotted 1px #515151; color: #999; display: block; padding: 7px 0 7px 3px; }
.sbOptions .sbGroup { border-bottom: dotted 1px #515151; color: #EBB52D; display: block; font-weight: bold; padding: 7px 0 7px 3px; }
.sbOptions .sbSub { padding-left: 17px; }
.sbToggle:after { content: ""; display: block; border: 4px solid transparent;border-top-color: #009447; position: absolute; top: 50%;margin-top: -2px; right: 10px;}

/* add by JUN */
.sbHolder {vertical-align: middle;text-align: left;}
.sbHolder .sbSelector {width: 100%;}
.sbOptions {width: 90px;}
.sbOptions a {padding: 19px 0;}
.jtkb .jtkb-search input {padding: 0 10px;width: auto;min-width: 164px;line-height: 28px;position: relative;z-index: 1;}

#phoneno1 + .sbHolder,#usermaildoc + .sbHolder{margin-top:-2px;width:140px;height:32px;line-height:32px;border: 1px solid #ccc;}
#phoneno1 + .sbHolder > .sbSelector,#usermaildoc + .sbHolder > .sbSelector{height:inherit;line-height:inherit;}
#phoneno1 + .sbHolder > .sbOptions,#usermaildoc + .sbHolder > .sbOptions{width:101.1%;}
#phoneno1 + .sbHolder > .sbOptions a ,#usermaildoc + .sbHolder > .sbOptions a {padding:0;}
#phoneno1 + .sbHolder{width:110px;}

/* JT SHARE */
.jt_share { position: absolute;top: 0; right: 0; font-size: 14px; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic;}
.jt_share > a {height: 49px;width: 58px;vertical-align: middle; position:relative;display: block;float: left;border-left: 1px solid #EDEDED;}
.jt_share > a > span { text-indent: -9999px; display: inline-block; width: 37px;height: 49px;background: no-repeat center -50px;}
/*#jt_share_facebook span { background-image: url(images/sub/icon_facebook.png);}
#jt_share_twitter span { background-image: url(images/sub/icon_twitter.png);}
#jt_share_kakao, #jt_share_kakao_photo {display: inline-block; vertical-align: middle;width: 58px;height: 49px;background: url(images/sub/icon_story.png) no-repeat center -50px;position: relative;top: 0px;border: 1px solid #ededed;border-width: 0 1px;}
#jt_share_kakao a { width: 100%; height: 100%; display: inline-block;}*/
#jt_share_kakao img, #jt_share_kakao_photo img {visibility:hidden}
/*.jt_share_title { position:relative;top: 2px; background: url(images/sub/icon_share.png) no-repeat 63px bottom; color:#666; display: inline-block; padding-right: 35px; height: 20px; vertical-align: middle;font-family: Georgia;}
.jt_share_title:before{content:""; position:absolute;top: 8px; left: -10px; width:3px; height:3px; background: #25B2C1;}
.jt_share > a:hover span, #jt_share_kakao:hover{ background-position:center 13px}*/



/* **************************************** *
 * HEADER
 * **************************************** */
/* MENU */
.admin-bar #slide_header {top: 32px;}
.admin-bar #small_menu_close{top: 45px}

#header {height: auto; position:relative; width: 100%;z-index: 240;top: 0;left: 0;/*transition: 800ms;*/}
.menu_container {position: fixed;top: 0;left: 0;bottom: 0;z-index: 555;width: 302px;background: #fff;border-right: 1px solid #dedede;-ms-transform: translateX(-100%); -webkit-transform: translateX(-100%);transform: translateX(-100%);/*transition: 800ms;*/}

#slide_header {width: 100%;height: 60px;/*328px*/;position: fixed;top: 0;left: 0;z-index: 260;}
.home #slide_header, .category #slide_header {/*height: 60px;*/opacity: 0; transition: opacity 800ms;}
#slide_header h1 {z-index: 250;padding: 0;cursor: pointer;font-size: 21px;font-weight: 500;letter-spacing: 1.2px;position: absolute;top: 36px;left: 80px;transition: 800ms;}
#slide_header h1 a {color: #fff; transition: 800ms;}

#header.minimize {z-index: 260;}
#header.minimize .post_header {opacity: 0;}

#slide_header.minimize {height: 60px;background: #fff;background: rgba(255,255,255,0.9);border-bottom: 1px solid #ddd;opacity: 1;}
#slide_header.minimize #small_menu_btn {top: 7px;}
#slide_header.minimize h1 {top: 15px;}
#slide_header.minimize #small_menu_btn span, #slide_header.minimize #small_menu_btn:before, #slide_header.minimize #small_menu_btn:after {background: #444;}
#slide_header.minimize h1 a {color: #444;}
.single #header.minimize #slide_header {transition: background 800ms;}

#small_menu_btn {z-index: 250;cursor: pointer;width: 40px;height: 40px;position: absolute;top: 27px;left: 32px;transition: 800ms;}
#small_menu_btn span, #small_menu_btn:before, #small_menu_btn:after {border-radius: 2px;width: 24px;height: 2px;content: "";background: #fff;left: 8px;position: absolute;transition: 800ms;}
#small_menu_btn span{top: 12px;}
#small_menu_btn:before{top: 21px;}
#small_menu_btn:after {top: 30px;}
#small_menu_overlay { z-index: 444; position: fixed; top: 0;  left: 0; bottom: 0; right: 0;  background: rgba(255, 255, 255, 0.85); display:none;}
#small_menu_close { border-radius: 2px;display: none;cursor: pointer;z-index: 450;position: fixed;width: 30px;height: 30px;line-height: 30px;text-align: center;background: #fff url(images/menu_close_btn.png) no-repeat center center;background-size: 12px auto;border: 1px solid #dedede;color: #fff;font-size: 24px;left: -42px;top: 20px;}

.menu_info {padding: 7% 0 7% 40px;text-align: center;background: #f7f7f7;border-bottom: 1px solid #dedede;}
.menu_info figure {width: 94px;height: 94px; margin: 0 auto;}
.menu_info figure img {max-width: 100%;vertical-align: middle; }
.menu_info h2 {padding: 5% 0 7%;font-size: 18px;font-weight: 500;color: #000;}
.menu_info h2 a{ color:#000}

.menu_search {width: 168px;margin: 0 auto;position: relative;}
.menu_search input[type=text] {box-sizing: border-box; width: 178px;height: 30px;padding: 0 17% 0 3%;font-size: 14px;color: #666;background: #fff;border: 1px solid #25B2C1;font-family: "NotoSansKR", sans-serif;}
.menu_search input::-ms-clear {display: none;}
.menu_search .search_btn {display: block;width: 15px;height: 15px;position: absolute;right: 0;top: 50%;margin-top: -7.5px;}
.menu_search .search_btn input {width: 15px;height: auto;vertical-align: top;}

.nothing_found { text-align: center; padding: 90px 0; color: #bbb;}
.nothing_found b {  color: #25B2C1;}

ul#menu { height: 100%; position: absolute; width: 100%; overflow: auto; padding-left:35px; margin-top: 5%; }
ul#menu a { position:relative; display: block; float:left; width: 100%; padding: 3.5% 0; text-align: center; font-size: 15px; font-weight: 500; color: #666; text-decoration: none; /*-webkit-transition:500ms; transition:500ms*/}
ul#menu li { display: block; float: left; clear: both; width: 100%; padding:0; position: relative;}
ul#menu > li > a:hover, ul#menu > li.current-cat > a {position:relative; color: #25B2C1;}
ul#menu > li > a:hover:after, ul#menu > li.current-cat > a:after {
    content: '';display: block;width: 30%;height: 2px;position: absolute;bottom: 5px;left: 35%;
    background: rgb(37, 178, 193); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(37, 178, 193) 0%, rgb(41, 203, 220) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgb(37, 178, 193) 0%,rgb(41, 203, 220) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgb(37, 178, 193) 0%,rgb(41, 203, 220) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8cdd8', endColorstr='#fbe7ec',GradientType=0 ); /* IE6-9 */
}

/* RWD ITEM */
/*#small_menu_close{ display:none;}*/

/* HOME_INTRO */
.intro_inner {position: relative;padding-top: 3.8%;padding-bottom: 3.4%;}
.intro_inner:before, .intro_inner:after{content: " ";display: table;clear: both;}

.intro_inner figure {float: left;width: 166px;height: auto;}
.intro_inner figure img {max-width: 100%; vertical-align: middle; transition: transform 400ms}
/*.intro_inner figure:hover img { -webkit-transform: scale(0.9); transform: translateZ(0) scale(0.9);}*/

.intro_inner .top_intro {float: right;width: 76%;padding-left: 8%;}
.intro_inner .top_intro h1 {padding: 0;font-size: 24px;font-weight: 500;color: #000;}
.intro_inner .top_intro h1 a{ color:#000; transition:color 300ms}
.intro_inner .top_intro h1 a:hover{ color:#25B2C1}
.intro_inner .top_intro p {clear: both;padding-top: 12px;font-size: 15px;font-weight: 400;line-height: 1.8;color: #444;max-width: 470px;}
.intro_inner .instagram_follow {display: inline-flex;align-items: center;gap: 7px;height: 32px;margin-top: 14px;padding: 0 12px;box-sizing: border-box;border: 1px solid #d5d9e2;border-radius: 16px;color: #07184f;font-size: 12px;font-weight: 500;line-height: 30px;transition: color 200ms, border-color 200ms, background-color 200ms;}
.intro_inner .instagram_follow:hover,.intro_inner .instagram_follow:focus {border-color: #07184f;color: #07184f;background: #f3f4f6;outline: none;}
.intro_inner .instagram_icon {position: relative;width: 14px;height: 14px;box-sizing: border-box;border: 1.5px solid currentColor;border-radius: 4px;}
.intro_inner .instagram_icon:before {content: '';position: absolute;top: 3px;left: 3px;width: 5px;height: 5px;box-sizing: border-box;border: 1.5px solid currentColor;border-radius: 50%;}
.intro_inner .instagram_icon:after {content: '';position: absolute;top: 2px;right: 2px;width: 2px;height: 2px;border-radius: 50%;background: currentColor;}
.intro_inner .top_intro .facebook_like {float: left; margin: 3.2% 0 8.5% 0;}
/*.intro_inner .top_intro .facebook_like a {display: block;}*/
.intro_inner .top_intro .facebook_like #fb_like_header {float: left;margin-right: 2%; display:none}
.intro_inner .top_intro .facebook_like #fb_like_header_text {display: block;padding-top: 0;/*font-size: 14px;line-height: 1.5;color: #363636;*/}
/*.intro_inner .top_intro .facebook_like span {color: #4460ae;}*/

/* HOME_MENU */
.home_menu_inner {height: 61px;border: solid #ddd;border-width: 1px 0;}
.home_menu_inner:before, .home_menu_inner:after{content: " ";display: table;clear: both;}
.home_menu_inner .wrap {position: relative;height: 100%;}
.home_menu_container {position: absolute;left: 12px;top: 0;}

ul#home_menu {float: left;width: 632px;text-align: center;}
ul#home_menu li {float: left; width:16.666%;position: relative;}
/*ul#home_menu li:after{content: '';display: block;width: 1px;height: 15px;position: absolute;left: 0;top: 50%;margin-top: -7.5px;background: #e1e1e1;}*/
ul#home_menu li:first-child:after, ul#home_menu li:nth-child(6n+1):after {display: none;}
ul#home_menu a { color: #444; text-decoration: none; font-size: 15px;font-weight: 500;}
ul#home_menu > li > a {float: left;width: 100%;padding: 19px 0 18px 0;transition:800ms;}
ul#home_menu > li > a:hover, ul#home_menu > li.current-cat > a {position:relative; color: #25B2C1;}
ul#home_menu > li > a:after {content: '';display: block;width: 100%;height: 2px;position: absolute;bottom: -1px;left: 0;background: #25B2C1;opacity: 0;transition: opacity 800ms;}
ul#home_menu > li > a:hover:after, ul#home_menu > li.current-cat > a:after {opacity: 1;}

.home_search_menu {width: 20px;height: 20px;position: absolute;right: 30px;top: 50%;margin-top: -10px;}
.home_search_menu.active {width: 100%;height: 59px;left: 0;top: 0;margin-top:0;}
.home_search_menu_btn {width: 20px;height: 20px;background: url(./images/main/icon_search.png) no-repeat;background-position: center center;cursor: pointer;}
.home_search_menu.active .home_search_menu_btn {position: absolute;right: 30px;top: 50%;margin-top: -10px;}
.home_search_menu input {display: none;box-sizing: border-box;width: 100%;height: 57px;padding: 0 9% 0 2%;font-size: 18px;color: #666;background: #fff;border: none;font-family: "NotoSansKR", sans-serif;margin-top: 1px;}
.home_search_menu input::-ms-clear {display: none;}

/* POST_HEADER */
.post_header {width: 100%;height: 395px;text-align: center;background: #777 url(./images/post/banner_sample.jpg) no-repeat center 0;}
.post_header:after {content: ""; display:block;width: 100%;top: 0;bottom: 0;position: absolute;background: rgba(0, 0, 0, 0.2);left: 0;right: 0;z-index: 1;}

.post_header .display_table {display: table; width: 100%; height: 100%; position:relative; z-index: 3;}
.post_header .display_table > div {display: table-cell; vertical-align: middle;}

.post_header h1.title {padding: 2% 0 1.5% 0;font-size: 38px;font-weight:200;color: #fff;}
.post_header p, .post_header a {font-weight: 300;color: #fff;}
.post_header p.category {font-size: 16px;font-weight: 700;}
.post_header p.category span {position: relative;}
.post_header p.category span:after {content: '';display: block;width: 100%;height: 1px;position: absolute;bottom: -5px;left: 0;background: #fff;}
.post_header p.hit {font-size: 15px;font-weight: 400;}

.post_header .category {font-size: 16px;font-weight: 700; color:#fff}
.post_header .category_inner {position: relative; display:inline-block}
.post_header .category_inner:after {content: '';display: block;width: 100%;height: 1px;position: absolute;bottom: -5px;left: 0;background: #fff;}


/* FB HACK */
#header .facebook_like { position: relative;}
#header .facebook_like .fb-like { position: absolute;}
#header #fb_like_header_text { overflow: hidden;}
#header #fb_like_header { z-index: 3; display: none;}
/*#header #fb_like_header_text > span {
    -ms-transform: translateX(-14px) scale(1.3);
    -webkit-transform: translateX(-14px) scale(1.3);
    transform: translateX(-14px) scale(1.3);
}
#header #fb_like_header_text {
    -ms-transform: translateX(63px);
    -webkit-transform: translateX(63px);
    transform: translateX(63px);
}*/


/* **************************************** *
 * FOOTER
 * **************************************** */
#footer {background: #e3e3e3;height: 55px;clear: both;}
#footer p {font-size: 12px;text-align: center;line-height: 55px;color: #aaa;}



/* **************************************** *
 * MAIN, CATEGORY
 * **************************************** */
.post_list {float: left;width: 100%;margin-top: 4.3%;margin-bottom: 11.5%;}
.post_list li {float: left;clear:both;width: 100%;border-bottom: 1px solid #e5e5e5;transition: border-bottom 300ms;}
.post_list li:hover{border-bottom: 1px solid #25B2C1;/*box-shadow: 0 1px 0 0 #25B2C1;*/}
.post_list li a {float: left;width: 100%;padding: 5.6% 0 5.3%;position: relative;background: #fff;transition: color 500ms;}
.post_list li a:hover .list_detail .title {color: #25B2C1;}
.post_list li a:hover {position: relative;z-index: 2;}
.post_list .list_thumb {float: left;width: 30%;}
.post_list .list_thumb img {width: 175px;height: 140px;vertical-align: middle;}
.post_list .list_detail {float: left;width: 70%;padding: 0 0.6%;}
.post_list .list_detail p {font-size: 15px;font-weight: 400;line-height: 1.75;color: #444;}
.post_list .list_detail .title {font-size: 18px;font-weight: 400;line-height: 1.2;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap : normal;transition: color 500ms;}
.post_list .list_detail .excerpt {height: 55px;margin: 4.8% 0 4%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.post_list .list_detail .hit {font-size: 13px;color: #25B2C1;}

.post_list .list_thumb {position: relative;}
.post_list .list_thumb:before {content: ''; width: 23px; height: 23px; background-repeat: no-repeat; position: absolute; bottom: 10px; right: 45px; z-index: 1; display: none;}
.post_list .list_thumb.type_audio:before {background-image: url(images/main/thumb-icon-audio-02.svg); display: block;}
.post_list .list_thumb.type_movie:before {background-image: url(images/main/thumb-icon-movie-02.svg); display: block;}


/* **************************************** *
 * POST PAGE
 * **************************************** */
body.single .content_container {position: relative;z-index: 259;background: #fff;}
.author_preview {padding: 6% 0 7.5%;margin-bottom: 4%;/* padding: 6% 5% 3.5%; */border-bottom: 1px solid #e5e5e5;}
.author_preview:before, .author_preview:after {content: '';display: table;clear: both;}

.author_preview figure {float: left;width: 66px;height: 66px;overflow: hidden;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0);}
.author_preview figure img {max-width: 100%;vertical-align: middle; margin:0; height:auto;}
.author_preview > div {float: left;width: 80%;padding: 0 2.8%;}
.author_preview h2 {font-size: 17px;font-weight: 700;line-height: 2;color: #000;}
.author_preview p {font-size: 13px;font-weight: 400;line-height: 1.6;color: #444; margin-top: 4px;}

.post_content .content h1 {font-size: 37px;line-height: 1.3538;margin-top: 1.8462em;margin-bottom: 0.9231em;padding: 0;}
.post_content .content h2 {font-size: 24px;line-height: 1.5636;margin-top: 2.1818em;margin-bottom: 1.0909em;padding: 0;}
.post_content .content h3 {font-size: 19px;line-height: 1.3333;margin-top: 1.8em;margin-bottom: 1.3333em;padding: 0;}
.post_content .content h4 {font-size: 15px;line-height: 1.6678;margin-top: 3.2em;margin-bottom: 1.6em;padding: 0;}
.post_content .content h5, .post_content .content h6 {font-size: 15px;line-height: 1.9570;margin-top: 3.2em;margin-bottom: 1.6em;padding: 0;}
.post_content .content p {/* padding: 0 10px; */margin-bottom: 1.9em;font-size: 15px;font-weight: 400;line-height: 1.9;color: #444;}
/*.post_content .content blockquote {margin-bottom: 1.6667em;padding-left: 1.3337em;border-left: 1px solid #494949;border-left: 1px solid rgba(73, 73, 73, 0.7);}*/
/*.post_content .content blockquote p {color: #666;color: rgba(102, 102, 102, 0.7);font-size: 15px;font-weight: 400;line-height: 1.9;}*/
.post_content .content blockquote {padding-top: 40px;padding-bottom: 30px;position: relative;text-align: center;}
.post_content .content blockquote:before {content: '“';display: block;width: 30px;margin-left: -15px;position: absolute;top: 5px;left: 50%;font-family: 'AritaBuri', serif;font-size: 60px;line-height: 1;font-weight: 400;color: #222;}
.post_content .content blockquote p {margin-bottom: 0;font-family: 'AritaBuri', serif;font-size: 26px;font-weight: 400;letter-spacing: -0.025em;line-height: 1.5;color: #444;}
.post_content .content img {max-width: 100%;height: auto; margin: 5px auto 5px auto; padding: 0;   }
.post_content .content b,.post_content .content strong{ font-weight:bold}
.post_content .content i,.post_content .content em{ font-style:italic}
.post_content .content a {word-break: break-all;color: #25B2C1;border-bottom: 1px solid #dedede;text-decoration: none;}
.post_content .content a:hover{border-color: #25B2C1;}
.post_content .content a.post_content_img_link {border-bottom: none;}
.post_content .content code{ font-family:"Courier New", Courier, monospace; color:#999; font-size:16px;}
.post_content .content pre{ margin:20px 0}
.post_content .content ul,.post_content .content ol{ margin-bottom:15px; list-style-position:inside}
.post_content .content ul{list-style-type:disc;font-size: 15px; color: #444;line-height: 1.7;}
.post_content .content ol{ list-style-type:decimal;}
.post_content .content.wpview-type-embedURL { padding-top: 56.2%;position: relative;}
.post_content .content iframe[src*="youtube"],
.post_content .content iframe[src*="vimeo"]  { width: 100%;  height: 100%; box-sizing: content-box; position: absolute; top: 0;}
.post_content .content .video_container {position: relative; width: 100%; height: 0px; margin: 20px 0;padding-top: 56.25%;}
.post_content .content .video_container.video_container_secondary {padding-top: 100%;}
.post_content .content .video_container.video_container_thrid {padding-top: 75%;}

.post_footer {float:left;width: 100%;/* padding: 0 10px; */}
.author_view {float:left;width: 100%;padding: 4.5% 5%;background: #f4f4f4;}
.author_view:before, .author_view:after{content: '';display: table;clear: both;}
.author_view figure {float: left;width: 90px;height: 90px;margin-top: 3.5%;overflow: hidden;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0);}
.author_view figure img {max-width: 100%;vertical-align: middle; margin:0; height: auto;}
.author_view > div {float: left;width: 83%;padding: 0 0 0 6.5%;}
.author_view h2 {padding-bottom: 3%;font-size: 22px;font-weight: 400;color: #000; }
.author_view p {font-size: 14px;font-weight: 400;color: #444; }



.sns_info {float:left; width: 100%;padding: 3.8% 0 1%;}
.sns_info .facebook_like_info {float: left;padding: 0.7% 0;}
.sns_info .sns_share {float: right;}
.sns_info .sns_share p {float: left;font-size: 14px;font-weight: 400;line-height: 32px;color: #444; }
.sns_info .sns_share ul {float: right;width: 165px;}
.sns_info .sns_share ul li {float: left;width: 25%;}
.sns_info .sns_share ul li a {float: right;width: 32px;height: 32px;font-size: 0;background: #fff url(./images/post/sns_sprite.png) no-repeat;}
.sns_info .sns_share ul li:first-child a {background-position: -18px -18px;}
.sns_info .sns_share ul li:first-child a:hover {background-position: -222px -18px;}
.sns_info .sns_share ul li:first-child + li a {background-position: -86px -18px;}
.sns_info .sns_share ul li:first-child + li a:hover {background-position: -290px -18px;}
.sns_info .sns_share ul li:first-child + li + li a {background-position: -154px -18px;}
.sns_info .sns_share ul li:first-child + li + li a:hover {background-position: -358px -18px;}
.sns_info .sns_share ul li a.band_share_btn { background: #fff url(./images/post/sns_band.png) no-repeat; border: 1px solid #ddd; border-radius: 50%;}
.sns_info .sns_share ul li a.band_share_btn:hover { border-color: #36be81;}

.more_post {clear: both;}
.more_post:before, .more_post:after {content: '';display: table;clear: both;}
.more_post .post_list {margin-top: 1.8%;margin-bottom: 2%;}
.more_post .post_list li:first-child a {border-top: 1px solid #e5e5e5;}

.facebook_ad {padding: 3.8% 4.5% 4%;border: 1px solid #dedede;}
.facebook_ad:before, .facebook_ad:after {content: '';display: table;clear: both;}
.facebook_ad figure {float: left;width: 87px;height: 87px;margin-top: 0.5%; }
.facebook_ad figure img {max-width: 100%;vertical-align: middle;}
.facebook_ad > div {float: left;width: 84%;padding: 0 0 0 4.5%;}
.facebook_ad h2 {font-size: 18px;font-weight: 500;color: #444;}
.facebook_ad p {padding: 3% 0 2.5%;font-size: 13px;font-weight: 400;color: #444;}
.facebook_ad .facebook_like {clear: both;}
.facebook_ad .facebook_like img {float: left;vertical-align: middle;}
.facebook_ad .facebook_like p.count {float: left;padding: 0;font-size: 12px;text-indent: 2px;color: #000;}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.jt_rwd_audio {margin-top: -20px;}



/* **************************************** *
 * PRIVACY POLICY / TERM OF USE
 * **************************************** */
.privacy h2{font-size: 20px; color: #444;line-height: 1.5; letter-spacing: -0.6px;font-family: NotoSansKR;}
.privacy h3{margin-bottom:5px;font-size:15px;letter-spacing:-0.7px;color:#069edb;}
.privacy h4{margin:0;margin-bottom:5px;font-size:15px;letter-spacing:-0.7px;color:#666}
.privacy p{ font-weight:normal;color:#666;font-size: 16px;margin-bottom: 15px;}
.privacy .privacy_list_1depth p{margin-bottom:0px;}
.privacy i.circle{font-style:normal;}

.privacy .privacy_list_1depth{ margin-bottom:20px}
.privacy ol{list-style-position:inside;}

.privacy ul{list-style-position:inside;list-style:none;font-weight:normal;}
.privacy ul,.privacy ol{color:#666;}
.privacy ul:after{content:"";clear:both;display:block;}
.privacy ul li{margin-top:0px !important;position: relative;padding-left: 30px;}

.privacy ul.ul-depth-1{margin-top:10px;}
.privacy ul.ul-depth-1 li p{padding-left:12px;}
.privacy ul.ul-depth-2{padding-left:18px;}
.privacy ul.ul-depth-2 li p{padding-left:12px;}

.privacy_intro { padding: 30px; margin-top: 40px; border: 1px solid #ddd; border-top: 2px solid #25B2C1;  margin-bottom: 40px;}
.privacy .privacy_part_inner{ margin:30px 0}
.privacy_header { border-bottom: 1px solid #ddd; padding-bottom: 10px; }
.privacy_part { padding: 15px 0; }
.privacy_part b { color: #25B2C1; font-weight: bold; }
ol.privacy_list li { padding-left: 0; list-style-position: outside;margin-left: 30px;}
.privacy .privacy_list.privacy_list_1depth > li:before { content: "";font-size: 14px;margin-top: 6px;}

.privacy .privacy_list > li > p{padding-left:18px;}
.privacy .privacy_list > li:before{display:block;float:left;margin-right:6px;margin-top: 5px;}
.privacy .privacy_list > li:first-child:before{content:"1)";}
.privacy .privacy_list > li:first-child + li:before{content:"2)";}
.privacy .privacy_list > li:first-child + li + li:before{content:"3)";}
.privacy .privacy_list > li:first-child + li + li + li:before{content:"4)";}
.privacy .privacy_list > li:first-child + li + li + li + li:before{content:"5)";}
.privacy .privacy_list > li:first-child + li + li + li + li + li:before{content:"6)";}

.terms.privacy .privacy_list.privacy_list_1depth > li:before { display:none}
.terms.privacy { margin-top: 50px;}



/* **************************************** *
 * EMAIL POLICY
 * **************************************** */
.email_policy h1 { border: none; font-size: 20px; font-family: NotoSansKR; font-weight: bold;padding: 0 0 20px 0;}
.email_policy_inner p { color: #777777;font-size: 14px;}
.email_policy_inner { position: relative; margin-top: 130px;height: 256px; padding: 75px  0 75px 300px; border: 1px solid #ebebea;}
.email_policy_visual{ width:240px; height:256px; background: #ebebea url(images/sub/mail-policy.png) center center no-repeat;; position:absolute; left:0; top:0;}



/* **************************************** *
 * ATTACHMENT
 * **************************************** */
body.attachment p.attachment { margin: 50px 0; text-align: center;  padding: 40px; background: #f5f5f5; box-sizing: border-box; border: 1px solid #ddd;}
body.attachment p.attachment img { max-width: 100%; height: auto;}



/* **************************************** *
 * 404
 * **************************************** */
body.error404 #header, body.error404 #footer {display: none;}
body.error404 .content_container {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;margin: auto;padding: 0;overflow-y: scroll;text-align: center;}
body.error404 .sub.error_404 {display: table;width: 100%;height: 100%;margin: auto;padding: 0;top: 0;left: 0;right: 0;left: 0;}
#error_404 {display: table-cell;vertical-align: middle;text-align: center;}
#error_404 h1 { position:relative; padding: 0 0 2% 0; font-size: 93px; color: #25B2C1; font-weight: 600;font-family:'Arial', sans-serif;}
#error_404 h1:after{content:""; display:block; width:46px; height:3px; position:absolute; bottom: 0; left: 50%; margin-left: -23px; background: #25B2C1;}
#error_404 p { padding: 5% 0 5% 0; color: #878787; font-size: 15px; font-weight:400; color: #878787; line-height: 1.7;}
#error_404 nav { font-size:14px; font-weight: 500;}
#error_404 nav a{ display:inline-block; margin-right:2px; padding: 12px 47px 12px 47px; background: #25B2C1; border: 1px solid #25B2C1; color:#fff;transition: 800ms;}
#error_404 nav a.error_404_goback { margin-right: 0; padding: 12px 40px 12px 40px; background: #5a5a5a; border: 1px solid #5a5a5a;}
#error_404 nav a:hover {color: #25B2C1; background: #fff;}
#error_404 nav a.error_404_goback:hover {color: #5a5a5a; background: #fff;}



/* **************************************** *
 * GO TO TOP
 * **************************************** */
.copyright .page_top_box {  display: block; float: right; position: fixed; right: 10px; bottom: 50px; z-index: 800; height: 50px;  width: 53px; background: url('images/btn/page_top_btn.jpg');background-repeat: no-repeat;background-color: #888; opacity:0;cursor: pointer; }
.copyright .page_top_box.show {  opacity: 1; right: 30px;}
.page_top_box.reach_bottom{bottom: 167px;}
.copyright .page_top_box { z-index: 300;}
.copyright .page_top_box {-webkit-transition: 500ms;transition: 500ms;background: url('images/btn/page_top_btn.jpg');background: url('images/btn/page_top_btn_text.png') center center no-repeat,url('images/btn/page_top_btn_arrow.png') center center no-repeat, #e9521d;}
.copyright .page_top_box:hover { background-position: center center , center -5px; background-color: #D43700;}



/**********************************
 * MEMBERSHIP
 *********************************/
/* tab */
.tabs_skin_membership .tabs_menu {margin:0 0 35px 0; border-width:0 1px 1px 0; border-style:solid; border-color:#dedede; background-color:#fafafa;}
.tabs_skin_membership .tabs_menu li{border-width:1px 0 0 1px; border-style:solid; border-color:#dedede; text-align: center;}
.tabs_skin_membership .tabs_menu li a{height: 50px; line-height: 50px; font-size: 15px; font-weight: 600; color:#555555; text-transform: capitalize;}
.tabs_skin_membership .tabs_menu li a span {text-transform: uppercase;}
.tabs_skin_membership .tabs_menu li.active{border-top:2px solid #25B2C1;}
.tabs_skin_membership .tabs_menu li.active a{color:#68b03f; background-color:#fff;}
.tabs_skin_membership .tabs_panels {background: none;}

/* tab-content - 테이블 */
.tabs_skin_membership {margin-top: 30px;}
.tabs_skin_membership .tabs_panels td {border: 1px solid #dedede;}
.tabs_skin_membership .top-line td {border-top: 1px solid #65af4d;}
.tabs_skin_membership table {width: 100%;  margin:0; padding: 0; border-collapse:collapse;}
.tabs_skin_membership table h4{width: 100%; padding-left: 33px; font-size: 16px; font-weight: 600; color:#25B2C1; text-transform: capitalize;}
.tabs_skin_membership table h4 span {text-transform: uppercase;}
.tabs_skin_membership .tab-title {width: 159px; vertical-align:middle; background: #fafafa;}
.tabs_skin_membership table .table-title {width:74px; padding:0px 16px 0px 16px; vertical-align:middle; text-align:center; background: #fafafa;}
.tabs_skin_membership table .table-title p {width: 42px; line-height: 22px; font-size: 14px; font-weight:600; color:#333333;}
.tabs_skin_membership table ul {padding: 28px 40px 28px 24px}
.tabs_skin_membership table li {position:relative; padding-left: 12px; line-height: 25px; letter-spacing: -0.03em; font-size: 14px; font-weight:200; color:#777777;}
.tabs_skin_membership table li:before {content: ""; display:block;width: 3px;height: 3px; position:absolute;top: 11px; left: 0; background: #25B2C1;}
.tabs_skin_membership table .mem-highlight {padding-left: 13px; color: #65af4d;}
.tabs_skin_membership table .mem-highlight:before {content: "*"; display:block; width: 4px; height: 4px; position:absolute; top: -1px; left: -2px; background: none; }

/* tab-content - 멤버십 네트워킹 프로그램 안내 */
.tabs_skin_membership section {width: 100%; padding:0; margin: 0;}
.tabs_skin_membership section h5 {padding: 61px 0 14px 0; font-size: 20px; font-weight:600; color: #222222;}
.tabs_skin_membership .mem-info-warp {display: table; width: 100%; border-top: 1px solid #65af4d;}
.tabs_skin_membership .mem-info-warp > div {display: table-row; }
.tabs_skin_membership .mem-info-title { display:table-cell; width: 32%; padding:42px 0 42px 29px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; background: #f6f6f6 ; font-size: 15px; font-weight:600; color: #222222;}
.tabs_skin_membership .mem-info-content { display:table-cell; width: 68%; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; vertical-align: middle;}
.tabs_skin_membership section ul {padding: 14px 40px 14px 27px;}
.tabs_skin_membership section li {position:relative; padding-left: 14px; line-height: 26px; font-size: 14px; color: #777777; font-weight: 200; }
.tabs_skin_membership section li:before {content: ""; display:block;width: 3px;height: 3px; position:absolute;top: 11px; left: 3px; background: #25B2C1;}


/* **************************************** *
 * TML STYLE
 * **************************************** */

/* 회원가입 - 로그인 */
.login_form{overflow:hidden;padding: 83px 0;border:3px solid #e9ecef;width: 100%;margin: auto;}
.login_form input{box-sizing: border-box;}
.login_form .rows,.login_form .cols{float:left;}

.login_form .cols-01 li{margin-bottom: 10px;}
.login_form .cols-01 li:last-child{margin-bottom:inherit;}
.login_form .cols-01 p{position: relative;}
.login_form .cols-01 label{z-index: -1;position:absolute;visibility:hidden;}
.login_form .cols-01 input{width: 400px;padding: 14px 15px;font-family: "NotoSansKR","Gulim", sans-serif;}

.login_form .rows-01{padding-bottom:30px;border-bottom:1px solid #eeeeee;}
.login_form .rows-01 > .cols-01{margin-right: 10px;}

.login_form .rows-02{float:left;padding-top:25px;color:#555555;}
.login_form .rows-02 > .cols li{margin-bottom:10px;font-size:14px;line-height:36px;}
.login_form .rows-02 > .cols li:last-child{margin-bottom:inherit;}
.login_form .rows-02 > .cols-01{width: 290px;}
.login_form .rows-02 > .cols-01 li{position:relative;padding-left:13px;}
.login_form .rows-02 > .cols-01 li:before{content:"";display:block;position:absolute;top:50%;left:0;width:3px;height:3px;margin-top:-1.5px;background:#25B2C1;}

.login_form .rows-02 > .cols-02{width: 250px;}

/* 회원가입 - 로그인 - 버튼 */
.tml-register input:focus,.tml-registerform select:focus,.tml-lostpassword input:focus,.lost_username input:focus,.login_form input:focus{outline: 1px solid #25B2C1;outline-offset: -1px;}

.login_form input[type=submit]{width:130px;height: 100px;border: inherit;font-family: "NotoSansKR","Gulim", sans-serif;font-size:15px;color:#fff;background:#25B2C1;transition: all 0.1s ease;cursor: pointer;}
.login_form input[type=submit]:hover{background:#85bf65;}

.login_form a{display:inline-block;height:36px;border:1px solid #e0e0e0;font-size:13px;text-align:center;color:#555;transition: all 0.1s ease;}

.login_form a:hover{background:#e7e7e7;}
.login_form a[href$="register/"]:hover{color:#fff;background:#aaaaaa;}

.login_form a{width:115px;background:#fafafa;}
.login_form a{float:right;margin-left: 10px;}
.login_form a[href$="register/"]{width:100%;background:#f0f0f0;}
.login_form .login_form_inner { width: 545px;  margin: auto;}

/* 회원가입 - 아이디찾기 */
.lost_username {margin-top: 70px;padding: 83px;border: 3px solid #e9ecef;text-align: center;}
.lost_username .rows:after {content: "";display: block;clear: both;}
.lost_username .cols {float: left;margin-right: 10px;}
.lost_username .cols:last-child {margin-right: 0;}
.lost_username .cols-02 {width: 56.5%;}

.lost_username span {font-family: "NotoSansKR", "Gulim", sans-serif;font-size: 14px;line-height: 3.214;color: #555555;}
.lost_username input[name=lostUsername],
.lost_username input[type=submit]{box-sizing: border-box;font-family: "NotoSansKR", "Gulim", sans-serif;color: #555555;}
.lost_username input[name=lostUsername] {width: 300px;padding: 14px 15px;margin: 0 10px;}
.lost_username input[type=submit] {padding: 14px 30px;color:#fff;background:#25B2C1;border: 1px solid #25B2C1;transition: all 0.1s ease;cursor:pointer;}
.lost_username input[type=submit]:hover{border: 1px solid #85bf65;background: #85bf65;}

/* 회원가입 - 비밀번호찾기  - TML reset*/
.tml-lostpassword p,.tml-lostpassword input, .tml-lostpassword textarea, .tml-lostpassword label,.tml-lostpassword select{margin:0;padding:0;width: inherit;display: inline-block;}
.tml-lostpassword .tml-action-links{margin: 0;padding: 0;text-align: inherit;}
.tml-lostpassword .tml-action-links li {border: inherit;border-right: inherit;line-height: inherit;list-style: inherit;margin: 0 10px 0 0;padding: inherit;}
.tml-lostpassword .tml-action-links a{border: inherit;display: inherit;padding: inherit;text-decoration: inherit;}

/* 회원가입 - 비밀번호찾기 */
.tml-lostpassword{max-width: inherit;margin-top: 70px;padding: 83px;border: 3px solid #e9ecef;text-align: center;}

.tml-lostpassword form{margin:15px 0;}
.tml-lostpassword input{margin:0 10px;padding: 14px 15px;}
.tml-lostpassword input[type=text]{width: 260px;}
.tml-lostpassword input[type=submit]{box-sizing: border-box;margin: 0;padding: 14px 30px;border: 1px solid #25B2C1;font-family: "NotoSansKR", "Gulim", sans-serif;color:#fff;background:#25B2C1;transition: all 0.1s ease;cursor:pointer;}
.tml-lostpassword input[type=submit]:hover{border: 1px solid #85bf65;background: #85bf65;}

.tml-lostpassword a[href*='login'],
.tml-lostpassword a[href*='register']{font-size: 14px;line-height: 2.000;font-weight: 400;color: #777;transition: all 0.1s ease;}
.tml-lostpassword a[href*='login']:hover,
.tml-lostpassword a[href*='register']:hover{color:#25B2C1;}
.tml-lostpassword a[href*='login']{position: relative;}
.tml-lostpassword a[href*='login']:after{content: "";display: block;width: 2px;height: 14px;background: #ccc;margin-right: 10px;position: absolute;top: 7px;right: -16px;}

.tml-lostpassword .message {display: block;margin: 0 auto 20px;}
.tml-lostpassword .error{margin-bottom:10px;}
.tml-lostpassword .tml-action-links{ display:none}
.tml-lostpassword{ margin-top:0;}

/* 회원가입 - 공통 */
.tml-register {max-width: inherit;}
.tml-register p, .tml-register input, .tml-register textarea, .tml-register select{margin:0;padding:0;width: inherit;}
.tml-register .rows-02{text-align: center;}

.tml-register label{display:inline-block;}
.tml-register input[type=reset],
.tml-register input[type=submit]{box-sizing: border-box;width: 150px;height: 40px;margin: 0;padding: 0;font-family: "NotoSansKR", "Gulim", sans-serif;color:#fff;transition: all 0.1s ease;cursor:pointer;}
.tml-register input[type=reset],
.tml-register input[type=submit]{margin-right: 5px;border: none;background:#553e1e;}
.tml-register input[type=reset]:hover,
.tml-register input[type=submit]:hover{ border: none; background: #84745d; }
.tml-register input[type=reset]:focus,
.tml-register input[type=submit]:focus{outline:none;}
.tml-register input[type=submit]{background:#25B2C1;}
.tml-register input[type=submit]:hover{background:f093ad;}

/* 회원가입 - 약관동의 */
.tml-termsAgree .rows-01 > section{margin-bottom: 35px;padding: 50px 50px 0;border:1px solid #e5e5e5;border-top:1px solid #25B2C1;}

.tml-termsAgree article{margin-bottom: 60px;}
.tml-termsAgree article:last-child{margin-bottom:50px;}
.tml-termsAgree h2{margin-bottom:13px;font-family:"NotoSansKR","Gulim", sans-serif;font-size:20px;line-height:1.600;font-weight:600;color:#333;}
.tml-termsAgree h3{display:none;}
.tml-termsAgree h5{position:relative;margin-bottom:12px;padding-left:15px;font-size:14px;line-height:2.286;color:#333333;}
.tml-termsAgree h5:before{content:"";display:block;position:absolute;top: 50%;left:0;width:3px;height:3px;margin-top: -1.5px;background:#25B2C1;}

.tml-termsAgree .terms_box{height:236px;padding:30px 40px;font-size:16px;line-height:28px;letter-spacing:-0.5px; overflow:auto;border: 1px solid #e5e5e5;color: #666;background: #fafafa;}
.tml-termsAgree .terms_box h4{margin-bottom:35px;font-size:14px;line-height:2.000;font-weight:400;color:#666;}

.tml-termsAgree .agree_text{margin-top:20px;text-align: right;}
.tml-termsAgree .agree_text *{display:inline-block;}
.tml-termsAgree .agree_text input{margin: 0 0 0 25px;vertical-align: middle;}
.tml-termsAgree .agree_text label{font-size: 14px;line-height: 2.286;letter-spacing:-1px;color: #333;}

.tml-termsAgree .content-wrap.all{border-bottom:1px solid #eeeeee;margin-bottom: 40px;padding-bottom: 30px;}
.tml-termsAgree .content-wrap.all h5{display:none;}
.tml-termsAgree .content-wrap.all p{margin-bottom:inherit;}
.tml-termsAgree .content-wrap.all .terms_box{height:inherit;}
.tml-termsAgree .content-wrap.all .agree_text{text-align:center;margin-bottom: 0;margin-top: 10px;}
.tml-termsAgree .content-wrap.all .agree_text input{margin: 0 5px 0 0;}
.tml-termsAgree .content-wrap.all .agree_text label{font-weight:600;color:#333;}

/* 회원가입 - 회원정보입력 */
.tml-registerform table{width:100%;margin-bottom:35px;border-top:1px solid #25B2C1;}
.tml-registerform caption{padding-bottom: 17px;}
.tml-registerform caption:after{content:"";display:block;clear:both;}
.tml-registerform caption span:nth-child(1){float: left;font-size:20px;font-weight: 600;color:#333;}
.tml-registerform caption span:nth-child(2){float:right;font-size:13px;color:#25B2C1;margin-top: 7px;}

.tml-registerform th,.tml-registerform td{border-bottom:1px solid #eeeeee;}
.tml-registerform th{width: 160px;padding-left: 25px;font-size:14px;font-weight:600;color: #333;background: #fafafa;}
.tml-registerform td{padding: 15px 30px;font-size:13px;font-weight:400;color: #666;}
.tml-registerform th label{position:relative;padding-left:20px;}
.tml-registerform th label:before{content:"＊";display:block;position:absolute;left:0;color:#25B2C1;}
.tml-registerform tr:nth-child(7) ~ tr th label:before{display:none;}

.tml-registerform input[type="radio"]{margin-right:5px;}
.tml-registerform input[name=membership] + span + a[href="#"]{margin: 0 40px 0 10px;padding: 4px 8px;border:1px solid #dedede;border-radius:4px;background:#fafafa;transition:all 0.1s ease;}
.tml-registerform input[name=membership] + span + a[href="#"]:hover{border: 1px solid #25B2C1;color: #FFF;background: #25B2C1;}
.tml-registerform input[name=membership] + span + a[href="#"] > span{display:inline-block;margin-left:6px;transform:scale(0.5);}

.tml-registerform input[type=text],.tml-registerform input[type=password],.tml-registerform input[type=tel],.tml-registerform input[type=button],.tml-registerform select{box-sizing: border-box;padding: 7.5px 10px;border: 1px solid #ccc;font-family: "NotoSansKR", "Gulim", sans-serif;}
.tml-registerform select{padding: 6.5px 10px;}
.tml-registerform input[type=button]{margin-right: 10px;padding: 7.5px 24px;border: 1px solid #999999;color:#fff;background:#999999;transition: all 0.1s ease;cursor:pointer;}
.tml-registerform input[type=button]:hover{border: 1px solid #b7b7b7;/* color: #555; */background: #b7b7b7;}
.tml-registerform input[name=user_login],.tml-registerform input[type=password],.tml-registerform input[name=username],.tml-registerform input[name=username_bank]{width:250px;}
.tml-registerform input[name=user_login]{margin-right:5px;}
.tml-registerform input[name=username]{margin-right:10px;}
.tml-registerform select[name=phoneno1],.tml-registerform input[type=tel]{width:110px;}
.tml-registerform select[name=phoneno1] + span,.tml-registerform input[name=phoneno2] + span{display:inline-block;width:10px;height:1px;background:#cccccc;vertical-align: middle;}
.tml-registerform input[name=usermail_one],.tml-registerform input[name=usermail_two],.tml-registerform select[name=useremail_doc]{width:140px;margin-right: 5px;}
.tml-registerform input[name=usermail_one] + span{margin-right:5px;}
.tml-registerform input[name=postcode]{width:110px;margin-right: 5px;}
.tml-registerform input[name=postcode],.tml-registerform input[name=address]{margin-bottom:10px;}
.tml-registerform input[name=address],.tml-registerform input[name=addr2]{display:block;width:100%;}
.tml-registerform input[value*="우편번호"] + span{font-size:13px;color:#888;}

.tml-registerform .age{margin-right:20px;}
.tml-registerform .wa-ir{display: none;}

/* 회원가입 - 가입완료 */
.registered_box{margin-top: 100px;text-align: center;}
.registered_box h4{font-size: 20px;line-height: 1.600;margin-bottom: 17px;}
.registered_box h4 span{display:inline-block;position:relative;color:#25B2C1;padding-bottom: 18px;}
.registered_box h4 span:after{content:"";display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#25B2C1;}
.registered_box p{margin-bottom: 37px;}
.registered_box a{position: relative;display: inline-block;padding: 12px 30px;font-family: "NotoSansKR", "Gulim", sans-serif;font-size: 14px;font-weight: 600;color:#fff;background:#25B2C1;transition: all 0.1s ease;cursor:pointer;}
.registered_box a:hover{color: #555;background: #f0f0f0;}

/* 프로파일 - TML reset*/
.tml-profile p,.tml-profile input, .tml-profile textarea, .tml-profile label,.tml-profile select{margin:0;padding:0;width: inherit;display: inline-block;}
.tml-profile .tml-form-table th,.tml-profile .tml-form-table td {width: inherit;display: table-cell;vertical-align: inherit;}
.tml-profile input, .tml-profile textarea, .tml-profile select {width: inherit;}

/* 프로파일 */
.tml-profile{margin-top:70px;}
.tml-profile table{width:100%;margin-bottom:35px;border-top:1px solid #25B2C1;}
.tml-profile caption{padding-bottom: 17px;}
.tml-profile caption:after{content:"";display:block;clear:both;}
.tml-profile caption span:nth-child(1){float: left;font-size:20px;font-weight: 600;color:#333;}
.tml-profile caption span:nth-child(2){float:right;font-size:13px;color:#25B2C1;margin-top: 7px;}
.tml-profile th,.tml-profile td{border-bottom:1px solid #eeeeee;}
.tml-profile th{width: 160px;padding-left: 25px;font-size:14px;font-weight:600;color: #333;background: #fafafa;}
.tml-profile td{padding: 15px 30px;font-size:13px;font-weight:400;color: #666;}
.tml-profile th label{position:relative;padding-left:20px;}
.tml-profile th label:before{content:"＊";display:block;position:absolute;left:0;color:#25B2C1;}
.tml-profile tr:nth-child(7) ~ tr th label:before{display:none;}

.tml-profile input[type="radio"]{margin-right:5px;}
.tml-profile input[name=membership] + span + a[href="#"]{margin: 0 40px 0 10px;padding: 4px 8px;border:1px solid #dedede;border-radius:4px;background:#fafafa;transition:all 0.1s ease;}
.tml-profile input[name=membership] + span + a[href="#"]:hover{border:1px solid #999999;color:#fff;background:#999999;}
.tml-profile input[name=membership] + span + a[href="#"] > span{display:inline-block;margin-left:6px;transform:scale(0.5);}
.tml-profile input[type=text],.tml-profile input[type=email],.tml-profile input[type=password],.tml-profile input[type=tel],.tml-profile input[type=button],.tml-profile select{box-sizing: border-box;padding: 7.5px 10px;border: 1px solid #ccc;font-family: "NotoSansKR", "Gulim", sans-serif;}
.tml-profile select{padding: 6.5px 10px;}
.tml-profile input[type=button]{margin-right: 10px;padding: 7.5px 24px;border: 1px solid #999999;color:#fff;background:#999999;transition: all 0.1s ease;cursor:pointer;}
.tml-profile input[type=button]:hover{border: 1px solid #f0f0f0;color: #555;background: #f0f0f0;}
.tml-profile input[name=user_login],.tml-profile input[type=email],.tml-profile input[type=password],.tml-profile input[name=username],.tml-profile input[name=username_bank]{width:250px;}
.tml-profile input[name=user_login]{margin-right:5px;}
.tml-profile input[name=username]{margin-right:10px;}
.tml-profile select[name=phoneno1],.tml-profile input[type=tel]{width:110px;}
.tml-profile input[name=phoneno1] + span, .tml-profile input[name=phoneno2] + span{display:inline-block;width:10px;height:1px;margin: 0 7px 0 10px;background:#cccccc;vertical-align: middle;}
.tml-profile input[name=usermail_one],.tml-profile input[name=usermail_two],.tml-profile select[name=useremail_doc]{width:140px;margin-right: 5px;}
.tml-profile input[name=usermail_one] + span{margin-right:5px;}
.tml-profile input[name=postcode]{width:110px;padding: 7.5px 24px;margin-right: 5px;}
.tml-profile input[name=postcode],.tml-profile input[name=address]{margin-bottom:10px;}
.tml-profile input[name=address],.tml-profile input[name=addr2]{display:block;width:100%;}
.tml-profile input[value*="우편번호"] + span{font-size:13px;color:#888;}

.tml-profile .age{margin-right:20px;}
.tml-profile .membership{margin-right:20px;}
.tml-profile .wa-ir{display: none;}

.tml-profile .rows-02{text-align: center;}
.tml-profile input[type=reset],.tml-profile input[type=submit]{box-sizing: border-box;width: 150px;height: 40px;margin: 0;padding: 0;font-family: "NotoSansKR", "Gulim", sans-serif;color:#fff;transition: all 0.1s ease;cursor:pointer;}
.tml-profile input[type=reset]{margin-right: 5px;border: 1px solid #553e1e;background:#553e1e;}
.tml-profile input[type=submit]{border: 1px solid #25B2C1;background:#25B2C1;}
.tml-profile input[type=reset]:hover,.tml-profile input[type=submit]:hover{border: 1px solid #f0f0f0;color: #555;background: #f0f0f0;}





/* **************************************** *
 * MOBILE ONLY STYLE
 * **************************************** */
.mobile .post_header { position: fixed; top: 0; left: 0;background-size: cover !important;}
.mobile.single .body_container  { top: 280px;}




/* **************************************** *
 * MEDIAQUERIES
 * **************************************** */
@media (min-width:1904px){
    .post_header {background-size: cover;}
}

@media (min-width:1001px){
    .intro_inner .top_intro {padding-top: 24px;}
}

@media (max-width:1000px){
    .wrap{width: 100%;padding:0 5%;}

    /* HOME_INTRO */
    .intro_inner figure {float: none;margin: 0 auto;}
    .intro_inner .top_intro {float: none;margin: 5% auto;padding-left: 0;text-align: center;}

    #header .facebook_like .fb-like {position: relative;}
    #header #fb_like_header { display: block;}
    .intro_inner .top_intro .facebook_like {
        width: 100%;
        /*height: 38px;*/
        margin: 3% 0 2.6% 0;
        /*padding: 3% 2%;*/
        /*background: #f7f7f7;*/
        /*border: 1px solid #dedede;*/
    }
    /*.intro_inner .top_intro .facebook_like {
        width: 100%;
        height: 38px;
        margin: 3.2% 0 0 0;
        overflow-x: hidden;
    }*/
    .intro_inner .top_intro .facebook_like #fb_like_header {
        float: none;
        display: block;
        margin-right: 0;
    }
    .intro_inner .top_intro .facebook_like #fb_like_header_text {
        display: none;
        /*margin-left: -73px;*/
    }
    /*#fb_like_header_text > span {
        width: 426px !important;
        margin-left: -104px;
    }*/

	.post_list .list_thumb:before {margin-right: calc(100% - 165px); right: 0;}

}

@media (max-width:900px){
    .body_container { position: relative;min-height: calc(100% - 597px);}
}

@media (max-width:782px){
    /* ADMIN BAR - HEADER */
    .admin-bar #slide_header {top: 46px;}
}

@media (max-width:730px){

    /* Show close */
    #small_menu_close{ display:block; opacity:0}

    /* LOARD MORE */
    #loadmore{ padding-top: 30px;}

    /* SMALL SCREEN USE DEFAULT FONT */
    body{font-family: sans-serif;}

    /* ADMIN BAR  */
    html[lang="ko"] {margin-top: 0px !important;}

    .wrap {padding: 0;}

    /* HEADER */
    .menu_info h2, ul#menu a {font-weight: 600;}
    #header {/*border-bottom: 1px solid #e5e5e5;*/}
    /*#slide_header.minimize{-webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px)} */
    .admin-bar #small_menu_close{top: 20px;}

    #slide_header {height: 60px;}
    .home #slide_header, .category #slide_header {opacity: 1;}
    /* #slide_header, */
    #slide_header.minimize {background: #ffffff;background: rgba(255,255,255,0.9);}
    #slide_header{border-bottom: 0px solid rgba(0,0,0,0);}
    #slide_header.minimize {border-bottom: 1px solid rgba(0,0,0,0.3);}
    #small_menu_btn span, #small_menu_btn:before, #small_menu_btn:after{background: rgb(68, 72, 82);}
    #slide_header h1 a{color: #000;}
    #small_menu_btn, #slide_header.minimize #small_menu_btn {top: 8px;left: 10px;}
    #slide_header h1, #slide_header.minimize h1 {top: 17px;left: 55px;}

    #slide_header.minimize #small_menu_btn span, #slide_header.minimize #small_menu_btn:before, #slide_header.minimize #small_menu_btn:after {/* background: #fff; */}
    #slide_header.minimize h1 a {/* color: #fff; */}

    .single #slide_header.minimize {border-bottom: 1px solid rgba(0,0,0,0.3);}
    .single #small_menu_btn span,
    .single #small_menu_btn:before,
    .single #small_menu_btn:after{background: #fff;}
    .single #slide_header h1 a{color: #fff;}
    .single #slide_header.minimize h1 a{color: #000;}

    /* HOME_INTRO, HOME_MENU */
    .intro_inner {margin-top: 60px;padding-bottom: 0;}
    .intro_inner .top_intro p br {display: none;}
    .home_menu_inner {display: none !important;}

    /* POST_HEADER */
    .post_header {height: 340px; /*margin-top: 60px;*/}
    .post_header h1.title {padding: 3%;font-size: 34px;}
    .post_header .category {font-size: 14px;}
    .post_header p.hit {font-size: 13px;}

    /* MAIN, CATEGORY */
    .post_list { margin-top: 0;margin-bottom: 0;}
    .post_list li:hover{border-bottom: 1px solid #e5e5e5;/* box-shadow: none; */}
    .post_list li:active{border-bottom: 1px solid #25B2C1;/*box-shadow: 0 1px 0 0 #25B2C1;*/}
    .post_list li a {padding: 5.6% 5% 5.5%;}
    .post_list li a:hover{}
    .post_list li a:hover .list_detail .title{color: #000;}
    .post_list li a:active{}
    .post_list li a:active .list_detail .title{color: #25B2C1;}
    .post_list .list_detail {padding: 0 2% 0 5%;}
    .post_list .list_detail .title {font-weight: 500;}

    /* FOOTER */
    #footer {display: none;}

    /* POST PAGE */
    .single .body_container {overflow: hidden;padding-bottom: 40px;}
    .post_content {padding: 0 5%;/* padding: 0; */}
    .post_content .content img {width: 100%;margin: 0;max-width: none;}
    .post_content .content p {/* padding: 0 5%; */}
    .author_preview {/*margin-bottom: 4%;padding: 3.5% 0 3.5%;border-bottom: 1px solid #e5e5e5;*/}
    .author_view {padding: 4.5% 1% 4.5% 5%;}
    .author_view figure {margin-top: 0;}
    .author_view > div {width: 79%;}
    .sns_info .facebook_like_info {padding: 1% 0;}
    .facebook_ad {margin: 0 5%;padding: 3.8% 0 4% 4.5%;}
    .facebook_ad > div {width: 80%;}

    /* POST FOOTER */
    .post_footer {/* padding:0 5%; */}

    /* QUICK MENU */
    .main_quick_more { display: none; }
    .main_quick_icon { position: inherit; margin: auto; }
    .main_quick_container li:first-child a,
    .main_quick_container li a { height: auto; border: 0px; }
    .main_quick_content { padding: 0; text-align: center; }
    .main_quick_container h2 { font-size: 12px; padding-top: 10px; }
    .main_quick_container {margin-bottom: 0; }
    .main_board_inner.wrap { padding-left: 0; padding-right: 0; }
    .main_board_notice { padding-left: 5%; padding-right: 5%; }

    /* TML STYLE */
    .login_form .cols-01 input { width: 100%; }
    .login_form .rows-01 > .cols-01 { width: 100%; padding-right: 140px; margin-right: 0; }
    .login_form .rows-01 { width: 100%; position: relative; }
    .cols.cols-02.login-submit { position: absolute; right: 0; top: 0; }
    .login_form { padding-left: 5%; padding-right: 5%; overflow: inherit; float: left; width: 90%; }
    .login_form .login_form_inner { width: 100%; }
    .login_form .rows-02 > .cols-01 { width: auto; }
    .login_form .rows-02 > .cols-02 { float: right; width: auto; }
    .login_form .rows-02 { width: 100%;}
    .tml-lostpassword p { display: block;}
    .tml-lostpassword { padding: 83px 10%;}
    .tml-lostpassword label {  padding-bottom: 10px;}
    .tml-lostpassword input[type=text] { width: 100%; margin: 0; margin-bottom: 10px;}

    /* 404 */
    #error_404 {padding: 0 5%;}
    #error_404 p br {display: none;}
}

@media (max-width:680px){
    /* POST PAGE */
    .facebook_ad figure {margin-top: 2%;}
}

@media (max-width:600px){
    /* ADMIN BAR - HEADER */
    #wpadminbar{/* display:none;*/position:fixed !important;}
    .admin-bar #slide_header {/*top: 0;*/}
}

@media (max-width:590px){
    /* HOME_INTRO, HOME_MENU */
    .intro_inner {padding-bottom: 4.3%;}
    .intro_inner figure {width: 132px;}
    .intro_inner .top_intro {margin: 3% auto;}
    .intro_inner .top_intro h1 {font-size: 22px;}
    .intro_inner .top_intro p {font-size: 13px;}
    /*.intro_inner .top_intro .facebook_like #fb_like_header {width: 55px; margin-right: 0;}*/
    /*.intro_inner .top_intro .facebook_like p {font-size: 12px;}*/

    /* POST_HEADER */
    .post_header {height: 320px;}
    .post_header h1.title {padding: 5%;font-size: 30px;}

    /* MAIN, CATEGORY */
    .post_list .list_thumb img {width: auto; height: auto;max-width: 100%;}
    .post_list .list_detail .title {display: block;margin-bottom: 11%;font-size: 22px;line-height: 1.3;overflow: hidden;text-overflow: ellipsis;white-space: inherit;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .post_list .list_detail .excerpt { display: none; }
    .post_list .list_detail .hit {position: absolute; bottom: 0; padding-bottom: 5.3%;}

    /* POST PAGE */
    .post_content .content h1 {font-size: 24px;}
    .post_content .content h2 {font-size: 21px;}
    .post_content .content h3 {font-size: 19px;}
    .post_content .content h4 {font-size: 17px;}
    .post_content .content h5, .post_content .content h6 {font-size: 16.5px;}
    .post_content .content p {font-size: 16.5px;line-height: 1.5555;}
    .post_content .content blockquote {padding-top: 30px;padding-bottom: 5%;margin-bottom: 2%;}
    .post_content .content blockquote:before {font-size: 50px;}
    .post_content .content blockquote p {font-size: 20px;}
    /*.post_content .content blockquote p {font-size: 16.5px;line-height: 1.5555;}*/
    .post_content .content .wp-caption p.wp-caption-text {padding: 10px 4px 5px;}

    .author_view > div {width: 78%;padding: 0 0 0 3.5%;}

	.post_list .list_thumb:before{right: 7px; bottom: 7px; margin-right: 0;}
}

@media (max-width:540px){
    /* POST PAGE */
    .author_view figure {width: 75px;height: 75px;}
    .author_view figure img {width: 100%;height: 100%;}
    .author_view > div {width: 78%;padding: 0 0 0 5%;}
    .author_view p {font-size: 12px;}
	.author_preview p {line-height: 1.5; margin-top: 2px;}
    .sns_info .facebook_like_info {padding: 1.8% 0;}
    .facebook_ad > div {width: 75%;}

    /* LOGIN */
    .login_form .rows-01 > .cols-01 { padding-right: 0; }
    .cols.cols-02.login-submit { position: inherit; width: 100%; margin-top: 10px; }
    .login_form input[type=submit] { width: 100%; height: 45px; text-align: center; }
    .login_form .rows-02 > .cols-01 { width: 100%; text-align: center; }
    .login_form .rows-02 > .cols li:last-child { display: inline-block; font-size:12px }
    .login_form a { width: 100%; float: none; margin: 0; display: block; }
    .login_form .rows-02 > .cols.lost_box_right li:last-child{ width:100%}
    .login_form .rows-02 > .cols-02 { width: 100%;}
    .tml-lostpassword input[type=submit] { width: 100%;}
}

@media (max-width:480px){
    /* HAEDER */
    #slide_header, .home #slide_header, .category #slide_header, #slide_header.minimize {height: 40px;}

    #small_menu_btn span, #small_menu_btn:before, #small_menu_btn:after {width: 22px;}

    #small_menu_btn span{top: 14px;}
    #small_menu_btn:after {top: 28px;}

    #small_menu_btn, #slide_header.minimize #small_menu_btn {top: 0px;left: 6px;}
    #slide_header h1, #slide_header.minimize h1 {top: 12px;left: 45px;font-size: 15px;}

    /* HOME_INTRO, HOME_MENU */
    .intro_inner {margin-top: 50px;}
    /*.intro_inner .top_intro .facebook_like {margin: 6% 0 5.6% 0;}*/
    /*.intro_inner .top_intro .facebook_like img {width: 62px;}*/
    /*.intro_inner .top_intro .facebook_like #fb_like_header, .intro_inner .top_intro .facebook_like #fb_like_header_text {display: block;margin: 1% auto;}*/

    /* POST_HEADER */
    .post_header {height: 300px; /* margin-top: 40px; */}
    .post_header h1.title {padding: 5%;font-size: 25px;}

    /* MAIN, CATEGORY */
    .post_list .list_detail .title {margin-bottom: 5%;font-size: 18px;}

    /* POST PAGE */
    .post_content .content p.hasImg{padding:0;}
    .author_preview > div {padding: 0 0 0 2.8%;}
    .sns_share p {display: none;}
    .sns_info {padding: 3.8% 0 2.8%;}
    .sns_info .sns_share ul {width: 160px;}
    .facebook_ad figure {width: 67px;height: 67px;margin-top: 5%;}
    .facebook_ad h2 {font-size: 16px;}
    .facebook_ad > div {width: 74%;}
    .facebook_ad p {font-size: 12px;}

    /* LOGIN */
    .login_form .rows-02 > .cols-01 li:before{ display:none;}
    .login_form .rows-02{ padding-top:0}
}

@media (max-width:420px){
    /* POST PAGE */
    .author_view > div {width: 70%;}
}

@media (max-width:400px){
    /* POST_HEADER */
    .post_header {height: 280px;}
    .post_header h1.title {font-size: 23px;}

    /* MAIN, CATEGORY */
    .post_list .list_detail .title {font-size: 17px;}
    .post_list .list_detail .hit {font-size: 12px;}

    /* POST PAGE */
    .sns_info {padding: 3.8% 0 3.8%;}
    .author_preview > div {width: 75%;}

    /* 404 */
    #error_404 p {padding: 8% 0 7% 0;}
    #error_404 nav a, #error_404 nav a.error_404_goback {display: block;width: 156px;margin: 10px auto;padding: 12px 0 12px 0;}
}

@media (max-width:358px){
    /* POST PAGE */
    .facebook_ad figure {margin-top: 8%;}
    .facebook_ad > div {width: 71%;}
}

@media (max-width:320px){
    /* POST PAGE */
    .author_preview > div {width: 70%;}
    .author_view > div {width: 68%;}
}