@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Noto+Serif+KR:wght@300;400;500;600;700;900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Roboto:wght@300;400;500;700&display=swap');
/*
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Noto Serif KR', serif;
content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; 
*/
/* Recommended */
* {box-sizing:border-box;}
html {font-family: 'Roboto', sans-serif; /*font-family: 'Noto Sans KR', sans-serif*/; font-size:10px; color:#484848; line-height:1.5;}
body, div {margin:0; padding:0; font-size:1.6rem;}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;}
ul, ol, li, dl, dt, dd {margin:0; padding:0; list-style:none;}
a {color:#484848; text-decoration:none;}
button {margin:0; padding:0; border:none;}

.wrap {height:100%;}
.header_wrap {position: -webkit-sticky; position: sticky; top:0; z-index:10000}
.header {display:flex; flex-flow:row wrap; justify-content: space-between; height:65px; padding:15px 20px; background:#fff; -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2); 
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);}
.logo img {display:inline-block; margin-top:6px; margin-left:-3px; width:calc(369px / 2 );}

/*메뉴*/
.menu_wrap {width:100%; height:100%;}
.menu {position:absolute; top:33px; right:20px; transform: translateY(-50%);}
.menu>a{width: 100%;height: 100%; display: block;}
.menu .fas {font-size:2.5rem; color:#000;}
.menu_bg{position:absolute; left:0; top:0; width: 100%; background: rgba(0,0,0,0.7); display: none; z-index:998;}

.menu_top {height:50px; padding:15px; background:#24619f; text-align:center; overflow:hidden; zoom:1; clear:both;}
.menu_top img {width:73px;}
.menu_top .close{float:right;}
.menu_top .close .far {font-size:2.4rem;color:#88a9cb; }
.left_gnbWrap{
    height: 100%;
    width: 290px;
    position: fixed; right: -290px; top: 0;
    background:#f6f6f6;;
    z-index: 999;
    transition: all 0.3s;
	overflow:scroll;
}
.left_gnbWrap.on{
    right:0;
}
.left_gnb > li{width: 100%; background:#fff; border-bottom:1px solid #e7e7e7;} 
.left_gnb>li>a{position:relative; display: block; padding:15px; color: black;}
.left_gnb>li>a:after {content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; position:absolute; top:15px; right:15px; color:#9d9a9a;}
.left_gnb>li>a.on{background-color: #fff;}
.left_gnb>li>a.on:after {content: "\f077"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
.left_gnb>li>ul{display: none;}
.left_gnb>li>ul>li {background:#f8f8f8; border-top:1px solid #dfdede;}
.left_gnb>li>ul>li>a{display: block; padding:10px 15px; color:#4a4848; font-size:1.5rem;}
.gnb_bookstart {margin-top:10px; border-top:1px solid #e7e7e7;}

.left_gnbWrap button {display:flex; flex-flow:row wrap; justify-content:center; align-items:center; height:50px; width:254px; margin:15px auto 10px auto; background:#fff; border:1px solid #73aeea; color:#1369bf;}
.left_gnbWrap button .fas {margin-right:5px; color:#2c81d6; font-size:1.8rem;}

.menu_wrap .go_jungdo {display:flex; flex-flow:row wrap; justify-content:center; align-items:center; height:50px; width:254px; background: #2a4779; margin: 0 auto; }
.menu_wrap .go_jungdo a {color: #fff;}

.menu_wrap .lang {margin-bottom: 50px; padding:15px; text-align:center;}
.menu_wrap .lang a {display:inline-block; padding:10px; text-decoration:underline;} 

.no_scroll {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}

.m_visual { background:#f4f4f4; line-height:1.3;}
.m_visual .swiper-slide {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; height:419px; width:100%; background-repeat:no-repeat; background-position:center center; background-size:100% auto; color:#fff; font-family: 'Libre Baskerville', serif; font-weight:300; word-break:keep-all; line-height:1.2;}
.mvisual01 {margin-top:-30px; padding-left:20px; padding-right:20px; background:url(../images/mvisual01.jpg); font-size:2.2rem; text-align:center;}
.mvisual02 {margin-top:-30px; padding-left:20px; padding-right:20px; background:url(../images/mvisual02.jpg); text-align:center;}
.mvisual03 {justify-content:flex-end!important; margin-top:-30px; padding-right:15px; background:url(../images/mvisual03.jpg); text-align:right; font-size:1.8rem; overflow:hidden; zoom:1; clear:both;}
.mvisual04 {margin-top:-30px; padding-left:20px; padding-right:20px; background:url(../images/mvisual04.jpg);  text-align:center; font-size:2.2rem;}
.mvisual01 strong {color:#f4f3ce;}
.mvisual02 strong {display:block; font-size:2.2rem;}
.mvisual03 p {width:68%;}
.mvisual03 em {display:block; color:#f4f3ce; font-size:1.4rem; font-style:normal;}
.mvisual04 em {display:block; color:#f4f3ce; font-size:1.6rem; font-style:normal;}
.m_visual .swiper-container {position:relative; overflow:hidden;}
.m_visual .swiper-pagination {bottom:60px;}
.m_visual .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 10px;}
.m_visual .swiper-pagination-bullet {width:15px; height:15px; background-color:#fff; opacity:0.5;}
.m_visual .swiper-pagination-bullet-active {background-color:#4682be; opacity:1;}

.mbooklink {position:relative; height:152px; padding:0 15px; background:#f4f4f4}
.mbooklink > div {position:absolute; top:-43px; left:0; width:100%; padding:0 15px; -webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15); box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15); z-index:20; }
.mbooklink ul {display: flex; flex-flow:row wrap; justify-content: space-between; background:#fff; border-top:1px solid #dad7d7; border-left:1px solid #dad7d7;}
.mbooklink li {display:flex; width:33.33%; height:60px; align-items: center; justify-content: center; border-right:1px solid #dad7d7; border-bottom:1px solid #dad7d7; word-break:keep-all;}
.mbooklink a {display:inline-block; padding:5px; font-size:15px; color:#2d2d2d; font-weight:700; text-align:center; line-height:1.3;}
.mbooklink li:first-of-type a,
.mbooklink li:nth-of-type(3) a {font-size:13px;}
.mbooklink button {width:100%; height:50px; padding:15px; background:#4682be; font-weight:700; color:#fff; font-size:1.5rem; text-align:center;}

.mbook {padding:0 15px 40px; background:#f4f4f4}
.mbook > div {padding:20px; background:#fff; -webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15); box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15); text-align:center;}
.mbook h3 {margin:0; padding:10px 0 20px 0; text-align:center;}
.mbook h3 strong {display:inline-block; padding-bottom:6px; border-bottom:3px solid #0a549d; font-size:22px; color:#2d2d2d; font-weight:700;}
.mbook img {width:42%; max-width:150px;}
.mbook >div > strong {display:block; padding-top:25px; color:#2d2d2d; font-weight:700;}
.mbook em {display:block; padding-top:10px; font-style:normal; color:#9f6304; font-size:1.4rem;}
.mbook p {margin:5px 0 0 0; font-size:1.4rem; color:#2d2d2d;}
.mbook button {width:50%; margin:25px auto 10px auto; padding:13px; background:#fff; border:1px solid #4682be; text-align:center; color:#1c5fa1; font-size:1.5rem;}

.mbnr {padding:20px 15px; background:#d7dbdc;}
.mbnr img {width:100%;}

.mshortcut {padding:30px 15px;}
.mshortcut > div {margin-bottom:5px; padding:40px 15px 30px 15px; background-repeat:no-repeat; background-size:100%;}
.mshortcut .go_support {background-image:url(../images/msupport_bg.jpg);}
.mshortcut .go_book {background-image:url(../images/mbook_bg.jpg);}
.mshortcut .go_gallery {background-image:url(../images/mgallery_bg.jpg);}
.mshortcut strong {display:block; padding-top:35px; background-repeat:no-repeat; background-position:top center; background-size:41px 32px; text-align:center; color:#fff; font-size:2.2rem; font-weight:700;}
.mshortcut .go_support strong {background-image:url(../images/msupport_icn.png);}
.mshortcut .go_book strong {background-image:url(../images/mbook_icn.png);}
.mshortcut .go_gallery strong {background-image:url(../images/mgallery_icn.png);}
.mshortcut button {display:flex; align-items:center; justify-content:center; width:50%; height:40px; margin:0 auto; margin-top:20px; background:rgba(255, 255, 255, 0.2); border:1px solid rgba(255, 255, 255, 0.8); color:#fff; font-weight:500;}

.mnotice {padding:0 15px 50px 15px;}
.mnotice dl {border:1px solid #ddd; border-top:2px solid #333;}
.mnotice dt {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; height:60px; padding:10px 20px; font-size:2rem; font-weight:700; color:#2d2d2d;}
.mnotice dt button {background:none; font-size:1.4rem; color:#1b1c1c; font-weight:500;}
.mnotice dd {padding:10px 20px; border-top:1px solid #ddd;}
.mnotice dd a {color:#4f4f4f;}
.mnotice dd a span {display:block; color:#6796be; font-size:1.4rem;}

.mcorp {padding:20px 0; border-top:1px solid #bab9b9; text-align:center;}
.mcorp a {display:inline-block; margin:0 10px; vertical-align:middle;}
.mcorp .mbtn img {width:80px}
.mcorp .mridi img {width:88px;}
.mcorp .muna img {width:75.5px;}

.ft_link {display: flex; justify-content: center; padding:20px 10px; background: #f6f6f6;}	
.ft_link a {padding:0 12px; font-size:14px;}

.footer_wrap {padding:35px 15px; background:#333333; text-align:center; color:#bcbcbc; font-size:1.3rem; font-weight:300;}
.ft_logo {width:calc(360px / 2);}
.footer_wrap strong {display:block; padding-top:10px; padding-bottom:5px; color:#fff; font-weight:700;}
.footer_wrap a {color:#bcbcbc;}
.footer_wrap em {display:block; padding-top:15px; font-style:normal;}
.footer_wrap button {width:40%; margin-top:15px; padding:10px; background:rgba(255, 255, 255, 0.05); border:1px solid #585858; color:#fff; font-size:1.4rem; text-align:center;}

.footer_menu {background:#525151; text-align:center; color:#d6d4d4; font-size:0.867em; font-weight:600;}
.footer_menu a {display:inline-block; padding:10px 5px; color:#d6d4d4; font-size:0.867em; font-weight:600;}
.footer {padding:12px 10px; text-align:center;}
.footer .footer_logo img {width:193.5px;}
.footer p {color:#d6d4d4; font-size:0.867em; line-height:160%; letter-spacing:-0.5px;}
.footer a {color:inherit; text-decoration:underline;}

.go_top {position:fixed; display: none; bottom:10px; right:10px; z-index:100;}
.go_top a {display:block; width:40px; height:40px; padding-top:20px; background:#224a8a url(../images/top_icn.png) no-repeat center 6px; background-size:12.5px auto; border-radius:50%; color:#fff; font-size:1.2rem; font-weight:500; text-align:center;}

/*팝업*/
.popup_wrap {position:absolute; left:3%; top:10px; width:95%; border:2px solid #333; background:#333; z-index:100000;}
.popup_cont img {width:100%;}


/*++++++++++++++++++++++++ SUB +++++++++++++++++++++++++++++*/

.mgt_0 {margin-top:0!important;}
.bdr_no {border:none!important;}
.dot_line {margin-top:40px; height:40px; border-top:1px dashed #ddd;}
.blind {dispaly:none;}

.sub_visual {display:flex; flex-flow:row wrap; justify-content:center; align-items:center; height:140px; text-align:center; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.intro .sub_visual,
.terms .sub_visual {background-image:url(../images/subvisual_intro.jpg);}
.books .sub_visual {background-image:url(../images/subvisual_books.jpg);}
.data .sub_visual {background-image:url(../images/subvisual_data.jpg);}
.commu .sub_visual {background-image:url(../images/subvisual_commu.jpg);}
.jungdo .sub_visual {background-image:url(../images/subvisual_jungdo.jpg);}
.sub_visual h1 {color:#fff; font-size:2.5rem; font-weight:700;}
.sub_visual em {display:block; font-style:normal; font-size:1.3rem; font-weight:400;}

/*서브네비게이션*/
.sub_nav {position:relative; border-bottom:1px solid #dad7d7;}
.sub_nav ul {display: flex;}
.sub_nav ul li {position:relative; width:43.05%;}
.sub_nav a {display:flex; align-items:center; height: 50px; padding: 0 15px;  color: #666; border-left:1px solid #dad7d7; font-size:14px;}
.sub_nav ul li.sub-menu:after {content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top:15px; right: 10px;  cursor: pointer;}
.sub_nav ul li.active.sub-menu:after {content: '\f0d8';}
.sub_nav .subnav_home {width:50px;}
.sub_nav .subnav_home a {justify-content:center; border-left:none;}
.sub_nav ul li ul {position: absolute; left: 0; background:#fff; display: none; width:100.5%;border-bottom:1px solid #dad7d7; border-right:1px solid #dad7d7; z-index:100;}
.sub_nav ul li.active ul {display: block;}
.sub_nav ul li ul li {display: block; width:100%;}
.sub_nav ul li ul li a {border-top:1px solid #dad7d7; color:#666;}
.dropdown-content li.active a {color:#16519a;}
.dropdown-content a {height:auto;}

.books_list .sub_nav a {line-height:1.2}

h2.tit {padding:30px 15px; color:#000; font-size:3rem; font-weight:700; text-align:center; line-height:1.2;}
h3.tit {margin-bottom:15px; font-size:2rem; color:#000; font-weight:500;}

.sub_contents {padding-bottom:60px;}
.sub_contents > div {padding-left:15px; padding-right:15px; margin-top:50px;}
.sub_contents > div:first-of-type {margin-top:0;}
.sub_contents p:first-of-type {margin-top:0;}

/*소개*/
.intro01 h3.tit {padding-left:12px; background:url(../images/tit_h3.png) no-repeat 0 5px; background-size:5px auto; color:#0e53a2;}
.intro01 .ph1 {margin-left:15px; padding-left:10px; border-left:3px solid #252525; color:#333; font-size:2rem; font-weight:500;}
.intro01 .ph1 strong {color:#16519a;}
.intro01 .ph2 {margin-top:20px;}
.intro01 .ph2 p {margin-top:20px;}
.intro01 .ph2 p:first-child {margin-top:0;}
.intro01 .ph4 dt {margin:10px 0  5px; font-weight:500; color:#333; font-size:1.7rem;}
.intro01 .ph4 dd {word-break:keep-all;}
.intro01 .ph5 > dl > dt {margin:10px 0 5px; font-weight:500; color:#5b89bd;}
.intro01 .ph5 > dl > dd dl {overflow:hidden; zoom:1; clear:both;}
.intro01 .ph5 > dl > dd dt {float:left; margin-right:5px; color:#807e7e;}
.intro01 .ph5 > dl > dd dd {margin-bottom:5px; color:#212121; word-break:keep-all;}
.intro01 .ph5 .dd_branch {padding-left:72px;}
.intro01 .ph6 img {width:100%;}

/*후원안내*/
.intro02 h3.tit {color:#0e53a2;}
.intro02 .ph1 p {margin-top:20px;}
.intro02 .ph1 p:first-child {margin-top:0;}
.intro02 .ph1 button {width:100%; margin-top: 20px; padding:15px 20px; background: #4682be; border: none; border-radius: 5px; text-align: center;  color: #fff; font-size: inherit; cursor:pointer}
.intro02 .ph1 ul {margin-top:20px; border:1px solid #9fb4c3; box-shadow:0px 0px 0px 4px rgba(0,0,0,0.05)}
.intro02 .ph1 li {display:flex; align-items:center;}
.intro02 .ph1 li:first-child {border-bottom:1px solid #ddd;}
.intro02 .ph1 li span {display:flex; align-items:center; justify-content:center; width:50px; height:50px; margin-right:15px; background:#f6f6f7; border-right:1px dashed #ccc; color:#2267a2;}
.intro02 .ph1 li span em {display:none;}
.intro02 .ph1 li a {color:#212121;}
.intro02_bank {border:1px solid #ddd;}
.intro02_bank li {padding:15px; padding-left:50px; border-top:1px dashed #ddd; background-repeat:no-repeat; background-position:15px 15px;}
.intro02_bank li:first-child {border-top:none;}
.intro02_bank .kb {background-image:url(../images/icn_kb.png)}
.intro02_bank .woori {background-image:url(../images/icn_woori.png)}
.intro02_bank .nh {background-image:url(../images/icn_nh.png)}
.intro02_bank .post {background-image:url(../images/icn_post.png)}
.intro02_bank .bank_name {padding-left:15px;}

/*연혁*/
.intro05 .sub_tab a {padding:15px 0; font-size:1.5rem;}
.intro05_tabcont{display: none; margin-left:15px; border-left:1px solid #ddd;}
.intro05_tabcont.active{display: inherit;}

.intro05_tabcont {}
.intro05_tabcont > dl {margin-top:50px;}
.intro05_tabcont > dl:first-child {margin-top:0;}
.intro05_year {display:flex; align-items:center; position:relative; padding-left:15px; color:#3477ba; font-size:2.2rem; font-weight:500;}
.intro05_year:before {content:url(../images/intro05_icn01.png); position:absolute; top:0; left:-8px;} 
.intro05_year em {display:inline-block; margin-left:5px; line-height:1.3; font-size:1.6rem; color:#859ab0; font-style:normal; font-weight:500;}
.intro05_tabcont > dl > dd {padding-left:15px;}
.intro05_tabcont > dl > dd dl {margin-top:5px; margin-bottom:15px; overflow:hidden; zoom:1; clear:both;}
.intro05_tabcont > dl > dd dt {float:left; font-weight:500; color:#000; font-size:1.5rem}
.intro05_tabcont > dl > dd dd {padding-left:75px; word-break:keep-all; text-align:left; font-size;1.5rem;}

/*오시는길*/
.intro04 .stit {font-weight:500; font-size:2rem; color:#212121;}
.intro04 .sub_contents > div > div:first-of-type {padding:15px 20px; border:1px solid #ddd; border-bottom:none; color:#636363;}
.intro04 .info li span {display:inline-block; overflow:hidden; text-indent:-100px;}
.intro04 .info li {position:relative; padding-left:30px; color:#525252;}
.intro04 .info .intro04_add {padding-left:0; margin-top:5px; color:#666;}
.intro04 .intro04_tel {margin-top:10px;}
.intro04 .info li:before { font-family: "Font Awesome 5 Free"; font-weight: 900; position:absolute; font-size:1.6rem; top:10px; left:0; padding-right: 8px; padding-top: 2px; border-right: 1px solid #666; font-size: 1.5rem; line-height: 1em; }
.intro04 .intro04_tel:before {content: "\f879";}
.intro04 .intro04_fax:before {content: "\f02f";}
.intro04 .intro04_email:before {content: "\f0e0";}

.intro04 .subway, .intro04 .bus {margin-top:25px;}  
.intro04 .subway dt, .intro04 .bus dt {display:inline-block; min-width:80px; margin-bottom:10px; background: #d6dfec; padding: 2px 20px 2px 5px;  font-weight: 500;  color: #4b4e52; border-top-right-radius:50px; border-bottom-right-radius:50px; -webkit-border-top-right-radius:50px; -webkit-border-bottom-right-radius:50px;}	
.intro04 .subway dd img {vertical-align:sub;}
.intro04 .subway dd img:first-of-type, .intro04 .bus dd img:first-of-type {margin-left:0;}	
.intro04 .subway ul {display:flex; flex-flow:row wrap; justify-content:space-between;}
.intro04 .subway li {margin-top:2px;}
.intro04 .subway li:first-child {margin-top:0;}
.intro04 .bus li {position:relative; padding-left:30px;}
.intro04 .bus li:nth-of-type(4) {padding-left:38px;}
.intro04 .bus li:nth-of-type(5) {padding-left:53px;}
.intro04 .bus li img {position:absolute; left:0; top:6px;}
.intro04 iframe {border:1px solid #ddd!important; border-top:none!important;}

/*도서주문-소개*/
.sub_tab  {display:flex; flex-flow:row wrap; margin-top:0; margin-bottom:35px; border:1px solid #e7e7e7;}
.sub_tab li {width:33.33%; border-left:1px solid #e7e7e7;}
.sub_tab li:first-child {border-left:none;}
.sub_tab a {position:relative; display:block; height:100%; padding:13px 10px; color:#666666; text-align:center;}
.sub_tab li.active a {background:#528cd3; color:#fff;}
.sub_tab li.active a:after {content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; position:absolute; bottom:-24px; left:50%; margin-left:-10px; color:#528cd3; font-size:2.8rem;}


.intro03_list {margin-top:20px;}
.intro03_list dl {padding:20px; border:1px solid #ddd; border-top:none;}
.intro03_list dl:first-of-type {border-top:1px solid #ddd;}
.intro03_list dt {display:block; margin-bottom: 10px;}
.intro03_list dt img {margin-right:5px; vertical-align:sub;}
.intro03_list dd {display:inline-block; font-weight:700; color:#050505; font-size:15px;}
.intro03_list dd a {font-weight:inherit; color:inherit;}

.payment {margin-top:30px;}
.payment:first-child {margin-top:0;}
.payment dt:before {content:""; display:inline-block; width:4px; height:4px; margin-right:5px; background:#333; border-radius:50%;}
.payment dt {display:flex; align-items:center; font-weight:700; color:#333;}
.payment dd {position:relative; padding-left:15px; word-break:keep-all;}
.payment dd:before {content:"-"; position:absolute; top:0; left:3px;}
.pay_bank dd {padding-left:0;}
.pay_bank dd:before{display:none;}


.intro03 .ph1 ol {margin:15px 0; border:1px solid #c9c6c6;}
.intro03 .ph1 ol li {position:relative; padding:15px; padding-left:45px; border-top:1px dashed #c9c6c6; word-break:keep-all;}
.intro03 .ph1 ol li:first-child {border-top:none;}
.intro03 .ph1 ol li:before {position:absolute; left:15px; top:18px; display:flex; justify-content:center; align-items:center; width:21px; height:21px; background:#a56b51; border-radius:5px; border-top-right-radius:0; color:#fff; font-size:1.3rem;}
.intro03 .ph1 ol li.li01:before {content:"1";}
.intro03 .ph1 ol li.li02:before {content:"2";}
.intro03 .ph1 ol li.li03:before {content:"3";}
.intro03 .ph1 ol li.li04:before {content:"4";}
.intro03 .ph1 ol li.li05:before {content:"5";}

.intro03 .ph1 .infotxt {position:relative; padding-left:20px; word-break:keep-all;}
.intro03 .ph1 .infotxt:before {content:"※"; position:absolute; left:0;}

.intro03 .ph1 ul {margin-top:10px; padding-left: 20px;}
.intro03 .ph1 ul li {display:flex; align-items:center; margin:6px 0;}
.intro03 .ph1 ul li span {display:inline-block;  margin-right:10px;}
.intro03 .ph1 ul li span:after {content:""; display:inline-block; width:1px; height:15px; margin-left:10px; background:#ccc;}
.intro03 .ph1 ul li span img {width:20px;}
.intro03 .ph1 ul a {color:#000;}

.intro03 .ph2 {padding-top:40px; padding-bottom:40px; background:#f8f8f8;}
.intro03 .ph2 strong {color:#b66326; font-weight:500;}
.intro03 .ph2 .infotxt {position:relative; margin:15px 0; padding-left:20px; word-break:keep-all;}
.intro03 .ph2 .infotxt:before {content:"※"; position:absolute; left:0;}
.intro03 .ph2 .account {margin-top:6px; padding:15px; background:#fff; border:1px solid #c9c6c6; color:#212121;}
.intro03 .ph2 .account li {min-height:35px; padding-left:25px; background-repeat:no-repeat; background-position:0 5px; background-size:20px;}
.intro03 .ph2 .account .kb {background-image:url(../images/icn_kb.png)}
.intro03 .ph2 .account .woori {background-image:url(../images/icn_woori.png)}
.intro03 .ph2 .account .nh {background-image:url(../images/icn_nh.png)}
.intro03 .ph2 .account .post {background-image:url(../images/icn_post.png)}
.intro03 .ph2 .account .bank_name {margin-top:15px; padding:5px 10px; background:#efeded; border-radius:5px; -webkit-border-radius:5px; font-size:15px;}
.intro03 .ph2 .account em {font-style:normal; display:inline-block; width:135px;}

.intro03 .ph3 {margin-top:30px;}
.intro03 button {width:100%; padding:16px; display:block; background:#4c8ec1; color:#fff; font-weight:500; text-align:center;}

/*도서주문*/
.intro03_order .ph1 .intro03_booklist {border:1px solid #d0d0d0; border-top:none;}
.intro03_order .ph1 .intro03_booklist:first-of-type {border-top:1px solid #d0d0d0;}
.intro03_order .ph1 h4 {position:relative; min-height:50px; padding-right:60px; color:#937d30; font-size:1.4rem; font-weight:400;}
.intro03_order .ph1 h4 strong {display:block; padding-right:5px; color:#000; font-weight:500; font-size:1.6rem;}
.intro03_order .accordion {cursor: pointer; transition: 0.5s; padding:10px;}

/*아코디언이 닫혀 있을 때 화살표*/
.accordion:after{content:"\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; position:absolute; display:block; right:0; top:0; width:50px; height:100%; background:#f6f6f6; text-align:center; line-height:50px; color:#929292;}
/*아코디언이 열렸을 때 화살표 이미지를 바꿔준다.*/
.accordion.active:after {content:"\f077";}
.intro03_order .panel {max-height: 0; overflow: hidden;	transition: max-height 0.2s ease-out;}
.intro03_order .panel li {position:relative; padding-left:30px; color:#525252; font-size:1.5rem; word-break:keep-all;}
.intro03_order .panel li span {position:absolute; left:0; display:block; color:#999999;}

.intro03_order .swiper-slide {padding: 0 15px;}
.intro03_order .panel_btm {display:flex; justify-content:space-between; align-items:center; height:80px; padding:10px 20px 0 20px;}
.intro03_order .swiper-button-prev, .intro03_order .swiper-button-next, .intro03_order .swiper-pagination {position:relative;}
.intro03_order .swiper-pagination {display:flex; align-items:center; text-align:left; font-size:1.4rem; color:#666;}
.intro03_order .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom: auto;  left: 0;  width: auto;}
.intro03_order .swiper-arrow {display:flex;}
.intro03_order .swiper-button-prev, .intro03_order .swiper-button-next {display:inline-block; top: auto; width: auto; height:auto; margin-top:auto; margin-left:4px;}
.intro03_order .swiper-button-next, .swiper-container-rtl .swiper-button-next, .intro03_order .swiper-button-prev, .swiper-container-rtl .swiper-button-prev  {right:auto; left:auto;}
.intro03_order .swiper-button-next:after, .intro03_order .swiper-container-rtl .swiper-button-prev:after {content:"\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; display:inline-block; width:35px; height:35px; padding-left: 3px; background:#fff; border:1px solid #ccc; border-radius:50%; text-align:center; line-height:35px; font-size:2.2rem; opacity:1; box-sizing: border-box;}
.intro03_order .swiper-button-prev:after, .intro03_order .swiper-container-rtl .swiper-button-next:after {content:"\f0d9"; font-family: "Font Awesome 5 Free"; font-weight: 900; display:inline-block; width:35px; height:35px; padding-right: 3px; background:#fff; border:1px solid #ccc; border-radius:50%; text-align:center; line-height:35px; font-size:2.2rem; opacity:1; box-sizing: border-box;}
.intro03_order .swiper-button-prev.swiper-button-disabled, .intro03_order .swiper-button-next.swiper-button-disabled {opacity:1; color:#999;}

.intro03_order .ph2 {padding-left:0; padding-right:0; background:#f8f8f8;}
.intro03_order .ph2 h3 {padding:12px; background:#1b354f; color:#fff; font-size:2.1rem; font-weight:500; text-align:center;}
.intro03_order .ph2 .txt_guide {padding:10px 15px 0;}
.intro03_order .ph2 .txt_guide strong {font-weight:700; color:#cc0000;}
.intro03_order .ph2 ul {padding:20px 15px 5px 15px;}
.intro03_order .ph2 li {margin-bottom:20px;}
.intro03_order .ph2 li span {font-size:14px;}
.intro03_order .ph2 label {display:block; margin-bottom:5px; font-size:1.5rem; color:#525252; font-weight:500; word-break:keep-all;}
.intro03_order .ph2 .li_name, .intro03_order .ph2 .li_pass, .intro03_order .ph2 .li_bookinfo, .intro03_order .ph2 .li_receiver, .intro03_order .ph2 .li_tel, .intro03_order .ph2 .li_deposit {}
.intro03_order .ph2 .li_name label:before, .intro03_order .ph2 .li_pass label:before, 
.intro03_order .ph2 .li_bookinfo label:before, .intro03_order .ph2 .li_receiver label:before, 
.intro03_order .ph2 .li_tel label:before, .intro03_order .ph2 .li_deposit label:before {content:"*"; display:inline-block; margin-right:5px; vertical-align:text-bottom; color:#cc0000; font-weight:700; font-size:12px;}
.intro03_order .ph2 .li_bookinfo span {display:block; font-weight:400;}
.intro03_order .ph2 input[type="text"], .intro03_order .ph2 input[type="tel"], .intro03_order .ph2 input[type="password"] {width:100%;}
.intro03_order .ph2 textarea {width:100%; height:100px;}
.intro03_order .ph2 .btn_wrap {padding:0 15px;}
.intro03_order .ph2 button {width:100%; margin:10px 0; padding:16px; display:block; background:#4c8ec1; color:#fff; font-weight:500; text-align:center;}
.intro03_order .ph2 .btn_can {background:#a6bfd2; border:none;}
.intro03_order .noprint i {font-style: normal; text-decoration: line-through;}
.intro03_order .noprint strong {color: rgb(204,51,0); }
.intro03_order .panel li span.txt_caution {position:relative; display:block; background: #c5e446; padding:5px; font-weight:400; color:#2e5010;  border-radius: 5px; -webkit-border-radius: 5px; font-size:1.4rem;}
.intro03_order .panel li span.intro03_price {position:relative; display:inline-block; color: #937d30; font-size: 1.4rem; font-weight: 400;}
.intro03_order .li_record input {margin-left:40px;}
.intro03_order .li_record input:first-of-type {margin-left:0;}

/*도서주문 리스트 */
.order_list button span {display:none;}

/*도서주문 보기 */
.intro03_view .sub_contents {padding-bottom:0;}
.intro03_view .board_btn button {width:32.5%;}

input[type="text"], input[type="tel"], input[type="password"], input[type="file"] {height:40px; margin:0; padding:10px; border:1px solid #d0d0d0;}
textarea {padding:10px; border:1px solid #d0d0d0;}

/*검색*/
.search_box {display:flex; margin-top:5px; margin-bottom:15px; width:100%; padding:10px; box-sizing:border-box; background:#f6f6f6; overflow:hidden; zoom:1; clear:both;}
.search_box input {flex:auto; width:100%; float:left;}
.search_box button {float:right; width:40px; height:40px; background:#333333; color:#fff; font-size:2rem;}
.search_box button span {display:none;}

/*리스트*/
.board_list {width:100%; border-top:2px solid #333;}
.board_list li, .book_list li {padding:20px 0; border-bottom:1px solid #ddd;}
.board_list strong {font-weight:500; color:#525252;}
.board_list li ul {margin-top:10px; overflow:hidden; zoom:1; clear:both;}
.board_list li ul li {float:left; margin-right:15px; padding:0; border-bottom:none; font-size:1.5rem; color:#858585;}
.board_list a {word-break:keep-all;word-wrap:break-word;}
.board_list li ul .li_hit {float:right; margin-right:5px;}
.board_list > li .pass_cfm {display:flex; flex-flow:row wrap; margin-top:15px; padding:10px; background:#f8f8f8; overflow:hidden; zoom:1; clear:both;}
.board_list > li .pass_cfm label {flex:none; width:100%;}
.board_list > li .pass_cfm input {flex:auto; float:left; margin:0; }
.board_list > li .pass_cfm button {float:right; display:block; width:70px; height:40px; margin:0; background:#333; color:#fff; font-size:1.5rem; font-weight:500;}
.board_list > li .amount_comm {color:#cc6666; font-style:normal;}
.board_list .li_notice {padding-left:10px; padding-right:10px; background:#f8f8f8;}
.board_list > li .tag_new {display: inline-block; width: auto;  height: 16px;  margin-left: 5px; margin-top: -4px; padding: 0 5px 0 3px; background: #afb14b; border-radius: 3px; color: #fff; font-size: 1.2rem; vertical-align: middle; font-weight: 400; line-height: 13px;}
.board_list > li .tag_notice {display: inline-block; width: auto;  height: 16px;  margin-right: 5px; margin-top: -4px; padding: 0 5px 0 3px; background:#2859b5; border-radius: 3px; color: #fff; font-size: 1.2rem; vertical-align: middle; font-weight: 400; line-height: 13px;}

/*갤러리 리스트*/
.gallery_list {display:flex; flex-flow:row wrap; justify-content:space-between; width:100%; border-top:2px solid #333;}
.gallery_list li {width:48%; padding:20px 0; border-bottom:1px solid #ddd;}
.gallery_list li .pic {position:relative; width:100%; height:0; padding-top:73.68%;}
.gallery_list li .pic img {position:absolute; top:0; left:0; width:100%; height:100%;}
.gallery_list li p {color:#73859c; font-size:1.4rem; line-height: 1.2;  }
.gallery_list li strong {display: block;  margin-top: 10px; margin-bottom:5px; font-size:1.5rem; font-weight:400; color:#525252;}

.gallery_list li ul {margin-top:10px; overflow:hidden; zoom:1; clear:both;}
.gallery_list li ul li {float:left; margin-right:15px; padding:0; border-bottom:none; font-size:1.5rem; color:#858585;}
.gallery_list a {word-break:keep-all;word-wrap:break-word;}
.gallery_list li ul .li_hit {float:right; margin-right:5px;}
.gallery_list > li .pass_cfm {display:flex; flex-flow:row wrap; margin-top:15px; padding:10px; background:#f8f8f8; overflow:hidden; zoom:1; clear:both;}
.gallery_list > li .pass_cfm label {flex:none; width:100%;}
.gallery_list > li .pass_cfm input {flex:auto; float:left; margin:0; }
.gallery_list > li .pass_cfm button {float:right; display:block; width:70px; height:40px; margin:0; background:#333; color:#fff; font-size:1.5rem; font-weight:500;}
.gallery_list > li .amount_comm {color:#cc6666; font-style:normal;}
.gallery_list > li .tag_new {display: inline-block; width: auto;  height: 16px;  margin-left: 5px; margin-top: -4px; padding: 0 5px 0 3px; background: #afb14b; border-radius: 3px; color: #fff; font-size: 1.2rem; vertical-align: middle; font-weight: 400;
    line-height: 13px;}

/*보기*/
.board_view {width:100%; border-top:2px solid #333;}
.board_view .view_tit {padding:15px 0; border-bottom:1px solid #ddd; color:#333; font-size:1.8rem; font-weight:500;}
.board_view .view_info {border-bottom:1px solid #ddd; color:#333; color:#858585; font-size:1.5rem; overflow:hidden; zoom:1; clear:both;}
.board_view .view_info a {color:#858585; font-weight:400;}
.board_view .view_info li {float:left; margin-right:10px; padding:10px 0;}
.board_view .view_info li.view_hit {float:right; margin-right:5px;} 
.board_view .view_info li.view_file {position:relative; float:left; width:100%; padding-left:35px; border-top:1px solid #ddd;}
.board_view .view_info li.view_file:before {content:"\f0c6"; font-family: "Font Awesome 5 Free"; font-weight: 900; position:absolute; top:10px; left:0; display:block; width:25px; height:25px; background:#e5e6e6; border-radius:50%; line-height:25px; text-align:center; color:#5b6571}
.board_view .view_cont {padding:20px 0 5px 0; border-bottom:1px solid #888; color:#525252; font-weight:300;}
.board_view .view_cont li {margin-bottom:15px;}
.board_view .view_cont img {width:100%;}
.board_view .view_txt {font-weight:500; color:#333;}
.comment_pass {display:none; padding:10px; background:#f8f8f8;}
.board_view .comment_pass form {display:flex; flex-flow:row wrap; overflow:hidden; zoom:1; clear:both;}
.board_view .comment_pass label {flex:none; width:100%;}
.board_view .comment_pass input {flex:auto; float:left; margin:0; }
.board_view .comment_pass button {float:right; display:block; width:70px; height:40px; margin:0; background:#333; color:#fff; font-size:1.5rem; font-weight:500;}
.board_view iframe {position:relative; width:100%;}


/*댓글*/
.view_comment {margin-top:15px; padding:15px 0 80px; background:#f8f8f8;}
.view_comment h3 {font-size:1.6rem; font-weight:400; color:#525252;}
.view_comment h3 em {color:#cc3333; font-style:normal;}
.view_comment .comment_write {margin-top:12px; border-top:2px solid #000;}
.view_comment .comment_write label {display:block; padding-top:10px;}
.view_comment .comment_write input {width:100%;}
.view_comment .comment_write textarea {margin-top:12px; width:100%; height:150px;}
.view_comment .comment_write button {width:100%!important;}
.view_comment .reply_list {margin-top:10px; padding:10px; background:#fff; border:1px solid #ddd;}
.view_comment .reply_info strong {color:#525252; font-weight:500; font-size:1.6rem;}
.view_comment .reply_info {margin-bottom:15px; color:#acabab; font-size:1.4rem; font-weight:300;}

.comment_list {font-size:1.4rem; font-weight:400; color:#858585;}
.comment_list strong {font-size:1.6rem; color:#484848; font-weight:500;}
.comment_list dt {margin-top: 10px; margin-bottom:5px;  padding-top: 10px; border-top: 1px solid #ddd; font-size: 1.3rem; font-weight: 300; color: #516f8e; overflow:hidden; zoom:1; clear:both;}
.comment_list dt:first-of-type {margin-top:0; padding-top:0; border-top:none;}
.comment_list .comment_btn {float:right;}
.comment_list .comment_btn a {display:inline-block; margin:0 3px; padding:3px 10px; background:#eee;}

.comment_pass label {display:block;}
.comment_pass span {display:flex; flex-flow:row wrap; justify-content:space-between;}
.comment_pass input[type="password"] {width:70%;}
.comment_pass a {display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:30%; background:#333; color:#fff;}
.comment_pass textarea {width:100%!important; margin-top:10px;}
.comment_list dd > div a {width:100%; margin-top:10px; padding:10px; background:#3c434b;}

/*쓰기*/
.board_write {width:100%; border-top:2px solid #333; border-bottom:1px solid #ddd;}
.board_write li {margin-bottom:20px;}
.board_write li:first-child {margin-top:20px;}
.board_write label {display:block; margin-bottom:5px; font-size:1.5rem; color:#525252; font-weight:500; word-break:keep-all;}
.board_write input[type="text"], .board_write input[type="password"] {width:100%;}
.board_write textarea {width:100%; height:100px;}
.board_write .txt_info {font-size:1.4rem; font-style:normal; color:#cc6a24;}
.free_write .board_btn button {width:49%;}

/*버튼*/
.board_btn {display:flex; flex-flow:row wrap; justify-content:space-between; margin-top:30px; align-items:center;}
.board_btn button {display:flex; justify-content:center; align-items:center; height:45px; font-weight:500;}
.btn_prime {background:#3c434b; border:1px solid #3c434b; color:#fff; }
.btn_can {background:#fff; border:1px solid #3c434b; color:#363d44;}

/*페이징*/
.board_page {display: flex; justify-content: center;margin-top:30px; text-align:center;}
.board_page .paging_first, .board_page .paging_end, .board_page .paging_firstr, .board_page .paging_endr {width:14.5px;}
.board_page .paging_prev, .board_page .paging_next, .board_page .paging_prevr, .board_page .paging_nextr {width:7.5px;}
.board_page .paging_prev, .board_page .paging_next, .board_page .paging_first, .board_page .paging_end {opacity:0.5;}
.board_page a {display:flex; justify-content:center; align-items:center; margin:0 2px; width:40px; height:40px; border:1px solid #ddd; color:#777;}
.board_page .page_on {background:#1970b9; color:#fff;}
.board_page a.active {background:#5A70A0; color:#fff;}
.board_page span {display:flex; justify-content:center; align-items:center; margin:0 2px; width:40px; height:40px; border:1px solid #ddd; color:#777;}

/*도서리스트*/
.books_list .board_list li a {display:flex; align-items: flex-start;}
.books_list .book_pic {display:inline-block; width:50%; min-width:84px; margin-right:20px}
.books_list .board_list li dt {color:#878787; font-size:1.3rem; font-weight:400;}
.books_list .board_list li dt strong {display:block; font-size:1.8rem; color:#333; font-weight:500;}
.books_list .board_list li dd {margin-top:8px; font-size:1.4rem; color:#838383; line-height:1.4;}
.books_list .book_date {margin-top:0!important;}
.books_list .book_writer, .books_list .book_date {color:#7e9ebc!important;}

/*도서보기*/
.books_view .book_info {padding:30px 20px; border-top:2px solid #333; border-bottom:#e5e5e5; background:#f6f6f6; text-align:center;}
.books_view .book_img img {min-width:136px; width:37.77%; max-width:180px; }
.books_view .book_info li dt {margin-top:20px; margin-bottom:15px; color:#878787; font-size:1.4rem; font-weight:400; word-break:keep-all;}
.books_view .book_info li dt strong {display:block; font-size:1.8rem; color:#333; font-weight:500; word-break:keep-all;}
.books_view .book_info li dd {font-size:1.4rem; color:#7e9ebc; line-height:1.4;}

.books_view .board_btn a {display:flex; justify-content: center; align-items:center; width:49.3%; height:45px; background:#fff; border:1px solid #ddd;}
.books_view .board_btn span {display:block; min-height:18px; padding-left:25px; background-position:0 3px; background-repeat:no-repeat; color:#363d44;}
.books_view .book_btn_pdf span {background-image:url(../images/icn_pdf.png);}
.books_view .book_btn_list span {background-image:url(../images/icn_list.png);}

.books_view .book_cont {color:#525252;}
.books_view .book_cont > div {padding-bottom:40px; margin-bottom:30px; border-bottom:1px solid #ddd;}
.books_view .book_cont p {/*margin-top:45px;*/ }
.books_view .book_cont p:first-of-type {margin-top:30px;}
.books_view .book_cont p strong {padding-bottom:5px; font-size:1.8rem; color:#333; font-weight:500;}
.books_view .book_cont .cp {margin-top:30px; padding:10px; background:#f8f8f8;}

.books_view button {width:100%;}

/*자료실, 갤러리, 공지사항, 중도자료실 보기 버튼*/
.data_view .board_btn button, .gall_view .board_btn button, .notice_view .board_btn button, .jungdo_view .board_btn button  {width:33%;}
.data_view .board_btn button i, .gall_view .board_btn button i, .notice_view .board_btn button i, .jungdo_view .board_btn button i {margin-top: 4px; font-size:2rem;}
.data_view .board_btn button .fa-caret-left, .gall_view .board_btn button .fa-caret-left, .notice_view .board_btn button .fa-caret-left, .free_view .board_btn button .fa-caret-left, .jungdo_view .board_btn button .fa-caret-left {padding-right:10px;}
.data_view .board_btn button .fa-caret-right, .gall_view .board_btn button .fa-caret-right, .notice_view .board_btn button .fa-caret-right, .free_view .board_btn button .fa-caret-right, .jungdo_view .board_btn button .fa-caret-right {padding-left:10px;}

/*갤러리, 공지사항 보기 풋터사이 조절*/
.gall_view .sub_contents, .notice_view .sub_contents {padding-bottom:0;}

/*관련사이트*/
.site_list .list {border:1px solid #ddd; border-bottom:none;}
.site_list .list li {padding:30px; border-bottom:1px solid #ddd;}
.site_list .list li img {display:block; width:268px;}
.site_list .list li strong {display:block; margin-top:5px; color:#212121; font-weight:500; word-break:keep-all;word-wrap:break-word;}
.site_list .list li em {font-size:1.4rem; color:#6694d8; font-style:normal;}

/*자유게시판*/
.free_list .board_btn button {width:100%;}

.free_view .btn_can {width:49%; margin-bottom: 15px;}
.free_view .btn_prime {width:33%;}
.free_view .btn_sec {background: #607184; border: 1px solid #607184;}

/*고요한소식신청*/
.letter_write .sub_contents > div {margin-top:30px;}
.letter_write .ph1 {display:flex; flex-flow:column wrap; align-items:center; margin-top:0!important;}
.letter_write .ph1 img {width:100%; max-width:120px; margin-top:30px;}
.letter_write .ph1 strong {display:inline-block; margin-bottom: 20px; padding-bottom: 10px; border-bottom:1px solid #c5bcbc; font-size:20px; color:#212121; font-weight:400; text-align:center; line-height: 1.3;}
.letter_write .ph1 p {padding:10px 0; color:#333; word-break:keep-all; text-align:center;}
.letter_write .ph1 .txt_blue {font-style:normal; color:#0066cc;}

.letter_write h6 {margin-bottom:10px; font-size:15px; font-weight:700; color:#333;}
.letter_write .ph2 > div {margin-top:30px; padding:25px 20px; border-radius:10px; background:#f8f8f8;}
.letter_write .ph2 li {position:relative; padding:2px 0 2px 18px;}
.letter_write .ph2 li:before {position:absolute; top:5px; left:0; content:"\f655"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; color: #dfc374; margin-right: 5px;}
.letter_write .sub_contents button {width:100%; margin:0 auto; padding:15px; display:flex; flex-flow:column; justify-content:center; align-items:center; background:#ffd200; border:none; border-radius:10px; font-size:13px; color:#3e2a2e; cursor:pointer;}
.letter_write .sub_contents button img {display:inline-block; margin-right:8px;}
.letter_write .sub_contents button span {display:flex; align-items:flex-start; justify-content:center; margin-bottom:3px; font-size:16px; color:inherit;font-weight:700;}

.letter_write .ph3 {padding-top:50px; border-top:1px dashed #ccc;}
.letter_write .ph3 ol {display:flex; justify-content:space-between; margin-top:40px; padding:0 10px;}
.letter_write .ph3 li {position:relative; width:31%; padding:10px; border:1px solid #ddd; border-radius:10px;}
.letter_write .ph3 li:before {position:absolute; top:-10px; left:-10px; display:flex; justify-content:center; align-items:center; width:30px; height:30px; border-radius:50%; background:#483122; color:#fff; font-weight:700; font-size:1;}
.letter_write .ph3 li:first-of-type:before {content:"1";}
.letter_write .ph3 li:nth-of-type(2):before {content:"2";}
.letter_write .ph3 li:last-of-type:before {content:"3";}
.letter_write .ph3 li img {width:100%;}
.letter_write .ph3 li p img {width:auto; margin-top:-3px; vertical-align:middle;}
.letter_write .ph3 li p {margin:0; margin-bottom:10px; padding:10px 5px; border-bottom:1px solid #ddd;}

/*이후부터 고요한소리 소식지 이전 것- 지워도 됨*/
.letter_write .letter_txt {margin-bottom:20px;}
.letter_write .letter_txt strong {color:#2d7ee2; font-weight:500;}
.letter_write .ph2 {margin-top:10px;}
.letter_write .txtbox {padding:15px; background:#f8f8f8; font-size:1.5rem;}
.letter_write .txtbox h3 {margin-bottom:5px; font-size:1.8rem; color:#212121;}
.letter_write .txtbox p {margin-bottom:10px;}
.letter_write .txtbox label {margin-left:10px; color:#5e7f92;}
.letter_write .txt_info {margin-top:20px!important;}
.letter_write .txt_info, .letter_write .txt_info a {color:#bd562e; line-height:1.4;}

/*고요한소식신청, 중도포럼 자료실 리스트 버튼*/
.letter_write .board_btn button {width:100%;}

/*중도포럼*/
.jungdo .sub_contents p {line-height:1.5;}
.forum_m li {margin-top:20px; padding:20px; border:1px solid #ddd; }
.forum_m li:first-child {margin-top:0;}
.forum_m li a {display:block; padding:20px; border:1px solid rgba(255, 255, 255, 0.5); color:#fff; text-align:center;}
.forum_m em {display:block; font-style:normal;}
.forum_m strong {display:block; margin-bottom:20px; font-size:2.3rem; word-break:keep-all; line-height:1.3; font-weight:700;}
.forum_m span {display:block; font-size:1.4rem;}
.forum_m button {background: rgba(0, 0, 0, 0.5); color: #fff; padding: 8px 20px; margin-top: 20px;}
.forum_m .f2019 {background:#7e462f;}
.forum_m .f2018 {background:#003263;}
.forum_m .f2017 {background:#00652f;}

.jung2019_intro .ph1 img {width:100%;}

/*중도포럼드롭다운*/
.dropdown {position:relative;}
.dropbtn {position:relative; width:100%; padding:16px 20px;  background-color:#243448; color:#fff; font-size: 16px; border: none; cursor: pointer; text-align:left; line-height:1.4;}
.dropbtn:after {content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top:15px; right:20px;  cursor: pointer;}
.jungdo_sub button.active:after {content: '\f0d8';}
.dropdown-content {display:none; position:absolute; width:100%; background-color: #f9f9f9; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-sizing:border-box; border:1px solid #ddd; border-top:none; z-index:100;}
.dropdown-content a {color: black; padding: 12px 16px; text-decoration: none;  display: block; box-sizing:border-box; border-top:1px solid #ddd;}
.show {display:block;}

/*중도포럼*/
.jung_intro .ph1 img {width:100%;}

.jung_greeting .txt_big {position:relative; width:96%; margin-left:1px; margin-bottom:60px; padding:20px 15px; border:1px solid #c5c5c5; font-family: 'Noto Serif KR', serif; font-size:2rem; color:#212121; font-weight:300; line-height:1.3; letter-spacing:-1px; word-break:keep-all;}
.jung_greeting .txt_big:after {content:""; position:absolute; bottom:-21px; right:-16px; display:block; width:90%; height:20px; background:#d4d6da;}
.jung_greeting .txt_big:before {content:""; position:absolute; bottom:-1px; right:-16px; display:block; width:15px; height:70%; background:#d4d6da;}
.jung_2019 .jung_greeting .txt_big strong {color:#754435;}
.jung_2018 .jung_greeting .txt_big strong {color:#245dbd;}
.jung_2017 .jung_greeting .txt_big strong {color:#479047;}

.jung_greeting .ph1 > p {margin-top:40px;}

.jung_speaker dl {margin-bottom:20px; border:1px solid #c3c8d4; border-radius:5px;}
.jung_speaker dt {padding:10px 15px; background:#f6f6f6; border-bottom:1px solid #c3c8d4; border-top-left-radius:5px; border-top-right-radius:5px; font-size:17px; color:#243448; font-weight:500;}
.jung_speaker dd {padding:15px;}

.jung_subject dl {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ddd; }
.jung_subject dl:first-of-type {border-top:2px solid #333; }
.jung_subject dt {padding:10px 0 5px; font-size:2rem; font-weight:700; color:#212121; word-break:keep-all; line-height:1.4;}
.jung_subject dt em {display:inline; font-style:normal; color:#666;}
.jung_subject .summ {padding:15px; background:#f6f6f6;}
.jung_subject .speaker {margin-bottom:15px; color:#4A81A8;}
.jung_subject .speaker strong {display:block; font-weight:500; }
.jung_subject .summ > ul > li {position:relative; margin-top:20px; padding-left:15px;  line-height:1.4;}
.jung_subject .summ > ul > li:first-child {margin-top:0;}
.jung_subject .summ > ul > li:before {content:""; position:absolute; top:10px; left:0; width:3px; height:3px; background:#666; }
.jung_subject .summ > ul > li > ul {margin-top:10px;}
.jung_subject .summ > ul > li > ul > li {position:relative; padding-left:10px; line-height:1.4; color:#939393;}
.jung_subject .summ > ul > li > ul > li:before {content:"-"; position:absolute; top:0; left:0;}
.jung_2017 .jung_subject dl:nth-of-type(4) .summ ul {margin-top:20px;}

.jung_order .ph1 dl:first-of-type {border-top:2px solid #333;}
.jung_order .ph1 dl:first-of-type dd { border-bottom:1px dashed #ddd;}
.jung_order .ph1 dl:first-of-type dd:last-of-type {border-bottom:none;}
.jung_order .ph1 dt {padding:10px 5px; border-top:1px solid #ada9a9; border-bottom:1px dashed #ccc; color:#384f84; font-weight:400;}
.jung_order .ph1 dl:first-of-type dt {border-top:none;}
.jung_order .ph1 dd {padding:10px 5px;}
.jung_order .ph1 dl dd:last-child {border-bottom:none;}
.jung_order .ph1 > div {padding:20px 10px; border-top:1px solid #ada9a9; background:#f6f6f6; color:#666;}
.jung_order .ph1 > div strong {display:block; color:#212121; font-weight:500;}
.jung_order .ph1 dd em {margin-bottom: 5px; padding: 0 10px; display:inline-block; background: #b49687; border-radius: 50px; border-bottom-left-radius:0; font-style:normal; color:#fff; font-size:1.4rem; font-weight:500;}
.jung_2019 .jung_order .ph1 dd em {background:#b49687;}
.jung_2018 .jung_order .ph1 dd em {background:#41659A;}
.jung_order .ph1 dd strong {font-weight:500;}

.jung_2017 .jung_order .ph1 > strong {display:inline-block; margin-bottom:10px; font-size: 2rem; color: #558c55; font-weight: 500;}
.jung_2017 .jung_order .ph1 > strong span {display:block; color:#878787; font-size:1.6rem;}
.jung_2017 .jung_order .ph1 dt {border-top:1px solid #ada9a9;}
.jung_2017 .jung_order .ph1 dd {border-bottom:none;}
.jung_2017 .jung_order .ph1 > p {margin-bottom:30px; padding:20px 0; background:#f6f6f6; border-top:1px solid #ada9a9; border-bottom:1px solid #ada9a9;}


.jung_booklet .book_cover {text-align:center;}
.jung_booklet img {width:80%;}
.jung_booklet dt {margin-top:40px; padding:10px 0; border-top:1px solid #333; border-bottom:1px solid #ddd;  font-weight:700; color:#0e53a2;}
.jung_booklet dd {padding:30px 0; border-bottom:1px solid #ddd;}
.jung_booklet dd strong {margin-top:40px; display:block; font-weight:500; color:#212121;}
.jung_booklet dd strong:first-of-type {margin-top:0;}
.jung_booklet dd p, .jung_booklet dd p:first-of-type  {}
.jung_booklet dd .num {position:relative; padding-left:20px;}
.jung_booklet dd p span {position:absolute; top:0; left:0;}
.jung_booklet dd p em {display:block; margin-top:-3px; color:#5c759a; font-style:normal;}
.jung_booklet dd p em:before { position:absolute; top:5px; left:0; display:block; width:1px; height:16px; background:#c7c3c3;}
.jung_booklet button {width:100%;}
.jung_booklet button i {margin-right:5px;}
.jung_2017 .jung_booklet dd p {margin-top:15px;}

#video-gallery {overflow:hidden; zoom:1; clear:both;}
#video-gallery li {float:left; width:230px; margin-right:23px; margin-bottom:20px; min-height:230px; border-bottom:1px solid #ddd; text-align:center; font-size:14px; word-break:keep-all;}
.forum2018_06 li {min-height:200px!important;}
#video-gallery li:hover {cursor:pointer;}
#video-gallery .last {margin-right:0!important;}
#video-gallery li span {display:block; width:90%; margin:0 auto; line-height:130%;}
#video-gallery li strong {display:block;}

.jundo_vedio li {margin-bottom:40px; padding-bottom:30px; border-bottom:1px solid #ddd;}
.jundo_vedio li span {display:block; margin-bottom:15px; color:#000;}
.jundo_vedio li strong {display:inline-block; margin-bottom:5px; color:#674036; font-weight:500; line-height:1.4;}
.jundo_vedio .mov_wrap {position:relative; width:100%; height:0; padding-top:56.25%;}
.jundo_vedio .mov_wrap iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.jundo_vedio .mov_wrap video {position:absolute; top:0; left:0; width:100%; height:100%;}

/* 필요없음 지움 .jung_2019 .jundo_vedio li strong {background:#967871;}*/
.jung_2019 .jundo_vedio img {width:100%;}

@media all and (min-width:768px) {
.payment dd span {display:inline-block;}
}

@media all and (max-width:480px) {
.letter_write .ph3 ol {display:block; margin-top:20px; padding:0;}
.letter_write .ph3 li {width:100%; margin-bottom:8px; padding:10px; text-align:center;}
.letter_write .ph3 li:before {top:20px; left:10px; width:25px; height:25px; font-size:14px;}
.letter_write .ph3 li img {width:auto;}
.letter_write .ph3 li p img {margin-top:-3px; vertical-align:middle;}
.letter_write .ph3 li p {padding:10px 5px 10px 30px; text-align:left;}
}