@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://webfontworld.github.io/gyeonggi/GyeonggiBatang.css');


@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:160%;
    vertical-align:baseline;
    background:transparent;
		font-family: 'Nanum Gothic', sans-serif;
		color:#525252;
}

html, body, div {
		margin:0;
    padding:0;
    border:0;
    outline:0;
		line-height:160%;
		font-size:15px;
    vertical-align:baseline;
    background:transparent;
		font-family: '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 {height:30px; border-bottom:1px solid #E7E6E6;}
.gm > div  {position:relative;width:1000px; margin:0 auto;z-index:100;}
.gm ul {position:absolute; right:0; zoom:1; clear:both;}
.gm ul li {position:relative; float:left;}
.gm ul li a {display:block; width:80px; height:14px; padding:8px 0; background:#66A4E2;  border-left:1px solid #7FAFDF; color:#D8E6F6; line-height:100%;font-size:13px; text-decoration:none; text-align:center;}
.gm ul li a:hover {background:#4f91d3;}
.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; 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:30px; left:0px; margin: 0; padding: 0; background:none; z-index:110;}
#menu ul li {float:none; margin:0; padding:0; background:red; line-height:0;font-size:0;}
#menu ul li a {display: block; margin:0; padding:10px 0; width:99px; 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 h1 {float:left; width:166px; margin-top:11px; }
.top ul {float:right; overflow:hidden; zoom:1;}
.top ul li {float:left; margin-top:8px; }
.top ul li a {display:block; padding:10px 25px; color:#000; font-size:18px; font-weight:600;}
.top ul li:last-child a {padding-right:0;}
.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 {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 ul a {padding-left:12px; font-size:14px; background:url(../images/icn_dot.png) 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;}
#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:600;}
#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 {display:flex; flex-direction:column; gap:2px; height:210px!important; border-left:none!important; padding-left:0!important;}
.go_forum a {flex:1; display:flex; align-items:center; width:215px; padding:0 20px;  border:1px solid #ddd; border-radius:10px; box-sizing: border-box;}

/*
.go_forum {border-left:none!important; padding-left:0!important;}
.go_forum a {display:block; width:215px; text-align:right;}
.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:45px 0 50px 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:600; color:#333;}
.main_clum2 .main_c2box1 a:after {content:""; position:absolute; top:8px; right:-20px; display:block; 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:600; color:#333;}
.main_clum2 .main_c2box2 a:after {content:""; position:absolute; top:8px; right:-20px; display:block; 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:600; color:#333;}
.main_clum2 .main_c2box3 a:after {content:""; position:absolute; top:8px; right:-20px; display:block; 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:block; position:absolute; top:30px; right:11%; font-family: 'Nanum Myeongjo', serif; font-weight:700; color:#fcfdd5; font-size:39px;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 {font-size:24px;}

.sub_img .topimg_forum2019 {position:relative; background:url(../images/forum2019_img01.jpg) no-repeat top;}
.sub_img .topimg_forum2019 h2 {display:block; position:absolute; top:15px; right:11%; font-family: 'Nanum Myeongjo', serif; font-weight:700; color:#fcfdd5; font-size:39px;text-shadow: 0 0 2px #000;
	-moz-text-shadow: 0 0 2px #000;
	-webkit-text-shadow: 0 0 2px #00;}
.sub_img .topimg_forum2019 h2 span {font-size:24px;}
.sub_img .topimg_forum2019 h2 em {display:block; position:absolute; bottom:-30px; right:-45px; font-size:20px; color:#aea4a3; font-weight:600; font-family: 'Nanum Gothic', sans-serif; font-style:normal;}

.topimg_forum2022 {position:relative; background:url(../images/forum2022_img01.jpg) no-repeat top;}
.topimg_wrap {display:flex; flex-flow:row wrap; align-items:center; justify-content:left; width:100%; max-width:1000px; height:165px!important; margin:0 auto;}
.topimg_wrap h2 {margin-left:20px; font-size:40px; color:#fcfdd5; font-family: 'Nanum Myeongjo', serif; font-weight:700;}
.topimg_wrap h2 span {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:600; color:#333;}
#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;}
#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 20px 5px 75px; background:#eaeced url(../images/forum_icn.png) no-repeat 30px 10px; font-size:17px; font-weight:600;}
#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 6px; color:#969696; font-size:13px;}

.cont {padding:50px 3px; text-align:justify;}
.cont p {padding:0 0 30px 0;}

.intro01_bigtxt {font-family: 'Nanum Myeongjo', serif; color:#333; font-weight:600; font-size:24px; line-height:140%;}
.intro01_bigtxt strong {color:#245dbd; font-family: 'Nanum Myeongjo', serif; font-weight:600; font-size:24px; line-height:140%;}
.intro01 p {padding-bottom:10px;}
.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:600;}
.intro01 dl, 
.intro01_step {margin-top:20px;}
.intro01 dt {color:#333; font-weight:600;}
.intro01_step {display:flex;}
.intro01_step .pic {padding-top:30px;}
.intro01_step .list {padding-left:40px;}
.intro01_step dl {display:flex; flex-flow:row wrap;}
.intro01_step dt {width: 22%; margin-bottom:4px; color:#232323;}
.intro01_step dd {width: 78%; margin-bottom:4px; word-break: keep-all; line-height: 1.3;}
.intro01_step .top_mg {margin-top:30px;}
.intro01_step h4 {margin-top:30px; color:#965f05; foant-weight:700;}
.intro01_step em {display:block; margin-top:25px; font-style:normal; font-size:13px; color:#828282;}
.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 12px;}
.intro02_bank .bank_wr {padding-left:46px; background:#f8f8f8 url(../images/icn_woori.gif) no-repeat 13px 12px;}
.intro02_bank .bank_ny {padding-left:46px; background:#f8f8f8 url(../images/icn_nh.gif) no-repeat 10px 17px;}
.intro02_bank .bank_post {padding-left:46px; background:#f8f8f8 url(../images/icn_post.gif) no-repeat 10px 15px;}
.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:600;}
.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:600; 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:600;
	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 {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;}
.intro03_booklist li span {position:absolute; display:block; top:5px; left:0; font-weight:600; 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 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:33%;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:600;}
.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:600;}
.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;}
.section_address  {display:none;}

.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:30px;} 
.intro05_year em {display:block; line-height:1.3; font-size:16px; color:#859ab0; font-style:normal; font-weight:600; letter-spacing:0;}
.intro05_tabcont > dl > dd {float:right; width:530px;}
.intro05_tabcont > dl > dd dl {margin-top:5px; overflow:hidden; zoom:1; clear:both;}
.intro05_tabcont > dl > dd dt {float:left; width:90px; padding-top:8px; font-weight:700; color:#000; line-height:1.4;}
.intro05_tabcont > dl > dd dd {position:relative; padding-top:8px; padding-left:95px; 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:200px; height:185px; margin:0 20px 40px 20px;}
.sitemap dt {padding:10px 5px 10px 30px; background:url(../images/icn_lotus.gif) no-repeat 3px 15px; border-top:1px solid #333; border-bottom:1px dashed #ddd; font-weight:600; color:#333;}
.sitemap dd {padding:5px 5px 5px 30px;}
.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%; 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;}

/* 도서 */
.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:600; 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:600;}
.site_list li dl dd {color:#666;}



/* 편지신청 */
.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 80%; 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 {padding:2px 0;}
.letter .ph2 li:before {content:"\f655"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; color: #dfc374; margin-right: 5px;}
.letter button {width:350px; 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:28%; padding:10px; border:1px solid #ddd; border-radius:10px;}
.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:10px 5px; 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:600;}

.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:600;}
.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:600;}
.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:600;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%;}
.view_cont img {display:block; width:auto!important; max-width:100%; margin:0 auto;}

.board_write {width:100%; padding:10px 5px; border-top:2px solid #333; border-bottom:1px solid #878787; font-weight:600;}
.board_write th {width:15%; 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_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:600}
.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:60px; margin:0; padding:10px 0px; line-height:110%;  border-bottom:1px solid #ddd;font-size:13px; color:#B3B3B3 }
.gallery_list li p strong {font-weight:normal; font-size:14px; text-align:left; white-space: nowrap; width: 100%;  text-overflow:ellipsis;
  overflow:hidden;
    display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;}
.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:60px; 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_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; 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:5px; font-size:22px; color:#020202; font-weight:600;}
.forum_list p span {display:block; position:relative; padding-left:15px; box-sizing:border-box;}
.forum_list p span:before {content:""; display:block; width:3px; height:3px; position:absolute; top:5px; 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:10px; 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: 'Nanum Myeongjo', serif; color:#333; font-weight:600; font-size:24px; line-height:140%; word-break:keep-all;}
.forum02_bigtxt strong {color:#245dbd; font-family: 'Nanum Myeongjo', serif; font-weight:600; font-size:24px; line-height:140%;}
.forum02 .color_b {font-weight:normal;}
.forum03 dt {font-size:17px; color:#5167A2; font-weight:600;}
.forum03 dd {margin-bottom:20px; padding:10px 0 20px 0; border-bottom:1px dashed #ddd;}
.forum04 dl {margin-bottom:20px; padding:10px 20px;}
.forum04 dt {padding:0 0 0 0;font-size:22px; font-weight:600; color:#333;}
.forum04 dd {}
.forum04 .clum01 {background:#f6f6f6; border:none;}
.forum04 .speaker {margin-bottom:10px; padding:0 0 10px 0;}
.forum04 .speaker strong {font-weight:100; color:#4A81A8;}
.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:600;}
.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:600;}
.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:600;}
.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:600;}
.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:50px 0 30px; 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:15px 20px;
	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:600;}
.forum07 dl dd {padding:10px 20px; 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,
.forum .subject_list em {font-style:normal; color:#cba382;}
.forum2018_04 em:after,
.forum .subject_list em:after {content:""; display:block;}
.forum2018_04 dl:first-child,
.forum .subject_list dl:first-child {padding-top:20px; border-top:2px solid #333;}
.forum2018_04 dl,
.forum .subject_list dl {margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #ccc;}
.forum2018_04 dt,
.forum .subject_list dt {position:relative; padding-left:20px; font-weight:600; color:rgb(153,96,49); font-size:17px;}
.forum2018_04 dt:before,
.forum .subject_list dt:before {content:"●"; position:absolute; left:0; font-size:13px; }
.forum2018_04 dd,
.forum .subject_list dd {padding:15px 20px; background:#f8f8f8; word-break:keep-all; text-align:left;}
.forum2018_04 .speaker,
.forum .subject_list .speaker {margin:10px 0 15px 0; padding:0 0 0 20px; background:none; color:#666; font-size:14px;}
.forum2018_04 .speaker strong,
.forum .subject_list .speaker strong {color:inherit;}

.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:600;}
.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:600;}
.forum2018_07 dd {padding:5px 5px 5px 10px;}
.forum2018_07 dd span {display:inline-block; position:relative; padding-left:10px; margin-left:10px; font-style:normal; color:#666;}
.forum2018_07 dd span:before {content:" "; display:block; width:2px; height:10px; background:#ccc; position:absolute; top:6px; left:0; }

.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: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;}

.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 {display:inline-block; margin-right:7px; padding:3px 15px 3px 10px; background:#384976; border-radius:50px; border-bottom-left-radius:0; border-top-left-radius:0; color:#fff;}

.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 {background:#674036;}

.forum2022 .forum02_bigtxt strong {color:#0b528b;}
.forum2022.subject dt {color:#11426a;}
.forum2022 .tag {padding:3px 8px; font-size:12px; background:#705481; border-radius:3px; color:#fff;}
.forum2022 .forum2018_07 .forum2018_07 dt {padding:10px auto;}
.forum2022 .forum2018_07 dd ul {margin-top:5px;}
.forum2022 .forum2018_07 dd li {padding:0 3px; border-bottom:none;}

.topimg_forum2023 {position:relative; background-image: linear-gradient(to right, #99bce9 62.5%, #737270 37.5%);}
.topimg_forum2023 .topimg_wrap {flex-direction:column; align-items:flex-start; justify-content:center; background:url(../images/forum2023_img01.png) no-repeat right 0;}
.topimg_forum2023 .topimg_wrap h2 {color:#fff; line-height:1.3;}
.topimg_forum2023 .topimg_wrap > p {margin:0; margin-left:25px; font-weight:700; color:#fff; font-size:18px;}
.forum2023 .forum2018_05 td em {background:#9a5b31;}
/*.forum2023.booklet .all {display:flex; align-items:center; padding:20px; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2); border-radius:10px; overflow:hidden;}*/
.forum2023.booklet .all {border-top:1px solid #333;}
.forum2023.booklet .list > div {display:flex; flex-flow:row nowrap; align-items:center; padding:20px 0; border-bottom:1px solid #ddd;}
.forum2023.booklet .list .img_box {width:320px; margin-right:30px;}
.forum2023.booklet .list .conts {width:calc(100% - 350px);}
.forum2023.booklet .list img {width:100%;}
.forum2023.booklet .list strong {display:block; font-weight:700; color:#212121;}
.forum2023.booklet .pdf_down {display:flex; align-items:center; justify-content:center; height:40px; margin-top:20px; border:1px solid #ddd; border-radius:5px;}
.forum2023.booklet .pdf_down i {font-size: 18px; vertical-align: middle; margin-top: -4px;}

.topimg_forum2024 {background: linear-gradient(#0c3476, #3fb3a8);}
.topimg_forum2024 .topimg_wrap {flex-direction:column; align-items:flex-start; justify-content:center; background:url(../images/forum2024_img01.png) no-repeat right 0;}
.topimg_forum2024 .topimg_wrap h2 {color:#fff; line-height:1.3;}
.topimg_forum2024 .topimg_wrap > p {margin:0; margin-left:25px; font-weight:700; color:#fff; font-size:18px;}
.forum2024 .subject_list dt {color:#5167A2;}
.forum2024.order .time {width:26%;}
.forum2024.booklet dl:not(:last-of-type) {margin-bottom:10px; padding: 10px 3px; border-bottom:1px solid #ddd;}
.forum2024.booklet dt {display:flex; flex-direction:column; justify-content:flex-start; font-weight:700;}
.forum2024.booklet .tag {width: fit-content; margin-bottom:6px; padding:3px 8px; font-size:12px; background:#705481; border-radius:3px; color:#fff;}
.forum2024.booklet dd {padding:0;}

.topimg_forum2025{background:#10a1a6;}
.topimg_forum2025 .topimg_wrap {flex-direction:column; align-items:flex-start; justify-content:center; background:url(../images/forum2025_img01.png) no-repeat right 0;}
.topimg_forum2025 .topimg_wrap h2 {color:#fff; line-height:1.3;}
.topimg_forum2025 .topimg_wrap > p {margin:0; margin-left:25px; font-weight:700; color:#fff; font-size:18px;}
.forum2025 strong {color:#068f8f;}
.forum2025 .subject_list dt,
.forum2025 .forum03 dt {color:#068f8f;}
.forum2025.order .time {width:26%;}
.forum2025.order em {background:#1c898d;}
.forum2025.order td strong {color:#0d7575;}
.forum2025.booklet dl:not(:last-of-type) {margin-bottom:10px; padding: 10px 3px; border-bottom:1px solid #ddd;}
.forum2025.booklet dt {display:flex; flex-direction:column; justify-content:flex-start; font-weight:700;}
.forum2025.booklet .tag {width: fit-content; margin-bottom:6px; padding:3px 8px; font-size:12px; background:#1c898d; border-radius:3px; color:#fff;}
.forum2025.booklet dd {padding:0;}
.forum2025.booklet .btn_area a {display:flex; align-items:center; width:fit-content; margin:0 auto; background:#1b7d81; border:1px solid #1b7d81;}
.forum2025.booklet .btn_area i {color:#fff; font-size:22px; margin-right:8px;}
.forum2025.mov .forum2018_vedio li strong {background:#1c898d;}

.prepare {display:flex; flex-flow:column wrap; justify-content:center; align-items: center; margin-top:30px;}
.prepare strong {margin-top:25px; font-size:18px; color:#cbbb9f}

.terms h3 {color:#212121;}
.terms h4 {color:#212121;}

#footer {padding:30px 0; border-top:1px solid #DDDDDD; font-size:13px; color:#7d7d7d;}
#footer p {width:780px; margin:0 auto; padding-left:220px; padding-top:5px;  background:url(../images/footer_logo.gif) no-repeat 0 center;}
#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;}















