@charset "utf-8";
.articleArea { width:100%;position:relative;padding:0px 0 60px;}
.articleArea.bg1 {background: #f7f7f7;}
.articleArea.bg2 {background: #edf5fb;}
.articleArea.bg3 {background: #121212;}
.sepBar {width:100%;position:relative;background:#ed1b24;height:40px}
/*.articleArea.last {padding:20px 0 120px !important;}*/

.articleMenu {
	width: 260px;
	float:left;
	position: relative;
    min-height: 1px;
}
.articleCont {
	width:auto;
	margin-left:320px;
	position: relative;
	height: 100%;
    min-height: 1px;
}

.articleTit {
	font-size:30px;
	font-family:"Oswald", "Noto Sans KR", serif;
	font-weight:300;
	color:rgba(179, 179, 179,1);
	line-height:1;
	padding:0 0 20px 0;
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
	/*border-bottom:1px solid rgba(218, 218, 218, 1);*/
}
.article-smenu {margin-top:30px}
.article-smenu > li > a {
	position:relative;
	display:block;
	padding: 15px 40px 15px 0;
	font-size: 20px;
	text-decoration: none;
	color:rgba(179, 179, 179,1);
	line-height:1;
	/*text-transform:uppercase;*/
	font-family:"Oswald", "Noto Sans KR", serif;
	border-bottom:1px solid rgba(232,232,232, 1);
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
}

.article-smenu > li.open > a,
.article-smenu > li > a:hover {
	color:#212121;
}

.article-smenu > li.has-sub > a:after {
	position: absolute;
	right: 10px;
	top: 15px;
	z-index: 5;
	display: block;
	height: 20px;
	width: 1px;
	background: rgba(188,188,188, 1);
	content: "";
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.article-smenu > li.has-sub > a:before {
	position: absolute;
	right: 1px;
	top: 24px;
	display: block;
	width: 20px;
	height: 1px;
	background: rgba(188,188,188, 1);
	content: "";
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.article-smenu > li.has-sub.open > a:before {
	background: rgba(102,102,102, 0);
}
.article-smenu > li.has-sub.open > a:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	background: rgba(102,102,102, 1)
}
.article-smenu > li.has-sub.open > a, 
.article-smenu ul {
	border-bottom:1px solid rgba(102,102,102, 1);
}
.article-smenu ul {
	display:none;
}
.article-smenu ul > li {
	margin-left:30px;
}
.article-smenu ul > li > a {
	position:relative;
	display:block;
	padding: 12px 10px 12px 0;
	font-size: 16px;
	text-decoration: none;
	color:rgba(179, 179, 179,1);
	line-height:1;
	/*text-transform:uppercase;*/
	font-family:"Oswald", "Noto Sans KR", serif;
	border-bottom:1px solid rgba(232,232,232, 1);
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
}
.article-smenu ul > li > a:hover {
	color:#212121;
} 
.article-smenu ul > li.on > a{
	color:#212121;
	font-weight:400;
}

.galleryArea {
	margin:0px 0 60px;
}
.galleryArea .articleTit {
	font-size:40px;
	color:rgba(51,51,51,1);
	/*text-transform:uppercase;*/
	border-bottom:1px solid rgba(218,218,218,.6);
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
}

.galleryArea .articleTit .subDir {
	display:inline-block;
}

.galleryArea .articleTit span {
	font-size:20px;
	color:rgba(51,51,51,.6);
}

.dotArea {text-align:center;padding:10px 0 20px;}
.dotArea .dot { position:relative; display:block; height:4px; width:4px; background:rgba(90,139,172,1);margin:10px auto;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.miniTitle {  
	color:rgba(90,139,172,1);
	background:#fff;
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 40px; 
	text-align: center; 
	font-size: 20px; 
	letter-spacing:0; 
	position: relative; 
	font-weight:normal;
	padding: 0 20px 0 20px; 
	border:3px solid rgba(90,139,172,1);
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;
	margin-bottom:10px;
}

.galleryLink  {text-align:center;}
.galleryLink a {  
	color:#fff;background:rgba(90,139,172,1);
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 40px; 
	text-align: center; 
	font-size: 16px; 
	letter-spacing:0; 
	position: relative; 
	padding: 0 20px 0 40px; 
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 
}
.galleryLink a:hover { background:#121212; }
.galleryLink a:after { position: absolute; top: 0; left: 15px; bottom: 0; display: block; font-size: 16px; font-family: 'themify'; content: "\e739";   font-weight: normal; line-height: 40px;}

.galleryList {position:relative;margin:10px -6px 0px;}
.gallery_col {
	position:relative;
	float:left;
	width:25%;
	padding:6px;
	/*-webkit-transition: opacity 0.4s;
     -moz-transition: opacity 0.4s;
      -ms-transition: opacity 0.4s;
          transition: opacity 0.4s;*/
}
.gallery_col.is-loading {
  	background:#333 url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/loading.gif') no-repeat center center;
}

.gallery_sizer {
	width:25%;
}
.gallery_col a {
	/*-webkit-box-shadow: 1px 2px 10px rgba(0,0,0,.4);
    -moz-box-shadow: 1px 2px 10px rgba(0,0,0,.4);
    box-shadow: 1px 2px 10px rgba(0,0,0,.4);
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;*/
	position:relative;
	overflow:hidden;
	display:block;
}
.gallery_col .gallery_img {
	position:relative;
	overflow:hidden;
}
.gallery_col .gallery_img img {
	display:block;
	width:100%;
	max-width:100%;
	transition:1.3s all;
	-webkit-transition: 1.3s all;
}
.gallery_col a:hover .gallery_img img {
	/*transform:scale(1.1); 
	-ms-transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);*/
}

.gallery_col .txtArea {
	position:absolute;
	display:block;
	z-index:20;
	left:0px;
	bottom:0px;
	text-align:left;
	width:100%;
	padding:15px 20px 15px;
	background:rgba(153,183,199,0);
}

.gallery_col .txtArea h3 {
	font-size:30px; 
	font-family:"Oswald", "Noto Sans KR", serif;
	font-weight:400;
	color:#fff;
	line-height:1.4;
	letter-spacing:-0.5px;
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
	/*text-shadow: 0 0 2px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.3), 0 -1px 1px rgba(255,255,255,0.2);*/
}
.gallery_col .txtArea h4 {
	font-size:14px; 
	color:#fff;
	line-height:1;
	font-weight:normal;
	letter-spacing:-0.5px;
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
	/*text-shadow: 0 0 2px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.3), 0 -1px 1px rgba(255,255,255,0.2);*/ 
}

.gallery_col .cover {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:10;
	background:rgba(85,135,162,.0);
	
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.gallery_col a:hover .cover {
	background:rgba(85,135,162,.6);
	
}

.gallery_col .more {
	width: 40px;
    height: 40px;
    background:rgba(90,139,172,.4);
	/*background:rgba(0,0,0,.3);*/
    position: absolute;
	text-indent:-9999px;
	top:0px;
	right:0px;
	z-index:100;
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 
}
.gallery_col .more:before {
	content: '';
    position: absolute;
    background:#fff;
	height:25px;
    width: 1px;
    top: 8px;
    left: 20px;
}
.gallery_col .more:after {
	content: '';
    position: absolute;
    background:#fff;
	height:1px;
    width: 25px;
    top: 20px;
    left: 8px;
}

.gallery_col a:hover h3,
.gallery_col a:hover h4 {
	color:#fff !important;
}

.articleArea.companyPhoto .galleryArea {
	margin:30px 0;	
}
.articleArea.companyPhoto .gallery_col {
	width:20%;
}
.articleArea.companyPhoto .gallery_sizer {
	width:20%;
}

.articleArea.dressPhoto .gallery_col,
.articleArea.dressPhoto .gallery_sizer {
	width:25%;
}


/* 공통 버튼 */
.link {text-align: center; font-size: 0; }
.link a.btn {  
	color:#121212; 
	background:#fff; 
	border:#121212 2px solid;  
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 60px; 
	text-align: center; 
	font-size: 14px; 
	font-weight: normal; 
	letter-spacing: .05em; 
	position: relative; 
	padding: 0 50px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px 
}
.link a.btnl {  color:#fff; background:rgba(90,139,172,1); border:rgba(90,139,172,1) 2px solid;  display: inline-block; *display: inline; *zoom: 1; width: 44%; line-height: 60px; text-align: center; font-size: 16px; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0 50px;-webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.link a.btnr {  color:#121212; background:#fff; border:rgba(90,139,172,1) 2px solid;  display: inline-block; *display: inline; *zoom: 1; width: 44%; line-height: 60px; text-align: center; font-size: 16px; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0 50px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }

.link a.btnl2 {  color:#fff; background:#2A292C; border:#2A292C 2px solid;  display: inline-block; *display: inline; *zoom: 1; width: auto; line-height: 60px; text-align: center; font-size: 14px; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.link a.btnr2 {  color:#121212; background:#fff; border:#2A292C 2px solid;  display: inline-block; *display: inline; *zoom: 1; width: auto; line-height: 60px; text-align: center; font-size: 14px; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }


.link a.btn-border { 
	color:#B19B70; 
	background:#fff; 
	border:#B19B70 2px solid; 
	display: inline-block; 
	*display: inline; *zoom: 1; 
	width: auto; 
	line-height: 60px; 
	text-align: center; 
	font-size: 14px; 
	font-weight: normal; 
	letter-spacing: .05em; 
	position: relative; 
	padding: 0 50px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px 
}
.link a.btn:hover,
.link a.btnl:hover,
.link a.btnr:hover,
.link a.btnl2:hover,
.link a.btnr2:hover { color:#fff;background:#121212;border:#121212 2px solid; }
.link a.btnl:hover {color:#fff}
.link a.btn-border:hover { color:#121212; border:#121212 2px solid;}


.link a.btn:after,
.link a.btnl:after,
.link a.btnr:after,
.link a.btnl2:after,
.link a.btnr2:after,
.link a.btn-border:after { position: absolute; top: 0; right: 10px; bottom: 0; display: block; font-size: 16px; font-family: 'themify'; content: "\e649"; font-weight: normal; line-height: 60px;}

.link a.btnItem {
	color:#000000; 
	background:#fff; 
	border:#fff 2px solid;
	letter-spacing: .05em; 
	font-size:16px; 
	text-align:center; 
	position:relative;
	display: inline-block; *display: inline; *zoom: 1; width: auto; 
	padding:0 60px 0 40px;
	line-height: 60px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;
}
.link a.btnItem:after { 
	position: absolute; 
	top: 0; right: 15px; bottom: 0; 
	font-size: 20px; 
	font-family: 'themify'; content: "\e61a"; 
	-webkit-font-smoothing: antialiased; text-indent: 0; -moz-osx-font-smoothing: grayscale; 
}
.link a.btnItem.last {
	margin:0 0 0 2%;
}
.link a.btnItem:hover {background:#ccc;border:#ccc 2px solid; }

/* about */

#subVisual {position:relative;}
#subVisual {
    background-repeat: no-repeat;
	background-position: center top; 

	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
	text-align:center;
}
#subVisual .imgArea {
	display:inline-block;
}

#subVisual .imgArea img {
    width:100%;
	max-width:100%;
}

#subVisual .visualCover {
	position:absolute;
	left:0;right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	z-index:70;
}

#subVisual .visualTit {
	position:absolute;
	left:0;right:0;
	width:100%;
	height:100%;
	z-index:90;
}
#subVisual .visualTit .visualTitleBox {
	display:table;
	position:static;
	width:100%;
	height:100%;
	padding:0px 0 0;
}
#subVisual .visualTit .visualTitleBox .titleCell {
	position:relative;
	display:table-cell;
	text-align:center;
	vertical-align: middle;
	overflow:hidden;
}

#subVisual .visualTit .visualTitleBox h1 {
	color:rgba(255,255,255,1);
	font-size:60px;
	font-family: "Oswald", "Noto Sans KR", serif;
	letter-spacing:0px;
	line-height:100%;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	text-transform: uppercase;*/
	position:relative;
	padding:10px 0 10px;
}
#subVisual .visualTit .visualTitleBox h2 {
	color:rgba(255,255,255,1);
	font-size:32px;
	font-family:"Playfair Display", serif;
	letter-spacing:0px;
	line-height:100%;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;*/
	position:relative;
}
#subVisual .visualTit .visualTitleBox h3 {
	color:rgba(255,255,255,1);
	font-size:22px;
	letter-spacing:0px;
	/*text-transform: uppercase;*/
	line-height:100%;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;*/
	position:relative;
}

#mainHead {position: relative;  text-align: center; padding: 0px 0 40px;margin:60px auto 20px;}
#mainHead.center {text-align: center;}
#mainHead h1 {
	font-size: 56px; letter-spacing: -1px; line-height: 1; 
	color:rgba(90,139,172,1);
	font-weight:500;
	text-transform: uppercase;
	position:relative; text-align:center;
}
#mainHead h1.line:before { content:''; position:absolute; top:50%; left:0; right:0; bottom:50%; height:1px; width:100%; background:rgba(90,139,172,1) }
#mainHead h1 .dot { position:relative; display:inline-block; padding:0 40px; background-color:#fff }
#mainHead h1 .dot:before { content:''; position:absolute; top:50%; left:0; height:9px; width:9px; margin-top:-4px; background:rgba(90,139,172,1); 
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }
#mainHead h1 .dot:after { content:''; position:absolute; top:50%; right:0; height:9px; width:9px; margin-top:-4px; background:rgba(90,139,172,1); 
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }

#mainHead h2 {
	font-size: 24px; font-style: normal; letter-spacing: 0; line-height: 1.5; 
	/*text-transform: uppercase;*/ 
	color:rgba(90,139,172,1);
	font-family: "Oswald", "Noto Sans KR", serif;
	font-weight:normal;
}
#mainHead h3 {
	font-size: 18px; letter-spacing: 0; line-height: 1.5; 
	color:rgba(90,139,172,1);
	margin-top:10px;
}
#mainHead .borderBottom { position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; background: #333333;}

