@charset "utf-8";
/*! Copyright (C) LJH Furniture Lab <http://www.ljhlab.com> */


/*-----------------------------------------------------------
                                                          기본-공통
-----------------------------------------------------------*/

/* 정렬 */
#float_left {float:left;}
#float_right {float:right;}
#clear_left {clear:left;}
#clear_both {clear:both;}
#clear_right {clear:right;}
#txC {text-align:center;}
#txL {text-align:left;}
#txR {text-align:right;}
#txJ {text-align:justify;}

/* 패딩 */
.pt5 {padding-top:5px;}
.pl5 {padding-left:5px;}
.pr5 {padding-right:5px;}
.pb5 {padding-bottom:5px;}
.pt10 {padding-top:10px;}
.pl10 {padding-left:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}
.pt20 {padding-top:20px;}
.pl20 {padding-left:20px;}
.pr20 {padding-right:20px;}
.pb20 {padding-bottom:20px;}
.pt30 {padding-top:30px;}
.pl30 {padding-left:30px;}
.pr30 {padding-right:30px;}
.pb30 {padding-bottom:30px;}
.pt40 {padding-top:40px;}
.pl40 {padding-left:40px;}
.pr40 {padding-right:40px;}
.pb40 {padding-bottom:40px;}
.pt50 {padding-top:50px;}
.pl50 {padding-left:50px;}
.pr50 {padding-right:50px;}
.pb50 {padding-bottom:50px;}
.pt70 {padding-top:70px;}
.pl70 {padding-left:70px;}
.pr70 {padding-right:70px;}
.pb70 {padding-bottom:70px;}
.pt100 {padding-top:100px;}
.pl100 {padding-left:100px;}
.pr100 {padding-right:100px;}
.pb100 {padding-bottom:100px;}

/* 마진 */
.mt5 {margin-top:5px;}
.ml5 {margin-left:5px;}
.mr5 {margin-right:5px;}
.mb5 {margin-bottom:5px;}
.mt10 {margin-top:10px;}
.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}
.mt20 {margin-top:20px;}
.ml20 {margin-left:20px;}
.mr20 {margin-right:20px;}
.mb20 {margin-bottom:20px;}
.mt30 {margin-top:30px;}
.ml30 {margin-left:30px;}
.mr30 {margin-right:30px;}
.mb30 {margin-bottom:30px;}
.mt40 {margin-top:40px;}
.ml40 {margin-left:40px;}
.mr40 {margin-right:40px;}
.mb40 {margin-bottom:40px;}
.mt50 {margin-top:50px;}
.ml50 {margin-left:50px;}
.mr50 {margin-right:50px;}
.mb50 {margin-bottom:50px;}
.mt70 {margin-top:70px;}
.ml70 {margin-left:70px;}
.mr70 {margin-right:70px;}
.mb70 {margin-bottom:70px;}
.mt100 {margin-top:100px;}
.ml100 {margin-left:100px;}
.mr100 {margin-right:100px;}
.mb100 {margin-bottom:100px;}

/* 컨텐츠 */
#ljhBox {color:#444; font-size:17px; padding:30px 0; line-height:32px; font-family:'Open Sans', '맑은 고딕', 'Malgun Gothic','나눔바른고딕', NanumBarunGothic, ng,'돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif; letter-spacing:-1px;}
#ljhBox p {line-height:32px;}
#ljhBox a {color:#ff0000; text-decoration:none;}
#ljhBox a:hover {text-decoration:underline;}
#ljhBox h1 {font-size:22px; color:#44aced; padding:0; margin:5px 0; letter-spacing:0px;}
#ljhBox strong {font-weight:800; letter-spacing:0px;}

#conTb {width:100%; font-size:15px; background:#ccc;}
#conTb tr th {padding:12px 5px; text-align:center; vertical-align:middle; background:#dedede;}
#conTb tr td {padding:10px 5px; text-align:center; vertical-align:middle; background:#fff;}

/* 카피라이트 */
#copyBox {width:380px; margin:0 auto; text-align:center; color:#fff; font-size:16px;}
	#copyBox p.myCopy {width:240px; margin:10px auto 0 auto; text-align:left; line-height:26px; padding:0 0 10px 10px; border-bottom:1px dotted #bbb;}
	#copyBox em {color:#96d7ff;}
	#copyBox span {font-size:14px; color:#888;}
	#copyBox strong {font-weight:normal; color:#bbb;}
	#copyBox a {color:#bbb;}
	#copyBox a:hover {color:#44aced; text-decoration:underline;}
	#copyBox strong a {color:#bbb;}


