@charset "utf-8";
:root {
	--main-bg-color: #FFE164;
}
#header{position: fixed;left:0;top:0;right:0;height:70px;z-index: 10;background-color:#FFE164;background-color:#fff\0/IE8;*background-color:#fff;}
body {width: 100%;height: 100%;overflow-x: hidden;font-weight: normal;font-size: 15px;color: #333; background-repeat: no-repeat;background-position: 50% 0;}
.section_0{background-color:#FFE164;/*background-image:url('../images/visual_img_01.jpg');*/}
.section_2{background-position: 50% -120px;background-color:#FFE164;/*background-image:url('../images/visual_img_02.jpg');*/}

.btn-continue{display: none;position: absolute;left:50%;bottom:0;margin-left: -53px;width:106px;height: 72px;overflow: hidden;text-indent: -9999px;color: #fff;background: url('../images/btn_continue.png') 50% 50% no-repeat}
.btn-top{position: fixed;bottom:10px;right:10px;z-index: 10;}

.article .btn-request,
.mdz .btn-request{display: inline-block;vertical-align: middle;min-width:120px;height: 50px;margin:25px 0;padding: 0 10px;overflow: hidden;font-size: 18px;line-height: 50px;color: #fff;text-align: center;background-color: #a9b901;}
.article .btn-request span,
.mdz .btn-request span{display: inline-block;padding-right: 18px;background: url('../images/btn_request.png') 100% 50% no-repeat;}

.article{position: relative;z-index: 4;display: table;width: 100%;height:100%;position: relative;overflow: hidden;padding: 0 0 0;text-align: center;box-sizing:border-box;-webkit-overflow-scrolling:touch}
.article._slided{z-index: 5;}
.article strong{font-weight: normal;}
.article .title{padding-top: 90px;margin-bottom: 10px;font-size: 38px;line-height: 110%;color: #7BD3DD;}
.article .inwrap{position: relative;z-index: 2;display: table-cell;vertical-align: middle;height: 100%;}
.article .inset{position: relative;display: inline-block;width:1010px;margin: 0 auto;}
	.article ._swipe{margin: 0 70px;}
	.article .blocs{display: block;position: relative;height: auto;overflow: hidden;}	
	.article .bloc{position: relative; opacity: 0;font-weight: bold;font-size:45px }
	.article .bloc2{position: relative; opacity: 10;font-weight: bold;font-size:20px }	
	.article .m-text{display: block;}
	.article .smmr{color: #000;}
	.article .cmmt{position: relative;text-align: center;}
	
	.article .stit{display: block;font-size: 24px;font-weight: normal;color: #000;;}


#intro{height:100%;background-size:cover; background-position: 50% 0}
#intro .inwrap{vertical-align: middle;}
#intro .m-text{margin-top: 90px;padding-top: 90px;font-size: 72px;line-height: 120%;color: #fff;}
#intro .m-text i{margin-right: -15px;*display:inline;*zoom:1;}
#intro .m-text i img{background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);zoom: 1;}
#intro .m-text .spc{margin-right: 15px;}
#intro .s-text{position: relative;margin: 30px auto 0;width: 625px;height: auto;text-align: center;overflow: hidden;font-size: 22px;*zoom:1;}
#intro .s-text em{display: block;margin: 0px 0;padding: 0px 0px 20px 0px;text-shadow: 0 0 0px #1E3746;}
#intro .s-text em i{color:#FF9B00;}
#intro .s-text em img{vertical-align: middle;background:transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);zoom: 1;}
#intro .s-text .bdt,
#intro .s-text .bdb{display: block;height:1px;background-color: #7BD3DD;*background-color:#7BD3DD;}

#story{background-color: #fff;}
#story .smmr{margin-bottom: 40px;color: #000;}
#story .tab{position: relative;z-index: 1;margin: 30px 0 35px;text-align: center;}
#story .tab a{display: inline-block;*display: inline;*zoom:1;margin-left: -5px;padding: 0 10px;min-width:130px;height: 50px;line-height: 50px;font-size: 18px;color: #5c5c5c;border: 1px solid #5c5c5c;font-weight: bold}
#story .tab a._on{color: #fff;background-color: #5c5c5c;font-weight: bold}
#story .intro{min-height: 345px;padding-left: 400px;text-align: left;overflow: hidden;letter-spacing: -1px;background: url('../images/story_bg.jpg') 0 0 no-repeat;}
#story .m-text{margin: 15px 0 25px;font-size: 31px;font-weight: normal;line-height: 110%;color: #000;}
#story .s-text{margin: 30px 0 5px;font-size: 20px;}
#story .gallery{width:860px;margin: 0 auto;}
#story .gallery>li{float: left;position: relative;width:204px;height: 174px;margin:0 0 10px 10px;overflow: hidden;}
#story .gallery a{display: block;position: relative;width:204px;height: 174px;zoom:1;}
#story .gallery a .dim{display: none;position: absolute;left:0;top:0;right:0;bottom:0;z-index: -1;background: url('../images/story_gallery_bg.png') 0 0 repeat;border: 1px solid #000;}
#story .gallery a:hover .dim{display: block;color: #fff;line-height: 174px;}
#story .gallery img{position: relative;z-index: 5;max-width:204px;zoom:1;position: absolute;left:0;top:0;z-index: -1;}
#story .hue-is {margin-bottom: 10px;font-size: 16px;line-height: 130%;}

#portfolio{background-color: #fff;}
#portfolio .smmr{margin-bottom: 40px;color: #000;}
#portfolio .tab{position: relative;z-index: 1;margin: 30px 0 35px;text-align: center;}
#portfolio .tab a{display: inline-block;*display: inline;*zoom:1;margin-left: -5px;padding: 0 10px;min-width:130px;height: 50px;line-height: 50px;font-size: 18px;color: #5c5c5c;border: 1px solid #5c5c5c;font-weight: bold}
#portfolio .tab a._on{color: #fff;background-color: #5c5c5c;font-weight: bold}
#portfolio .intro{min-height: 345px;padding-left: 400px;text-align: left;overflow: hidden;letter-spacing: -1px;background: url('../images/story_bg.jpg') 0 0 no-repeat;}
#portfolio .m-text{margin: 15px 0 25px;font-size: 31px;font-weight: normal;line-height: 110%;color: #000;}
#portfolio .s-text{margin: 30px 0 5px;font-size: 20px;}
#portfolio .gallery{width:860px;margin: 0 auto;}
#portfolio .gallery>li{float: left;position: relative;width:204px;height: 174px;margin:0 0 10px 10px;overflow: hidden;}
#portfolio .gallery a{display: block;position: relative;width:204px;height: 174px;zoom:1;}
#portfolio .gallery a .dim{display: none;position: absolute;left:0;top:0;right:0;bottom:0;z-index: -1;background: url('../images/story_gallery_bg.png') 0 0 repeat;border: 1px solid #000;}
#portfolio .gallery a:hover .dim{display: block;color: #fff;line-height: 174px;}
#portfolio .gallery img{position: relative;z-index: 5;max-width:204px;zoom:1;position: absolute;left:0;top:0;z-index: -1;}
#portfolio .hue-is {margin-bottom: 10px;font-size: 16px;line-height: 130%;}

#service .inset{width: 900px;}
#service .stit{margin: 20px 0 5px;font-size: 56px;line-height: 120%;color: #000;letter-spacing: -1px}
#service .stit i{font-size: 35px;}
#service .smmr{font-size: 18px;color: #202020;}
#service .services{margin: 40px 0 35px;height: 134px;text-align: center;}
#service .services li{position: relative;display: inline-block;*display: inline;*zoom:1;margin: 0 7px;width: 132px;height:134px;font-size: 13px;color: #666;}
#service .services li p{position: static !important;}
#service .services li i{position: absolute;left:0;top:0;width:100%;height: 100%;background: url('../images/service_icons.png') 0 0 no-repeat;}
#service .services li em{display: inline-block;margin-top: 92px;}

#service .services li.n1-1 i{background-position: 0 0;}
#service .services li.n1-2 i{background-position: -150px 0;}
#service .services li.n1-3 i{background-position: -300px 0;}
#service .services li.n1-4 i{background-position: -450px 0;}

#service .services li.n2-1 i{background-position: 0 -150px;}
#service .services li.n2-2 i{background-position: -150px -150px;}
#service .services li.n2-3 i{background-position: -300px -150px;}
#service .services li.n2-4 i{background-position: -450px -150px;}

#service .services li.n3-1 i{background-position: 0 -300px;}
#service .services li.n3-2 i{background-position: -150px -300px;}
#service .services li.n3-3 i{background-position: -300px -300px;}
#service .services li.n3-4 i{background-position: -450px -300px;}

#service .services li.n4-1 i{background-position: 0 -450px;}
#service .services li.n4-2 i{background-position: -150px -450px;}
#service .services li.n4-3 i{background-position: -300px -450px;}
#service .services li.n4-4 i{background-position: -450px -450px;}

#service .rz{position: relative;width:515px;margin: 60px auto 30px;padding: 20px 160px 0 0;}
#service .rz .m-text{display: block;text-align: right;font-size: 14px;line-height: 200%;}
#service .rz .btn-request{position: absolute;right:0;top:20px;margin: 0;}

#service ._swipe-btn a,
#peoples ._swipe-btn a{position: absolute;top:50%;z-index: 1;margin-top:-80px;width:64px;height:64px;overflow: hidden;text-indent: -9999px;background-color:transparent;background-position: 0 0;background-repeat: no-repeat;}
#service ._swipe-btn ._swipe-prev,
#peoples ._swipe-btn ._swipe-prev{left:-70px;background-image: url('../images/btn_swipe_prev.png');}
#service ._swipe-btn ._swipe-next,
#peoples ._swipe-btn ._swipe-next{right:-70px;background-image: url('../images/btn_swipe_next.png');}

#service ._swipe-btn ._swipe-prev{background-position: 0 0;}
#service ._swipe-btn ._swipe-next{background-position: 0 0;}


#peoples{background-color: #fff;}
#peoples .smmr{margin:0 0 40px;}
#peoples .list-profile{width: 885px;margin: 0 auto 80px;padding-bottom: 40px}
#peoples ._swipe-btn ._swipe-prev{background-position: 0 100%;}
#peoples ._swipe-btn ._swipe-next{background-position: 0 100%;}
	#peoples .profile{margin: 0 9px;padding: 11px;font-size: 16px;line-height: 140%;border: 1px solid #ccc;background-color: #fff;}
		#peoples .figure{width: 254px;height: 219px;overflow: hidden;}
		#peoples .figure img{width: 100%;}
		#peoples .figcaption{}
			#peoples .ment{display: block;margin: 15px 0 5px;font-size: 17px;font-weight: bold;}
			#peoples .names{display: block;color: #666666;font-size: 13px;}
				#peoples .name-kr{word-spacing: 10px;}
				#peoples .position{margin-top: 10px;}


#map{background-color: #f3ead8;}
#map .map{width: 900px;height:300px;margin: 20px auto 20px;background: #eee;}
#map .info{width: 650px;margin: 0 auto;text-align: left;}
#map .info>li{margin-bottom: 10px;}
#map .info>li i{display: inline-block;width: 41px;height: 41px;margin-right: 10px;vertical-align: middle;background: url('../images/map_icons.png') 0 0 no-repeat;}
#map .info>li.address i{background-position: 0 0;}
#map .info>li.tel i{background-position: 0 -48px;}
#map .info>li.worktime i{background-position: 0 -97px;}

#board{background-color: #fff;}
#board .inwrap{vertical-align: top;padding-bottom: 0;*margin-top: 90px;}
#board .inset{display: block;height: 100%;}
	#board .title{margin-top: 90px;*margin-top: 0;padding-top: 0;}
	#board .scrzone{position: absolute;left:0;right:0;top:90px;bottom:10px;}


/* POP */
.mdz-request{overflow: hidden;}
.rqst-step{overflow: hidden;margin: 0 0 35px;}
.rqst-step li{float: left;width:25%;*width:15.5%;position: relative;padding: 0 25px 0 50px;font-size: 12px;letter-spacing: -1px;background: url('../images/mdz_request_step.png') 0 50% no-repeat;box-sizing:border-box;*display: inline;*zoom:1;}
.rqst-step li:first-child{padding-left: 42px;background-image: none;}
.rqst-step li:first-child .n{left:14px;}
.rqst-step li .n{position: absolute;left:25px;top:0;font-size: 15px;}


.tb{width: 100%;background: #f0efef;}
.tb th,
.tb td{padding: 3px 15px;}
.tb th{font-size: 15px;color: #353535;text-align: right;}
.tb td{font-size: 14px;color: #666666;}
.tb ._align-top{vertical-align: top;}

.mdz-request .tb{padding: 10px 0;}
.mdz-request [type="text"],
.mdz-request [type="number"]{height: 38px;line-height: 38px;}
.mdz-request .phone{width: 128px;padding: 0;}
.mdz-request select{display: inline-block;height: 40px;padding: 10px 5px;line-height: 34px;}

.mdz-request .datepicker label{margin-left: 0}
.mdz-request .datepicker img{margin-left: 5px;vertical-align: middle;}
.mdz-request .r-time{margin-left: 20px;}
.mdz-request .r-topic li{float: left;width: 50%;letter-spacing: -1px}
.mdz-request .textarea{width:97%;padding: 10px;}
.mdz-request .policy-zone{height: 100px;overflow: auto;margin: 13px 0 20px;padding: 15px 30px;font-size: 13px;color: #999;border: 1px solid #999;background: #fff;}
.mdz-request .agree {text-align: center;}
.mdz .btn-request{margin: 0 auto;}
.ui-datepicker{width: 230px !important}


/* 개인정보취급방침 : 상담신청 팝업 내, 푸터>개인정보취급방침 팝업 내 */
.policy{font-size: 13px;color: #555;line-height: 130%;word-break: keep-all;}
.policy h1,
.policy h2{margin:30px 0 5px;font-weight: bold;color: #000;}
.policy h1{margin-top: 0;font-size: 16px;}
.policy h2{font-size: 14px;}
.policy ul,
.policy ol,
.policy p{margin-bottom: 15px;}

.policy ol>li>ul{margin-left: 16px;}
.policy ol>li>strong,
.policy ul>li>strong{display: block;margin:0 0 5px;}
.policy ol>li>ul>li,
.policy ul>li>ul>li{padding-left: 13px;background: url('../images/bg_list_dot.png') 5px 7px no-repeat;}

.policy ol>li>p,
.policy ul>li>p{margin-left: 16px;}
.policy .last-cmmt,
.policy .last-update{font-size: 12px;color: #888;}

/* 커뮤니티 공지사항 */
.bbs-search{margin:0 0 33px;}
.bbs-search  .datepicker{width: 100px;border: 1px solid #ccc;color: #8e8e8e;font-size: 13px;padding: 5px 0 5px 15px;margin-right: 3px;background: url('../images/ico_calendar.gif') 95% 50% no-repeat;}
.bbs-search  .btn {background:#D2D2D2;color: #fff;width: 47px;padding: 4px 0 3px;vertical-align: middle;border-radius: 3px;}
.bbs-search  .input{width: 403px;height:27px; padding:7px 0 4px 9px; border:1px solid #ccc; color:#8e8e8e; font-size:13px; vertical-align:top;}
.bbs-search  .btn._search{width:87px; background:#3eb3c7;color:#fff; padding:6px 0 5px 0; font-size:12px; height:30px;line-height: 21px; margin:0 0 0 -3px;border-radius: 0;}


/* 게시판 상단 */
.bbs-top{text-align: center;}
.bbs-top .btn{width: 148px;padding: 11px 0;font-size: 14px;color: #fff;}
.bbs-top .btn._all{background: #898989;}
.bbs-top .btn._write{background: #ee7950;}

/* 게시판 리스트 */
.bbs-list{border-top:1px solid #ececec; border-left:1px solid #ececec; margin:40px 0 30px 0;background: #fff;}
.bbs-list th{color:#666; font-size:14px; padding:13px 0 11px 0; border-right:1px solid #ececec;background-color:#fbfbfb;}
.bbs-list td{text-align:center; border-right:1px solid #ececec; padding:10px 0; color:#333232; font-size:13px; height:19px;}
.bbs-list tr th, .bbs-list tr td{border-bottom:1px solid #ececec;}
.bbs-list .tit{padding-left:19px; text-align:left;}
.bbs-list .tit a{position: relative;display: block;color:#333232;padding-right: 86px;}
.bbs-list .tit a img{margin-left:5px;vertical-align: middle;}
.bbs-list .nodata td{height:200px;}
.bbs-list .answer-status{position:absolute; top:0; right:10px;}
.bbs-list .passcode{display: none;margin-top: 10px;color: #9E9E9E;}
.bbs-list .passcode._on{display: block;}
.bbs-list .passcode .input{height: 17px;padding: 7px 0 4px 9px;border: 1px solid #ccc;color: #8e8e8e;font-size: 13px;vertical-align: middle;}
.bbs-list .passcode .btn._ok{display: inline-block;width: 87px;background: #ee7950;color: #fff;padding: 0 0 0 0;font-size: 12px;line-height: 30px;margin: 0 0 0 -3px;border-radius: 0;vertical-align: middle;}
.bbs-btn-more{display: inline-block;min-width: 80px;height: 34px;padding: 0 10px;line-height: 36px;border: 1px solid #aeaeae;}
.bbs-btn-more span{display: inline-block;padding: 0 20px 0 0;background: url('../images/bbs_btn_more.png') 100% 50% no-repeat;}


/* 게시판 하단 : 버튼영역 */
.bbs-foot{position: relative;text-align: center;margin:30px 0;}
.bbs-foot .btn{width: 135px;color: #fff;}
.bbs-foot .btn._write{position: absolute;right:0;top:0;}


/* 게시판 버튼 */
.btn._list,
.btn._save{background: #3eb3c7;}
.btn._like{color: #696969;width: 133px;padding: 10px 0;border: 1px solid #747474;}
.btn._like span{background: url('../images/btn_heart.gif') no-repeat 0 50%;padding: 0 0 0 18px;}
.btn._modify,
.btn._reset{background: #797979;}
.btn._delete{background: #b5b5b5;}
.btn._write{background: #b49e89;}

.answer-list + .bbs-foot{text-align: left;}

.pager + .bbs-foot .btn._write{position: static;display:inline-block; width:148px;  background:#3eb3c7; text-align:center; color:#fff; padding:11px 0; font-size:14px;}
.pager + .bbs-foot .btn._write span{background:url('../images/btn_write_arrow.gif') no-repeat right 4px; padding:0 21px 0 0;}

/* 게시판 : 뷰(상세) */
.bbs-view{margin:0;}
.bbs-view table{}
.bbs-view thead th,
.bbs-view thead td,
.bbs-view tfoot th,
.bbs-view tfoot td{color:#333232; font-size:14px; padding:14px 0 15px 0;}
.bbs-view thead th,
.bbs-view tfoot th{background:#fbfbfb;}
.bbs-view thead td,
.bbs-view tfoot td{}
.bbs-view tbody th{background:#fbfbfb; color:#333232; font-size:14px; padding:14px 0 15px 0; border-right:1px solid #ececec;}
.bbs-view tbody td{color:#333232; font-size:13px;word-break:break-all;}
.bbs-view tbody td pre{white-space: pre-wrap;word-break:break-all;}
.bbs-view tbody td.cont{border-right-width: 0;}

.bbs-view .mental_info .img{float: left;width: 100px;padding-right: 20px;}
.bbs-view .mental_info .img img{width:100%;}
.bbs-view .mental_info .txt_ty {float: left;width: 570px;overflow: hidden;}
.bbs-view .view-content{padding:0; color:#666; font-size:14px;}

.bbs-view .files ul{margin-top: 30px;}
.bbs-view .files li{padding: 0 0 5px;}
.bbs-view .files a{color: #666;}
.bbs-view .files img{vertical-align: middle;margin-right: 5px;}
.bbs-view .column_chptr{font-size:14px; color:#333232;}