@charset 'utf-8';

/*.btn_notice {border: solid 1px #afafaf;background: #7b7b7b;color: #FFF;width: 54px; margin: auto;}*/

/*
.tit {border:2px solid #dfdfdf; background: #f7f7f7; padding:30px; margin-bottom:20px;}
.tit dl {min-height: 30px}
.tit dl dd {padding:3px 0px 3px 12px; line-height: 150%; font-size:15px;}
*/

/*.normal-list {width:100%;margin:0 auto;color:#555;}
.normal-list table {border-top:solid 2px #e5e5e5; border-bottom:solid 2px #e5e5e5;border-collapse:collapse;}
.normal-list table th {height:40px; border-bottom:solid 3px #e5e5e5; text-align:center}
.normal-list table td {
line-height:20px;
height:35px;
border-bottom:solid 1px #e5e5e5;
letter-spacing:-0.05em;
word-break:break-all;
word-wrap:break-word;
text-align:center
}*/

/*.normal-list table td {font-size:14px; padding:7px 5px;}
.normal-list table td a {display:inline-block; cursor: pointer;}
.normal-list table td.subject {text-align:left;font-size:15px;}
.normal-list table td.subject a {color:#555;}
.normal-list table td.subject a:hover {color:#e58d40;}
.normal-list table td.date_v {font-size:14px;}
.normal-list table .sub-ject {min-width:410px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.normal-list span {font-family:"Trebuchet Ms",verdana,tahoma; font-size:11px; letter-spacing:0}*/


/*
.normal-view {width:100%;margin:0 auto;color:#555;}
.normal-view table {border-top:solid 2px #e5e5e5; border-bottom:solid 2px #e5e5e5;border-collapse:collapse;}
.normal-view table th {height:40px; border-bottom:solid 1px #fff; text-align:left; padding-left:10px; font-size:14px; background: #f5f4f4 url("/src/img/sub/education_bullet_01.png") no-repeat 20px center; padding-left:30px;}
.normal-view table td {line-height:20px;	border-bottom:solid 1px #e5e5e5;	letter-spacing:-0.05em;	word-break:break-all;	word-wrap:break-word;	font-size:14px; padding:8px}

.search_box {text-align:right;}
.search_box select {height:27px;}
.search_box .btn_style {background:#19c2e9; color:#fff; padding:6px 10px;}
*/


.apply_status {margin-top:30px; text-align:center;}


/*각 게시판*/
.normal-list .review .sub-ject {min-width:300px; text-align:justify} /*상품후기 내용보기*/
.normal-list .review .sub-ject a {margin-top:5px; display:block}
.normal-list .review .contents {padding:15px 10px 15px 0; text-align:justify}


.normal-list .reply {padding:0; text-align:center} /*1:1문의 사용*/


.view-bottomlist {margin-top:50px}


.board-wrap {min-width:90%;margin:0 auto;}
.board-wrap .date {font-size:12px; letter-spacing:0.05em}

