@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Nanum Myeongjo', serif;


@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700|Nanum+Myeongjo:400,700');*/

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Roboto:wght@300;400;500;700&display=swap');

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, address, cite, code,
del, dfn, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
		line-height:2;
    vertical-align:baseline;
    background:transparent;
		font-family: 'Roboto', 'Nanum Gothic', sans-serif;
		color:#525252;
}

html, body, div {
		margin:0;
    padding:0;
    border:0;
    outline:0;
		line-height:2;
		font-size:16px;
    vertical-align:baseline;
    background:transparent;
		font-family: 'Roboto', 'Nanum Gothic', sans-serif;
		color:#525252;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
		text-decoration:none;
		color:#525252;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

ul, ol, li, dl, dt, dd {margin:0; padding:0; list-style:none;}
input:focus, select:focus, option:focus, textarea:focus, button:focus {outline: none;}

#wrap {margin:0; padding:0; width:100%; height:100%;}

.gm {border-bottom:1px solid #E7E6E6;}
.gm > div  {display:flex; justify-content:space-between; position:relative; width:1000px; height:41px; margin:0 auto;z-index:100;}
.gm h1 {display:flex; width:150px;}
.gm h1 a {display:flex; align-items:center;}
.gm ul {position:absolute; right:0; zoom:1; clear:both;}
.gm ul li {position:relative; float:left;}
.gm ul li a {display:flex; align-items:center; justify-content:center; width:100px; height:41px; background:#66A4E2;  border-left:1px solid #7FAFDF; color:#D8E6F6; font-size:13px; text-decoration:none;}
.gm ul li a:hover {background:#4f91d3;}
.gm ul li:first-child a {width:120px;}
.gm ul .first_menu a {width:100px; border-left:1px solid #6596C8; background:#4682BE; color:#EDF0F5;}
.gm ul .first_menu li:first-child  a{border-left:none;}
.gm ul .first_menu:hover a {background:#2f68a1;}
.gm .lang a {background:#fff; border-right:1px solid #E7E6E6; color:inherit;}
.gm .lang a:hover {background:#f8f8f8; color:inherit;}

#menu li:hover > ul {display: block;}
#menu li ul li:first-child a{margin:0;padding-top:13px; padding-bottom:5px; background:#fff url(../images/arw.png) no-repeat 50% 0; }
#menu li ul li:first-child a:hover {background:#f6f6f6 url(../images/arw.png) no-repeat 50% 0; color:#333;}
/* Sub-menu */
#menu ul {display:none; position:absolute; top:41px; left:1px; margin: 0; padding: 0; background:none; z-index:110;}
#menu ul li {float:none; margin:0; padding:0;line-height:0;font-size:0;}
#menu ul li a {display:flex; margin:0; width:100%; padding:0 5px; box-sizing:border-box; background:#fff; border:1px solid #ddd; border-top:0; color:#666; text-align:center; line-height:1;}
#menu ul a:hover {background: #f6f6f6; color:#333;}

.top {width:1000px; margin:20px auto; overflow:hidden; zoom:1; clear:both}
.top ul {display:flex; justify-content:space-between;}
.top ul li a {display:block; padding:15px 10px; color:#000; font-size:16px; font-weight:500;}
.top .search {float:right; margin-top:18px; padding:0; background:yellow;}
.top .search input {float:left;width:160px; height:23px; border:1px solid #ccc;}
.top .search a {display:block; float:left; width:48px; height:13px; padding:6px 0; background:#22577c; border:1px solid #486980; color:#fff; text-align:center; line-height:1; font-size:13px; font-weight:bold;}
.bnr_forum {float:right; margin-top:8px; padding:0 5px 0 0;}

.btnTop {display:none; position:fixed; bottom:5%; right:30px; padding:20px 15px 5px 15px; overflow:hidden; color:#666; text-align:center; background:#fff url(../images/icn_top.png) no-repeat 50% 8px; border:1px solid #dcdcdc;}

.top_img div  {width:1000px; margin:0 auto; text-align:center;}

#main_container {width:1000px; margin:35px auto; overflow:hidden; zoom:1; clear:both;}
#main_container div {float:left; height:200px; padding-left:30px; margin-left:30px; border-left:1px solid #DDDDDD; overflow:hidden;}

#main_container .notice_box {float:left; width:305px; height:auto; margin-left:0; padding-left:0; border:none;}
#main_container .notice_box h3 {position:relative; width:100%; height:29px; margin-bottom:20px; background:url(../images/noticebox_tit.png) no-repeat; font-size:0; line-height:0;}
#main_container .notice_box h3:after {position:absolute; right:0; content:""; display:inline-block; width:43px; height:29px; background:url(../images/m_more.png) no-repeat;}
#main_container .notice_box ul a {padding-left:12px; font-size:14px; background:url(../images/icn_dot.jpg) no-repeat 0 6px; color:#666;}
#main_container .notice_box ul a:hover {text-decoration:underline;}
#main_container .notice_box ul li {position:relative; padding:3px 0; line-height:1.6}
#main_container .notice_box ul li span {position:absolute; right:0; font-size:14px; color:#a09f9f;}

/*#main_container .bnr {float:none;  height:auto; margin:0; padding:0; border:none;}
#main_container .bnr li {float:left; margin-top:20px; padding:0 0 0 8px;}
#main_container .bnr ul li:first-child {padding:0; background:red;}
#main_container .bnr li a {display:block; margin:0; padding:0; border:1px solid #DCDCDC; line-height:0;}
*/

#main_container .book_box {width:385px;} 
#main_container .book_box h3 {width:100%; height:29px; margin-bottom:20px; background:url(../images/bookbox_tit.png) no-repeat; font-size:0; line-height:0;}
#main_container .book_box img {width:110px; height:155px;}
#main_container .book_box li {float:left;}
#main_container .book_box li img {display:block;}
#main_container .book_box .book_summury {width:250px; margin-left:20px;}
#main_container .book_box .book_summury dl {width:inherit; margin-top:0px;}
#main_container .book_box .book_summury dt {margin:0px 0 5px 0; color:#333; font-size:17px; font-weight:500;}
#main_container .book_box .book_summury dt a span  {margin-left:10px; padding:3px 5px; background:#fff; border:1px solid #ccc; font-size:13px!important; color:#666; line-height:0; text-align:center;}
#main_container .book_box .book_summury dd {width:260px; line-height:130%; font-size:14px;}
#main_container .book_box .book_summury dd a:hover {text-decoration:underline;}
#main_container .book_box .book_summury .book_writer { margin-bottom:5px; color:#a4781b;}


#main_container .quick_menu ul {margin-top:3px;}
#main_container .quick_menu li a {display:block; padding:11px 0 5px 7px; border-top:1px solid #ddd; overflow:hidden; }
#main_container .quick_menu li:first-child a {border-top:none; padding-top:0;}

/*#main_container .bnr {display:block; float:none; width:150px; height:34px; margin:8px 0 0 0; padding:5px 10px; border:1px solid #ddd; text-align:center;}
#main_container .bnr1 {display:block; float:none; margin:5px 0 0 0; padding:0; border-left:none!important;}*/

#main_container .bnr {display:block; float:none; height:39px; margin:0; padding:0; border:none;}
#main_container .bnr1 {height:40px!important;}

.go_forum {border-left:none!important; padding-left:0!important;}
.go_forum a {display:block; width:215px; text-align:right; line-height:1.6;}

/*.go_forum {width:215px; padding:0!important; background:#d3df91;} 200203 수정
.go_forum {border-left:none!important; padding-left:0!important;}
.go_forum a {display:block; width:215px; height:198px; background:url(../images/mbnr_forum.jpg) no-repeat 25px 15px; background-size:auto; border:1px solid #ddd; border-radius:10px; text-align:center;}
.go_forum a span {display:none;}*/
/*
.go_forum dl {}
.go_forum dt {position:relative; padding:15px 20px; margin-bottom:15px; background:url(../images/main_forumbg.png) no-repeat 18px 13px; border-bottom:1px solid #E6EDC1; text-indent:-99999px;}
.go_forum dd {padding:0 20px; margin:10px 0; background:url(../images/icn_arrow1.png) no-repeat right 20px bottom 8px;}
.go_forum a {display:block; padding:5px 0; color:#697816; font-size:14px; line-height:130%; word-break:keep-all;}
.go_forum a:hover {text-decoration:underline;}
.go_forum a strong {display:block; color:#4b5322; font-size:15px;}
 200203 수정*/

.main_clum2 {margin:50px 0 0 0!important; padding:50px 0 0 0!important; height:auto!important; width:100%; border-top:1px solid #ddd; border-left:none!important; overflow:visible!important;}
.main_clum2 .main_c2box1 {float:left; width:243px; margin:0 10px 0 0!important; padding:0!important; background:url(../images/go_support.jpg) no-repeat; border:1px solid #DFE0E0!important; text-align:center;}
.main_clum2 .main_c2box1 a {display:inline-block; position:relative; margin:155px auto 0 auto; font-weight:500; color:#333;}
.main_clum2 .main_c2box1 a:after {content:""; position:absolute; top:8px; right:-20px; display:none; width:7px; height:9px; background:url(../images/icn_arrow.gif) no-repeat;}
.main_clum2 .main_c2box1 a:hover {color:#999;}
.main_clum2 .main_c2box1 a:hover:after {background:url(../images/icn_arrow_r.gif) no-repeat;}

.main_clum2 .main_c2box2 {float:left; width:243px; margin:0 10px 0 0!important; padding:0!important; background:url(../images/go_book.jpg) no-repeat; border:1px solid #DFE0E0!important; text-align:center;}
.main_clum2 .main_c2box2 a {display:inline-block; position:relative; margin:155px auto 0 auto; font-weight:500; color:#333;}
.main_clum2 .main_c2box2 a:after {content:""; position:absolute; top:8px; right:-20px; display:none; width:7px; height:9px; background:url(../images/icn_arrow.gif) no-repeat;}
.main_clum2 .main_c2box2 a:hover {color:#999;}
.main_clum2 .main_c2box2 a:hover:after {background:url(../images/icn_arrow_r.gif) no-repeat;}

.main_clum2 .main_c2box3 {float:left; width:243px; margin:0 30px 0 0!important; padding:0!important; background:url(../images/go_gallery.jpg) no-repeat; border:1px solid #DFE0E0!important; text-align:center;}
.main_clum2 .main_c2box3 a {display:inline-block; position:relative; margin:155px auto 0 auto; font-weight:500; color:#333;}
.main_clum2 .main_c2box3 a:after {content:""; position:absolute; top:8px; right:-20px; display:none; width:7px; height:9px; background:url(../images/icn_arrow.gif) no-repeat;}
.main_clum2 .main_c2box3 a:hover {color:#999;}
.main_clum2 .main_c2box3 a:hover:after {background:url(../images/icn_arrow_r.gif) no-repeat;}

.main_clum2 .main_c2box4 {float:left; width:210px; margin:0 0 0 0!important; padding:0!important; border:1px solid #DFE0E0!important; text-align:center;}
.main_clum2 .main_c2box4 li a {display:block; height:65px; text-indent:-99999px;}
.main_clum2 .main_c2box4 .go_btn a {background: url(../images/go_btn.jpg) no-repeat 50% 50%; border-bottom:1px solid #DFE0E0;}
.main_clum2 .main_c2box4 .go_ridi a {background:url(../images/go_ridi.jpg) no-repeat 50% 50%; border-bottom:1px solid #DFE0E0;}
.main_clum2 .main_c2box4 .go_una a {background:url(../images/go_una.jpg) no-repeat 50% 50%;}


/*SUB*/
.bdr_t {border-top:1px solid!important;}
.bdr_gray {border-color:#ccc!important;}
.mg0 {margin:0!important;}
.mgt30 {margin-top:30px!important;}
.mgt50 {margin-top:50px!important;}
.pd0 {padding:0!important;}
.algn_c {text-align:center!important;}

.sub_img  {background:#dbdbdb; text-align:center;}
.sub_img div {width:100%; height:115px; margin:0 auto;}
.sub_img .topimg_intro {background:url(../images/sub_img01.jpg) no-repeat top;}
.sub_img .topimg_data {background:url(../images/sub_img02.jpg) no-repeat top;}
.sub_img .topimg_board {background:url(../images/sub_img03.jpg) no-repeat top;}
.sub_img .topimg_book {background:url(../images/sub_img04.jpg) no-repeat top;}
.sub_img .topimg_ex {background:url(../images/sub_img01.jpg) no-repeat top;}
.sub_img .topimg_forumm {background:url(../images/forumm_img01.jpg) no-repeat top;}
.sub_img .topimg_forum {background:url(../images/forum_img01.jpg) no-repeat top;}
.sub_img .topimg_forum2018 {position:relative; background:url(../images/forum2018_img01.jpg) no-repeat top;}
.sub_img .topimg_forum2018 h2 {display:flex; flex-flow:column wrap; align-items:flex-end; justify-content:center; width:1000px; height:100%; margin:0 auto; font-family: 'Roboto Slab', serif; font-weight:700; color:#fcfdd5; text-align:right; font-size:28px; line-height:1.2; text-shadow: 0 0 2px #000;
	-moz-text-shadow: 0 0 2px #000;
	-webkit-text-shadow: 0 0 2px #00;}
.sub_img .topimg_forum2018 h2 span {display:block; color:#aea4a3; font-weight:400; font-family: 'Roboto', sans-serif; font-style:normal; font-size:24px;}

.sub_img .topimg_forum2019 {position:relative; background:url(../images/forum2019_img01.jpg) no-repeat top;}
.sub_img .topimg_forum2019 h2 {display:flex; flex-flow:column wrap; align-items:flex-end; justify-content:center; width:1000px; height:100%; margin:0 auto; font-family: 'Roboto Slab', serif; font-weight:700; color:#fcfdd5; font-size:28px;text-shadow: 0 0 2px #000; line-height:1.2; 
	-moz-text-shadow: 0 0 2px #000;
	-webkit-text-shadow: 0 0 2px #00;}
.sub_img .topimg_forum2019 h2 em {display:block; color:#aea4a3; font-weight:400; font-family: 'Roboto', sans-serif; font-style:normal; font-size:24px;}

@media screen and (max-width: 1024px) {
	.sub_img .topimg_forum2018 h2 {right:20px!important;}
}

#sub_container {width:1000px; margin:0 auto; background:url(../images/cont_line.png) repeat-y 211px 0; overflow:hidden; zoom:1; clear:both;}
#left {float:left; width:180px;}
#right {float:right; width:745px; padding:45px 0 60px 65px; background:url(../images/left_bg.jpg) no-repeat 0 top;}

#left .left_tit {padding:40px 0 10px 0; border-bottom:1px solid #137FEA; color:#b9bcbf; font-size:10px;}
#left .left_tit strong {display:block; font-size:24px; font-weight:500; color:#333; line-height:1.3;}
#left .lm {margin-bottom:60px;}
#left .lm li a {display:block; padding:10px 0;/* background:url(../images/lm_arrow.png) no-repeat 170px 15px;*/ border-bottom:1px solid #ddd; line-height:1.3;}
#left .lm li a span {display:block; padding-left:15px; background:url(../images/lm_dot.png) no-repeat 3px 9px; color:#757373; font-size:16px;}
#left .lm li a:hover, #left .lm .lm_on a {/*background:url(../images/lm_arrow_r.png) no-repeat 170px 15px;*/}
#left .lm li a:hover span, #left .lm .lm_on a span {background:url(../images/lm_dot_r.png) no-repeat 3px 9px; color:#115ca7;}
#left .left_bnr {margin-top:-15px; margin-bottom:50px;}
#left .left_bnr a {display: block; box-sizing: border-box; padding: 10px 10px 5px 55px; background: #eaeced url(../images/forum_icn.png) no-repeat 10px center; font-size: 15px; font-weight: 500; line-height: 1.3;}
#left .left_bnr a span {display:block; margin-top:-5px; font-size:13px; color:#9ea19f;}
#left .left_bnr2018 a {color:#3d5478;}
#left .left_bnr2017 a {color:#0d438d;}

#right .tit {position:relative; padding-bottom:15px; border-bottom:1px solid #C4C4C4;}
#right .tit span {display:block; position:absolute; bottom:-1px; .bottom:4px; left:0; z-index:999; width:20px; height:1px; background:#137FEA; line-height:0; font-size:0; }
#right .tit h2 {font-size:28px; color:#000; font-weight:normal;}
#right .tit p {position: absolute; top: 10px; right: 0; padding-left:17px; background:url(../images/nav_home.gif) no-repeat 0 8px; color:#969696; font-size:13px;}
/*#right .tit p {margin:0 0 -10px; padding-left:17px; background:url(../images/nav_home.gif) no-repeat 0 8px; color:#969696; font-size:13px;}*/

.cont {padding:50px 3px; text-align:justify;}
.cont p {padding:0 0 30px 0;}

.intro01_bigtxt {font-family: 'Roboto Slab', serif; color:#333; font-weight:500; font-size:24px; line-height:140%;}
.intro01_bigtxt strong {color:#245dbd; font-family: 'Roboto Slab', serif; font-weight:500; font-size:24px; line-height:140%;}
.intro01 p {padding-bottom:30px;}
.intro01 h3 {margin-top:30px; padding-top:30px; padding-left:15px; background:url(../images/icn_dot3.gif) no-repeat 0 33px; border-top:1px solid #eee; font-size:16px; color:#36C; font-weight:500;}
.intro01 dl {margin-top:20px;}
.intro01 dt {color:#333; font-weight:500;}
.intor01_head span {display:block; position:relative; padding-left:15px;}
.intor01_head span:before {content:"-"; position:absolute; top:2px; left:0;}
.intro01_step {}
.intro01_step > dt {margin:0 ; padding:0;}
.intro01_step > dd {margin:0 0 25px 0; padding:0 0 0 18px;}
.intro01_step > dd > dl {margin:0; display:flex; flex-flow:row wrap;}
.intro01_step > dd > dl > dt {width:13%; margin-right:0.5%; padding:10px 0; background:none; border-bottom:1px solid #cdcfd3; box-sizing:border-box; font-weight:700; color:#6e727a;}
.intro01_step > dd > dl > dd {width:86%; padding:10px 20px; border-bottom:1px dashed #ddd;  box-sizing:border-box;} 
.intro01_step > dd > dl > dd span {color:#424D66;}

.intro01 table {margin-top:20px; width:100%; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.intro01 th {width:140px; padding:10px 15px; color:#333; background:#bcdbf4; border-top:1px solid #afcad5; border-right:1px solid #afcad5; border-bottom:1px solid #afcad5; font-size:15px; vertical-align:middle; text-align:left; font-weight:normal;}
.intro01 td {padding:10px 20px;  border-top:1px solid #ddd; border-right:1px solid #ddd;font-size:15px; word-break:keep-all; }
.intro01 .td01 {width:80px; background:#f8f8f8; vertical-align:middle;}

.intro02 p {padding-bottom:0!important;}
.intro02 button {margin-top: 20px; padding: 10px 20px; background: #4682be; border: none; border-radius: 5px; text-align: center;  color: #fff; font-size: inherit; cursor:pointer}
.intro02 button:hover {background:#255d95;}
.intro_conct {margin:40px 0; overflow:hidden; *zoom:1; clear:both;}
.intro_conct dt {float:left; width:60px; padding-left:20px;}
.intro_conct .intro02_tel {background:url(../images/icn_tel01.gif) no-repeat 0 5px;}
.intro_conct .intro02_email {background:url(../images/icn_letter01.gif) no-repeat 0 5px;}
.intro_conct dd a:hover {color:#36C;}
.intro02_stit {margin:30px 0 5px 0; padding-top:30px; font-size:16px; color:#23a0e8;border-top:1px solid #eee;}
.intro02_bank {width:100%; margin-top:10px; overflow:hidden; *zoom:1; clear:both;}
.intro02_bank li {width:311px; margin:1px; padding:10px; float:left; background:#f8f8f8;}
.intro02_bank .bank_km {padding-left:46px; background:#f8f8f8 url(../images/icn_kb.gif) no-repeat 10px 18px;}
.intro02_bank .bank_wr {padding-left:46px; background:#f8f8f8 url(../images/icn_woori.gif) no-repeat 13px 18px;}
.intro02_bank .bank_ny {padding-left:46px; background:#f8f8f8 url(../images/icn_nh.gif) no-repeat 10px 21px;}
.intro02_bank .bank_post {padding-left:46px; background:#f8f8f8 url(../images/icn_post.gif) no-repeat 10px 19px;}
.intro02_bank .bank_name {width:680px; padding-left:46px; clear:left;}


.intro03 p {margin:auto;}
.intro03_stit {height:35px; margin-top:60px; margin-bottom:10px; padding:5px 0 0 50px; font-size:19px; color:#23a0e8; font-weight:500;}
.icn_order {margin-top:0; background:url(../images/icn_bull.gif) no-repeat;}
.icn_pay {background:url(../images/icn_shop.gif) no-repeat;}
.icn_booklist {background:url(../images/icn_book.gif) no-repeat 0 0;}
.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:inline-block}
.intro03_list dt img {margin-right:10px; vertical-align:sub;}
.intro03_list dd {display:inline-block; font-weight:700; color:#050505;}
.intro03_list dd a {font-weight:inherit; color:inherit;}
.intro03_conct {margin-top:-20px; margin-bottom:35px; padding-bottom:40px; border-bottom:1px solid #ddd; overflow:hidden; *zoom:1; clear:both;}
.intro03_conct dt {float:left; width:60px; padding-left:20px;}
.intro03_conct .intro03_tel {background:url(../images/icn_tel.gif) no-repeat 0 5px;}
.intro03_conct .intro03_email {background:url(../images/icn_letter.gif) no-repeat 0 5px;}
.intro03_conct a:hover {color:#36C;}
.intro03_txt {color:#E1762F;}
.noprint i {font-style:normal;text-decoration:line-through;}
.noprint strong {color:rgb(204,51,0); text-decoration:none!important;}

.intro03_booklist {border-bottom:1px solid #ddd;}
.intro03_booklist h4 {position:relative; margin:20px 0 10px 0; text-align:left; font-weight:normal; color:#937d30}
.intro03_booklist h4 strong {font-weight:500; color:#333;}
.intro03_booklist h4 span {
	position:absolute; top:0; right:0;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-size:12px!important;
	font-weight:500;
	padding:0 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.intro03_booklist h4 span:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}
.intro03_booklist h4 span .booklist_opn {padding-right:15px; background:url(../images/icn_plus1.png) no-repeat right 1px;}
.intro03_booklist h4 span .booklist_cls {padding-right:15px; background:url(../images/icn_minus.png) no-repeat right 1px;}

.intro03_booklist div {margin-bottom:10px; border:5px solid #f6f6f6;}
.intro03_booklist ul {display:flex; flex-flow:row wrap; padding:10px; border:1px solid #ddd; overflow:hidden; clear:both; }
.intro03_booklist li {position:relative; float:left; width:300px; padding:5px 0 5px 25px; margin:0 14px; border-bottom:1px dashed #ddd; font-size:14px; text-align:left;}
.intro03_booklist li span {position:absolute; display:block; top:5px; left:0; font-weight:500; color:#c3c3c3;}
.intro03_price {position:relative!important; display:inline!important; top:0!important; color:#937d30!important; font-weight:normal!important;}

.order_btn_area {padding:30px; margin-bottom:20px; text-align:center; border-bottom:1px solid #ddd;}

.order_write {margin:30px 0 15px 0; padding:10px 10px 2px 10px; background:#f8f8f8;}
.order_write .txt_guide {margin-bottom: -10px; padding:0 10px; text-align:right; color: #878787;}
.order_write .txt_guide strong {font-weight:600; color:#C30;}
.order_write table {width:97%; margin:10px auto; padding-bottom:10px; border-top:2px solid #333; background:#fff;}
.order_write table caption {padding:5px 0; background:#333; color:#eee; font-size:16px; font-weight:bold;}
.order_write th {width:40%;padding:10px 5px 10px 10px; color:#333; border-bottom:1px solid #eee; text-align:left;}
.order_write td {padding:10px 10px 10px 0; border-bottom:1px solid #eee;}
.order_write td input {width:100%; height:22px; margin:0; border:1px solid #ddd; color:#666;}
.order_write .order_tit input {width:98%!important;}
.order_write .order_cont {padding:0px 10px 10px 10px; border-bottom:1px solid #333;}
.order_write .order_cont2 {padding:0px 10px 10px 10px; border-bottom:1px solid #ddd;}
.order_write ul .btn_area {float:right; margin:0;}
.order_write textarea {width:97%; height:100px; padding:10px; border:1px solid #ddd;}
.border_b0 {padding:10px 5px 0px 10px; border-bottom:none!important;}
.order_write .td01 {padding:0px 10px 10px 10px!important;}
.order_write tr b, .order_write th span {color:#C30; font-size:14px;}
.order_write th em {font-style:normal; color:#;}
.order_write input[type="radio"] {vertical-align:inherit;}
.order_write td .txt_info {display:block; font-size:14px; color:#d37807;}

.payment {margin-top:30px;}
.payment:first-child {margin-top:0;}
.payment dt {font-weight:700; color:#333;}

.pd_t0 {padding-top:0!important;}


.intro04_stit {margin-bottom:10px; color:#3982B7;}
.intro04_list {margin-bottom:30px; overflow:hidden; *zoom:1; clear:both;}
.intro04_list li {float:left;}
.intro04_list .branch {float:right;}
.intro04_tel {padding:5px 10px 5px 20px; background:url(../images/icn_tel.gif) no-repeat 0 6px;}
.intro04_fax {padding:5px 20px; background:url(../images/icn_fax.gif) no-repeat 0 6px;}
.intro04_email {padding:5px 20px; background:url(../images/icn_letter.gif) no-repeat 0 6px;}
.add {margin:20px 0; padding-bottom:20px; border-bottom:1px solid #E6E6E6; color:#999; font-size:15px;}
.add strong {display:block; color:#525252;}
.subway {margin:0 0 10px 0; padding-bottom:20px; color:#999; overflow:hidden; zoom:1; clear:both;}
.subway dt {padding-right:10px; font-weight:500;}
.subway dd ul {overflow:hidden; *zoom:-1; clear:both;}
.subway dd ul li {float:left; width:170px;}
.subway dd img {vertical-align:middle;}
.bus {margin:0 0 10px 0; padding-bottom:20px; overflow:hidden; zoom:1; clear:both}
.bus dt {padding-right:10px; font-weight:500;}
.bus dd ul li {padding:3px;}
.bus dd ul li span {padding:0 10px; background:url(../images/bus_line.png) no-repeat left 0;}
.bus dd ul li .span_fst {background:none!important;}
.way dt {width:150px; height:20px; margin-bottom:15px; background:url(../images/title_map.png) no-repeat 0 -210px; font-size:0; line-height:0; text-indent:-99999px;}
.intro04_colum {margin:0 0 40px 0; padding:0 0 50px 0; border-bottom:1px solid #eee;}


.intro05_tab {overflow:hidden; zoom:1; clear:both;}
.intro05_tab li {float:left; width:33.33%; padding:18px 10px; box-sizing:border-box; border:1px solid #ddd; border-left:none; color:#848383; text-align:center; font-weight:700; font-size:16px;}
.intro05_tab li:first-child {border-left:1px solid #ddd;}
.intro05_tab li:hover { background:#f6f6f6; cursor:pointer;}
.intro05_tab li.active {padding:17px 8px; background:#fff; border:2px solid #4682be; color:#4682be;}

.intro05_tabcont{
  display: none;  
  padding: 80px 0 0 10px;
  box-sizing:border-box;
}

.intro05_tabcont.active{
  display: inherit;
}

.intro05_tabcont > dl {margin-top:50px; overflow:hidden; zoom:1; clear:both;l}
.intro05_tabcont > dl:first-child {margin-top:0;}
.intro05_year {position:relative; float:left; width:180px; color:#3477ba; font-size:28px; font-weight:900; letter-spacing:-2px;}
.intro05_year:after {content:url(../images/intro05_icn01.png); position:absolute; top:0; right:10px;} 
.intro05_year em {display:block; line-height:1.3; font-size:16px; color:#859ab0; font-style:normal; font-weight:500; letter-spacing:0; font-size:14px;}
.intro05_tabcont > dl > dd {float:right; width:520px;}
.intro05_tabcont > dl > dd dl {margin-top:10px; overflow:hidden; zoom:1; clear:both;}
.intro05_tabcont > dl > dd dt {float:left; width:110px; padding-top:8px; font-weight:700; color:#000; line-height:1.5; text-align:left;}
.intro05_tabcont > dl > dd dd {position:relative; padding-top:8px; padding-left:115px; line-height:1.5; word-break:keep-all; text-align:left;}
.intro05_tabcont > dl > dd dd:before {content:""; display:none; position:absolute; left:82px; top:8px; width:5px; height:1px; background:#666;}
.intro05_tabcont > dl > dd dd strong {font-weight:700; color:#191919;}


.sitemap {overflow:hidden; *zoom:1; clear:both;}
.sitemap dl {float:left; width:32%; height:230px; margin-bottom: 40px; margin-left: 2%;}
.sitemap dl:first-of-type, .sitemap dl:last-of-type {margin-left:0;}
.sitemap dt {padding:10px 5px 10px 30px; background:url(../images/icn_lotus.gif) no-repeat 3px 18px; border-top:1px solid #333; border-bottom:1px dashed #ddd; font-weight:500; color:#333;}
.sitemap dd {padding:5px 5px 5px 30px; line-height:1.4; text-align:left;}
.sitemap dd a {color:#878787;}
.sitemap dd a:hover {color:#36C;}
.sitemap .book {width:683px; height:auto; overflow:hidden; *zoom:1; clear:both; background:#f9f9f9;}
.sitemap .book dt {background:#fff url(../images/icn_book01.gif) no-repeat 3px 15px;}
.sitemap .book dd {float:left; width:33.33%; height:55px; padding:5px 10px; box-sizing:border-box; border-left:1px solid #ddd; 10px;border-bottom:1px solid #ddd;  text-align:center;background:#f9f9f9;}
.sitemap .book dd.noborder_l {border-left:none;}
.sitemap .book dd a {display:flex; align-items:center; justify-content:center; height:100%}

/* 도서 */
.book_list {border-top:2px solid #333;}
.book_list li {margin:30px 0; padding:0 10px 30px 10px; border-bottom:1px solid #eee;}
.book_list li a {display:block; position:relative;}
.book_list li a:hover dl { text-decoration: underline;}
.book_list li img {display:block; width:110px; height:155px; border:1px solid #ddd}
.book_list li dl {position:absolute; top:0px; left:140px; word-break:keep-all;}
.book_list li dl dt {padding:5px 0 10px 0; color:#878787;}
.book_list li dl dt b {color:#333; font-size:18px;}
.book_list li dl .book_writer, .book_list li dl .book_date {color:#7E9EBC;}
.book_list li dl .book_summary {padding-top:10px;}

.book_info {position:relative; padding:25px 35px; background:#f8f8f8;}
.book_info ul {overflow:hidden; *zoom:1; clear:both;}
.book_info ul li {float:left; width:439px;}
.book_info .book_img {margin-right:50px; width:180px;}
.book_info .book_img img {display:block; width:180px; height:245px;}
.book_info li dt {padding:3px 0 10px 0; font-size:20px; font-weight:500; color:#333;}
.book_info li dd {font-size:14px; color:#878787; line-height:140%;}
.book_info .btn_area {position:absolute; bottom:25px;}

.book_cont {padding:25px 0; border-bottom:1px solid #ddd; line-height:180%;}
.book_cont p, .view_cont p {margin:0!important; padding:0!important;}


/*참고사이트*/
.site_list {margin-top:-20px;}
.site_list li {position:relative; margin:20px 0; padding:0 0px 20px 0; border-bottom:1px solid #eee;}
.site_list li a {display:block;}
.site_list li a:hover dl {text-decoration: underline;}
.site_list li img {display:block; width:100px; height:80px; border:1px solid #ddd}
.site_list li dl {position:absolute; top:0px; left:120px; word-break:keep-all;}
.site_list li dl dt {color:#6694d8;}
.site_list li dl dt strong {color:#333; font-weight:500;}
.site_list li dl dd {margin-top:8px; color:#666; line-height:1.4;}
.site_list li dl dd:first-of-type {margin-top:-5px; color:#878787;}



/* 편지신청 */
.letter .cont > div {margin-top:50px;}
.letter .ph1 {margin-top:30px;}
.letter .ph1 strong {display:block; margin-bottom: 20px; font-size:26px; color:#212121; font-weight:700; text-align:center;}
.letter .ph1 > div {padding:10px 0 0 260px; background:url(../images/letter_img01.jpg) no-repeat 6px 30%; word-break:keep-all; text-align:left;}
.letter .ph1 p {padding:0; color:#333;}
.letter .ph1 .txt_blue {font-style:normal; color:#0066cc;}

.letter h6 {margin-bottom:10px; font-size:15px; font-weight:700; color:#333;}
.letter .ph2 {padding:25px 20px; border-radius:10px; background:#f8f8f8;}
.letter .ph2 li {display:flex; padding:2px 0;}
.letter .ph2 li:before {content:"\f655"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; color: #dfc374; margin-top:3px; margin-right: 5px;}
.letter button {width:auto; margin:50px 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 button img {display:inline-block; margin-right:8px;}
.letter button span {display:flex; align-items:flex-start; justify-content:center; margin-bottom:3px; font-size:16px; color:inherit;font-weight:700;}

.letter .ph3 {padding-top:50px; border-top:1px dashed #ccc;}
.letter .ph3 ol {display:flex; justify-content:space-between; margin-top:40px;}
.letter .ph3 li {position:relative; width:29.05%; padding:10px; border:1px solid #ddd; border-radius:10px; line-height:1.4;}
.letter .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 .ph3 li:first-of-type:before {content:"1";}
.letter .ph3 li:nth-of-type(2):before {content:"2";}
.letter .ph3 li:last-of-type:before {content:"3";}
.letter .ph3 li img {width:100%;}
.letter .ph3 li p img {width:auto; margin-top:-3px; vertical-align:middle;}
.letter .ph3 li p {margin:0; margin-bottom:10px; padding:20px 5px 15px; border-bottom:1px solid #ddd;}

/*이후부터 고요한소리 소식지 이전 것- 지워도 됨*/
.letter_txt {padding:10px 0 0 210px!important; height:115px; background:url(../images/letter_img01.jpg) no-repeat 0 0; font-size:18px; word-break:keep-all; text-align:left;}
.letter_txt b {font-size:inherit; color:#cc6666; font-weight:400;}
.letter_txt01 {display:block; padding-top:15px; font-size:14px; font-weight:500;}

.policy_check {margin:20px 0; padding:20px; border:1px solid #eee;}
.policy_check h3 {font-size:16px; color:#36C;}
.policy_check p {margin:10px 0; padding:0;}

.board_letter {width:100%; padding:10px 5px; border-top:2px solid #333; border-bottom:1px solid #878787; font-weight:500;}
.board_letter th {width:20%; padding:10px 5px 10px 20px ; background:url(../images/icn_dot.png) no-repeat 5px 20px; border-top:1px solid #ddd; font-weight:normal; text-align:left;}
.board_letter td {padding:10px 5px; border-top:1px solid #ddd;}
.board_letter td input {height:22px; border:1px solid #ddd;}

.board_letter01 {margin:40px 0; width:100%; padding:10px 5px; border-top:2px solid #333; border-bottom:1px solid #878787; font-weight:500;}
.board_letter01 caption {margin-bottom:10px; padding-left:20px; background:url(../images/icn_plus.gif) no-repeat 0 5px; text-align:left; font-weight:normal; color:#333;}
.board_letter01 th {width:20%; padding:10px 5px 10px 20px ; background:url(../images/icn_dot.png) no-repeat 5px 20px; border-top:1px solid #ddd; font-weight:normal; text-align:left;}
.board_letter01 td {padding:10px 5px; border-top:1px solid #ddd;}
.board_letter01 td input {height:22px; border:1px solid #ddd;}


/* 게시판 */
.list_top {position:relative; margin-top:5px; padding:0 0 8px 0;color:#878787; font-size:12px;}
.list_top b {color:#C30; font-size:inherit;}
.list_top .board_search {position:absolute; top:-5px; right:0;}
.list_top .board_search input {float:left;width:160px; height:20px; margin-right:3px; border:1px solid #ccc;}
.list_top .board_search a span {display:block; width:100%; height:100%; background:url(../images/icn_search.png) no-repeat 50% 50%; font-size:0; line-height:0; text-indent:-9999px; }
.list_top .board_search a {
	width:20px; height:20px; 
	background-color:#66A4E2;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #559ADF;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:0px;
	padding:1px;
	margin:0;
	text-decoration:none;
	text-shadow:0px 0px 0px #5b6178;
	vertical-align:top;
}
.list_top .board_search a:hover {
	background-color:#019ad2;
}
.list_top .board_search a:active {
	position:relative;
	top:1px;
}

.board_list {width:100%; border-top:2px solid #333;}
.board_list th {padding:12px 5px; border-bottom:1px solid #878787; font-size:13px; text-align:center;}
.board_list .th_no, .board_list .th_hit {width:8%;}
.board_list .th_name,.board_list .th_date  {width:15%;}
.board_list td {padding:10px 5px; border-bottom:1px solid #ddd; text-align:center; font-size:14px; color:#878787;}
.board_list td img {padding:0 5px; vertical-align:middle;}
.board_list .td_notice {background:#f9f9f9;}
.board_list .tag_notice {padding:3px 5px; background:#3A52A0; font-size:12px; color:#fff;}
.board_list .td_no {font-size:13px; color:#999;}
.board_list .td_tit {text-align:left;}
.board_list .td_tit a:hover {color:#36C; text-decoration:underline;}
.board_list .td_re {padding-left:20px; background:url(../images/re.png) no-repeat 10px 15px;}

.view_tit {width:100%; padding:5px 5px; background:#f9f9f9; border-top:2px solid #333; font-size:16px; font-weight:500;border-bottom:1px solid #ddd;}
.view_info {border-bottom:1px solid #878787; overflow:hidden; *zoom:1; clear:both;}
.view_info li {padding:5px 5px; color:#878787;}
.view_info .view_name {float:left; }
.view_info .view_date {float:right;}
.view_info .view_file {float:left; width:100%; border-top:1px solid #ddd;}
.view_info .view_file img {padding-left:10px; vertical-align:middle;}
.view_cont {padding:25px 5px; border-bottom:1px solid #ddd; line-height:220%;}

.board_write {width:100%; padding:10px 5px; border-top:2px solid #333; border-bottom:1px solid #878787; font-weight:500;}
.board_write th {width:16%; padding:10px 5px 10px 20px ; background:url(../images/icn_dot.png) no-repeat 5px 25px; border-top:1px solid #ddd; font-weight:normal; text-align:left;}
.board_write td {padding:10px 5px; border-top:1px solid #ddd;}
.board_write td input {height:22px; border:1px solid #ddd;}
.board_write .td_tit input {width:100%;}
.board_write .td_cont textarea {width:100%; height:300px; border:1px solid #eee;}
.board_write .th_file ul {margin:0; padding:0;}
.board_write .td_file li {padding:0 0 5px;}
.board_write .td_file p {padding:0; margin:0; font-size:13px; color:#C28763; font-weight:normal;}
.board_write .td_file input {width:50%; background:none; border:1px solid #ddd; border-collapse:collapse;}
.board_write .td_file a span{
	margin-left:2px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #DDDEDF;
	display:inline-block;
	cursor:pointer;
	color:#36C;
	font-size:13px;
	font-weight:bold;
	padding:2px 10px;
	text-decoration:none;}
.board_write .td_file .btn_minus span{color:#900;}
.board_write .td_file .btn_minus:hover span{background:#982E51; color:#fff;}
.board_write .td_file a:hover span {
	background-color: #5B75B9;
	color:#fff;
}
.board_write .td_file a:active span{
	position:relative;
	top:1px;
}

.comment {padding-top:25px; border-top:1px solid #666;}
.comment h3 {margin-bottom:0; padding-left:30px; background:url(../images/icn_chat.png) no-repeat 0 50%; color:#C60; font-weight:400; font-size:16px;}
.comment h3 b {color:#333; font-weight:500}
.comment_write .btn_comment {display:inline-block; height:49px; width:65px; margin:0; padding-top:15px;  background:#878787; vertical-align:middle; color:#fff; text-align:center;}
.comment_write .btn_comment:hover {background:#666;}
.comment_write {margin:20px 0 15px 0; padding-bottom:20px; border-top:2px solid #333; border-bottom:1px solid #333;}
.comment_write ul {margin:10px 0; padding-bottom:10px; border-bottom:1px solid #ddd; overflow:hidden; *zoom:1; clear:both;}
.comment_write li {float:left; margin-right:20px; color:#333;}
.comment_write li input {height:22px; margin:0 10px; border:1px solid #ddd; color:#666;}
.comment_write ul .btn_area {float:right; margin:0;}
.comment_write textarea {width:98%; height:60px; margin:0; padding:10px; border:1px solid #ddd; vertical-align:middle;}

.comment_list {margin:10px 0; padding:0 3px; }
.comment_list dt {position:relative; margin:0px 0 5px 0; padding-top:15px; color:#878787; font-size:13px; border-top:1px solid #ddd;}
.comment_list dt strong {padding:0 20px 0 25px; background:url(../images/icn_men.png) no-repeat 0 -1px; color:#333; font-size:15px; }
.comment_list dt img {vertical-align:middle;}
.comment_list dd {padding-bottom:15px;}
.comment_list .comment_pass {display:none; padding:10px; background:#f9f9f9; border-bottom:none!important;}
.comment_list .comment_pass inpurt {margin-left:5px; border:1px solid #ddd;}
.comment_list .comment_re {padding:10px 0px 10px 30px; background:url(../images/re.png) no-repeat 10px 15px; color:#666;}
.comment_list .comment_re dd {border:none;}
.comment_list .comment_btn {position:absolute; top:15px; right:0;  border-bottom:none; font-size:14px;}
.comment_list .comment_btn a {padding:0 10px; border-left:1px solid #dfdfdf; color:#5997CA;}
.comment_list .comment_btn a:first-child { border-left:none;}
.comment_list .comment_btn a:hover {color:#333;}

.comment_more {padding:5px; text-align:center;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	border:1px solid #dcdcdc;
	cursor:pointer;
	color:#666666;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.comment_more:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.comment_more:active {
	position:relative;
	top:1px;
}

.board_page {width:100%; padding:10px 0; text-align:center; background:#f8f8f8;}
.board_page a {display:inline-block; width:10px; .height:25px!important; height:15px; margin:0 3px; .padding:0px 6px!important; padding:3px 6px; .line-hight:0!important; line-height:1; vertical-align:middle;}
.board_page .page_img {margin:0;padding:0; width:24px; height:24px;}
.board_page .page_on, .board_page a:hover {background:#00AEFF; color:#fff;}
.board_page img { vertical-align:middle;}

/*사진게시판*/
.gallery_list {width:100%; padding-top:20px; border-top:2px solid #333; overflow:hidden; *zoom:1; clear:both;}
.gallery_list li {float:left; width:190px; margin:0 28px 30px 28px;}
.gallery_list li img {display:block; width:190px; height:140px; border:1px solid #ddd;}
.gallery_list li p {height:50px; margin:0; padding:10px 0px; line-height:110%;  border-bottom:1px solid #ddd;font-size:13px; color:#B3B3B3; text-align:left; }
.gallery_list li p strong {font-weight:normal; font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block;}
.gallery_list li a:hover p, .gallery_list li a:hover strong {color:#36C;}

/*이전다음버트*/
.btn_move {overflow:hidden; zoom:1; clear:both;}
.btn_move a {display:block; padding:5px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #ddd; background:#fff; color:#333; font-size:13px; font-weight:700;  background-image: linear-gradient(#fff, #f8f8f8);}
.btn_prepage {float:left; margin-right:5px;}
.btn_nextpage {float:left;}

.board_btn_area .btn_move {display:inline-block; float:left;}
.board_btn_area .btn_move a {margin:2px; padding:0px 8px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.board_btn_area .btn_prepage {float:none!important; display:inline-block; position:relative!important;}
.board_btn_area .btn_nextpage {float:none!important; display:inline-block;}


	
	

/*버튼*/
.btn_area {margin:20px 0; text-align:center;}
.btn {
	background-color:#378de5;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	margin:0 2px;
	padding:6px 30px;
	text-decoration:none;
}
.btn:hover {
	background-color:#79bbff;
}
.btn:active {
	position:relative;
	top:1px;
}

.btn_big {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	font-size:16px;
	font-weight:bold;
	margin:0 2px;
	padding:10px 30px;
	text-decoration:none;
}

.btn_small {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	margin:0 2px;
	padding:1px 20px;
	text-decoration:none;
}

.btn_ssmall {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ffffff;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:13px;
	font-weight:bold;
	padding:0px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.btn_ssmall:hover {
	background-color:#f6f6f6;
}
.btn_ssmall:active {
	position:relative;
	top:1px;
}



.btn_wh {background-color:#fff; border:1px solid #d8d8d8; color:#666;}
.btn_wh:hover {background-color:#ccc; }

.btn_grey {background-color:#ddd; border:1px solid #d8d8d8; color:#787878;}
.btn_grey:hover {background-color:#f8f8f8; }

.btn_gray {background-color:#ddd; border:1px solid #d8d8d8; color:#787878;}
.btn_gray:hover {background-color:#f8f8f8; }

.btn_black {background-color:#333; border:1px solid #252525; color:#fff;}
.btn_black:hover {background-color:#666; color:#fff!important; text-decoration:none!important; }

.board_btn_area {position:relative; margin:20px 0 20px 0; text-align:right; min-height:30px;}
.board_btn_area a:first-child {position:absolute; top:0; left:0;}
.board_btn_area li {float:left; text-align:right;}

.book_btn {
	margin-left:3px; margin-bottom:5px;
	background-color:#ffffff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #DDDEDF;
	display:inline-block;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	padding:0;
	text-decoration:none;
}

.book_btn:hover {
	background-color:#f6f6f6;
}
.book_btn:active {
	position:relative;
	top:1px;
}

.book_btn span {display:block; width:100px; height:25px; padding:5px 10px 5px 35px; color:#615f5f}
.book_btn_cart {border:1px solid #72b2f2;}
.book_btn_cart span {background:#86BEF6 url(../images/icn_cart.png) no-repeat 10px 10px; color:#fff;}
.book_btn_cart:hover span {background:#528ECC url(../images/icn_cart.png) no-repeat 10px 10px;}
.book_btn_pdf span {background:url(../images/icn_pdf.png) no-repeat 10px 10px;}
.book_btn_pdf:hover span {background:#ddd url(../images/icn_pdf.png) no-repeat 10px 10px;}
.book_btn_list span {background:url(../images/icn_list.png) no-repeat 10px 10px;}
.book_btn_list:hover span {background:#ddd url(../images/icn_list.png) no-repeat 10px 10px;}


.board_btn {
	margin:2px; 
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background-color:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:14px;
	font-weight:bold;
	padding:0px 15px;
	text-decoration:none;
	text-shadow:0px 0px 0px #ffffff;
}
.board_btn:hover {
	background-color:#f6f6f6;
}
.board_btn:active {
	position:relative;
	top:1px;
}

.forum_wrap #right .tit p,
.forum2017 #right .tit p,
.forum2019 #right .tit p {top: 29px; left: 0;}
.book_wrap #right .tit p {top:29px; left:0;}

/*중도포럼*/
.forum_list li {padding:40px 0; box-sizing:border-box; border-top:1px dashed #d8d8d8; overflow:auto; zoom:1; clear:both;}
.forum_list li:first-child {padding-top:0; border-top:none;}
.forum_list .pic {display:block; float:left;}
.forum_list p {float:left; width:65%; margin:0 0 0 35px; padding:0; vertical-align:top;}
.forum_list em {display:block; font-size:17px; color:#977b56; font-style:normal;}
.forum_list strong {display:block; margin-bottom:15px; font-size:22px; color:#020202; font-weight:500; line-height:1.3;}
.forum_list p span {display:block; position:relative; margin:5px 0; padding-left:15px; box-sizing:border-box; line-height:1.3;}
.forum_list p span:before {content:""; display:block; width:3px; height:3px; position:absolute; top:8px; left:0; background:#666; border-radius:50%;}
.forum_list p a {display:inline-block; min-width:60px; padding:3px 10px; box-sizing:border-box; color:#fff; background:#503A32; text-align:center}
.forum_list p button {display:block; margin-top:15px; min-width:60px; box-sizing:border-box; border:none; color:#fff; background:#615758; text-align:center; cursor:pointer;}
.forum_list .bx {color:#fff;}


.forum02_bigtxt {display:block; font-family: 'Roboto Slab', serif; color:#333; font-weight:500; font-size:24px; line-height:140%; word-break:keep-all;}
.forum02_bigtxt strong {color:#245dbd; font-family: 'Roboto Slab', serif; font-weight:500; font-size:24px; line-height:140%;}
.forum02 .color_b {font-weight:normal;}
.forum03 dt {font-size:17px; color:#5167A2; font-weight:500;}
.forum03 dd {margin-bottom:20px; padding:10px 0 20px 0; border-bottom:1px dashed #ddd;}
.forum05 table {width:100%;}
.forum05 td {padding:10px 20px; border-bottom:1px solid #ddd; color:#666;}
.forum05 .sec {padding:15px; border-top:1px solid #333; font-size:17px; background:#f8f8f8; color:#333; font-weight:500;}
.forum05 .sec span {padding:0 15px; color:#ddd;}
.forum05 .time {width:25%; color:#333;}
.forum05 .last {border-bottom:none;}

.forum06 .infor {margin:10px 0 30px 0; border-bottom:1px solid #ddd;}
.forum06 .infor strong {display:inline;}
.forum06 .infor li {padding:10px 0;}
.forum06 .infor li:first-child {border-top:1px solid #333; border-bottom:1px solid #eee;}
.forum06 .subway {margin:0 0 10px 0; overflow:hidden; zoom:1; clear:both;}
.forum06 .subway dt {float:left;font-weight:500;}
.forum06 .subway dd {padding-left:150px; }
.forum06 .subway dd img {vertical-align:middle; padding:0 5px 0 5px;}
.forum06 .bus {margin:0 0 10px 0; overflow:hidden; zoom:1; clear:both;}
.forum06 .bus dt {float:left;font-weight:500;}
.forum06 .bus dd {padding-left:150px;}
.forum06 .car {margin:0 0 10px 0; overflow:hidden; zoom:1; clear:both;}
.forum06 .car dt {float:left;font-weight:500;}
.forum06 .car dd {padding-left:165px;}

.forum07 {overflow:hidden; zoom:1; clear:both;}
.forum07 div:first-child, .forum2018_07 div:first-child {margin-bottom:40px; text-align:center;}
.forum07 .btn_area, .forum2018_07 .btn_area {margin:30px 0; text-align:center;}
.forum2018_07 .pdf_down, .forum07 .pdf_down {
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background-color:#337AB7;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #2E6DA4;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:10px 15px;
	text-decoration:none;
	text-shadow:0px 0px 0px #ffffff;}
.forum07 h3 {padding:15px; border-top:2px solid #333; color:#000; font-size:22px; text-align:center;}
.forum07 dl dt {padding:15px; font-size:17px; background:#f8f8f8; border-top:1px solid #333; color:#333; font-weight:500;}
.forum07 dl dd {padding:10px 10px; border-top:1px solid #ddd; color:#666;}
.forum07 dl dd span {display:none; float:right;}
.forum07 dl dd i {display:inline-block;  color:#856B5C; font-style:normal;}/*inline-block, padding-left:40"*/
.forum07 .dt_book {background:none; border-bottom:1px solid #333;}
.forum07 .dt_book span {display:none; float:right;padding-right:5px; font-weight:400; font-size:15px;}

.forum2018_04 em {font-style:normal; color:#996031;}
.forum2018_04 em:after {content:""; display:block;}
.forum2018_04 dd li {position:relative; padding-left:15px; margin-top:15px;}
.forum2018_04 dd li:first-child {margin-top:0;}
.forum2018_04 dd li:before {content:"-"; position:absolute; top:0; left:0;}

.forum2018_05 table {width:100%; border-top:2px solid #333;}
.forum2018_05 td {padding:10px 20px; border-bottom:1px solid #ddd; color:#666;}
.forum2018_05 .sec {padding:10px; border-top:1px solid #333; background:#f8f8f8; color:#003263; font-weight:500;}
.forum2018_05 .time {width:20%; border-right:1px dashed #ccc; color:#333;}
.forum2018_05 td em {display:inline-block; margin-bottom:5px; padding:0 10px; background:#41659A; border-bottom-left-radius:0px!important; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; color:#fff; text-align:center; font-style:normal; font-size:13px;}
.forum2018_05 td strong {color:#333;}

.forum2018_07 h3 {padding:15px; border-top:2px solid #333; border-bottom:2px solid #333; color:#000; font-size:22px; text-align:center;}
.forum2018_07 li {padding:10px 3px; border-bottom:1px solid #ccc;}
.forum2018_07 dl {overflow:hidden; zoom:1; clear:both;}
.forum2018_07 dt {font-size:15px; font-weight:500;}
.forum2018_07 dd {position:relative; padding:5px 5px 5px 20px; line-height:1.3; text-align:left;}
.forum2018_07 dd .num {position:absolute; top:5px; left:0;}
.forum2018_07 dd .speaker {display:inline-block; position:relative; font-style:normal; color:#1a90c7;}

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

#video-gallery {overflow:hidden; zoom:1; clear:both;}
#video-gallery li {float:left; width:230px; margin-right:23px; margin-bottom:20px; min-height:265px; border-bottom:1px solid #ddd; text-align:center; font-size:14px; word-break:keep-all; line-height:1.4;}
.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; padding:10px 0; line-height:inherit;}
#video-gallery li strong {display:block; margin-bottom:10px; line-height:inherit;}

.forum2018_vedio {width:694px; margin:0 auto;}
.forum2018_vedio li {margin-bottom:40px; padding-bottom:30px; border-bottom:1px solid #ddd;}
.forum2018_vedio li span {display:block; margin-bottom:20px; color:#000;}
.forum2018_vedio li strong {position:relative; display:inline-block; padding:3px 15px 3px 40px; /*background:none#384976;*/ border-radius:50px; border-bottom-left-radius:0; border-top-left-radius:0; color:#384976; font-weight:500; line-height:1.6; font-size:17px;}
.forum2018_vedio li strong:before {content: ""; position: absolute; top:3px; left: 0; width: 28px;  height: 28px; background: url(../images/icn_video.png) no-repeat center 1px; background-color:#ebeaea; border-radius: 50%; background-size: 18px auto;}

.forum2019 .forum02_bigtxt {text-align:left;}
.forum2019 .forum02_bigtxt strong {color:#754435;}
.forum2019 .forum2018_05 td em {background:#b49687;}
.forum2019 .forum2018_05 .sec {color:#5a2308;}
.forum2019 .forum03 dt {color:rgb(153, 96, 49);}
.forum2019 .forum2018_vedio li strong {color:#674036;}

.forum_subject .list dl {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ccc;}
.forum_subject .list dl:first-child {border-top:none;}
.forum_subject .list dt {position:relative; margin-bottom:10px; padding:15px 20px; background:#f8f8f8;  font-weight:500; color:rgb(153,96,49); font-size:17px; line-height:1.3;}
.forum_subject .list dt .speaker {display:block; margin-top:10px; color:#767676; font-size:15px; font-weight:500; line-height:inherit;}
.forum_subject .list dd {padding:15px 6px; word-break:keep-all; text-align:left; line-height:1.4}
.forum_subject .list dd > ul {margin-top:10px;}
.forum_subject .list dd > ul > li {position:relative; margin-top:20px; padding-left:15px;  line-height:1.4;}
.forum_subject .list dd > ul > li:first-child {margin-top:0;}
.forum_subject .list dd > ul > li:before {content:""; position:absolute; top:10px; left:0; width:3px; height:3px; background:#666; }
.forum_subject .list dd > ul > li > ul {margin-top:10px;}
.forum_subject .list dd > ul > li > ul > li {position:relative; padding-left:10px; line-height:1.4; color:#939393;}
.forum_subject .list dd > ul > li > ul > li:before {content:"-"; position:absolute; top:0; left:0;}

.forum_subject .list.forum04 dt {color:#4A81A8}
.forum_subject .list.forum2018_04 dt {color:#cba382;}
.forum_subject.forum2019 .list dl.clum_last dd {padding:15px 8px; line-height:1.7;}


#footer {padding:30px 0; border-top:1px solid #DDDDDD; font-size:13px; color:#7d7d7d;}
#footer p {width:780px; margin:0 auto; padding-left:240px; background:url(../images/footer_logo.png) no-repeat 0 center; line-height:1.4;}
#footer b {color:#7e6247; font-size:inherit;}
#footer .ft_link {display:flex; align-items:center; margin-bottom:10px;}
#footer .ft_link a {display: flex; align-items: center; justify-content:center; margin-right:5px; padding:0 10px; height:30px; border-radius:8px; background:#ededed;}