#subHead {position: relative;  text-align: center;padding:30px 0 0;}
#subHead h1 {
	font-size: 54px; letter-spacing: .0em; line-height: 1; 
	margin-bottom:40px; color:rgba(90,139,172,1);
	font-weight:400;
	font-family: "Oswald", "Noto Sans KR", serif;
	/*text-transform: uppercase;*/
}
#subHead h2 {
	font-size: 24px; font-style: normal;  letter-spacing: 0; line-height: 2; text-transform: uppercase; 
	color:#555555; color:rgba(90,139,172,1);
}
#subHead h3 {
	font-size: 18px; letter-spacing: 0; line-height: 1.5; 
	color:rgba(90,139,172,1);
	margin-top:10px;
}
#subHead h3 strong {
	font-size: 22px; 
}
#subHead .borderBottom { position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; background: #666666; background:rgba(90,139,172,1);}

#hashPage {position:relative;width:100%;padding:0px 0 0px;z-index: 200;}
#hashPage ul {position:relative;margin: 0px 0 0px;}
#hashPage ul li { 
	float:left;
	width: 20%; 
	margin: 0px 0 0px;
	position:relative;
	display: inline-block; 
	*display: inline;*zoom: 1; 
	text-align: center; 
	position: relative;
}
#hashPage.type2 ul li {width: 50%;}
#hashPage.type3 ul li {width: 33.333333%;}
#hashPage.type4 ul li {width: 25%;}
#hashPage.type5 ul li {width: 20%;}

