@charset "utf-8";
html{background-color:#09426F;}
#wrap{position:relative; max-width:1024px; margin: 0 auto; font-family:"NanumSquareRound",sans-serif;  height: auto; min-height: 100%;	padding-bottom: 0px;background:url(../img/bg_big1.jpg) no-repeat center 0; background-size:1280px auto;}
#wrap_1{position:relative; max-width:1024px; margin: 0 auto; font-family:"NanumSquareRound",sans-serif;  height: auto; min-height: 100%;	padding-bottom: 0px;background:url(../img/bg_big1.jpg) no-repeat center 0; background-size:1280px auto;}
#wrap_2{position:relative; max-width:1024px; margin: 0 auto; font-family:"NanumSquareRound",sans-serif;  height: auto; min-height: 100%;	padding-bottom: 0px;background:url(../img/bg_big3.jpg) no-repeat center 0; background-size:1280px auto;}

a {color:inherit; text-decoration:none;}
a:hover {text-decoration: none;}
@media(min-width:768px) {/*PC에선 전화안되게*/
	a[href^="tel"]:link,
	a[href^="tel"]:visited, 
	a[href^="tel"]:hover {
		pointer-events: none;
		cursor: default;
	}
}

/* main */
main{}
.insetBox{background-color: #eceff4;}

.inr-c {margin: 0 20px;}
.sub_head + .inr-c {min-height: calc(100vh - 270px);}
.sub_head + .inr-c.pr-b1 {min-height: calc(100vh - 300px);}

.logo {height: 57px; text-align: center; border-bottom: 1px solid #ccc; background-color: #fff;}
.logo img {height: 31px; margin-top: 13px; vertical-align: top;}

#main {display: flex; align-items:center; justify-content: space-between; margin: 25px 20px 20px; padding: 14px 20px; border-radius: 15px;}
#main > div {flex:1;}
#main p {font-weight: 700; font-size:12px; color: #fff;}
#main p span {display: block; margin-top: 7px; font-size: 25px; color: #fff;}
#main a {display: inline-block; vertical-align: top; margin-right: 5px; margin-top: 8px; color: #fff; font-size: 14px;}
#main .rgh {text-align: right;}
#main .rgh a {display: inline-block; vertical-align: middle; text-align: center; margin-top: 0;}
#main .rgh span {color: #fff; font-size: 12px; font-weight: 600;}
#main .rgh span strong {color: #fff; margin-left: 3px;}
#main .rgh .m_icon1 {display: block; width: 41px; height: 41px; margin: 0 auto; margin-bottom: 8px; background-color: #668875; border-radius: 50%; font-size: 20px; color: #fff; line-height: 41px;}


#main form{width:250px;font-size:0.8em;}
#main form label {font-size:25px;font-weight:bold;float:left;}

#main form .uid{float:left; width:140px; margin:5px 5px 0 10px; border:1;}
#main form .upw{float:left; width:140px;margin:5px 0px 10px 35px; border:1;}
#main form .type-img{float:right; width:35px; border-radius:0;}
#main form .logout{float:left; width:35px; border-radius:0;margin:10px 45px 0 5px;}
#main form .mypage{float:right; width:35px; border-radius:0;margin:10px 5px 5px 0px;}
#main span {font-size:1.2em}
#main span strong {color:#004040;}
#main .mylibrary{float:left; margin:0 0px 0 14px;}
#main .mail{position:relative;width:40px;padding-left:40px;background:url("/images/sp_aside_v151007.png") no-repeat; background-size: 230px 197px;background-position: -45px -55px;}
#main .memo{position:relative;width:36px;padding-left:36px;background:url("/images/sp_aside_v151007.png") no-repeat; background-size: 230px 197px;background-position: -45px -92px;}
#mainContent{width:100%; margin:0 auto; padding:0 0 6px 0;}

#mainContent ul{width:306px; margin:0 auto;}
#mainContent li{float:left; margin:0 8px 18px 8px; box-shadow:2px 3px 2px #ccc;}
#mainContent li img{width:86px; height:86px;}

#mainFooter{max-width:1024px;margin:0 auto;padding:10px 0 10px 0; text-align:center; background:url("../img/bot.png"); border-width:1px 0 0 0; border-style:solid ;border-color: #7c7c7c;
	position : relative;
	transform : translateY(-100%);}
#mainFooter .menu {font-size: 0; margin-bottom: 18px;}
#mainFooter .menu li{display: inline-block; vertical-align: top; margin: 0 6px;}
#mainFooter .menu li a {display:block; width:99px; height:36px; -webkit-text-stroke-width:.03em; letter-spacing:-1px; font-weight: 300; line-height:36px; font-size:12px; color:#ffffff; background-color: #193b28; border-radius: 4px;}
#mainFooter .tel {font-size:12px; color:#ffffff; line-height:1.5;}
#mainFooter .tel span {color: #fff; display: inline-block; vertical-align: top; padding: 0 5px; line-height: .8em; border-left: 1px solid #fff;}
#mainFooter .tel span:first-child {border-left: 0;}
#mainFooter a {color:#ffffff;}
#mainFooter p{padding:6px 0 10px; font-size:0.7em; color:#D6D6D6;line-height:1.4;}



/*
#mainFooter{padding:20px 0; text-align:center; background:#24543a;}
#mainFooter .menu {font-size: 0; margin-bottom: 18px;}
#mainFooter .menu li{display: inline-block; vertical-align: top; margin: 0 6px;}
#mainFooter .menu li a {display:block; width:99px; height:36px; -webkit-text-stroke-width:.03em; letter-spacing:-1px; font-weight: 300; line-height:36px; font-size:12px; color:#ffffff; background-color: #193b28; border-radius: 4px;}
#mainFooter .tel {font-size:12px; color:#ffffff; line-height:1.5;}
#mainFooter .tel span {color: #fff; display: inline-block; vertical-align: top; padding: 0 5px; line-height: .8em; border-left: 1px solid #fff;}
#mainFooter .tel span:first-child {border-left: 0;}
#mainFooter a {color:#ffffff;}
#mainFooter p{padding:5px 0 10px; font-size:0.6em; color:#ffffff;}
*/











#mp_title {padding:15px 0 15px;text-align:center;}
#mp_title h2 {display:inline;color:#555353;font-size:1.1em;}
#mp_title img {display:inline;margin-bottom:10px;width:100px;height:100px;border-radius:100%;}
#mp_title textarea {width:90%;height:50px;box-shadow:inset 0 1px 1px #ccc; border:1px solid #aeaeae;border-radius:4px;overflow:auto;}
#mp_title p {padding-top:5px;}


.m_top{padding:10px 5px;display:flex;flex-direction:row-reverse;}
.m_top span{margin-left:10px;margin-right:10px;}

.btn_set{padding:12px 0; text-align:center; border-bottom:1px solid #dcdcdc;}
.btn_set:last-child{border:0 none;}
.btn_set:after{clear:both; display:block; content:"";}
.btn_set a{display:inline-block; height:30px; line-height:30px; padding:0 15px; border:1px solid #9c9c9c; border-radius:4px; background:url(../../images/board/bg_btn.gif) repeat-x; background-size:contain;}
.btn_set .btn_left{float:left;}
.btn_set .btn_right{float:right;}
.btn_set a.btn_confirm{width:35%; font-family:NanumGothicBold; color:#fff; border:1px solid #80868b; border-radius:0; background:#757575;}
.btn_set a.btn_cancel{width:35%; font-family:NanumGothicBold; color:#fff; border:1px solid #80868b; border-radius:0; background:#afb4bb;}
.btn_set a.write_btn{display:inline-block; padding:0 10px; text-align:right; background:url(../../images/board/bg_btn.gif) repeat-x left top; background-size:contain;}
.btn_set a.write_btn span{display:inline-block; padding:0 2px; background:url(../../images/support/bg_btn2.png) no-repeat left center; background-size:10px auto;}


/* paging */

.paging{width:100%; margin:0 auto; padding:10px 0 20px; text-align:center; vertical-align:top;}
.paging a{display:inline-block; min-width:29px; height:29px; line-height:26px; padding-top: 3px; font-weight: 500; color:#555; box-sizing:border-box;}
.paging strong{display:inline-block; width:29px; height:29px; line-height:26px; padding-top: 3px; font-weight: 500; color:#fff; background-color: #24543a; border-radius: 50%; box-sizing:border-box;}
.paging .btn{width:29px; height:29px; vertical-align:top;}
.paging .btn span{display: block; overflow:hidden; vertical-align:top; text-indent:-9999px; }
.paging .btn .prev_off{background:url(../../images/board/bg_prev_off.png) no-repeat center; background-size:contain;}
.paging .btn .prev_on{background:url(../../images/board/bg_prev_on.png) no-repeat center; background-size:contain;}
.paging .btn .next_off{background:url(../../images/board/bg_next_off.png) no-repeat center; background-size:contain;}
.paging .btn .next_on{background:url(../../images/board/bg_next_on.png) no-repeat center; background-size:contain;}



/* search */
.cul_search {width:300px; margin:0 auto 10px auto; padding:5px 0 0 0;}
.cul_search label {padding-right:5px;visibility:hidden;text-indent:-9999px;}


#sub_join{padding:0 0 0 0;}
#sub_join form{margin:10px 10px 19px 10px; padding:0 5px; border-top:2px solid #955a25; border-bottom:1px solid #955a25;}
#sub_join form li{position:relative; height:48px; padding:0 0 0 90px; line-height:48px; border-bottom:1px solid #e6e6e6;}
#sub_join form li label{position:absolute; top:0; left:0; display:block; width:75px; padding:0 0 0 10px; letter-spacing:-1px; font-weight:bold; -webkit-text-stroke-width:.03em; background:url(../../images/pages/ico_arrow2.png) no-repeat 0 center; background-size:6px auto;}
#sub_join form input.type-text{width:99%; height:28px; margin:0 0 7px 0; box-shadow:inset 0 1px 1px #ccc; border-radius:4px; border:1px solid #aeaeae;}
#sub_join form input.num{width:45.5%;}
#sub_join form a{display:block; width:100%; height:33px; margin:17px 0 11px 0; text-align:center; line-height:33px; border:1px solid #959595; border-radius:4px; background:url(../../images/pages/bg_btnGray.gif) repeat-x;}
#sub_join form a img{width:23px;}
#sub_join .info{margin:12px 10px 20px 10px; padding:40px 0 0 0; text-align:center; font-size:1.3em; background:url(../../images/pages/bg_ifree.gif) no-repeat center 0; background-size:50px auto;}
#sub_join .info span{display:block; width:215px; margin:0 auto; font-weight:bold; -webkit-text-stroke-width:.03em; color:#955a25; background:url(../../images/pages/bg_ldquoBrown.gif) no-repeat, url(../../images/pages/bg_rdquoBrown.gif) no-repeat right 0; background-size:auto 11px;}
#sub_join .info.other span{width:250px;}
#sub_join .btn{display:block; height:33px; margin:0 10px 20px 10px; text-align:center; line-height:33px; border:1px solid #5e2d00; border-radius:4px; background:url(../../images/pages/bg_btnBrown.gif) repeat-x;}
#sub_join .btn img{width:118px;}

#sub_join .joinForm2{margin-bottom:0; border-bottom:0;}
#sub_join .tbl_join{width:100%;}
#sub_join .tbl_join th{width:85px; text-align:left; border-bottom:1px solid #e6e6e6;}
#sub_join .tbl_join th label{padding:0 0 0 10px; background:url(../../images/pages/ico_arrow2.png) no-repeat 0 center; background-size:6px auto;}
#sub_join .tbl_join td{padding:8px 0; border-bottom:1px solid #e6e6e6;}
#sub_join .tbl_join td #year{width:30%;}
#sub_join .tbl_join td #month,
#sub_join .tbl_join td #day{width:20%;}
#sub_join .tbl_join .type-text{margin:0;}
#sub_join .tbl_join select.select{width:100%;}
#sub_join .tbl_join span.select{display:block; width:191px; height:30px; margin:-22px 0 0 0; padding:0 0 0 10px; line-height:30px; background:url(../../images/pages/bg_select.gif) no-repeat; background-size:cover;}

/* daily */
#sub_daily .searchForm{position:relative; width:300px; margin:-10px 0 12px 0; padding:0 0 0 0px;}
#sub_daily .searchForm select.select{position:relative; z-index:10; width:96px; height:30px;}
#sub_daily .searchForm select#c_s_sel {margin:0 0 0 -30px;height:30px;}
#sub_daily .searchForm span.select{position:absolute; top:0; left:10px; display:block; width:86px; height:30px; padding:0 0 0 5px; line-height:30px; font-size:0.9em; color:#9b9d94; background:url(../../images/pages/bg_search.gif) no-repeat; background-size:contain; z-index:1;}
#sub_daily .searchForm .type-text{width:105px; height:24px; line-height:26px; box-shadow:inset 0 1px 1px #ccc; border:1px solid #aeaeae; border-radius:4px; background:url(../../images/board/bg_txt.gif) no-repeat 0.5em center; background-size:auto 12px;}
#sub_daily .searchForm .type-image{width:38px; height:auto;}
#sub_daily .daily_list{margin:0 0 12px 0; border-top:2px solid #955a25;}
#sub_daily .daily_list li{height:50px; padding:8px 17px 8px 15px; border-bottom:1px solid #c5c5c5; background:url(../../images/pages/bg_con.gif) repeat-x; background-size:contain;clear:both; position : relative;}
#sub_daily .daily_list li a{display:block; font-weight:bold; -webkit-text-stroke-width:.03em; /* background:url(../../images/pages/ico_arrow3.png) no-repeat right center; */ background-size:20px auto;width:100%;float:left;}
#sub_daily .daily_list li a span.num {float:left;vertical-align:middle;}
#sub_daily .daily_list li a span.subject {width:80%;display:block;float:left;vertical-align:middle;}

#sub_daily .daily_list3{margin:0 0 12px 0; border-top:2px solid #955a25;}
#sub_daily .daily_list3 li{height:50px; overflow:hidden; white-space:nowrap; padding:3px 17px 11px 15px; border-bottom:1px solid #c5c5c5; background:none; background-size:contain;clear:both; position : relative;}
#sub_daily .daily_list3 li a{display:block; font-weight:bold; -webkit-text-stroke-width:.03em; background:url(../../images/pages/ico_arrow3.png) no-repeat right center; background-size:20px auto;width:100%;float:left;}
#sub_daily .daily_list3 li a span.num {float:left;vertical-align:middle;}
#sub_daily .daily_list3 li a span.subject {width:80%;display:block;float:left;vertical-align:middle;}

#sub_daily .daily_list4{margin:0 0 12px 0; border-top:2px solid #955a25;}
#sub_daily .daily_list4 li{height:50px; overflow:hidden; white-space:nowrap; padding:3px 17px 11px 15px; border-bottom:1px solid #c5c5c5; background:none; background-size:contain;clear:both; position : relative;}
#sub_daily .daily_list4 li a{display:block; font-weight:bold; -webkit-text-stroke-width:.03em; background-size:20px auto;width:100px;float:left;}
#sub_daily .daily_list4 li a span.num {float:left;vertical-align:middle;}
#sub_daily .daily_list4 li a span.subject {width:80%;display:block;float:left;vertical-align:middle;}
#sub_daily .daily_list4 li a.delete{position:absolute;top:50%;right:45px;display:inline-block;width:auto;font-weight:normal;font-size:14px;line-height:26px;height:26px;border:1px solid #aaa;background:none;margin-top:-22px;border-radius:3px;padding:0 5px;background:#b17641;color:#fff;text-shadow:none;-webkit-text-stroke-width:0;}
#sub_daily .daily_list4 li a.utube{position:absolute;top:50%;right:120px;display:inline-block;width:auto;font-weight:normal;font-size:14px;line-height:26px;height:26px;border:1px solid #aaa;background:none;margin-top:-22px;border-radius:3px;padding:0 5px;background:#b17641;color:#fff;text-shadow:none;-webkit-text-stroke-width:0;}
#sub_daily .daily_list4 li a.downloadmp3{position:absolute;top:50%;right:45px;display:inline-block;width:auto;font-weight:normal;font-size:14px;line-height:26px;height:26px;border:1px solid #aaa;background:none;margin-top:-22px;border-radius:3px;padding:0 5px;background:#b17641;color:#fff;text-shadow:none;-webkit-text-stroke-width:0;}

#sub_daily .daily_list_big{margin:0 0 12px 0; border-top:2px solid #955a25;}
#sub_daily .daily_list_big li{height:50px; font-size:1.85em; overflow:hidden; white-space:nowrap; padding:8px 17px 8px 15px; border-bottom:1px solid #c5c5c5; background:url(../../images/pages/bg_con.gif) repeat-x; background-size:contain;clear:both; position : relative;}
#sub_daily .daily_list_big li a{display:block; font-weight:bold; -webkit-text-stroke-width:.03em; background:url(../../images/pages/ico_arrow3.png) no-repeat right center; background-size:20px auto;width:100%;}
#sub_daily .daily_list_big li a span.num {float:left;vertical-align:middle;}
#sub_daily .daily_list_big li a span.subject {width:80%;display:block;float:left;vertical-align:middle;}

#sub_daily .daily_list_big2{margin:0 0 12px 0; border-top:2px solid #955a25;}
#sub_daily .daily_list_big2 li{height:50px; overflow:hidden; white-space:nowrap; font-size:1.85em; padding:8px 17px 8px 15px; border-bottom:1px solid #c5c5c5; background:url(../../images/pages/bg_con.gif) repeat-x; background-size:contain;clear:both; position : relative;}
#sub_daily .daily_list_big2 li a{display:block; font-weight:bold; -webkit-text-stroke-width:.03em; background-size:20px auto;width:100%;}
#sub_daily .daily_list_big2 li a span.num {float:left;vertical-align:middle;}
#sub_daily .daily_list_big2 li a span.subject {width:80%;display:block;float:left;vertical-align:middle;}

#sub_daily .daily_list2{margin:0 0 12px 0; border-top:2px solid #955a25;}
#sub_daily .daily_list2 li{padding:8px 17px  15px; border-bottom:1px solid #c5c5c5;}
#sub_daily .daily_list2 li a{display:block; background:url(../../images/pages/ico_arrow3.png) no-repeat right center; background-size:20px auto;}
#sub_daily .daily_list2 li .date{display:block; font-size:0.85em; color:#868686;}
#sub_daily .daily_list li a.delete{position:absolute;top:50%;right:45px;display:inline-block;width:auto;font-weight:normal;font-size:14px;line-height:26px;height:26px;border:1px solid #aaa;background:none;margin-top:-22px;border-radius:3px;padding:0 5px;background:#b17641;color:#fff;text-shadow:none;-webkit-text-stroke-width:0;}
#sub_daily .daily_list li a.utube{position:absolute;top:50%;right:120px;display:inline-block;width:auto;font-weight:normal;font-size:14px;line-height:26px;height:26px;border:1px solid #aaa;background:none;margin-top:-22px;border-radius:3px;padding:0 5px;background:#b17641;color:#fff;text-shadow:none;-webkit-text-stroke-width:0;}
#sub_daily .daily_list li a.downloadmp3{position:absolute;top:50%;right:45px;display:inline-block;width:auto;font-weight:normal;font-size:14px;line-height:26px;height:26px;border:1px solid #aaa;background:none;margin-top:-22px;border-radius:3px;padding:0 5px;background:#b17641;color:#fff;text-shadow:none;-webkit-text-stroke-width:0;}

#sub_daily .playerArea{width:300px; margin:0 auto 24px auto;}
#sub_daily .playerArea p{padding:0 0 10px 25px; font-size:0.85em; background:url(../../images/pages/ico_wifi.png) no-repeat; background-size:20px auto;}
#sub_daily .info{padding:12px 0; font-weight:bold; -webkit-text-stroke-width:.03em; text-align:center; border-top:2px solid #955a25; border-bottom:1px solid #c5c5c5; background:#f7f1eb;}
#sub_daily .info span{display:inline-block; padding:0 7px 0 3px; text-align:center; background:url(../../images/pages/bar.gif) no-repeat right center; background-size:1px auto;}
#sub_daily .info span:last-child{background:none;}
#sub_daily .info span span{padding:0; font-weight:normal; color:#9c560b;}
#sub_daily .book_info{}
#sub_daily .book_info li{position:relative; padding:10px 15px 10px 90px; border-bottom:1px solid #c5c5c5;}
#sub_daily .book_info li:after{clear:both; display:block; content:"";}
#sub_daily .book_info li .dl_dt{position:absolute; top:10px; left:15px; width:75px; padding:0 0 0 12px; background:url(../../images/pages/ico_arrow2.png) no-repeat 0 center; background-size:7px auto;font-weight:bold;}
#sub_daily .book_info .detail{width:100%; color:#000;}
#sub_daily a.btn_list{display:block; width:95%; height:33px; margin:15px auto 25px auto; font-weight:bold; -webkit-text-stroke-width:.03em; text-align:center; line-height:33px; border:1px solid #959595; border-radius:4px; background:url(../../images/pages/bg_btnGray.gif) repeat-x;}
#sub_daily .ios_info{font-weight:bold; -webkit-text-stroke-width:.03em; text-align:left;}
#sub_daily .ios_info_con{margin:0 0 12px 0; border-top:2px solid #955a25;}
#sub_daily .sillib_info{font-weight:bold; -webkit-text-stroke-width:.03em; text-align:left;}
#sub_daily .sillib_info a{color:#0000ff;}

/* mypage */
#sub_mypage{margin:-10px 0 0 0;}
#sub_mypage .result{margin:0 0 12px 16px; padding:0 0 0 10px; font-weight:bold; -webkit-text-stroke-width:.03em; font-size:0.9em; color:#955a25; background:url(../../images/pages/ico_circle.gif) no-repeat 0 0.55em; background-size:6px auto;}
#sub_mypage .result strong{color:#ff7200;}
#sub_mypage ol{margin:0 0 15px 0; border-top:2px solid #955a25;}
#sub_mypage ol li{position:relative;  padding:10px 20px 10px 16px;border-bottom:1px solid #c5c5c5;}
#sub_mypage ol li span.my_title {color:#000;font-weight:bold;}
#sub_mypage ol li div.page_right {color:#666;font-size:0.9em}
#sub_mypage ol li span.sec {color:#0000FF;font-size:0.9em}
#sub_mypage ol li span.my_day {font-size:0.7em;latter-spacing:-1p}
#sub_mypage ol li img {padding-left:10px;}
#sub_mypage ol li a {}
#sub_mypage .paging{margin-bottom:28px;}
#sub_mypage ul{padding:0 16px; border-top:1px solid #955a25; background:#f7f1eb;}
#sub_mypage ul li{position:relative; padding:12px 0 12px 12px; font-weight:bold; -webkit-text-stroke-width:.03em; border-bottom:1px solid #cfcfcf; background:url(../../images/pages/ico_arrow2.png) no-repeat 0 1.1em; background-size:7px auto;}
#sub_mypage ul li.guide{padding:14px 24px; font-size:0.9em; font-weight:normal; letter-spacing:-1px; background:url(../../images/pages/ico_wifi.png) no-repeat 0 1em; background-size:20px auto;}
#sub_mypage ul li:last-child{border:0;}
#sub_mypage ul li label{display:block; height:25px; line-height:25px;}
#sub_mypage ul li input[type="checkbox"]{position:absolute; top:0; left:0; opacity:0;}
#sub_mypage ul li input[type="checkbox"]+label{background:url(../../images/pages/bg_check.gif) no-repeat right 0; background-size:25px auto;}
#sub_mypage ul li input[type="checkbox"]:checked+label{background:url(../../images/pages/bg_check.gif) no-repeat right -26px; background-size:25px auto;}
#sub_mypage ul li input[type="text"]{width:45px; height:28px; margin:0 0 7px 0; box-shadow:inset 0 1px 1px #ccc; border-radius:4px; border:1px solid #aeaeae;}
#sub_mypage ul li div{margin:0 0 0 -12px; padding:5px 0 0 0; font-weight:normal;}
#sub_mypage ul li div label{display:inline-block; height:27px; padding:0 0 0 30px; font-weight:bolder; line-height:27px;}
#sub_mypage ul li div label.forward{background:url(../../images/pages/bg_forward.png) no-repeat; background-size:27px auto;}
#sub_mypage ul li div label.rewind{background:url(../../images/pages/bg_rewind.png) no-repeat; background-size:27px auto;}



/**/
.sub_head {position: relative; margin-bottom: 20px; border-bottom: 2px solid #c5c4c4; height:80px;}
.sub_head .logo { height: 88px; line-height: 88px; text-align: center; font-weight: 900; font-size: 21px; color: #eceaec; background: url("../img/top.png") no-repeat;}
.sub_head .btn_prev {position: absolute; left: 30px; top: 0px; line-height: 88px;}

.sub_head .favo {position: absolute; right: 30px; top: 0px; line-height: 88px; font-size:34pt;}

.sub_head .btn_home {position: absolute; right: 20px; top: 0; height: 58px; }
.sub_head .btn_home img {vertical-align: top; width: 40px; margin-top: 21px;}
.sub_head .path {padding: 0 20px; background-color: #bdccc4; line-height: 33px; font-size: 11px; color: #000; display: none;}
.sub_head .path li {position: relative; display: inline-block; vertical-align: top;}
.sub_head .path li:before {content:">"; margin: 0 3px;}
.sub_head .path li:first-child:before {content:none;}


.subindex > .h_tit1:first-child {display: none;}


.h_tit1 {margin-bottom: 15px; text-align: center; font-weight: 500; font-size: 21px; color: #faab00;}
.h_tit1_1 {margin-bottom: 5px; text-align: center; font-weight: 500; font-size: 21px; color: #faab00;}
.h_tit1_2 {margin-bottom: 10px; text-align: center; font-weight: 500; font-size: 18px; color: #faab00;}
.h_tit2 {display: inline-block; font-weight: 900; font-size: 15px; color: #24543a;}
.h_tit3 {margin-bottom: 15px; text-align: center; font-weight: 500; font-size: 18px; color: #faab00;}

.h_tit4 {margin-top:40px; margin-bottom: 20px; padding-left:20px;text-align: left; font-weight: 500; font-size: 21px; color: #faab00;border:0px solid red;}

.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mt20 {margin-top: 20px !important;}
.c-black {color: #000;}
.c-white {color: #f0eeee;}
.bg_gray {background-color: #eceff4;}

.ta-r {text-align: right;}

.btn-ty1 {display: inline-block; padding: 7px 15px; font-size: 12px; color: #24543a; border: 1px solid #24543a;}


.main_listm{font-size: 0; width: 102%; padding-bottom: 15px;}
.main_listm li{display: inline-block; vertical-align: top; width: 23%; margin-right: 2%; margin-bottom: 2%;}        /*유대환 메인화면 폰트크기*/
.main_listm li a {position: relative; display: block; padding: 15px 5px; height: 67px; font-weight: 700; font-size:23px; letter-spacing:-0.0325em; background-color: #fff; border-radius: 8px; text-align: center;}
.main_listm li a strong {font-size: .8em; color:#5c6d4a;}
.main_listm li a em {font-style: normal; font-size: .8em;}
.main_listm li .ico_m {}
.main_listm li .ico_m:after {content:""; position: absolute; bottom: 18px; left: 50%; background-image: url('/images/main/ico_main_menu.png'); background-repeat: no-repeat; background-size: 250px auto;}
.main_listm li .ico_m.main01:after {margin-left: -15.75px; width: 31.5px; height: 25px; background-position:-5px -5px;}
.main_listm li .ico_m.main02:after {margin-left: -15.25px; width: 30.5px; height: 28px; background-position:-47px -5px;}
.main_listm li .ico_m.main03:after {margin-left: -14.25px; width: 28.5px; height: 32px; background-position:-87.5px -5px;}
.main_listm li .ico_m.main04:after {margin-left: -12.5px; bottom: 13px; width: 25px; height: 28px; background-position:-125.5px -5px;}
.main_listm li .ico_m.main05:after {margin-left: -12.5px; bottom: 13px; width: 25px; height: 34px; background-position:-160.5px -5px;}
.main_listm li .ico_m.main06:after {margin-left: -17px; bottom: 13px; width: 34px; height: 31px; background-position:-194px -5px;}
.main_listm li .ico_m.main07:after {margin-left: -26.8px; width: 53.5px; height: 25px; background-position:-5px -49.5px;}
.main_listm li .ico_m.main08:after {margin-left: -11.25px; width: 22.5px; height: 31px; background-position:-69px -49.5px;}
.main_listm li .ico_m.main09:after {margin-left: -10.5px; width: 21px; height: 31px; background-position:-100.5px -49.5px;}
.main_listm li .ico_m.main10:after {margin-left: -18.25px; width: 36.5px; height: 27px; background-position:-132.5px -49.5px;}
.main_listm li .ico_m.main11:after {margin-left: -18.25px; width: 36.5px; height: 27px; background-position:-132.5px -49.5px;}
.main_listm li .ico_m.main12:after {margin-left: -18.25px; width: 31.5px; height: 32px; background-position:-178px -49.5px;}
.main_listm li .ico_m.main13:after {margin-left: -17px; width: 34px; height: 33px; background-position:-5px -90.5px;}
.main_listm li .ico_m.main14:after {margin-left: -18.25px; width: 31.5px; height: 32px; background-position:-178px -49.5px;}
@media (max-width:640px){
	.main_listm li {width: 48%;}
}

.main_list {}
.main_list li {margin-bottom: 10px;}
.main_list li a {display: flex; align-items:center; justify-content: center;  height: 51px; border-radius: 10px; font-size: 25px; color: #fff; background-color: #24543a;}
.main_list li a > span {color: #fff;}
.main_list li a.type1 {border: 2px solid #24543a;color: #24543a;background-color: #fff;font-weight: 900;height: 46px;line-height: 46px;}

.main_list li:hover a {background-color: #fff; box-shadow:0 0 20px rgba(54,153,99,.3); color: #24543a; font-weight: 700; }
.main_list li:hover a > span {color: #24543a; font-weight: 700; }




input[type='text'],
input[type='password'],
input[type='number'],  
input[type='search'], 
input[type='submit'],
textarea,
select,
button {
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	vertical-align:middle; line-height:normal;
	padding:0; border:0; box-shadow:none;
	 -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}

.pr-b1 {padding-bottom: 30px;}
.pr-b2 {padding-bottom: 20px;}


/*search*/
.searchForm {position:relative;}
.searchForm .btns {position: relative; margin-bottom: 20px; display: flex; align-items:center; height: 45px; background-color: #eceff4; border: 1px solid #6FADCF; box-sizing:border-box;}
.searchForm .type-text {border: 0;}
.searchForm label {white-space:nowrap; padding: 0 10px;}
.searchForm .btns .search {padding: 0 10px; width: 100%; height: 100%; font-size: 14px; background: none;}
.searchForm .btns .write_btn {position: absolute; right: 0; top: 0; width: 58px; height: 100%; font-size: 0; background-color: transparent; background-image: url('/images/common/btn_search.png'); background-repeat: no-repeat; background-position: center center; background-size: 16.5px;}

/*search_주식*/
.searchFormcode {position:relative;}
.searchFormcode .btns {position: relative; margin-bottom: 20px; display: flex; align-items:center; height: 45px; background-color: #eceff4; border: 1px solid #6FADCF; box-sizing:60;}
.searchFormcode .type-text {border: 0; width: 100%;}
.searchFormcode label {white-space:nowrap; padding: 0 10px;}
.searchFormcode .btns .search {padding: 0 10px; width: 100%; height: 100%; font-size: 14px; background: none;}
.searchFormcode .btns .write_btn {position: absolute; right: 0; top: 0; width: 58px; height: 100%; font-size: 0; background-color: transparent; background-size: 16.5px;}




/*commu*/
.txt_sch {padding: 15px 10px; margin-bottom: 20px; text-align: center; font-size: 15px; color: #000; border: 1px solid #000;}
.txt_sch em {font-style: normal; font-weight: 900; color: #24543a;}



.i_i {display: inline-block; vertical-align: middle; margin: 0 .3em; font-style: normal; line-height: .8em; font-size: .9em; opacity:.8;}
.ico_new {display: inline-block; vertical-align: top; margin-right: 3px; width: 5px; height: 5px; background-color: #24543a; border-radius: 10px;}


.schbox {}
.schbox:after {content:""; clear: both; display: block;}
.schbox .select {float: left; width: 100px; padding-left: 10px; padding-right: 30px; border: 0; font-size: 14px; line-height: 43px; border-top: 1px solid #6FADCF; border-left: 1px solid #6FADCF; border-bottom: 1px solid #6FADCF; background-color: #eceff4; background-image: url(/images/common/ico_select.png); background-repeat: no-repeat; background-position: right center; background-size: 15px auto; box-sizing:border-box;}
.schbox select.select.ty1 {position: absolute; }
.schbox span.select { box-sizing:border-box; border-top: 1px solid #6FADCF; border-left: 1px solid #6FADCF; border-bottom: 1px solid #6FADCF;}
.schbox .select + .btns {float: left; width: calc(100% - 100px); border-top: 1px solid #6FADCF; border-right: 1px solid #6FADCF; border-bottom: 1px solid #6FADCF; border-left: 0; box-sizing:border-box;}
.schbox .type-text {border: 0; background-color: transparent;}

.write_btn {clear: both; display: block; width: 100%; text-align: center; font-size: 20px; font-weight: 400; color: #fff !important; line-height: 42px; background-color: #2D2E33; border-radius: 30px;border:1px solid #3D3E43}
.write_btn.ty1 {background-color: #668875;}
.write_btn.wid1 {width: 100%;}
.write_btn.bdrs {border-radius: 5px; width: auto; display: inline-block; padding: 0 20px; font-size: 13px;}



.bbs_botm {margin-top: 10px; clear: both;}
.bbs_botm .write_btn {margin-bottom: 10px;}
.bbs_botm .write_btn_sm {display: inline-block; vertical-align: top; padding: 6px 20px; border: 1px solid #24543a; color: #24543a; font-size: 13px; border-radius: 3px; margin-right: 5px;}
.page_btns {display: flex; align-items:center; justify-content: space-between; margin-bottom: 15px;}
.page_btns > * {margin-left: 10px;}
.page_btns > :first-child {margin-left: 0;}
.page_btns a {font-size: 15px; line-height: 1;}
.page_btns a.write_btn {line-height: 42px; font-size: 15px; font-weight: 900; }
.ico_page_prev {display: inline-block; vertical-align: middle; line-height: 1; padding-left: 22px; font-size: 12px; background-image: url(/images/common/btn_page_prev.png); background-repeat: no-repeat; background-position: 0 center; background-size: 20px auto;}
.ico_page_next {display: inline-block; vertical-align: middle; line-height: 1; padding-right: 22px; font-size: 12px; background-image: url(/images/common/btn_page_next.png); background-repeat: no-repeat; background-position: right center; background-size: 20px auto;}



.bbs_view {padding-bottom: 15px;}
.bbs_view .tit1 {padding-bottom: 12px; font-weight: 700; font-size: 25px; color: #1c201e; line-height: 1.3; border-bottom: 1px solid #e5e5e5;}
.bbs_view .info {padding: 14px 0 5px; margin-bottom: 15px; font-size: 18px; color: #1c201e; border-bottom: 1px solid #e5e5e5;}
.bbs_view .info span {position: relative; display: inline-block; vertical-align: middle; color: #1c201e; margin-bottom: 10px; margin-right: 7px; padding-right: 7px;}
.bbs_view .info span:after {content:""; position: absolute; right: 0; top: 50%; margin-top: -6px; width: 1px; height: 10px; background-color: #666;}
.bbs_view .info span:last-child:after {content:none;}
.bbs_view .con {font-size: 20px; line-height: 1.5;}


.box_file {padding: 12px; margin-bottom: 12px; background-color: #e9eeeb; border-radius: 8px; font-size: 18px; line-height: 1.5; color: #0000FF;}
.box_file span {display: inline-block; vertical-align: middle;}

.box_info {padding: 12px; margin-bottom: 20px; margin-top: 20px; background-color: #e9eeeb; border-radius: 8px; font-size: 12px; line-height: 1.5; border: 1px solid #b7b7b7;}
.box_info_1 {padding: 0px; margin-bottom: 0px; margin-top: 0px; font-size: 13px; font-weight: 500;  }
.box_info_2 {padding: 12px; margin-bottom: 40px; margin-top: 20px; background-color: #111111; border-radius: 8px; font-size: 13px; line-height: 2.5; border: 1px solid #b7b7b7;}
.box_info_2a {padding: 12px; margin-bottom: 10px; margin-top: 20px; background-color: #888888; border-radius: 8px; font-size: 13px; line-height: 1.5; border: 1px solid #b7b7b7;}
.box_info a {display: inline-block; padding-right: 12px; background: url('/images/common/ico_arrow_rgh_on.png') right center no-repeat; background-size: 5px auto;}
.box_info .ff {font-size: 1.5em;}


.reply_list {margin-top: 15px; padding-top: 20px; border-top: 1px solid #b7b7b7;}
/*유대환 댓글*/
.box_comm {border: 1px solid #e5e5e5; border-radius: 5px; background-color: #f5f5f5;}
.box_comm dl {position: relative; padding: 15px; font-size: 22px; border-top: 1px solid #b7b7b7;} /*댓글내용*/
.box_comm dl:first-child {border-top: 0;}
.box_comm dt {margin-bottom: 10px; font-size: 18px; color: #24543a;}/*댓글 이름, 닉네임, 날자*/
.box_comm dt span {font-weight: 800; display: inline-block; padding-right: 5px; margin-right: 5px;}
.box_comm .btn_del {margin-top: 15px; text-align: right;}
.box_comm .btn_del a {display: inline-block; vertical-align: top; margin-left: 5px; font-size: 12px; background-color: #fff; padding: 5px 10px; border: 1px solid #e5e5e5; border-radius: 3px; color: #666;}


.bbs_write {padding-bottom: 40px;margin-top:10px;}
.bbs_write th,
.bbs_write td,
.bbs_write tbody,
.bbs_write table,
.bbs_write tr {display: block; text-align: left; font-size: 15px; }
.bbs_write th {margin-bottom: 10px;}
.bbs_write tr {margin-bottom: 25px;}
.bbs_write label {font-weight: 700;}
.bbs_write .tr {font-size: 15px; margin-bottom: 0px;}
.bbs_write .tr label {display: block; margin-bottom: 10px; font-size: 15px;}
.bbs_write .type-text {width: 100%; height: 40px; line-height: 40px; padding: 0 10px; border: 1px solid #6FADCF; font-size:14pt; background-color: #D6D6D6;}
.bbs_write .type-text-1 {width: 100%; height: 40px; line-height: 40px; padding: 0 10px; border: 1px solid #e5e5e5; background-color: #D6D6D6;border-radius: 5px;}

.bbs_write .textarea {width: 100%; min-height:140px; padding: 10px; border: 1px solid #6FADCF; resize:none; background-color: #eceff4;}


.bbs_write2 {}
.bbs_write2 th {font-weight: 700; text-align: left;}
.bbs_write2 td {padding: 5px 0;}

.bbs_write3 {}
.bbs_write3 th {font-weight: 700; text-align: left;}
.bbs_write3 td {padding: 5px 0;}

.fx_btn {display: flex;}
.fx_btn .write_btn {border-radius: 3px; margin-left: 5px; width: 90px; line-height: 40px; font-size: 13px; font-family:"NanumSquareRound",sans-serif;}


input.type-text {width: 100%; height: 40px; line-height: 40px; padding: 0 10px; border: 1px solid #e5e5e5;background-color:#eceff4;border-radius: 5px;}
input.type-text1 {width: 100%; height: 35px; line-height: 30px; padding: 0 10px; border: 1px solid #e5e5e5;background-color:#eceff4;border-radius: 5px;}

input.type-tel {width: 25%; height: 40px; line-height: 40px; padding: 0 10px; border: 1px solid #e5e5e5;background-color:#eceff4;border-radius: 5px;}
textarea.textarea {width: 100%; min-height:100px; padding: 10px; border: 1px solid #e5e5e5; resize:none;font-size:9pt;}
.type-select {width: 100%; padding-left: 10px; padding-right: 30px; border: 0; font-size: 14px; line-height: 40px; border: 1px solid #e5e5e5; background-color: #eceff4; background-image: url('../img/sel_icon.png'); background-repeat: no-repeat; background-position: right 10px center; background-size: 15px auto;}

.t_info {font-size: 12px; margin-top: 10px;}


.hd_tit1 {display: flex; align-items:center; justify-content: space-between; margin-bottom: 18px;}
.hd_tit1 a {font-weight: 700; font-size: 12px;}


.replyForm.bdt0 {border-top: 0; padding-top: 0; margin-top: 0;}
.replyForm {padding-top: 20px; margin-top: 20px; border-top: 1px solid #b7b7b7;}
.replyForm textarea {width: 100%; padding: 10px; border: 1px solid #e5e5e5; border-radius: 5px; resize:none;}

.type-submit {display: block; width: 100%; text-align: center; font-size: 15px; font-weight: 900; color: #fff; line-height: 45px; border-radius: 5px; background-color: #24543a; border: 0;}
.notx {padding: 40px 0; text-align: center; font-size: 13px; color: #666;}

.btn_botm {display: flex; flex-wrap:wrap; justify-content: center; font-size: 0;}
.btn_botm .write_btn {width: 49%; margin-left: 2%;}
.btn_botm .write_btn:nth-child(2n-1) {margin-left: 0;}
.btn_botm .write_btn.wid1 {width: 100%; margin-left: 0;}


.dat_cm {display: inline-block; padding: 2px 7px 1px; min-width:15px; text-align: center; border-radius: 12px; font-size: 15px; line-height: 1; color: #24543a; background-color: #e9eeeb;}



.ico_arr1 {display: block; padding-right: 20px; position: relative;}
.ico_arr1:after {content:""; position: absolute; right: 0; top: 50%; width: 6px; height: 15px; margin-top: -8px; background: url('/images/common/ico_arrow_rgh.png') 0 center no-repeat; background-size: 100% auto;}
a:hover .ico_arr1:after {background: url('/images/common/ico_arrow_rgh_on.png') 0 center no-repeat; background-size: 100% auto;}


.lst_radio {}
.lst_radio .inp_radio {display: inline-block; margin: 8px 10px 0px 0px;color:#fff;}
.lst_radio.bind .inp_radio {display: inline-block; vertical-align: top; width: 50%;}

.inp_radio {z-index:0; position: relative; display: flex; line-height: 1; min-height: 18px; vertical-align: middle;}
.inp_radio input {position: absolute; opacity:0; z-index: 0;}
.inp_radio input + label {
	position:relative;
	display:inline-block;  
	padding-left:28px;  
	font-size: 20px; min-height:18px; line-height:18px; 
	cursor:pointer; vertical-align:top;
}
.inp_radio input + label::after,
.inp_radio input + label:after {
	content:"";
	width:16px; height:16px;
	position:absolute; left:0; top:0;
	border: 1px solid #ebebeb; background-color: #f5f5f5;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.inp_radio input:checked + label::before,
.inp_radio input:checked + label:before {
    content:"";
	z-index: 1;
	position:absolute; left:4px; top:4px; 
	width:10px; height:10px; background-color: #4587F4;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.inp_radio input:focus + label:after,
.inp_radio input:focus + label::after {outline:2px solid #FFC000;}




.inp_checkbox {z-index:0; position: relative; display: inline-block; line-height: 1; min-height: 18px; vertical-align: middle;color:#c2c2c2}
.inp_checkbox input {position: absolute; opacity:0; z-index: 0;}
.inp_checkbox input + label {
	position:relative;
	display:inline-block;  
	padding-left:28px;  
	font-size: 12px; min-height:18px; line-height:18px; 
	cursor:pointer; vertical-align:top;
}
.inp_checkbox input + label::after,
.inp_checkbox input + label:after {
	content:"";
	width:16px; height:16px;
	position:absolute; left:0; top:-1px;
	border: 1px solid #ebebeb; background-color: #f5f5f5;
	-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.inp_checkbox input:checked + label::before,
.inp_checkbox input:checked + label:before {
    content:"";
	z-index: 1;
	position:absolute; left:0; top:-1px; 
	border: 1px solid #ebebeb; background-color: #f5f5f5;
	width:16px; height:16px; background:#474747 url('../img/check_icon.png') center center no-repeat; background-size: 8px auto;
	-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.inp_checkbox input:focus + label:after,
.inp_checkbox input:focus + label::after {outline:2px solid #e2e2e2;}

.inp_checkbox.right {display: block;}
.inp_checkbox.right input + label {width: 100%; padding-left: 0; padding-right: 28px; box-sizing:border-box;}
.inp_checkbox.right input + label::after,
.inp_checkbox.right input + label:after {left: auto; right: 0;}
.inp_checkbox.right input + label::before,
.inp_checkbox.right input + label:before {left: auto; right: 0;}


.bind_guide {position: relative;}
.bind_guide .lst_radio {display: inline-block;}
.bind_guide .rgh {position: absolute; left: 50%; top: 0;}
.bind_guide .h_tit2 {width: 50%; line-height: 40px; text-align: center; background-color: #666; color: #fff;}
.bind_guide .h_tit2.on {background-color: #24543a; }



.box_line1 {padding: 15px; border: 1px solid #d5d5d7; border-radius: 10px; margin-bottom: 10px;}
.box_line1 p {font-size: 15px; margin-top: 8px;}
.box_line1 p.t1 {line-height: 1.5;}
.box_line1 .fx {display: flex; justify-content: space-between;}
.box_line1.small p {font-size: 13px;}
.box_line1.small p:first-child {margin-top: 2px;}



.hidden {display: none !important;}



.bbs_tbl {display:flex; justify-content:center;}
.bbs_tbl tr {border-bottom: 1px solid #D2D2D2;}
.bbs_tbl th {padding: 8px 5px; background-color: #ffffff;}
.bbs_tbl td {padding: 12px 5px; font-size: 15px;line-height:1.4;}



.d-flex {display: flex; align-items:center}
.d-b {display: block !important;}
.t_day {margin: 0 5px;}


.box_tv {border: 1px solid #d5d5d7; border-radius: 8px; padding: 15px; line-height: 1.7; font-size: 14px;}


.tb-write {}
.tb-write .h1 {margin-bottom: 10px;}
.tb-write .h1 strong {font-weight: 800; color: #24543a;}
.tb-write > div {border: 1px solid #d5d5d7; padding: 20px; border-radius: 10px;}



.subindex {min-height:calc(100vh - 331px);}


.ta-l {text-align: left !important;}
.ta-c {text-align: center !important;}

.bbs_btn {display: flex;}
.bbs_btn .write_btn2 {border-radius: 0; line-height: 36px; width: 100px; border: 2px solid #24543a; color: #24543a; font-weight: 700; font-size: 15px; background-color: #fff; font-family:"NanumSquareRound",sans-serif;}

 /*유대환 로그인 폰트*/
#main form.loginbox {width: 100%; padding: 10px 0;}
#main form .uid,
#main form .upw {float: none; width: 100%; font-size: 13px; margin: 0;}
#main form .uid {margin-bottom: 10px;}
#main form label {font-size: 12px; color: #fff; margin-bottom: 5px;}
#main form .page_btns {margin-bottom: 0;}
#main a.write_btn {margin: 0;}
#main .bbs_botm {margin-top: 20px;}
#main .bbs_botm .write_btn {margin-bottom: 0;}
#main .bbs_botm .write_btn.ty2 {border: 1px solid #7b8866; margin-left: 10px; color: #fff !important;}



.mt10 {margin-top: 10px;}
.d-ib {display: inline-block;}
.btn01 {display: inline-block; vertical-align: top; padding: .5em 1em; background-color: #668875; color: #fff; border: 1px solid #24543a;}

.box_sch {display: flex; align-items:center; margin-bottom: 1em; padding: 1em; border: 1px solid #668875;}
.box_sch .col {margin-right: 10px;}
.box_sch .type-select {width: auto;}
.box_sch input.type-text {width: auto;}


.tbl_list {font-size: 14px;}
.tbl_list td,
.tbl_list th {padding: 7px 5px; text-align: center;}
.tbl_list th {background-color: #24543a; color: #fff;}
.tbl_list td {border-bottom: 1px solid #ccc;}

.lst_p {}
.lst_p > p {margin-bottom: 5px;}