/* 구글 웹폰트 나눔고딕, 나눔스퀘어 */ @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* 기본 폰트 */ * {font-family:'NanumGothic','Nanum Gothic','Malgun Gothic',sans-serif;} /* 공통 스타일 ----------------------------------------------------------------------------- body {font-size:13px;color:#333;line-height:1.8em;} body, form {padding:0;margin:0;} div, td, li {line-height:1.8em;} hr { display:none;visibility:hidden; } A:link {color:#333;text-decoration:none;} A:visited {color:#333;text-decoration:none;} A:hover {color:#333;text-decoration:underline;} A img {border:0;} .form {border:1px solid #999;text-align:left;} .t0 {text-decoration:none;} .t1 {font-size:9pt;} .bigtext {font-size:13pt;} .bodytext {font-size:9pt;line-height:25px;} .bodytext1 {font-size:9pt;line-height:16px;} .bodytext2 {font-size:8pt;line-height:16px;} .bold {font-size:9pt;font-weight:bold;} .top-menu {font-size:8pt;} .top-menu a:link, .top-menu a:visited, .top-menu a:hover {color:#9D9D9D ! important;text-decoration:none;} a.button {text-decoration:none;display:inline-block;background:#f1f1f1 url(http://www.dosanseowon.com/gears/dlg_buttons/buttonWhite.gif) no-repeat left top;position:relative;vertical-align:top;white-space:nowrap;padding:0;font:0px/23px Sans-serif;margin-right:4px;} a.button span {display:inline-block;background:#f1f1f1 url(http://www.dosanseowon.com/gears/dlg_buttons/buttonWhite.gif) no-repeat right top;padding:0 10px 0 8px;font-size:12px;color:#000;position:relative;vertical-align:top;cursor:pointer;left:2px;} */ /* 공통 -----------------------------------------------------------------------------*/ .invisible {text-indent:-200px;height:1px;width:1px;margin:0px;padding:0px;font-size:1px;line-height:1px;position:absolute;left:-1000px;top:-1000px;visibility:hidden;overflow:hidden;} #skipNavigationDiv {text-indent:-2000px;clear:both;height:0px;margin:0px;padding:0px;font-size:0px;line-height:1px;position:absolute;visibility:hidden;overflow:hidden;} .outWrap {clear:both;display:block;width:1200px;height:100%;position:relative;margin:0 auto;text-align:left;} /* 가로 최소 사이즈 일괄 지정 */ #topDiv, #bottomDiv, #mainMidDiv, #subMidDiv {min-width:1200px;} /* 상단 */ #topDiv {float:left;width:100%;height:165px;background:#fff url(../images/bg_top.png) repeat-x;} /* 유틸 텍스트 */ #topUtilTxt {float:left;margin-top:8px;font-size:13px;font-weight:600;color:#fff;} /* 로고 */ #logo {float:left;position:absolute;z-index:100;left:0px;top:35px;} /* 유틸 메뉴 */ #topUtilDiv {float:right;width:auto;padding:0;margin:8px 0 0 0;list-style:none;} #topUtilDiv li {display:inline;margin:0;font-size:13px;font-weight:600;} #topUtilDiv li, #topUtilDiv li a {color:#EEB95D;} #topUtilDiv li span a {color:#fff; background-color:#C09741;padding:8px 15px;} #topUtilDiv li strong a {color:#fff; background-color:#00B5C7;padding:8px 15px; margin:0 0 0 20px;} #topUtilDiv li img {vertical-align:middle;} /* 메인 메뉴 */ #topMenuDiv {float:right;width:850px;padding:0;margin:35px 0 0 0;list-style:none;} #topMenuDiv li {display:inline;float:left;width:auto;font-size:18px;font-weight:600;text-align:center;} #topMenuDiv li a {display:inline-block;width:100%;padding:16px 50px;color:#000;} #topMenuDiv li a.hover, #topMenuDiv li a:hover {color:#8E3C00;text-decoration:none;} #topMenuDiv ul.topSubMenu {display:none;position:absolute;z-index:100;top:130px;width:auto;padding:0;margin:0;list-style-type:none;list-style-position:outside;} #topMenuDiv ul.topSubMenu li {width:auto;font-size:13px;color:#fff;text-align:center;} #topMenuDiv ul.topSubMenu li a {display:inline-block;width:auto;display:block;padding:10px 20px;background:rgba(255,255,255,0.80);} #topMenuDiv ul.topSubMenu li a:hover {color:#BF681A;} #topMenuDiv li:nth-child(1) ul {left:400px;} #topMenuDiv li:nth-child(2) ul {} #topMenuDiv li:nth-child(3) ul {left:670px;} #topMenuDiv li:nth-child(4) ul {right:100px;} #topMenuDiv li:nth-child(5) ul {right:30px;} /* 푸터 */ #bottomDiv {clear:both;overflow:hidden;width:100%;height:170px;background:url(../images/bg_bottom.png) repeat-x;} /* 푸터 메뉴 */ #privacyUI {float:left;width:auto;padding:9px 0 20px 25px;margin:0;list-style:none;text-align:left;} #privacyUI li {display:inline;margin-right:20px;font-size:13px;font-weight:600;line-height:1.7em;} #privacyUI li a {color:#333;} #bottomDiv span {float:right;width:auto;height:40px;font-weight:600;} #bottomDiv span a {float:left;display:inline-block;color:#fff;} #bottomDiv span a:hover {text-decoration:none;} #bottomDiv span a.top {padding:13px 20px;background-color:#666;} #bottomDiv span a.top:hover {text-decoration:none;background-color:#333;} #bottomDiv span a.facebook {padding:11px 13px;font-size:1.3em;background-color:#2866B1;} #bottomDiv span a.blog {padding:11px 13px;font-size:1.3em;font-weight:bold;background-color:#00BD39;} #bottomDiv span a.naver {padding:13px 13px;font-size:1.0em;font-weight:bold;background-color:#00BD39;} /* 카피라이트 */ #copyrightDiv {float:left;position:absolute;left:0;width:auto;padding:10px 0 20px 280px;margin:50px 0 0 0;list-style:none;background:url(../images/bottom_logo.png) no-repeat 20px 50%;} #copyrightDiv li {font-size:12px;line-height:1.8em;color:#333;} #copyrightDiv li i.fa {color:#999;} #copyrightDiv li.copy {margin-top:10px;} a.device_change {float:right;position:absolute;right:0;padding:0 10px;margin-top:70px;font-size:0.9em;color:#999 !important;border-radius:5px;border:1px solid #555;} a.device_change i.fa {font-size:1.5em !important;vertical-align:middle;} /* 메인 -----------------------------------------------------------------------------*/ #mainMidDiv {clear:both;overflow:hidden;width:100%;padding:60px 0 30px 0;} #mainMidDiv * {letter-spacing:-0.05em;} /* 메인 비주얼(로테이션) */ #visualDiv {clear:both;overflow:hidden;width:100%;min-width:1200px;} #visualDiv .container {position:relative;width:1200px;height:440px;margin:0 auto;} #visualDiv .container #visual {width:1900px;left:-350px;height:440px;overflow:hidden;background-image:none;position:absolute;} #visualDiv .container #visual ul {list-style:none none outside;padding:0;margin:0;} #visualDiv .container #visual div.fg {width:auto;position:absolute;top:250px;left:665px;z-index:100;width:580px;padding:20px 0;margin:0 auto;font-size:30px;font-weight:600;text-align:center;line-height:1.6em;color:#fff;background: rgba(0, 0, 0, 0.5);} #visualDiv .container #visual div.fg strong {font-size:40px;font-weight:600;} dl.notice {float:left;width:420px;height:265px;padding:0;margin:0;} dl.notice dt {padding:0;margin:0 0 25px 25px;font-size:25px;font-weight:600;} dl.notice dt a {float:right;} dl.notice dd {padding:0;margin:0 0 0 25px;} #popupZone {float:left;position:relative;left:85px;width:350px;height:265px;} #popupZone h3 {padding:0;margin:0 0 25px 0;font-size:25px;font-weight:600;} #popupZone div a, #papupZone div img{display:none;} #popupZone div.current2 {z-index:3;} #popupZone div.current2 a, #papupZone div.current2 img {display:block;} a#ppz1 {left:80%;} a#ppz2 {left:81%;} a#ppz3 {left:82%;} #popupZone .ppzTab {display:inline-block;position:relative;top:-35px;width:15px;height:7px;background-color:#B0B0B0;} #popupZone .ppzTab span {display:none;} #popupZone .current {background-color:#005BC4;} #popupZone div {position:absolute;display:block;top:50px;font-size:13px;font-weight:600;line-height:35px;text-align:center;} #popupZone div img, #popupZone div img.empty {width:350px;height:130px;} div.cs {float:right;width:260px;height:265px;} div.cs .csTel {padding:0;margin:0;} div.cs .csTel dt {padding:0;margin:0 0 20px 0;font-size:25px;font-weight:600;} div.cs .csTel dd {padding:0;margin:10px 0;font-size:14px;line-height:2.0em;} div.cs .csTel dd strong {font-size:22px;font-weight:600;color:#FF5519;line-height:33px;} div.cs .csTel dd strong span {font-size:18px;font-weight:600;color:#8E3C00;line-height:33px;} div.cs .csBank {padding:0;margin:30px 0 0 0;} div.cs .csBank dt {padding:0;margin:0 0 8px 0;} div.cs .csBank dd {padding:0;margin:0;} div.cs .csBank dd strong {font-size:22px;font-weight:600;color:#000;line-height:32px;} div.cs .csTel dd span a {padding:10px 45px;margin:0;font-size:14px;font-weight:600;color:#fff;line-height:40px;letter-spacing:-0.05em;background-color:#976D34;text-align:center;} /* 유형별소개 */ ul.info {clear:both;overflow:hidden;width:100%;padding:0;margin:0 0 0 15px;list-style:none;} ul.info h4 {display:inline;float:right;padding:0 390px 0 0;font-size:35px;font-weight:600;color:#000;text-align:center;} ul.info h5 {padding:0 0 0 70px;font-size:20px;font-weight:600;color:#000;} ul.info li {float:left;display:inline;width:250px;margin:0 22px;text-align:center;line-height:17px;} ul.info li a {display:inline-block;font-weight:600;color:#5D5D5D;} ul.info li a img {margin:20px 0 10px 0;} ul.info li a strong {font-size:20px;font-weight:600;color:#000;line-height:50px;} ul.info li a span {float:left;display:inline;width:250px;margin:0;text-align:center;line-height:17px; padding-top:30px;} ul.info li a:hover {text-decoration:none;} ul.info li a:hover strong {color:#990000;} ul.info li:last-child {margin-right:0;} /* 분양절차 */ .step {clear:both;overflow:hidden;width:100%;height:282px;margin:70px 0 40px 0;background:url(../images/bg_step.jpg) no-repeat 50% 50%;} .step dl {clear:both;display:block;width:1200px;height:100%;position:relative;margin:0 auto;text-align:left;} .step dl * {font-weight:600;color:#fff;text-align:center;} .step dl dt {margin:50px 0 35px 0;font-size:30px;} .step dl dd {font-size:15px;} .step dl dd ul {padding:0;margin:40px 0 0 190px;list-style:none;} .step dl dd ul li {display:inline;float:left;width:15%;margin:0 2%;font-size:16px;} .step dl dd ul li a {display:block;padding:15px 0;border:1px solid #fff;} .step dl dd ul li a:hover {color:#e9e9e9;text-decoration:none;border:1px solid #000;background:rgba(0,0,0,0.3);} /* 서브 -----------------------------------------------------------------------------*/ /* 일반 콘텐츠 페이지 */ #subMidDiv {clear:both;overflow:hidden;width:100%;} #midLeftDiv {float:left;width:210px;} #midLeftDiv h2 {clear:both;overflow:hidden;width:100%;padding:40px 0;margin:0;font-size:25px;font-weight:600;color:#fff;text-align:center;background-color:#a56a19; letter-spacing:-1px;} #midLeftDiv h2 span {display:block;} #midContentDiv {float:right;position:relative;width:940px;} #subtitle {float:left;width:auto;padding:0;margin:20px 0;font-size:35px;color:#333;letter-spacing:-1px;line-height:45px;} #locationDiv {float:right;position:absolute;z-index:1;right:0;top:40px;width:auto;font-size:13px;color:#666;} #locationDiv a {color:#666;} #locationDiv img {vertical-align:middle;} #locationDiv span {font-weight:600;} #locationDiv ul {display:inline-block;padding:0;margin:0 0 0 15px;list-style:none;} #locationDiv ul li {display:inline-block;margin-left:5px;} #leftMenuDiv {float:left;width:208px;padding:0;margin:0 0 50px 0;list-style:none;border-left:1px solid #ccc;border-right:1px solid #ccc;} #leftMenuDiv li {float:left;width:100%;font-weight:600;font-size:15px;border-bottom:1px solid #ccc;} #leftMenuDiv li a {display:block;padding:15px 0 15px 20px;color:#333;background:url(../images/bl_sm.png) no-repeat 90% 20px;} #leftMenuDiv li a:hover, #leftMenuDiv li a.hover {text-decoration:none;color:#000;background:#D0D0D0 url(../images/bl_sm.png) no-repeat 90% 20px;} #leftMenuDiv li ul {float:left;width:100%;padding:10px 0;margin:0;list-style:none none outside;border-top:1px solid #ccc;} #leftMenuDiv li ul li {font-size:13px;border-bottom:none;background:url(../images/bl_sm_s.png) no-repeat 25px 10px;} #leftMenuDiv li ul li a {padding:5px 0 5px 35px;color:#515151;background:none;} #leftMenuDiv li ul li a:hover {color:#288D00;background:none;} div.sub_cs {float:left;width:208px;border:1px solid #ccc;} div.sub_cs .csTel {padding:20px 20px 0 20px;margin:0;} div.sub_cs .csTel dt {padding:0;margin:0 0 10px 0;font-size:18px;font-weight:600;} div.sub_cs .csTel dd {padding:0;margin:0 0 20px 0;} div.sub_cs .csTel dd strong {font-size:22px;font-weight:600;color:#FF5519;line-height:30px;letter-spacing:-0.05em;} div.sub_cs .csTel dd span a {padding:10px 15px;margin:0;font-size:14px;font-weight:600;color:#fff;line-height:40px;letter-spacing:-0.05em;background-color:#976D34;text-align:center;} div.sub_cs .csBank {padding:0;margin:20px;} div.sub_cs .csBank dt {padding:0;margin:0 0 8px 0;} div.sub_cs .csBank dd {padding:0;margin:0;} div.sub_cs .csBank dd strong {font-size:20px;font-weight:600;color:#000;letter-spacing:-1.2px;} #contentDiv {clear:both;width:100%;min-height:500px;padding:10px 0 60px 0;text-align:left;font-size:14.5px;letter-spacing:-0.05em;line-height:27px;color:#000;} #ctt {margin:0 !important;padding:0 !important;border:none !important;} /* 그누보드 추가 -----------------------------------------------------------------------------*/ /* 회원가입 */ .member-skin .contentHolder {overflow-y:scroll !important;} .btn-e.btn-e-lg {padding:7px 15px;border:none;} .btn-e.btn-e-red {color:#fff;background:#FF2A00;} .register-box fieldset .label {float:left;width:20%;height:30px;text-align:right;} .register-box fieldset .input, .register-box fieldset .checkbox {float:left;width:78%;height:30px;padding-left:2%;} .register-box fieldset .input i.fa {display:none;} .register-box fieldset .input input {padding:2px;} .register-box .row, .register-box .margin-hr-10 {clear:both;overflow:hidden;} /* FAQ */ .faq-wrap .tab-e1, #faq_wrap ol {clear:both;overflow:hidden;} .faq-wrap .nav-tabs {clear:both;overflow:hidden;padding-left:1px;zoom:1;list-style:none;} .faq-wrap .nav-tabs li {float:left;margin-bottom:-1px;} .faq-wrap .nav-tabs li a {display:block;position:relative;width:90px;padding:6px 0;margin-left:-1px;color:#888;text-align:center;letter-spacing: -0.1em;line-height:1.2em;border:1px solid #ddd;background:#f7f7f7;} .faq-wrap .nav-tabs li.active a {z-index:2;color:#565e60;font-weight:bold;border:1px solid #565e60;background:#fff;} .faq-wrap #faq_con h5 {font-size:14px !important;} .faq-wrap .eb-pagination {padding:0;margin:30px 0;list-style:none;text-align:center;} .faq-wrap .eb-pagination li {display:inline;margin:0 5px;} .faq-wrap .input-group {text-align:center;} .faq-wrap .input-group input, .faq-wrap .input-group span {vertical-align:middle;} .faq-wrap .input-group span button {padding:2px 5px;color:#fff;letter-spacing:-0.1em;border:0;background:#ff3061;} .faq-wrap .t-right {text-align:right;} .faq-wrap .t-right a {font-size:13px;padding:2px;} /* 인쇄 설정 */ @media print { /* 크롬에서 배경이미지, 배경색 인쇄 가능하도록 */ #contentDiv {-webkit-print-color-adjust:exact;} }