/*리스트 상단*/
.list-top {/*height:30px; border-bottom:solid 1px #e5e5e5; *zoom:1*/}
.list-top:after {content:""; clear:both; display:block}
.list-top li {float:left}
.list-top .etc {letter-spacing:-0.05em}
.list-top .total {float:right; font-size:10px}
.list-top .total span {font-weight:bold; color:#454545}
.list-top .rad-che {*margin-top:8px; vertical-align:middle}


/* 온라인상담 개인정보*/
.privacy {border:1px solid #dfe1e1; height:150px; font-size:12px; width:96% !important; margin:10px 0px; overflow: scroll; padding:15px;}

@media all and (max-width: 767px) {

    .privacy {width:92% !important;}

}


/*공지사항*/
.list-notice {height:40px; line-height:40px; border:solid #e5e5e5; border-width:1px 1px 0 1px; overflow:hidden; margin: 0 0 20px 0; border-bottom: solid 1px #e5e5e5;}
.list-notice li {float:left; height:40px; line-height:40px}
.list-notice .sub-ject {width:85%; font-weight:bold; padding: 0 0 0 25px;}


/*버튼*/
.view .board-btn {padding-top:10px; border-top:1px solid #e5e5e5}
.board-btn a {display:inline-block; font-size:0; line-height:0}
.board-btn {margin-top:10px; height:35px; *zoom:1}
.board-btn:after {content:""; clear:both; display:block}
.board-btn .left-area {float:left}
.board-btn .left-area a {margin-right:3px}
.board-btn .right-area {float:right}
.board-btn .right-area a {margin-left:3px}


/*pagination & search*/
.board-bottom {border-top:1px solid #e5e5e5; *zoom:1}
.board-bottom:after {content:""; clear:both; display:block}
.board-bottom .pagination {margin-left:0px; float:left}

/*검색*/
.board-bottom .search {margin-top:10px; float:right; _text-align:right}
.board-bottom .search input.under-ts {height: 28px; line-height: 22px; border: 1px solid #aaa}
.board-bottom .search input.searchBtn{height: 30px; margin: -1px 0 0 0px;}

.view {}
/*상단*/
.view-top li {padding:0 10px; height:35px; line-height:35px; border-bottom:1px solid #e5e5e5}
.view-top span {display:inline-block}

.view-top .icon {font-size:0; line-height:0}
.view-top .subject {position:relative; height:50px; line-height:50px}
.view-top .subject span {position:absolute; top:0; right:10px}
.view-top .subject p {
	width:100%;
	font-family:"맑은 고딕","Malgun Gothic",dotum,돋움;
	font-size:26px;
	font-weight:400;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}

.view-top .writer {text-align:right;background:#fffcf0}
.view-top .writer span {margin-left:15px}
.view-top .writer strong {margin-left:5px}

.view-top .etc {padding-left:10px; height:45px; line-height:45px; background:#f8f8f8; letter-spacing:0.01em}
.view-top .etc span {font-weight:bold}



/*내용*/
.view .view-contents {
	padding:20px 10px;
	border-bottom:solid 1px #e5e5e5;
	line-height:1.8em;
	text-align:justify;
	word-break:break-all;
	word-wrap:break-word
}

#EditorViewer {color:#555;font-size: 15px;line-height: 18px;}
#EditorViewer ul,#EditorViewr ol {margin-left:40px;}
#EditorViewer ul li {list-style:disc;}
#EditorViewer ol li {list-style:decimal;}
#EditorViewer table {border-collapse:collapse;border:1px solid #c5c5c5;}
#EditorViewer a {text-decoration:underline;color:#32a1ff;}
#EditorViewer p {text-align:left;}
#EditorViewer h1 {font-size:28px;font-weight:bold;}
#EditorViewer h2 {font-size:24px;font-weight:bold;}
#EditorViewer h3 {font-size:20px;font-weight:bold;}
#EditorViewer h4 {font-size:16px;font-weight:bold;}
#EditorViewer strong {font-weight:bold;}
#EditorViewer p img {max-width:780px;}

.view-contents img {margin-top:10px;}


.various-form {width:98%;margin:0 auto;}

/*주문관련*/
.order .section-title {font-size:17px}

/*회원관련*/
.member .section-title {font-size:17px; border-bottom:1px solid #e5e5e5}


/*공통*/
.various-form b {color:#454545}
*html .various-form input {margin-top:9px}
*html .various-form input.rad-che {margin-top:0}
*html .various-form input.file {margin-top:0}
.various-form input.ts {padding:5px; height:23px; line-height:23px}
.various-form .show span {display:inline-block; font-family:NanumGothic,나눔고딕,"맑은 고딕","Malgun Gothic",dotum,돋움; font-size:11px}
.various-form .show em {font-family:NanumGothic,나눔고딕,"맑은 고딕","Malgun Gothic",dotum,돋움; font-size:11px}
.various-form textarea {margin:5px 0; width:98%}

.various-form label {cursor:pointer;}
.various-form .sec-tion {*zoom:1; border-bottom:solid 1px #e5e5e5}
.various-form .sec-tion:after {content:""; clear:both; display:block}
.various-form .sec-tion li { padding-left:10px;overflow:hidden;}
.various-form .lab {width:120px;margin-left:20px; display:inline-block; background:none}
.various-form .lab strong {display:inline-block; line-height:50px}
.various-form .lab-x {padding-left:130px}
.various-form .impor {background:url('../img/check_icon.gif') no-repeat right}

.various-form .show {margin-left:20px; *display:inline; width:600px; min-height:50px; height:auto !important; height:50px; line-height:50px; letter-spacing:0}
.various-form .another-show {margin-left:20px; *display:inline; width:600px; min-height:50px; height:auto !important; height:50px; letter-spacing:0}
.various-form .show p {margin:14px 0; text-align:justify; line-height:20px}
.various-form .show img {vertical-align:middle}
.various-form .show a {display:inline-block}
.various-form .line-up span {margin-right:10px}
*html .various-form .line-up span {margin-top:16px}
*html .various-form .show select {position:relative; top:13px; vertical-align:top}
.various-form .show ul {margin:12px 0}
.various-form .show ul li {margin:3px 0}

.various-form .another-section {*zoom:1; border-bottom:1px solid #e5e5e5}
.various-form .another-section:after {content:""; clear:both; display:block}
.various-form .another-section li {padding-left:10px; float:left}
.various-form .another-section .show {width:250px}




/*자동등록방지 코드 입력*/
.various-form .prevent {padding:10px 0; font-size:0; line-height:0}
.various-form .prevent .code {_margin-top:0; height:48px}
.various-form .prevent span {margin-left:10px}
.various-form .prevent a {display:inline-block}


.various-form .etc-space {padding:10px 10px 0 10px}
.various-form .ex-plain {
	margin-left:150px;
	clear:both;
	display:inline;
	height:25px;
	font-family:NanumGothic,나눔고딕,"맑은 고딕","Malgun Gothic",dotum,돋움
}


/*글작성 폼*/
.various-form .writing {padding:5px 10px; border-bottom:1px solid #e5e5e5;position:relative;}


/*첨부파일*/
.various-form .attachedfile {}
.various-form .attachedfile ul {line-height:0; font-size:0}
.various-form .attachedfile ul li {padding-left:0; float:none}
.various-form .attachedfile strong {margin-right:25px}
.various-form .attachedfile input {height:25px}
.various-form .attachedfile .lab a {
	margin:0 2px;
	display:inline-block;
	width:18px;
	height:18px;
	line-height:17px;
	text-align:center;
	color:#fff;
	background:#454545
}

.attachbox {position:relative;clear:both;}
.attachbox .con_file_plus {cursor:pointer;}
.attachbox .con_file_minus {cursor:pointer;}

.uploaded_list li {clear:both;display:block;margin:2px 0px;}

.attach_list {overflow:hidden;}
.attach_list li {clear:both;display:block;margin:2px 0px;}
.attach_list li .fileinput {width:220px;}

/* UI Object */
.ly_loading{width:150px;left:365px;top:140px;position:absolute;}
.ly_loading p,.ly_loading img{margin:0;padding:0;font-family:'돋움',Dotum,'굴림',Gulim,AppleGothic,Sans-serif;font-size:12px;line-height:normal}
.ly_loading img{border:none}
.ly_loading .dsc_loading{position:relative;width:100%;padding-bottom:7px;font-weight:normal;letter-spacing:-1px}
/* //UI Object */



.fieldBox { padding:10px 5px;border-bottom:1px solid #ddd; }
.fieldBox dl { overflow:hidden; color:#666; line-height:1.5em; }
.fieldBox dt { float:left; padding:0; margin:0; font-weight:bold;}
.fieldBox dd { padding-right:20px }
.fieldBox dd ul {margin-left:100px;}
.fieldBox dd a { display:inline-block; padding-left:10px; color:#666;}
.fieldBox dd a:hover,
.fieldBox dd a:focus,
.fieldBox dd a:active { color:#e60000;text-decoration:none }

/*페이지네이션*/
.pagi-nation {margin:-1px 0 -1px 0; font-family:"Nunito", "Trebuchet MS", tahoma, verdanda; font-style:normal; font-size:0; line-height:33px; text-align:center}
.pagi-nation span, .pagi-nation a {font-size:11px; display:inline-block; vertical-align:middle}
.pagi-nation span a {color:#454545}
.pagi-nation .move {padding:0 10px; height:35px}
.pagi-nation .number {}
.pagi-nation .number a {margin-right:-1px; width:33px; height:33px; border:1px solid #e5e5e5}
.pagi-nation .number a:hover {background:#444; color:#fff}
.pagi-nation .number a.current {font-weight:600; background:#444; color:#fff}


/* 모바일 Overwite */
.mobile_board table {font-size:12px;}
.mobile_board input,
.mobile_board select {font-size:12px;}
.mobile_board .pagination {margin:-1px 0 5px 0; font-family:"Nunito", "Trebuchet MS", tahoma, verdanda; font-style:normal; font-size:0; text-align:center;}
.mobile_board .pagination span, .pagi-nation a {font-size:11px; display:inline-block; vertical-align:middle;}
.mobile_board .pagination span a {color:#454545;}
.mobile_board .pagination .move {padding:2 10px; }
.mobile_board .pagination .number {}
.mobile_board .pagination .number a {margin-right:-1px; border:1px solid #e5e5e5;padding:2px 6px;}
.mobile_board .pagination .number a:hover {background:#444; color:#fff;}
.mobile_board .pagination .number a.current {font-weight:600; background:#444; color:#fff;}


.gallery-list {}
.gallery-list .thumbnails {margin:0 10px 50px 10px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; border-bottom:1px solid #d5d5d5}
.gallery-list .thumbnails ul {}
.gallery-list .thumbnails ul li {padding-bottom:10px; width:200px}
.gallery-list .thumbnails ul li span {font-family:"Trebuchet Ms",verdana,tahoma; font-size:11px; letter-spacing:0}
.gallery-list .thumbnails ul .sub-ject {text-align:justify; word-break:break-all; word-wrap:break-word; line-height:22px; font-size:16px; letter-spacing:-1.5px}
.gallery-list .thumbnails ul .sub-ject li a {color:#333; font-weight:400}
.gallery-list .thumbnails ul .name {color:#555}
.gallery-list .thumbnails a {display:inline-block}

.gallery-list .data-nothing {border-bottom:1px solid #e5e5e5}


/* 센터일정 */
#G4_LIST{margin:0 auto; text-align:left; font-size:13px;}
#G4_LIST a{ text-decoration:none; padding-left:0px; }
#G4_LIST *{margin:0; padding:5px 5px 0 5px; color:#333333; vertical-align:top;}
#G4_LIST img{border:0; padding-top:5px;}
#G4_LIST .subject{padding-bottom:30px; font-size:12pt; text-align:center;}
#G4_LIST .subject strong{ font-weight:bold; color:#222; font-size:32px; line-height: 32px; }
#G4_LIST .subject .b_left {float:left;}
#G4_LIST .subject .r_left {float:right;}
#G4_LIST table{width:100%; border-collaspe:separate;}
#G4_LIST table tr td {line-height:20px;}
.monthover { background-color:#eee;padding:4px 5px 0 5px; vertical-align:top;line-height:20px; }
#G4_LIST table tr td.sunday{width:15%; padding:7px 0 5px 0; background:#ED7246 url("../img/g_sunday.gif") repeat-x; color:#FFFFFF; font-weight:bold; text-align:center;}
#G4_LIST table tr td.saturday{width:15%; padding:7px 0 5px 0; background:#4496BE url("../img/g_saturday.gif") repeat-x; color:#FFFFFF; font-weight:bold; text-align:center;}
#G4_LIST table tr td.weekday{width:14%; padding:7px 0 5px 0; background:#C9C9C9 url("../img/g_weekday.gif") repeat-x; color:#FFFFFF; font-weight:bold; text-align:center;}
#G4_LIST table tr td.default{height:100px; padding:7px 5px 0 5px; border:1px solid #E1E1E1; vertical-align:top; }
#G4_LIST table tr td strong.white{color:#FFFFFF;}
#G4_LIST table tr td strong.red{color:#FF0000;}
#G4_LIST table tr td div{padding-bottom:5px;}
#G4_LIST table tr td div a {padding-bottom:10px; line-height:16px;}
#G4_LIST p.button{padding-top:10px; text-align:right;}
#G4_LIST p.button input.root{height:23px; padding:4px 3px 0 3px; border:1px solid #B0CBEA; background:#EFF8FD; color:#7F9DB9; font-weight:bold; cursor:pointer;}
#G4_LIST p.button input.button{height:23px; padding:4px 3px 0 3px; border:1px solid #DCDCDC; background:#FAFAFA; color:#888888; font-weight:bold; cursor:pointer;}
.btn_right{ width:100%;float:left; padding:0 10px 50px 5px; margin-right:20px;text-align:center; }


@media all and (max-width: 767px) {

    #G4_LIST .subject {font-size:1.1em; text-align:center; padding:0px 0px 15px 0px;}
    #G4_LIST .subject .b_left {width:25%;}
    #G4_LIST .subject .r_left {width:25%;}
    #G4_LIST .subject strong{font-size:1.3em; }
	
}



/* 패스워드 */
.password-confirm {border:3px solid #efefef; width:500px; margin:0 auto; padding:30px; text-align: center;}
.password-confirm .password-title .tit {border-bottom:1px solid #efefef; padding-bottom:10px; margin-bottom:10px; font-size:20px; font-weight: 600;}
.password-confirm .password-title .sub_tit {font-size:14px; margin-bottom:20px;}


/*인트라넷 탭*/
.default_tab {clear: both;}
.default_tab ul {margin-bottom:40px; padding-bottom:20px; border-bottom:2px solid #efefef;}
.default_tab ul:after {clear: both; display: block; content: "";}
.default_tab ul li {border:1px solid #dfe1e1; background: #f1f1f2; margin-right:5px; float:left; text-align: center; padding:15px 0px}
.default_tab ul li a {padding:30px; 0px;}
.default_tab ul li.current {border:1px solid #d87b26; background: #ef963b; color:#fff;}
.default_tab ul li.current a {color:#fff;}



/*대상자의뢰 */
.intra_h3  {font-size:40px; text-align: center; color:#000; font-family: "NanumSquareR"; margin-bottom:20px; margin-top:25px;}

.t_section { margin-bottom:40px;}
.t_section h3 {background: url("/src/img/sub/bullet_02.jpg") no-repeat left 5px; color:#de6d08; font-size:18px; font-weight: 600; padding-left:25px; margin-bottom:10px;}
.t_section h3 span {font-size:13px; color:#555; padding-left:10px;}
.t_section h3 span.red {color:#de2608;}

.t_section table{ border-top:2px #de6d08 solid; width:100%; word-wrap:break-word;}
.t_section table th {padding:7px; border:1px #e0e5e3 solid; background-color:#f7f7f7;  font-size:13px;}
.t_section table td{padding:7px; border:1px #e0e5e3 solid;}
.t_section table input {}
.t_section table input[type="radio"], input[type="checkbox"] {margin:8px 0px;}
.t_section table input[type="file"] {width:95%;}
.t_section table textarea {width:90%; height:100px;}
.t_section table .certi_input{width:25%; margin:0 5px;}
.t_section table .certi_input02{width:25%; margin-left:0px;}
.t_section table .ff_input{width:75%}
.t_section table .psy_input{width:35%; margin:0 5px;}
.t_section table .tel_input{width:20%; margin:0 3px;}
.t_section table .sa_input{width:60%;}
.t_section table .tel02_input{width:18%; margin:0 3px;}
.t_section table .radio_input{width:15px; margin:0 5px 5px 10px; border:0px;}
.t_section table .radio_box td{font-size:12px;}
.t_section .star {color:#de2608; padding-left:10px;}
.t_section .info {color:#444; font-size:13px;}
.t_section .useGuide {font-size:12px;padding:20px; height:150px;background-color:#f9f9f9; border:1px solid #ddd;overflow:auto;}
.t_section .CntBasic {line-height:1.5em;}
.t_section .CntBasic h4 {font-size:18px;margin-bottom:10px;}
.t_section .CntBasic h5 {font-size:15px;color:#c67e3d;margin-bottom:10px;}
.t_section .Agree {text-align:right; margin-top:5px;}
.t_section .check {border:3px solid #f2f2f2; padding:20px;}
.t_section .check {border:4px solid #f2f2f2;padding:30px 20px;}
.t_section .check ul {background-color:#f2f2f2; padding:20px 0; }
.t_section .check ul li {margin:8px 0; background: url("/src/img/sub/s0403_check_i01.png") no-repeat 150px 0px; font-size:20px;font-weight:bold; padding-left:250px;}
.t_section .check ul li span  {font-size:13px; font-weight: normal;}
.t_section .check dl {overflow:hidden; width:450px; margin:10px auto;}
.t_section .check dl dt {float:left; width:110px; background: url("/src/img/sub/icon_arrow.jpg") no-repeat left center; padding-left:10px;}
.t_section .check dl dd input[type="text"]{width:80px;}


.selectboxStyle{height: 30px; min-width: 15%; font-size: 13px;}
.sns {text-align: right; margin: 10px auto;}

/* 페이지네이션 스타일 */
.pagination_box {text-align:left; margin-top:30px;}
.pagination_box a {display:inline-block;*zoom:1;*display:inline;padding:3px 6px;border:1px solid #e5e5e5;background:#fff;color:#444 !important;margin:0px 2px;}
.pagination_box a.current,
.pagination_box a:hover {background:#4e4e4e;border:1px solid #000;color:#fff !important;}
/* 페이지네이션 스타일 */




/* 교육신청 */
#subWrap #container .contents {padding:35px 0;}
/*#subWrap #container .contents h2.tit {text-align:center;font-weight:bold;font-size:40px;padding:50px 0 0 0;position:relative;margin:0 0 40px 0;}*/
/*#subWrap #container .contents h2.tit:before {position:absolute;content*/:"";width:1px;height:44px;left:50%;top:0;transform:translateY(-50%);background:#e8e8e8;}

/*#subWrap #container .contents ul.cate {margin:0 auto 27px;display:block;width:100%;max-width:1200px;font-size:0;text-align:center;}
#subWrap #container .contents ul.cate li {display:inline-block;width:18.18%;margin:0 1.8% 1.8% 0;text-align:center;}
#subWrap #container .contents ul.cate li:last-child {margin-right:0;}
#subWrap #container .contents ul.cate li a {border:1px solid #e8e8e8;display:block;padding:15px 0;border-radius:15px;font-size:14px;color:#333;box-sizing:border-box;}

#subWrap #container .contents ul.cate li.on a, #subWrap #container .contents ul.cate li:hover a{color:#fff;font-weight:bold;background:#5f5f5f}*/


#subWrap #container .contents .main_remark {background:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin:0 0 35px 0;}
#subWrap #container .contents .main_remark p {font-size: 16px;line-height:25px;color:#333;border-radius:5px;width:94.16%;margin:0 auto;}

#subWrap #container .contents ul.cate {font-size:0;text-align:center;margin:0 0 50px 0;}
#subWrap #container .contents ul.cate li {display:inline-block;border:1px solid #ddd;box-sizing:border-box;border-right:none;}
#subWrap #container .contents ul.cate li:last-child {border-right:1px solid #ddd;}	
#subWrap #container .contents ul.cate li a {display:block;font-size:15px;padding:20px 0;font-weight:bold;}
#subWrap #container .contents ul.cate li.on, #subWrap #container .contents ul.cate li:hover {background:#8c3d85;border:1px solid #000;}
#subWrap #container .contents ul.cate li.on a, 	#subWrap #container .contents ul.cate li a:hover {color:#fff;}

#subWrap #container .contents ul.cate li:first-child:nth-last-child(4),
#subWrap #container .contents ul.cate li:first-child:nth-last-child(4) ~ li {width: 25%;}



/* 교육신청 리스트 */
/*
#subWrap #container .contents .apply_tbl {width:100%;font-size:14px;letter-spacing:0;}
#subWrap #container .contents .apply_tbl th {padding:20px 0;}
#subWrap #container .contents .apply_tbl td {padding:15px 0;text-align:center;}
#subWrap #container .contents .apply_tbl th, #subWrap #container .contents .apply_tbl td {border:1px solid #e8e8e8;border-left:none;border-right:none;}


#subWrap #container .contents .apply_tbl td span.status {display:block;font-weight:bold;padding:10px 15px;border-radius:10px;color:#fff;width:82px;margin:0 auto;font-size:14px;}
#subWrap #container .contents .apply_tbl td span.status a{ color:#fff;}

#subWrap #container .contents .apply_tbl td span.status.pos {background:#faae5c;}	
#subWrap #container .contents .apply_tbl td span.status.impos {background:#5f5f5f;}	


/* 교육신청 라이트 */

#subWrap #container .contents .apply_write {}

#subWrap #container .contents .apply_write .privacy {margin:0 auto; margin-top:15px; border:1px solid #efefef; padding:20px;font-size:14px;min-height:320px;}

#subWrap #container .contents .apply_write .privacy p.tit {text-align:center;margin:0 0 20px 0;width:100%;}
#subWrap #container .contents .apply_write .privacy p.exp {margin:0 0 30px 0}

#subWrap #container .contents .apply_write .privacy dl {margin-bottom:30px;}
#subWrap #container .contents .apply_write .privacy dl dt {font-size:16px; font-weight:bold;margin:0 0 10px 0;}
#subWrap #container .contents .apply_write .privacy dl dd {color:#666; line-height:25px; }
#subWrap #container .contents .apply_write .agree_chk {margin-top:10px; font-size:16px;text-align:right;}

#subWrap #container .contents .apply_write p.tit {background: url(/src/img/sub/main_bullet.jpg) left top no-repeat;display: inline-block;padding: 10px 0 0 0;font-size: 20px;color: #333;font-weight: bold;}


#subWrap #container .contents .apply_write .write_tbl {margin:30px 0 0 0;font-size:14px;letter-spacing:0;}
#subWrap #container .contents .apply_write .write_tbl th {text-align:left;background:#fafafa;padding:20px 0 20px 15px;}

#subWrap #container .contents .apply_write .write_tbl td {text-align:left;padding:15px;/*border-right:1px solid #e8e8e8!important;*/}

#subWrap #container .contents .apply_write .write_tbl td:last-child {border-right:none!important;}


#subWrap #container .contents .apply_write .write_tbl th, #subWrap #container .contents .apply_write .write_tbl td{
	border:1px solid #e8e8e8;border-left:none;border-right:none;
}


#subWrap #container .contents .apply_write .write_tbl td input.post_num {line-height:26px;color:#fff;border: 1px #ddd solid;background: #5d5d5d;;padding: 0 10px;vertical-align: middle;text-align:center;}



#subWrap #container .contents .apply_write .write_tbl tr:nth-child(9) td,
#subWrap #container .contents .apply_write .write_tbl tr:nth-child(12) td
{background:#fafafa;text-align:center;font-weight:bold;}


#subWrap #container .contents .apply_write .write_tbl td input.vali_chk {background:#555;color:#fff;padding:5px 10px;}

#subWrap #container .contents .apply_write .write_tbl td input[type="text"],
#subWrap #container .contents .apply_write .write_tbl td input[type="password"] {width:calc(100% - 10px);max-width:150px;}

#subWrap #container .contents .apply_write .write_tbl td input.addr_main, 
#subWrap #container .contents .apply_write .write_tbl td input.addr_detail
{display:block;max-width:440px;margin:5px 0 0 0;padding:5px;}*/





#layer {display:none;position:fixed;overflow:hidden;z-index:1;-webkit-overflow-scrolling:touch;width:100%!important;max-width:425px;}


@media all and (max-width: 767px) {
	.gallery-list {width:100%;}
	.gallery-list .thumbnails {width:94%; margin:3%;}
	.gallery-list .thumbnails ul {margin:2% 2% 5% 2%;}
	.gallery-list .thumbnails ul li {padding-bottom:10px; width:100%; }
	.gallery-list .thumbnails ul li a {width:100%; }
	.gallery-list .thumbnails ul li img {width:100%; height:100%;}
	.gallery-list .thumbnails ul .name {color:#555}
	.gallery-list .thumbnails a {display:inline-block}
	.sub-ject > a {font-size:1.4em;}

	.normal-list {width:100%; margin:0 auto}
	.normal-list table th {font-size:0.9em;}
	.normal-list table td, .normal-list table td.subject {font-size:0.85em; word-spacing:-2px; position:relative;}
	.normal-list table td.list-num {font-size:0.8em; letter-spacing:-2px;}


	.various-form .lab {width:20%; margin: 4% 0}
	.various-form .lab strong {line-height:1em; margin: 4% 0}
	.various-form input.ts {width:75% !important}
	.various-form .writing {padding:0}
	.various-form .sec-tion li {padding-left:0}
	.various-form .attachbox {display:none}

	#EditorViewer > p {font-size:14px}
    #EditorViewer {line-height: 150%;}
    #EditorViewer img {width:100%}
    
    .view-top li {padding:0px;}
    .view-top .subject {position:relative; height:50px; line-height:50px}
    .view-top .subject p {font-family:돋움;  font-size:1.1em!important; }

	.edu_btn1 {position:absolute; right:-33px; top:10px; width:200%;}
	.edu_btn2 {position:absolute; right:-6px; width:200%;}
	.normal-view table th {background: #f5f4f4 !important; padding-left:10px;}


    
    
    
}






/* contents */
#subWrap #container .contents {padding:35px 0;color:#111}
#subWrap #container .contents h2.tit  {text-align:center;font-weight:bold;font-size:25px;margin:0 0 45px 0;}
	
#subWrap #container .contents h2.tit span {position:relative;padding:0 0 10px 0;}
#subWrap #container .contents h2.tit span:before {position:absolute;content:"";width:100%;height:3px;background:#8c3d85;position:left:0;bottom:0;}
	

#subWrap #container .contents .main_remark {background:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin:0 0 35px 0;padding:25px 0;}
#subWrap #container .contents .main_remark p {font-size: 16px;line-height:25px;color:#333;border-radius:5px;width:94.16%;margin:0 auto;letter-spacing:-1px;}


#subWrap #container .contents ul.cate {font-size:0;text-align:center;margin:0 0 50px 0;}
#subWrap #container .contents ul.cate li {display:inline-block;border:1px solid #ddd;box-sizing:border-box;border-right:none;}
#subWrap #container .contents ul.cate li:last-child {border-right:1px solid #ddd;}	
#subWrap #container .contents ul.cate li a {display:block;font-size:15px;padding:20px 0;}
#subWrap #container .contents ul.cate li.on {background:#8c3d85;border:1px solid #000;}
#subWrap #container .contents ul.cate li.on a{color:#fff;}

#subWrap #container .contents .m_cate {display:none;width:100%;height:40px;margin:20px 0;border-radius:5px;border:1px solid #ddd;text-indent:10px;}

#subWrap #container .contents ul.cate li:first-child:nth-last-child(4),
#subWrap #container .contents ul.cate li:first-child:nth-last-child(4) ~ li {width: 25%;}

/* program */
.prog_wrap {font-size:0;}
.prog_wrap .prog_con {display:inline-block;width:31.83%;margin:0 2.25% 2.25% 0;font-size:12px;border:1px solid #dedddd;border-radius:10px;overflow:hidden;box-sizing:border-box;vertical-align:top;position:relative;}
.prog_wrap .prog_con:hover .apply_cover {opacity:1;transition:0.5s;}
.prog_wrap .prog_con:nth-child(3n) {margin-right:0;}
.prog_wrap .prog_con .thumb {width:100%;height:200px;overflow:hidden;}
.prog_wrap .prog_con .thumb img {width:100%;}
	
.prog_wrap .prog_con .prog_info {padding:20px 0 25px;width:84.29%;margin:0 auto;}
.prog_wrap .prog_con .prog_info ul.prog_label {font-size:0;}
.prog_wrap .prog_con .prog_info ul.prog_label li {display:inline-block;font-size:11px;padding:5px 8px;border:1px solid;border-radius:3px;margin:0 7px 0 0;box-sizing:border-box;}
.prog_wrap .prog_con .prog_info ul.prog_label li.cate.t1 {color:#8c3d85;border-color:#8c3d85;}
.prog_wrap .prog_con .prog_info ul.prog_label li.cate.t2 {color:#30721e;border-color:#30721e;}
.prog_wrap .prog_con .prog_info ul.prog_label li.cate.t3 {color:#1920b9;border-color:#1920b9;}
.prog_wrap .prog_con .prog_info ul.prog_label li.time {color:#797979;border-color:#797979;}
.prog_wrap .prog_con .prog_info ul.prog_label li.certif.t1 {color:#f70253;border-color:#f70253;}
.prog_wrap .prog_con .prog_info ul.prog_label li.certif.t2 {color:#da7f09;border-color:#da7f09;}

.prog_wrap .prog_con .prog_info .prog_detail p.tit {font-size:14px;color:#000;font-weight:bold;margin:15px 0;}
.prog_wrap .prog_con .prog_info .prog_detail ul.detail li {margin:0 0 7px 0;}
.prog_wrap .prog_con .prog_info .prog_detail ul.detail li:last-child {margin:0;}
.prog_wrap .prog_con .prog_info .prog_detail ul.detail li span.col {display:inline-block;margin:0 20px 0 0;}


.prog_wrap .prog_con .prog_info ul.m_btn {margin:20px 0 0 0;display:none;}
.prog_wrap .prog_con .prog_info ul.m_btn li {display:inline-block;width:48%;text-align:center;background:#000;border-radius:5px;margin:0 2% 2% 0;}
.prog_wrap .prog_con .prog_info ul.m_btn li:last-child{margin-right:0;}	
.prog_wrap .prog_con .prog_info ul.m_btn li a {display:block;color:#fff;padding:10px 0;font-size:14px;}

.prog_wrap .prog_con .apply_cover {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(140,61,133,0.95);color:#fff;text-align:center;opacity:0;}
.prog_wrap .prog_con .apply_cover p.tit {margin:100px auto 0;font-size:30px;font-weight:bold;width:100%;max-width: 230px;line-height:40px;}
	
.prog_wrap .prog_con .apply_cover ul.btn {margin:75px 0 0 0;}
.prog_wrap .prog_con .apply_cover ul.btn li {display:inline-block;background:#fff;border-radius:20px;margin:0 4px;cursor:pointer;}
.prog_wrap .prog_con .apply_cover ul.btn li a {display:block;color:#8c4186;font-size:15px;font-weight:bold;padding:15px 25px;border-radius:20px;cursor:pointer;}
	
	
	
/* program pagination */
#subWrap #container .contents .prog_wrap ul.pagination {text-align:center;margin:30px 0 50px 0;font-size:16px;}
#subWrap #container .contents .prog_wrap ul.pagination li {display:inline-block;}
#subWrap #container .contents .prog_wrap ul.pagination li.prev a,
#subWrap #container .contents .prog_wrap ul.pagination li.gt_prev a,
#subWrap #container .contents .prog_wrap ul.pagination li.next a,
#subWrap #container .contents .prog_wrap ul.pagination li.gt_next a
{background:#f8f8f8;}
#subWrap #container .contents .prog_wrap ul.pagination li a {display:block;color:#fff;width:100%;min-width:22px; padding:5px 0;border-radius:5px;background:#888;font-size:12px;}
#subWrap #container .contents .prog_wrap ul.pagination li.on a.num {background:#8c3d85;font-weight:bold;}
	
	
	
/* 1200 */		
@media all and (max-width:1200px){
	
#subWrap #container .sub_inner {width:95%;}
#subWrap #container .contents .main_remark p {margin:0 auto 15px;}
#subWrap #container .contents .main_remark p:last-child {margin:0 auto;}

}
	
/* 1024 */
@media all and (max-width:1024px){

.prog_wrap .prog_con {width:49%;margin:0 2% 5% 0!important;}
.prog_wrap .prog_con:nth-child(2n) {margin-right:0!important;}
.prog_wrap .prog_con .thumb {height:auto;}
.prog_wrap .prog_con .thumb img {width:100%;}

	
#subWrap #container .contents ul.cate li:first-child:nth-last-child(4), #subWrap #container .contents ul.cate li:first-child:nth-last-child(4) ~ li {width:50%;vertical-align: top;}
	
#subWrap #container .contents ul.cate li:nth-child(1){border-bottom:none;}
#subWrap #container .contents ul.cate li:nth-child(2){border-right:1px solid #ddd;border-bottom:none;}
#subWrap #container .contents ul.cate li.on {border:1px solid #000!important;}
	
	
.prog_wrap .prog_con .prog_info ul.prog_label li {margin:0 1% 1% 0;text-align:center;vertical-align:top;}
.prog_wrap .prog_con:hover .apply_cover {display:none;}
	
.prog_wrap .prog_con .prog_info ul.m_btn {display:block;}

	
}
	
	
/* 768 */
@media all and (max-width:768px){
#subWrap #container .contents ul.cate {display:none;}
#subWrap #container .contents .m_cate {display:block;}
.prog_wrap .prog_con {width:100%;margin:0 0 4% 0!important;}
.prog_wrap .prog_con .prog_info ul.m_btn li {display:block;width:100%;margin:0 0 2% 0;}

}
	
/* 425 */
@media all and (max-width:425px){
.prog_wrap .prog_con .prog_info {width:91.29%}
.prog_wrap .prog_con .prog_info ul.prog_label li.cate {letter-spacing:-1px;}
}














<style type="text/css">
/* contents */
#subWrap #container .contents {padding:35px 0;color:#111}
#subWrap #container .contents h2.tit  {text-align:center;font-weight:bold;font-size:25px;margin:0 0 45px 0;}
	
#subWrap #container .contents h2.tit span {position:relative;padding:0 0 10px 0;}
#subWrap #container .contents h2.tit span:before {position:absolute;content:"";width:100%;height:3px;background:#8c3d85;position:left:0;bottom:0;}
	

#subWrap #container .contents .main_remark {background:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin:0 0 35px 0;padding:25px 0;}
#subWrap #container .contents .main_remark p {font-size: 16px;line-height:25px;color:#333;border-radius:5px;width:94.16%;margin:0 auto;letter-spacing:-1px;}


#subWrap #container .contents ul.cate {font-size:0;text-align:center;margin:0 0 50px 0;}
#subWrap #container .contents ul.cate li {display:inline-block;border:1px solid #ddd;box-sizing:border-box;border-right:none;}
#subWrap #container .contents ul.cate li:last-child {border-right:1px solid #ddd;}	
#subWrap #container .contents ul.cate li a {display:block;font-size:15px;padding:20px 0;}
#subWrap #container .contents ul.cate li.on {background:#8c3d85;border:1px solid #000;}
#subWrap #container .contents ul.cate li.on a{color:#fff;}

#subWrap #container .contents .m_cate {display:none;width:100%;height:40px;margin:20px 0;border-radius:5px;border:1px solid #ddd;text-indent:10px;}

#subWrap #container .contents ul.cate li:first-child:nth-last-child(4),
#subWrap #container .contents ul.cate li:first-child:nth-last-child(4) ~ li {width: 25%;}

/* program */
.prog_wrap {font-size:0;}
.prog_wrap .prog_con {display:inline-block;width:31.83%;margin:0 2.25% 2.25% 0;font-size:12px;border:1px solid #dedddd;border-radius:10px;overflow:hidden;box-sizing:border-box;vertical-align:top;position:relative;}
.prog_wrap .prog_con:hover .apply_cover {opacity:1;transition:0.5s;}
.prog_wrap .prog_con:nth-child(3n) {margin-right:0;}
.prog_wrap .prog_con .thumb {width:100%;height:200px;overflow:hidden;}
.prog_wrap .prog_con .thumb img {width:100%;}
	
.prog_wrap .prog_con .prog_info {padding:20px 0 25px;width:84.29%;margin:0 auto;}
.prog_wrap .prog_con .prog_info ul.prog_label {font-size:0;}
.prog_wrap .prog_con .prog_info ul.prog_label li {display:inline-block;font-size:11px;padding:5px 8px;border:1px solid;border-radius:3px;margin:0 7px 0 0;box-sizing:border-box;}
.prog_wrap .prog_con .prog_info ul.prog_label li.cate.t1 {color:#8c3d85;border-color:#8c3d85;}
.prog_wrap .prog_con .prog_info ul.prog_label li.cate.t2 {color:#30721e;border-color:#30721e;}
.prog_wrap .prog_con .prog_info ul.prog_label li.cate.t3 {color:#1920b9;border-color:#1920b9;}
.prog_wrap .prog_con .prog_info ul.prog_label li.time {color:#797979;border-color:#797979;}
.prog_wrap .prog_con .prog_info ul.prog_label li.certif.t1 {color:#f70253;border-color:#f70253;}
.prog_wrap .prog_con .prog_info ul.prog_label li.certif.t2 {color:#da7f09;border-color:#da7f09;}

.prog_wrap .prog_con .prog_info .prog_detail p.tit {font-size:14px;color:#000;font-weight:bold;margin:15px 0;}
.prog_wrap .prog_con .prog_info .prog_detail ul.detail li {margin:0 0 7px 0;}
.prog_wrap .prog_con .prog_info .prog_detail ul.detail li:last-child {margin:0;}
.prog_wrap .prog_con .prog_info .prog_detail ul.detail li span.col {display:inline-block;margin:0 20px 0 0;}


.prog_wrap .prog_con .prog_info ul.m_btn {margin:20px 0 0 0;display:none;}
.prog_wrap .prog_con .prog_info ul.m_btn li {display:inline-block;width:48%;text-align:center;background:#000;border-radius:5px;margin:0 2% 2% 0;}
.prog_wrap .prog_con .prog_info ul.m_btn li:last-child{margin-right:0;}	
.prog_wrap .prog_con .prog_info ul.m_btn li a {display:block;color:#fff;padding:10px 0;font-size:14px;}

.prog_wrap .prog_con .apply_cover {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(140,61,133,0.95);color:#fff;text-align:center;opacity:0;}
.prog_wrap .prog_con .apply_cover p.tit {margin:100px auto 0;font-size:30px;font-weight:bold;width:100%;max-width: 230px;line-height:40px;}
	
.prog_wrap .prog_con .apply_cover ul.btn {margin:75px 0 0 0;}
.prog_wrap .prog_con .apply_cover ul.btn li {display:inline-block;background:#fff;border-radius:20px;margin:0 4px;cursor:pointer;}
.prog_wrap .prog_con .apply_cover ul.btn li a {display:block;color:#8c4186;font-size:15px;font-weight:bold;padding:15px 25px;border-radius:20px;cursor:pointer;}
	
	
	
/* program pagination */
#subWrap #container .contents .prog_wrap ul.pagination {text-align:center;margin:30px 0 50px 0;font-size:16px;}
#subWrap #container .contents .prog_wrap ul.pagination li {display:inline-block;}
#subWrap #container .contents .prog_wrap ul.pagination li.prev a,
#subWrap #container .contents .prog_wrap ul.pagination li.gt_prev a,
#subWrap #container .contents .prog_wrap ul.pagination li.next a,
#subWrap #container .contents .prog_wrap ul.pagination li.gt_next a
{background:#f8f8f8;}
#subWrap #container .contents .prog_wrap ul.pagination li a {display:block;color:#fff;width:100%;min-width:22px; padding:5px 0;border-radius:5px;background:#888;font-size:12px;}
#subWrap #container .contents .prog_wrap ul.pagination li.on a.num {background:#8c3d85;font-weight:bold;}
	
	
	
/* 1200 */		
@media all and (max-width:1200px){
	
#subWrap #container .sub_inner {width:95%;}
#subWrap #container .contents .main_remark p {margin:0 auto 15px;}
#subWrap #container .contents .main_remark p:last-child {margin:0 auto;}

}
	
/* 1024 */
@media all and (max-width:1024px){

.prog_wrap .prog_con {width:49%;margin:0 2% 5% 0!important;}
.prog_wrap .prog_con:nth-child(2n) {margin-right:0!important;}
.prog_wrap .prog_con .thumb {height:auto;}
.prog_wrap .prog_con .thumb img {width:100%;}

	
#subWrap #container .contents ul.cate li:first-child:nth-last-child(4), #subWrap #container .contents ul.cate li:first-child:nth-last-child(4) ~ li {width:50%;vertical-align: top;}
	
#subWrap #container .contents ul.cate li:nth-child(1){border-bottom:none;}
#subWrap #container .contents ul.cate li:nth-child(2){border-right:1px solid #ddd;border-bottom:none;}
#subWrap #container .contents ul.cate li.on {border:1px solid #000!important;}
	
	
.prog_wrap .prog_con .prog_info ul.prog_label li {margin:0 1% 1% 0;text-align:center;vertical-align:top;}
.prog_wrap .prog_con:hover .apply_cover {display:none;}
	
.prog_wrap .prog_con .prog_info ul.m_btn {display:block;}

	
}
	
	
/* 768 */
@media all and (max-width:768px){
#subWrap #container .contents ul.cate {display:none;}
#subWrap #container .contents .m_cate {display:block;}
.prog_wrap .prog_con {width:100%;margin:0 0 4% 0!important;}
.prog_wrap .prog_con .prog_info ul.m_btn li {display:block;width:100%;margin:0 0 2% 0;}

}
	
/* 425 */
@media all and (max-width:425px){
.prog_wrap .prog_con .prog_info {width:91.29%}
.prog_wrap .prog_con .prog_info ul.prog_label li.cate {letter-spacing:-1px;}
}
</style>