@charset "utf-8";
/*
 파일명:			  default.css
 작성자:			  dm-p
 최초작성일:   2013.10.23
 @import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
 @import url("common.css");
 @import url("content.css");
*/
 
/*body,table,input,textarea,button,select{font-family:'Nanum Gothic',AppleGothic,Apple Gothic,Apple-Gothic,AppleGothic,'Dotum','돋움','gulim','굴림',Helvetica,sans-serif;font-size:13px;font-weight:400;color:#7e7e7e;letter-spacing:-.7px; font-weight: 200;}*/
@import url("common.css");
html {overflow-y:scroll;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, textarea, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:1em;  line-height:1.313em; /*vertical-align:baseline; */background:transparent; -webkit-text-size-adjust:none}
body {line-height:1; font-family: 'Dotum','돋움','gulim','굴림';}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul,li,ol,li,dl,dd,dt{list-style:none}
blockquote, q {    quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {    content:'';    content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline;  background:transparent; text-decoration: none; color: #797979;}
/* change colours to suit your needs */
ins { background-color:#ff9;    color:#000;    text-decoration:none;}
/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
table { border-collapse:collapse; border-spacing:0;}
/* change border colour to suit your needs */
input, select { vertical-align:middle; -webkit-border-radius:0;}

img{vertical-align:middle;-ms-interpolation-mode:bicubic !important; max-width: 100%; height: auto;}
caption{visibility:hidden;z-index:-1;width:0;height:0;font-size:0;line-height:0}
legend,hr{visibility:hidden;position:absolute;left:-999px;z-index:-1;width:0;height:0;font-size:0}
hr{display:none}
/*legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0}*/
/* form */
label,button{cursor:pointer}
input.inp_tx{height:28px;padding:0 5px;border:1px solid #cacaca;color:#363940;line-height:28px;-webkit-box-sizing:border-box}
input.t1{ width: 50%; border-style: solid; border-width:1px; border-color: #adafb4 #adafb4 #e7e8ed #e7e8ed; border-radius:2px; height: 22px; line-height: 22px; padding: 0 1%;    }
input.t2{ width: 50%; border-style: solid; border-width:1px; border-color: #adafb4 #adafb4 #e7e8ed #e7e8ed; border-radius:2px; height: 27px; line-height: 27px; padding: 0 1%;    }
input.title{width: 90%;}
input.tel1{ width: 20%; max-width:50px; }
textarea.textarea{  width: 90%; height: 100px; border-style: solid; border-width:1px; border-color: #adafb4 #adafb4 #e7e8ed #e7e8ed; border-radius:2px;  padding: 1%;}
textarea.textarea.w100{width: 98%;}

/* Button */
button{margin:0;padding:0;border:none;background:none}
button.btn{display:inline-block;*overflow:visible;cursor:pointer}
button,button.btn{vertical-align:middle}
button.btnt1{ background-color: #8497a4; padding: 9px 34px; border-radius:4px; color: #fff; font-weight: bold;  }
/*button{overflow:visible;margin:0;padding:0;border:none;background:none;vertical-align:top;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
*/
.blind {visibility:hidden; font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; background: none; position:absolute; left:0; top:0;}


span.selectbox_title {
    background: url("../images/bg/bu_select.png") no-repeat scroll 98% 0 #fff;
    border: 1px solid #eee;
    padding: 5px 13px 4px 13px;
    text-align: left;
    min-width: 65px;
    margin-right: 3px;
}
span.selectbox_title strong {
    color: #7E7E7E;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: 1em;
    line-height: 14px;
    overflow: hidden;
    padding: 1px 0 2px;
    position: relative;
    width: 100%;
    word-break: break-all;
}
span.selectbox_title_focus {
    border-color: #333333;
}
span.selectbox_title_focus strong {
    color: #000000;
}
span.selectbox_title_disabled {
    background-color: #EEEEEE;
}
span.selectbox_title_disabled strong {
    color: #999999;
}
div.selectbox_option {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    overflow: hidden;
    padding: 0 0 10px;
    min-width: 91px;
}
div.selectbox_option li {
    list-style: none outside none;
}
div.selectbox_option a {
    color: #888888;
    display: block;
    font-size: 13px;
    height: 1em;
    line-height: 1.4em;
    overflow: hidden;
    padding: 5px;
    text-decoration: none;
    word-break: break-all;
}
div.selectbox_option a.on, div.selectbox_option a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
}
span.selectbox_multiple {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    display: inline-block;
    overflow: hidden;
}
span.selectbox_multiple ul li {
    color: #666666;
    display: block;
    font-size: 11px;
    height: 1em;
    line-height: 1.4em;
    overflow: hidden;
    padding: 1px 3px 4px;
    word-break: break-all;
}
span.selectbox_multiple ul li.on {
    background: none repeat scroll 0 0 #CCCCCC;
    color: #000000;
}
span.selectbox_multiple_focus {
    border-color: #333333;
}
span.selectbox_multiple_focus ul li.on {
    background: none repeat scroll 0 0 #BBBBBB;
    color: #000000;
}
span.selectbox_multiple_disabled {
    background-color: #EEEEEE;
}
span.selectbox_multiple_disabled ul li {
    color: #999999;
}
/* buttons */
.bt_org{display:inline-block;position:relative;z-index:10;border:1px solid;border-color:#ff492a transparent #ed2009;background-color:#fc4835;background:-webkit-gradient(linear,0 0,0 100%,from(#fc4835),to(#eb3c2c));border-radius:3px;color:#fff;font-size:1em;font-weight:bold;letter-spacing:-1px;-webkit-box-sizing:border-box;box-shadow:0 1px #e5e5e5}
.bt_org:before{display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#f72d13;background:-webkit-gradient(linear,0 0,0 100%,from(#ff6137),to(#f22801));content:''}
.bt_org2{display:inline-block;position:relative;z-index:10;border:1px solid;border-color:#f04e18 transparent #95180a;background-color:#f04e18;background:-webkit-gradient(linear,0 0,0 100%,from(#f04e18),to(#95180a));border-radius:4px;color:#fff;font-weight:bold;-webkit-box-sizing:border-box;font-size:1.1em;text-shadow:0 0 1px rgba(0,0,0,.5);box-shadow:0 1px rgba(0,0,0,.2)}
.bt_org2:before{display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#ff3710;background:-webkit-gradient(linear,0 0,0 100%,from(#ff3710),to(#d92916));border-radius:3px;content:''}
.bt_org3{display:inline-block;border:1px solid #b31200;background-color:#e82d19;background:-webkit-gradient(linear,0 0,0 100%,from(#ff3710),to(#e82d19));border-radius:4px;color:#fff;font-weight:bold;-webkit-box-sizing:border-box}
.bt_gry{display:inline-block;position:relative;z-index:10;border:1px solid;border-color:#c2c2c2 transparent #ababab;background-color:#b6b6b6;background:-webkit-gradient(linear,0 0,0 100%,from(#c2c2c2),to(#ababab));border-radius:3px;color:#252d35;font-size:.9em;letter-spacing:-1px;-webkit-box-sizing:border-box}
.bt_gry:before{display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#e9e9e9;background:-webkit-gradient(linear,0 0,0 100%,from(#fdfdfd),to(#e9e9e9));border-radius:2px;box-shadow:inset 0 1px #fff;content:''}
.bt_gry2{display:inline-block;position:relative;border:1px solid #cacaca;background-color:#f8f8f8;background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#f3f3f2));color:#70737b;box-shadow:inset 1px 1px #fff,inset -1px -1px #fff}
.bt_dgry{display:inline-block;background-color:#686868;background:-webkit-gradient(linear,0 0,0 100%,from(#686868),to(#606060));color:#c4c4c4;font-weight:bold;font-size:1.1em}
.bt_dgry2{display:inline-block;position:relative;z-index:10;border:1px solid;border-color:#5e6068 transparent #494b52;background-color:#494b52;background:-webkit-gradient(linear,0 0,0 100%,from(#5e6068),to(#494b52));border-radius:3px;color:#fff;font-size:.9em;letter-spacing:-1px;text-shadow:0 0 1px rgba(0,0,0,.5);-webkit-box-sizing:border-box}
.bt_dgry2:before{display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#6f707c;background:-webkit-gradient(linear,0 0,0 100%,from(#6f707c),to(#5f6069));content:''}
.bt_blu{display:inline-block;position:relative;z-index:10;border:1px solid;border-color:#b6bbc6 transparent #989ea9;background-color:#b6bbc6;background:-webkit-gradient(linear,0 0,0 100%,from(#b6bbc6),to(#989ea9));border-radius:4px;color:#363940;-webkit-box-sizing:border-box;font-weight:bold;text-shadow:0 1px #fff;box-shadow:0 1px rgba(0,0,0,.2)}
.bt_blu:before{display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#f9f9fb;background:-webkit-gradient(linear,0 0,0 100%,from(#f9f9fb),to(#d8dbe2));border-radius:3px;content:''}
.bt_blu2{display:inline-block;border:1px solid #caced6;background-color:#f5f5f5;background:-webkit-gradient(linear,0 0,0 100%,from(#fdfdfe),to(#f5f5f5));border-radius:4px;color:#363940;font-weight:bold;-webkit-box-sizing:border-box}
.bt_blu3{display:inline-block;position:relative;z-index:10;border:1px solid;border-color:#0c5cff transparent #064be6;background-color:#0c5cff;background:-webkit-gradient(linear,0 0,0 100%,from(#0c5cff),to(#064be6));border-radius:4px;color:#fff;-webkit-box-sizing:border-box;font-weight:bold;text-shadow:0 0 1px rgba(0,0,0,.5);box-shadow:0 1px rgba(0,0,0,.2)}
.bt_blu3:before{display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#0a46ff;background:-webkit-gradient(linear,0 0,0 100%,from(#0a46ff),to(#2e4bdc));border-radius:3px;content:''}
.bt_org3:disabled,.bt_org3_disabled,.bt_blu2:disabled{border:1px solid #c5c5c5;background:#e8eaed;color:#afb0b2;text-shadow:none;box-shadow:none}

/* 회사 연혁 */
.his_box h2 {font-size:1.563em; text-align:left; padding:5px 0; margin:0 auto; width:95%; color:#000; font-weight:bold; border:1px solid #bebebe; margin-bottom:15px;}
.his_list_box {margin-bottom:15px;}
.his_list_box:after {clear:both; content:""; display:block;}
.his_list_box strong {float:left; margin-right:3%; font-size:1.375em; color:#000; width:12%;display:inline-block; text-align:right;}
.his_list_box ul {float:left; width:85%;}
.his_list_box ul li {font-size:1.375em; color:#767676;}

.path_pos {margin-bottom: 10px;}
h1.path{ display:inline; /*fz28*/ font-size: 1.500em; color: #2f3c71; margin-right:5px; vertical-align:middle;}
.c1{color: #063;}
.c2{color: #f63;}
.c3{color: #069;}
.c4{color: #616161; font-size: 0.9em;}

/*회사소개 */

.asccent {font-size:1.875em; color:#132557; text-align:left;}
.listType {}
.listType dl.big {margin-bottom:30px;}
.listType dl.big dt {font-weight:bold; font-size:1.5em; color:#595959; }
.listType dl.big dd {font-size:1.5em; color:#595959;}

.listType dl.nomal {margin-bottom:30px;}
.listType dl.nomal dt {font-weight:bold; font-size:1.3em; color:#595959; }
.listType dl.nomal dd {font-size:1.3em; color:#595959;}

/* 렌탈 가이드 */

.rental_guide_box {}
.rental_guide_box dl.rental_list dt {color:#000; font-weight:bold; font-size:1.563em;}
.rental_guide_box dl.rental_list dd {font-size:1.5em; color:#595959;}
.rental_guide_box dl.rental_list dd.last {margin-bottom:30px;}
.rental_box_list {position:relative; border:1px solid #2f3c71;padding:60px 0 20px 20px; margin-bottom:30px;}
.rental_box_list dt {position:absolute; top:0; left:0; background:#171d2d; color:#fff; padding:10px; font-size:1.500em; width:35%;max-width:210px;}
.rental_box_list dt span {background:url(/m/images/bg/ico_lental.png) no-repeat; padding-left:18%; background-size:13%; max-width:210px;}
.rental_box_list dd {font-size:1.3em; color:#595959;}

/* 직영전시장안내 표 */

.burial_box {}
.burial_box h2 {font-size:1.563em; color:#000; text-align:center; padding:8px 0; border-top:2px solid #000; border-bottom:1px solid #000;}
.burial_box table.burial_skin {width:100%; margin-bottom:20px;}
.burial_box table.burial_skin tbody tr {}
.burial_box table.burial_skin tbody tr td {border-bottom:1px solid #bebebe; padding:8px 0; font-size:1em;}
.burial_box table.burial_skin tbody tr td:nth-child(2) {text-align:center;}
.burial_box table.burial_skin tbody tr td span {background:#fff; border:1px solid #2f3c71; color:#2f3c71; display:inline-block; padding:3px 5px; cursor:pointer;}
.burial_box table.burial_skin tbody tr td.txt_right {text-align:right;}
.burial_box table.burial_skin tbody tr.location {display:none;}
.burial_box table.burial_skin tbody tr.location td {background:#f1f1f1;}

/*paragraphs*/
.paragraphs{ margin-bottom: 35px; }
#companyArea > *{ margin-bottom: 35px; }
.pointPhoto{margin-bottom: 35px; text-align: center;}

#wrapper{width: 100%; /* max-width:1024px;  */margin: 0 auto;  overflow: hidden; }
#wrap-pos{position: relative; right: 0; top: 0; z-index: 20;  width: 100%;  /*background-color: #fff;*/  }
.Menubg {background:#222; opacity:0.5; width:100%; height:100%; position:absolute; right:0; top:0; z-index:100;display:none;}
#allMenu{ display: none;  /*border-style: solid; border-width: 1px 0 0 ; border-color: #fff;*/ /*width: 47.65625%;*/ width:50%; position: absolute; top: 0; right: 0; z-index: 101;  text-align: left; background-color: #4c4c4c;  background-repeat: repeat-y; }/*w305*/

#allMenu .list>li>a{ display: block; min-height:; height: auto !important; height: ; padding:20px 0 20px 20px; border-bottom: 1px solid #c8c8c8;  color: #d3d3d3;   }
#allMenu .list>li>a>strong{ display: block;  font-size: 1.500em; /*fz25px*/ font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
#allMenu .list>li>a>strong.kr{ font-family: 'Dotum','돋움','gulim','굴림'; letter-spacing:-1px; }
#allMenu .list>li>a.hover,#allMenu .list>li>a.on{ color: #fff; }

#allMenu .depth2{ border-bottom: 1px solid #fff;  display: none; }
#allMenu .depth2>ul>li>a{ display: block; padding:20px 0 20px 57px;  background-color: #767676;  color: #dbdbdb; font-size: 1.125em; /*fz18px*/  border-top: 1px solid #c8c8c8; background-image: url(../images/bg/bg_arr_allmenu.png); background-position: 7% 50%; background-repeat: no-repeat; -webkit-background-size: 16px; background-size: 16px;}
#allMenu .depth2>ul>li:first-child a{border-top: none;} 
#allMenu .depth2>ul>li>a.on{ color: #fff; }
#allMenu .depth2>ul>li.dep>a {color:#f7f7f7; background-image:none;}
#allMenu .depth3 {display:none;}
#allMenu .depth3 ul li a {display:block; padding:20px 0 20px 57px; color:#dbdbdb; background-image: url(../images/bg/bg_arr_allmenu.png); background-position: 7% 50%; background-repeat: no-repeat; -webkit-background-size: 16px; background-size: 16px; background-color:#8c8c8c;}
#allMenu .depth3 ul li a.on {color:#333;}
#allMenu .depth3 ul li:first-child a {border-top: 1px solid #c8c8c8;}
.all_btn_close {position:absolute; left:-50px; top:0; width:50px; padding:12.8549% 0; background:url(../images/header/btn_close.png) no-repeat center 50% #222; background-size:25px; outline:none; z-index:101;}
#cover {cursor:pointer; position: absolute; top: 0; right: 0; z-index:10000; background-color: rgba(23, 29, 45, 0.2); background-image:url(trg.png);
	/* IE 5.5 - 7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99dddddd, endColorstr=#99dddddd);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99dddddd, endColorstr=#99dddddd)";
}
/* 탭 */
.tabArea{ margin-bottom: 20px; *zoom:1; }

.tabArea:after{display: block; clear: both; content: ""; height: 0; visibility: hidden;}
.tabArea li{ background-color: #fff; float: left; }
.tabArea li a{display: block; border: 1px solid #bebebe; text-align: center; padding: 8px 0;  font-size: 1.125em;}
.tabArea li.on a{background-color: #212940; border: 1px solid #212940; color: #fff;}
.tabArea.l2 li{  width: 48.5%; margin-left: 1%; }
.tabArea.l2 li:first-child{margin-left: 0;}

/*상단*/
#header.subHeader{ background: url(../images/header/bg_gra.gif) 0 100% repeat-x; padding-bottom: 8px; }
#header{ position: relative; z-index: 1; text-align: center;  border-bottom:1px solid #e5e5e5; background-color:#fff; overflow: hidden; }
#header .h_logo{ text-align: center; width: 385px; margin: 0 auto;  }
#header .h_cafe_logo{ text-align: center; width: 407px; margin: 0 auto;  }
#header .btn_allmenu ,#header .btn_login{ position: absolute; top: 0; width: 101px; }
#header .btn_allmenu{ right: 0; }
#header .btn_login{ left: 0; }


/* flexslider */
.spot_pos {}
.spot_visual {width:100%; /*height:566px;*/ position: relative; *zoom: 1; /*background-color:#211c1b;*/}
.spot_visual .flex-viewport {max-height: 1900px;}
.spot_visual .slides {zoom: 1;margin: 0; padding: 0;}
.spot_visual .slides > li {display: none; -webkit-backface-visibility: hidden; /*position:absolute; left:50%; top:0; margin-left:-301.5px;*/} /* Hide the slides before the JS is loaded. Avoids image jumping */
.spot_visual .slides img {width:100%;}

/* direction nav */
.flex-direction-nav {display:none; *height: 0;margin: 0; padding: 0; list-style: none;}
.flex-direction-nav  a {width: 30px; height: 48px; display: block; position: absolute; top: 217px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next { right: 50%;  margin-right:-511px; background: url(/images/main/btn_next.png) no-repeat 0 0; }
.flex-direction-nav .flex-prev {left: 50%;  margin-left:-511px; background: url(/images/main/btn_prev.png) no-repeat 0 0; }

/* control nav */
.flex-control-nav {display:block; position: absolute; bottom:11px; right:10px; margin: 0; padding: 0; list-style: none;}
.flex-control-nav > li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging > li a {width: 16px; height: 16px; display: inline-block; text-indent:-3000px; background:url(../images/spot/spot_btn_off.png) no-repeat; background-size:14px; cursor: pointer /*font-family:Verdana; font-size:13px; color:#fff; line-height:19px; background: #cacaca; ; text-decoration:none; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);*/}
.flex-control-paging > li a:hover { /*background: #00bcca;*/}
.flex-control-paging > li a.flex-active { background:url(../images/spot/spot_btn_on.png) no-repeat; background-size:14px;}

#lnb {border-top:1px solid #fff;}
#lnb .list {}
#lnb .list > li {}
#lnb .list > li > a{ display: block; height: auto !important; padding:20px 0 20px 20px; border-bottom: 1px solid #fff;  color: #595959;  background-image: url(../images/bg/bg_arrlnb_off.png); background-position: 95% 50%; background-repeat: no-repeat; -webkit-background-size: 16px; background-size: 16px;  background-color:#0d4c99;}
#lnb .list > li > a.on {background-image: url(../images/bg/bg_arrlnb_on.png); background-color:#1898d6;} 
#lnb .list > li > a > strong{ display: block;  font-size: 1.500em; /*fz25px*/ font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color:#fefefe;}
#lnb .list > li > a.on > strong {color:#fff667;}
#lnb .list > li > a > strong.kr{ font-family: 'Dotum','돋움','gulim','굴림'; letter-spacing:-1px;  font-weight: bold;}
#lnb .list > li.last > a {border-bottom:0;}
#lnb .depth2{display: none;}
#lnb .depth2 > ul > li > a{ display: block; height: auto !important; padding:15px 0 15px 20px; border-bottom: 1px solid #e7e7e7;  color: #777; background-color: #fff;   }
#lnb .depth2 > ul > li.dep >a {color:#333; background-image: url(../images/bg/bg_arrlnb2_off.png); background-position: 95% 50%; background-repeat: no-repeat; -webkit-background-size: 16px; background-size: 16px;}
#lnb .depth2 > ul > li.dep > a.on {background-image: url(../images/bg/bg_arrlnb2_on.png);}
#lnb .depth3{display: none; border-bottom:1px solid #e7e7e7;}
#lnb .depth3 ul li > a{ display: block; height: auto !important; padding:15px 0 15px 20px; color: #777; background-color: #f7f7f7;   }

#footer{ background-color: #f8f8f8; border-top: 1px solid #c8c8c8; }
#footer .bnb{  border-bottom: 1px solid #c8c8c8; *zoom:1; position: relative; overflow: hidden; }
#footer .bnb:after{display: block; clear: both; content: ""; height: 0; visibility: hidden;}
#footer .bnb a{ display: inline-block; *display: inline; *zoom: 1; }
#footer .bnb a.facebook{width: 134px;}
#footer .bnb a.blog{width: 134px;}
#footer .bnb a.map{width: 173px; float: right;}
#footer .bnb a.pc{width: 115px; float: right;}
#footer .family_site {float:left;width:200px; margin-top:12px; margin-left:12px;}
#footer .family_site .f_selectbox {width: 100%; height: 29px; font-size: 24px; line-height: 29px; color: #000; padding: 0 5px; border: 0; border-radius: 0; background: #f1f1f1 url(../images/footer/bg_selectbox_arr.gif) 100% 36% no-repeat; background-size: 19px 19px; -webkit-background-size: 19px 19px; -webkit-appearance: none; -moz-appearance: none;  text-indent: 0.01px; text-overflow: '';}
#footer .copyright{ clear:both; padding: 10px 20px 25px 20px; text-align:center; color: #727272; }

/*서브 컨텐츠 박스*/
.container_sub{min-height:600px; margin: 15px 20px 50px;}

/* not in use */
#iscroll_warp{overflow:auto;position:absolute;top:150px;bottom:0;left:0;width:100%;z-index:1}
#iscroll{position:absolute;width:100%;padding:0;/*-webkit-touch-callout:none;*/-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:1}
.spr{display:block;overflow:hidden;background:url( https://img.tmon.co.kr/m/spr_common.png?v=1397703789 ) no-repeat;text-indent:-100em;-webkit-background-size:494px 600px}
/*.post_no{overflow:hidden;position:absolute;top:10px;left:3%;width:94%;height:335px;margin:0 auto;border-radius:5px;background:#fff;z-index:110;}*/
.post_no{overflow:hidden; width:100%;height:325px;border-radius:5px;background:#fff;z-index:110; position: relative;}
.post_no h1{padding:9px 0;border-top-left-radius:5px;border-top-right-radius:5px;background:#ff6328 url( https://img.tmon.co.kr/m/bg_point_guide.png?v=1397642667 ) repeat-x 0 100%;color:#fff;font-size:1.386em;text-align:center}
.post_no h2{margin:20px 20px 0;font-size:1em;line-height:1.071em}
.post_no h2 span{display:block;color:#888;font-size:0.929em}
.post_no fieldset{margin:8px 20px;}
.post_no fieldset strong{font-size:0.929em}
.post_no fieldset .txt{width:58.5%;margin-left:1%;padding:5px 0 6px;border:1px solid #cacaca}
.post_no ul{margin:2px 20px;border-top:1px solid #e7e7e7}
.post_no li{position:relative;padding:10px 0 6px 65px;border-bottom:1px solid #e7e7e7;color:#313131;font-size:0.857em;line-height:1.357em}
.post_no li span{position:absolute;top:10px;left:0;color:#f74d07}
.post_no .seabox{ position: relative; }
.post_no .btn_srch{position:absolute;top:0;right:0px;width:20%; min-height: 30px;padding:4px 1px 3px;border:1px solid #fff;outline:1px solid #cacaca;background:#f5f5f5 -webkit-gradient(linear,0% 0%,0% 100%,from(#f9f9f9),to(#f5f2f2));color:#222;font-size:0.929em}
.post_no .btn_clse{position:absolute;top:11px;right:13px;width:18px;height:18px;background-position:0 -15px}

/* signup n in */
.login{margin:13px}
.login .btn_join{display:block; width:100%;height:42px;margin-top:18px;border:1px solid #d4d4d4;background:#f0f0f0; /*-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#e9edf0));*/ color:#666;font-weight:bold; font-size:1.143em}
.login .forget{margin-top:18px;color:#909090;font-size:0.857em;line-height:1.357em}
.login .forget p{font-size:1.25em; line-height:20px; color:#2c2c2c}
.login .forget p a {color:#2c2c2c}
.login .forget strong{color:#2c2c2c}
.login_area{position:relative; /*padding:14px 14px 15px;*/ /*border:1px solid #fff;outline:1px solid #cfcfcf;background:#fbf9f9*/}
.login_area li{padding-right:76px}
.login_area .txt{width:100%;height:32px;margin-top:6px;padding:0 7px;border:1px solid #cacaca;font-size:1em;-webkit-box-sizing:border-box}
.login_area .auto_chk{margin-top:6px;padding-right:76px;font-size:1em;color:#555;text-align:right}
.login_area .auto_chk input{margin:0 5px 0 0}
.login_area .btn_login{position:absolute;top:6px;right:0;width:68px;height:68px;background:#008bce; color:#fff; font-size:1.286em; border:1px solid #00629c;}

/* 회사소개 */
.pointPhoto{ margin-bottom: 40px; }

/* 20140620 추가 css */
/* la cloud & mom's mill   ---------------- */
#spot_text div.title {font-size: 1.500em;color: #2f3c71;margin: 10px;font-weight: bold;line-height: 1.1;}
#spot_text div.la-cloud-text,#spot_text div.moms-mill-text {color: black;margin: 10px 15px 10px 15px;}
.spot_button {text-align: center;font-weight: bold;border: 1px solid #2f3c71;padding: 10px 0;margin: 20px 20px 20px 20px;font-size: 1.75em;}
.spot_button .ico_arr {color: #2f3c71;}
/* la cloud & mom's mill end ------------- */
/* 20140620 추가 css END */


@media all and (max-width:639px){
body{font-size:0.938em;  line-height:1.313em;}

#allMenu .list>li>a{ padding:6.7% 0 6.7% 6.7%;   }
#allMenu .depth2 ul li a{ padding:6.7% 0 6.7% 15.7023%;  -webkit-background-size: 12px; background-size: 12px;}

#lnb {}
#lnb .list>li>a{ padding:3.2% 0 3.2% 3.2%;  -webkit-background-size: 12px; background-size: 12px; }
#lnb .depth2>ul>li>a{ padding:3.2% 0 3.2% 3.2%;  }
#lnb .depth2>ul>li.dep>a {-webkit-background-size: 12px; background-size: 12px;}
#lnb .depth3 ul li a{ padding:3.2% 0 3.2% 3.2%;  }

/*상단*/
#header .h_logo{  width:60.1562%;/*w385*/}
#header .h_cafe_logo{  width:63.5937%;/*w407*/}
#header .btn_allmenu ,#header .btn_login{ width: 15.78125%; /*w101*/ }

#footer .bnb a.facebook{width: 20.9375%;}
#footer .bnb a.blog{width: 20.9375%;}
#footer .bnb a.map{width: 27.03125%;}
#footer .bnb a.pc{width: 17.96875%; }
#footer .family_site {float:left; width:150px; margin-top:2.8937%; margin-left:1.875%;}
#footer .family_site .f_selectbox {width: 100%; height: 19px; font-size: 1.125em; line-height: 19px; color: #000; padding: 0 3px; border: 0; border-radius: 0; background: #f1f1f1 url(../images/footer/bg_selectbox_arr.gif) 100% 36% no-repeat; background-size: 13px 13px; -webkit-background-size: 13px 13px; -webkit-appearance: none; -moz-appearance: none;  text-indent: 0.01px; text-overflow: '';}
#footer .copyright{ padding: 3.90625% 3.2%; }

/* main spot */
.flex-control-nav {display:block; position: relative; left:0; bottom:8px; text-align:center; margin: -17px 0 0px 0; padding: 0; list-style: none;}
.flex-control-paging > li a {background-size:13px;}
.flex-control-paging > li a.flex-active {background-size:13px;}
#lnb {margin-top:1px;}
/*서브 컨텐츠 박스 */
.container_sub{ margin: 30px 3.125%;}

/*상품리스트 */
.productArea .list{margin-bottom: 8.333333333333333%;}
.productArea .list .photo { width: 38%;}
.productArea .list .cont { margin-left: 42.16666666666667%;  }
.productArea .list .cont .option{margin-bottom: 4%;}

}

@media all and (max-width:560px){
body{font-size:0.875em;  line-height:1.313em;}
.rental_box_list dt {width:40%;}
}

@media all and (max-width:480px){
body{font-size:0.8em; line-height:1.25em;}

.rental_box_list dt {width:40%;}

}

@media all and (max-width:400px){
body{font-size:0.75em; line-height:1.125em;}
/*상품리스트 */
/*.productArea .list{margin-bottom: 8.333333333333333%;}
.productArea .list .photo { width: 100%; float: none; margin-bottom: 10px;}
.productArea .list .cont { margin-left: 0;  }
.productArea .list .cont .option{margin-bottom: 10px;}
*/
.btn_rantal{padding:3.2% 0;}
.btn_rantal .ico_arr{-webkit-background-size: 15px; background-size: 15px; padding-right: 20px; }
.productView .option strong{ -webkit-background-size: 1px 10px; background-size: 1px 10px;  width: 80px;}

.fromType1 .form dt{width:80px;}
.rental_box_list dt {width:40%;}


}


@media all and (max-width:320px){
body{font-size:0.70em;  line-height:1em;}
.rental_box_list dt {width:50%;}
#footer .bnb .family_site {float:left; width:100px;}

}