/* 출처 */
#goLink {margin:30px 0 40px 0; color:#666; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; padding:10px 0 10px 32px; background:url(/image/golink.png) no-repeat left 18px; letter-spacing:0;}
#goLink a {color:#ff3f3f; text-decoration:none;}
#goLink a:hover {color:#44aced; text-decoration:none;}
#goTip {padding-left:32px; background:url(/image/gotip.png) no-repeat 4px 2px;}


/* 상세 페이지 */
#craftBox {font-size:17px; color:#444; text-align:center; line-height:32px; font-family:'Open Sans', '맑은 고딕', 'Malgun Gothic','나눔바른고딕', NanumBarunGothic, ng,'돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif; letter-spacing:-1px;}
	#craftBox a {color:#ff0000; text-decoration:none;}
	#craftBox a:hover {text-decoration:underline;}
	#craftBox p {line-height:32px;}
	#craftBox .workNotice {background:url(/handcraft/workNotice.jpg) no-repeat center top; padding-top:30px;}
	#craftBox .workTop {height:204px; margin-bottom:30px; background:url(/handcraft/workTop.jpg) no-repeat right top;}
	#craftBox .brandImg1 {height:836px; margin-bottom:30px; background:url(/handcraft/brandimg1.jpg) no-repeat left top;}
	#craftBox .brandImg2 {height:836px; margin-bottom:40px; background:url(/handcraft/brandimg2.jpg) no-repeat left top;}
	
	#craftBox .senWord1 {font-size:32px; font-weight:800; line-height:48px; padding-top:70px; font-family:Nanum Myeongjo,Myeongjo,serif; letter-spacing:-1px; text-shadow: 2px 2px 2px #ccc; background:url(/handcraft/quotT.png) no-repeat center top; margin-top:100px;}
	#craftBox .senWord2 {font-size:20px; line-height:40px; font-weight:600; color:#999; padding:30px 0 80px 0; font-family:Nanum Myeongjo,Myeongjo,serif; letter-spacing:-1px; text-shadow: 1px 1px 2px #ccc; background:url(/handcraft/quotB.png) no-repeat center bottom; margin-bottom:100px;}
	#craftBox .simB {background:url(/handcraft/simbol.png) no-repeat center top; padding-top:65px; font-family:Nanum Myeongjo,Myeongjo,serif; margin:150px 0;}
	#craftBox h1.subj1 {font-size:36px; line-height:50px; letter-spacing:-1px; text-shadow: 2px 2px 2px #ccc; padding:5px 0; margin:0; font-weight:800;}
	#craftBox h2.subj2 {font-size:22px; line-height:36px; color:#999; letter-spacing:0px; text-shadow: 1px 1px 2px #ccc; padding:5px 0; margin:0;}
	
	#craftBox .workInfo {padding:20px 0; margin-bottom:100px; line-height:26px; text-align:left;}
	#craftBox .workInfo p {padding-bottom:20px;}
	#craftBox .workInfo p strong {color:#44aced; text-shadow: 2px 2px 2px #ddd;}
	#craftBox .workInfo p strong.price {color:#fe0000; font-size:24px; letter-spacing:-1px;}
	#craftBox .workInfo span {color:#999; font-size:15px;}
	#craftBox .workInfo em.dis {color:#555; text-decoration: line-through; padding-right:6px;}
	#craftBox .workInfo span.vat {padding-left:6px;}
	
	#craftBox .photoDiv {text-align:center;}
	#craftBox .craftImg {padding:20px 0;}
	
	#craftBox .matDiv {padding-top:20px; text-align:justify; line-height:34px;}
	#craftBox .matDiv strong {font-weight:800; color:#44aced;}
	#craftBox .matDiv span {color:#999;}
	#craftBox .footLogo {height:254px; margin:100px 0; background:url(/handcraft/logo.jpg) no-repeat center top;}
	
	#craftBox .workTitle {text-align:left; font-size:30px; font-weight:800; color:#555; font-family:Arial,sans-serif; margin-top:100px;}
	#craftBox .workTitle span {padding-bottom:5px; border-bottom:3px dotted #eee;}

	#craftBox .workVlog {padding-bottom:80px; margin-top:20px;}
/*	#craftBox .vlogTit {color:#44aced; text-align:left; font-weight:800; line-height:26px; margin-bottom:20px}
	#craftBox .vlogTit span {color:#999; padding-bottom:20px; font-weight:600; letter-spacing:0;}
*/	
	#craftBox .crossAdd {margin-top:50px;}
	#craftBox .crossAdd span {padding:5px;}
	
