@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');

/*기본속성*/
html { overflow-y:scroll; overflow-x:auto;}
body,div,ul,li,dl,dt,dd,a,p,img,h1,h2,h3,h4,h5,hr,table,caption,thead,tr,th,td,tbody {margin: 0px; padding: 0px;}
body {font-family:'Nanum Gothic', "arial", "dotum", "Gulim", sans-serif; font-size:12px; color:#777;}
#skipnavigation,.skip, hr,skip, .hidden, caption,legend {position:absolute; width:0; height:0; line-height:0; overflow:hidden; visibility:hidden; font-size:0;}/*숨김처리*/
a:link, a:visited {text-decoration:none; color:#666;}
a:hover, a:active {*text-decoration:underline; *color:#1e73ff;}
img {border:0;}
ul, li{list-style:none;}


/*layout*/
#main_body, #sub {background:#fcfaf2;}
#wrapper { width:100%;background:url(/images/bottom_bg.gif) repeat-x left bottom;}
#wrapper #main, #wrapper #sub {position:relative; }
#wrapper #main #header,  #wrapper #sub #header {position:relative;}
#wrapper #main #container, #wrapper #sub #container {position:relative;}
#wrapper #sub #container .submenu {position:absolute;}
#wrapper #main #container .contents, #wrapper #sub #container .contents {position:relative;}
#wrapper #sub #container .contents {position:relative; top:0px; left:200px; width:758px;}
#wrapper #main #footer, #wrapper #sub #footer {position:relative;}
#wrapper #sub #footer {margin-top:30px;}

#header, #container	{width:1003px; margin:0 auto;}


/*header*/	
#header							{max-width:100%; z-index:99999999;}
#header	#head					{z-index:99999999; height:119px; background:url('../images/menu_bg.png') no-repeat top center;}
#header .inner					{width:1003px; height:119px; margin:0 auto;}
#header .inner h2				{width:30%; float:left; padding:16px 0; text-align:center; z-index:99999999;}
#header .inner ul.gnb			{width:65%; float:right; padding:39px 0 0; line-height:40px; position:relative;}
#header .inner li				{display:inline-block; font-family: 'Nanum Gothic', sans-serif;}
#header .inner li a				{font-size:17px; font-weight:bold; padding:0 10px; text-decoration:none; *letter-spacing:-1px;}
#header .inner li .depth2		{display:none; position:absolute; background:transparent; width:100%; left:0; *height:auto !important; line-height:130%;}
#header .inner li .depth2 li a	{font-size:14px; font-weight:normal; padding:0 5px;}
#header .inner li #topsub01		{left:10px;}
#header .inner li #topsub02		{left:;}
#header .inner li #topsub03		{left:50px;}
#header .inner li #topsub04		{left:280px;}
#header .inner li #topsub05		{left:100px;}
#header .inner li #topsub06		{left:242px;}

#header .inner > ul > li:nth-child(1) > a.active, #header .inner > ul > li:nth-child(1) > a:hover	{color:#f8b800;}
#header .inner > ul > li:nth-child(2) > a.active, #header .inner > ul > li:nth-child(2) > a:hover	{color:#6da62e;}
#header .inner > ul > li:nth-child(3) > a.active, #header .inner > ul > li:nth-child(3) > a:hover	{color:#7030a0;}
#header .inner > ul > li:nth-child(4) > a.active, #header .inner > ul > li:nth-child(4) > a:hover	{color:#6a5f10;}
#header .inner > ul > li:nth-child(5) > a.active, #header .inner > ul > li:nth-child(5) > a:hover	{color:#ea2ac2;}
#header .inner > ul > li:nth-child(6) > a.active, #header .inner > ul > li:nth-child(6) > a:hover	{color:#0070c0;}

#header .tmenu {position:absolute; top:8px; right:33px; z-index:3;}
#header .tmenu li {float:left;}


/* footer */
#footer					{width:100%; height:120px; background:url(/images/bottom_bg.gif) repeat-x left top; font-family: 'Nanum Gothic', sans-serif;}
#footer #foot			{width:1003px; height:120px; margin:0 auto; background:url('../images/footer_bg.png') no-repeat bottom right;}
#footer #foot h2		{width:20%; float:left; padding:15px 0;}
#footer #foot h2 img	{max-width:100%; }
#footer #foot ul		{width:80%; float:left;}
#footer #foot ul:first-child		{padding:15px 0 0;}
#footer #foot ul li		{display:inline-flex; padding-right:5px; line-height:180%;}
#footer #foot ul li i	{padding-right:5px; line-height:180%;}
#footer #foot p			{padding:10px 0 0; float:left;}


/*mian_container*/
#main #container .contents {background:url(/images/main_contents_bg.gif) no-repeat; height:136px;}
/*#main #container .contents .btn_quick {position:absolute; top:0; left:0; width:33%; padding:0 0 0 25px; }
#main #container .contents .btn_quick p {float:left; padding:5px;}*/
#main #container .contents .consult {position:absolute; top:0; left:0; width:33%; padding:0 0 0 25px;}
#main #container .contents .customer {position:absolute; top:0; right:70px; }

#main #container .visual {width:100%; height:486px; margin:0 auto; position:relative; top:-12px;}
#main #container .visual img {max-width:100%;}


/*탭*/
.contents #board_tab {position:relative;  left:320px; width:340px; height:23px; border-bottom:1px solid #d4deca;}
.contents #board_tab ul li {float:left;}

/*이용후기*/
.contents  #board_tab .board_use {position:absolute; top:30px; left:0px; width:310px;}
.contents  #board_tab .board_use ul {float:left; width:310px;}
.contents  #board_tab .board_use ul li {background:url(/images/ic_notice.gif) no-repeat left center; padding-left:10px; line-height:150%; width:310px;}
.contents  #board_tab .board_use ul li .subject {float:left;}
.contents  #board_tab .board_use ul li .date {float:right;}
.contents  #board_tab .board_use .more, .contents #board_tab .board_news .more {position:absolute; top:-25px; right:0px;}

/*공지사항*/
.contents  #board_tab .board_news {position:absolute; top:30px; left:0px; width:310px;}
.contents  #board_tab .board_news ul {float:left; width:310px;}
.contents  #board_tab .board_news ul li {background:url(/images/ic_notice.gif) no-repeat left center; padding-left:10px; line-height:150%; width:310px;}
.contents  #board_tab .board_news ul li .subject {float:left;}
.contents  #board_tab .board_news ul li .date {float:right;}



/*서브페이지 속성*/
/*header*/
#wrapper #sub #header {height:271px;}
#wrapper #sub #header .sub_gnb {*position:relative; *z-index:1;}
#wrapper #sub #header .sub_img {*background:url('/images/sub_visual01.jpg') no-repeat bottom center; background-size:100% auto; height:272px; position:absolute; top:0px; z-index:-9999;}

/*sub_container*/
.contents .cont {background:url(/images/sc_bgc.gif) repeat-y; padding:30px 0 0 20px;}

/*서비스예상금액알아보기_div팝업*/
#pop_pay {position:absolute;}
#pop_pay .calculation {background:url(/images/pop_pay_bgc.gif) repeat-y; padding:10px 0px 10px 10px;}
#pop_pay .calculation h5 {margin:10px 0px;}
#pop_pay .calculation .calculation1, #pop_pay .calculation .calculation2 {width:650px; border-collapse:collapse;}
#pop_pay .calculation .calculation1 td, #pop_pay .calculation .calculation2 td {border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; text-align:left;}
#pop_pay .calculation .calculation1 select {width:153px;}
#pop_pay .calculation .calculation2 select {width:60px;}
#pop_pay .calculation .calculation2 input {width:70px;}

#pop_pay .calculation3 {background:url(/images/pop_pay_bgc.gif) repeat-y; padding:10px 0px 10px 10px;}
#pop_pay .calculation3 h5 {margin:10px 0px;}
#pop_pay .calculation3 table {width:650px; border-collapse:collapse;}
#pop_pay .calculation3 table td {border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; text-align:left; width:162px;}

/*게시판속성*/
.page {position:relative; top:10px; margin:0 auto; font-size:1em; color:#898989; vertical-align:middle; text-align:center; width:100%;}
.page img{vertical-align:middle;}
.page span {color:#37a7ca; font-weight:bold;}
.btn {text-align:right; padding:10px 33px 0px 0px;}
.btn img {margin-left:5px;}
.btn_center {position:relative; text-align:center; padding-top:10px;}
.btn_center img {margin:0 2px;}
.baord_cont {padding:10px; width:651px; border-bottom:1px solid #e9e9e9;}
.baord_cont img {margin-bottom:10px;}
.file {margin:10px 0; padding:10px; border-top:1px solid #e9e9e9;}
.file li{float:left; background:url(/images/board/ic_file.gif) no-repeat left center; padding:0 10px 0px 15px; }

/*갤러리*/
.contents .cont .gallery_list td {height:94px; border-bottom:1px solid #e9e9e9; text-align:center;}
.contents .cont .gallery_list .thumb {background:url(/images/gallery_thumb_bg.gif) no-repeat center center; padding-top:1px; text-align:center;}
.contents .cont .gallery_list ul {padding-top:2px;}
.contents .cont .gallery_list ul li {text-align:left; padding:0 0 3px 10px; line-height:1em;}
.contents .cont .gallery_list .gallery_title {font-weight:bold; color:#333;}
.contents .cont .gallery_list .gallery_title a:link, .contents .cont .gallery .gallery_title a:visited {color:#333; text-decoration:none;}
.contents .cont .gallery_list .gallery_title a:hover, .contents .cont .gallery .gallery_title a:active {color:#333; text-decoration:underline;}
.contents .cont .gallery_list .gallery_date {text-align:right;}

.contents .cont .gallery_view .no {background:url(/images/board_gallery_view_title_bg1.gif) no-repeat; font-weight:normal; width:60px; height:29px;}
.contents .cont .gallery_view .title {background:url(/images/board_gallery_view_title_bg2.gif) no-repeat; color:#333; text-align:left; text-indent:10px; width:519px; height:29px;}
.contents .cont .gallery_view .date {background:url(/images/board_gallery_view_title_bg3.gif) no-repeat; font-weight:normal; width:92px; height:29px;}

.contents .cont .gallery_write td {text-align:center; height:28px;}
.contents .cont .gallery_write .border1 {border-bottom:1px solid #e9e9e9;}
.contents .cont .gallery_write input {border:1px solid #c9c9c9; font-size:1em; line-height:1.4em; height:18px;}
.contents .cont .gallery_write .title {background:url(/images/board_gallery_view_bg1.gif) repeat-x; text-align:left;  width:468px; height:30px;}
.contents .cont .gallery_write .title input {width:458px; margin-bottom:2px;}
.contents .cont .gallery_write .date {background:url(/images/board_gallery_view_bg2.gif) no-repeat; font-weight:normal; width:80px; height:30px;}
.contents .cont .gallery_write .box {text-align:left;}
.contents .cont .gallery_write .box01 {width:458px; vertical-align:middle;}

/*일반게시판*/
.contents .cont .board_list td {height:32px; border-bottom:1px solid #e9e9e9; text-align:center;}
.contents .cont .board_list .title {font-weight:bold; color:#333; text-align:left; text-indent:10px;}
.contents .cont .board_list .title img {vertical-align:middle; margin-right:5px;}
.contents .cont .board_list .title a:link, .contents .cont .gallery .gallery_title a:visited {color:#333; text-decoration:none;}
.contents .cont .board_list .title a:hover, .contents .cont .gallery .gallery_title a:active {color:#333; text-decoration:underline;}


.contents .cont .board_view .title {background:url(/images/board_view_bg1.gif) no-repeat;  color:#333; text-align:left; text-indent:10px; width:648px; height:29px;}
.contents .cont .board_view .date {background:url(/images/board_view_bg2.gif) repeat-x; text-indent:10px; font-weight:normal; width:533px; height:29px;}
.contents .cont .board_view .hit {background:url(/images/board_view_bg2.gif) repeat-x; text-indent:10px; font-weight:normal; width:73px; height:29px;}

.contents .cont .board_write {width:708px;}
.contents .cont .board_write img {vertical-align:middle;}
.contents .cont .board_write input {border:1px solid #c9c9c9; font-size:1em; line-height:1.4em; height:18px;}
.contents .cont .board_write .title {background:url(/images/board_write_bg1.gif) no-repeat; text-align:left;  width:636px; height:32px;}
.contents .cont .board_write .mail {background:url(/images/board_write_bg2.gif) repeat-x; width:450px;}
.contents .cont .board_write .write_pwd {background:url(/images/board_write_bg2.gif) repeat-x; width:124px;}
.contents .cont .board_write .name {background:url(/images/board_write_bg2.gif) repeat-x; width:167px;}
.contents .cont .board_write .place {background:url(/images/board_write_bg2.gif) repeat-x; width:167px;}
.contents .cont .board_write .write_pwd2 {background:url(/images/board_write_bg2.gif) repeat-x; width:167px;}
.contents .cont .board_write .border0 {border:0; vertical-align:middle; }
.contents .cont .board_write .file {background:url(/images/board_write_bg3.gif) repeat-x; text-align:left;  width:636px; height:33px; margin:0; padding:0;}

.contents .cont .board_write .title input {width:458px; margin-bottom:2px;}
.contents .cont .board_write .mail input{width:327px;}
.contents .cont .board_write .write_pwd input {width:114px;}
.contents .cont .board_write .file input {width:458px;}

/*Q&A속성*/
.qna {width:708px;}
.qna dt {background:url(/images/ic_qna.gif) no-repeat 0 1px; color:#608a0e; font-weight:bold; padding-left:13px; margin-top:10px;}
.qna dd {padding-left:13px;}
.qna dd span {color:#555; text-decoration:underline;}
#qna1 {padding:20px;}
#qna2 {padding:20px;}
#qna2 dt {padding-bottom:5px;} 
#qna2 dd {padding-bottom:10px;}
#qna2 dd span {color:#555; font-weight:bold; text-decoration:none;}
#qna3 {padding:20px;}
#qna4 {padding:20px;}
#qna4 table {width:688px; border-collapse:collapse; margin:10px 0;}
#qna4 th {background:#9cb6c0; color:#fff; border:1px solid #c9c9c9; line-height:1em; padding-top:3px; height:30px;}
#qna4 td {border:1px solid #c9c9c9; padding-left:10px; height:20px; }
#qna5 {padding:20px;}
#qna6 {padding:20px;}
#qna7 {padding:20px;}

/*멤버쉽영역*/
/*로그인*/
.login {position:relative; background:url(/images/login_bg.jpg) no-repeat; width:659px; height:293px; margin:20px 0 0 30px;}
.login .login_box {position:absolute; top:105px; left:411px;}
.login .login_box input {height:16px; border:1px solid #d1d1d1;}
.login .login_box .login_id {width:120px;}
.login .login_box .login_pw {width:120px;}
.login .find_box {position:absolute; top:176px; left:530px;}
.login .find_box .btn_join {margin-bottom:10px;}
.login .find_box li {margin-bottom:3px;}
/*회원가입*/
.join01 p {margin:10px 0;}
.join01 input {vertical-align:middle;}
.policy {width:708px; height:300px; overflow-y:auto; padding:10px; border:1px solid #c9c9c9;}
.policy h4 {color:#c68c00; font-weight:bold; font-size:1.1em; margin:10px 0px 5px 0px;}
.policy .margin0 {margin:0 0 5px 0;}
.policy_page {width:708px; padding:10px;}
.policy_page h4 {color:#c68c00; font-weight:bold; font-size:1.1em; margin:10px 0px 5px 0px;}
.policy_page .margin0 {margin:0 0 5px 0;}
.terms {width:708px; height:300px; overflow-y:auto; padding:10px; border:1px solid #c9c9c9;}
.terms h4 {color:#c68c00; font-weight:bold; font-size:1.1em; margin:10px 0px 5px 0px;}

.join02 table {width:708px; border-collapse:collapse;}
.join02 table td {border-bottom:1px solid #e7e5dc; height:30px;}
.join02 img {vertical-align:middle;}
.join02 input {height:16px; border:1px solid #bfbfbf; background-color:#fffefa; vertical-align:middle;}
.join02 .box01{width:130px;}
.join02 .box02 {width:90px;}
.join02 .box03 {width:60px;}
.join02 .box04 {width:400px;}
.join02 li {margin:2px 0;}

/*2011-12-09 id,pw찾기 팝업*/
.find_pop {position:relative; background:url(/images/find_pop_bg.gif) no-repeat; width:400px; height:210px;}
.find_pop .title {position:relative; text-align:left; padding:25px 0 0 20px;}
.find_pop .comment {position:relative;text-align:center; width:300px; margin:40px auto 0px auto;}
.find_pop span {color:#31849f; font-weight:bold;}

.find_pop_id {position:relative; background:url(/images/find_pop_bg.gif) no-repeat 0 0; width:400px; height:160px;}
.find_pop_id .title {position:relative; text-align:left; padding:25px 0 0 20px;}
.find_pop_id .comment {position:relative; text-align:center; width:300px; height:60px; margin:20px auto 0px auto; padding:15px 0; background:#e9e9e9;}
.find_pop_id .comment  input {height:16px; border:1px solid #bfbfbf; vertical-align:middle;}
.find_pop_id .comment .box01{width:130px;}
.find_pop_id .comment .box02 {width:90px;}
.find_pop_id .comment td {text-align:left; padding-left:10px; height:25px;}
.find_pop_id span {color:#31849f; font-weight:bold;}

.find_pop_pw {position:relative; background:url(/images/find_pop_bg.gif) no-repeat 0 0; width:400px; height:160px;}
.find_pop_pw .title {position:relative; text-align:left; padding:25px 0 0 20px;}
.find_pop_pw .comment {position:relative; text-align:center; width:300px; height:60px; margin:20px auto 0px auto; padding:5px 0; height:80px; background:#e9e9e9;}
.find_pop_pw .comment  input {height:16px; border:1px solid #bfbfbf; vertical-align:middle;}
.find_pop_pw .comment .box01{width:130px;}
.find_pop_pw .comment .box02 {width:90px;}
.find_pop_pw .comment td {text-align:left; padding-left:10px; height:22px;}
.find_pop_pw span {color:#31849f; font-weight:bold;}


/* add찾기 팝업*/
.find_add {background:url(/images/find_add_bg.gif) no-repeat; width:400px; height:346px;}
.find_add input {border:1px solid #c9c9c9; height:22px; line-height:14pt;}
.find_add .add_bar{width:215px;}
.find_add .add_result{position:relative; width:341px; height:153px; overflow:auto; vertical-align:top; text-align:left; margin-left:27px; padding:5px; border:1px solid #e9e9e9;}
.find_add .title {text-align:left; padding-left:20px;}
.find_add td {text-align:center; line-height:13pt;}
.find_add span {color:#31849f; font-weight:bold;}

/* id중복검색 팝업*/
.chk_pop {background:url(/images/chk_id_bg.gif) no-repeat; width:400px; height:346px;}
.chk_pop table {width:100%;}
.chk_pop input {border:1px solid #c9c9c9; height:22px; line-height:14pt;vertical-align:middle;}
.chk_pop .search_id {width:220px; margin-left:30px;}
.chk_pop img {vertical-align:middle;}
.chk_pop .add_bar{width:215px;}
.chk_pop .add_result{position:relative; width:341px; height:153px; overflow:auto; vertical-align:top; text-align:left; margin-left:27px; padding:5px; border:1px solid #e9e9e9;}
.chk_pop .title {text-align:left; padding-left:20px;}
.chk_pop td {text-align:center; line-height:13pt;}
.chk_pop span {color:#31849f; font-weight:bold;}


/*비공개글 비번입력*/
.hold {text-align:center;}
.hold input {border:1px solid #c9c9c9; height:20px;}

.board_consult {width:708px; border-collapse:collapse; margin-top:30px;}
.board_consult td {border-top:1px solid #cbc7b7; border-bottom:1px solid #cbc7b7; padding-left:10px; vertical-align:middle; letter-spacing:-0.1em;}
.board_consult img {vertical-align:middle;}
.board_consult input {border:1px solid #c9c9c9; color:#555; vertical-align:middle;}
.board_consult select {vertical-align:middle;}
.board_consult .select01 {width:145px;}
.board_consult .select02 {width:55px;}
.board_consult .consult_txt {padding:0; background:#e7e5dd; height:30px;}
.board_consult .box01 {width:140px;}
.board_consult .box02 {width:45px;}
.board_consult .box03 {width:45px; }
.board_consult .box04 {width:300px;}
.board_consult .box05 {width:65px;}
.board_consult .box06 {width:25px;}
.board_consult .address {height:75px;}
.board_consult .address input {margin:2px 0px;}
.board_consult textarea {width:550px; height:60px; border:1px solid #c9c9c9; color:#555; margin:5px 0; overflow:auto;}