/* Theme Name: 중앙선데이 Description: Twenty Thirteen Child Theme Template: twentythirteen */ /* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */ /*@import url('css/font-awesome.css');*/ html, button, input, select, textarea, h1, h2, h3, h4, h5, h6 { color:#333; font-family: "Malgun Gothic", Helvetica, sans-serif; letter-spacing:-0.04em; word-break: keep-all;} html {font-size:14px;} .single #content .hentry {font-size:16px;} body {line-height:1.6em;} body a, .widget a, a:visited {color:#333; cursor:pointer; } body a:hover, .widget a:hover, .entry-title a:hover {color:#0e509f} .widget a .content-area:after, .clearfix:after {content: " "; visibility: hidden; display: block; height: 0; clear: both;} ul.no-bullet {padding-left:0; list-style-type:none;} .border-wrapper {border:1px solid #e9e9e9} .fa {vertical-align:-0.1em;} /* Joins GNB */ .sunday .joins_gnb .doc, .sundaydev .joins_gnb .doc {width:1024px;} ul.family_site, ul.member {margin:0; padding:0;} .joins_gnb, .joins_gnb * {box-sizing: content-box} /* Joins GNB Search Fix */ .content-area .hentry p {margin:0 0 24px;} .site .search-form {position:relative; background-color:transparent; border:none; box-shadow:none; border-radius:0;} .site .search-form label {position:relative; visibility:visible; font:14px/1.4em "Malgun Gothic"; height:auto; position:relative} .site #main .search-form input {width:auto; height:auto; line-height:1.4em; border:1px solid #e9e9e9;} .pay dl, .pay dd {margin:0;} #m-header .search-form {position:absolute; top:5px; right:20px; background-color:transparent; border:none; box-shadow:none; border-radius:0;} #m-header .search-form label {position:relative; visibility:visible; font:14px/1.4em "Malgun Gothic"; height:auto; position:relative} #m-header .search-form input {width:0; height:auto; line-height:1.4em; border-radius:0;-webkit-border-radius:0; -webkit-appearance:none;} #m-header .search-form input.search-field {position:relative; height:48px; padding:0 30px 0 10px; float:right;background:url('images/icon_search.png') right center no-repeat #fff; background-size:16px 16px; z-index:1; transition:width 400ms ease 0s, background 400ms ease 0s} .ie8 #m-header .search-form input.search-field {background-image:url('images/ie8/icon_search__.png')} #m-header .search-form input.search-field:focus {border:1px solid #999; width:260px; background-position:235px 16px;} /* 기본레이아웃 */ .site {max-width:100%; border:none;} .site-header .home-link, .site-main, .navbar .main-navigation, .site-footer {max-width:1024px; margin:0 auto;} .sidebar .list-wrapper, .sidebar .content-area {width:680px; float:left; padding:0;} .sidebar .content-area.fullwidth {width:100%; float:none;} .sidebar .site-main .sidebar-container, .site-main .section-wrapper .sidebar-container {width:300px; height:auto; position:relative; float:right; top:auto;} .sidebar-container, .hentry, .single .title-wrapper{padding-top:20px;} .single .sidebar-container, .page .sidebar-container, .single .hentry, .page .hentry {padding-top:38px;} .site-footer {margin-top:30px !important;} #m-header {display:none;} b, strong {font-weight:normal;} .single .site-content .hentry b, .single .site-content .hentry strong {font-weight:600;} .phone-show {display:none} /* Form 요소 */ .sunday button, .sunday input, .sunday textarea, .sunday select, .sundaydev button, .sundaydev input, .sundaydev textarea, .sundaydev select {border:1px solid #c6c6c6; padding:5px; border-radius:0;} .sunday input[type="checkbox"], .sundaydev input[type="checkbox"] {margin-right:7px; border:none !important;} .sunday input[type="radio"], .sundaydev input[type="radio"] {border:none !important; border-radius:50%; } .sunday input:focus, .sunday textarea:focus, .sundaydev input:focus, .sundaydev textarea:focus{border:1px solid #375c88} .sunday select, .sundaydev select {padding:4px;} .sunday input, .sunday textarea, .sundaydev input, .sundaydev textarea{color:#9f9f9f;} .sunday a.button, .sunday a.button:hover, .sunday a.button:link, .sunday input[type="submit"], .sunday input[type="button"], .sundaydev a.button, .sundaydev a.button:hover, .sundaydev a.button:link, .sundaydev input[type="submit"], .sundaydev input[type="button"] {background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #777777 0%, #777777 100%) repeat scroll 0 0;/* background-color:#375c88;*/ color:#fff; text-decoration:none; padding:6px 15px; border:none;} #ui-datepicker-div {background:#ffffff; font-size:13px; border:1px solid #ddd; padding:10px; display:none;} .ui-datepicker-header {position:relative;} #ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next {font-size:11px;} #ui-datepicker-div .ui-icon {position:absolute; cursor:pointer;} #ui-datepicker-div .ui-icon-circle-triangle-e {right:0;} .ui-datepicker-title {font-size:14px;font-weight:bold; padding-bottom:8px; text-align:center;} #ui-datepicker-div td {font-size:13px; line-height:15px; padding:3px 5px; text-align:center; border-top:none;} #ui-datepicker-div td.ui-state-disabled {color:#ccc;} #ui-datepicker-div td:hover {background-color:#ededed;} #ui-datepicker-div td.ui-state-disabled:hover {background-color:transparent;} #ui-datepicker-div td:hover a {font-weight:bold;} #ui-datepicker-div td a {color:#333} #ui-datepicker-div td a:hover {text-decoration:none;} #ui-datepicker-div th {text-align:center; font-size:13px;} .ui-datepicker-calendar {margin:0; border:none !important;} input.datepicker {background:url('images/icon_calendar.png') 95% 5px no-repeat #fff; background-size:16px; } .ie8 input.datepicker {background-image:url('images/ie8/icon_calendar__.png')} input.datepicker:after {position:absolute; width:1px; height:100%; border-left:1px solid #c6c6c6; top:0; left:90%; content:" "} /*테이블 */ .single .site-content .hentry table, .single .site-content .hentry table {table-layout:fixed;} table.base {border-top:1px solid #ddd;} table.base th, table.base.myinfo td {border-bottom:1px solid #ddd; padding:10px 15px;} table.base th {width:150px;} table.base input[type="text"] {width:100%; max-width: 170px; height:30px; margin-right:5px;} table.base textarea {width:100%;} input[type='search']::-ms-clear{color:#999; width:16px; margin-right:5px;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { color:#999; width:16px; } /* Mother theme FIX */ a:focus {outline:none;} .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta, .sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form, .sidebar .page-content{padding-left:0; padding-right:0;} .archive-header, .comment-respond { background-color: transparent;} .widget .widget-title, .archive-title, .archive-meta, .comments-title{font-style:normal; font-family:inherit;} .categories-links a:first-child::before {content:""} img {max-width:100%; height:auto;} em {font-style:normal;} button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { background: #d94412; /* Old browsers */ background: -webkit-linear-gradient(top, #375c88 0%, #375c88 100%); /* Chrome 10+, Safari 5.1+ */ background: linear-gradient(to bottom, #375c88 0%, #375c88 100%); /* W3C */ border: none; border-top: 0px solid #375c88; padding: 6px 15px; } .wp-caption .wp-caption-text, .entry-caption, .gallery-caption {font-size:13px; font-style:normal; padding:5px 0; line-height:1.6em} ins {background:none transparent;} /* 이관된 콘텐츠 Fix */ table.reg-img-tbl {border:none !important; max-width:100%; table-layout:fixed} table.reg-img-tbl.img-right {float:right; max-width:45%; margin-left:15px;} table.reg-img-tbl.img-center, table.reg-img-tbl.img-nostyle {margin:0 auto;} table.reg-img-tbl table.reg-img-tbl, table.reg-img-tbl table {max-width:100%; table-layout:fixed;} table.reg-img-tbl table {margin-bottom:0} table.reg-img-tbl td {padding:0;} table.reg-img-tbl img {display:block; margin:0 auto;} table.reg-img-tbl .px11 {padding:5px 10px; display:block; line-height:1.4em;} .boxNews02 {display:none;} table.reg-img-tbl table, table.reg-img-tbl td, table.reg-img-tbl table td {border:none !important;} /* Top GNB */ #top-gnb {height:30px; line-height:30px; background-color:#f2f2f2; border-bottom:1px solid #e6e6e6; box-shadow:0 0 1px #f9f9f9} .logo-joins {float:left; margin-top:5px;} .menu-top-gnb-sites-container {float:right;font-size:11px; font-family:Dotum; letter-spacing:-0.5px;} .menu-top-gnb-sites-container ul {list-style-type:none;} ul#menu-top-gnb-sites { margin:0;} ul#menu-top-gnb-sites > li {float:left; position:relative} ul#menu-top-gnb-sites > li.more-sites > a {padding-right:15px; background:url("images/btn-more.png") right 4px no-repeat;} ul#menu-top-gnb-sites > li.bold {font-weight:bold;} ul#menu-top-gnb-sites > li > a {line-height:1em; padding:4px 5px 5px; border-right:1px solid #efefef; color:#888;} ul#menu-top-gnb-sites > li ul.sub-menu {position:absolute; right:0; top:30px; padding:5px; width:85px;z-index:1; display:none; border:1px solid #e6e6e6; background-color:#fff;} ul#menu-top-gnb-sites > li ul.sub-menu.active {display:block;} ul#menu-top-gnb-sites > li.more-sites {position:relative;} ul#menu-top-gnb-sites > li.more-sites > ul.sub-menu {width:705px; padding:0; z-index:999; border:none;} ul#menu-top-gnb-sites > li.more-sites > ul.sub-menu > li {float:left; width:140px; height:180px; background-color:#333; color:#fff; border:none;} ul#menu-top-gnb-sites > li.more-sites > ul.sub-menu > li a {padding-left:10px; padding-right:10px; color:#666; font-size:12px; color:#666} ul#menu-top-gnb-sites > li.more-sites > ul.sub-menu > li.no-border a {border:none; } ul#menu-top-gnb-sites > li.more-sites > ul.sub-menu > li > a {color:#fff; font-weight:bold; line-height:33px; font-size:12px; display:block; border:1px solid #575757; border-width:0 0 0 1px; } ul#menu-top-gnb-sites > li.more-sites > ul.sub-menu > li, ul#menu-top-gnb-sites > li.more-sites > ul.sub-menu > li ul.sub-menu {width:95px; } ul#menu-top-gnb-sites > li.more-sites > ul.sub-menu > li.col-wide, ul#menu-top-gnb-sites > li.more-sites > ul.sub-menu > li.col-wide ul.sub-menu {width:135px;} ul#menu-top-gnb-sites > li.more-sites > ul.sub-menu > li.col-3, ul#menu-top-gnb-sites > li.more-sites > ul.sub-menu > li.col-3 ul.sub-menu {width:285px;} ul#menu-top-gnb-sites > li.more-sites > ul.sub-menu > li.col-3 ul.sub-menu li {float:left; width:33.3%;} ul#menu-top-gnb-sites > li.more-sites > ul.sub-menu > li.no-border, ul#menu-top-gnb-sites > li.more-sites > ul.sub-menu > li.no-border ul.sub-menu {border:none;} ul#menu-top-gnb-sites > li.more-sites > ul.sub-menu > li ul.sub-menu {position:relative; border:1px solid #ececec; border-width:0 0 0 1px; ; right:0; top:0; background-color:#fff; padding:5px 0 5px 0; height:147px;} ul#menu-top-gnb-sites > li.more-sites > ul.sub-menu > li ul.sub-menu li {height:25px} ul#menu-top-gnb-sites .sub-menu > li.menu-item-has-children > a::before {display:none;} /* Header */ .site-header {background:none;} .site .site-header .search-form {position:absolute; top:4px !important; margin-top:0; border:none; background:none transparent; box-shadow:none;} .site .site-header .search-form label {z-index:5;width:auto; background:transparent; position:absolute; right:0; top:0; overflow:visible;} .site .site-header .search-field {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;; text-indent:-1000px; overflow:hidden;padding:0 34px 0 10px; border:none; height:30px; float:right; background:url('images/icon_search.png') right center no-repeat; background-size:16px 16px; } .ie8 .site .site-header .search-field {background-image:url('images/ie8/icon_search__.png') } /* .site .site-header .search-field:focus {text-indent:0; } */ .site .site-header .search-field:focus {text-indent:0; right:20px; padding-right:0; background:none;z-index:0; position:absolute;} .site .site-header .search-form .search-submit {margin-top:10px; position:relative; display:block;width:16px; height:16px; background:url('images/icon_search.png') right center no-repeat; background-size:16px 16px; text-indent:-1000px; text-align:left; overflow:hidden; z-index:2;padding:0} .ie8 .site .site-header .search-form .search-submit {background-image: url('images/ie8/icon_search__.png')} .site .site-header input[placeholder] {/*color:transparent;*/} .site .site-header input:focus [placeholder] {color:#ddd;} .site .site-header .search-field:focus {background-color:#fff;border:1px solid #d2dadc; width:160px; max-width:160px; } .logo-main {max-width:240px;} .logo-main-left {max-width:120px; position:absolute; left:0; bottom:28px;} .home-link h1.header-title, h1.header-title a {font-size:45px; font-weight:normal; letter-spacing:0;display:inline-block; color:#16549e; line-height:80px; margin:0;} h1.header-title a:hover {text-decoration:none;} .site-header .home-link {min-height:62px; text-align:center; padding:0; position:relative; height:80px;} .site-description {font-style:normal; font-size:11px; font-family:"Malgun Gothic"; color:#888; letter-spacing:-0.02em;} .jeho-wrap {position:absolute; left:17px; bottom:14px;} .jeho-wrap p {padding:0; margin:0; text-align:center;} .bnr-gnb {position:absolute; right:0; top:13px; border:1px solid #dedede} p.pub-date {font-size:16px; font-weight:bold;} p.jeho {font-size:13px; color:#666;} .jeho-wrap ul {margin:0;} .jeho-wrap ul li a {position:absolute; width:7px; height:11px; top:17px;overflow:hidden; background:url('images/arrow-jeho.png') left top no-repeat; text-indent:-1000px; display:inlind-block} .jeho-wrap ul li.jeho-prev a {left:-17px; background-position:0 0} .jeho-wrap ul li.jeho-next a {right:-17px; background-position:-8px 0} /* Navigation */ .nav-menu#primary-menu > li > a {font-size:16px; font-weight:600; color:#666; padding:14px 30px;} .nav-menu#primary-menu > li > a:hover, #primary-menu > li.menu-item-has-children > a:hover:before, .nav-menu#primary-menu > li.current-menu-item > a, .nav-menu#primary-menu > li.current-menu-item > a:before {color:#16549e} .nav-menu .sub-menu li a {padding:10px 15px; font-size:14px; color:#666; margin:0 10px} .nav-menu .sub-menu, .nav-menu .children {background-color: #fff; border: 1px solid #f1f1f1; padding:0 0 5px 0;} .nav-menu .sub-menu ul, .nav-menu .children ul {border-left: 1px solid #f1f1f1; top: -1px; padding:0 10px 10px;} ul.nav-menu ul a, .nav-menu ul ul a { color: #ccc; width: 190px; border-top:1px solid #f1f1f1;} ul.nav-menu ul li:first-child a, .nav-menu ul ul li:first-child a { border:none;} ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, .nav-menu ul ul a:focus { background-color: transparent;} ul.nav-menu ul li:hover, .nav-menu ul ul li:hover, ul.nav-menu ul li:focus, .nav-menu ul ul li:focus { background-color: #eceff4;} .navbar {max-width:100%; background-color:transparent;} .navbar #site-navigation {border:1px solid #1a57a3; border-width:5px 0 1px; position:relative; background:#fff;} .fix .navbar {position:fixed; top:0; z-index:10;} .fix #site-navigation {background:url('images/dimm-w-90.png')} .navbar #site-navigation ul.nav-menu {text-align:center;} .navbar #site-navigation ul.nav-menu li {text-align:left;} .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a { color: #5480b8; font-style: normal;} .nav-menu li:hover > a,.nav-menu li a:hover,.nav-menu li:focus > a,.nav-menu li a:focus { background-color: transparent; color: #5480b8; font-weight:bold;} .sub-menu > li.menu-item-has-children > a:before, #primary-menu > li.menu-item-has-children > a:before, #primary-menu-pop > li.menu-item-has-children > a:before { display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; position:absolute; width:10px; height:20px;font-size:12px; color:#666; color:#d1d1d1; right:15px;content:"\f0da";} #primary-menu > li.menu-item-has-children > a:before {content:"\f0d7"; right:12px; top:17px;} /* 팝버튼 팝메뉴 */ .navbar #site-navigation .pop-menu-btn {position:absolute; top:0; left:0;} .navbar #site-navigation .pop-menu-btn .pop-menu {cursor:pointer; display:inline-block;} .navbar #site-navigation .pop-menu-btn .pop-menu em {width:20px; height:15px; background:url("images/icon_menu_sunday.png") no-repeat left top; display:block; background-size:40px 15px; margin:15px} .ie8 .navbar #site-navigation .pop-menu-btn .pop-menu em {background-image:url("images/ie8/icon_menu_sunday__.png") } .navbar #site-navigation .pop-menu-btn.active .pop-menu {background-color:#0066b2} .section-smagazine .navbar #site-navigation .pop-menu-btn .pop-menu em {background-image:url("images/icon_menu_smagazine.png");} .ie8 .section-smagazine .navbar #site-navigation .pop-menu-btn .pop-menu em {background-image: url("images/ie8/icon_menu_smagazine__.png")} .section-smagazine .navbar #site-navigation .pop-menu-btn.active .pop-menu {background-color:#000} .navbar #site-navigation .pop-menu-btn.active .pop-menu em {background-position:-20px 0;} .navbar #site-navigation .pop-menu-btn .menu-main-menu-container {display:none; z-index:10; position:relative; background-color:#fff; margin-top:-6px;} .navbar #site-navigation .pop-menu-btn.active .menu-main-menu-container {display:block;} .navbar #site-navigation .pop-menu-btn .menu-main-menu-container ul {margin-top:0; padding:0; border:1px solid #f1f1f1; background-color:#fff;} .navbar #site-navigation .pop-menu-btn .menu-main-menu-container ul li {position:relative;} .navbar #site-navigation .pop-menu-btn .menu-main-menu-container ul li:hover {background-color:#eceff4} .pop-menu-btn .menu-main-menu-container ul.sub-menu {position:absolute; left:100%; top:-1px; display:none;} .navbar #site-navigation .pop-menu-btn .menu-main-menu-container a {color:#666; padding:10px 15px; line-height:1em; border-top:1px solid #f1f1f1; display:block; width:200px;} .navbar #site-navigation .pop-menu-btn .menu-main-menu-container a:hover {color:#5480b8; font-weight:600;} /*.navbar #site-navigation .pop-menu-btn .menu-main-menu-container li:first-child a {border:none;}*/ .navbar #site-navigation .pop-menu-btn li:hover > ul {display:block;} /* 모바일메뉴 */ .m-menu-header {background-color:#1a57a3; height:50px; padding:0 15px;} .m-menu-header .dcjq-count, .m-menu-header .dcjq-icon {display:none;} .m-menu-header > a, .m-menu-header > a:hover {line-height:49px; color:#fff; text-decoration: none;} .m-menu-wrapper a:hover {text-decoration:none} .m-menu-header .my-info {float:right;} .m-menu-wrapper .menu li a {position:relative;} .m-menu-wrapper .menu > li > a {display:block; padding: 0 15px; line-height:50px; color:#666; font-weight:bold; font-size:14px; border-bottom:1px solid #f2f2f2; border-top:1px solid #f2f2f2; margin-top:-1px;} .m-menu-wrapper .menu > li > a.active {background-color:#e9f0f9; color:#1a57a3} .m-menu-wrapper .menu .sub-menu > li a {display:block; width:100%; float:left; background-color:#f9f9f9;} .m-menu-wrapper .menu .sub-menu > li.current-menu-item a {color:#1957a2; font-weight:600;} .m-menu-wrapper .menu > li > .sub-menu > li > a {line-height:40px; padding:0 0 0 25px; color:#666; font-size:13px; max-height:34px; overflow:hidden; } .m-menu-wrapper .menu > li > .sub-menu > li:nth-child(odd) > a {border-right:1px solid #f2f2f2;} .m-menu-wrapper ul:after {content: " "; visibility: hidden; display: block; height: 0; clear: both;} .m-menu-wrapper ul#menu-main-menu > li > a {background:url('images/arrow_menu.png') 240px -80px/10px 150px no-repeat; overflow:hidden;} .m-menu-wrapper ul#menu-main-menu > li.menu-item-has-children > a {background-position:240px -30px } .m-menu-wrapper ul#menu-main-menu > li.menu-item-has-children > a.active {background-position:240px 20px } .m-menu-wrapper .dcjq-accordion ul li.hts a {padding-left:40px; background-position:20px 15px; color:#5b9dc9 !important} /* ==========================================*/ /* 모바일메뉴 추가 */ /* ==========================================*/ .sunday #jPanelMenu-menu .m-menu-wrapper, .sundaydev #jPanelMenu-menu .m-menu-wrapper{height:100%; overflow-y:scroll} .m-menu-wrapper div .main-menu dl.level1 dt span {font-family:"Malgun Gothic" !important; font-size:14px !important; font-weight:bold !important; color:#666 !important; line-height:50px !important; padding-top:0 !important; padding-bottom:0 !important} .m-menu-wrapper div .main-menu dl.level1 dt.opened > span > span, .m-menu-wrapper div .main-menu dl.level1 dt.opened > span > span a, .m-menu-wrapper div .main-menu dl.level1 dt.opened > span > span a span{color:#1a57a3 !important;} .m-menu-wrapper div .main-menu dl.level1 .inner {padding-left:15px !important; padding-right:100px !important;} .m-menu-wrapper div .main-menu dl.level1 dd {background-color:#f9f9f9; border-bottom:1px solid #f2f2f2 !important; padding-bottom:5px !important;} .m-menu-wrapper div .main-menu dl.level1 dt .inner {border-color:#f2f2f2 !important;} .m-menu-wrapper div .main-menu dl.level1 dd dl span {font-size:13px !important; line-height:40px !important; font-weight: normal !important;} .m-menu-wrapper div .main-menu dl.level1 dt.parent.opened .inner, .m-menu-wrapper div .main-menu dl.level1 dt.parent.opening .inner, .m-menu-wrapper div .main-menu dl.level1 dt.parent .inner, .m-menu-wrapper div .main-menu dl.level1 dt.level1.notparent .inner {background:url('images/arrow_menu.png') 240px -80px/10px 150px no-repeat !important;} .m-menu-wrapper div .main-menu dl.level1 dt.parent.opened .inner, .m-menu-wrapper div .main-menu dl.level1 dt.parent.opening .inner {background-position:240px 22px !important;} .m-menu-wrapper div .main-menu dl.level1 dt.parent .inner {background-position:240px -28px !important;} .m-menu-wrapper div .main-menu dl.level1 dt.level1.notparent .inner {background-position:240px -78px !important;} .m-menu-wrapper div .main-menu dl.level2 dt .inner {border:none !important;} /* 스티키헤더 */ .single-post .fix .menu-main-menu-container, .post-header-title-wrap {display:none;} .fix .post-header-title-wrap {display:block;} .post-header-title-wrap {padding:0 60px;} .post-header-title-wrap .goto-home {position:absolute; left:60px; top:0; color:#16549e; line-height:44px; font-weight:600; font-size:18px;} .post-header-title-wrap .post-title {font-size:18px; line-height:44px; padding:0 130px; margin:0; text-align:center; max-height:44px; overflow:hidden;} /* 모바일헤더 */ #m-header {background:#fff; color:#0066b2; border-bottom:5px solid #0066b2; text-align:center; padding:0 20px; /* padding:10px 20px; */} .admin-bar #m-header { position:absolute; top:-44px;} .m-logo {display:inline-block;} .m-logo-img {width:118px; height:16px;margin:3px 0 0} .m-menu-trigger, .m-header-util {font-size:22px; cursor:pointer; top:20px;/* top:45px; */ position:absolute; left:15px; } .m-menu-trigger, .m-menu-trigger:hover, .m-menu-trigger:focus {left:15px; color:#0066b2} .m-header-util, .m-header-util:hover, .m-header-util:focus {right:15px; left:auto; color:#9f9f9f} .m-menu-trigger {float:left;} .m-header-util {float:right} /* Flex Slider */ .joins .flexslider:hover .flex-direction-nav a {opacity:1} .joins .flex-control-nav {height:19px; width:auto; left:0; right:0;} .joins .flex-control-nav li {margin:0 3px} .joins .flex-control-paging li a {width:9px; height:9px;} .flex-direction-nav .flex-prev {left:0 !important;} .flex-direction-nav .flex-next {right:0 !important;} /* 탑쇼케이스 */ #promotion-wrapper {margin-bottom:25px; overflow:hidden;} .promo-area {margin-bottom:5px; overflow:hidden;} .promo-area a:hover {text-decoration:none;} .promo-area .slide-inner-wrapper {position:relative} .promo-area .overlay {position:absolute; left:0; top:0; width:100%; height:100%; background:url('images/bg_showcase.png') left bottom repeat-x} .promo-area .slide-title-wrapper {position:absolute; left:0; bottom:0; width:100%; padding:2.7% 8%; /* background:url('images/silde-title-back.png') left -20px repeat-x;*/} .promo-area .slide-title-wrapper a {color:#fff;} .promo-area .slide-title-wrapper a:hover {text-decoration:underline;} .promo-area .slide-title-wrapper h2, .promo-area .slide-title-wrapper h3 {color:#fff; margin-bottom:0; line-height:1.4em; max-height:2.8em; overflow:hidden;} .promo-area .slide-title-wrapper h2, .promo-area .showcase-post-wrapper h2 {font-size:34px; margin:0 0 10px 0; font-weight:normal; } .promo-area .slide-title-wrapper h3, .promo-area .showcase-post-wrapper h3 {font-size:14px; margin-top:0; margin-bottom:10px;} .promo-area .slide-title-wrapper p {margin-bottom:0; font-size:14px; line-height:1.4em; height:2.9em; overflow:hidden;} body.section-gallery .promo-area .slide-title-wrapper p {display:none;} body.section-gallery.joins .flex-control-nav {height:25px;} /* 쇼케이스 Type A */ .promo-area.type-a {height:0; padding-bottom:45.9%;} .promo-area.type-a .slide-title-wrapper p {color:#fff} .promo-area.type-a .slide-inner-wrapper {width:100%; height:0; padding-bottom:45.9%;} .promo-area.type-a .slide-inner-wrapper a:hover, .promo-area.type-a .slide-inner-wrapper a:hover h2, .promo-area.type-a .slide-inner-wrapper a:hover h3, .promo-area.type-a .slide-inner-wrapper a:hover p {text-decoration: underline} .promo-area.type-a .slide-inner-wrapper img {width:100%; height:auto} /* 쇼케이스 Type B */ .promo-area.type-b .su-slider-slide {width:33.33%; float:left; height:0; padding-bottom:45.9%;} .promo-area.type-b .su-slider-slide .slide-inner-wrapper {height:0; width:100%; padding-bottom:137.6%;} .promo-area.type-b .su-slider-slide img {width:100%; height:100%; position:absolute;} .promo-area.type-b .slide-title-wrapper h2, .promo-area .showcase-post-wrapper h2 {font-size:26px; margin:0 0 10px 0; line-height:1.2em; height:auto; max-height:3.6em;} .promo-area.type-b .slide-title-wrapper p {display:none;} .promo-area.type-b .slide-title-wrapper {/* top:310px; */} /* 쇼케이스 Type C */ .promo-area.type-c {margin-bottom:20px;} .promo-area.type-c .grid-left, .promo-area.type-c .grid-right {padding-top:20px;} .promo-area.type-c .grid-left {float:left; width:696px; } .promo-area.type-c .grid-right {width:300px; float:right;} .promo-area.type-c .promo-slide-wrapper, .promo-area .slide-inner-wrapper {width:100%; height:0; /*padding-bottom:318px;*/ padding-bottom:45.68%; overflow:hidden;} .promo-area.type-c .promo-slide-wrapper {margin-bottom:15px; position:relative;} .promo-area.type-c .flexslider {position:static;} .promo-area.type-c .slide-title-wrapper {padding:0 10% 27px;} .promo-area.type-c .slide-title-wrapper h2, .promo-area.type-c .slide-title-wrapper h2, .promo-area.type-c .slide-title-wrapper p {margin: 0.5em 0 0 0} .promo-area.type-c .slide-title-wrapper h2 {font-size:18px; font-weight:600;} .promo-area.type-c .slide-title-wrapper h3 {display:none;} .promo-area.type-c .slide-title-wrapper p {color:#fff;} .promo-area.type-c .promo-slide-wrapper a:hover h2, .promo-area.type-c .promo-slide-wrapper a:hover h3, .promo-area.type-c .promo-slide-wrapper a:hover p {text-decoration:underline;} .promo-area.type-c .flex-direction-nav a, .widget_recentgallery .flex-direction-nav a {top:47%; width:30px; height:50px; background:url('images/btn_slide_M.png') left top no-repeat; background-size:60px 100px;} .ie8 .promo-area.type-c .flex-direction-nav a, .widget_recentgallery .flex-direction-nav a {background-image: url('images/ie8/btn_slide_M__.png')} .promo-area.type-c .flex-direction-nav .flex-next, .widget_recentgallery .flex-direction-nav .flex-next {background-position:-30px 0;} .promo-area.type-c .flex-direction-nav a:hover, .widget_recentgallery .flex-direction-nav a:hover {background-position: 0 -50px} .promo-area.type-c .flex-direction-nav .flex-next:hover, .widget_recentgallery .flex-direction-nav .flex-next:hover {background-position:-30px -50px;} .promo-area.type-c .showcase-post-wrapper.bottom-post a {color:#333} .promo-area.type-c .showcase-post-wrapper.bottom-post h2 {font-weight:600; text-align:center;margin-bottom:10px;} .promo-area.type-c .showcase-post-wrapper.bottom-post h3 {font-size:16px; font-weight:600; text-align:center; margin-bottom:12px;} .promo-area.type-c .showcase-post-wrapper.bottom-post p {line-height:20px} .promo-area.type-c .grid-right a {color:#333} .promo-area.type-c .grid-right .showcase-post-wrapper h2 {font-size:18px; font-weight:600; margin-bottom:2px; max-height:2.6em; line-height:1.3em; overflow:hidden;} .promo-area.type-c .grid-right .showcase-post-wrapper h3 {max-height:1.4em; overflow:hidden; color:#9f9f9f; margin-bottom:3px;} .promo-area.type-c .grid-right .showcase-post-wrapper p {margin-top:11px;line-height:20px; max-height:60px; overflow:hidden;} /* .promo-area.type-c .grid-right .right-top-two-wrapper {height:318px; } */ .promo-area.type-c .grid-right .right-top-two-wrapper, .promo-area.type-c .grid-right .first {border-bottom:1px solid #c0c0c0;} .promo-area.type-c .grid-right .thumb-wrap {width:65px; height:65px; margin-right:10px; margin-bottom:20px; float:left; overflow:hidden; max-height:70px; border:1px solid #eee; margin-top:9px;} /* .promo-area.type-c .grid-right .thumb-wrap, .promo-area.type-c .grid-right .showcase-post-wrapper p {margin-top:10px; margin-bottom:0;} */ .promo-area.type-c .grid-right .first {} .promo-area.type-c .grid-right .second, .promo-area.type-c .grid-right .third {padding-top:15px;} /*.promo-area.type-c .grid-right .third h2 {display:inline}*/ /*.promo-area.type-c .grid-right .third p {margin-top:0;} */ .promo-area.type-c .grid-right .second h3 {color:#9f9f9f} .promo-area.type-c .grid-right .third h3 {margin-top:3px;} /* 쇼케이스 Type D */ .promo-area.type-d .grid-left {float:left; width:341px} .promo-area.type-d .grid-right {width:639px; float:right;} .promo-area.type-d .grid-right .half {width:50%; float:left;} .promo-area.type-d .grid-right .left {padding-right:20px;} .promo-area.type-d .grid-right .right {padding-left:20px;} .promo-area.type-d h2 {margin-bottom:15px;} .promo-area.type-d h3 {margin-bottom:10px; margin-top:0;} .promo-area.type-d .top-post {border-bottom:1px dotted #999;} .promo-area.type-d .top-post p {max-height:4.8em;} .promo-area.type-d .half p {max-height:6.4em; padding:0; overflow:hidden;} /* Footer */ .area_quick, #goto-top{ left: 50%; margin-left: 542px; position: absolute; top: 147px; z-index: 0; } #goto-top{ background: url("images/goto-top.png") no-repeat scroll left top ; bottom: 20px; display: inline-block; height: 30px; overflow: hidden; position: fixed; text-indent: -1000px; top: auto; width: 30px; background-size:30px 30px; opacity:0; -webkit-transition: opacity 0.3s; /* Safari 3.1 to 6.0 */ transition: opacity 0.3s; } .site-footer {background-color:transparent; text-align:left;} .sitemap-wrapper, .sitemap-header {border:1px solid #ddd; border-width:1px 1px 0 1px; background-color:#fdfdfd; } .sitemap-header {padding:7px 30px 11px; } .sitemap-wrapper {border:1px solid #ddd; border-width:1px 1px 0 1px; background-color:#fdfdfd; padding:20px 30px; font-size:12px; line-height:2.4em; display:none;} .active .sitemap-wrapper {display:block;} .sitemap-header .site-map-logo {display:inline-block; line-height:1em; overflow:visible; margin-top:5px;padding-left:100px; background:url('images/logo_sitemap.png') left 1px no-repeat; background-size:91px 12px; font-weight:bold; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/logo_sitemap.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/logo_sitemap.png', sizingMethod='scale')"; } .ie8 .sitemap-header .site-map-logo {background-image:url('images/ie8/logo_sitemap__.png') } .sitemap-header .open-sitemap {float:right; cursor:pointer;} .sitemap-header .open-sitemap i {display:inline-block; vertical-align:-3px;width:14px; height:14px; background:url('images/btn_sitemap.png') left top no-repeat; overflow:hidden; background-size:28px 14px;} .ie8 .sitemap-header .open-sitemap i {background-image: url('images/ie8/btn_sitemap__.png') } .sitemap-header.active .open-sitemap i {background-position: -14px 0;} .sitemap-wrapper .sitemap > li, .sitemap-wrapper .my-page-menu > li {width:20%; float:left;} .sitemap-wrapper .sitemap > li > a, .sitemap-wrapper .my-page-menu > li > a {font-weight:bold; font-size:13px; margin-bottom:10px;} .site-footer ul {margin:0; list-style-type:none; padding:0;} .site-footer ul.footer-links li {display:inline-block;} .site-footer ul.footer-links li a {color:#868686; padding:0 10px 0 11px; font-size:12px; line-height:1em; position:relative} .site-footer ul.footer-links li a:after {position:absolute; content:" "; width:1px; height:10px; left:0; top:5px; border-left:1px solid #d2dadc;} .site-footer ul.footer-links li:first-child a {padding-left:0;} .site-footer ul.footer-links li:first-child a:after {display:none;} .site-footer ul.footer-links li.bold {font-weight:600} .site-footer ul.footer-links li.bold a {color:#666} .site-info {border-top:1px solid #ddd; padding:20px 0;} .footer-logo-wrapper {float:left;} .menu-footer-links-container, .footer-content-wrapper {margin-left:203px; margin-bottom:4px;} .footer-content-wrapper p, .footer-content-wrapper p a {padding:0; margin:0; line-height:18px; font-size:12px; color:#afafaf;} .footer-bnr {margin:0 auto;} .m-footer-content {text-align:center; margin-top:-5px; margin-bottom:5px; color:#9f9f9f; font-size:13px;} .m-footer-content, .m-footer-content a {color:#9f9f9f;} /* Sidebar Wigets */ .widget a:hover {text-decoration:underline;} .widget {padding:0; ; background-color:transparent; max-width:100%;} h2.widgettitle, h3.widgettitle, h2.widget-title, h3.widget-title {margin-top:0; font-size:18px;} .archive .site-main .sidebar-container {padding-top:30px;} #tertiary .widget {margin-bottom:40px;} #tertiary .widget .widget-title {margin-top:-8px} /* 이전호보기위젯 */ .widget_prevjeho h2.widgettitle, .widget_prevjeho .widget-title {font-size:13px; margin-bottom:5px; font-weight: 600} .widget_prevjeho .joho-no {padding-left:5px;} .widget_prevjeho .view-more {float:right; display:inline-block; font-size:12px; display:none;} .widget_prevjeho .wp-post-image {padding:10px; background:url('images/pdg-back.png');} /* 멀티배너위젯 */ .widget .multi-bnr-wrap li:first-child {padding-top:0;} /* 실시간지식탭 */ .widget .su-tabs {padding:0; background-color:transparent;border-radius:0;} .widget .su-tabs-nav {margin-bottom:20px;} .widget .su-tabs-nav span {margin:0; border-radius:0;cursor:pointer;border:1px solid #ddd; padding:5px; background-color:#f8f8f8; width:50%;display:inline-block; text-align:center;} .widget .su-tabs-nav span:first-child {border-right:none} .widget .su-tabs-nav span.su-tabs-current {border-bottom:none; background-color:#fff;} .widget .su-tabs-pane {padding:0} /* .widget_knowledgetab .su-tabs {padding:0; background-color:transparent;border-radius:0;} .widget_knowledgetab .su-tabs-nav {margin-bottom:20px;} .widget_knowledgetab .su-tabs-nav span {margin:0; border-radius:0;cursor:pointer;border:1px solid #ddd; padding:5px; background-color:#f8f8f8; width:50%;display:inline-block; text-align:center;} .widget_knowledgetab .su-tabs-nav span:first-child {border-right:none} .widget_knowledgetab .su-tabs-nav span.su-tabs-current {border-bottom:none; background-color:#fff;} .widget_knowledgetab .su-tabs-pane {padding:0} */ .widget_knowledgetab .su-tabs-pane li {margin-bottom:5px; padding-left:25px; background:url('images/bg_double-mark.png') left 2px no-repeat; background-size:16px 13px} .ie8 .widget_knowledgetab .su-tabs-pane li {background-image:url('images/ie8/bg_double-mark__.png') } .widget_knowledgetab .su-tabs-pane p {margin-bottom:0;} .widget_knowledgetab .su-tabs-pane p.parent-post-wrap {font-size:12px;} .widget_knowledgetab .su-tabs-pane p.parent-post-wrap, .widget_knowledgetab .su-tabs-pane p.parent-post-wrap a, .widget_knowledgetab .su-tabs-pane p.parent-post-wrap a:hover {color:#9f9f9f} /* 많이본기사-SNS공유기사*/ .widget_recentpost .bold {font-weight:bold;} .widget_recentpost li {padding-left:20px; position:relative; line-height:1.4em} .widget_recentpost span.no {position:absolute; left:0; top:5px; font-size:16px;} .widget_recentpost .bold .no {color:#0066b2} .widget_recentpost li {margin-bottom:5px;} /* 라이브러리최신글 위젯 */ .widget_recentlibrary .thumb-wrap {width:76px; height:76px;float:left; border:1px solid #dcdcdc; overflow:hidden; margin-right:17px;} .widget_recentlibrary .thumb-wrap img {border:none;} .widget_recentlibrary p.series-title {line-height:1.3em; max-height:1.3em; overflow:hidden; font-size:12px; margin-bottom:4px;} .widget_recentlibrary p.post-title {font-size:14px; font-weight:bold; line-height:1.3em; max-height:2.6em; overflow:hidden; margin-bottom:1px;} .widget_recentlibrary p.post-excerpt {display:none; height:2.8em; line-height:1.4em; overflow:hidden; margin-bottom:0; font-size:13px; margin-top:5px;} .widget_recentlibrary p.post-excerpt a {color:#666} .widget_recentlibrary p.post-owner {color:#9f9f9f; font-size:12px; margin-bottom:0;} .widget_recentlibrary p.post-owner a {color:#9f9f9f} .widget_recentlibrary li {margin-bottom:5px;} .widget_recentlibrary a:hover {text-decoration:underline} /* 갤러리 위젯 */ .widget_recentgallery .widgettitle {margin-bottom:2px;} .widget_recentgallery .slide-area, .widget_recentgallery .bottom-area > li {border:1px solid #dfdfdf;} .widget_recentgallery .slide-area {margin-bottom:4%;} .widget_recentgallery .bottom-area p {font-size:12px; line-height:1.3em; height:2.6em; overflow:hidden;} .widget_recentgallery .slides-wrap {height:0; padding-bottom:66.7%; overflow:hidden; position: relative} .widget_recentgallery .slides-wrap .flexslider {position: static !important;} .widget_recentgallery .bottom-area > li {width:48%; float:right; padding:0;} .widget_recentgallery .bottom-area > li:first-child {float:left;} .widget_recentgallery .bottom-area .post-title {padding:10px;} .widget_recentgallery .title-area {padding:10px} .widget_recentgallery .bottom-area > li > a {display:block; height:0; padding-bottom:68.2%; overflow:hidden;} .widget_recentgallery .flex-direction-nav a {top:46%} .widget_recentgallery p.gal-cat a {font-size:12px; color:#9f9f9f} .widget_recentgallery p.post-title {max-height:1.4em; overflow:hidden;} .widget_recentgallery .wp-post-image {border:none;} /* 태그위젯 */ .tagcloud a {color:#666} /* Layout Default */ /* Su-slider */ .su-slider .su-slider-pagination, .su-slider:hover .su-slider-pagination {top:auto; bottom:30px !important; opacity:1} .su-slider .su-slider-pagination span {margin:0 3px;} /* Home */ .section-wrapper {position:relative; margin-bottom:12px;} h2.section-title {border-bottom:1px solid #bfbfbf; font-size:22px; line-height:2em; margin-bottom:30px;} h2.section-title span {font-size:15px; font-weight:normal; letter-spacing:-1px} h2.section-title span.fr {float:right;} /* List - 공통 */ img.wp-post-image {display:block; margin:0 auto;} img.wp-post-image, .list-wrapper .thumb-wrapper {border:1px solid #eeeeee} .list-wrapper.listtype-view .thumb-wrapper, .list-wrapper.listtype-gallery .thumb-wrapper {border:none} .list-wrapper img.wp-post-image {border:none;} .listtype-library img.wp-post-image {border:none;} .list-wrapper .series-title, .list-wrapper .series-title a, .list-wrapper .series-title a:hover, .list-wrapper .series-title a:link, .list-wrapper .series-title a:focus {color:#9f9f9f} .content-area .list-wrapper .hentry p {margin:0} .sidebar .list-wrapper.full-width {width:auto;} .hentry.article-wrapper {padding:12px 0; margin:0;} .hentry.article-wrapper:first-child {padding-top:0;} .article-wrapper .thumb-wrapper {position:relative;width:175px; height:0;padding-bottom:118px; margin-right:20px; float:left; overflow:hidden;} .article-wrapper h1.entry-title {display:inline; font-size:17px; font-weight:bold;line-height:1.3em; padding:0} .article-wrapper .excerpt {max-height:4.8em; overflow:hidden; margin:0;} .site-main .section-wrapper .sidebar-container {padding-top:0} .list-wrapper p.subtitle, .list-wrapper p.series-title {margin-bottom:5px;} .list-wrapper p.subtitle, p.post-meta, p.post-meta a {color:#9f9f9f} .list-wrapper .categories-links, .list-wrapper .series-title {display:none;} .no-image {display:block; width:100%; height:0;} .no-image.block-thumb {padding-bottom:61.3%; background:url('images/img_noimage.png') left top no-repeat; background-size:100%;} .ie8 .no-image.block-thumb {background-image:url('images/ie8/img_noimage__.png') } /* List Default */ .listtype-default .article-wrapper h1.entry-title {} .listtype-default .article-wrapper h1.entry-title a {display:block; line-height:1.4em; max-height:1.4em; overflow:hidden; margin-bottom:5px;} .listtype-default .article-wrapper p.subtitle, .article-wrapper.listtype-default p.series-title {line-height:1.3em; max-height:1.3em; overflow:hidden; margin-bottom:8px;} .listtype-default .article-wrapper p.subtitle, .article-wrapper.listtype-default p.series-title, .listtype-default .article-wrapper p.subtitle a, .article-wrapper.listtype-default p.series-title a {color:#9f9f9f;} .listtype-default .article-wrapper p.subtitle a:hover, .article-wrapper.listtype-default p.series-title a:hover {text-decoration:underline;} .archive .listtype-default .article-wrapper p.excerpt, .archive .listtype-default .article-wrapper p.excerpt a {display:block; line-height:1.4em; max-height:2.9em; overflow:hidden} /* List - Block */ .sidebar .listtype-block .article-wrapper {width:220px; padding:0; position:relative; margin:0 10px 30px 0; float:left; overflow:hidden;} .sidebar .listtype-block .article-wrapper.post-3rd {margin-right:0} .listtype-block .article-wrapper h1.entry-title {font-size:16px; max-height:2.6em; overflow:hidden; } .listtype-block .article-wrapper .series-title {display:block;margin-bottom:5px;} .listtype-block .article-wrapper .thumb-wrapper {width:100%; height:0; padding-bottom:67.5%; margin:0 0 6px; } .listtype-block .article-wrapper.has-post-thumbnail .thumb-wrapper .img-overlay {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:url("images/title-back.png") repeat-x left bottom; } .listtype-block .article-wrapper.has-post-thumbnail h1.entry-title {font-size:14px; display:block; height:2.7em; overflow:hidden; margin:0; width:100%; left:0; bottom:0; padding:0;} .listtype-block .article-wrapper.has-post-thumbnail h1.entry-title a:hover {text-decoration:underline;} .single-part .listtype-block .article-wrapper:nth-child(3), .single-part .listtype-block .article-wrapper:nth-child(6) {margin-right:0;} /* .listtype-block .article-wrapper.no-thumb {padding:5px 10px; background:yellow} */ .listtype-block .no-thumb-content {position: absolute; width:100%;height:100%; padding:15px; background:#777;} .listtype-block.title-in-box .article-wrapper.has-thumb {padding:0; background-color:transparent;} .listtype-block.title-in-box .article-wrapper {margin-bottom:10px; background-color:yellow; padding:20px;} .listtype-block.title-in-box .article-wrapper .entry-title {font-size:16px} .listtype-block.title-in-box .article-wrapper .excerpt {max-height:1.6em;} .listtype-block.title-in-box .article-wrapper.has-thumb .thumb-wrapper .img-overlay {display:block;} .listtype-block.title-in-box .article-wrapper.has-post-thumbnail h1.entry-title {position:absolute; left:0; bottom:0; height:auto; max-height:3em; padding:10px;} .listtype-block.title-in-box .has-thumb .entry-title a {color:#fff;} .listtype-block.title-in-box .subtitle, .listtype-block.title-in-box .series-title, .listtype-block.title-in-box .excerpt {display:none} .listtype-block .no-thumb-content a {color:#000;} .listtype-block .no-thumb-content a:hover {text-decoration:none;} .listtype-block .no-thumb-content .series-title {display:none;} .listtype-block .no-thumb-content .excerpt {font-size:12px; line-height:16px; max-height:32px; overflow:hidden; display:block;} .listtype-block .no-thumb-content a {color:#fff;} .listtype-block .no-thumb-content .entry-title {margin-bottom:5px;display:block; padding:0; line-height:1.3em;} /* List - Section View */ .section-view.section-wrapper {padding:20px 20px 30px; background-color:#efefef; margin:20px 0;} .section-view h2.section-title {line-height:1em; margin:0 0 20px; border:none;} .listtype-view .post-owner-wrapper {height:39px;} .sidebar .listtype-view a.post-owner {color:#333; line-height:1.4em; height:2.8em; overflow:hidden; margin-bottom:5px; display:block; font-size:12px} .listtype-view a.post-owner em {display:block;} .listtype-view p.series-title {font-size:12px; display:block; height:35px; margin-bottom:10px !important;} .sidebar .list-wrapper.listtype-view {text-align:center; width:100%;} .sidebar .listtype-view .article-wrapper {width:140px; display:inline-block; padding:0; margin-right:16px; text-align:center; vertical-align:top; line-height:1.2em;} .sidebar .listtype-view .article-wrapper.post-2dn.post-3rd {margin-right:0;} .sidebar .listtype-view .article-wrapper .thumb-wrapper {width:122px; padding-bottom:122px; float:none; margin:0 auto 15px;} .listtype-view .article-wrapper .thumb-wrapper img {max-width:99.9%} .listtype-view .article-wrapper .thumb-wrapper .img-overlay {position:absolute; left:0; top:0; width:100%; height:100%; background:url("images/person-circle.png") no-repeat left top; } .sidebar .listtype-view .article-wrapper h1.entry-title {display:block; text-align:center; font-size:16px; line-height:1.3em; max-height:2.6em; overflow:hidden; padding-top:0;} .sidebar .listtype-view .article-wrapper p {text-align:center;} /* S Magazine */ .section-wrapper .section-smagazine {padding:30px; background-color:#000; color:#fff; margin:0 0 30px;} .section-wrapper.section-smagazine h2.section-title {line-height:1em; margin:0 0 20px; border:none; color:#fff;} /* Column */ .list-wrapper.listtype-column .article-wrapper h1.entry-title { /* display:block; */ display:inline;} .list-wrapper.listtype-column .article-wrapper h1.entry-title a {display:inline;} .list-wrapper.section-column .categories-links {display:inline-block; font-size:14px; padding-left:5px;} .list-wrapper.section-column .series-title {display:block; font-size:14px; font-weight:normal; margin-bottom:5px;} .section-column .series-title, .section-column .series-title a {color:#023d89} .list-wrapper.listtype-column .categories-links, .list-wrapper.listtype-column .series-title {display:inline-block;} .listtype-column .categories-links {color:#9f9f9f} .listtype-column .categories-links a {color:#9f9f9f; font-size:13px; font-weight:normal;} .list-wrapper.listtype-column p.series-title {margin-bottom:4px; display:inline; } .list-wrapper.listtype-column p.series-title > a {display:block; max-height:1.6em; overflow:hidden;} .listtype-column .categories-links a:first-child::before {content:""} .listtype-column .article-wrapper .excerpt {max-height:3.2em; /* max-height:4.8em; */ overflow:hidden;} .listtype-column .column-meta {padding-top:3px;} .listtype-column .column-meta, .listtype-column .column-meta a {color:#9f9f9f;} .listtype-column .column-meta a.post-owner {position:relative; padding-right:4px; margin-right:4px;} .listtype-column .column-meta a.post-owner:after {position:absolute; width:1px; height:10px; right:0; top:6px; content:" "; border-right:1px solid #9f9f9f;} .listtype-column.list-wrapper .series-title a, .listtype-column.list-wrapper .series-title a:link, .listtype-column.list-wrapper .series-title a:visited, .list-wrapper.listtype-column .series-title .inning {color:#1a57a3; } .listtype-column .series-title .inning {font-family: verdana;} /* Library */ .listtype-library a:hover {text-decoration: underline; color:#0e059f} .listtype-library .article-wrapper {float:left; width:195px; margin-right:12px; margin-bottom:10px; padding:0;} .listtype-library .article-wrapper.post-5th {margin-right:0} .listtype-library .article-wrapper .border-wrapper {height:250px;} .list-wrapper.listtype-library p.series-title {display:block; font-size:12px; line-height:1.3em; max-height:2.6em; overflow:hidden; margin-bottom:5px !important;} .listtype-library .series-title a {color:#023d89 !important} .listtype-library .article-wrapper .thumb-wrapper {width:100%; margin-bottom:12px; border:none; float:none; margin:0} .listtype-library .content-wrapper {padding:15px;} .list-wrapper.listtype-library a.post-owner {color:#858585; display:block; font-size:13px; line-height:1.4em;} .listtype-library .article-wrapper h1.entry-title {font-size:14px; font-weight:600;display:block; margin-bottom:5px; padding:0;} /*.listtype-library .article-wrapper h1.entry-title a {color:#333; display:block; line-height:1.3em;max-height:2.6em; overflow:hidden;} */ .listtype-library .article-wrapper h1.entry-title, .listtype-library .article-wrapper h1.entry-title a {color:#333; display:block; line-height:1.3em;height:2.7em; overflow:hidden;} .listtype-library .ranking {position:absolute; left:0; top:0; color:#fff; background-color:#0066b2; width:24px; height:24px; line-height:24px; text-align:center;} .listtype-library .ranking.gray {background-color:#666;} .listtype-library .subscribe-cnt {color:#fff; position:absolute; right:0; bottom:0; background:url('images/dimm-b-50.png'); display:inline-block; padding:2px 5px;} .listtype-library .subscribe-cnt .yel {color:#fcaf17} .listtype-library .subscribe-cnt i {padding-right:8px; color:#fff; } /* Sbox */ .listtype-sbox .hentry.article-wrapper {float:left; width:328px; margin-right:20px; margin-bottom:20px; padding:0; position:relative;background-color:#797979} .listtype-sbox .hentry.article-wrapper.post-3rd {margin-right:0} .listtype-sbox .article-wrapper .thumb-wrapper {width:100%; padding-bottom:0; height:328px} .listtype-sbox .article-wrapper .thumb-wrapper img {min-width:100%; min-height:100%;} .listtype-sbox.list-wrapper .categories-links, .listtype-sbox.list-wrapper .series-title {display:block; margin-bottom:0;} .listtype-sbox.list-wrapper .hentry p.categories-links {margin-bottom:6px;} .listtype-sbox.list-wrapper .categories-links a {background:url('images/dimm-b-50.png'); color:#fff;} .listtype-sbox.list-wrapper .categories-links a {display:inline-block; padding:0 3%; text-transform: uppercase; font-weight:normal} .listtype-sbox.list-wrapper .categories-links a:hover {text-decoration:none;} .listtype-sbox .title-wrapper {top:auto; bottom:0; margin:0; border:none;} .listtype-sbox .title-wrapper td {height:90px; vertical-align: middle; padding:5px 20px; border:none; text-align:center;line-height:1.2em} .listtype-sbox .article-wrapper h1.entry-title {letter-spacing:-1px;font-size:26px; font-weight:normal; line-height:1.2em; display:block; margin-bottom:10px; max-height:3.6em; padding:0 0 3px 0; overflow:hidden;} .listtype-sbox .article-wrapper h1.entry-title a, .listtype-sbox .article-wrapper .series-title a, .listtype-sbox .article-wrapper h1.entry-title a:hover, .listtype-sbox .article-wrapper .series-title a:hover {color:#fff; } .listtype-sbox .article-wrapper .series-title {font-size:13px; display:block; line-height:18px; max-height:38px; overflow:hidden; padding-bottom:1px} .listtype-sbox .article-wrapper .thumb-wrapper .img-overlay {position:absolute; left:0; top:0; width:100%; height:100%; background:url('images/dimm-b-40.png')} .listtype-sbox .article-wrapper .content-wrapper {position:absolute; left:0; top:0; width:100%; height:100%; padding:25% 5% 0;} .listtype-sbox .article-wrapper .content-wrapper:hover {background:url('images/dimm-b-20.png')} /* Gallery */ .listtype-gallery .hentry.article-wrapper {border:1px solid #e9e9e9; margin: 0 2.2% 2.2% 0 !important; width: 31.0%; padding:0;} .listtype-gallery .article-wrapper .thumb-wrapper {float:none; padding-bottom:0; width:100%; height:auto; margin:0;} .listtype-gallery .article-wrapper h1.entry-title {display:block; font-weight:normal; font-size:13px; padding:10px 8px} body.section-gallery #promotion-wrapper {margin-bottom:0;} /* 페이징 */ .wp-pagenavi {text-align:center; font-size:14px; font-weight:normal; margin-top:20px; margin-bottom:30px; letter-spacing:-5px} .wp-pagenavi a {color:#888;} .wp-pagenavi span {color:#333; font-weight:600;} /* .wp-pagenavi a, .wp-pagenavi span {line-height:1em; display:inline-block; margin:0 2px; padding:4px; min-width:20px; border:1px solid #ddd} */ .wp-pagenavi a, .wp-pagenavi span {letter-spacing:0; line-height:1em; display:inline-block; margin:0 0 0 -1px; padding:8px 3px; min-width:32px; border:1px solid #ddd} .wp-pagenavi a:hover {color:#000; background-color:#e9e9e9;} .wp-pagenavi a:link, .wp-pagenavi a:hover {text-decoration:none;} .wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.firstpostslink, .wp-pagenavi a.lastpostslink {position:relative;width:14px; text-indent:-1000px; overflow:hidden; vertical-align:top; } .wp-pagenavi a.nextpostslink {margin-left:5px;} .wp-pagenavi a.previouspostslink {margin-right:5px;} .wp-pagenavi a.previouspostslink:before, .wp-pagenavi a.nextpostslink:before, .wp-pagenavi a.firstpostslink:before, .wp-pagenavi a.lastpostslink:before {text-indent:0; text-align:center; position:absolute; left:0; top:5px; width:100%; height:100%;font-size:1.2rem; line-height:20px; font-family:FontAwesome} .wp-pagenavi a.previouspostslink:before {content:"\f104"} .wp-pagenavi a.nextpostslink:before {content:"\f105"} .wp-pagenavi a.firstpostslink:before{content:"\f100"} .wp-pagenavi a.lastpostslink:before{content:"\f101"} /* 더보기버튼 */ .wp-pagenavi { padding-top:30px; clear:both} .article-wrapper.btn_more, .list-wrapper .btn_more {display:none;} body.section-gallery .wp-pagenavi {display:none} body.section-gallery .btn_more {display:block;} .article-wrapper.btn_more, .list-wrapper .btn_more {width:100%; max-width:680px; border:1px solid #ddd; margin:30px 0 0; text-align:center; padding: 10px 0; cursor:pointer} .listtype-gallery .article-wrapper.btn_more {width:100%; max-width:680px; background-color:#fff;} .article-wrapper.btn_more.loading, .list-wrapper .btn_more.loading, .listtype-gallery .article-wrapper.btn_more.loading {border-color:#fff; background:url('images/img_spinner_128px.gif') center center no-repeat; background-size:32px 32px; text-align:left; text-indent:-1000px; overflow:hidden;} .ie8 .listtype-gallery .article-wrapper.btn_more.loading {background-image: url('images/img_spinner_32px.gif')} /* Monye & Biz */ .home .section-money-biz .post-meta {display:none;} .listtype-block .post-owner {display:none;} /* 섹션메인 */ .section-library.sidebar .content-area, .section-library.sidebar .list-wrapper, .section-smagazine.sidebar .content-area, .section-smagazine.sidebar .list-wrapper {width:100%; float:none;} /* 섹션-S Magazine */ .logo-main.smagazine {vertical-align:3px} .section-wrapper.section-smagazine {background-color:#383a3a; position:relative;} .section-wrapper.section-smagazine .s-slide {position:relative; margin:0; width:696px; height:480px; float:left; /*background:url('images/s-title-img-01.png') left top no-repeat;*/} .section-wrapper.section-smagazine .section-title {z-index:2;position:absolute; left:20px; top:20px; padding-top:135px; min-width:82px; background:url('images/logo_smagazine.png') left top no-repeat; color:#8d5f93; background-size:90px} .ie8 .section-wrapper.section-smagazine .section-title {background-image:url('images/ie8/logo_smagazine__.png') } .section-wrapper.section-smagazine .section-title h4, .section-wrapper.section-smagazine .section-title h5 {font-weight:600; text-transform:uppercase; color:#8d5f93; font-size:18px; white-space: nowrap; line-height:1.2em;} .section-wrapper.section-smagazine .list-wrapper.smagazine {width:300px; float:right; padding:20px 20px 0 0; color:#fff;} .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper {padding-top:0;} .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper .categories-links {display:block; font-size:14px; margin-bottom:5px; text-transform: uppercase} .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper .categories-links a {display:inline-block; padding:0 8px; color:#fff; background-color:#8d5f93} .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper.post-3rd {border-top:1px solid #999; padding-top:20px} .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper.post-3rd .categories-links a, .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper.post-4th .categories-links a {display:inline; color:#fff; font-size:16px; font-weight:600; background-color:transparent; padding:0;} .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper > a {display:block; float:left;} .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper .wp-post-image {max-width:80px; float:left; margin-right:10px;} .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper .entry-title {line-height:1.4em; display:inline; padding:0; max-height:1.4em; overflow:hidden;} .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper .entry-title a {display:block; max-height:2.8em; overflow:hidden;} .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper .entry-title a, .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper .subtitle {line-height:1.4em; color:#fff;} .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper .subtitle a {color:#999; display:block; max-height:2.8em; overflow:hidden;} /*.section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper .entry-title a:hover, .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper .subtitle a:hover {color:#fff; text-decoration:none;}*/ .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper.post-3rd .entry-title, .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper.post-4th .entry-title {font-size:14px; font-weight:normal;} .section-smagazine {} .section-smagazine h1.header-title a {color:#000} .section-smagazine h1.header-title a:hover {text-decoration:none;} .section-smagazine .navbar #site-navigation {border-color:#000;} .section-smagazine .bnr-wrapper.under-slide {display:none;} .section-smagazine .promo-area {margin-bottom:20px; height:0; padding-bottom:41.99%;} .section-smagazine .promo-area .flex-control-nav {bottom:90px; top:auto; width:100%; text-align:center; } body.section-smagazine .promo-area .flex-control-nav {bottom:100px;} .section-smagazine .promo-area .flex-control-nav li a {text-align:left;} .section-smagazine .promo-area .flex-direction-nav {/* display:none */} .section-smagazine .promo-area .slide-title-wrapper {padding:0;} .section-smagazine .promo-area .slide-title-wrapper a {text-align:center; display:block; margin:0 auto; padding:1.5% 1.5% 2.5%; background:url('images/dimm-b-50.png');} body.section-smagazine .promo-area .slide-title-wrapper a {padding:15px 1.2% 20px} .section-smagazine .promo-area .slide-title-wrapper h2, .section-smagazine .promo-area .slide-title-wrapper h3 {color:#fff; margin-bottom:0;} .section-smagazine .promo-area .slide-title-wrapper h2 {font-size:24px; line-height:1.3em; height:1.3em; font-weight:normal; margin-bottom:10px} .section-smagazine .promo-area .slide-title-wrapper .excerpt {display:none;} .section-smagazine .su-slider .su-slider-pagination, .section-smagazine .su-slider:hover .su-slider-pagination {bottom:auto !important; top:45%; right:20px; left:auto; width:15px;} /* 섹션-라이브러리 */ .section-library .bnr-showocase {margin-top:10px;} .archive-title.small {padding-top:10px;} .single #content .list-wrapper .hentry {font-size:14px;} body.section-library .bnr-wrapper.under-slide {margin-bottom:33px;} body.section-library .archive-title > a {float:right;} /* 섹션-Gallery */ .section-gallery #tertiary.sidebar-container {padding-top:0;} .section-gallery .bnr-wrapper.under-slide {display:none;} .section-gallery .g-slide.promo-area {height:0; padding-bottom:45.89%} .section-gallery .g-slide.promo-area .flexslider {position:static} .section-gallery .g-slide .flex-direction-nav a.flex-prev:hover{background-position:0 0} .section-gallery .g-slide .flex-direction-nav a.flex-next:hover{background-position:-40px 0} /* Archive */ /* Category */ .archive-title, .archive-meta {font-size:22px; font-weight:bold; padding-bottom:10px;} .archive-title span {color:#9f9f9f; font-weight:normal; font-size:14px;} .btns-list-order {float:right; font-size:13px} .btns-list-order a {cursor:pointer; font-size:13px; display:inline-block; padding:7px 0 0 10px; font-weight:normal;color:#333;} .btns-list-order a.order-desc {padding-right:10px;} .btns-list-order a.active {font-weight:bold;} .archive-filter-wrap {background-color:#f9f9f9; border:1px solid #e9e9e9; padding:15px 30px; margin-bottom:30px;} .archive-filter p.msg {margin:5px 0 15px;} .archive-filter#period-filter {float:left;} .archive-filter#jeho-filter {float:right;} .archive-filter .select {float:right; width:100px;} .filter-wrap.search #search-filter {text-align:right;} .filter-wrap.search .select {float:left; margin-right:10px;} /* 지난호보기 */ .list-pasts .hentry.article-wrapper {float:left; max-width:48.5%; padding:0; margin-bottom:35px;} .list-pasts .hentry.article-wrapper.post-2nd {float:right;} .list-pasts .article-wrapper h1.entry-title, .list-pasts .article-wrapper .thumb-wrapper {width:100%; margin:0; display:block; float:none;} .list-pasts .article-wrapper h1.entry-title {font-size:14px; margin-bottom:5px;} .list-pasts .article-wrapper .post-date {font-weight:normal;} .list-pasts .article-wrapper .thumb-wrapper {padding-bottom:60%; text-align:center;} .list-pasts .article-wrapper .thumb-wrapper-outer {border:1px solid #c6c6c6; margin-bottom:2%; padding:4% 4% 0;} .goto-pasts-wrap a {width:49%; float:left; border:1px solid #c6c6c6; display:block; line-height:28px; text-align:center; color:#333} .goto-pasts-wrap a:hover {text-decoration:none; background-color:#efefef;} .goto-pasts-wrap a.goto-past-pdf {float:right;} .goto-pasts-wrap a span{background:url('images/icon-pasts.png') left top no-repeat; background-size:36px 19px; display:inline-block; width:18px; height:19px; overflow:hidden; vertical-align:-5px; margin-right:3px;} .ie8 .goto-pasts-wrap a span {background-image:url('images/ie8/icon-pasts__.png') } .goto-pasts-wrap a.goto-past-pdf span {background-position:-18px 0;} .post-type-archive-pasts .list-wrapper .thumb-wrapper {border:none} /* 갤러리 */ #single-content-wrapper.gallery-post, #tertiary.gallery-post {display:none;} .single-post .gallery-area .title-wrapper.gallery .entry-title {vertical-align:top;} /* 라이브러리 카테고리 */ .term-info-wrapper, h1.term-title.root-term-title {margin-top:20px; margin-bottom:10px;} .term-info-wrapper {border:1px solid #dedede; margin-top:30px;} .term-info {padding:30px 20px; text-align:center;} .term-info a.root-term {display:inline-block; margin-bottom:10px; padding:0 8px; border:1px solid #0066b2; color:#0066b2} .term-info-wrapper h1.term-title {font-size:22px;} .term-info-wrapper .user-bio {border:none; margin-bottom:0; padding:30px; position:relative;} .term-info-wrapper .user-bio:before {position:absolute; height:1px; width:auto; left:30px; right:30px; content:" "; border-top:1px dotted #dedede;top:0;} .tax-library-category .post-share-area {border:none;} .tax-library-category .post-share-area .cmt {display:none;} .tax-library-category .archive-title {border-bottom:1px solid #9f9f9f; margin-bottom:20px; padding-top:30px; padding-bottom:5px;} /* search */ .search .search-title { font-size: 22px; font-weight: bold; padding-bottom: 10px; padding-top:30px;} .search .search-title a {float:right; font-size:16px; margin-top:10px; display:none;} .search .article-wrapper .excerpt {max-height:3.2em;} /* Tag */ .archive.tag .archive-title, .search .archive-title {margin-bottom:20px;} .archive.tag .archive-title span.tag-item, .search span.search-item {font-size:22px; font-weight:normal; color:#1a57a3; padding-left:10px;} /* Single */ .single .post-navigation {display:none} .title-wrapper .cat-area a {margin-bottom:7px;display:inline-block; float:left; vertical-align:middle; padding:6px 10px; color:#00417e; border:1px solid #00417e; margin-right:5px; font-size:12px; line-height:1em;} .title-wrapper .cat-area a:hover, .title-wrapper .categories-links a:link {text-decoration:none;} .title-wrapper .cat-area {margin-bottom:5px;} .single .title-wrapper .entry-title {font-size:34px;} .single .title-wrapper .subtitle {font-weight:normal; font-size:16px; margin:5px 0 20px; font-weight:600} .single .title-wrapper .post-meta {font-size:13px; margin-bottom:25px; color:#999;} .single .title-wrapper .post-meta, .single .title-wrapper .post-meta a {color:#666;} .single-post-owner .archive-title {padding-top:5px;} .post-share-area {padding:0 0 10px; border-bottom:1px solid #9f9f9f; letter-spacing:0; position:relative;} .post-share-area .post-share-wrapper {float:left; margin:0; padding:0} .post-share-area .post-share-wrapper li {list-style-type:none; display:inline-block; margin-right:2px; vertical-align:top; line-height:20px;} .post-share-area li a, .post-share-area li .box-close {display:inline-block; height:20px;line-height:20px; vertical-align:top; background:url('images/btns-single-sns.png') left top no-repeat; text-indent:-1000px; overflow:hidden;} .post-share-area li.fb-like a {width:auto; background:none;} .post-share-area li.fb-share a {width:54px; background-position:0 0} .post-share-area li.tw-share a {width:56px; background-position:0 -20px} .post-share-area li.gp-share a {width:20px; background-position:0 -40px} .post-share-area li.kt-share {display:none;} .post-share-area li.kt-share a {width:22px; background-position:0 -60px;} .post-share-area li.ks-share a {width:22px; background-position:0 -80px} .post-share-area li.email a {width:62px; background-position:0 -100px} .post-share-area li.cmt a {width:54px; background-position:0 -120px; cursor:pointer;} .post-share-area .bubble-box {display:inline-block; position:relative; text-align:center; font-size:10px; border:1px solid #9197a3; border-radius:2px; padding:0 3px; line-height:20px; height:20px; vertical-align:top; margin:0 4px 0 6px; min-width:24px; white-space:nowrap; } .post-share-area .bubble-box:before {position:absolute; width:5px; height:6px; left:-5px; top:5px; background:url('images/share-cnt-arrow.png') left top no-repeat; content:" "} .post-share-area li .box-close {width:3px; background-position:-71px -140px} .post-share-area .post-service-wrapper {float:right;} .post-share-area .post-service-wrapper .btn {cursor:pointer;display:inline-block; float:left; height:20px; overflow:hidden;background:url('images/btns-single-util.png') left top no-repeat; text-indent:-1000px;} .post-share-area .post-service-wrapper .scrap {width:45px; background-position:0 0} .post-share-area .post-service-wrapper .email {width:27px; background-position:-45px 0; display:none;} .post-share-area .post-service-wrapper .print {width:27px; background-position:-72px 0} .post-share-area .post-service-wrapper .font-smaller {width:28px; background-position:-99px 0} .post-share-area .post-service-wrapper .font-larger {width:27px;; background-position:-127px 0} .post-share-area .flat-box {display:inline-block; font-size:10px; line-height:18px; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; padding:0 6px; border-radius:0; margin:0 0 0 -5px; height:20px; vertical-align:top;} .post-share-area .fb-like iframe.fb_iframe_widget_lift {min-width:450px;} /* 모바일 Share */ .post-share-area .m-show {border:1px solid #dcdcdc} .post-share-area .m-show >li{width:25%; padding:8px 0; float:left; border-left:1px solid #dcdcdc; position: relative; text-align:center;} .post-share-area .m-show >li:first-child {border:none;} .post-share-area .m-show >li > a {display:inline-block; width:24px; height:24px; background:url('images/icon_postshare.png') left top no-repeat; background-size:96px 24px; margin:0 auto;} .ie8 .post-share-area .m-show >li > a {background-image: url('images/ie8/icon_postshare__.png')} .post-share-area .m-show >li.li_cmt > span {color:#e6a300} .post-share-area .m-show >li > a.btn-comment {background-position:0 0} .post-share-area .m-show >li > a.btn-share {background-position:-24px 0} .post-share-area .m-show >li > a.btn-text-bigger {background-position:-48px 0} .post-share-area .m-show >li > a.btn-text-smaller {background-position:-72px 0} .post-share-area .m-show .btns-wrap {position:absolute; top:40px; left:-1px; width:190px; padding:10px 15px; border:1px solid #dcdcdc;} .post-share-area .m-show .btns-wrap li {display:inline-block;} .post-share-area .m-show .btns-wrap li a {display:block; width:34px; height:34px; background:url('images/icon_sns.png') left top no-repeat; background-size:238px 34px; margin:0 auto;} .ie8 .post-share-area .m-show .btns-wrap li a {background-image:url('images/ie8/icon_sns__.png') } .post-share-area .m-show .btns-wrap li.fb a{background-position:0 0} .post-share-area .m-show .btns-wrap li.tw a {background-position:-34px 0} .post-share-area .m-show .btns-wrap li.kt a {background-position:-102px 0} .post-share-area .m-show .btns-wrap li.email a {background-position:-204px 0} .post-share-area .m-show .btns-wrap {display:none; z-index:2; background:url('images/dimm-w-90.png')} .post-share-area .m-show .btns-wrap.active {display:block;} .single.single-post-owner #primary {margin-top:30px;} .single.single-post-owner .post-share-wrapper .email, .single.single-post-owner .post-share-wrapper .cmt {display:none} .single .related-posts article-wrapper.hentry {margin-bottom:0;} .single #content {position:relative;} .single .hentry {line-height:1.8em; /* margin-bottom:30px; */} .single .nav-links a{position:fixed; width:30px; height:50px; top:50%} .single .nav-links a[rel="prev"] {left:0} .single .nav-links a[rel="next"] {right:0} .single .series-desc {background-color:#efefef; padding:20px 30px;} .user-bio {border:1px solid #e9e9e9; padding:24px 20px; font-size:12px;} .user-bio .thumb-wrapper {float:left; width:76px; /* height:76px; */ overflow:hidden; margin-right:20px; max-width:100%; border:1px solid #dedede} .user-bio .thumb-wrapper img {border:none} .user-bio p {margin-bottom:0; font-size:13px; line-height:1.5em;} .user-bio a {color:#9f9f9f} .user-bio .user-meta {padding-top:0;} .user-bio .user-meta .user-name {font-weight:600; margin-right:10px; display:inline-block; margin-bottom:5px;} .user-bio .user-meta a.tw, .user-bio .user-meta a.fb {display:inline-block; padding-left:25px; background:url('images/user-box-icons.png') left top no-repeat; background-size:16px 30px;} .ie8 .user-bio .user-meta a.tw, .ie8 .user-bio .user-meta a.fb {background-image: url('images/ie8/user-box-icons__.png')} .user-bio .user-meta a.fb {color:#0054a6; background-position:0 5px; padding-left:8px;} .user-bio .user-meta a.tw {color:#00aeef; background-position:0 -13px; padding-left:17px} .user-bio .user-meta a {color:#333; margin-right:10px;} .user-bio a.more-posts {display:inline-block; border:1px solid #ddd; color:#888; font-size:11px; line-height:1em; padding:3px 16px 4px 6px; margin-left:0; vertical-align:-1px; background:url('images/btn_paging_right.png') right 5px top 6px no-repeat #eee; background-size:5px 7px;} .ie8 .user-bio a.more-posts {background-image:url('images/ime/btn_paging_right__.png') } .single .extra-part-title {font-size:18px; margin-top:0; margin-bottom:10px;} .single-part {margin-bottom:22px; border-bottom:1px solid #dedede; padding-bottom:25px;} .sidebar .single-part .list-wrapper {float:none;} .single .post-navigation {padding:0;} .single .title-wrapper.gallery {padding:0; margin-bottom:30px;} .single .title-wrapper.gallery .cat-area {display:inline-block;} .single .title-wrapper.gallery .entry-title {display:inline-block; font-size:18px; font-weight:600; vertical-align:-2px;} .single .gallery-area {margin-top:30px;} .flexslider-gallery .slides > li {display:none !important;} .single .gallery-area .desc {text-align:left; margin-bottom:70px; padding:40px 80px 0} .single .gallery-area .show-article {display:block; cursor:pointer; text-align:right; position:relative; z-index:10; font-weight:bold; color:#000;} .single .gallery-area .sidebar-container {padding:0;} .single .gallery-area .sidebar-container .widget {margin-bottom:10px;} .single .flexslider-gallery.gallery-wrapper {height:auto !important; } .flexslider-gallery.gallery-wrapper .slides > li {text-align:center;} .flexslider-gallery .slides > li.flex-active-slide {display:block !important;} .flexslider-gallery .slides img {width:auto; max-width:864px; margin:0 auto;} .flexslider-gallery .flex-direction-nav a {background:url('images/btn_gallery.png') left top no-repeat; width:45px; height:60px; top:182px;} .flexslider-gallery .flex-direction-nav .flex-prev {background-position:0 0} .flexslider-gallery .flex-direction-nav .flex-next {background-position:-45px 0} .flexslider-gallery .flex-direction-nav .flex-prev:hover {background-position:0 -60px} .flexslider-gallery .flex-direction-nav .flex-next:hover {background-position:-45px -60px} .single .left-user-box {width:80px; position:absolute; left:0; top:38px;} .single .left-user-box .user-bio {padding:0; border:none; text-align:center;} .single .left-user-box .user-bio .thumb-wrapper {padding:0 3px 5px;} .single .left-user-box .user-bio .thumb-wrapper img {max-width:100%; border:1px solid #e9e9e9;} .single .left-user-box .user-bio .user-name {font-weight:normal; line-height:1.3em; margin-bottom:10px; display:block;} .single .left-user-box .user-bio .user-name em {font-weight:600; display:block;} .single .left-user-box .user-bio .user-desc, .single .left-user-box .user-bio .email {display:none;} .single .hentry.has-lib-term {padding-left:87px;} .single .hentry.has-lib-term table.reg-img-tbl img {max-width:590px;} .single .left-user-box .user-bio .user-meta a.tw, .single .left-user-box .user-bio .user-meta a.fb {overflow:hidden; text-indent:-1000px; padding:0; width:40px; height:40px;background-image:url('images/user-sns-h.png'); background-size:auto; margin:0 auto 5px; display:block;} .ie8 .single .left-user-box .user-bio .user-meta a.tw, .ie8 .single .left-user-box .user-bio .user-meta a.fb {background-image: url('images/ie8/user-sns-h__.png')} .single .left-user-box .user-bio .user-meta a.fb {background-position:0 0} .single .left-user-box .user-bio .user-meta a.tw {background-position:0 -43px} .single .left-user-box .user-bio .user-meta a.fb:hover {background-position:-40px 0} .single .left-user-box .user-bio .user-meta a.tw:hover {background-position:-40px -43px} /* Payment Check */ .msgbox {background:url('images/img_newspaper.png') 90% 25px no-repeat #e9f1fa; background-size:32%; padding:40px; color:#666; font-size:14px;line-height:1.6em;} .ie8 .msgbox {background-image:url('images/ie8/img_newspaper__.png') } .msgbox.pay-check .msg-inner {} .msgbox .msg-body {padding:20px 30px; background-color:#f8fbfe; margin-bottom:20px;} .msgbox h3 {font-size:18px; margin-bottom:10px;} .msgbox .msg-title {font-size:32px; color:#1a57a3; margin-bottom:30px; font-weight:normal;} span.bld {font-weight:600;} .msgbox .msg-body ul {margin-bottom:30px; font-weight:normal;} .msgbox .btn-wrapper {margin-top:25px;} .msgbox .btn-wrapper a.btn {line-height:30px; padding:2px 20px 3px; margin-right:3px; display:inline-block; background-color:#385c88; color:#fff;} .msgbox .btn-wrapper a.btn:hover {text-decoration:none; color:#fff;} .msgbox .btn-wrapper a.btn.goto-login {background-color:#777; color:#fff} .msgbox .btn-wrapper a.btn.naver-login {width:161px; height:35px; text-indent:-1000px; overflow:hidden; vertical-align:top; background:transparent url('images/naver-login-1156.png') left top no-repeat; background-size:100%;} .ie8 .msgbox .btn-wrapper a.btn.naver-login {background-image:url('images/ie8/naver-login-1156__.png')} /* 댓글 */ .comments-area .comment-respond {display:none;} .logged-in .comments-area .comment-respond {display:block;} .comments-area .comment-form {position:relative} .comments-area .comment-respond p {margin-bottom:0;} .single-part.comments-area {padding-bottom:0; border:none;} .comment-wrapper {position:relative;} .comment-list > li::after, .comment-list .children > li::before {background:none;} .comment-author .avatar {border-radius:50%;} .comments-title {font-size:13px; margin-bottom:5px;padding-bottom:8px; border-bottom:1px solid #dedede; margin-top:20px;} .comments-title span {color:#ec6a6a} .comment-body {padding:10px 0;} .comment-metadata {margin-bottom:5px;} .comment-list {margin:0} .comment-list ul {padding:0} .comment-list .alert {display:none;} .comment-list p {margin-bottom:0; font-size:13px;} .comment-list .comment-body {border-bottom:1px solid #e9e9e9; padding-top:12px; padding-bottom:15px;} .comment-list .children {margin-left:0;} .comment-list .children .comment-body {padding-left:15px;} .comment-list .children .children .comment-body {padding-left:30px;} .comment-meta.commentmetadata, .comment-wrapper .comment_btn_box {font-size:13px; line-height:13px;} .comment-wrapper .comment_btn_box {display:inline-box;} .comment-meta.commentmetadata {text-align:right; margin-bottom:5px} .comment-meta.commentmetadata .cmt-author {float:left; margin-right:5px; position:relative; color:#666} .comment-meta.commentmetadata .cmt-time {float:left;} .comment-meta.commentmetadata .comment_btn_box {display:inline-block; margin-right:7px;} .comment-meta.commentmetadata .btn_comment {padding:0 7px; position:relative; color:#666} .comment-meta.commentmetadata .btn_comment:hover {text-decoration:none; color:#333;} .comment-meta.commentmetadata .btn_comment:after {position:absolute; height:10px; width:1px; left:0; top:6px; content:" "; background-color:#ececec;} .comment-meta.commentmetadata .btn_comment:last-child {padding-right:0;} .comment-meta.commentmetadata .comment_cnt {padding-left:5px;} .comment-meta.commentmetadata .comment_cnt.comment_cnt_like {color:#3974e0} .comment-meta.commentmetadata .comment_cnt.comment_cnt_dislike {color:#ec6a6a} a.comment-reply-link, a.comment-reply-login {display:inline-block; padding:3px 5px; font-size:12px; background-color:#bfc0c0;color:#fff; line-height:1.2em; border-radius:2px;} .comment-reply-link:before, .comment-reply-login:before {display:none;} .bypostauthor > .comment-body .comment-meta:before {content: ""; vertical-align: text-top; display: inline-block; font: 16px/1 Genericons; } .comment-respond {background-color:#f9f9f9; border:1px solid #e9e9e9; padding:15px 20px;position:relative;} .logged-in .comment-list .comment-respond{padding-bottom:30px; padding-top:25px;} .comment-respond .comment-form-comment > textarea {width:90%; height:90px; border-color:#e9e9e9; margin-right:-1px; color:#9f9f9f} .comment-respond a.submit {position:absolute; right:0; top:0; width:10%; height:90px; line-height:90px; text-align:center;/* background:url('images/btn-cmt-submit.png') left bottom repeat-x #fff; */color:#666; border:1px solid #e9e9e9; border-width:1px 1px 1px 0} .comment-respond .logged-in-as, .comment-respond .comment-form-comment label, .comment-respond .form-allowed-tags{display:none;} .comment-respond .goto-cmt-rule { text-align:right; font-size:12px; display:none;} .comment-respond .goto-cmt-rule a {color:#9f9f9f;} .comment-respond .btn-cmt-login {vertical-align:-6px; display:inline-block; width:22px; height:22px; text-indent:-1000px; overflow:hidden; background:url('../tong/images/btns-cmt-login.png') left top no-repeat; background-size:66px 44px;} .ie8 .comment-respond .btn-cmt-login {background-image:url('../tong/images/btns-cmt-login.png') } .comment-respond .must-log-in {font-size:13px; color:#666} .comment-respond .must-log-in span {float:right;} .comment-respond .wp-login {background-position:0 0;} .comment-respond .fb-login {background-position:-22px 0;} .comment-respond .tw-login {background-position:-44px 0;} .comment-respond .wp-login:hover {background-position:0 -22px;} .comment-respond .fb-login:hover {background-position:-22px -22px;} .comment-respond .tw-login:hover {background-position:-44px -22px;} .comment-respond .btn-cmt-login:last-child {margin-right:20px;} #cancel-comment-reply-link {position:absolute;top:12px; right:20px;} #cancel-comment-reply-link:before {font-size:13px; color:#888;} h3#reply-title {margin:0;} .comment_social_box {display:none} /* 기능개발완료후 해제 */ .comment_social_box > a {display:inline-block; text-indent:-1000px; overflow:hidden; width:22px; height:22px; background-image:url('images/btn_login_sns.png'); background-repeat:no-repeat; background-size:66px 44px} .ie8 .comment_social_box > a {background-image:url('images/ie8/btn_login_sns__.png') } .comment_social_box > a.btn_comment_joins {background-position:-44px -22px} .comment_social_box > a.btn_comment_facebook {background-position:0 -22px} .comment_social_box > a.btn_comment_twitter {background-position:-22px -22px} .comment_social_box > a.active.btn_comment_joins {background-position:-44px 0} .comment_social_box > a.active.btn_comment_facebook {background-position:0 0} .comment_social_box > a.active.btn_comment_twitter {background-position:-22px 0} .comments-area .no-comments {display:none;} /* Single parts */ .single .list-wrapper .hentry {line-height:1.6em;} .single-part h3 a.more-lists {float:right; color:#9f9f9f; font-size:13px; font-weight:normal; padding-right:15px; background:url('images/arrow_menu-9f.png') right -90px no-repeat; background-size:10px 150px; line-height:30px;} .ie8 .single-part h3 a.more-lists {background-image:url('images/arrow_menu-9f.png') } .single .extra-part-title.front-posts {margin-top:10px;} .single .extra-part-title.library-posts {margin-top:10px;} .single-part.category-posts-area {border-bottom:none; margin-bottom:0;} /* 태그 */ .single .tags a {display:inline-block; position:relative; padding:0 10px 0 19px ; color:#00417e; margin:0 5px 5px 0; background-color:#e9e9e9;} .single .tags a:after {position:absolute; left:10px; top:0; content:"#"} .single .tags a:hover {text-decoration:none;} /* 지난호 */ .single.single-pasts .nav-links a {position:absolute;} .jeho-wrap {max-width:100px;} .jeho-wrap .nav-links > a {width:7px; height:11px; background:url("images/arrow-jeho.png") no-repeat left top; overflow:hidden; top:17px; text-indent:-1000px;} .jeho-wrap .nav-links a[rel="next"] {background-position:-8px 0; right:-17px;} .jeho-wrap .nav-links a[rel="prev"] {left:-17px;} /* 결제 페이지 */ .locationbar {background-color:#e9f1fa; font-size:20px; color:#999; line-height:40px; margin-bottom:50px;} .locationbar li {width:33.33%; float:left; text-align:center;} .locationbar li.step1 {border:none;} .locationbar li.last {border:none} .locationbar li.current {background-color:#1a57a3; color:#fff;position:relative} .locationbar li.current:before {content:" "; left:0; top:0; display:block; width:25px; height:40px; position:absolute; background:url('images/arrow-locationbar-light.png') left top no-repeat;} .locationbar li.current:after {content:" "; position:absolute; width:25px; height:40px; background-image:url('images/arrow-locationbar.png'); left:auto; right:-25px} .locationbar li.current.step1:before, .locationbar li.last:after {display:none;} .locationbar li.current.last {margin-left:-1px;} .premium-info {background:url('images/pay-img-01.png') right top no-repeat; padding-bottom:10px;margin-bottom:15px;} .payment .section-title {font-weight:normal; color:#666; margin-bottom:20px;} .payment h3.section-title {font-size:30px; color:#1a57a3; padding-bottom:20px;} .payment h4.section-title {font-size:18px;} .pay-info .bullet li {color:#666; line-height:2em; font-size:16px; padding-left:10px; background:url('images/btn_paging_right.png') left 13px no-repeat; background-size:5px 7px;} .ie8 .pay-info .bullet li {background-image: url('images/btn_paging_right.png')} .pay-info .bullet.dash li {background: url('images/dimm-b-50.png') left 12px no-repeat; background-size:3px 3px; line-height:1.4em; margin-bottom:10px} .pay-info .bullet.dash li .favor{display:inline-block; position:relative; padding-right:5px; margin-right:5px;} .pay-info .bullet.dash li .favor:after {position: absolute; width:1px; height:10px; right:0; top:13px; content:" "; border-right:1px solid #ddd; } .pay-info.premium-info .bullet.dash li .favor:after {top:8px; right:-3px;} .msgbox.pay-check .favor{display:inline-block; position:relative; padding-right:10px; margin-right:5px;} .msgbox.pay-check .favor:after {position: absolute; width:1px; height:10px; right:0; top:5px; content:" "; border-right:1px solid #ddd; } .msgbox.pay-check li {line-height:1.3em; margin-bottom:7px; } .payment a.blue {display:inline-block} .payment a.blue, .payment .blue {color:#4a91ce; padding-left:10px;} .pay_chioce, .extra-info, .pay_box, .nosrh_info {margin-bottom:30px;} .pay {border-top:1px solid #e6e6e6; font-size:16px;} .pay dd, .pay dt {display:inline-block; width:50%; padding:20px 15px; border-bottom:1px solid #e6e6e6;float:left; height:68px;} body.paypaper .pay dd, body.paypaper .pay dt {height:auto;} .pay dt {background-color:#f9f9f9; border-right:1px solid #e6e6e6;} .pay dt {padding-left:10%;} .pay dt input {margin-right:5%;} .pay dd {text-align:center; font-size:22px; font-weight:600;} .pay_area .btn_area {padding-top:40px; border-top:1px solid #e6e6e6; text-align:center;} .pay_area .btn_area button:hover, .pay_area .btn_area input:hover, .btn_area .btn_emphasis:hover, .btn_area .btn_cancel:hover {text-decoration: none;} .pay_area .btn_area button, .pay_area .btn_area input, .btn_area .btn_emphasis, .btn_area .btn_cancel { background-image:none;; width:165px; height:50px; line-height:50px; padding:0 !important; font-size:16px; text-align:center;} .pay_area .btn_area button {background-color:#ebebeb; border:1px solid #ddd; color:#444; background-image:none;} .pay_area .btn_area input, .pay_area .btn_area button#onPay, .btn_area .btn_emphasis {background-color:#385c88; color:#fff; margin:0 5px;} .btn_area .btn_emphasis:hover {color:#fff} .btn_area .btn_cancel:hover {color:#666} .btn_area .btn_emphasis, .btn_area .btn_cancel {display:inline-block;} .btn_area .btn_cancel {border-top:1px solid #e6e6e6; background-color:#ebebeb; color:#666} .pay-method-sel ul li{display:inline-block;} .pay-method-sel ul li:first-child { margin-right:180px;} .pay .pay-method-sel dt {width: 20%; padding-left:15px; text-align:center;} .pay .pay-method-sel dd {width:80%; font-size:16px; font-weight:normal; text-align:left; padding-left:50px; min-height:63px;} .pay .pay-method-sel .blue {margin-right:10px;} .pay .pay-method-sel .price {float:right;font-size:20px; font-weight:600;} .pay .extra-info p.checkform {margin-top:15px;} .pay_chioce .pay dd.money {font-weight:normal; font-size:17px;} .pay_chioce .pay dd.money strong {font-size:22px; vertical-align:-1px;} .pay-method-telecom th {background-color:#f9f9f9; text-align:center; border-top:1px solid #ededed; width:180px;} .pay-method-telecom th, .pay-method-telecom td {font-size:16px;} .pay-method-telecom td {padding-left:40px; border-left:1px solid #ededed;} .req-paper-desc {background:url('images/pay-img-02.png') right top no-repeat; padding-bottom:10px;margin-bottom:15px;} .req-paper-desc h3.section-title {margin-bottom:10px;padding-bottom:0;} .payment p.cection-content {font-size:26px; color:#666; line-height:1.3em; letter-spacing:-2px;} .paypaper .application legend .paypaper .pay_box {border:1px solid #ededed; background-color:#f9f9f9} .paypaper .pay dt {background-color:transparent; border:none; width:170px; padding:25px 40px; font-weight:normal} .paypaper .pay dd {border:none; width:850px; text-align:left; font-weight:normal; padding-top:30px} .paypaper .pay_box {background: #fcfcfc none repeat scroll 0 0; border: 1px solid #eaeaea; margin-bottom: 48px; position: relative;} .paypaper .application {width:100%;} .paypaper .application dd.address div { margin-bottom: 20px;} .paypaper .application input.txtbox_msize {width:320px;} .paypaper .application .default { background: #fff url("images/k_special.gif") no-repeat scroll right -161px; border: 1px solid #e6e6e6; cursor: pointer; font-size: 16px; height: 31px; margin-bottom: 0 !important; padding: 5px 0 3px 10px;} .paypaper .application .select {cursor: pointer; display: inline-block; margin-bottom: 0 !important; position: relative; vertical-align: middle; width: 100px; z-index: 1000;} .paypaper .application .select .option {background: #fff none repeat scroll 0 0; border: 1px solid #8c8c8c; display: none; left: 0; padding: 0; position: absolute; top: 35px; width: 98px;} .paypaper .application .select .over {display:block; height:133px;} .paypaper .application .select .option li:hover, .paypaper .application .select .option .on, .paypaper .application .select .option .on:hover {background-color:#f8f8f8; } .paypaper .application .select .option li {color: #463714; cursor: pointer; font-size: 15px; height: 24px; line-height: 24px; padding: 1px 0 0 18px;} .paypaper .application .select .option .on:hover {background-color:#f8f8f8; } .paypaper .application input.txtbox{border: 1px solid #e6e6e6} .paypaper .application .txtbox {font-size: 16px; height: 31px; line-height: 30px; padding: 0 0 3px 10px; vertical-align: middle; width: 88px;} .paypaper .application input.address {width:668px; max-width:100%;} .paypaper .application dl dd strong {color: #999; font-weight: normal;letter-spacing: -1px; margin-left: 7px;} .paypaper .application dd.address div.address .address, .paypaper .application dd.address div.address span {display: block; margin-bottom: 10px;} .paypaper .application dd a.addr_search, .pay_finish .pay_wrap .cmt span a { background-color: #999;border: 1px solid #8c8c8c; color: #fff; display: inline-block; font-size: 14px; height: 31px; margin-left: 13px; padding-top: 6px; text-align: center; text-decoration: none; vertical-align: middle; width: 102px;} .paypaper .application dd a.addr_search {height:auto; line-height:1em; padding:6px 7px 8px} .paypaper .application dl dd strong { color: #999; font-weight: normal; letter-spacing: -1px; margin-left: 7px; font-size:12px; line-height:1.3} .paypaper .application legend { background: rgba(0, 0, 0, 0) url("http://images.joins.com/ui_imc/2014_mirae/v_title_sprite.png") no-repeat scroll 0 -18px; display: block; height: 19px; margin-bottom: 14px; width: 100%;} .paypaper .application legend, .paypaper .application .hidden, .paypaper .application caption, .paypaper .application .submenu h3.hidden{ font-size: 0;height: 0;left: 0;line-height: 0;overflow: hidden;position: absolute;top: 0;visibility: hidden;width: 0;} /* 이메일 */ .joins-pop {background:url('images/letter-header-back.png') left top repeat-x #6c737d; padding:6px 7px;} .joins-pop .pop-inner {background:url('images/letter-corner-back.png') right top no-repeat #fff; padding:25px 20px} .joins-pop h1 {margin:0; font-size:22px; padding:0 0 15px; border-bottom:1px solid #cac4b8;} .joins-pop .title {padding:15px 5px;display:inline-block; } .joins-pop fieldset {border:none; padding:0; font-size:14px;} .joins-pop fieldset dl {margin:0; padding:15px; border-top:1px dotted #cac4b8;} .joins-pop fieldset dt {background:url('images/bullet-blue-arrow.png') left 7px no-repeat;} .joins-pop fieldset dd {margin:0; position:relative; clear:both;} .joins-pop fieldset dt, .joins-email fieldset dd {padding-left:8px;} .joins-pop fieldset dd input[type="text"] {float:right; width:60%; padding:2px 3px; font-size:12px; margin-bottom:4px; border:1px solid #cac4b8;} .joins-pop fieldset textarea {width:100%;} .joins-pop fieldset dd input, .joins-email fieldset textarea { border:1px solid #cac4b8; border-color: #cac4b8 #cac4b8 #000 ;} .joins-pop fieldset dl:last-child dd {height:auto;} .joins-pop .btn {text-align:center;} .joins-pop .btn > a {display:inline-block; width:63px; line-height:30px; border:1px solid #dedede; background-color:#ededed; color:#777; margin:0 2px} .joins-pop .btn > a#send-mail {border:1px solid #385c88; background-color:#385c88; color:#fff;} .joins-pop .btn > a:hover {text-decoration:none;} /* 프린트 */ .joins-pop h1 span {font-weight:normal; font-size:12px; color:#999; float:right; margin-top:10px} .joins-pop .btn_top {text-align:right; margin-top:15px;} .joins-pop .btn_top > a {display:inline-block; font-size:12px; height:26px; padding:0 6px; border:1px solid #dedede; background-color:#ededed; color:#777; margin:0 2px} .joins-pop .btn_top > a:hover {text-decoration:none;} .joins-print h2.title {font-size:24px; font-weight:normal; margin:0;} .joins-print h3 {font-weight:normal; font-size:18px; margin-top:0;} .joins-print img.size-full {display:block; margin:0 auto;} /* 404 */ .error404 .page-header {padding:0;} .error404 .page-title::before {display:none;} .error404 .page-title {background:url('images/img_error.png') center center no-repeat; height:0; padding:0 0 40% 0} .error404 .page-wrapper {background-color:transparent; text-align:center;} .error404 .page-content {padding-top:0} .error404 .page-content h2 {font-size:34px; font-weight:normal; margin-bottom:20px;} .error404 .page-content p {} .error404 #content .search-form {display:inline-block; margin:20px auto} .error404 #content .search-form input {width:160px;} /* 오픈이벤트 */ .sunday-event .site-main {position:relative;} .sunday-event .site-main > div {background:url('images/img_pc.jpg') center top no-repeat; height:0; padding-bottom:253%; background-size:100% auto;} .sunday-event .site-main dd {position:absolute; top:80%; left:0; width:100%; border:none !important;} .sunday-event .site-main dd input {width:15%; font-size:18px; position:absolute;border:none !important; background-color:transparent !important; text-align:center;} .sunday-event .site-main dd #ev_pnum1 {left:24%} .sunday-event .site-main dd #ev_pnum2 {left:42.5%} .sunday-event .site-main dd #ev_pnum3 {left:61%} .sunday-event .btn {position:absolute; display:block; cursor:pointer; text-indent:-1000px; overflow:hidden; } .sunday-event .btn.submit-btn {height:2%; top:83%; width:auto; background-color:transparent;left:24%; right:24%;} .sunday-event .btn.req-subs {height:2%; top:72.2%; width:25%; left:24%;} .sunday-event .btn.req-paper {height:2%; top:72.2%; width:25%; left:auto;right:24%;} .open-event .site-content {position:relative;} .open-event .site-content input, .open-event .site-content a.btn {position:absolute; background:url('images/dimm-w-0.png')} .open-event .site-content input {top:79.7%;width:15%; font-size:18px; border:none; text-align:center; background-color:transparent;} .open-event #ev_pnum1 {left:24%} .open-event #ev_pnum2 {left:42.5%} .open-event #ev_pnum3 {left:61%} .open-event .site-content a.btn {height:1.9%; display:inline-block; text-indent:-1000px; overflow:hidden;} .open-event .site-content a.btn.submit-btn {top:82.4%; width:auto; background-color:transparent;left:24%; right:24%; height:3%} .open-event .btn.req-subs {top:70.9%; width:29%; left:20.5%;} .open-event .btn.req-paper {top:70.9%; width:29%; left:auto;right:20.5%;} /* 안내팝업 */ .joins-pop h2.popup-title {margin-top:0; font-size:18px; margin-bottom:10px;} .joins-pop h4 {font-size:16px; font-weight:600;} .joins-pop .scroll-box {font-size:13px; padding:10px; border:1px solid #ddd; height:270px; overflow-y:scroll; line-height:1.6em; } .joins-pop .scroll-box table {table-layout: fixed; line-height:1.3em; font-size:13px; width:100%;} .joins-pop .scroll-box.partners th, .joins-pop .scroll-box.partners td {width:33%; padding:5px 10px;} .joins-pop .scroll-box thead {background-color:#f9f9f9; text-align:center;} .joins-pop article.hentry {padding-bottom:20px;} .joins-pop .btn-wrapper {margin-top:0; text-align:center; margin-bottom:0;} .joins-pop .btn-wrapper a.btn {line-height:30px; padding:2px 20px 3px; margin-right:3px; display:inline-block; background-color:#385c88; color:#fff;} .joins-pop .btn-wrapper a.btn:hover {text-decoration:none; color:#fff;} /* 안내페이지 */ body.adv-info.page .entry-title, body.sugestion.page .entry-title {font-weight:normal; font-size:32px; color:#1a57a3} .sunday-info-page h3.block-title {font-size:18px; margin-bottom:10px;} .sunday-info-page table.base thead th, .sunday-info-page table.base thead td {background-color:#f9f9f9; } .sunday-info-page table.base th {font-size:16px; font-weight:normal; text-align:center; width:25%; border:1px solid #ededed; border-width:1px 1px 0 0} .sunday-info-page table.base td {font-size:14px; padding-left:15px;} .sunday-info-page .body-block {background-color:#f9f9f9; border:1px solid #e6e6e6; padding:15px; margin-bottom:10px;} .joins-info-nav {text-align:center; margin-top:50px; border-top:1px solid #e9e9e9; padding-top:20px;} .joins-info-nav li {display:inline-block; width:20%; vertical-align:top;} .joins-info-nav li a {display:block; padding-top:65px; background:url('images/info-navi2.png') center 10px no-repeat;} .joins-info-nav li a.elite {background-position: center -140px;} .joins-info-nav li a.culture {background-position: center -290px;} .joins-info-nav li a.about {background-position: center -440px;} .joins-info-nav a, .joins-info-nav a:hover, .joins-info-nav a:visited {color:#666;} /* 마이페이지 */ .my-subscription .archive-header {max-width:609px;} .my-subscription .archive-title a, .my-scrap .archive-title a {float:right;} .my-subscription .archive-title span:hover, .my-scrap .archive-title span:hover {text-decoration:underline;} .my-subscription .archive-title span, .my-scrap .archive-title span {color: #333; cursor: pointer; display: inline-block; font-size: 13px; font-weight: normal; padding: 7px 0 0 10px;} .my-subscription .listtype-library .article-wrapper.post-5th {margin-right:12px;} .my-subscription .listtype-library .ranking {display:none;} .my-scrap .article-wrapper {position:relative;} .my-scrap .listtype-default .article-wrapper h1.entry-title a.btn-cancel {position:relative; vertical-align:-8px; display:inline-block; text-indent:-1000px; width:16px; height:16px; text-indent:-1000px; overflow:hidden; background:url('images/icon_delete.png') left top no-repeat; background-size:16px 16px} .ie8 .my-scrap .article-wrapper .entry-title .btn-cancel {background-image:url('images/icon_delete.png')} .my-scrap .listtype-default .article-wrapper h1.entry-title a {display:inline;} /* Admin POPUP */ .wk-modal.page-template-template-post-owner .wrap, .wk-modal.page-template-template-related-posts .wrap { padding: 0 20px;} .wk-modal.page-template-template-post-owner table img, .wk-modal.page-template-template-related-posts table img{max-width:70px;} .wk-modal table {line-height:1.3em;} .wk-modal table thead th {background-color:#f9f9f9; border-top:1px solid #ddd; height:50px;} /* 지난호 */ .single-pasts .thumb-wrap br, .single-pasts .thumb-wrapper br, .single-pasts .slide-inner-wrapper br, .single-pasts .list-wrapper .article-wrapper br {display:none;} .single-pasts .flex-direction-nav {float:left;} .single-pasts .listtype-view .thumb-wrapper::after {background: rgba(0, 0, 0, 0) url("http://sunday.joins.com/wp-content/themes/sunday/images/person-circle.png") no-repeat scroll left top; content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%;} /* 광고테스트 */ .g-ad-200 {display:none;} .g-ad-phone {display:none;} .for-mobil, .for-phone {display:none;} .m-show {display:none;} /* npay-point */ /* Common */ body,.npay,.npay p,.npay h1,.npay h2,.npay h3,.npay h4,.npay h5,.npay h6,.npay ul,.npay ol,.npay li,.npay dl,.npay dt,.npay dd,.npay table,.npay th,.npay td,.npay form,.npay fieldset,.npay legend,.npay input,.npay textarea,.npay button,.npay select{margin:0;padding:0;} .npay,.npay input,.npay textarea,.npay select,.npay button,.npay table{font-family:'나눔고딕',NanumGothic,'맑은고딕',MalgunGothic,'돋움',Dotum, Helvetica,sans-serif;font-size:12px;} .npay img,.npay fieldset{border:0;} .npay ul,.npay ol{list-style:none;} .npay em,.npay address{font-style:normal;} .npay a{text-decoration:none;} .npay a:hover,.npay a:active,.npay a:focus{text-decoration:underline;} .npay .blind, .npay .u_skip{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;} .npay {/*width:1022px;*/width:1024px;margin:0 auto;padding-bottom:45px;border:1px solid #dfdfdf;border-top:none;} /* 10월 중앙SUNDAY이벤트 */ .npy_spot{position:relative;min-width:1024px;height:556px;right:-1px;left:-1px;background:url(images/npay-img/bg_color.png) no-repeat 50% 0;} .npy_spot:after{display:block;position:absolute;top:0;left:0;width:100%;height:1px;background-color:rgba(0,0,0,0.1);content:'';} .npy_spot .evtit{position:relative;width:1022px;height:556px;margin:0 auto;background:url(images/npay-img/bg_spot.png) no-repeat 50% 0;/*z-index:100;*/z-index:1;} .sec{min-width:1022px;height:293px;border-bottom:1px solid #f0f1f2;background:#f6f7f8 url(images/npay-img/bg_sec.png) no-repeat 50% 0;} .sec02{position:relative;} .sec02 .notice{margin:0 auto;width:1022px;/*height:581px;*/height:771px;padding:207px 0 0;background:url(images/npay-img/bg_sec02.png) no-repeat 50% 0;} .sec02 .ceplnk{overflow:hidden;display:block;width:360px;height:58px;margin:0 auto;text-indent:-1000px;} .sec03{width:930px;margin:0 auto;} /* faq */ .faq_tit{overflow:hidden;width:238px;height:38px;margin:0 auto 39px !important;text-indent:-1000px;background:url(images/npay-img/ico_faq.png) no-repeat 0 -267px;} .sp_pay_benefit{background:url(images/npay-img/ico_faq.png) no-repeat 0 0;} .faq_fold_panel{width:930px;margin:0 auto 90px;border:1px solid #e9e9e9;} .faq_fold_panel .panel_heading{position:relative;height:60px;padding:0 83px 0 62px;} .faq_fold_panel .panel_heading .q{font-size:16px;line-height:60px;} .faq_fold_panel .panel_heading ~ .panel_heading{border-top:1px solid #f1f1f1;} .faq_fold_panel .panel_heading .btn_toggle{position:absolute;top:0;right:0;bottom:0;left:0;background:url(images/npay-img/ico_faq.png) no-repeat 877px 23px;} .faq_fold_panel .panel_body{display:none;position:relative;min-height:78px;padding:25px 312px 25px 62px;border-top:1px solid #f1f1f1;background:#f6f7f8;} .faq_fold_panel .txt_q, .faq_fold_panel .txt_a{overflow:hidden;position:absolute;left:30px;width:17px;height:20px;line-height:999px;} .faq_fold_panel .txt_q{top:19px;background-position:0 -106px;} .faq_fold_panel .txt_a{top:26px;background-position:0 -141px;} .faq_fold_panel .highlight{color:#00b737;} .faq_fold_panel .answer_txt, .faq_fold_panel .tip_txt{line-height:22px;} .faq_fold_panel .answer_txt .bar{margin:0 8px;color:#dddedf;} .faq_fold_panel .answer_txt small{font-size:12px;color:#9e9e9e;} .faq_fold_panel .answer_txt span{display:block;} .faq_fold_panel .tip_area{position:relative;} .faq_fold_panel .icon{position:absolute;top:2px;left:1px;width:30px;height:18px;background-position: -220px 0;} .faq_fold_panel .tip_txt{padding-left:39px;margin-top:15px;} .faq_fold_panel .tit_block{display:block;margin-bottom:4px;font-size:14px;line-height:21px;} .faq_fold_panel .comment_list{margin-top:18px;} .faq_fold_panel .comment_list .comment_item{padding-left:8px;background:url(images/npay-img/ico_faq.png) no-repeat -21px -165px;color:#9e9e9e;line-height:21px;} .faq_fold_panel .comment_list .comment_item + .comment_item{margin-top:4px;} .faq_fold_panel .comment_list_v2 .comment_item{background-position:-21px -187px;color:#000;} .faq_fold_panel .add_comment{display:block;font-size:12px;color:#9e9e9e;line-height:18px;} .faq_fold_panel .img_area{display:block;position:absolute;right:69px;bottom:-1px;} .faq_fold_panel .img_area img{vertical-align:top;} .link_area{margin-top:12px;} .link_area .link{text-decoration:underline;color:#6e6e6e;line-height:18px;} .link_area .link .ico_arrow{display:inline-block;*display:inline;width:10px;height:18px;background-position:5px -224px;vertical-align:top;*zoom:1;} .faq5 + .panel_body{min-height:130px;} .faq_fold_panel .answer_txt + .answer_txt{margin-top:15px;} .faq_fold_panel .answer_txt + .add_comment{margin-top:15px;} .faq_fold_panel .answer_txt + .comment_list{margin-top:15px;} .faq_fold_panel .comment_list + .answer_txt{margin-top:12px;} .faq_fold_panel .on .btn_toggle{background-position:877px -33px;} .faq_fold_panel .on + .panel_body{display:block;} .faq_fold_panel .img_benefit_faq5 {width:243px;height:131px;background:url(images/npay-img/img_benefit_faq5.png) no-repeat 0 0;} .faq_fold_panel .img_benefit_faq2 {width:243px;height:153px;background:url(images/npay-img/img_benefit_faq2.png) no-repeat 0 0;} .rwd_pc {display:block;} .rwd_mw {display:none;} /* end : npay-point */ /* =========================================================== 반응형웹 태블릿 가로 /* =========================================================== */ @media (max-width:1069px) { .site-main .widget-area {margin-right:0} } @media (max-width:1044px) { aside.wing .area_quick {display:none;} .site-main .widget-area {margin-right:0;} .site-header .home-link, .site-main, .navbar, .site-footer, .sunday .joins_gnb .doc, .sundaydev .joins_gnb .doc {max-width:994px;} /*좌우패딩 각15px*/ .fix .navbar, .fix .navbar .main-navigation {max-width:100%;} .sidebar .list-wrapper, .sidebar .content-area, .promo-area.type-c .grid-left {width:660px;} .promo-area.type-d .grid-right {width:619px;} .sidebar .section-view .article-wrapper .thumb-wrapper {padding-bottom:122px; overflow:hidden;} .sidebar .listtype-block .article-wrapper {width:32.5%; margin-right:1%; margin-bottom:6%;} .section-view .article-wrapper .thumb-wrapper .img-overlay {background-size:100%;} .listtype-library .article-wrapper {width:19%; margin-right:1.25%; margin-bottom:1.25%;} .listtype-library .article-wrapper .thumb-wrapper {padding-bottom:60%;} .site-main .widget-area {margin-right:0;} /* 쇼케이스 Type B */ .promo-area.type-b .su-slider-slide {width:33.33%} /* 쇼케이스 Type C */ .promo-area.type-c .flexslider{margin-left:-20px; margin-right:-20px;} .promo-area.type-c .slide-title-wrapper {padding-left:5%; padding-right:5%;} /* S매거진 섹션 */ .section-wrapper.section-smagazine .s-slide {width:666px;} .section-wrapper.section-smagazine .flexslider {margin-left:-15px; margin-right:-15px;} .promo-area.type-c .promo-slide-wrapper, .promo-area .slide-inner-wrapper {padding-bottom:318px;} /*View*/ .section-view .m-hide {display:none;} .section-view .m-show {display:block;} .m-show.list-wrapper.listtype-view{height:270px; overflow:hidden;} .m-show.list-wrapper.listtype-view .flex-direction-nav {display:none;} .m-show.list-wrapper.listtype-view .flex-control-nav {height:38px;} .m-show.list-wrapper.listtype-view .flex-control-paging li a {background-color:#aaa;} .m-show.list-wrapper.listtype-view .flex-control-paging li a.flex-active {background-color:#ddd} .section-view.section-wrapper {padding-left:25px; padding-right:25px;} /* 결제 */ .paypaper .pay dd {width:100%; padding:0 40px 40px} .paypaper .application input.address {width:100%;} .paypaper .application strong {display:inline-block;} #goto-top {left:auto; right:20px; margin:0; z-index:10;} } /* =========================================================== 반응형웹 태블릿 세로 /* =========================================================== */ @media (max-width:1023px) { .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta, .sidebar .comment-list, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form, .sidebar .featured-gallery, .sidebar .post-navigation .nav-links, .author.sidebar .author-info {max-width:100%;} .archive-header, .search .page-header, .archive .page-header, .blog .page-header, .error404 .page-content, .search .page-content, .archive .page-content, .attachment .entry-header, .attachment .entry-content, .post-navigation .nav-links, .sidebar .site-info, .site-footer .widget-area {padding-left:0; padding-right:0} .site-header .home-link, .site-main, .navbar, .site-footer, .sunday .joins_gnb .doc, .sundaydev .joins_gnb .doc {max-width:738px;} /*좌우패딩 각15px*/ .sidebar .list-wrapper, .sidebar .content-area, .promo-area.type-c .grid-left {width:510px;} .site-main .widget-area {width:200px;} .bnr-gnb {max-width:180px; top:23px} .site-header {margin-bottom:0 !important;} .sidebar .section-view .article-wrapper {margin-right:3%; margin-left:3%; } .promo-area.type-d .grid-right {width:360px;} .promo-area.type-d .grid-right .half {float:none; width:100%; padding:0;} .promo-area.type-c .bottom-post h2, .promo-area.type-d .top-post h2 {font-size:22px;} .promo-area.type-c .showcase-post-wrapper h2, .promo-area.type-d h2 {font-size:18px; margin-bottom:5px;} .promo-area.type-c .showcase-post-wrapper h3, .promo-area.type-d h3 {display:none;} .hideat_768 {display:none;} .sidebar .site-main .sidebar-container, .site-main .section-wrapper .sidebar-container, .promo-area.type-c .grid-right {width:200px;} .article-wrapper .thumb-wrapper {width:32.5%; margin-right:4%;padding-bottom:112px;} .section-view .article-wrapper .thumb-wrapper .img-overlay {background-size:100%;} /* 쇼케이스 Type C */ .promo-area.type-c .promo-slide-wrapper, .promo-area.type-c .slide-inner-wrapper {padding-bottom:290px} .promo-area.type-c .flexslider {margin-left:-62px; margin-right:-62px;} .promo-area.type-c .slide-title-wrapper {padding-left:13%; padding-right:13%;} .promo-area.type-c .grid-right .right-top-two-wrapper {height:290px;} .promo-area.type-c .grid-right .right-post.third .post-subtitle {display:block} .promo-area.type-c .grid-right .right-post.third .post-subtitle.m-show {display:none} .promo-area.type-c .grid-right .right-post.third .excerpt {} .promo-area.type-c .grid-right .thumb-wrap {height:65px;} /* S매거진 섹션 */ .section-wrapper.section-smagazine .s-slide {width:100%;} .section-wrapper.section-smagazine .flexslider {margin:0 auto} .section-wrapper.section-smagazine .list-wrapper.smagazine {width:100%; padding:20px 30px 0;} .section-wrapper.section-smagazine .list-wrapper.smagazine > div {width:48%; float:left; height:110px; margin:0;} .section-wrapper.section-smagazine .list-wrapper.smagazine > div.post-2nd {float:right;} .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper.post-3rd {padding-top:0; border:none;} .listtype-sbox .hentry.article-wrapper {width:32.5%; height:0; padding-bottom:32.5%; overflow:hidden;margin-right:1%; margin-bottom:1%;} .section-smagazine #promotion-wrapper .promo-area, .section-smagazine #promotion-wrapper {margin-bottom:1%;} .section-smagazine .promo-area .slide-title-wrapper h2 {margin-bottom:0;} body.section-smagazine .promo-area .slide-title-wrapper a {padding-bottom:15px;} /* 칼럼 */ .list-wrapper.listtype-column p.excerpt a {color:#888} .list-wrapper.listtype-column p.series-title {margin:0 0 5px;} /* Single */ .msgbox.pay-check .msg-inner {padding-right:0;} /* Payment-check */ .msgbox .btn-wrapper {width:340px; max-width:100%; margin:25px auto 0; } .msgbox .btn-wrapper a.btn {width:161px; margin-bottom:8px; text-align:center;} .msgbox .btn-wrapper a.btn.naver-login {text-align:left;} /* 라이브러리 섹션 */ .listtype-library .article-wrapper {width:24%;} .listtype-library .article-wrapper.post-5th {margin-right:1.25%} .listtype-library .article-wrapper.post-4th {margin-right:0;} body.section-library .bnr-wrapper.under-slide {margin-bottom:15px;} .my-subscription .listtype-library .article-wrapper {width:32.5%;} .my-subscription .listtype-library .article-wrapper.post-4th, .my-subscription .listtype-library .article-wrapper.post-5th {margin-right:1.25%} .my-subscription .listtype-library .article-wrapper.post-3rd {margin-right:0} /* 댓글 */ .comment-respond {padding:10px 10px 40px;} .comment-respond .comment-form-comment > textarea {width:100%} .comment-respond .goto-cmt-rule {float:left;} .comment-respond .form-submit {float:right; margin-top:5px} .comment-respond a.submit {position:relative; height:auto; line-height:1.6em; vertical-align: middle; padding:2px 10px;} .comment-respond a.submit:hover {text-decoration: none} .dummy .comment-respond a.submit {cursor:default;} .comment-respond a.submit {border-width:1px} /* 결제 */ .premium-info, .req-paper-desc {background:none;} /* Archive */ #period-filter input.datepicker {width:110px;} .listtype-default .article-wrapper .thumb-wrapper {/*padding-bottom:112px*/} /* Slide */ .section-smagazine .promo-area .flex-control-nav {bottom:80px;} .section-wrapper.section-smagazine .s-slide {padding-bottom:68.96%; height:0;} /* 광고테스트 */ .g-ad-300 {display:none;} .g-ad-200 {display:block;} /* npay-oint */ .npay {width:100%;margin:0 auto;padding-bottom:0;border:none;background:#e9ecef; position:relative} .npy_spot{/*min-width:320px;*/ min-width:0;height:304px;background:#00c73c;} .npy_spot .evtit{width:100%;height:304px;background:url(images/npay-img/bg_spot_m.png) no-repeat center 0;background-size:auto 304px;} .sec{/*min-width:320px;*/min-width:0;height:324px;border-bottom:none;background:#fbfbfc url(images/npay-img/bg_sec_m.png) no-repeat 50% 0;background-size:auto 324px;} .sec02{background:#e9ecef url(images/npay-img/bg_sec02_02_m.png) repeat-x 0 0;background-size:auto 245px;} .sec02 .notice{margin:0 auto;width:auto;/*min-width:320px;*/min-width:auto;/*height:345px;*/height:605px;padding:253px 0 0;background:url(images/npay-img/bg_sec02_m.png) no-repeat 50% 0;background-size:auto 598px;} .sec02 .ceplnk{width:310px;height:45px;} .sec03{width:310px; max-width:100%;} .faq_tit{width:147px;height:24px;margin:0 auto 15px !important;background:url(images/npay-img/ico_faq01_m.png) no-repeat 0 0;background-size:auto 24px;} .faq_fold_panel{width:308px; max-width:100%; border:1px solid #e2e6e9;} .faq_fold_panel .panel_heading{height:auto;padding:14px 38px 13px 38px;background:#fff;} .faq_fold_panel .panel_heading .q{color:#252525;font-size:14px;line-height:20px;} .faq_fold_panel .panel_heading ~ .panel_heading{border-top:1px solid #e2e6e9;} .faq_fold_panel .panel_heading .btn_toggle{background:url(images/npay-img/ico_faq04_m.png) no-repeat 100% 50%;background-size:auto 8px;} .faq_fold_panel .panel_body{padding:13px 26px 13px 38px;border-top:1px solid #f1f3f5;background:#f9fafb;} .faq_fold_panel .txt_q, .faq_fold_panel .txt_a{left:13px;height:15px;} .faq_fold_panel .txt_q{top:15px;width:15px;background:url(images/npay-img/ico_faq02_m.png) no-repeat 0 0;background-size:auto 15px;} .faq_fold_panel .txt_a{top:14px;width:13px;background:url(images/npay-img/ico_faq03_m.png) no-repeat 0 0;background-size:auto 15px;} .faq_fold_panel .answer_txt{color:#252525;font-size:13px;line-height:19px;} .faq_fold_panel .answer_txt span{display:inline;} .faq_fold_panel .answer_txt + .answer_txt{margin-top:0;} .faq_fold_panel .comment_list .comment_item{padding-left:0;background:none;color:#8f8f8f;font-size:13px;line-height:19px;} .faq_fold_panel .comment_list .comment_item + .comment_item{margin-top:0;} .faq_fold_panel .comment_list .comment_item em{text-decoration:underline;} .faq_fold_panel .img_area{position:static;bottom:auto;right:0;text-align:center;} .faq_fold_panel .on .btn_toggle{background:url(images/npay-img/ico_faq05_m.png) no-repeat 100% 50%;background-size:auto 8px;} .faq_fold_panel .img_benefit_faq5 {width:200px;height:141px;margin:15px auto;background:url(images/npay-img/img_benefit_faq5_m.png) no-repeat 0 0;background-size:auto 141px;} .faq_fold_panel .img_benefit_faq2 {width:129px;height:150px;margin:15px auto;background:url(images/npay-img/img_benefit_faq2_m.png) no-repeat 0 0;background-size:auto 150px;} .rwd_pc {display:none;} .rwd_mw {display:block;} /* end : npay-point */ } @media (max-width:999px) { .sidebar .site-info, .search.sidebar .page-content, .blog.sidebar .page-content, .attachment .entry-header, .sidebar .comments-title {max-width:100% !important} } /* ==================================================================== 스마트폰 가로 (768 미만) - 모바일헤더로 전환, 사이드바 하단으로 /* ==================================================================== */ @media (max-width:767px) { .m-hide{display:none} .m-show{display:block;} .gnb_joins_service {display:none;} .for-pc {display:none;} .for-phone {display:block;} .site-header .home-link, .site-main, .navbar, .site-footer {max-width:620px;} /*좌우패딩 각10px*/ #m-header {display:block; height:68px;} .site-header #top-gnb, .site-header .home-link, .site-header #navbar {display:none;} /* .m-logo {max-width:240px;} */ .m-logo {max-width:180px;} .wp-caption .wp-caption-text, .entry-caption, .gallery-caption {line-height:1.4em} /* 모바일메뉴 */ body[data-menu-position="open"] .jPanelMenu-panel:after{position:absolute; width:100%; height:100%; left:0; top:0; content:" "; background:url('images/dimm-b-50.png')} /* 탑쇼케이스 */ #promotion-wrapper .type-a, .promo-area.type-c .su-slider-centered {height:0; padding-bottom:46%; width:100%;} .promo-area.type-c .grid-left, .promo-area.type-c .grid-right {float:none; width:100%; padding-top:0;} .promo-area.type-c .grid-left {border-bottom:1px dotted #999;} .promo-area.type-c .showcase-post-wrapper.first, .promo-area.type-c .showcase-post-wrapper.second{width:50%; float:left; } .promo-area.type-c .showcase-post-wrapper.first {height:auto; border:none; padding-right:2%;} .promo-area.type-c .showcase-post-wrapper.second {height:auto; border:none; padding-left:2%} .promo-area.type-c .showcase-post-wrapper.first h2, .promo-area.type-c .showcase-post-wrapper.second h3 { /* margin-top:20px; */} .promo-area.type-c .grid-right .second, .promo-area.type-c .grid-right .third {padding-top:0} .promo-area.type-c .showcase-post-wrapper.second .excerpt {display:block;} .promo-area.type-c .showcase-post-wrapper.bottom-post h2 {text-align:left;} .promo-area.type-c .grid-left, .promo-area.type-c .grid-right .right-top-two-wrapper, .promo-area.type-c .grid-right .first {border:none;} .promo-area.type-c .showcase-post-wrapper.first, .promo-area.type-c .showcase-post-wrapper.second {width:100%; padding:0; float:none;} .promo-area.type-c .grid-right .right-top-two-wrapper {height:auto;} .promo-area.type-c .showcase-post-wrapper h3, .promo-area.type-d h3, .promo-area.type-c .grid-right .right-post.third .excerpt {display:block;} .promo-area.type-c .bottom-post {margin-bottom:25px; margin-top:25px;} .promo-area.type-c .showcase-post-wrapper h3, .promo-area.type-d h3 {color:#9f9f9f; text-align:left !important;} .promo-area.type-c .showcase-post-wrapper.bottom-post h2, .promo-area.type-c .grid-right .showcase-post-wrapper h2 {margin-top:5px; margin-bottom:3px; max-height:1.25em; overflow:hidden;} .promo-area.type-c .grid-right .thumb-wrap, .promo-area.type-c .grid-right .showcase-post-wrapper p {margin-top:5px;} .promo-area.type-c .showcase-post-wrapper.bottom-post h3, .promo-area.type-c .grid-right .showcase-post-wrapper .post-subtitle {font-size:16px; font-weight:normal; margin-bottom:3px; max-height:1.3em; overflow:hidden;} .promo-area.type-c .grid-left .showcase-post-wrapper p.excerpt {max-height:60px; overflow:hidden;} .promo-area.type-c .showcase-post-wrapper h3.m-hide, .promo-area.type-d h3.m-hide, .promo-area.type-c .grid-right .right-post.third .excerpt.m-hide, .promo-area.type-c .grid-right .right-post.third .post-subtitle.m-hide, .promo-area.type-c .showcase-post-wrapper.second .excerpt.m-hide {display:none;} .promo-area.type-c .showcase-post-wrapper h2.m-show, .promo-area.type-c .showcase-post-wrapper h3.m-show {display:inline} .promo-area.type-c .showcase-post-wrapper h2.m-show span, .promo-area.type-c .showcase-post-wrapper h3.m-show span {display:block; max-height:2.6em; overflow:hidden;} .promo-area.type-c .showcase-post-wrapper h3.m-show span {max-height:1.3em;} .promo-area.type-c .grid-right .right-post.third .post-subtitle.m-show {display:inline;} .promo-area.type-c .grid-right .right-post.third .post-subtitle.m-show span {display:block; max-height:1.3em; overflow:hidden;} .promo-area.type-d .grid-right {width:55%; padding-left:2%} .promo-area.type-d .top-post p, .promo-area.type-d .half p {line-height:1.4em; max-height:2.8em;} .promo-area.type-d .grid-left {width:45%; padding-right:2%; padding-top:30px;} /* Flexslider */ .promo-area.type-c .slide-inner-wrapper {padding-bottom:45.68%;} .promo-area.type-c .flexslider {margin-left:-70px; margin-right:-70px;} .promo-area.type-c .promo-slide-wrapper {padding-bottom:calc((100% + 140px) * 0.4568)} .section-smagazine .promo-area .flexslider {margin-left:-70px; margin-right:-70px; position:static;} .section-smagazine .promo-area {padding-bottom:calc((100% + 140px) * 0.4199)} .section-gallery .g-slide.promo-area .flexslider {margin-left:-70px; margin-right:-70px; position: static} .section-gallery .g-slide.promo-area {padding-bottom:calc((100% + 140px) * 0.4589); position: relative} .section-gallery .g-slide.promo-area .slide-title-wrapper {padding:30px 90px;} .section-wrapper.section-smagazine .promo-area .flexslider {margin-left:0; margin-right:0;} /* line-height */ body {font-size:16px; line-height:1.4em;} .hentry.article-wrapper:nth-child(2) {padding-top:0;} .article-wrapper .thumb-wrapper {width:100px; padding-bottom:66px; margin-right:3%;} .article-wrapper h1.entry-title {line-height:1.3em; max-height:2.6em; overflow:hidden} .article-wrapper .excerpt {max-height:1.4em; overflow:hidden;} .sidebar .list-wrapper, .sidebar .content-area {width:100%;} .sidebar .site-main .sidebar-container, .site-main .section-wrapper .sidebar-container {width:100%; float:none;} .sidebar-container:after {content: " "; visibility: hidden; display: block; height: 0; clear: both;} .sidebar .list-wrapper, .sidebar .content-area {float:none;} .site-main .sidebar-container {max-width:104%; width:104% !important; float:none; margin:20px 0 20px -2%} .site-main .sidebar-container .widget {width:46%; margin:0 2% 2% ;} .listtype-default .hentry.article-wrapper, .listtype-column .hentry.article-wrapper {padding-top:0; padding-bottom:0; margin-bottom:20px} .list-wrapper p.excerpt {display:none;} /* 사이드바 */ .section-wrapper .sidebar-container {display:none;} /* Archive */ .list-wrapper .article-wrapper h1.entry-title {font-size:16px; font-weight:normal;} .list-wrapper .article-wrapper .subtitle, .list-wrapper .article-wrapper .series-title, .list-wrapper .article-wrapper .post-meta {font-size:14px; font-weight:normal; line-height:1.3em; max-height:1.3em; padding:0; display:inline-block;overflow:hidden;} .listtype-default .hentry.article-wrapper, .listtype-column .hentry.article-wrapper {margin-bottom:20px;} .listtype-default .article-wrapper h1.entry-title {margin-bottom:0;} .listtype-default .article-wrapper h1.entry-title a {max-height:2.9em;} .listtype-default .article-wrapper p.subtitle, .article-wrapper.listtype-default p.series-title {margin-bottom:3px;} .listtype-default .article-wrapper p.series-title {display:none;} .listtype-default .article-wrapper p.subtitle, .article-wrapper.listtype-default p.series-title, .article-wrapper.listtype-default p.excerpt { font-size:13px;} .listtype-default .article-wrapper p.excerpt {display:inlne;} .listtype-column .article-wrapper p.excerpt {display:none; font-size:13px; line-height:1.3em; max-height:2.6em; overflow:hidden; text-align:left} .listtype-column .article-wrapper p.excerpt, .listtype-column .article-wrapper p.column-meta {display:none;} #tertiary {display:none;} .archive-filter-wrap {padding:10px; font-size:14px;} #period-filter input.datepicker {width:100px;} /*View */ /* 라이브러리 */ .listtype-library .article-wrapper {width:32.5%; margin-right:1%; margin-bottom:1%; float:left !important;} .listtype-library .article-wrapper p.series-title, .listtype-library .article-wrapper p.series-title a {display:block; font-size:13px; margin-bottom:0; line-height:1.3em;} .listtype-library .article-wrapper h1.entry-title {display:block; font-size:14px; line-height:1.3em; max-height:2.6em; overflow:hidden; margin-bottom:10px;} .listtype-library .article-wrapper a.post-owner {display:block; font-size:13px; line-height:1.3em; max-height:1.3em; overflow:hidden;} .listtype-library .article-wrapper.post-4th, .listtype-library .article-wrapper.post-5th {margin-right:1%} .listtype-library .article-wrapper.post-3rd {margin-right:0;} .list-wrapper.listtype-column p.series-title > a {max-height:1.3em;} /* S Magazine */ .listtype-sbox .article-wrapper .content-wrapper {padding-top:10px;} .section-smagazine .promo-area .flex-direction-nav {display:none;} .section-wrapper.section-smagazine .list-wrapper.smagazine {padding-left:20px; padding-right:20px;} /* Single */ .post-share-area .post-share-wrapper, .post-share-area .post-service-wrapper {display:none;} .post-share-area {padding:0; border:none; /*display:none;*/} .single .sidebar-container, .page .sidebar-container, .single .hentry, .page .hentry {padding-top:25px; padding-bottom:20px;} .page.my-subscription .hentry, .page.section-library .hentry {padding-top:0; padding-bottom:0} .title-wrapper .cat-area {margin-bottom:18px} .single .title-wrapper .entry-title {font-size:22px; font-weight:normal} .single .title-wrapper .subtitle {font-weight:normal} .single .title-wrapper .post-meta {margin-bottom:20px; line-height:1.3em;} /* 결제 */ .locationbar li {font-size:16px;} .pay-info li {font-size:14px; line-height:1.4em; margin-bottom:15px;} .pay .pay-method-sel dt {width:100%; background:none; border:none; padding-bottom:3px; padding-top:15px; text-align:left;} .pay .pay-method-sel dd {width:100%; padding-top:3px; padding-bottom:15px} .pay .pay-method-sel dt, .pay .pay-method-sel dd {padding-left:3%; height:auto; min-height:0;} .payment a.blue, .payment .blue {padding-left:0;} .pay-method-sel ul li:first-child {margin-right:10%;} .pay-method-telecom th, .pay-method-telecom td {font-size:14px;} .pay-method-telecom .info {display:none;} /* Footer */ .footer-logo-wrapper {display:none;} .menu-footer-links-container, .footer-content-wrapper {margin-left:0} .sitemap-wrapper .sitemap > li, .sitemap-wrapper .my-page-menu > li {float:none; width:100%; line-height:20px; border-top:1px dotted #dedede; padding:15px 0} .sitemap-wrapper .sitemap > li:first-child, .sitemap-wrapper .my-page-menu > li:first-child {border:none; padding-top:0;} .sitemap-wrapper .sitemap > li > a, .sitemap-wrapper .my-page-menu > li > a {display:inline-block; width:24%; vertical-align:top;} .sitemap-wrapper .sitemap .sub-menu, .sitemap-wrapper .my-page-menu .sub-menu {display:inline-block; width:75%;} .sitemap-wrapper .sitemap .sub-menu > li, .sitemap-wrapper .my-page-menu .sub-menu > li {display:inline-block; min-width:32%;white-space: nowrap} /* 오픈이벤트 */ .open-event img.m-hide {display:block;} .open-event img.m-show {display:none} /* 광고 */ .g-ad-phone {display:block; margin:0 auto 20px;} } /* ================================================================================== 스마트폰 세로 (640 미만) - 프로모션 Full Width, 글목록 1열로 변환 /* ================================================================================== */ @media (max-width:639px) { #content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .sidebar .site-info, .sidebar .paging-navigation .nav-links {padding-left:0; padding-right:0;} .site-header .home-link, .site-main, .navbar, .site-footer, .promo-area.type-c .bottom-post, .promo-area.type-c .grid-right, #promotion-wrapper.site-main.type-d-wrapper {max-width:460px; margin:0 auto;} /*좌우패딩 각10px*/ .menu-footer-links-container {display:none;} .promo-area.type-c {margin-bottom:10px} .promo-area.type-c .bottom-post {margin:25px auto;} .phone-hide {display:none} .phone-show {display:block;} /* 모든 슬라이드 폭 100% 맞추기 */ .home .site-main, body.section-smagazine .site-main, body.section-gallery .site-main {width:100%; max-width:100%} .section-wrapper.section-focus-people, .section-wrapper.section-money-biz, .section-wrapper.section-health, .section-wrapper.section-column, .section-wrapper.section-library, .section-wrapper.section-news, body.section-smagazine .list-wrapper, body.section-gallery .archive-header, body.section-gallery .content-area, #home-bottom-sidebar {max-width:460px; margin:0 auto;} /*좌우패딩 각10px*/ .section-smagazine .promo-area .flex-control-nav {bottom:63px;} /* Footer */ .site-footer {margin-left:15px; margin-right:15px; width:auto; max-width:100%;} .sitemap-header {padding-left:17px; padding-right:17px} /* 메인페이지 */ /* h2.section-title {margin-bottom:20px;} */ h2.section-title {margin-bottom:7px; border:none;} #promotion-wrapper.site-main.type-a-wrapper, #promotion-wrapper.site-main.type-b-wrapper, #promotion-wrapper.site-main.type-c-wrapper {max-width:100%;} .promo-area.type-c .showcase-post-wrapper.first, .promo-area.type-c .showcase-post-wrapper.second {float:none; width:100%;} .hentry.article-wrapper {width:100%; float:none; height:auto;} .listtype-default .article-wrapper:nth-child(odd), .listtype-default .article-wrapper:nth-child(even) {padding-left:0; padding-right:0} .promo-area.type-c .slide-title-wrapper {padding-left:18%; padding-right:18%} .article-wrapper h1.entry-title {max-height:100%;} .listtype-default .article-wrapper p.subtitle {display:block;} .promo-area.type-a .slide-title-wrapper {padding:3% 12%} .promo-area.type-a .slide-title-wrapper h2 {font-size:18px} .promo-area.type-a .slide-title-wrapper h2, .promo-area.type-a .slide-title-wrapper h3 {text-align:center;} .promo-area.type-a .slide-title-wrapper p.excerpt {display:none;} /* Block */ .sidebar .listtype-block .article-wrapper {width:48%; margin-right:3.9%;} .sidebar .listtype-block .article-wrapper.post-3rd {margin-right:4%;} .sidebar .listtype-block .article-wrapper.post-2dn {margin-right:0;} .section-health .article-wrapper.post-3rd {display:none;} .listtype-block .article-wrapper h1.entry-title {max-height:5.3em;} .listtype-block .no-thumb-content .excerpt, .listtype-block .no-thumb-content .series-title {display:none;} /* View */ .home .section-wrapper.section-view {margin-bottom:0;} .sidebar .listtype-view .article-wrapper p.series-title {display:block; height:1.3em;} .sidebar .listtype-view .article-wrapper p.subtitle {display:none} .sidebar .listtype-view .article-wrapper {width:29%; padding-left:1%; padding-right:1%} .sidebar .listtype-view .flex-viewport .article-wrapper {width:84%;} .sidebar .section-view .article-wrapper .thumb-wrapper {padding-bottom:100%; width: 100%;} .joins .section-view .flex-control-nav li {margin:0 5px;} /*S 매거진 */ .section-smagazine .promo-area .slide-title-wrapper a {padding:2% 1.5%} .section-smagazine .promo-area .slide-title-wrapper h2 {font-size:16px; font-weight:normal; height:1.3em;} .section-smagazine .promo-area .slide-title-wrapper h3 {font-weight:normal; display:none;} .section-wrapper.section-smagazine .list-wrapper.smagazine > div {float:none; width:100%; height:auto;} .section-wrapper.section-smagazine .list-wrapper.smagazine {padding-bottom:20px;} .section-wrapper.section-smagazine .section-title h4, .section-wrapper.section-smagazine .section-title h5 {font-size:14px;} .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper.post-2nd {margin-top:10px;} .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper.post-2nd.post-4th {margin-top:0;} .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper.post-3rd .categories-links, .section-wrapper.section-smagazine .list-wrapper.smagazine .article-wrapper.post-4th .categories-links {margin-bottom:0;} .section-wrapper.section-smagazine .list-wrapper.smagazine p.subtitle {display:none;} body.section-smagazine .promo-area .flex-control-nav {bottom:55px;} body.section-smagazine .list-wrapper.listtype-sbox p.series-title {display:none;} /* 라이브러리 */ .listtype-library .article-wrapper, .my-subscription .listtype-library .article-wrapper {width:48%; margin-right:3.9%; margin-bottom:3.9%} .listtype-library .article-wrapper.post-2dn, .my-subscription .listtype-library .article-wrapper.post-2nd, .listtype-library .article-wrapper.post-2dn.post-3rd, .my-subscription .listtype-library .article-wrapper.post-2nd.post-3rd, .listtype-library .article-wrapper.post-2dn.post-5th, .my-subscription .listtype-library .article-wrapper.post-2nd.post-5th{margin-right:0;} .listtype-library .article-wrapper.post-3rd, .my-subscription .listtype-library .article-wrapper.post-3rd, .listtype-library .article-wrapper.post-5th, .my-subscription .listtype-library .article-wrapper.post-5th {margin-right:3.9%;} .list-wrapper.listtype-column .categories-links {display:none;} /*갤러리*/ .listtype-gallery .hentry.article-wrapper {width:47.6%; margin-right:1%;} .list-wrapper.listtype-gallery .article-wrapper h1.entry-title {font-size:14px;} .g-slide.promo-area .slide-title-wrapper h2 {font-size:18px} body.section-gallery .archive-header {border:none;} /*결제 */ .msgbox.pay-check .msg-inner {background: none;} .single .gallery-area .desc {padding-left:0; padding-right:0} /* 결제 */ .locationbar li:before, .locationbar li:after {display:none !important;} .payment h3.section-title {font-size:24px; padding-bottom:10px;} .payment p.cection-content {font-size:18px;} .pay dt {width:55%; padding-left:3%;} .pay dd {width:45%; font-size:16px; } .pay dt , .pay dd, .pay .pay-method-sel dd, .pay .pay-method-sel .price {font-size:14px;} .msgbox .msg-title {font-size:20px;} .msgbox .btn-wrapper a.btn {letter-spacing:-1px;} /* Single */ .flexslider-gallery .slides img {max-width:100% !important} .single-part .listtype-block .article-wrapper:nth-child(3) {margin-right:3.9%;} .single-part .listtype-block .article-wrapper:nth-child(even) {margin-right:0;} .single .hentry .pay-check {line-height:1.4em} .single .hentry .pay-check .msg-body {padding:15px;} .single .hentry .pay-check .msg-body h3 {letter-spacing:-1px; font-size:16px;} .msgbox .btn-wrapper a.btn {padding-left:10px; padding-right:10px; font-size:13px;} /* Footer */ .sitemap-wrapper .sitemap > li > a, .sitemap-wrapper .my-page-menu > li > a {width:24%; } .sitemap-wrapper .sitemap .sub-menu, .sitemap-wrapper .my-page-menu .sub-menu {width:73%;} .sitemap-wrapper .sitemap .sub-menu > li, .sitemap-wrapper .my-page-menu .sub-menu > li {min-width:49%;} /* 오픈이벤트 */ .sunday-event .site-main {position:relative; padding:0 !important;} .sunday-event .site-main > div {background:url('images/img_mobile.jpg') center top no-repeat; background-size: 100% auto; height:0; padding-bottom:690%;} .sunday-event .site-main dd {position:absolute; top:80.85%; left:0; width:100%; border:none !important;} .sunday-event .site-main dd input {width:25%; font-size:16px; position:absolute;border:none; text-align:center; background-color:transparent; } .sunday-event .site-main dd #ev_pnum1 {left:7.5%} .sunday-event .site-main dd #ev_pnum2 {left:38%} .sunday-event .site-main dd #ev_pnum3 {left:67%} .sunday-event .btn.submit-btn {height:2%; top:82.6%; width:auto; left:6%; right:6%;} .sunday-event .btn.req-subs {height:1.4%; top:75.5%; width:43%; left:6%;} .sunday-event .btn.req-paper {height:1.4%; top:75.5%; width:43%; left:auto;right:6%;} .open-event img.m-hide {display:none;} .open-event img.m-show {display:block;} .open-event .site-content input {top:81.6%;width:25%; font-size:16px;} .open-event #ev_pnum1 {left:7.5%} .open-event #ev_pnum2 {left:38%} .open-event #ev_pnum3 {left:auto; right:6.5%} .open-event .site-content a.btn {height:1.4%; display:inline-block;} .open-event .site-content a.btn.submit-btn {top:83.2%; width:auto; background-color:transparent;left:6%; right:6%;height:2%} .open-event .btn.req-subs {height:1.4%;top:74.3%; width:43%; left:6%;} .open-event .btn.req-paper {height:1.4%;top:74.3%; width:43%; left:auto;right:6%;} .wp-pagenavi { display:none} .article-wrapper.btn_more, .list-wrapper .btn_more {display:block;} body.section-gallery .wp-pagenavi {display:none} body.section-gallery .btn_more {display:block;} } @media (max-width:512px) { /* .promo-area.type-c .promo-slide-wrapper {padding-bottom:53.2%} .promo-area.type-c .slide-inner-wrapper {padding-bottom:43.6%} */ .listtype-sbox .hentry.article-wrapper {width:49%; margin-right:2%; margin-bottom:2%; padding-bottom:49%;} .listtype-sbox .hentry.article-wrapper.post-3rd {margin-right:2%} .listtype-sbox .hentry.article-wrapper.post-2nd {margin-right:0;} .archive-filter-wrap {display:none;} /* .archive-header {border-bottom:1px solid #9f9f9f; margin-bottom:25px; } */ .archive-title {padding-top:15px; padding-bottom:15px} .list-wrapper.listtype-sbox .article-wrapper h1.entry-title, .list-wrapper.listtype-sbox .article-wrapper h1.entry-title a {font-size:16px; font-weight:normal;} #promotion-wrapper .type-a {margin-left:-60px; margin-right:-60px; width:auto; padding-bottom:60%} .promo-area.type-a .slide-title-wrapper {padding:0 80px 30px;} .open-event .site-content input {font-size:14px; padding:2px} } /* =========================================================== 스마트폰 세로 (480 미만) - % 로 변환 - 위젯 1단으로 변경 /* =========================================================== */ @media (max-width:479px) { .site-header .home-link, .site-main, .navbar, .site-footer, .promo-area.type-c .bottom-post, .promo-area.type-c .grid-right, #promotion-wrapper.site-main.type-d-wrapper {max-width:100%; padding-left:15px; padding-right:15px;} /*좌우패딩 각10px*/ /* 모든 슬라이드 폭 100% 맞추기 */ .home .site-main, body.section-smagazine .site-main, body.section-gallery .site-main, .site-footer {width:auto; max-width:100%; padding:0} .section-wrapper.section-focus-people, .section-wrapper.section-money-biz, .section-wrapper.section-health, .section-wrapper.section-column, .section-wrapper.section-library, .section-wrapper.section-news, body.section-smagazine .list-wrapper, body.section-gallery .archive-header, body.section-gallery .content-area, #home-bottom-sidebar {max-width:100%; padding-left:15px; padding-right:15px} /*좌우패딩 각10px*/ .single-post-owner .section-wrapper {padding:0;} .single-part.user-bio {padding:15px;} .promo-area.type-c .slide-title-wrapper {padding-bottom:20px} .section-wrapper.section-smagazine .section-title {padding-top:22%; min-width:0; background:url('images/logo-s.png') left top no-repeat; width:16%; background-size:100%} .ie8 .section-wrapper.section-smagazine .section-title {background-image:url('images/ie8/logo-s__.png') } .joins .flex-control-nav {height:25px;} /* Archive */ .listtype-default .article-wrapper p.excerpt, .archive .listtype-default .article-wrapper p.excerpt, .archive .listtype-default .article-wrapper p.post-meta {display:none;} /* 갤러리, S매거진 슬라이더 */ .section-smagazine .promo-area .flexslider {margin-left:-90px; margin-right:-90px;} .section-smagazine .promo-area {padding-bottom:calc((100% + 180px) * 0.4199)} .section-smagazine .promo-area .flex-control-nav {bottom:35px;} .g-slide.promo-area h2.post-title {line-height:1.3em; font-weight:600; text-align: center; margin-bottom:5px; } .g-slide.promo-area h3.post-subtitle {line-height:1.3em; text-align:center; font-weight:normal; display:none;} .section-gallery .g-slide.promo-area .slide-title-wrapper {padding:20px 110px;} /* View */ .section-view.section-wrapper {padding-left:15px; padding-right:15px; padding-bottom:40px;} #promotion-wrapper.site-main {padding:0} .promo-area.type-c .slide-title-wrapper h2 {text-align:center;} .promo-area .slide-title-wrapper p.excerpt {display:none} .promo-area.type-d .grid-left, .promo-area.type-d .grid-right {width:100%; float:none; padding:0;} .promo-area.type-d .grid-left {max-width:342px; margin:0 auto;} .sidebar-container .widget {width:100%; float:none; max-width:300px; margin:0 auto 20px;} .site-main .sidebar-container {max-width:104%; width:100% !important; margin:20px 0;} .site-main .sidebar-container .widget {width:100%; margin:0 2%;} /*라이브러리 */ body.section-library .bnr-wrapper.under-slide {margin-left:-15px; margin-right:-15px;} /* 결제 */ .paypaper .pay dt {padding-left:20px;} .pay_area .btn_area button, .pay_area .btn_area input {width:40%; height:40px; line-height:38px;} .btn_area .btn_emphasis, .btn_area .btn_cancel {max-width:100%; width:auto; height:40px; line-height:40px; font-size:14px;} .pay_finish .btn_area .btn_emphasis {width:40%;} .btn_area .btn_emphasis span, .btn_area .btn_cancel span {display:block; font-size:14px; padding:0 15px;} .pay .pay-method-sel .blue, .pay .pay-method-sel .price {display:inline-block;} .pay-method-telecom th {width:120px} .pay-method-telecom td {padding-left:20px; line-height:1.3em;} .pay-method-telecom td ul {margin-top:10px; } .pay-method-telecom td ul li {padding-left:8px; margin-bottom:3px; background:url('images/dimm-b-50.png') left 9px no-repeat; background-size:3px 3px } .paypaper .application input.txtbox_msize {width:100%;} .paypaper .application .select {width:30%;} .paypaper .application .select .default { background:url('images/arrow_menu.png') 85% -38px no-repeat; background-size:10px 150px} .ie8 .paypaper .application .select .default {background-image: url('images/ie8/arrow_menu__.png')} .paypaper .application .txtbox {width:30%} .paypaper .pay dd {padding:0 20px 20px;} .msgbox {padding:20px} .msgbox .msg-title,.msgbox .msg-body ul {margin-bottom:15px} /* Footer */ .sitemap-wrapper .sitemap > li > a, .sitemap-wrapper .my-page-menu > li > a {width:100%; } .sitemap-wrapper .sitemap .sub-menu, .sitemap-wrapper .my-page-menu .sub-menu {width:100%;} /* 오픈이벤트 */ .open-event .site-main {padding:0;} /* Search */ .search .search-title {display:none;} .search .archive-title {padding-top:30px} } @media (max-width:419px) { .paypaper .application dd a.addr_search {display:block; margin:10px 0;} .listtype-library .article-wrapper .border-wrapper {height:220px} .listtype-library .content-wrapper {padding-left:10px; padding-right:10px} .section-smagazine .promo-area .flex-control-nav {bottom:35px;} .promo-area.type-a .slide-title-wrapper h3 {display:none;} .msgbox {background-image:none;} .msgbox .btn-wrapper a.btn{margin-bottom:5px;} .user-bio .user-meta .user-name {display:block;} .user-bio .user-meta .user-name em {display:inline;} .user-bio .user-desc {display:inline; clear:both; line-height:1.3em;} .user-bio .user-desc a.more-posts {display:inline-block; margin-top:5px; width:90px;} .pay .pay-method-sel span {display:block; float:none;} .pay .extra-info .checkform .blue {display:block; margin:3px 19px} .pay-info .bullet.dash li .favor {display:block;} .pay-info .bullet.dash li .favor::after {display:none;} /* Payment-check */ .msgbox .btn-wrapper {text-align:center; width:230px;} .msgbox .btn-wrapper a.btn {width:105px; margin-bottom:8px; text-align:center;padding-left:0; padding-right:0; letter-spacing:-2px;} .msgbox .btn-wrapper a.btn.goto-login, .msgbox .btn-wrapper a.btn.naver-login {width:217px;} .msgbox .btn-wrapper a.btn.naver-login {background-image:url('images/naver-login-234.png')} } .pay-info .section-title img.Img-pad{padding-left: 66px;} .pay-method-sel ul li.mar-r { margin-right:180px;} ul>li>span.txsty {font-size: 0.75em; padding-left:2px;}