/* 게시판 댓글 견적문의 X 
 	모바일 /modules/board/m.skins/sketchbook5_edit/_comment_write.html
 	PC /modules/board/skins/sketchbook5_edit/_comment_write.html
*/
#comNotice {padding-left:15px; font-size:15px; color:#ff3939}
#comNoticeM {padding:10px 0; color:#ff3939; font-size:15px; text-align:center;}
	
	/* 소개 */
#AboutPage {color:#444; padding:0 0 50px 0; font-size:18px; text-align:justify; font-family:'Open Sans', '맑은 고딕', 'Malgun Gothic','나눔바른고딕', NanumBarunGothic, ng,'돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif; letter-spacing:-1px; line-height:30px;}
	#AboutPage strong {color:#44aced; font-size:19px;}
	#AboutPage a {color:#ff3f3f; text-decoration:none;}
	#AboutPage a:hover {color:#44aced; text-decoration:none;}
	.logoInfo {text-align:center; padding-top:150px; margin-bottom:80px;}
	
	#AboutPage .matTit {padding-top:100px; border-bottom:2px dotted #ddd;}
	#AboutPage #matBox {font-size:15px; line-height:20px;}
	#AboutPage #matBox em {color:#44aced; font-size:15px; font-weight:bold;}
	#AboutPage #leftBox {float:left; width:530px;}
	#AboutPage #rightBox {float:right; width:530px;}
	.explain {font-size:18px; line-height:34px;}
	
	