#hashPage ul li a {
	display: block; 
	color: #222; 
	font-size: 18px; font-weight:300; letter-spacing: 0;  position: relative; 
	background: #fff;
	border: #d9dde3 1px solid;
	border-right:none;
	padding:13px 0 14px;	
}

#hashPage ul li:last-child a {
	border: #d9dde3 1px solid;
}
#hashPage ul li.on a { 
	color: #fff; background: rgba(90,139,172,1);
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
	border: rgba(90,139,172,1) 1px solid;border-right:none;
}
#hashPage ul li.on:last-child a { 
	border: rgba(90,139,172,1) 1px solid;	
}
#hashPage ul li a:hover { color: #fff; background: rgba(90,139,172,1);border: rgba(90,139,172,1) 1px solid;border-right:none;}
#hashPage ul li:last-child a:hover {border: rgba(90,139,172,1) 1px solid;}

#hashPage ul li .arrow {background:none;height:30px;}
#hashPage ul li.on .arrow {background:url('/imgs/common/tab_on.png') no-repeat 50% -2px;}

.introArea .aboutL { float: left; width: 50%; }
.introArea .aboutL img {width: 100%;box-shadow: 1px 5px 20px rgba(0,0,0,0.3);}
.introArea .aboutR { float: right; width: 47%; }
.introArea .aboutR2 { float: right; width: 47%; margin:30px 0;}
.introArea .aboutLR { float: left; width: 100%;}
.introArea .mainTitle {margin:-10px 0 30px;}
.introArea .mainTitle strong {font-weight:500;}
.introArea .mainTitle h2 {font-size:34px;letter-spacing:-2px;line-height:1.5em; word-break:keep-all;/*font-family:"Nanum Myeongjo",serif;*/color:#666;}
.introArea .mainTitle h2 span {border-bottom:1px solid #999;}
.introArea .mainTitle h1 {font-size:44px;letter-spacing:-2px;line-height:120%;margin:15px 0 20px;/*font-family:"Nanum Myeongjo",serif;*/color:rgba(90,139,172,1);}
.introArea .mainTitle h3 {font-size:22px}
.introArea .aboutR p {font-size:16px;font-weight:130%;color:#666666;}
.introArea .subTitle {margin-top:25px;font-size:32px;letter-spacing:-1px;line-height:140%; word-break:keep-all;}

/* fix Width */
.video-outer {
	position:relative;
	margin:0px 0px 0px;
	font-size:0; 
	list-style:none;
	*zoom:1;
	padding:0px 0px 20px;
	overflow:hidden;
}
.video-outer.bgGray {
	background:rgba(255,255,255,0.08);
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
	margin:0px 0 30px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

iframe{border:none;}

.companyMent {padding:30px 0 50px;text-align:center}
.companyMent h2 {font-size:36px;letter-spacing:-1px;line-height:1.5em; word-break:keep-all;color:rgba(90,139,172,1);margin-bottom:30px;font-weight:normal;}
.companyMent h2 span {border-bottom:1px solid rgba(90,139,172,1);}
.companyMent p {font-size:16px;font-weight:130%;color:#666666;}
.companyUnit {position:relative;margin: 60px -1% 0px;font-size:0;}
.itemBox {
	/*float:left;*/
	display:inline-block;
	width: 46%; 
	margin: 0px 1% 40px;
	background:#fff;
	vertical-align:top;
	position:relative;
	box-shadow: 1px 3px 10px rgba(0,0,0,0.1);
}
.type3 .itemBox {
	width:29.3333%;
}
.type4 .itemBox {
	width:21%;
}
.itemBox.unit1 {width:32%}
.itemBox.unit2 {width:64%}

.itemBox a {display:block;position:relative;}
.itemBox a:hover .more {color:#fff;background:#121212;}
.itemBox .txtArea {display:block;padding: 20px;vertical-align:top;}
.itemBox .imgArea {display:block;padding: 0px;vertical-align:top;position:relative;}
.itemBox img {
	width:100%;box-shadow:none !important;
}
.itemBox .imgArea .more {
	width: 50px;
    height: 50px;
    background:rgba(90,139,172,1);
    position: absolute;
	text-indent:-9999px;
	top:0px;
	right:0px;
	z-index:2;
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 
}
.itemBox .imgArea .more:before {
	content: '';
    position: absolute;
    background:#fff;
	height:30px;
    width: 1px;
    top: 10px;
    left: 25px;
}
.itemBox .imgArea .more:after {
	content: '';
    position: absolute;
    background:#fff;
	height:1px;
    width: 30px;
    top: 25px;
    left: 10px;
}

.itemBox h3 {
	font-size:24px;
	line-height:1.2;
	text-align:center;
	font-weight:normal;
	/*color:rgba(90,139,172,1);*/
}
.itemBox .txtArea h4 {
	font-size:18px;
	color:#666;
	
}
.itemBox .txtArea p {
	font-size:16px;
	line-height:140%;
	margin-top:20px;
}
.itemBox .link {margin-top:15px;text-align:right;}
.link .more {  
	color:#fff;background:rgba(90,139,172,1);
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 40px; 
	text-align: center; 
	font-size: 14px; 
	letter-spacing:0; 
	position: relative; 
	padding: 0 40px 0 20px; 
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 
}
.link .more:hover { background:#121212; }
.link .more:after { position: absolute; top: 0; right: 15px; bottom: 0; display: block; font-size: 14px; font-family: 'themify'; content: "\e61a";   font-weight: normal; line-height: 40px;}




/* contact */
.contact {position:relative;}
.contact .addr {text-align:center;margin-bottom:20px;}
.contact .link {text-align: center; margin-top: 40px; font-size: 0; }
.contact .link a.btn { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.contact .link a.btnl { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.contact .link a.btnr { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }
.contact .link a.btnl2 { width: 50%; line-height: 45px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.contact .link a.btnr2 { width: 50%; line-height: 45px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }
.contact .link a.btn-border { width: 50%; max-width: 284px; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }

.contact .link a.btn:after,
.contact .link a.btnl:after,
.contact .link a.btnr:after,
.contact .link a.btn-border:after { font-family: 'themify'; content: "\e611"; font-size: 16px; font-weight: normal; line-height: 55px; }
.contact .link a.btn:after,
.contact .link a.btnl:after { right: auto; left: 10px; font-size: 16px; content: "\e693"; line-height: 55px; }
.contact .link a.btnl2:after { font-family: 'themify'; content: "\e681"; font-size: 16px; font-weight: normal; line-height: 45px; }
.contact .link a.btnr2:after { font-size: 16px; content: "\e6a7"; line-height: 45px; }

.contact .locationBox {border:#e5e5e5 1px solid;margin-top: 40px; display:table;background:#fff;position:relative;width:100%;}
/*.contact .locationBox:after {content: ".";height: 0;display: block;clear: both;}*/

.contact .contactL { display:table-cell; width: 50%;vertical-align:top;}
.contact .contactL .inner { padding: 40px;}

.contact .contactR { display:table-cell; width: 50%; vertical-align:top;}
.contact .contactR .inner { padding: 40px;}


.contact .hName { position: relative; padding-bottom:20px;}
.contact h2 { font-size: 28px;font-weight: normal; letter-spacing: .0em; margin-top:0px;text-indent:-4px !important;color:#333 !important;margin-bottom:10px;line-height:1 !important;}
.contact h3.en { font-size: 16px; font-weight: normal; letter-spacing: .0em; line-height:1 !important;margin-bottom:10px;}
.contact h3.kr { font-size: 25px; font-weight: normal; letter-spacing: .0em; }
.contact h3.mapkr { font-size: 25px; font-weight: normal; letter-spacing: -1.5px; line-height:1;}
.contact h3.map { font-size: 20px; font-weight: normal; letter-spacing: -1.5px; }

.contact .infoBox { margin-bottom: 0px; }
.contact .infoBox.telEmail {display:inline-block; width:40%;}
.contact .infoBox h4.category-en { font-size: 15px; font-weight: normal; letter-spacing: .05em; /*text-transform: uppercase;*/}
.contact .infoBox h4.category-kr { font-size: 12px; font-weight: 300; letter-spacing: .05em; }
.contact .infoBox p { letter-spacing: .1em; line-height:2;margin-top:0px !important;}
.contact .infoBox p i { font-size: 12px; line-height: 2; font-weight: normal; padding-right: 8px; vertical-align: 0; }
.contact .infoBox p {font-size:16px;letter-spacing:0px;line-height: 1.7; margin-top: 30px;}

/* ol */
.contact .infoBox ol { margin: 0; padding: 0; list-style: decimal !important; padding-left: 1.2em; }
.contact .infoBox ol li { font-weight: normal; list-style: decimal !important; letter-spacing: .1em; line-height: 2; }
/* ul.circle */
.contact .infoBox ul.circle { margin: 5px 0 0; padding: 0; list-style: circle !important; padding-left: 1.5em; }
.contact .infoBox ul.circle li { list-style: circle !important;  letter-spacing: .05em; line-height: 1.5; margin-bottom:5px;}
/* ul.disc */
.contact .infoBox ul.disc { margin: 10px 0 0; padding: 0; list-style: disc !important; padding-left: 1.5em; }
.contact .infoBox ul.disc li { font-weight: normal; list-style: disc !important; letter-spacing: .0.5em; line-height: 1.5; margin-bottom:5px;}
.contact .infoBox ul.disc li.discMargin {margin-top:10px;}

.contact .infoBox ul.subway { margin: 10px 0 0; padding: 0; list-style: disc !important; padding-left: 1.5em; }
.contact .infoBox ul.subway li { font-size: 18px; font-weight: normal; list-style:circle outside none;letter-spacing: -0.5px; line-height: 1.5; margin-bottom:5px;}

.contact .infoBox ul.subwayDesc { margin: 10px 0 0; padding: 0; list-style: disc !important; padding-left: 2em; }
.contact .infoBox ul.subwayDesc li { list-style:outside !important; letter-spacing: -0.5px; line-height: 1.5; margin-bottom:5px;margin-left: 1em;}

.contact .infoBox ul.bus {margin: 15px 0 0; padding: 0; list-style: none; }
/*.contact .infoBox ul.bus li {position:relative; font-weight: normal; letter-spacing: .0.5em; padding:0px 0 0 63px; margin-bottom:10px; min-height:20px;vertical-align:baseline;}
.contact .infoBox ul.bus li span {position:absolute;left:0;top:0px;display:block;width: 51px; height: 23px; border-width: 1px; border-style: solid; text-align: center; font-size: 12px; font-weight: bold; line-height: 20px; background:#fff;}
.contact .infoBox ul.bus li span.blue {border-color: #2962b0; color: #2962b0;}
.contact .infoBox ul.bus li span.yellow {border-color: #ff9c00; color: #ff9c00;}
.contact .infoBox ul.bus li span.green {border-color: #15660c; color: #15660c;}
.contact .infoBox ul.bus li span.gup {border-color: #f64941; color: #f64941;}
.contact .infoBox ul.bus li span.maeul {border-color: #5f9e32; color: #5f9e32;}
.contact .infoBox ul.bus li span.gic {border-color: #951b16; color: #951b16;}
.contact .infoBox ul.bus li span.air {border-color: #7293bc; color: #7293bc;}*/

.contact .infoBox ul.bus li {display:inline-block;position:relative; letter-spacing: .0.5em; padding:0px 20px 0 80px; margin-bottom:10px; min-height:20px;vertical-align:baseline;}
.contact .infoBox ul.bus li span {position:absolute;left:0;top:0px;display:block;width: 70px; height: 24px; text-align: center; font-weight: normal; line-height: 22px !important; color:#fff;}
.contact .infoBox ul.bus li span.blue {background: #395cb4;}
.contact .infoBox ul.bus li span.yellow {background: #ff9c00;}
.contact .infoBox ul.bus li span.green {background: #48922d;}
.contact .infoBox ul.bus li span.gup {background: #f64941;}
.contact .infoBox ul.bus li span.maeul {background: #5f9e32;}
.contact .infoBox ul.bus li span.gic {background: #951b16;}
.contact .infoBox ul.bus li span.air {background: #7293bc;}

.contact .infoBox .mapInner {margin-top:10px;background:#fff;border:1px solid #C5BCBA;}
.contact .infoBox .mapInner img {width:100%;}
/* a.naverMap */
.contact .infoBox a.naverMap { display: block; display: inline-block; *display: inline; *zoom: 1; margin-top:20px !important;
width: auto; color: #fff; background: rgba(90,139,172,1); line-height: 30px; text-align: center;  font-style: normal; letter-spacing: .05em; position: relative; padding: 5px 20px 5px 30px; margin-top: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.contact .infoBox a.naverMap:before { position: absolute; top: 5px; left: 8px; bottom: 0; display: block; font-size: 16px; font-family: 'themify'; content: "\e693"; font-weight: normal; }
.contact .infoBox a.naverMap:hover { background: #222; }

.contact .caution { padding:10px 20px; background:#fff; border:2px solid #C5BCBA;}
.contact .caution h4.category-en { font-size: 16px; font-weight: normal; letter-spacing: 0em;}
.contact .caution ul.disc { margin: 5px 0 15px; padding: 0; list-style: disc !important; padding-left: 1.4em;}

.mapDiv {margin-top:0px;max-width:99.6%;min-width:99.6%;height:400px;border: #dddddd 1px solid; } 

.brandArea {
	position:relative;margin:0px -6px 30px;
	text-align:center;
	font-size:0;
}
.brandArea .brandItem {
	display:inline-block;
	*display:inline;
	width:12.5%;
	padding:6px;
}
.brandArea .brandItem img {
	display:block;
	width:100%;
	max-width:100%;
	border:1px solid #E1E1E1;
}

/* reservation */

.reserv {position:relative;}
.reserv .addr {text-align:center;margin-bottom:20px;}
.reserv .link {text-align: center; margin-top: 40px; font-size: 0; }
.reserv .link a.btn { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.reserv .link a.btnl { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.reserv .link a.btnr { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }
.reserv .link a.btnl2 { width: 50%; line-height: 45px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.reserv .link a.btnr2 { width: 50%; line-height: 45px; text-align: center; font-size: 15px; font-weight: normal; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }
.reserv .link a.btn-border { width: 50%; max-width: 284px; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }

.reserv .link a.btn:after,
.reserv .link a.btnl:after,
.reserv .link a.btnr:after,
.reserv .link a.btn-border:after { font-family: 'themify'; content: "\e611"; font-size: 16px; font-weight: normal; line-height: 55px; }
.reserv .link a.btn:after,
.reserv .link a.btnl:after { right: auto; left: 10px; font-size: 16px; content: "\e693"; line-height: 55px; }
.reserv .link a.btnl2:after { font-family: 'themify'; content: "\e681"; font-size: 16px; font-weight: normal; line-height: 45px; }
.reserv .link a.btnr2:after { font-size: 16px; content: "\e6a7"; line-height: 45px; }

.reserv .tableBox {
	border:#e5e5e5 1px solid;
	display:table;
	width:100%;
	background:#fff;
	position:relative;
}

.reserv .tableCell {
	display:table-cell; width: 60%;
	vertical-align:top;
	background:#f7f7f7;
}
.reserv .tableCell.all {
	width: 100%;
}
.reserv .tableCell .inner {padding: 40px;}
.reserv .tableCell.right { width:40%;background:#fff;}

.reserv .hName { position: relative; padding-bottom:30px;text-align:center;}
.reserv h2 {font-size:32px;letter-spacing:-1px;line-height:1.5em; word-break:keep-all;color:rgba(90,139,172,1);font-weight:normal;}
.reserv h2 span {border-bottom:2px solid rgba(90,139,172,1);}
.reserv h3 { font-size: 18px; letter-spacing: .0em; line-height:1 !important;margin-bottom:10px; color:rgba(90,139,172,1);margin-top:20px;}


.reserv .infoBox { margin-top: 20px; }
.reserv .infoBox.telEmail {display:inline-block; width:40%;}
.reserv .infoBox h4.category-en { font-size: 15px; font-weight: normal; letter-spacing: .05em; /*text-transform: uppercase;*/}
.reserv .infoBox h4.category-kr { font-size: 12px; font-weight: 300; letter-spacing: .05em; }
.reserv .infoBox p { letter-spacing: .1em; line-height:2;margin-top:0px !important;}
.reserv .infoBox p i { font-size: 12px; line-height: 2; font-weight: normal; padding-right: 8px; vertical-align: 0; }
.reserv .infoBox p {font-size:16px;letter-spacing:0px;line-height: 1.7; margin-top: 30px;}

/* ol */
.reserv .infoBox ol { margin: 0; padding: 0; list-style: decimal !important; padding-left: 1.2em; }
.reserv .infoBox ol li { font-weight: normal; list-style: decimal !important; letter-spacing: .1em; line-height: 2; }
/* ul.circle */
.reserv .infoBox ul.circle { margin: 5px 0 0; padding: 0; list-style: circle !important; padding-left: 1.5em; }
.reserv .infoBox ul.circle li { list-style: circle !important;  letter-spacing: .05em; line-height: 1.5; margin-bottom:5px;}
/* ul.disc */
.reserv .infoBox ul.disc { margin: 10px 0 0; padding: 0; list-style: disc !important; padding-left: 1.5em; }
.reserv .infoBox ul.disc li { font-weight: normal; list-style: disc !important; letter-spacing: .0.5em; line-height: 1.5; margin-bottom:5px;}
.reserv .infoBox ul.disc li.discMargin {margin-top:10px;}

.orgEvent {position: relative; margin-bottom:30px;text-align:center;}
.orgEvent .orgEventTit {text-align:center;display:inline-block;position:relative;}
.orgEvent .orgEventTit img {
	
	width:100%;
	max-width:100%;
}
.orgEvent .orgEventCont {
	background:#fff;
	color:#333;
	text-align:center;
	font-size:16px;
	margin: -30px auto 30px;
	padding:80px 30px 30px;
	border:3px solid #614836;
}
.orgEvent .orgEventCont:after {content:'';clear:both;display:table;}

.tableArea {margin:0px auto 30px;}
.tableTit {text-align:center;position:relative;margin-bottom:-20px;}
.tableTit .item {  
	color:#fff;
	background:rgba(90,139,172,1);
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 40px; 
	text-align: center; 
	font-size: 20px; 
	letter-spacing:0; 
	position: relative; 
	font-weight:normal;
	padding: 0 20px 0 20px; 
	border:3px solid rgba(90,139,172,1);
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;
}

.tableCont {
	background:#fff;
	color:#333;
	text-align:center;
	font-size:16px;
	margin: 0px auto 30px;
}
.tableCont.outer {
	padding:40px 30px 30px;
	border:3px solid rgba(90,139,172,1);
	/*-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;*/
}
.tableCont:after {content:'';clear:both;display:table;}
.tableCont table {width:100%;padding: 10px 5px;background:#fff;border-top: 1px solid #E2E7EB;}

.tableCont table > thead > tr > th {
	font-weight: normal;
    white-space: nowrap;
    border-bottom: 1px solid #E2E7EB;
    border-left: 1px solid #E2E7EB;
    border-right: 1px solid #E2E7EB;
    text-align: left;
	color:#333;background:#f9fbfb;
	color:#fff;background:rgba(90,139,172,.4);
    font-size: 16px;
    vertical-align: middle;
	text-align:center;
	padding:5px 20px;
}
.tableCont table > thead > tr > th:first-child {
    border-left: 0;
}
.tableCont table > thead > tr > th:last-child {
    border-right: 0;
}
.tableCont table > tbody > tr > th {
    border-bottom: 1px solid #E2E7EB;
    vertical-align: middle;
    border-right: 1px solid #E2E7EB;
    font-size: 16px;
	padding:10px 20px;
	text-align:center;
	font-weight:normal;
}
.tableCont table > tbody > tr > td {
    color: #555555;
    border-bottom: 1px solid #E2E7EB;
    vertical-align: middle;
    border-right: 1px solid #E2E7EB;
    font-size: 16px;
	padding:10px 20px;
	text-align:center;
}
.tableCont table > tbody > tr > td:last-child {
    border-right: 0;
}

.tableCont .desc {text-align:left;color:#333;padding:20px 20px 20px;}
.tableCont .desc>li { position:relative; padding-left:12px; font-size:16px;margin:5px 0;line-height:150%;}
.tableCont .desc>li:before { content:""; display:block; position:absolute; top:12px; left:0; width:4px; height:4px; background-color:#333;}

.alignL {text-align:left !important}
.alignC {text-align:center !important}
.alignR {text-align:right !important}

.tbWidth {width:48%}
.tbLeft {float:left}
.tbRight {float:right}

/* legend */
.do_legend {display: block;width: 100%;font-size: 15px;font-weight: 400;color: #666;}
/* label */
.do_label {
	display: inline-block;padding-bottom: 4px;padding-right: 4px;position: relative;vertical-align: middle;
	font-size: 15px;
	font-weight: 400;
	color: #333;
}
.do_label_required:after {content: '*';display: inline-block;padding-left: 4px;vertical-align: middle;font-size: 15px;font-weight: 400;color: #ff0000;}
/* input */
.do_form_field {display: inline-block;width: 390px;height: 40px;padding: 8px 10px;vertical-align: middle;font-size: 15px;color: #777;background: #f8f8f8;border: 1px solid #ddd;border-radius: inherit;}
textarea.do_form_field {height: 200px;overflow: auto;resize: none;}
/* input block */
.do_form_block_field {display: block;}

/* input 설명글 */
.do_form_field_guide {padding-top: 8px;}
.do_form_field_guide *, .do_form_field_guide p {padding: 0;font-size: 13px;line-height: 1.87;font-style: normal;font-weight: 400;color: #666;}

/* 약관동의 */
.do_agree_rule {width: 100%;height: 160px;padding: 24px 24px;background: #f8f8f8;border: 1px solid #dedede;overflow: auto;}
.do_agree_rule p {padding-bottom: 0;}
.do_agree_check {padding: 12px 0 48px;text-align: right;}
.do_agree_check div[class^="icheckbox"] + span {padding-right: 0;padding-left: 8px;font-size: 13px;}

.reservForm {}
.rForm_body { overflow: hidden; }
.rForm_content { position: relative; }
.rForm_submit { position: relative; }
.rForm_header {margin-bottom: 9px;}
.rForm_title {font-size: 16px;font-weight:normal;letter-spacing: -0.025em;margin-bottom: 6px;}
.rForm_list { border-top: 4px solid #d3000c; }
.rForm_list:after {display: table; clear: both; content: ''; }
.rForm_listitem {position: relative;padding: 0px 0 30px;/*border-bottom: 1px solid #ddd;*/}
.rForm_listitem .radioLabel {margin-right:10px;}
.rForm_listitem .radioLabel:after {content:'';display:inline-block;}
.rForm_listitem .your-memo { height: 120px; }
.rForm_listitem .your-memo2 { height: 180px; }

.rForm_listitem_project .rForm_header { margin-bottom: 16px; }
.rForm_listitem_project{ padding-bottom: 0; }

.do_label_info {font-size: 16px;font-weight: normal;margin-bottom:5px;padding: 0;letter-spacing: -0.025em;}
.do_form_field_request { width: 100%; height: 40px; border-width: 1px; background: #fff; }
.do_form_field_date { width: 30%; height: 40px; border-width: 1px; background: #fff; text-align:center;}
.do_form_field_date2 { width: 100%; height: 40px; border-width: 1px; background: #fff; text-align:center;}
.do_form_field_tel { width: 30%; height: 40px; border-width: 1px; background: #fff;}
.do_form_field_cap { width: 50%; height: 40px; border-width: 1px; background: #fff;}
.do_form_field_caller { width: 100%; height: 40px; border-width: 1px; background: #fff;}
.do_form_field_telbar {position:relative;display:inline-block;width:5%; height: 100%; text-align:center;vertical-align:middle; margin:0 -4px;}
.do_form_field_datebar {position:relative;display:inline-block;width:3%; height: 100%; text-align:center;vertical-align:middle;}

.do_form_field_date.do_time { width: 20%; }
.do_form_field_timebar {position:relative;display:inline-block;width:4%; height: 100%; text-align:center;vertical-align:middle; margin:0 -6px;}
.do_form_field_telbar .bar {display:block;width:50%;height:1px;background-color:#ccc;position:absolute;top:50%;left:50%;margin-left:-25%;}

.rForm_listitem .help_txt {
	position: relative;
    top: 4px;
    float: right;
	font-size: 13px;
	color:#333;
}
.rForm_listitem .help_txt span {
	margin-left:-5px;
}
.rForm_listitem i,
.rForm_submit i {
    font-size: 13px !important;
    color:#F00 !important;
	font-weight:600 !important;
	margin-right:5px;
}

.do_form_field_select { 
	border-radius:0; 
	background:#fff url(/imgs/icon/angle-down.png) no-repeat right 50%;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none; 
	text-overflow: ''; 
	vertical-align: middle; 
	padding-left:15px;
}
.do_form_field_select::-ms-expand {
    display: none;
}
.ie8 .do_form_field_select { background:none; line-height:1; }

.do_form_list_info {margin: 4px -12.5px -7px;}
.do_form_listitem_info {float: left;width: 50%;padding:5px 12.5px 10px;}
.do_form_listitem_info100 {float: left;width: 100%;padding:5px 12.5px 10px;}
.do_form_submit {float: left;width: 50%;padding:5px 0 0px;}
.do_form_control {text-align: center; padding-top:30px;}

.do_agree_check_request { padding: 13px 0 30px 0px; text-align: left; word-break: keep-all; letter-spacing:-1px; }
.do_agree_check_request_anchor { margin-right: 3px; padding-bottom: 0px; color: #222;border-bottom: 1px solid #d3000c; }
.do_agree_check_request_anchor:hover { color: #d3000c; }
.do_agree_check_request .icheckbox_minimal { left: -23px; }

a.btnReservation, a.confirm {
	color:#fff; background:rgba(90,139,172,1); border:rgba(90,139,172,1) 2px solid;
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 60px; 
	text-align: center; font-size: 16px; letter-spacing: .0em; 
	position: relative; 
	padding: 0 50px 0 50px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px
}
a.btnReservation:before { 
	display: inline-block; *display: inline; *zoom: 1; 
	font-size: 16px; 
	font-family: 'themify'; content: "\e61d"; 
	font-weight: normal; 
	margin-right:10px;
	/*-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; */
}
a.btnReservation:hover, a.confirm:hover {
	background-color:#333333;border: 2px solid #333333;
}

a.capbtn {
	display:inline-block; height:25px;
	padding:0px 6px;*padding:0px 6px;
	font-weight:bold; 
	background:rgba(90,139,172,1);
	color:#fff;
	border: 1px solid rgba(90,139,172,1);
	font-size:11px;text-align:center;line-height:23px;
}
a.capbtn:hover {background-color:#333333;border: 1px solid #333333;}

/* error */
.rForm_required_text { font-size: 14px; font-weight: normal; color: #d3000c; }


/* 달력 */
div.ui-datepicker {position:absolute; margin:5px 0 0 0px; padding:20px 20px 16px 20px; border:1px solid #e8e8e8; background:#fff; z-index:10 !important; display:none;}
div.ui-datepicker a {text-decoration:none; cursor:pointer; transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s !important;}
div.ui-datepicker .ui-widget-header .ui-icon {position:absolute; top:18px; width:27px; height:27px; padding:0 !important; text-indent:-9999px;}
div.ui-datepicker .ui-datepicker-prev .ui-icon {left:20px;background:url(/imgs/icon/btn_pre.gif) 0 0 no-repeat;}
div.ui-datepicker .ui-datepicker-next .ui-icon {right:20px; background:url(/imgs/icon/btn_next.gif) 0 0 no-repeat;}
div.ui-datepicker .ui-datepicker-title {margin-bottom:6px; padding-bottom:12px; font-size:15px; color:#996b56; text-align:center; border-bottom:1px solid #e8e8e8; display:block; font-weight:600;margin-top:-2px;}
div.ui-datepicker.st01 {margin:0;}
div.ui-datepicker.ui-datepicker-multi {clear:both; width:auto !important; height:auto; overflow:hidden;}
div.ui-datepicker.ui-datepicker-multi .ui-datepicker-group {float:left; width:200px; height:219px; margin:0 10px;}
div.ui-datepicker .ui-datepicker-row-break {clear:both;}
div.ui-datepicker select {
	padding: 1px 0.5em 2px;
   	font-size: 14px;
	line-height:1;
	margin:0 2px 0;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: #eee;
	font-weight: bold;
}

table.ui-datepicker-calendar {width:200px;}
table.ui-datepicker-calendar th, table.ui-datepicker-calendar td {width:26px; height:26px; padding:0; line-height:26px; font-size:12px; color:#696969; text-align:center;}
table.ui-datepicker-calendar th {font-family:"Noto Medium";}
table.ui-datepicker-calendar thead th:first-child {color:#996b56;}
table.ui-datepicker-calendar td a {height:100%; line-height:26px; display:block;}
table.ui-datepicker-calendar td:first-child a, table.ui-datepicker-calendar td.holiday a {color:#996b56;}
table.ui-datepicker-calendar td.ui-state-disabled {color:#ccc;}
table.ui-datepicker-calendar td.ui-state-highlight {background:#996b56;}
table.ui-datepicker-calendar td.start, table.ui-datepicker-calendar td.end, table.ui-datepicker-calendar td.ui-datepicker-current-day {background:#885d49;}
table.ui-datepicker-calendar td.start a, table.ui-datepicker-calendar td.end a, table.ui-datepicker-calendar td.ing a, table.ui-datepicker-calendar td.ui-datepicker-current-day a, table.ui-datepicker-calendar td.ui-state-highlight a {color:#fff;}
table.ui-datepicker-calendar span {padding:0 !important;}
table.ui-datepicker-calendar .ui-state-highlight::last-child {background:#996b56;}


.halfContainer .do_form_field_date.do_date {width:100%}
.halfContainer .do_form_field_date.do_time {width:48%;}
.halfContainer .do_form_field_datebar {display:block;margin:5px 0;}
.halfContainer .do_form_field_timebar {margin:0 -4px;}

.branchList {position:relative;display:block;margin:0 -1.5% 0;font-size:0; overflow:hidden;list-style:none;*zoom:1;}
.branchList:after {content:"";display:block;clear:both;}
.branchList li {
	display:inline-block;
	position:relative;
	width:30.33333%;
	margin:0 1.5% 3%;
	border:1px solid rgba(240,240,240,1);
	vertical-align:top;
	
	/*-webkit-border-radius: 0 0 30px 0; 
	   -moz-border-radius: 0 0 30px 0; 
		    border-radius: 0 0 30px 0; */
	box-sizing: border-box;
	box-shadow:1px 3px 10px rgba(0,0,0,0.1);
}
.branchList li > a {
	position:relative;
	display:block;
	background:rgba(255,255,255,1);
}
.branchList li > a:hover {
    background: #f7f7f7;
	color:inherit;
}

#branchItem {position:relative;display:block;width:100%;}
#branchItem img {width:100%;max-width:100%;}
#branchItemTxt {position:relative;padding:20px;}
#branchItemTxt .branchName {display:block;white-space: nowrap; overflow: hidden; text-overflow:ellipsis;line-height:1.4;font-size:20px;font-weight:normal;letter-spacing:0px;text-align:center;}
#branchItemDesc {position:relative;padding:0px 20px 20px 20px;}
#branchItemDesc .branchAddr {padding-left:20px;font-size:14px;letter-spacing:0px;white-space: nowrap; overflow: hidden; text-overflow:ellipsis;background:url(/imgs/icon/ico_alliance.png) no-repeat 0px 2px;line-height:22px;}
#branchItemDesc .branchTel {padding-left:20px;font-size:14px;background:url(/imgs/icon/ico_alliance.png) no-repeat 0px -20px;line-height:22px;font-weight:300;}
#branchItemDesc .branchLink {padding-left:20px;font-size:14px;background:url(/imgs/icon/ico_alliance.png) no-repeat 0px -40px;letter-spacing:0px;white-space: nowrap; overflow: hidden; text-overflow:ellipsis;line-height:22px;font-weight:300;}
#branchItemDesc .branchLink a {color:#53463E;letter-spacing:0px;text-decoration:underline;}
#branchItemDesc .branchLink a:hover, #branchItemTxt .branchLink a:focus {color:#3A312C;text-decoration:underline;}

.halfContainer .branchList {margin:0 0px}
.halfContainer .branchList li {
	width:100%;
	margin:0px 0px 5%;
}
.halfContainer #branchItem { float:right;display:inline-block;*display: inline;*zoom:1; width:40%; padding:20px;vertical-align:top;z-index:2;}
.halfContainer #branchItemTxt { float:left;display:inline-block;*display: inline;*zoom:1; width:60%; padding:20px;text-align:left;vertical-align:top;z-index:1;}
.halfContainer #branchItemTxt .branchName {font-size:20px;text-align:left;}
.halfContainer #branchItemDesc { float:left;display:inline-block;*display: inline;*zoom:1; width:60%; padding:20px;text-align:left;vertical-align:top;z-index:1;}

@media (max-width: 1280px) {
	.gallery_col, .gallery_sizer {
		width:33.33333333%;
	}
	
	.introArea .aboutL {width: 60%; }
	.introArea .aboutR {width: 37%; }
	.introArea .aboutR2 {width: 37%;}

	.introArea .mainTitle h2 {font-size:30px;}
	.introArea .mainTitle h1 {font-size:34px;}
	.introArea .mainTitle h3 {font-size:18px}
	

}

@media (max-width: 1024px) {
	#subVisual .visualTit .visualTitleBox h1 {
		font-size:50px;
	}
	#subVisual .visualTit .visualTitleBox h2 {
		font-size:22px;
	}
	#subVisual .visualTit .visualTitleBox h3 {
		font-size:18px;
	}
	
	#mainHead {margin:40px auto 0px;}
	#mainHead h1 {
		font-size: 50px;
	}
	#mainHead h2 {
		font-size: 20px;
	}
	#mainHead h3 {
		font-size: 16px;
	}
	#subHead h1 {
		font-size: 44px;
	}
	#subHead h2 {
		font-size: 20px;
	}
	#subHead h3 {
		font-size: 16px;
	}
	
	.introArea .aboutR2 { float: left; width: 100%; }
	.companyMent h2 {font-size:28px;}
	.companyMent {padding:30px 0 30px;}
	
	.gallery_col, .gallery_sizer {
		width:50%;
	}
	.gallery_col .txtArea {
		position:absolute;
	}
	
	.reserv .tableBox {display:block !important;}
	.reserv .tableCell {display:block;width: 100% !important; }
	.reserv h2 { font-size:30px;}
	.reserv .tableCell .inner { padding: 30px 5% 30px; }
	
}
@media (max-width: 940px) {
	
}
@media (max-width: 768px) {
	
	
	.articleArea.last {padding:20px 0 40px !important;}
	
	.introArea .mainTitle {margin:30px 0;text-align:center;}
	.introArea .aboutL, .introArea .aboutR { float: left; width: 100%; }	
	.introArea .aboutL img {box-shadow:none;}
	
	
	.contact .locationBox {margin-top: 30px;display:block !important;}
	.contact .addr {display:none;}
	
	.contact .contactL { float: none; display:block;width: 100% !important; }
	.contact .hName { margin-bottom: 0px; text-align:center; }
	.contact h2 { font-size:22px;}
	.contact .contactR { float: none; display:block; width: 100% !important; margin-top:30px; }

	.contact .contactL .inner { padding: 30px 5.5% 0px; }
	.contact .contactR .inner { padding: 0px 5.5% 30px; }
	
	.mapDiv {height:320px}
	
	/*.gallery_col, .gallery_sizer {
		width:100%;
	}*/
	.galleryArea .articleTit .subDir {display:none}
	
	.brandArea .brandItem {width:20%}
	
	.articleArea.dressPhoto .gallery_col,
	.articleArea.dressPhoto .gallery_sizer {
		width:33.33333%;
	}
	
	
	.do_form_field_date.do_date {width:100%}
	.do_form_field_date.do_time {width:48%;}
	.do_form_field_datebar {display:block;margin:5px 0;}
	.do_form_field_timebar {margin:0 -4px;}
	.rForm_listitem .radioLabel {margin-right:0px;}
	.rForm_listitem .radioLabel:after {content:'';display:block;}
	
	.branchList {margin:0 0px;padding:0 20px;}
	.branchList li {
		width:100%;
		margin:0px 0px 5%;
	}
	#branchItem { float:right;display:inline-block;*display: inline;*zoom:1; width:40%; padding:20px;vertical-align:top;z-index:2;}
	#branchItemTxt { float:left;display:inline-block;*display: inline;*zoom:1; width:60%; padding:20px;text-align:left;vertical-align:top;z-index:1;}
	#branchItemTxt .branchName {font-size:20px;text-align:left;}
	#branchItemDesc { float:left;display:inline-block;*display: inline;*zoom:1; width:60%; padding:20px;text-align:left;vertical-align:top;z-index:1;}
}

@media (max-width: 640px) {
	
	#subVisual .visualTit .visualTitleBox {
		padding:0px 0 0;
	}
	#subVisual .visualTit .visualTitleBox h1 {
		font-size:30px;
	}
	#subVisual .visualTit .visualTitleBox h2 {
		font-size:16px;
	}
	#subVisual .visualTit .visualTitleBox h3 {
		font-size:14px;
	}
	
	#mainHead h1 {
		font-size: 34px;
	}
	#mainHead h2 {
		font-size: 20px;
	}
	#mainHead h3 {
		font-size: 16px;
	}
	#subHead h1 {
		font-size: 30px;
	}
	#subHead h2 {
		font-size: 16px;
	}
	#subHead h3 {
		font-size: 16px;
	}
	p {font-size:15px !important}
	
	#hashPage ul li a {
		font-size: 16px; 
		padding:6px 0 7px;	
	}
	#hashPage ul li:first-child a {
		border-left:none !important;	
	}
	#hashPage ul li:last-child a { 
		border-right:none !important;	
	}

	.introArea .mainTitle h2 {font-size:22px;}
	.introArea .mainTitle h1 {font-size:26px;}
	.introArea .mainTitle h3 {font-size:16px}

	.companyMent h2 {font-size:22px;}
	.companyMent p {text-align:left !important}
	.companyMent p br {display:none !important}
	
	.itemBox.unit1 {width:98%}
	.itemBox.unit2 {width:98%}
	
	
	.contact .link {margin-top: 20px; }
	.contact .link a.btn,
	.contact .link a.btnl,
	.contact .link a.btnr {margin-top:10px;padding:0; width:100%;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.reserv .link {margin-top: 20px; }
	.reserv .link a.btn,
	.reserv .link a.btnl,
	.reserv .link a.btnr {margin-top:10px;padding:0; width:100%;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.contact .infoBox ul.circle li { font-size:15px;}
	
	.reserv h2 { font-size:20px;}
	.reserv h3 { font-size:16px}
	.reserv .infoBox ul.circle li { font-size:15px;}
	
	.tableCont table > thead > tr > th {
	    font-size: 14px;
		padding:5px 10px;
	}
	.tableCont table > tbody > tr > th {
		font-size: 14px;
		padding:10px;
	}
	.tableCont table > tbody > tr > td {
		font-size: 14px;
		padding:10px;
	}
	.tableCont .desc>li { font-size:14px;}
	
	.articleMenu {display:none}
	.articleCont {margin-left:0px;}
	
	.galleryArea {margin:0px 0 20px;}
	.galleryArea .articleTit {
		font-size:20px;
	}
	.galleryArea .articleTit span {
		font-size:14px;
	}
	
	.articleArea.companyPhoto .gallery_col,.articleArea.companyPhoto .gallery_sizer {
		width:33.33333%;
	}
	
	.articleArea.dressPhoto .gallery_col,
	.articleArea.dressPhoto .gallery_sizer {
		width:50%;
	}
	
	.gallery_col, .gallery_sizer {
		width:50%;
	}
	.gallery_col .txtArea {
		padding:10px 10px;
	}
	.gallery_col .txtArea h3 {
		font-size:20px; 
	}
	.gallery_col .txtArea h4 {
		font-size:14px; 
	}
	.galleryArea .articleTit .subDir {display:inline-block}
	
	.brandArea .brandItem {width:33.3333%}
	
	/* service */
    .do_form_field_request,
	.do_form_field_tel,
	.do_form_field_date,
	.do_form_field_date2,
	.do_form_field_caller {height:40px;}
	.do_form_submit,
	.do_form_field_cap,
    .do_form_listitem_info {width:100%;}
    .do_form_list_service{margin:-1%;}
    .do_form_listitem_service{width:31.333%;margin:1%;}
    .do_form_listitem_service:nth-child(3n+1){clear: both;}
	
	.tableCont.outer {
		padding:40px 20px 30px;
	}
	.tableTit .item {  
		font-size: 16px; 
	}
	
	.sepBar {height:20px}
	
}
@media (max-width: 480px) {
	#branchItemDesc { float:none !important;clear:both;width:100% !important;padding:0 20px 20px !important;}
	#branchItemTxt .branchName {font-size:18px  !important;}
	#mainHead {margin:20px auto 0px ;}
}
@media (max-width: 425px) {
	.reserv .tableBox {border:none}
	#hashPage ul li a {
		font-size: 14px; 
		padding:6px 0 7px;	
	}
	
	.articleArea.companyPhoto .gallery_col,.articleArea.companyPhoto .gallery_sizer {
		width:50%;
	}
	.articleArea.dressPhoto .list_col .gallery_col,
	.articleArea.dressPhoto .list_col .gallery_sizer {
		width:100%;
	}
	
	.list_col .gallery_col, .list_col .gallery_sizer {
		width:100%;
	}
	.list_col .gallery_col a {
		display:table;
	}
	.list_col .gallery_col .gallery_img {
		display:table-cell;
		width:25%;
	}
	.list_col .gallery_col .txtArea {
		position:relative;
		width:75%;
		display:table-cell;
		vertical-align:bottom;
		bottom:auto;
		top:0;
		padding:10px 15px;
		background:rgba(153,183,199,.8);
	}
	
	.brandArea .brandItem {width:50%}
}
@media (max-width: 320px) {
	
}