@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("default.css");

/* layout */
html, body {width:100%; overflow-x:hidden; word-break:keep-all;}
input.text,
select.text,
textarea.text {border:#ddd 1px solid; outline:0; transition:.2s linear;}
input.text,
select.text {height:30px;}
input.text {padding:0 10px;}
input.text:focus,
select.text:focus,
textarea.text:focus {border-color:#aaa;}
select.text {padding:0 20px 0 10px;
	-webkit-appearance:none;
	-moz-appearance:none; 
	appearance:none;
	background:url('/images/arrow_select.png') no-repeat #fff right 5px center / 10px;
}
body.ie select.text {padding:0 0 0 0 !important; background:none;}
a {transition:.2s linear;}
a.smoth_link {scroll-behavior:smooth;}

.inner {width:100%; padding:0 20px;}

.green {color:#2dac62 !important;}
.green2 {color:#3a7753 !important;}
.org {color:#f1592a !important;}
.red {color:#dc050e !important;}

/* 게시판 목록 */
.board_list {border-top:#333 1px solid;}
.board_list th,
.board_list td {height:39px; font-size:12px; text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {background:#f7f7f7; color:#333;}
.board_list td {color:#666; font-size:11px;}
.board_list td.tal a {position:relative; display:inline-block; max-width:100%; line-height:38px; vertical-align:top; padding-right:28px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list td.tal a .icon {position:absolute; top:0; right:0;}
.board_list .reply td.tal a {padding-left:20px; background:url('/images/icon_reply.png') no-repeat 0 50% / 10px;}

.board_bottom .btns {overflow:hidden; margin-top:30px; font-size:0;}
.board_bottom .btns .btn {display:inline-block; width:100px; height:35px; line-height:33px; background:#fff; font-size:13px; color:#406eb4; font-weight:600; text-align:center; border:#406eb4 1px solid; vertical-align:top; margin:0 5px; transition:.2s linear;}
.board_bottom .btns .btn:hover {border-color:#295699; color:#295699; background:#f5f5f5;}
.board_bottom .btns .btn_g {color:#fff; background:#2aad6b; border-color:#2aad6b;}
.board_bottom .btns .btn_g:hover {color:#fff; background:#1a8e54; border-color:#1a8e54;}
.board_bottom .btns .btn_gl {color:#2aad6b; border-color:#2aad6b;}
.board_bottom .btns .btn_gl:hover {color:#1a8e54; border-color:#1a8e54;}
.board_bottom .paging {text-align:center; margin-top:30px; font-size:0;}
.board_bottom .paging a {display:inline-block; width:28px; height:28px; line-height:26px; text-align:center; border:#fff 1px solid; font-size:12px; color:#999; font-weight:400; vertical-align:top; margin:0 2px;}
.board_bottom .paging a.on {color:#666; border-color:#666;}
.board_bottom .paging .nums {margin:0 5px;}
.board_bottom .paging .arrow {letter-spacing:-2px; font-family:'nanum gothic'; font-size:12px;}
.board_bottom .paging .arrow img {width:auto; height:10px;}
.board_bottom .search_wrap {text-align:center; margin-top:50px;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {display:inline-block; vertical-align:top; height:40px;}
.board_bottom .search_wrap input.text {width:60%; margin-right:2%;}
.board_bottom .search_wrap .btn {width:30%; line-height:38px; border:0; background:#fff; color:#406eb4; font-weight:600; text-align:center; border:#406eb4 1px solid; transition:.2s linear;}
.board_bottom .search_wrap .btn:hover {background:#f5f5f5;}

/* 게시판 상세 */
.board_in {border-top:#ddd 2px solid;}
.board_in * {word-break:break-all;}
.board_in th,
.board_in td {border-bottom:#ddd 1px solid;}
.board_in thead th {font-size:24px; color:#333; font-weight:500; line-height:30px; padding:27px 0;}
.board_in thead th em {color:#999;}
.board_in thead td {font-size:18px; color:#666; line-height:58px; text-align:center;}
.board_in thead td span {display:inline-block; vertical-align:top; padding:0 15px;}
.board_in tbody th {font-size:20px; color:#333;}
.board_in tbody td {font-size:20px; color:#666; line-height:30px; padding:50px 0;}
.board_in.board_write tbody th {background:#f7f7f7;}
.board_in.board_write tbody td {padding:10px;}

/* 갤러리 목록 */
.gall_list {overflow:hidden; margin-top:-35px;}
.gall_list li {float:left; width:275px; margin:35px 0 0 100px;}
.gall_list li:nth-child(4n-3) {margin-left:0;}
.gall_list li a {display:block;}
.gall_list li .img {width:100%; height:370px; overflow:hidden; border:#eee 1px solid;}
.gall_list li p {display:block; font-size:20px; color:#333; font-weight:400; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:15px; text-align:center;}

/* header */
.header {position:relative; border-bottom:#ddd 1px solid; height:45px; z-index:50;}
.header .logo {position:absolute; top:0; left:50%; line-height:45px; transform:translate(-50%, 0); font-size:0;}
.header .logo img {height:26px;}
.header .logo h1 {display:none; font-size:0;}
.header .btn_menu {position:absolute; top:0; left:0; width:45px; height:45px;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:14px; height:2px; margin-left:-7px; background:#000; transition:.2s linear;}
.header .btn_menu .t {margin-top:-6px;}
.header .btn_menu .m {margin-top:-1px;}
.header .btn_menu .b {margin-top:4px;}
.header.on .btn_menu {left:70%; margin-left:-45px; z-index:32;}
.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
.header.on .btn_menu .m {width:0;}
.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
.header .mem {position:absolute; top:0; right:0; width:45px; height:45px; line-height:45px; text-align:center;}
.header .mem img {height:15px;}
.header .allmenu {position:fixed; top:0; left:-100%; width:100%; height:100%; padding-right:30%; z-index:1; transition:.2s linear;}
.header.on .allmenu {left:0;}
.header .allmenu .black {position:fixed; top:0; right:-100%; width:100%; height:100%; opacity:0; background:rgba(0,0,0,.5); transition:.2s linear;}
.header.on .allmenu .black {right:0; opacity:1;}

.header .allmenu .top {position:relative;height:45px; text-align:center; font-size:0; padding-top:25px; background:#fff; }
.header .allmenu .top a {display:inline-block; font-size:10px; color:#666; font-weight:500; line-height:15px; margin-left:15px;}
.header .allmenu .top a:first-child {margin-left:0;}

.header .allmenu ul {position:relative; width:100%; height:100%; background:#fff; padding:10px 0;}
.header .allmenu li {border-top:#ddd 1px solid;}
.header .allmenu li > a {position:relative; display:block; font-size:12px; color:#000; font-weight:500; line-height:35px; padding:0 20px;}
.header .allmenu li > a i {position:absolute; top:0; right:20px; width:11px; height:100%;}
.header .allmenu li > a i:before,
.header .allmenu li > a i:after {content:""; position:absolute; top:50%; left:50%; background:#2dac62; transition:.2s linear;}
.header .allmenu li > a i:before {width:11px; height:1px; margin:0 0 0 -5px;}
.header .allmenu li > a i:after {width:1px; height:11px; margin:-5px 0 0 0;}
.header .allmenu li.open > a i:after,
.header .allmenu li.on > a i:after {width:11px; height:1px; margin:0 0 0 -5px;}
.header .allmenu li.on.open > a i:after {width:1px; height:11px; margin:-5px 0 0 0;}
.header .allmenu li.on > a {color:#2dac62;}
.header .allmenu .snb {overflow:hidden; background:#fafafa; padding:10px 20px; border-top:#ddd 1px solid; display:none;}
.header .allmenu .snb a {display:block; font-size:10px; color:#666; font-weight:400; line-height:26px;}
.header .allmenu .snb a.on {color:#2dac62;}

/* footer */
.footer {background:#555;}
.footer .links {border-bottom:#767676 1px solid;}
.footer .links ul {text-align:center; font-size:0;}
.footer .links li {position:relative; display:inline-block; padding:0 15px;}
.footer .links li:after {content:""; position:absolute; top:50%; right:0; width:1px; height:8px; margin-top:-4px; background:rgba(255,255,255,.35);}
.footer .links li:last-child:after {display:none;}
.footer .links li a {display:block; font-size:10px; color:#fff; font-weight:400; line-height:30px;}
.footer .address {padding:20px; font-size:11px; color:rgba(255,255,255,.5); font-weight:400; line-height:16px;}
.footer .address em {padding:0 5px;}

/* main */
.mcon01 {overflow:hidden;}
.mcon01 ul {overflow:hidden;}
.mcon01 li {position:relative; float:left; width:33.333333%; height:0; padding-top:33.333333%; border:0;}
.mcon01 li .outbox {position:absolute; top:0; left:0; display:table; width:100%; height:100%;}
.mcon01 li .inbox {display:table-cell; vertical-align:middle; text-align:center;}
.mcon01 li img {display:block; height:50px; margin:0 auto 10px;}
.mcon01 li .tt {font-size:10px; color:#fff; font-weight:500; line-height:14px;}
.mcon01 li.mc10 {background:#4c4c4c; font-size:10px; color:#fff; line-height:14px;}
.mcon01 li.mc10 img {margin:10px auto 0; height:7px;}
.mcon01 li.mc11 a {background:#2dac62;}
.mcon01 li.mc12 a {background:#048956;}
.mcon01 li.mc13 a {background:#007e68;}
.mcon01 li.mc14 a {background:#315f49;}
.mcon01 li.mc15 a {background:#cbf3ec;}
.mcon01 li.mc16 a {background:#c6ebec;}
.mcon01 li.mc17 a {background:#d8eee1;}
.mcon01 li.mc18 a {background:#e2e2e2;}
.mcon01 li.black .tt {color:#333;}
.mcon01 li.black p {color:#777;}
.mcon .title {font-size:15px; color:#333; font-weight:500; line-height:20px; text-align:center; margin-bottom:10px;}
.mcon .title p {font-size:10px; color:#999; font-weight:400; line-height:14px; margin-top:5px;}
.mcon02 {padding:40px 20px; overflow:hidden;}
.mcon02 .board {width:100%; border:#ddd 1px solid; padding:15px;}
.mcon02 .jq_tab {overflow:hidden; margin-bottom:10px;}
.mcon02 .jq_tab li {float:left; margin-right:12px; padding-right:22px; background:url('/images/img_slice.gif') no-repeat 100% 50% / 6px; cursor:pointer;}
.mcon02 .jq_tab li:last-child {background:none; padding-right:0; margin-right:0;}
.mcon02 .jq_tab li em {display:inline-block; font-size:11px; color:#999; font-weight:500; line-height:20px;}
.mcon02 .jq_tab li.on em {color:#000; font-weight:700; border-bottom:#2dac62 2px solid; line-height:16px; padding-top:2px;}
.mcon02 .cont {position:relative;}
.mcon02 .cont .more {position:absolute; top:-29px; right:0; width:18px; height:18px; background:#ddf0e5;}
.mcon02 .cont .more:before,
.mcon02 .cont .more:after {content:""; position:absolute; top:50%; left:50%; background:#2dac62;}
.mcon02 .cont .more:before {width:7px; height:1px; margin:0 0 0 -3px;}
.mcon02 .cont .more:after {width:1px; height:7px; margin:-3px 0 0 0;}
.mcon02 .cont li a {position:relative; display:block; font-size:10px; color:#333; font-weight:300; line-height:17px; padding:0 50px 0 10px;}
.mcon02 .cont li a:before {content:""; position:absolute; top:7px; left:0; width:3px; height:3px; background:#2dac62; border-radius:50%;}
.mcon02 .cont li a p {position:absolute; top:0; right:0; font-size:10px; color:#999;}
.mcon02 .video_wrap {position:relative; width:100%; overflow:hidden; margin:20px 0;}
.mcon02 .video_wrap .more {position:absolute; bottom:9px; right:10px; width:18px; height:18px; background:#fff; z-index:1;}
.mcon02 .video_wrap .more:before,
.mcon02 .video_wrap .more:after {content:""; position:absolute; top:50%; left:50%; background:#000;}
.mcon02 .video_wrap .more:before {width:7px; height:1px; margin:0 0 0 -3px;}
.mcon02 .video_wrap .more:after {width:1px; height:7px; margin:-3px 0 0 0;}
.mcon02 .video_wrap .slick-slide {position:relative; font-size:0;}
.mcon02 .video_wrap .slick-slide p {position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,.4); font-size:10px; color:#fff; font-weight:500; line-height:36px; padding:0 80px 0 10px;}
.mcon02 .video_wrap .slick-arrow {position:absolute; bottom:9px; width:18px; height:18px; background:no-repeat #fff 50% 50% / 5px; text-indent:500px; overflow:hidden; z-index:1;}
.mcon02 .video_wrap .slick-prev {right:56px; background-image:url('/images/arrow_prev.png');}
.mcon02 .video_wrap .slick-next {right:33px; background-image:url('/images/arrow_next.png');}
.mcon02 .ico_link {overflow:hidden;}
.mcon02 .ico_link li {float:left; width:32%; border:#ddd 1px solid; margin-left:2%;}
.mcon02 .ico_link li:first-child {margin-left:0;}
.mcon02 .ico_link li a {display:block; padding:15px 0; font-size:10px; color:#666; font-weight:500; line-height:20px; text-align:center;}
.mcon02 .ico_link li img {display:block; height:30px; margin:0 auto 5px;}
.mcon03 {padding:40px 0; background:url('/m/images/bg_mc03.jpg') no-repeat 50% 50%; border-bottom:#ddd 1px solid;}
.mcon03 .title {margin-bottom:0;}
.mcon03 ul {overflow:hidden;}
.mcon03 li {float:left; width:33.3333%; margin-top:20px;}
.mcon03 li a {display:block; font-size:10px; color:#666; font-weight:400; line-height:14px; text-align:center;}
.mcon03 li img {display:block; height:35px; margin:0 auto 15px;}
.mcon03 li:last-child {width:100%;}
.fbanner {position:relative; padding:15px 0 15px 58px;}
.fbanner .slick-slide a {display:block; height:20px; line-height:20px; text-align:center; margin:0 20px 0 0;}
.fbanner .slick-slide a img {display:inline-block; vertical-align:top; height:20px;}
.fbanner .slick-arrow {position:absolute; top:50%; width:18px; height:18px; margin-top:-9px; border:#ddd 1px solid; background:no-repeat 50% 50% / 5px; text-indent:500px; overflow:hidden;}
.fbanner .slick-prev {left:10px; background-image:url('/images/arrow_prev.png');}
.fbanner .slick-next {left:33px; background-image:url('/images/arrow_next.png');}
.main_pop {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:51;}
.main_pop .inbox {position:absolute; top:50%; left:50%; width:96%; transform:translate(-50%, -50%);}
.main_pop .title {font-size:20px; color:#fff; font-weight:500; line-height:20px; margin-bottom:15px; text-align:center;}
.main_pop .title p {font-size:10px; color:#fff; font-weight:400; line-height:14px; margin-top:10px;}
.main_pop .btns {text-align:center; padding-top:30px; font-size:0;}
.main_pop .btns a {position:relative; display:inline-block; width:46%; height:40px; line-height:38px; margin:0 1%; font-size:13px; color:#fff; font-weight:400; padding:0 10px; text-align:left;}
.main_pop .btns a i {position:absolute; top:0; right:10px; width:14px; height:100%;}
.main_pop .btns a i:before,
.main_pop .btns a i:after {content:""; position:absolute; top:50%; left:50%; width:16px; height:2px; background:#fff; margin:-1px 0 0 -8px;}
.main_pop .btns a i:before {transform:rotate(45deg);}
.main_pop .btns a i:after {transform:rotate(-45deg);}
.main_pop .btns .btn_t {border:#fff 1px solid;}
.main_pop .btns .btn_g {border:#2dac62 1px solid; background:#2dac62;}

/* sub */
.svisual {font-size:20px; color:#fff; font-weight:700; line-height:30px; padding:30px 0; text-align:center; background:no-repeat 50% 50% / cover;}
.svisual.g00 {background-image:url('/images/svisual00.jpg');}
.svisual.g01 {background-image:url('/m/images/svisual01.jpg');}
.svisual.g02 {background-image:url('/images/svisual02.jpg');}
.svisual.g03 {background-image:url('/images/svisual03.jpg');}
.svisual.g04 {background-image:url('/images/svisual04.jpg');}
.svisual.g05 {background-image:url('/images/svisual05.jpg');}
.svisual.g06 {background-image:url('/images/svisual06.jpg');}
.svisual.g07 {background-image:url('/images/svisual07.jpg');}
.svisual.g08 {background-image:url('/images/svisual08.jpg');}
.svisual.g09 {background-image:url('/images/svisual00.jpg');}
.aside {position:relative; border-bottom:#ddd 1px solid; padding-left:35px; margin-bottom:20px; height:36px; z-index:30;}

/*.aside:not(.g02 .s03) { margin-bottom:0px;}*/

.aside .home {position:absolute; top:0; left:0; width:35px; height:35px; line-height:35px; text-align:center; margin:0;}
.aside .home img {height:10px;}
.aside dl {position:relative; float:left; width:50%; border-left:#ddd 1px solid;}
.aside dt {position:relative; font-size:10px; color:#333; font-weight:400; height:35px; line-height:35px; padding:0 10px; overflow:hidden;}
.aside dt i {position:absolute; top:0; right:10px; width:10px; height:100%;}
.aside dt i:before,
.aside dt i:after {content:""; position:absolute; top:50%; left:50%; width:6px; height:1px; background:#000; transition:.2s linear;}
.aside dt i:before {transform:rotate(45deg); left:-2px;}
.aside .on dt i:after {transform:rotate(45deg);}
.aside .on dt i:before {transform:rotate(-45deg);}
.aside dt i:after {transform:rotate(-45deg); left:2px;}
.aside dd {position:absolute; top:34px; left:0; width:100%; border:#ddd 1px solid; padding:10px 0; background:#fff; display:none;}
.aside dd a {position:relative; display:block; font-size:10px; color:#333; font-weight:400; line-height:20px; padding:0 10px;}
.aside dd a.on {background:#f5f5f5; color:#2dac62;}
.container {padding-bottom:50px;}
.container .title {font-size:17px; color:#333; font-weight:700; line-height:20px; text-align:center; margin-bottom:35px;}
.container p {font-size:10px; color:#333; font-weight:300; line-height:15px;}
.container .btit {font-size:11px; color:#333; font-weight:500; line-height:16px; margin-bottom:10px;}
.container .btit.b {font-size:15px; font-weight:700;}
.container .htit {font-size:17px; color:#333; font-weight:300; line-height:22px; margin-bottom:10px;}
.container .btxt {font-size:12px; color:#333; font-weight:500; line-height:18px;}

/* 협회장 인사말 */
.greeting {position:relative;}
.greeting .tt {font-size:14px; color:#333; font-weight:300; line-height:20px;}
.greeting .txt_w {margin-top:10px; font-size:11px; color:#2dac62; font-weight:500; line-height:16px;}
.greeting p.inner {padding-top:20px;}
/* 설립목적 */
.img_box {background:url('/m/images/bg_s0102.jpg') no-repeat 50% 50% / cover; padding:50px 0 50px 50%; font-size:14px; color:#333; font-weight:300; line-height:20px;}
.img_box strong {display:block; font-size:18px; line-height:25px; margin-top:10px;}
.dl_box dl {position:relative; margin-top:20px;}
.dl_box dt {position:relative; font-size:13px; color:#333; font-weight:700; line-height:20px; padding-bottom:10px; margin-bottom:10px;}
.dl_box dt:after {content:""; position:absolute; bottom:0; left:0; width:11px; height:2px; background:#2dac62;}
.dots_list p {position:relative; padding-left:10px;}
.dots_list p:before {content:""; position:absolute; top:6px; left:0; width:3px; height:3px; border-radius:50%; background:#aaa; border-radius:50%;}
.dots_list p b {font-weight:500;}
.dots_list p em {font-size:12px; color:#999; line-height:10px;}
.g01.s02 .dl_box table {border-top:#000 2px solid; margin-top:30px;}
.g01.s02 .dl_box th,
.g01.s02 .dl_box td {padding:15px 0; vertical-align:top; border-bottom:#ddd 1px solid;}
.g01.s02 .dl_box th {width:75px; text-align:left;}
.g01.s02 .dl_box th img {width:55px;}
/* 임원진 */
.tbl th,
.tbl td {font-size:12px; line-height:18px; padding:10px 5px; text-align:center; word-break:break-all;}
.tbl thead th {color:#fff; font-weight:500; background:#1e445b;}
.tbl tbody th,
.tbl tbody td {border-bottom:#ddd 1px solid; font-weight:300;}
.tbl tbody th {background:#f7f7f7;}
.tbl tbody td {border-right:#ddd 1px solid;}
.tbl tbody td:last-child {border-right:0;}
.tbl > p {margin-top:10px; line-height:16px;}
.tbl > p .mailto {display:inline-block; color:#f1592a; line-height:20px; border-bottom:#f1592a 1px solid;}
/* 연혁 */
.history .jq_tab {overflow:hidden; margin:-10px 0 60px;}
.history .jq_tab li {float:left; width:23%; margin:10px 0 0 2.5%; font-size:10px; color:#1e445b; font-weight:400; line-height:26px; border:#ddd 1px solid; border-top-color:#1e445b; text-align:center; cursor:pointer; transition:.2s linear;}
.history .jq_tab li:nth-child(4n-3) {margin-left:0; clear:both;}
.history .jq_tab li.on {color:#fff; background:#1e445b; border-color:#1e445b;}
.history .jq_cont {background:url('/m/images/bg_s0104.jpg') no-repeat 100% 0 / 50%; overflow:hidden;}
.history .cont dl {position:relative; padding-left:50px; margin-bottom:20px;}
.history .cont dl:last-child {margin-bottom:0;}
.history .cont dt {position:absolute; top:0; left:0; width:50px; font-size:10px; color:#333; font-weight:700; line-height:14px;}
.history .cont dt:after {content:""; position:absolute; top:50%; right:0; width:1px; height:6px; margin-top:-3px; background:#aaa;}
.history .cont dd {font-size:10px; color:#666; font-weight:300; line-height:15px; padding-left:10px;}
/* 정관 */
.yak {border:#ddd 1px solid; padding:10px;}
.free {white-space:pre-wrap;}
/* 전국상담사 안내 */

/* 찾아오시는 길 */
.root_daum_roughmap {width:100% !important;}
.map_txt .txt {position:relative; font-size:12px; color:#333; font-weight:500; line-height:20px; border-bottom:#ddd 1px solid; padding:10px 0;}
.map_txt .txt .tel {height:20px; font-size:10px; color:#333; font-weight:500; line-height:20px; margin-top:5px;}
.map_txt .txt .tel i {display:inline-block; vertical-align:top; font-size:10px; color:#fff; font-weight:500; line-height:20px; width:20px; height:20px; border-radius:50%; background:#2dac62; text-align:center; margin-right:5px;}
.map_txt ul {padding-top:10px; overflow:hidden;}
.map_txt li {position:relative; padding:10px 0 10px 70px; margin-top:10px;}
.map_txt li:first-child {margin-top:0;}
.map_txt li img {position:absolute; top:0; left:0; width:60px;}
.map_txt li .tt {font-size:15px; color:#333; font-weight:400; line-height:20px;}
.map_txt li p {line-height:14px; margin-top:6px;}

/* 음악치료란 */
.img_on_box {overflow:hidden; margin-top:-20px;}
.img_on_box li {margin:20px 0 0; text-align:center;}
.img_on_box li:nth-child(2n-1) {margin-left:0; clear:both;}
.img_on_box li em {position:relative; display:block; font-size:10px; color:#fff; font-weight:500; line-height:30px; width:110px; height:30px; text-align:center; background:#3a7753; border-radius:30px; margin:-15px auto 10px; z-index:1;}
.g02.s01 {padding-bottom:0;}
.g02.s01 .btm {position:relative; background:url('/m/images/bg_s0201.jpg') no-repeat 50% 50% / cover; padding:30px 0; text-align:center; margin-top:40px;}
.g02.s01 .btm .tt {font-size:11px; color:#fff; font-weight:500; line-height:20px; margin-bottom:5px;}
.g02.s01 .btm p {color:#fff;}
/* 음악중재전문가가 되려면 */
.img_side_box img {margin-bottom:10px;}
/* 협약 학교 */
.img_bg_box {margin-bottom:20px;}
.img_bg_box .txt {background:url('/images/icon_s0203.png') no-repeat #2dac62 100% 100% / 50%; padding:20px;}
.img_bg_box .tt {font-size:12px; color:#fff; font-weight:500; line-height:18px; margin-bottom:20px;}
.img_bg_box p {color:#fff;}
.g02.s03 .tbl .tal {padding:5px 10px;}
.tbl tbody a {display:block; margin:10px auto 0;}
/* FAQ */
.faq_wrap {border-top:#333 1px solid;}
.faq_wrap dl {border-bottom:#ddd 1px solid;}
.faq_wrap dt,
.faq_wrap dd {position:relative; font-size:10px; font-weight:400; line-height:20px;}
.faq_wrap dl i {position:absolute; left:10px; width:20px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#fff; font-weight:600; font-family:'NanumSquare', sans-serif; border-radius:50%;}
.faq_wrap dt {position:relative; color:#333; padding:10px 40px 10px 34px; cursor:pointer;}
.faq_wrap dt i {background:#959595; top:10px;}
.faq_wrap dt em {position:absolute; top:0; right:10px; width:16px; height:100%;}
.faq_wrap dt em:before,
.faq_wrap dt em:after {content:""; position:absolute; top:50%; left:50%; width:8px; height:1px; background:#999; transition:.2s linear;}
.faq_wrap dt em:before {transform:rotate(45deg); margin-left:-3px;}
.faq_wrap dt em:after {transform:rotate(-45deg); margin-left:3px;}
.faq_wrap .on dt em:before {transform:rotate(-45deg);}
.faq_wrap .on dt em:after {transform:rotate(45deg);}
.faq_wrap dd {color:#666; padding:10px 10px 10px 34px; border-top:#ddd 1px solid; background:#f7f7f7; display:none;}
.faq_wrap dd i {background:#406eb4; top:10px;}
/* 가입안내 */
.mem_box {overflow:hidden;}
.mem_box li {position:relative; width:100%; margin-top:10px; padding:20px 0 20px 90px;}
.mem_box li:first-child {margin-top:0;}
.mem_box li i {position:absolute; top:20px; left:20px; display:block; width:60px; height:60px; line-height:60px; text-align:center; border-radius:50%; background:#fff;}
.mem_box li i img {height:26px;}
.mem_box li .tt {font-size:12px; color:#fff; margin-bottom:10px;}
.mem_box li p {color:#fff;}
.mem_box li.c1 {background:#ebebeb;}
.mem_box li.c2 {background:#60737e;}
.mem_box li.c3 {background:#2dac84;}
.mem_box li.c1 .tt {color:#666;}
.mem_box li.c1 p {color:#666;}
.bank {font-size:11px; color:#333; font-weight:500; margin-bottom:10px;}
.bank img {height:3.6vw; max-height:29px; margin-right:5px;}
.bank em {display:inline-block; font-size:11px; color:#666; font-weight:300; margin-top:5px;}
.g04 .tbl {margin-top:15px;}
.g04 .tbl tfoot td {border:#ddd 1px solid; border-left:0; border-top:#1e445b 2px solid;}
.g04 .tbl tfoot td:last-child {border-right:0;}
.g04.s02 .tbl p {line-height:30px;}
.g04.s02 .tbl .org {border-bottom:#f1592a 1px solid;}

/* 자격증안내 */
.eron {overflow:hidden; margin-top:35px;}
.eron li {margin-top:10px; border:#aaa 1px solid; padding:20px;}
.eron li:first-child {margin-top:0;}
.eron li .tt {font-size:12px; color:#333; font-weight:500; line-height:30px; margin-bottom:10px;}
.eron li .tt img {height:30px; margin-right:10px; vertical-align:top;}
.eron li p {color:#666;}
.g05.s01 .bgbox {background:url('/m/images/bg_s0501.jpg') no-repeat 50% 50% / cover; padding:30px 20px;}
.g05.s01 .bgbox .inbox {font-size:12px; color:#fff; font-weight:700; line-height:18px; width:100%; padding:25px 0; text-align:center; background:rgba(45,172,98,.9); margin:0 auto;}
.line_set > li {padding:20px 0; border-bottom:#ddd 1px solid;}
.line_set > li:last-child {border-bottom:0;}
.g05.s01 .bank_wrap {overflow:hidden; padding:10px 0; background:#f7f7f7; margin-top:10px;}
.g05.s01 .bank_wrap li {padding:0 20px;}
.g05.s01 .bank_wrap li .bank {position:relative; margin-top:10px; padding-left:70px;}
.g05.s01 .bank_wrap li .bank img {position:absolute; top:0; left:0; width:60px;}
.g05.s01 .bank_wrap li .bank p {margin-top:5px;}
/* 음악중재전문가 자격 시험 안내 */
.gbox {background:#f5f5f5; padding:10px;}
.g05.s02 .gbox {font-size:14px; color:#333; font-weight:500; line-height:30px; text-align:center;}
.g05.s02 .gbox img {height:20px; margin-right:10px;}
.down_wrap {overflow:hidden; margin-top:0;}
.down_wrap li {float:left; width:49%; height:190px; margin:10px 0 0 2%; background:url('/images/bg_s0502.jpg') no-repeat 50% 50% / cover; padding:10px 10px 0;}
.down_wrap li:nth-child(2n-1) {margin-left:0; clear:both;}
.down_wrap li .tt {font-size:12px; color:#fff; font-weight:500; line-height:30px; text-align:center; height:80px; margin-bottom:10px;}
.down_wrap li .tt p {font-size:10px; color:#fff; font-weight:500; line-height:14px; margin-top:5px;}
.down_wrap li a {display:block; font-size:11px; color:#666; font-weight:400; width:100%; height:30px; line-height:30px; padding:0 20px; background:url('/images/icon_down.png') no-repeat right 20px center #fff; margin:0 auto 5px;}
.nan {position:relative; overflow:hidden; border:#ccc 1px solid; border-bottom:0; margin-top:20px;}
.nan:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:2px;
	/* Permalink - use to edit and share this gradient:https://colorzilla.com/gradient-editor/#f7435d+0,ffcb5f+53,1ecf9d+100 */
	background:#f7435d; /* Old browsers */
	background:-moz-linear-gradient(left,  #f7435d 0%, #ffcb5f 53%, #1ecf9d 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(left,  #f7435d 0%,#ffcb5f 53%,#1ecf9d 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to right,  #f7435d 0%,#ffcb5f 53%,#1ecf9d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7435d', endColorstr='#1ecf9d',GradientType=1 ); /* IE6-9 */
}
.nan li {position:relative; float:left; width:33%; font-size:11px; color:#333; font-weight:500; line-height:40px; text-align:center;}
.nan li img {vertical-align:top; margin:15px 5px 0 0; width:12px;}
.nan li:after {content:""; position:absolute; top:50%; right:0; width:10px; height:30px; margin-top:-15px; background:url('/images/arrow_step.png') no-repeat 50% 50% / contain; margin-left:-5px;}
.nan li:nth-child(2) {width:34%;}
.nan li:last-child:after {display:none;}
/* 음악중재전문가 자격 시험 안내 */
.down_wrap2 {margin-top:0;}
.down_wrap2 li {height:auto; background-image:url('/images/bg_s0503.jpg'); padding-bottom:15px;}
.down_wrap2 li .tt {height:auto;}
/* 자격시험 서류 및 작성요령 */
.g05.s03 .btit {margin-top:20px;}
.g05.s03 .btit:fisrt-child {margin-top:0;}
/* 음악중재전문가 자격취득자 명단 */
.g05.s04 .jq_tab {display:table; width:100%; margin-bottom:20px;}
.g05.s04 .jq_tab li {position:relative; display:table-cell; width:14.2%; font-size:11px; color:#999; font-weight:500; line-height:40px; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; text-align:center; cursor:pointer;}
.g05.s04 .jq_tab li:before,
.g05.s04 .jq_tab li:after {content:""; position:absolute; left:50%; background:#60737e; transition:.2s linear;}
.g05.s04 .jq_tab li:before {bottom:0; width:0; height:4px;}
.g05.s04 .jq_tab li:after {width:0; height:0; transform:rotate(45deg); bottom:-4px;}
.g05.s04 .jq_tab li.on {color:#000;}
.g05.s04 .jq_tab li.on:before {left:0; width:100%;}
.g05.s04 .jq_tab li.on:after {width:6px; height:6px; margin-left:-3px;}
/* 보수교육 안내 */
.g06 .tbl td {padding:5px; font-size:11px;}
/* 보수교육 지침 */
.down_btns {display:inline-block; vertical-align:top; font-size:0; margin-top:10px;}
.down_btns a {display:inline-block; vertical-align:top; font-size:12px; color:#666; font-weight:400; line-height:36px; padding:0 30px 0 5px; background:url('/images/icon_down.png') no-repeat right 5px center / 14px; border:#ccc 1px solid; margin-right:5px;}
/* 보수교육 연장신청 */
.g06.s03 .btit {margin-top:20px;}
.g06.s03 .btit:first-child {margin-top:0;}
.ico_box {border-top:#000 2px solid; margin-top:20px;}
.ico_box li {position:relative; border-bottom:#ddd 1px solid; padding:20px 0 20px 70px;}
.ico_box li img {position:absolute; top:20px; left:0; width:60px;}

/* 임상수련 감독제도 안내 */
.ibox {position:relative; background:url('/images/bg_s0701.jpg') no-repeat 50% 50% / cover; padding:20px 0 20px 80px; font-size:12px; color:#fff; font-weight:500; line-height:20px;}
.ibox:before {content:""; position:absolute; top:50%; left:10px; width:60px; height:60px; margin-top:-30px; background:url('/images/icon_s0701.png') no-repeat rgba(255,255,255,.2) 50% 50% / 50%; border-radius:50%;}
.ibox p {color:#fff; margin-top:10px;}
.g07.s01 .btit {margin-top:35px;}
.g07.s01 .btit:first-child {margin-top:0;}
/* 임상수련감독자 정보 */
.down_board {text-align:center; margin-top:-8%; font-size:0;}
.down_board li {display:inline-block; vertical-align:top; width:48%; margin:8% 0 0 4%;}
.down_board li:nth-child(2n-1) {margin-left:0; clear:both;}
.down_board .img {width:100%; height:auto; background:url('/images/bg_downbaord.gif') no-repeat 50% 50% / cover; box-shadow:rgba(0,0,0,.1) 4px 4px 0; margin:0 auto 15px;}
.down_board .img .txt {display:table; width:100%; height:200px;}
.down_board .img .txt i {display:table-cell; vertical-align:top; padding:40px 30px ; font-size:14px; color:#333; font-weight:500; line-height:20px; text-align:center;}
.down_board a {display:block; font-size:13px; color:#666; font-weight:400; line-height:38px; padding:0 10px; width:90%; height:40px; text-align:left; background:url('/images/icon_down.png') no-repeat right 10px center; border:#ccc 1px solid; margin:0 auto;}

/* 로그인 */
.login_wrap {border:#ccc 1px solid; border-top:#2aad6b 5px solid;}
.login_wrap dt {text-align:center;}
.login_wrap dd {padding:20px 10px;}
.login_wrap dd p {font-size:14px; color:#333; font-weight:300; line-height:20px; margin-bottom:10px; text-align:center;}
.login_wrap .text {width:100%; height:40px; line-height:38px; margin-top:10px; font-size:13px; font-weight:300;}
.login_wrap .btn {display:block; margin-top:20px; font-size:13px; color:#fff; font-weight:700; width:100%; height:40px; line-height:38px; background:#2aad6b; border:0;}
.login_wrap .links {margin-top:25px; padding-top:21px; text-align:center; font-size:0; border-top:#ccc 1px solid;}
.login_wrap .links a {position:relative; display:inline-block; font-size:13px; color:#666; font-weight:300; padding:0 15px;}
.login_wrap .links a:after {content:""; position:absolute; top:50%; right:0; width:1px; height:20px; margin-top:-10px; background:#cfcfcf;}
.login_wrap .links a:last-child:after {display:none;}
/* 아이디 비번 찾기 */
.login_wrap.idpw_wrap dd {border-top:#ccc 1px solid; vertical-align:top; padding:30px 20px;}
.login_wrap.idpw_wrap dd:first-child {border-top:0;}
.login_wrap.idpw_wrap dd img {display:block; width:40px; margin:0 auto 10px;}
.login_wrap.idpw_wrap dd p {margin-top:10px;}
.login_wrap.idpw_wrap dd strong {display:block; margin-bottom:10px;}
/* 회원가입 */
.login_wrap.join_wrap dd {padding:40px 20px; height:auto; border-top:#ddd 1px solid;}
.login_wrap.join_wrap dd:first-child {border-top:0;}
.login_wrap.join_wrap .tit {font-size:18px; color:#333; font-weight:700; line-height:30px; margin:0 0 20px;}
.login_wrap.join_wrap textarea {width:100%; height:240px; border:0; font-size:12px; line-height:18px;}
.login_wrap.join_wrap label {display:block; border-top:#ccc 1px solid; padding:10px 0; text-align:center; font-size:13px; color:#666; font-weight:300; line-height:20px; margin-top:30px;}
.login_wrap textarea::-webkit-scrollbar {width:13px;}
.login_wrap textarea::-webkit-scrollbar-track {background-color:#e3e3e3; border-radius:6px;}
.login_wrap textarea::-webkit-scrollbar-thumb {background:#cacaca; border-radius:6px;}
.login_wrap textarea::-webkit-scrollbar-thumb:hover {background:#bbb;}
.login_wrap textarea::-webkit-scrollbar-thumb:active {background:#aaa;}
.login_wrap textarea::-webkit-scrollbar-button {display:none;}
.join_btns {text-align:center; font-size:0; margin-top:30px;}
.join_btns .btn {display:inline-block; width:48%; height:40px; font-size:13px; font-weight:700; text-align:center; margin:0 1%; vertical-align:top;}
.join_btns .btn_w {color:#2aad6b; line-height:38px; border:#2aad6b 1px solid;}
.join_btns .btn_g {color:#fff; background:#2aad6b; line-height:40px; border:0;}

.join_wrap table {border-top:#2aad6b 2px solid;}
.join_wrap th,
.join_wrap td {line-height:30px; padding:10px 0; border-bottom:#ddd 1px solid;}
.join_wrap th {font-size:13px; color:#333; font-weight:400; padding-left:5px;}
.join_wrap td {font-size:0; color:#666; font-weight:300;}
.join_wrap td .text {font-size:13px; color:#666; font-weight:300;}
.join_wrap td input.text,
.join_wrap td select.text {height:30px; line-height:28px; padding:0 5px;}
.join_wrap td em,
.join_wrap td span ,
.join_wrap td i {display:inline-block; font-size:12px; color:#666; font-weight:300; line-height:28px; vertical-align:top;}
.join_wrap td em {margin-left:10px; line-height:18px;}
.join_wrap td span {margin:0 10px 0 5px;}
.join_wrap td span.ml {margin-left:30px;}
.join_wrap td i {width:10%; text-align:center;}
.join_wrap td .wset1 {width:70%;}
.join_wrap td .wset2 {width:480px;}
.join_wrap td .wset3 {width:415px;}
.join_wrap td .wset4 {width:22%;}
.join_wrap td .wset5 {width:200px;}
.join_wrap td .w5p {width:5%;}
.join_wrap td button.btn {display:inline-block; font-size:13px; color:#666; font-weight:300; line-height:28px; border:#666 1px solid; width:30%;}
.join_wrap td p .text {margin-left:10px;}
.join_wrap td label {display:inline-block; font-size:13px; color:#666; font-weight:300; line-height:40px; vertical-align:top; margin-right:20px;}
.join_wrap td label input {margin-right:10px; width:16px; height:16px;}
.join_wrap thead th {padding:10px 0; background:#f7f7f7;}
.join_wrap .tit {position:relative; font-size:18px; color:#333; font-weight:700; line-height:24px; margin:30px 0 5px;}
.join_wrap .tit p {position:absolute; top:0; right:0; font-size:13px; color:#f1592a; font-weight:300; line-height:24px;}
.join_wrap .tit + table th {line-height:20px; padding:5px 0;}
.join_wrap .tit + table td {padding:10px 5px;}
.join_wrap .tit + table td.tal {position:relative;}
.join_wrap .tit + table td.tal .text {margin-bottom:5px;}
.join_wrap .tit + table td .tt {font-size:13px; color:#333; font-weight:500; margin-bottom:5px;}
.join_wrap .gbox {margin-top:30px; font-size:13px; color:#666; font-weight:300; line-height:20px;}
.join_wrap.end {text-align:center; border:#ddd 1px solid; border-top:#2aad6b 5px solid; padding:30px 20px;}
.join_wrap.end img {height:50px;}
.join_wrap.end strong {display:block; font-size:13px; color:#333; font-weight:700; line-height:20px; margin:15px 0 5px;}

/* 회비 및 자격정보 */
.mypage_wrap table {border-top:#2aad6b 2px solid;}
.mypage_wrap tbody th {border-left:#ddd 1px solid; font-weight:400;}
.mypage_wrap tbody th:first-child {border-left:0;}
.mypage_wrap .btit {margin-top:60px;}
.mypage_wrap .btit:first-child {margin-top:0;}
/* 회원탈퇴 */
.withdrawal_wrap {border:#ddd 1px solid; border-top:#2aad6b 2px solid; padding:40px 20px;}
.withdrawal_wrap strong {display:block; font-size:12px; color:#333; font-weight:300; line-height:18px; text-align:center;}
.withdrawal_wrap .texts {padding:10px 0; margin-top:10px;}
.withdrawal_wrap .texts th,
.withdrawal_wrap .texts td {font-size:13px; color:#666; line-height:30px; padding:5px 0;}
.withdrawal_wrap .texts th {width:30%; font-weight:400;}
.withdrawal_wrap .texts td {width:70%;}
.withdrawal_wrap .texts td .text {height:30px; line-height:28px;}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

.msg_sound_only, .sound_only {display:none   !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 다른 팝업 */
.ot_popup {position:fixed; top:0; left:0; width:100%; height:100%; z-index:60;}
.ot_popup .black {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
.ot_popup .inbox {position:absolute; top:50%; left:50%; width:96%; height:80vh; transform:translate(-50%,-50%); background:#fff; padding:10px; border-radius:10px;}
.ot_popup .btn_close {position:absolute; top:0; right:0; width:60px; height:60px; z-index:1;}
.ot_popup .btn_close:before,
.ot_popup .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:30px; height:2px; background:#000; margin-left:-15px;}
.ot_popup .btn_close:before {transform:rotate(45deg);}
.ot_popup .btn_close:after {transform:rotate(-45deg);}
.ot_popup .tit {font-size:18px; color:#333; font-weight:700; line-height:24px; text-align:center; padding:0 20px 10px; border-bottom:#ddd 1px solid; margin-bottom:10px;}
.ot_popup .over_box {position:absolute; top:0; left:0; width:100%; height:100%; padding:75px 10px 10px;}
.ot_popup p {position:relative; width:100%; height:100%; font-size:12px; color:#666; line-height:18px; overflow:auto;}

.lecture_tabs {text-align:center; font-size:0; margin-bottom:20px;}
.lecture_tabs li {display:inline-block; vertical-align:top; margin:0 5px; width:23%;}
.lecture_tabs li a {display:block; font-size:10px; color:#1e445b; line-height:26px; height:28px; width:100%; border:#ddd 1px solid; border-top-color:#1e445b;}
.lecture_tabs li.on a {color:#fff; background:#1e445b;}

/* 동영상 강의 */
.lecture_list {border-top:#2aad6b 2px solid;}
.lecture_list li {position:relative; border-bottom:#d6d6d6 1px solid; padding:10px 10px 10px 30px;}
.lecture_list li em {position:absolute; top:10px; left:0; width:20px; height:20px; line-height:20px; font-size:12px; color:#000; text-align:center;}
.lecture_list li .tt {font-size:15px; color:#333; font-weight:500; line-height:20px; margin-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lecture_list li p {font-size:15px; color:#878787; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lecture_list li .right {overflow:hidden; margin-top:10px;}
.lecture_list li .right .money,
.lecture_list li .right a {float:left; width:32%; height:30px; line-height:30px; text-align:center; margin-left:2%;}
.lecture_list li .right .money {font-size:12px; color:#878787; line-height:30px; margin-left:0;}
.lecture_list li .right a {display:block; font-size:12px;}
.lecture_list li .right .payment {color:#2aad6b; border:#2aad6b 1px solid; line-height:28px;}
.lecture_list li .right .lecture {color:#fff; background:#2aad6b; text-align:left; overflow:hidden; padding:0 5px;}
.lecture_list li .right .lecture i {display:block; float:right; vertical-align:middle; width:20px; height:20px; line-height:16px; border:#fff 2px solid; border-radius:50%; font-size:10px; text-align:center; margin-top:5px;}
.lecture_list li .right .lecture i:before {display:block; transform:scale(.8);}

.lecture_view {border-top:#2aad6b 2px solid; padding-top:30px;}
.lecture_view table {border-top:#bdbdbd 1px solid;}
.lecture_view th {font-size:14px; color:#333; line-height:22px; padding:15px 0; border-bottom:#bdbdbd 1px solid; text-align:center; background:#e8e8e8;}
.lecture_view td {padding:35px 0;}
.lecture_view td .tac iframe {display:block; margin:0 auto; width:100%; max-width:100%;}
.lecture_other {border-top:#000 1px solid;}
.lecture_other th,
.lecture_other td {border-bottom:#d6d6d6 1px solid; line-height:20px; height:41px; padding:10px 0; text-align:center;}
.lecture_other th {font-size:13px; color:#333; font-weight:500;}
.lecture_other td {padding:5px 0; line-height:30px; font-size:12px; color:#333;}
.lecture_other .tt {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lecture_other td.su {color:#2aad6b;}
.lecture_other td a {display:block; font-size:12px; width:100%; margin:0 auto 5px;}
.lecture_other td .problem {color:#2aad6b; border:#2aad6b 1px solid; line-height:28px;}
.lecture_other td .lecture {color:#fff; background:#2aad6b; text-align:left; overflow:hidden; padding:0 5px;}
.lecture_other td .lecture i {display:block; float:right; vertical-align:middle; width:20px; height:20px; line-height:16px; border:#fff 2px solid; border-radius:50%; font-size:10px; text-align:center; margin-top:5px;}
.lecture_other .end td.su {color:#333;}
.lecture_other .end .problem {color:#fff; background:#aaa; border-color:#aaa;}

.lecture_problem {border-top:#2aad6b 2px solid;}
.lecture_problem li {position:relative; border-bottom:#bdbdbd 1px solid; padding:15px 10px; font-size:12px; color:#333; line-height:20px;}
.lecture_problem li .select input {display:none;}
.lecture_problem li .select_radio {padding-left:10px;}
.lecture_problem li .select_radio .select {position:relative; display:block; padding-left:20px; font-size:12px; color:#525252; line-height:20px; margin-top:10px;}
.lecture_problem li .select_radio .select i {position:absolute; top:3px; left:0; width:14px; height:14px; line-height:12px; border-radius:50%; border:#525252 1px solid; font-size:11px; color:#525252; text-align:center; transition:.2s linear;}
.lecture_problem li .select_radio .select input:checked + i {font-size:0; background:#aaa; border-color:#aaa;}
.lecture_problem li .select_ox {overflow:hidden; margin-top:10px; padding-left:10px;}
.lecture_problem li .select_ox .select {float:left; margin-right:5px;}
.lecture_problem li .select_ox .select i {display:block; font-size:16px; color:#aaa; line-height:28px; height:30px; width:40px; border:#aaa 1px solid; text-align:center; transition:.2s linear;}
.lecture_problem li .select_ox .select input:checked + i {color:#fff; background:#aaa;}

.lecture_certificates {border-top:#2aad6b 2px solid;}
.lecture_certificates th,
.lecture_certificates td {border-bottom:#bdbdbd 1px solid; text-align:center;}
.lecture_certificates th {height:45px; font-size:13px; color:#333; font-weight:500;}
.lecture_certificates td {padding:10px 0; font-size:12px; color:#333; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lecture_certificates td a {display:block; font-size:12px; color:#fff; line-height:30px; height:30px; width:100%; text-align:center; background:#2aad6b; margin:0 auto;}

.print_wrap {position:relative; width:500px; height:500px; max-width:90vw; max-height:90vh; text-align:center;}
.print_wrap #print_btn {position:absolute; bottom:0; left:0; width:100%; height:50px; line-height:50px; font-size:15px; color:#fff; font-weight:500; background:#2aad6b; text-align:center;}

.over_tbl {position:relative; overflow:hidden; padding-top:24px; margin-top:20px;}
.over_tbl:before {content:"\f0a6 \ 좌우로 스크롤해주세요."; position:absolute; top:0; right:0; font-family:"Font Awesome 5 Free"; font-weight:900; animation:over_tbl 2s linear infinite;}
@keyframes over_tbl {
	0% {color:#666;}
	50% {color:#e17f07;}
	100% {color:#666;}
}
.over_tbl > div {overflow:auto;}
.over_tbl > div table {min-width:600px;}
.g06.s04 .over_tbl > div table {min-width:700px;}
.g06.s04 .over_tbl > div table td {padding:10px 5px;}

.pop_yak {position:fixed; top:50%; left:50%; width:90vw; background:#fff; transform:translate(-50%,-50%); box-shadow:rgb(0,0,0,.2) 0 0 10px; display:none; z-index:100;}
.pop_yak .btn_close {position:absolute; top:0; right:0; width:40px; height:40px; background:none; border:0;}
.pop_yak .btn_close:before,
.pop_yak .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:19px; height:1px; background:#fff; margin:0 0 0 -9px;}
.pop_yak .btn_close:before {transform:rotate(45deg);}
.pop_yak .btn_close:after {transform:rotate(-45deg);}
.pop_yak .tit {font-size:15px; color:#fff; font-weight:700; line-height:20px; background:#e0525c; text-align:center; padding:10px 40px;}
.pop_yak .con {padding:10px;}
.pop_yak .in {background:#fff; box-shadow:rgba(104,104,104,.22) 0 2px 16px; padding:25px 15px;}
.pop_yak .in p {font-size:13px; color:#333; line-height:20px; margin-top:10px;}
.pop_yak .in p:first-child {margin-top:0;}
.pop_yak .in .btn {display:block; font-size:15px; color:#fff; font-weight:700; line-height:40px; height:40px; width:100%; background:#e0525c; border-radius:24px; text-align:center; border:0; margin:20px auto 0;}
.pop_yak .in .btn_lbl {display:block; width:100%; margin:20px auto 0;}
.pop_yak .in .btn_lbl input.btn {display:none;}
.pop_yak .in .btn_lbl i {display:block; font-size:15px; color:#fff; font-weight:700; line-height:40px; height:40px; width:100%; background:#e0525c; border-radius:24px; text-align:center; border:0;}

.print_wrap {width:80vw; padding-top: 40px;}
.print_wrap #print_btn {position:absolute; top:0; left:0; width:100%; height:30px; line-height:30px; font-size:12px; color:#fff; font-weight:500; background:#2aad6b; text-align:center; display: block;}
.print_wrap .btn {display:none;}
.print_wrap .receipt_wrap {position:relative; margin:0 auto; background:#fff; border:#ddd 1px solid; border-radius:10px; padding:10px; box-shadow:rgba(0,0,0,.1) 5px 5px 10px; box-sizing:border-box;}
.print_wrap .txt {position:relative; z-index:1;}
.print_wrap .bglogo {position:absolute; top:50%; left:50%; width:50%; transform:translate(-50%,-105%); z-index:0;}
.print_wrap .num {font-size:10px; color:#666;}
.print_wrap .title {font-size:20px; color:#000; font-weight:bold; text-align:center; padding:15px 0;}
.print_wrap .name {font-size:10px; color:#666; line-height:18px; padding-left:50%; text-align: left;}
.print_wrap .course {font-size:10px; color:#000; line-height:18px; text-align:center;}
.print_wrap .con {font-size:10px; color:#333; font-weight:bold; line-height:18px; text-align:center; margin:20px 0;}
.print_wrap .con2 p {position:relative; padding-left:60px; font-size:10px; color:#666; line-height:18px; text-align:left;}
.print_wrap .con2 p em {position:absolute; top:0; left:0;}
.print_wrap .tac {font-size:10px; color:#333; line-height:18px; text-align:center; margin:15px 0;}
.print_wrap .btm {font-size:10px; color:#333; line-height:18px; text-align:center; letter-spacing:-1px;}
.print_wrap .stamp {position:relative; font-size:12px; color:#000; text-align:center; padding:20px 0; word-spacing:6px;}
.print_wrap .stamp img {position:absolute; top:0; right:0; width:auto; height:100%; z-index:-1;}
.print_wrap .last {font-size:12px; color:#000; line-height:22px; text-align:center;}

.convention_wrap {display:flex; flex-wrap:wrap; gap:20px 10px;}
.convention_wrap li {width:calc((100% - 10px)/2); box-shadow:rgba(69,69,69,.13) 0 3px 8px; padding:10px 0 20px; text-align:center; background: #fff;}
.convention_wrap li i {display:block; padding: 0 10px;}
.convention_wrap li span {display:block; line-height:1;}
.convention_wrap li .txt {margin-top:10px;}
.convention_wrap li .tit {font-size:18px; color:#333; font-weight:500; margin-bottom:15px;}
.convention_wrap li p {font-size:13px; color:#999; font-weight:300;}
.convention_wrap li .btn {font-size:13px; color:#999; font-weight:300; line-height:30px; height:30px; width:80%; text-align:center; margin:10px auto 0; background:#efefef;}
.bg_bar {position:relative;}
.bg_bar:before {content:""; position:absolute; top:-20px; left:50%; width:100vw; height:20px; background:#d8eee1; transform:translate(-50%,0);}

.convention_view .top {display:flex; flex-direction: column; margin-bottom:40px;}
.convention_view .top .logo {text-align:center;}
.convention_view .top .logo img {max-height: 100px;}
.convention_view .top .name {font-size:18px; color:#333; font-weight:500; line-height:30px; padding-bottom:10px; border-bottom:#ddd 1px solid; margin-bottom:20px;}
.convention_view .top .add {position:relative;}
.convention_view .top .add th,
.convention_view .top .add td {font-size:13px; color:#999; font-weight:300; line-height:20px;}
.convention_view .top .add th {position:relative; width:85px; text-align:left;}
.convention_view .top .add th:after {content:""; position:absolute; top:calc(50% - 8px); right:10px; width:1px; height:16px; background:#e1e1e1;}
.convention_view .top .add .btns {display:flex; gap:10px; margin-top: 20px;}
.convention_view .top .add .btns a {width:calc(50% - 5px); height:40px; line-height:38px; border:#1e445b 1px solid; text-align:center;}
.convention_view .top .add .btns .btn_l {color:#1e445b; background:#fff;}
.convention_view .top .add .btns .btn_play {color:#fff; background:#1e445b;}
.convention_view .top .add .btns .btn_play:before {content:""; display:inline-block; vertical-align:top; width:21px; height:38px; background:url('/images/icon_play.png') no-repeat 50% 50% / contain; margin-right:10px;}
.convention_view .tabs {display:flex; flex-wrap:wrap; border-bottom:#ddd 1px solid; margin-bottom:40px;}
.convention_view .tabs li {width:calc(100%/3);}
.convention_view .tabs li a {position:relative; display:block; font-size:13px; color:#333; font-weight:500; line-height:40px; text-align:center;}
.convention_view .tabs li.on a {color:#2dac62;}
.convention_view .tabs li.on a:after {content:""; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#2dac62;}
.convention_view .dlbox {display:flex; flex-direction:column; gap:60px;}
.convention_view .dlbox dl {display:flex; flex-direction: column;}
.convention_view .dlbox dt {position:relative; font-size:18px; color:#333; font-weight:700; line-height:1; padding-bottom: 20px;}
.convention_view .dlbox dt:after {content:""; display: block;  left:0; width:22px; height:4px; background:#2dac62; margin-top: 10px;}
.convention_view .dlbox dd iframe {max-width: 100%; height: 51vw;}
.convention_view .dlbox .nam {font-size:15px; color:#2dac62; font-weight:700; margin-bottom:10px;}
.convention_view .dlbox p {font-size:13px; color:#333; font-weight:300; line-height:20px; padding-left: 6px; text-indent: -6px;}

.grenbak { background:#d8eee1; padding-top: 50px;}

.ethics_payment {position:relative; width:100%; margin:0 auto; text-align:center; margin-top:50px; }
.ethics_payment .btn {width:160px; height:40px; text-align:center; display: inline-block; font-size:13px;  background:#2aad6b; color:#fff; border:0px; line-height:38px; }


.terms .terms_tit {font-size:11px; color:#333; font-weight:700; line-height:1; margin-top:30px;}
.terms .textarea {font-size:11px; color:#333; padding:10px; background:#f8f8f8; display: inline-block; margin-top:10px;}
.terms .flex.tac {justify-content:center; margin:10px 0px;}
.terms label.check {position:relative; padding-left:20px; font-size:12px; line-height:16px; display:block;text-align: left;}
.terms label.check input {display:none;}
.terms label.check i {position:absolute; top:0; left:0; width:16px; height:16px; border:#ddd 1px solid; border-radius:3px; transition:.2s linear;}
.terms label.check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#03598E; border-radius:2px; transition:.2s linear; transform:translate(-50%,-50%);}
.terms label.check input:checked + i {border-color:#03598E;}
.terms label.check input:checked + i:before  {width:6px; height:6px;}