/* 프로필 */
#profilePage {color:#444; padding:0 0 10px 0; font-size:17px; text-align:justify; font-family:'Open Sans', '맑은 고딕', 'Malgun Gothic','나눔바른고딕', NanumBarunGothic, ng,'돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif; letter-spacing:-1px;}
	 .profileimg {height:829px; background:url(/image/img_profile.png) no-repeat 10px top; padding:40px 0 0 640px;}
	 .profileimg p {line-height:30px;}
	 .proTit {padding-top:20px; color:#44aced; font-weight:600; font-size:20px;}
	
.myCareer {text-align:right; margin-top:80px;}
	.careerBox {margin-bottom:100px;}
	.careerBox p {line-height:40px;}
	.careerBox p.careerTit {border-bottom:2px dotted #44aced; margin-bottom:10px;}
	.careerList {background:url(/image/basic/arrow2.gif) no-repeat right center; padding-right:10px;}
	.careerList strong {color:#666; text-shadow: 2px 2px 2px #ccc;}
	.careerList span {color:#a1916e;}
	.careerList a {color:#44aced; text-decoration:none;}
	.careerList a:hover {color:#fe8e00; text-decoration:none;}
	
.myHistory {margin-top:200px; padding-top:5px; text-align:right; background:url(/image/Title_history.jpg) no-repeat left top;}
	.historyBox {margin-bottom:70px;}
	.historyBox p {line-height:36px;}
	.historyBox p.historyTitle {padding-bottom:5px; font-weight:800; color:#44aced; margin-bottom:7px; font-size:20px; border-bottom:1px solid #ccc;}
	.historyList {background:url(/image/basic/arrow2.gif) no-repeat right center; padding-right:10px;}
	.historyList strong {color:#666; text-shadow: 2px 2px 2px #ccc;}
	.historyList span {color:#a1916e;}


/* 메인 */
#mTit {width:1426px; text-align:right; padding:0 10px 5px 0; margin:30px auto 14px auto; border-bottom:2px dotted #ddd; font-size:24px; color:#44aced; font-weight:800; text-shadow: 2px 2px 2px #ddd;}
	#mTit a {color:#44aced;}
	#mTit a:hover {text-decoration:underline;}
#mTit1 {text-align:center; font-size:30px; font-weight:800; color:#555; font-family:Arial,sans-serif; margin-top:70px;}
	#mTit1 a {color:#555;}
	#mTit1 a:hover {text-decoration:underline;}

/* 타이틀바 */
#titlebar {padding:10px 0 30px 5px; letter-spacing:0;}
	#titlebar h3.t1 {font-size:32px; color:#666;}
	#titlebar p.t2 {font-size:14px; color:#999; padding-top:20px;}
	
/* SNS */
#snsIco {text-align:center; padding-top:50px; margin-bottom:20px;}
#snsIco img {vertical-align:top; padding:0 3px;}
#mainBox {width:1426px; margin:0 auto;}
	#mainBox div.mainL {width:550px; float:left;}
	#mainBox div.mainR {width:814px; float:right;}
	#mainBox p.boxTit {border-bottom:2px dotted #ddd; font-size:24px; color:#44aced; font-weight:800; text-shadow: 2px 2px 2px #ddd; padding-bottom:5px; margin-bottom:14px;}
	
	
	/* 짜맞춤 목공교육 */
#sloydPage {color:#444; padding:0 0 50px 0; font-size:18px; text-align:justify; font-family:'Open Sans', '맑은 고딕', 'Malgun Gothic','나눔바른고딕', NanumBarunGothic, ng,'돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif; line-height:30px;}
	#sloydPage h1 {color:#f2ad45; font-size:60px; font-family:Nanum Myeongjo,Myeongjo,serif; padding-bottom:20px;}
	#sloydPage h3 {color:#888; font-size:16px; font-weight:800;}
	#sloydPage h3 span {color:#555; font-size:18px;}
	#sloydPage .word {color:#888; font-size:16px; padding-top:30px;}
	#sloydPage em {font-size:20px; text-decoration:underline; font-weight:bold;}
	#sloydPage strong {color:#44aced; font-size:19px;}
	
	#sloydPage p span {color:#555; font-weight:800; text-decoration:underline;}
	#sloydPage img {padding-right:15px;}
	#sloydPage .tip {color:#ff0000; text-align:right;}
	
	#sloydPage a {color:#44aced; text-decoration:underline; letter-spacing:-1px;}
	#sloydPage a:hover {color:#ff3f3f; text-decoration:underline;}
	
	.eduTb {width:100%;  background:#aaa;  margin:10px 0 5px 0; font-size:16px;}
	.eduTb tr th {padding:10px 5px; text-align:center; vertical-align:middle; background:#E2EFDA; color:#333;}
	.eduTb tr td {padding:10px 5px; text-align:center; background:#fff; color:#666;}
	
/* 개인정보처리방침 */
#personalBox {color:#555; font-size:18px;letter-spacing:0px; padding:30px 10px; line-height:32px;}
#personalBox p {line-height:32px; text-align:justify;}
#personalBox h1 {font-size:22px; color:#5fb0e2; padding-top:20px; margin:5px 0;}
#personalBox p strong {font-weight:800;}


/* 목공클래스 */
#classBox {font-size:17px; color:#444; text-align:center; line-height:32px; font-family:'Open Sans', '맑은 고딕', 'Malgun Gothic','나눔바른고딕', NanumBarunGothic, ng,'돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif; letter-spacing:-1px; padding-bottom:20px;}
	#classBox a {color:#ff0000; text-decoration:none;}
	#classBox a:hover {text-decoration:underline;}
	#classBox p {line-height:32px;}
	#classBox .classImg {padding:20px 0;}
	#classBox .workNotice {background:url(/handcraft/classNotice.jpg) no-repeat center top; padding-top:30px;}
	#classBox .workTop {height:204px; margin-bottom:30px; background:url(/handcraft/workTop.jpg) no-repeat right top;}
	
	#classBox .classB {background:url(/handcraft/simbol.png) no-repeat center top; padding-top:65px; font-family:Nanum Myeongjo,Myeongjo,serif; margin:150px 0;}
	#classBox h1.classSubj1 {font-size:36px; line-height:50px; letter-spacing:-1px; text-shadow: 2px 2px 2px #ccc; padding:5px 0; margin:0; font-weight:800;}
	#classBox h2.classSubj2 {font-size:22px; line-height:36px; color:#999; letter-spacing:0px; text-shadow: 1px 1px 2px #ccc; padding:5px 0; margin:0;}
	#classBox h2.classSubj3 {font-size:18px; line-height:36px; color:#999; letter-spacing:0px; padding:5px 0; margin:0;}
	
	#classBox .classTitle {text-align:left; font-size:30px; font-weight:800; color:#555; font-family:Arial,sans-serif; margin-top:30px;}
	#classBox .classTitle span {padding-bottom:5px; border-bottom:3px dotted #eee;}
	
	#classBox .classInfo {padding:20px 0; margin-bottom:10px; line-height:26px; text-align:left;}
	#classBox .classInfo p {padding-bottom:20px;}
	#classBox .classInfo p strong {color:#44aced; text-shadow: 2px 2px 2px #ddd;}
	#classBox .classInfo span {color:#999; font-size:15px;}
	#classBox .footLogo {height:254px; margin:100px 0; background:url(/handcraft/logo.jpg) no-repeat center top;}