/*
개발공사 2018 서브
*/

.sub {
  z-index: 1;
  word-break: keep-all;
  color: #555;
}
.sub a {
 /* color: #555;*/
}
strong ,.bold { font-weight:bold;  }
.text-red { color:#eb000a !important;  }
.text-blue { color:#3e5098 !important;  }
.block { display:block;  }
.clear { clear:both;  }



/*인풋창 스타일*/
.form-table input[type="text"] , .form-table select , .form-table input[type="password"], .form-table input[type="file"] , .form-table .form-btn {  height:35px;  border:1px solid #dedede; border-radius:5px; padding:0 5px;  }
.form-table input[type="radio"]  { margin:0 5px;  }
.form-table .texarea { max-height:300px; height:300px;  overflow-y:auto; border:1px solid #dedede; border-radius:5px;  }
.form-table .form-btn{ border:0px; vertical-align:middle; margin-top:1px;  margin-left:-5px; height:35px; padding:0 20px; font-size:14px;   font-weight:bold; border-radius:25px;  display:inline-block; color:#517ea8; background:#f1f7ff;   border:1px solid #517ea8;  }
.form-table .input-wrap {  margin:5px 10px 5px 5px;  }




@media (min-width: 992px) {

	
	.sub { }
	.sub-top-title-wrap {  color:#222; padding-top:105px;text-align:center;  height:220px; background-repeat: no-repeat; background-position:center top; background-size:cover;  }
	.sub-top-title-wrap .text { font-size:24px; }
	.sub-top-title-wrap h3 { position:relative;  font-size:32px; color:#fff;  margin-bottom:10px; }

	.sub-menu-wrap { width:100%; height:60px;   border-top:1px solid #aaa;   border-bottom:1px solid #aaa;  }
	.sub-menu-wrap .container { position:relative; }
	.sub-menu-wrap .sub-menu {  float:left; width:100%; height:59px; border-left:1px solid #aaa;   }
	.sub-menu-wrap .sub-menu li {border-right:1px solid #aaa;  position:relative;z-index:90;  float:left;padding-top:10px;height:59px;  padding-left:25px; padding-right:25px;  width:285px; letter-spacing:-1.5px;  font-size:20px;  }
	.sub-menu-wrap .sub-menu li a { color:#222; display:block;  padding-bottom:5px; padding-top:8px;   }
	.sub-menu-wrap .sub-menu li a i.fa-chevron-down {position:absolute;   top:20px; right:20px;  }
	.sub-menu-wrap .sub-menu li.active a i.fa-chevron-down {  top:18px; right:19px;  }
	.sub-menu-wrap .sub-menu li a:hover {    }
	.sub-menu-wrap .sub-menu li.active { border:2px solid #145484;  padding-top:8px; padding-left:23px; padding-right:23px; }
	.sub-menu-wrap .sub-menu li.active a { color:#145484; text-decoration:none;   }
	.sub-menu-wrap .sub-menu li.home {padding-left:20px; padding-right:20px; padding-top:6px;  background:#145484;  width:auto; }
	.sub-menu-wrap .sub-menu li.home a {color:#fff; }
	.sub-menu-wrap .sub-menu li  ul {display:none; padding-top:11px; padding-bottom:5px;  position:absolute; top:58px; left:-2px;  background:#fff; border:2px solid #145484;  width:285px;  }
	.sub-menu-wrap .sub-menu li  ul li {position:relative; border-right:0px; float:none; display:inline-block;   height:auto; background:none; margin-bottom:10px; border:0px;   font-size:16px;padding-top:0px; padding-bottom:0px;   }
	.sub-menu-wrap .sub-menu li  ul li.active {border:0px; }
	.sub-menu-wrap .sub-menu li  ul li a { color:#000; display:inline-block;padding:0px;    }
	.sub-menu-wrap .sub-menu li.active  ul li a { color:#000;    }
	.sub-menu-wrap .sub-menu li  ul li a:hover { color:#145484; text-decoration:underline; }
	.sub-menu-wrap .sub-menu li  ul li a.active { color:#145484;  text-decoration:underline;  }


	    /* 4뎁스 */
    .sub-tab-menu {

        margin-bottom: 44px;
    }
	 .sub-tab-menu:after { clear:both; display:table; content:'';  }

    .sub-tab-menu.tabs1 li {
        width: 100%;
    }

    .sub-tab-menu.tabs2 li {
        width: 49.75%;
    }

    .sub-tab-menu.tabs3 li, ul.sub-tab-menu.tabs5 li,  ul.sub-tab-menu.tabs6 li, ul.sub-tab-menu.tabs9 li {
        width: 33%;
    }

    .sub-tab-menu.tabs4 li, ul.sub-tab-menu.tabs7 li, ul.sub-tab-menu.tabs8 li, ul.sub-tab-menu.tabs11 li, ul.sub-tab-menu.tabs12 li {
        width: 24.625%;
    }

    .sub-tab-menu.tabs10 li {
        width: 19.6%;
    }

    .sub-tab-menu li + li {margin-left: 0.5%;}

    .sub-tab-menu li:nth-of-type(4n+1) {clear: both; margin-left: 0;}

    .sub-tab-menu li {
        float: left;
        margin-bottom: 6px;
    }

    .sub-tab-menu li a {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        color: #333;
        padding: 15px 0;
        font-size: 16px;
        border: 1px solid #ccc;
    }

    /* .sub-tab-menu li:first-child a {border-left: 1px solid #ddd;} */
    .sub-tab-menu li:last-child a {}

    .sub-tab-menu li:hover a, .sub-tab-menu li.active a {
       background: #323a43; color: #fff; text-decoration: none;
    }


	.sub-contents { }
	.sub-contents .sub-top  {position:relative; padding-top:88px;text-align:center;   padding-bottom:60px;  }
	.sub-contents .sub-top h1  {color:#222222; font-size:36px;   font-family: 'GmarketSansBold';margin-bottom:5px;   }
	.sub-contents .sub-top .text  {font-size:18px; color:#222;   }
	.sub-contents .sub-top .breadcrumb {  position:absolute; top:30px; right:0px;   background: none;	padding:0px; 	font-size:14px;     }  
	.sub-contents .sub-top .breadcrumb > li + li:before {    content: ">";    color:#909090;   }
	.sub-contents .sub-top .breadcrumb li a { color:#909090; }
	.sub-contents .sub-top .breadcrumb li a strong{ color:#000; }

	.sub-contents-main { padding-bottom:50px;  font-size:18px; color:#555555 ; }
	.sub-contents-main h2 { font-size:30px; color:#222;   margin-bottom:20px; margin-top:40px;  }
	.sub-contents-main h2:first-child { margin-top:0px; }
	.sub-contents-main h3 { font-size:24px; font-weight:bold; margin-bottom:15px;  }
	.sub-contents-main ul.bul {}
	.sub-contents-main ul.bul li {padding-left:12px; position:relative; margin-bottom:5px;  }
	.sub-contents-main ul.bul>li:before {content:''; display:inline-block; width:5px; height:5px; left:0px; top:10px; background:#555; position:absolute; border-radius:100%; }
	.sub-contents-main ul.bul li ul {margin-top:5px;  }
	.sub-contents-main ul.bul li ul li { margin-bottom:3px;  padding-left:0px; }
	.sub-contents-main ul.bul li ul li:before {content:'-'; display:inline-block;  margin-right:5px;  }
	
	.sub-contents-main .text-box { margin-bottom:20px; border:1px solid #AAAAAA; background:#F7F7F7; padding:20px 40px;  }
	.sub-contents-main .border-box  { margin-bottom:20px; border-top:1px solid #888888; border-bottom:1px solid #DDDDDD;  padding:20px 0 ;  }

	/*버튼 정의*/
.sub-contents .contents-btn * { vertical-align:top;  }
	.sub-contents .contents-btn  a { font-weight:normal;  display:inline-block; padding:15px 40px;  font-size:18px;  color:#fff; background:#009697; margin:0 5px; border-radius:30px;  }
	.sub-contents .contents-btn.contents-btn-sm a {  font-size:12px; padding:1px 20px;  }
	.sub-contents .contents-btn  a.btn2 { color:#fff; background:#323a43;  border:none; }
	.sub-contents .contents-btn  a.btn3 { color:#fff; background:#8c8c8c;  border:none; }
	.sub-contents .contents-btn  a.btn5 { color:#fff; background:#507cbd;  border:none; }
	.sub-contents .contents-btn  a.btn4 { color:#fff; background:#000; }
	.sub-contents .contents-btn  button , .sub-contents .contents-btn  input[type="button"]  {  font-weight:normal;  display:inline-block; border:0px; padding:8px 30px; /*border-radius:20px;*/  color:#fff; background:#009697;  margin:0 5px;  }
	.sub-contents .contents-btn  button.btn2 ,.sub-contents .contents-btn  input[type="button"].btn2  {color:#fff; background:#323a43;  }
	.sub-contents .contents-btn  button.btn3 ,.sub-contents .contents-btn  input[type="button"].btn3  {color:#fff; background:#8c8c8c;   }
	.sub-contents .contents-btn  button.btn4 ,.sub-contents .contents-btn  input[type="button"].btn4  { color:#fff; background:#000;  }
	.sub-contents .contents-btn  button.btn5 ,.sub-contents .contents-btn  input[type="button"].btn5  {color:#fff; background:#507cbd;  }



	.sub-contents .table-responsive {float: left; width: 100%; margin: 10px 0;}
	.sub-contents .table-responsive.tCenter {text-align: center;}
	.sub-contents .table-responsive table {width: 100%; border-top: 1px solid #000;}
	.sub-contents .table-responsive table .bl_on {border-left: 1px solid #ddd !important;}
	.sub-contents .table-responsive table thead th {background: #fafafa;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;text-align: center;font-size: 18px;color: #333;padding: 13px 15px;font-weight: 500;}
	.sub-contents .table-responsive table thead th:first-child {border-left: none;}
	.sub-contents .table-responsive table tbody th {border-bottom: 1px solid #ddd;background: #fafafa;font-size: 18px;color: #111;padding: 15px;text-align: center;font-weight: 500;}
	.sub-contents .table-responsive table tbody td {border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;font-size: 17px;color: #666;padding: 15px;}
	.sub-contents .table-responsive table tbody td ul.bul li {color: #666;}
	.sub-contents .table-responsive table tbody td:first-child {border-left: none;}



/*상상이룸 소개*/
	.introduce {}
	.introduce .top-img  {margin-bottom:120px;   }
	.introduce .top-text  {text-align:center;font-family: 'GmarketSansBold'; font-size:30px; color:#222;  margin-bottom:75px; }
	.introduce .top-text *  {vertical-align:top; }
	.introduce .top-text  span { color:#EA7F26; font-size:50px;  display:inline-block; margin:0 5px; }
	.introduce .bottom-img {text-align:center; margin-bottom:98px; }
	.introduce .half-text-wrap { margin-bottom:60px; }
	.introduce .half-text-wrap .half:first-child p  { font-size:24px; color:#222;   font-family: 'GmarketSansMedium';  }
	.introduce .half-text-wrap .half:first-child p strong  {display:inline-block; padding:3px 5px 0px; background:#EA7F26; color:#fff;  font-family: 'GmarketSansBold'; }
	.introduce .half-text-wrap .half:nth-of-type(2)   {padding-left:50px; }
	.introduce .half-text-wrap .half:nth-of-type(2) p  { font-size:18px; color:#222;  }
	.introduce  .text-box { display:flex;  }
	.introduce  .text-box h3 { margin-right:50px; margin-top:3px; }

	.half-text-wrap {  }
	.half-text-wrap:after {  clear:both; display:table; content:'';   }
	.half-text-wrap .half  {  float:left; width:50%; }
	.half-text-wrap .half:nth-child(even)  { border-left:1px solid #aaa; padding-left:20px; }
	.half-text-wrap .half:nth-child(2n+1)  {clear:both; }


/*오시는길*/
.way {  }
.way ul.bul {    }
.way ul.bul>li { margin-bottom:20px;    }
.way ul.bul li:after { clear:both;  display:table; content:'';   }
.way ul.bul strong {  float:left; display:inline-block;    width:180px;  }
.way ul.bul span { font-weight:bold; color:#222; }
.way ul.bul span, .way ul.bul ul  {  float:left; width:calc(100% - 180px);     margin-top:0px !important;  }



/*공간구성*/
.composition {  }
.composition .top-img , .composition .bottom-img {  border:1px solid #888888; padding:60px 0; text-align:center; position:relative; width:calc(100% - 20px); margin-top:20px;  margin-bottom:30px;  }
.composition .top-img span , .composition .bottom-img span { position:absolute; top:-20px; right:-20px; width:80px; height:80px; background:#222; color:#fff; text-align:center; line-height:80px; font-size:28px;  }
.triple-text-box {margin:0 -15px 70px; }
.triple-text-box:after { clear:both;display:table; content:'';  }
.triple-text-box .triple {floaT:left; width:33.333%; padding:0 15px; }
.triple-text-box .triple .in {border:1px solid #aaa; min-height:480px; }
.triple-text-box .triple .in  h3 {text-align:center; padding:10px;  margin:0px; font-size:21px; font-weight:bold; background:#EEEEEE;  }
.triple-text-box .triple .in  .text-wrap {padding:35px 20px;border-top:1px solid #aaa;  }
.triple-text-box .triple .in  .text-wrap dl  {position:relative; padding-left:80px;  margin-bottom:25px; }
.triple-text-box .triple .in  .text-wrap dl span  {position:absolute; top:0px; left:0px; width:60px; height:60px; border-radius:100%; color:#fff; font-size:26px; text-align:center; line-height:50px;  }
.triple-text-box .triple .in  .text-wrap dl.location span  {  background:#B58156; }
.triple-text-box .triple .in  .text-wrap dl.purpose span  { background:#5481A4;   }
.triple-text-box .triple .in  .text-wrap dl dt {color:#EA7F26; font-weight:bold;  margin-bottom:5px;   }
.triple-text-box .triple .in  .text-wrap dl dd {  }
.triple-text-box .triple .in  .text-wrap dl dd strong { font-weight:bold; color:#222;  }
.bottom-text-box { border:1px solid #aaa;  height:210px;  }
.bottom-text-box:after { clear:both; display:table; content:'';    }
.bottom-text-box h3 { float:left;  text-align:center;  height:100%;  padding:10px;  margin:0px; font-size:21px; font-weight:bold; background:#EEEEEE; width:60px;  }
.bottom-text-box .text-wrap { float:left; width:calc(100% - 60px); padding:53px 53px 0 ; height:100%; border-left:1px solid #aaa;  }
.bottom-text-box .text-wrap dl  { float:left; position:relative; padding-left:80px;  margin-right:75px;   }
.bottom-text-box .text-wrap dl span  {position:absolute; top:0px; left:0px; width:60px; height:60px; border-radius:100%; color:#fff; font-size:26px; text-align:center; line-height:50px;  }
.bottom-text-box .text-wrap dl.location span  {  background:#B58156; }
.bottom-text-box .text-wrap dl.purpose span  { background:#5481A4;   }
.bottom-text-box .text-wrap dl dt {color:#EA7F26; font-weight:bold;  margin-bottom:5px;   }
.bottom-text-box .text-wrap dl dd {  }
.bottom-text-box .text-wrap dl dd strong { font-weight:bold; color:#222;  }


/*공간구성 - new*/
.composition-wrap {}
.composition-wrap .list { border:1px solid #AAAAAA; margin-bottom: 25px;  padding:30px; position:relative;  }
.composition-wrap .list:after { clear:both; display:table; content:'';  } 
.composition-wrap .list { clear:both; display:table; content:'';  } 
.composition-wrap .list .img { float:left;width:50%; padding-right:45px;  }
.composition-wrap .list .text-wrap {float:left; width:50%; }
.composition-wrap .list .text-wrap  .c-label  {position:absolute; top:15px; right:15px;  height:69px; line-height:69px; color:#fff; font-size:30px; background:#222; padding:0 20px;  }
.composition-wrap .list .text-wrap  h2 { color:#555555; font-size:30px; font-weight:bold; margin:0 0 40px;  }
.composition-wrap .list .text-wrap  dl  { padding-left:80px; position:relative; }
.composition-wrap .list .text-wrap  dl dt  { color:#EB7F26; font-size:18px; font-weight:bold; margin-bottom:5px;  }
.composition-wrap .list .text-wrap  dl:before   { content:'' ;width:60px; height:60px; border-radius:100%; position:absolute; top:0px; left:0px; display:inline-block;  }
.composition-wrap .list .text-wrap  dl.location:before  { background:#B58156;  }
.composition-wrap .list .text-wrap  dl.purpose:before  { background:#5481A4;  }
.composition-wrap .list .text-wrap  dl.location  { margin-bottom:25px;  }
.composition-wrap .list .text-wrap  dl.location dd  {font-weight:bold; color:#222;  font-size:18px; }
.composition-wrap .list .text-wrap  dl.purpose dd  {color:#222;  font-size:18px; }
.composition-wrap .list .text-wrap  dl.purpose dd.two:after { clear:both;display:table; content:''; }
.composition-wrap .list .text-wrap  dl.purpose dd.two p { float:left; width:50%; margin-bottom:5px;   }

/*게시글 상단 검색*/
	.notice-top-search {  text-align:center;   height:100px;   margin-bottom:40px; background:#555; border-radius:50px; }
	.notice-top-search * { vertical-align:top;  }
	.notice-top-search .input-wrap {  display:flex;  float:left; width:calc(100% - 174px); height:100%;  padding:25px 25px 25px 60px;  }
	.notice-top-search select { width:280px; height:50px; margin-right:2px; border-radius:5px; background:#F2F2F2; border:1px solid #dbdbdb;  font-size:18px; }
	.notice-top-search input { width:100%; height:50px; border-radius:5px 0 0 5px; background:#F2F2F2; border:1px solid #dbdbdb;  font-size:18px; padding:0 5px;  }
	.notice-top-search input[type="text"]::placeholder {font-size:18px; color:#666666; }
	.notice-top-search button {font-family: 'GmarketSansBold'; font-size:18px; width:174px; float:left; text-align:center; border:0px; padding-top:10px;    height:100px; ; border-radius:0 50px 50px 0 ; background:#eb7f25; color:#fff;  }





}

@media (min-width: 992px) and (max-width: 1199px) {


}






#contactUs {float:left; width:100%; padding-bottom:10px;  border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; font-size:14px;}
#contactUs dl {float:left; width:100%; margin-top:10px;}
#contactUs dl dt {float:left;  line-height:30px; padding:0 20px; border-left:1px solid #CCC;}
#contactUs dl dt:nth-of-type(1) {border-left:0 none;}
#contactUs dl dd:nth-of-type(1) {width:30%;}
#contactUs dl dd:nth-of-type(2) {width:10%;}
#contactUs dl dd {float:left; line-height:30px; word-break: break-all;}

#pageSurvey {clear:both; padding-bottom: 20px; margin-bottom:0px;  background:#EEE; border:1px solid #CCC;}
#pageSurvey dl {padding:15px 20px 0 20px; font-size:14px;}
#pageSurvey dl dd {padding-top:10px;}
#pageSurvey dl dd ul {margin:0;}
#pageSurvey dl dd label {margin-right:35px; font-weight:normal;}
#pageSurvey dl dd label input {margin-right:5px;}
#pageSurvey dl dd input[type='text'] {width:90%; height:30px; padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#pageSurvey dl dd button {width:10%; height:30px; margin-left:-1px; background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;}



@media (max-width: 991px) {

	.sub { }
	.sub-top-title-wrap {  color:#222; padding-top:70px;text-align:center;  height:150px; background-repeat: no-repeat; background-position:center top; background-size:cover;  }
	.sub-top-title-wrap .text { font-size:16px; }

 .sub-tab-menu {display:none; }
.sub-tab-menu.mobile-show-tab { display:block;  }
	 /* 4뎁스 */
    .sub-tab-menu {

        margin-bottom: 44px;
    }
	 .sub-tab-menu:after { clear:both; display:table; content:'';  }


    .sub-tab-menu li + li {margin-left: 0.5%;}

    .sub-tab-menu li:nth-of-type(4n+1) {clear: both; margin-left: 0;}

    .sub-tab-menu li {
        float: left;
        margin-bottom: 6px;
		width:32.333%;
    }

    .sub-tab-menu li a {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        color: #333;
        padding: 15px 0;
        font-size: 14px;
        border: 1px solid #ccc;
    }

    /* .sub-tab-menu li:first-child a {border-left: 1px solid #ddd;} */
    .sub-tab-menu li:last-child a {}

    .sub-tab-menu li:hover a, .sub-tab-menu li.active a {
       background: #323a43; color: #fff; text-decoration: none;
    }


	.sub-menu-wrap {display:none;  width:100%; height:60px;  border-top:1px solid #aaa;  }
	.sub-menu-wrap .container { position:relative; }
	.sub-menu-wrap .sub-menu {   float:left; width:100%; height:59px; border-left:1px solid #aaa;   }
	.sub-menu-wrap .sub-menu li {border-right:1px solid #aaa;  position:relative;z-index:90;  float:left;padding-top:6px;height:59px;  padding-left:10px; padding-right:10px;  width:calc(50% - 22px); letter-spacing:-1.5px;  font-size:14px;  }
	.sub-menu-wrap .sub-menu li a { color:#fff; display:block;  padding-bottom:5px; padding-top:8px;   }
	.sub-menu-wrap .sub-menu li a i.icon-down-open {position:absolute;   top:15px; right:10px;  }
	.sub-menu-wrap .sub-menu li a:hover {   }
	.sub-menu-wrap .sub-menu li.active { }
	.sub-menu-wrap .sub-menu li.active a {  }
	.sub-menu-wrap .sub-menu li.home {padding-left:5px; padding-right:5px;   width:44px; text-align:center;  }
	.sub-menu-wrap .sub-menu li.home a {color:#fff; }
	.sub-menu-wrap .sub-menu li  ul {display:none; padding-top:11px; padding-bottom:5px;  position:absolute; top:42px; left:0px;  background:#fff; border:1px solid #000000;    width:100%;   }
	.sub-menu-wrap .sub-menu li  ul li {position:relative; border-right:0px; float:none; width:100%;  display:block;   height:auto; background:none; margin-bottom:7px;  font-size:14px;padding-top:0px; padding-bottom:0px;   }
	.sub-menu-wrap .sub-menu li  ul li a { color:#7B7B7B; display:inline-block;padding:0px;    }
	.sub-menu-wrap .sub-menu li  ul li a:hover { color:#000;}
	.sub-menu-wrap .sub-menu li  ul li a.active { color:#000;  text-decoration:underline; }

	.sub-contents {   }
	.sub-contents .sub-top  {position:relative; padding-top:58px;text-align:center;   padding-bottom:30px;  }
	.sub-contents .sub-top h1  {color:#222222; font-size:24px;   font-family: 'GmarketSansBold';margin-bottom:5px;   }
	.sub-contents .sub-top .text  {font-size:14px; color:#222;   }
	.sub-contents .sub-top .breadcrumb {  display:none; position:absolute; top:30px; right:0px;   background: none;	padding:0px; 	font-size:14px;     }  
	.sub-contents .sub-top .breadcrumb > li + li:before {    content: ">";    color:#909090;   }
	.sub-contents .sub-top .breadcrumb li a { color:#909090; }
	.sub-contents .sub-top .breadcrumb li a strong{ color:#000; }

	.sub-contents-main { padding-bottom:50px; font-size:16px; color:#555;  }
	.sub-contents-main h2 { font-size:26px; color:#222;  margin-bottom:15px; margin-top:30px;  }
	.sub-contents-main h2:first-child { margin-top:0px; }
	.sub-contents-main h3 { font-size:20px; font-weight:bold; margin-bottom:10px;  }
	.sub-contents-main ul.bul {}
	.sub-contents-main ul.bul li {padding-left:10px; position:relative; margin-bottom:3px;  }
	.sub-contents-main ul.bul>li:before {content:''; display:inline-block; width:3px; height:3px; left:0px; top:11px; background:#555; position:absolute; border-radius:100%; }
	.sub-contents-main ul.bul li ul {margin-top:5px;}
	.sub-contents-main ul.bul li ul li { margin-bottom:3px;  padding-left:0px; }
	.sub-contents-main ul.bul li ul li:before {content:'-'; display:inline-block;  margin-right:5px;  }

	.sub-contents .table-responsive {float: left;width: 100%;margin: 10px 0;border: 0 none;}
	.sub-contents .table-responsive table {width: 100%; border-top: 1px solid #000; margin-bottom: 10px;}
	.sub-contents .table-responsive.tCenter {text-align: center;}
	.sub-contents .table-responsive table .bl_on {border-left: 1px solid #ddd !important;}
	.sub-contents .table-responsive table thead th {background: #fafafa;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;text-align: center;font-size: 0.6rem;color: #333;padding: 7px;font-weight: 500;}
	.sub-contents .table-responsive table thead th:first-child {border-left: none;}
	.sub-contents .table-responsive table tbody th {border-bottom: 1px solid #ddd;font-size: 0.58rem;color: #333;padding: 7px;text-align: center;font-weight: 500;background: #fafafa;}
	.sub-contents .table-responsive table tbody td {border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;font-size: 0.58rem;color: #666;padding: 7px;}
	.sub-contents .table-responsive table tbody td:first-child {border-left: none;}



	.sub-contents-main .text-box { margin-bottom:15px; border:1px solid #AAAAAA; background:#F7F7F7; padding:15px 20px;  }
	.sub-contents-main .border-box  { margin-bottom:15px; border-top:1px solid #888888; border-bottom:1px solid #DDDDDD;  padding:15px 0 ;  }


/*버튼정의*/
	.sub-contents .contents-btn * { vertical-align:top;  }
	.sub-contents .contents-btn  a { font-weight:normal;  display:inline-block; padding:13px 0.8rem; color:#fff; background:#009697;  margin:0 5px;   font-size:0.6rem;  color:#fff; background:#009697; margin:0 5px; border-radius:30px;  }
	.sub-contents .contents-btn.contents-btn-sm a {  font-size:0.48rem; padding:1px 0.6rem;  }
	.sub-contents .contents-btn  a.btn2 { color:#fff; background:#323a43;  border:none; }
	.sub-contents .contents-btn  a.btn3 { color:#fff; background:#8c8c8c;  border:none; }
	.sub-contents .contents-btn  a.btn4 { color:#fff; background:#000; }
		.sub-contents .contents-btn  a.btn5 { color:#fff; background:#507cbd;  border:none; }
	.sub-contents .contents-btn  button ,.sub-contents .contents-btn  input[type="button"]  { border:0px;  font-weight:normal;  display:inline-block; padding:8px 0.6rem;  color:#fff; background:#009697; margin:0 5px;  }
	.sub-contents .contents-btn  button.btn2 ,.sub-contents .contents-btn  input[type="button"].btn2    { color:#fff; background:#323a43;  border:none;}
	.sub-contents .contents-btn  button.btn3 ,.sub-contents .contents-btn  input[type="button"].btn3    { color:#fff; background:#8c8c8c; border:none; }
	.sub-contents .contents-btn  button.btn4 ,.sub-contents .contents-btn  input[type="button"].btn4    { color:#fff; background:#000; }
	.sub-contents .contents-btn  button.btn5 ,.sub-contents .contents-btn  input[type="button"].btn5  {color:#fff; background:#507cbd;  }






.half-text-wrap {  }
.half-text-wrap .half  { border-top:1px solid #aaa; padding-top:20px; margin-bottom:20px; }
.half-text-wrap .half:first-child  { border-top:0px; padding-top:0px; }



	/*상상이룸 소개*/
	.introduce {}
	.introduce .top-img  {margin-bottom:40px;  text-align:center;   }
	.introduce .top-text  {text-align:center;font-family: 'GmarketSansBold'; font-size:21px; color:#222;  margin-bottom:28px; }
	.introduce .top-text *  {vertical-align:top; }
	.introduce .top-text  span { color:#EA7F26; font-size:36px;  display:inline-block; margin:0 5px; }
	.introduce .bottom-img {text-align:center; margin-bottom:50px; }
	.introduce .half-text-wrap { margin-bottom:40px; }
	.introduce .half-text-wrap .half:first-child p  { font-size:16px; color:#222;   font-family: 'GmarketSansMedium';  }
	.introduce .half-text-wrap .half:first-child p strong  {display:inline-block; font-size:21px; padding:3px 5px 0px; background:#EA7F26; color:#fff;  font-family: 'GmarketSansBold'; }
	.introduce .half-text-wrap .half:nth-of-type(2) p  { font-size:13px; color:#222;  }
	.introduce  .text-box { display:flex;  }
	.introduce  .text-box h3 { margin-right:20px; margin-top:3px; }



/*오시는길*/
.way {  }
.way ul.bul {    }
.way ul.bul>li { margin-bottom:15px;    }
.way ul.bul strong {  color:#135384; font-weight:normal;  }
.way ul.bul span { font-weight:bold; color:#222;  display:block;  margin-top:5px;  }



/*공간구성*/
.composition {  }
.composition .top-img , .composition .bottom-img {  border:1px solid #888888; padding:30px 20px; text-align:center; position:relative; width:calc(100% - 20px); margin-top:20px;  margin-bottom:30px;  }
.composition .top-img span , .composition .bottom-img span { position:absolute; top:-20px; right:-20px; width:40px; height:40px; background:#222; color:#fff; text-align:center; line-height:40px; font-size:18px;  }
.triple-text-box {margin-bottom: 43px; }
.triple-text-box .triple { padding:7px 0 ; }
.triple-text-box .triple .in {border:1px solid #aaa; }
.triple-text-box .triple .in  h3 {text-align:center; padding:8px;  margin:0px; font-size:14px; font-weight:bold; background:#EEEEEE;  }
.triple-text-box .triple .in  .text-wrap {padding:20px 20px 0 ;border-top:1px solid #aaa;  }
.triple-text-box .triple .in  .text-wrap dl  {position:relative; padding-left:60px;  margin-bottom:25px; }
.triple-text-box .triple .in  .text-wrap dl span  {position:absolute; top:0px; left:0px; width:40px; height:40px; border-radius:100%; color:#fff; font-size:16px; text-align:center; line-height:35px;  }
.triple-text-box .triple .in  .text-wrap dl.location span  {  background:#B58156; }
.triple-text-box .triple .in  .text-wrap dl.purpose span  { background:#5481A4;   }
.triple-text-box .triple .in  .text-wrap dl dt {color:#EA7F26; font-weight:bold;  margin-bottom:5px;   }
.triple-text-box .triple .in  .text-wrap dl dd {  }
.triple-text-box .triple .in  .text-wrap dl dd strong { font-weight:bold; color:#222;  }
.bottom-text-box { border:1px solid #aaa;    }
.bottom-text-box:after { clear:both; display:table; content:'';    }
.bottom-text-box h3 {text-align:center; padding:8px;  margin:0px; font-size:14px; font-weight:bold; background:#EEEEEE;  }
.bottom-text-box .text-wrap { padding:20px 20px 0 ;border-top:1px solid #aaa;  }
.bottom-text-box .text-wrap dl  { position:relative; padding-left:60px;  margin-bottom:25px; }
.bottom-text-box .text-wrap dl span {position:absolute; top:0px; left:0px; width:40px; height:40px; border-radius:100%; color:#fff; font-size:16px; text-align:center; line-height:35px;  }
.bottom-text-box .text-wrap dl.location span  {  background:#B58156; }
.bottom-text-box .text-wrap dl.purpose span  { background:#5481A4;   }
.bottom-text-box .text-wrap dl dt {color:#EA7F26; font-weight:bold;  margin-bottom:5px;   }
.bottom-text-box .text-wrap dl dd {  }
.bottom-text-box .text-wrap dl dd strong { font-weight:bold; color:#222;  }


/*공간구성 - new*/
.composition-wrap {}
.composition-wrap .list { border:1px solid #AAAAAA; margin-bottom: 25px;  padding:10px; position:relative;  }
.composition-wrap .list { clear:both; display:table; content:'';  } 
.composition-wrap .list .img {  padding-bottom:15px;  }
.composition-wrap .list .text-wrap { position:relative; padding:10px 0 ;  }
.composition-wrap .list .text-wrap  .c-label  {position:absolute; top:10px; right:0px;  height:35px; line-height:35px; color:#fff; font-size:20px; background:#222; padding:0 30px;  }
.composition-wrap .list .text-wrap  h2 { color:#555555; font-size:24px; font-weight:bold; margin:0 0 30px;  }
.composition-wrap .list .text-wrap  dl  { padding-left:70px; position:relative; }
.composition-wrap .list .text-wrap  dl dt  { color:#EB7F26; font-size:16px; font-weight:bold; margin-bottom:5px;  }
.composition-wrap .list .text-wrap  dl:before   { content:'' ;width:52px; height:52px; border-radius:100%; position:absolute; top:0px; left:0px; display:inline-block;  }
.composition-wrap .list .text-wrap  dl.location:before  { background:#B58156;  }
.composition-wrap .list .text-wrap  dl.purpose:before  { background:#5481A4;  }
.composition-wrap .list .text-wrap  dl.location  { margin-bottom:25px;  }
.composition-wrap .list .text-wrap  dl.location dd  {font-weight:bold; color:#222;  font-size:16px; }
.composition-wrap .list .text-wrap  dl.purpose dd  {color:#222;  font-size:16px; }
.composition-wrap .list .text-wrap  dl.purpose dd p { margin-bottom:5px;   }




/*게시글 상단 검색*/
	.notice-top-search {  text-align:center;   height:60px;   margin-bottom:30px; background:#555; border-radius:30px; }
	.notice-top-search * { vertical-align:top;  }
	.notice-top-search .input-wrap {  display:flex;  float:left; width:calc(100% - 60px); height:100%;  padding:15px;  }
	.notice-top-search select { width:105px; height:30px; margin-right:2px; border-radius:5px; background:#F2F2F2; border:1px solid #dbdbdb;  font-size:14px; }
	.notice-top-search input { width:100%; height:30px; border-radius:5px 0 0 5px; background:#F2F2F2; border:1px solid #dbdbdb;  font-size:14px; padding:0 5px;  }
	.notice-top-search input[type="text"]::placeholder {font-size:14px; color:#666666; }
	.notice-top-search button {font-family: 'GmarketSansBold'; font-size:14px; width:60px; float:left; text-align:center; border:0px; padding-top:5px;    height:60px; border-radius:0 30px 30px 0 ; background:#eb7f25; color:#fff;  }



	#pageSurvey dl dd input[type='text'] {width: 78%;}
	#pageSurvey dl dd button {width: 22%;}


}


@media (max-width: 600px) {
	
}









@media (max-width: 767px) {
  .table-responsive {
    position: relative;
  }

  .table-responsive:before {
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 40px;
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
    content: '화면을 좌우로 움직여 주세요. \A 한번 터치시 음영부분이 사라집니다.';
    white-space: pre;
    color: #fff;
    font-weight: bold;
    justify-content: center;
    align-items: center;
  }

  .table-responsive:after {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    content: '';
    width: 84px;
    height: 55px;
    margin: -40px 0 0 -42px;
    background: url(/pub/site/default/images/sub/icon_arw.png) no-repeat center;
    background-size: 84px auto;
  }

  .table-responsive.flexhide:before, .table-responsive.flexhide:after {
    display: none;
  }


}











/*join*/
.sub-contents  .agree_wrap { width:100%; max-height:400px; padding:15px; overflow-y:auto; border:1px solid #ccc;  margin-bottom:30px; }

.sub-contents .confirm { width:890px ; margin:0 auto;   background:#f5f5f5; padding:30px; text-align:center; }
.sub-contents .confirm .phone_wrap { background:#fff; margin:40px auto ; width:60%; border:1px solid #ccc;  padding:50px 20px; }
.sub-contents .confirm .phone_wrap .img { margin-bottom:10px;  }
.sub-contents .confirm .phone_wrap .contents-btn a.btn2 { display:inline-block; margin-top:20px; width:320px;  }
.sub-contents .confirm .phone_wrap .contents-btn input[type=button].btn2 { display:inline-block; margin-top:20px; width:320px;  }
.sub-contents .confirm .phone_wrap  label {  }
.sub-contents .confirm .phone_wrap .input-wrap { margin-bottom:20px;  }
.sub-contents .confirm .phone_wrap input { height:45px;  }
.sub-contents .confirm .phone_wrap .link-wrap { margin-top:15px;  }
.sub-contents .confirm .phone_wrap .link-wrap * {vertical-align:bottom;   }
.sub-contents .confirm .phone_wrap .link-wrap a { font-size:0.55rem; color:#333; display:inline-block;  }
.sub-contents .confirm .phone_wrap .link-wrap a:before { content:'|' ; display:inline-block; padding:0 10px;   font-size:0.5rem; }
.sub-contents .confirm .phone_wrap .link-wrap a:first-child:before { content:'';  padding:0px; }

@media (max-width: 991px) {
/*join*/
.sub-contents .confirm { padding:20px; width:100%; }
.sub-contents .confirm .phone_wrap {margin:20px auto ; width:90%; }
.sub-contents .confirm .phone_wrap .contents-btn a.btn2, .sub-contents .confirm .phone_wrap .contents-btn input[type="button"].btn2  { margin-top:15px; width:100%;  border:none; }

}