@charset "utf-8";
#wrapper{position:relative; font-size:14px; color:#555;width:100%;}
#wrap_top_img { width:100%;background:#f3f5f7;}
#top_img {width:100%; position:relative; }

#header, #container{ width:100%; position:relative;}
#footerwrap { clear:both; background:url(../images/main/bottom_link_img.jpg) repeat-x left top; height:auto; width:100%; padding-bottom:20px;}
#footer {width:1000px; margin:0 auto; position:relative;}
#wrap_gnb{width:100%; border-top:1px solid #ccc;}
.top_info, .top_zone{width:1000px; margin:0 auto;}

#gnb {width:1000px;margin:0 auto;}



.contents{width:100%}



/* 헤더부분 */
.close{position:absolute;top:20px; right:20%; width:26px;height:26px;text-indent:-9999px;z-index:99;background: url(../images/main/close.jpg) 50% 50% no-repeat; border:none;cursor:pointer;}
.check{position:absolute;bottom:10px;right:20%}
.check li{float:left; font-size:12px;color:#6e6e6e;}
input[class="checkbox"]{display:none;}
input[class="checkbox"] + label{width:11px; height:11px; display:inline-block;border:1px solid #ccc; cursor:pointer;}
.first_check{margin-right:5px;}
/**top link **/
.wrap_top_info{border-bottom:1px solid #ccc;}
.top_info{width:1000px;height:28px; font-size:13px;}
.top_info ul{float:left;}
.top_info .infolink_01{ width:19%}
.top_info .infolink_01 li{float:left;padding:4px 22px; border-left:1px solid #ccc; }
.top_info .infolink_01 li a{color:#888;}	
.top_info .infolink_01 .star{background:url(../images/main/star.jpg) no-repeat 15px 8px;border-right:1px solid #ccc;padding-left:29px;}
.top_info .infolink_02{padding-left:48%}
.top_info .infolink_02 li{float:left; padding:4px 22px;background: url(../images/main/top_link_line.jpg) no-repeat 3px 8px; }
.top_info .infolink_02 li:first-child{background:none;}
.top_info .infolink_02 li a{color:#555}
.top_info .infolink_02 .blue{color:#71a3ea}
.top_info .log_on{display:block;}
.top_info .log_off{display:none;}
.top_info .infolink_03{padding-left:64%}
.top_info .infolink_03 li{float:left; padding:4px 22px}
.top_info .infolink_03 .join{background: url(../images/main/join.jpg) no-repeat 0 4px;}
.top_info .infolink_03 .log_in{background: url(../images/main/login.jpg) no-repeat 0 4px;}
.top_info .infolink_03 li a{color:#555}
/**logo zone**/
.top_zone{height:100px;}
.logo{padding-top:20px;float:left;display:block;}
.logo_phone{display:none;}
.search{ position:absolute; right:0; float:right;padding:30px 0 0 0; position:relative;}
.search input { border:1px solid #ccc; height:40px; width:300px; background:#fff;box-sizing: border-box;}
.search button { background:#c6c6c6 url(../images/main/search.jpg) center no-repeat; width:38px; height:40px; vertical-align:middle;}

/* input[type="text"] {border:1px solid #ccc; height:40px; width:400px; background:#fff;box-sizing: border-box;}
input[type="image"]{position:absolute;top:31px; right:0;} */
/**gnb zone**/
#gnb ul{border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;  overflow:hidden}
#gnb ul li{float:left; width:20%;  }
#gnb ul .bor{border-right:1px solid #ccc;}
#gnb ul li a{color:#002c67; display:block; text-align:center; height:60px;  line-height:60px; box-sizing:border-box; border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; margin-right:-1px}

/**QuickMenu zone**/
.quickConts_wrap { position:absolute; top:0; right:0; z-index:999999; /*background:#fffurl(../images/main/quickMenu_background.png) right top repeat-y*/; height:100%;}
.quickArrow { position:relative; float:left; padding:30px 0 0 0; margin-right:22px;}
.quickArrow button { position:absolute; top:30px; left:0px; z-index:10000;}
.quickMenu { position:relative; border-left:1px solid #CCC; background:#fff; /*background:url(../images/main/quickMenu_background.png) right top repeat-y;*/ height:100%; float:left;}
.quick_info { position:relative;}
.quick_info img { position:absolute;top:0;right:0;}
.quick_custom { background:url(../images/main/quick_tel.png) center 20px no-repeat; text-align:center; font-size:16px; color:#000; font-weight:600; padding:60px 0 0 0;}
.quick_custom span { font-size:18px; color:#205db4;}
.quick_tel { background:#dfdfdf; width:70px; height:20px; text-align:center; display:block; margin:10px auto; font-size:12px;}
.quick_txt { font-size:12px; text-align:center; line-height:110%;} 

.quickMenu p { text-align:center;}
.reservation { margin-top:15px; width:130px; margin-left:4px}
.quick_tab { font-size:14px; width:134px; margin-bottom:20px;}
.quick_tab li { padding:8px 0; text-align:left; border-bottom:1px solid #ccc;display:inline-block; width:94px; padding:18px 16px 18px 6px; margin:0 5px 0 8px; height:14px;}
.quick_tab li a { margin-right:20px}
.quick_tab_01 { background:url(../images/main/q_icon_01.jpg) no-repeat  right 15px;}
.quick_tab_02 { background:url(../images/main/q_icon_02.jpg) no-repeat  right 15px;}
.quick_tab_03 { background:url(../images/main/q_icon_03.jpg) no-repeat  right 15px;}
.quick_tab_04 { background:url(../images/main/q_icon_04.jpg) no-repeat  right 15px;}
.quick_tab_05 { background:url(../images/main/q_icon_05.jpg) no-repeat  right 15px;}





/* 푸터 */
.guide{ position:relative; width:1000px; display:inline-block; margin:0 auto; padding:1.6% 0; clear:both; overflow:hidden; text-align:center;}
.guide ul { display:inline-block; width:auto;}
.guide ul li{ display:table; float:left; text-align:center;padding:0 10px; background:url(../images/main/footer_line.jpg) no-repeat 0px 3px; font-size:14px; display:inline-block; }
.guide ul li:first-child{background:none;}
.guide ul li:nth-child(3) { color:#00f6ff;}
.guide ul li:nth-child(3) a { color:#00f6ff;}
.guide ul li a{color:#fff; text-align:center;}
.addWrap{ width:100% ;position:relative;}
.add{font-size:12px; color:#555;margin-top:25px; line-height:1.6}
.add ul {width:60%; display:inline-block;}
.add ul li{float:left; padding:0 2%;background:url(../images/main/address_line.jpg) no-repeat 0 3px;}
.add .back_no{background:none; padding-left:0}
.copy{margin-top:15px; font-size:12px;}
.copy .blue{color:#0078ff; display:inline-block;}
.escrow{position:absolute;bottom:10%;right:0;}




@media all and  (max-width:999px){
#wrap_top_img{display:none;}
.quickMenu{display:none;}
.top_info{height:50px;width:100%}
.top_info .infolink_01{display:none;}
.top_info .infolink_02 {padding-top:11px; width:100%;/* padding-left:64%;*/ box-sizing:border-box;}
.top_info .infolink_02 li {padding:1% 12px}
.top_info .infolink_02 li a{color:#555; font-size:12px;}
.top_info .infolink_03{width:100%;padding-left:58%;}
.top_zone{width:100%}
.logo{display:none;}
.logo_phone{display:block;padding:15px 0 0 10px; float:left; width:37%}


.search{ width:auto; padding:30px 10px 0 0;}
/*input[type="text"]{width:100%;}
input[type="image"]{position: absolute;right:0;}*/

#wrap_gnb{height:auto}

#gnb{width:100%;}
#gnb ul {border:none}
#gnb ul li {width:33.3%;}
#gnb ul li a { font-size:13px; letter-spacing:-1px; margin-right:0}

/*#gnb ul li a:nth-child(3n+1){border-right:none;}
#gnb ul li:last-child {  border-right:1px solid #e0e0e0;} */
#gnb ul .bor{border-right:none;}
#gnb ul .phon_bor{border-right:1px solid #ccc;}



#footer{width:100%;}
.guide{width:100%; padding:2% 0}
.guide ul{/*width:78%;*/padding:0 0;}
.guide ul li{/*padding:0 3%*/}
.addWrap{width:96%; padding:0 2%; font-size:16px;position:relative;}
.escrow{bottom:15%;right:5%}


/**QuickMenu zone**/
.quickConts_wrap { display:none;}


}


@media all and  (max-width:768px){
	
	/**QuickMenu zone**/
.quickConts_wrap { display:none;}

	
.logo_phone img { width:50%;}
.logo_phone{display:block;padding:3% 0 0 5%;float:left; width:37%}
.top_info .infolink_02{/*padding-left:55%*/  text-align:right}

.guide ul li{/*padding:0 2%;*/ font-size:11px;}

.escrow{ display:none;}

}


@media all and  (max-width:480px){
	
.top_info .infolink_02{padding-left:24%}
.search{width:52%; padding:30px 0 0 0;}

.logo_phone img { width:70%;}
.logo_phone{display:block;padding:7% 0 0 5%;float:left; width:37%}



#footer{width:100%;}
.guide{width:100%; padding:2% 0}
.guide ul{/*width:98%;*/padding:10px 0 0 10px;}

.addWrap{width:96%; padding:0 2%; font-size:16px;position:relative;}
.escrow{top:15%;right:5%}

.gnbmenu { position:relative; display:table;} 
.gnbmenu:after, .gnbmenu:before { content:''; display:table-row;}
.gnbmenu li { display:table-cell; vertical-align:middle;}

}


@media all and  (max-width:400px){

#gnb ul li { font-size:13px !important;}
.infolink_02 li a { font-size:13px !important;}
.guide ul li{padding:0 3px; font-size:11px;}

}