@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 a {display:inline-block}
.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 .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-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-bottom:solid 1px #e5e5e5; *zoom:1}
.list-notice:after {content:""; clear:both; display:block}
.list-notice li {float:left; height:40px; line-height:40px}
.list-notice li a {padding:0 10px; width:520px; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.list-notice .check {width:5%}
.list-notice .sub-ject {width:75%; font-weight:bold}
.list-notice .eng-smallletter {width:10%}
.list-notice .date {float:right}
.list-notice .rad-che {_margin-top:16px; vertical-align:middle}


/*버튼*/
.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:22px; line-height:22px}

.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:#fff}
.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;}







@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;}
	.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; }
    
    
    
}