@charset "utf-8";
@font-face {
  font-family: "Gotham";
  src:  url("../font/mobile/Gotham-Ultra/Gotham-Ultra.woff");
  src:  url("../font/mobile/Gotham-Ultra/Gotham-Ultra.woff2") format("woff2"),
	    url("../font/mobile/Gotham-Ultra/Gotham-Ultra.woff") format("woff"),
  		url("../font/mobile/Gotham-Ultra/Gotham-Ultra.eot?#iefix") format("embedded-opentype"),
  		url("../font/mobile/Gotham-Ultra/Gotham-Ultra.otf")  format("opentype"),
		url("../font/mobile/Gotham-Ultra/Gotham-Ultra.ttf")  format("truetype"),
		url("../font/mobile/Gotham-Ultra/Gotham-Ultra.svg#Gotham-Ultra") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src:  url("../font/mobile/Gotham-UltraItalic/Gotham-UltraItalic.woff");
  src:  url("../font/mobile/Gotham-UltraItalic/Gotham-UltraItalic.woff2") format("woff2"),
	    url("../font/mobile/Gotham-UltraItalic/Gotham-UltraItalic.woff") format("woff"),
  		url("../font/mobile/Gotham-UltraItalic/Gotham-UltraItalic.eot?#iefix") format("embedded-opentype"),
  		url("../font/mobile/Gotham-UltraItalic/Gotham-UltraItalic.otf")  format("opentype"),
		url("../font/mobile/Gotham-UltraItalic/Gotham-UltraItalic.ttf")  format("truetype"),
		url("../font/mobile/Gotham-UltraItalic/Gotham-UltraItalic.svg#Gotham-UltraItalic") format("svg");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src:  url("../font/mobile/Gotham-Black/Gotham-Black.woff");
  src:  url("../font/mobile/Gotham-Black/Gotham-Black.woff2") format("woff2"),
  		url("../font/mobile/Gotham-Black/Gotham-Black.woff") format("woff"),
  		url("../font/mobile/Gotham-Black/Gotham-Black.eot?#iefix") format("embedded-opentype"),
  		url("../font/mobile/Gotham-Black/Gotham-Black.otf")  format("opentype"),
		url("../font/mobile/Gotham-Black/Gotham-Black.ttf")  format("truetype"),
		url("../font/mobile/Gotham-Black/Gotham-Black.svg#Gotham-Black") format("svg");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Gotham";
  src:  url("../font/mobile/Gotham-BlackItalic/Gotham-BlackItalic.woff");
  src:  url("../font/mobile/Gotham-BlackItalic/Gotham-BlackItalic.woff2") format("woff2"),
  		url("../font/mobile/Gotham-BlackItalic/Gotham-BlackItalic.woff") format("woff"),
  		url("../font/mobile/Gotham-BlackItalic/Gotham-BlackItalic.eot?#iefix") format("embedded-opentype"),
  		url("../font/mobile/Gotham-BlackItalic/Gotham-BlackItalic.otf")  format("opentype"),
		url("../font/mobile/Gotham-BlackItalic/Gotham-BlackItalic.ttf")  format("truetype"),
		url("../font/mobile/Gotham-BlackItalic/Gotham-BlackItalic.svg#Gotham-BlackItalic") format("svg");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src:  url("../font/mobile/Gotham-Bold/Gotham-Bold.woff");
  src:	url("../font/mobile/Gotham-Bold/Gotham-Bold.woff2") format("woff2"),
  		url("../font/mobile/Gotham-Bold/Gotham-Bold.woff") format("woff"),
  		url("../font/mobile/Gotham-Bold/Gotham-Bold.eot?#iefix") format("embedded-opentype"),
  		url("../font/mobile/Gotham-Bold/Gotham-Bold.otf") format("opentype"),
		url("../font/mobile/Gotham-Bold/Gotham-Bold.ttf") format("truetype"),
		url("../font/mobile/Gotham-Bold/Gotham-Bold.svg#Gotham-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src:  url("../font/mobile/Gotham-BoldItalic/Gotham-BoldItalic.woff");
  src:	url("../font/mobile/Gotham-BoldItalic/Gotham-BoldItalic.woff2") format("woff2"),
  		url("../font/mobile/Gotham-BoldItalic/Gotham-BoldItalic.woff") format("woff"),
  		url("../font/mobile/Gotham-BoldItalic/Gotham-BoldItalic.eot?#iefix") format("embedded-opentype"),
  		url("../font/mobile/Gotham-BoldItalic/Gotham-BoldItalic.otf") format("opentype"),
		url("../font/mobile/Gotham-BoldItalic/Gotham-BoldItalic.ttf") format("truetype"),
		url("../font/mobile/Gotham-BoldItalic/Gotham-BoldItalic.svg#Gotham-BoldItalic") format("svg");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src:  url("../font/mobile/Gotham-Medium/Gotham-Medium.woff");
  src:  url("../font/mobile/Gotham-Medium/Gotham-Medium.woff2") format("woff2"),
  		url("../font/mobile/Gotham-Medium/Gotham-Medium.woff") format("woff"),
  		url("../font/mobile/Gotham-Medium/Gotham-Medium.eot?#iefix") format("embedded-opentype"),
  		url("../font/mobile/Gotham-Medium/Gotham-Medium.otf")  format("opentype"),
		url("../font/mobile/Gotham-Medium/Gotham-Medium.ttf")  format("truetype"),
		url("../font/mobile/Gotham-Medium/Gotham-Medium.svg#Gotham-Medium") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src:  url("../font/mobile/Gotham-MediumItalic/Gotham-MediumItalic.woff");
  src:  url("../font/mobile/Gotham-MediumItalic/Gotham-MediumItalic.woff2") format("woff2"),
  		url("../font/mobile/Gotham-MediumItalic/Gotham-MediumItalic.woff") format("woff"),
  		url("../font/mobile/Gotham-MediumItalic/Gotham-MediumItalic.eot?#iefix") format("embedded-opentype"),
  		url("../font/mobile/Gotham-MediumItalic/Gotham-MediumItalic.otf")  format("opentype"),
		url("../font/mobile/Gotham-MediumItalic/Gotham-MediumItalic.ttf")  format("truetype"),
		url("../font/mobile/Gotham-MediumItalic/Gotham-MediumItalic.svg#Gotham-MediumItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src:  url("../font/mobile/Gotham-Book/Gotham-Book.woff");
  src:  url("../font/mobile/Gotham-Book/Gotham-Book.woff2") format("woff2"),
  		url("../font/mobile/Gotham-Book/Gotham-Book.woff") format("woff"),
  		url("../font/mobile/Gotham-Book/Gotham-Book.eot?#iefix") format("embedded-opentype"),
  		url("../font/mobile/Gotham-Book/Gotham-Book.otf")  format("opentype"),
		url("../font/mobile/Gotham-Book/Gotham-Book.ttf")  format("truetype"),
		url("../font/mobile/Gotham-Book/Gotham-Book.svg#Gotham-Book") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src:  url("../font/mobile/Gotham-BookItalic/Gotham-BookItalic.woff");
  src:  url("../font/mobile/Gotham-BookItalic/Gotham-BookItalic.woff2") format("woff2"),
  		url("../font/mobile/Gotham-BookItalic/Gotham-BookItalic.woff") format("woff"),
  		url("../font/mobile/Gotham-BookItalic/Gotham-BookItalic.eot?#iefix") format("embedded-opentype"),
  		url("../font/mobile/Gotham-BookItalic/Gotham-BookItalic.otf")  format("opentype"),
		url("../font/mobile/Gotham-BookItalic/Gotham-BookItalic.ttf")  format("truetype"),
		url("../font/mobile/Gotham-BookItalic/Gotham-BookItalic.svg#Gotham-BookItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src:  url("../font/mobile/Gotham-Light/Gotham-Light.woff");
  src:  url("../font/mobile/Gotham-Light/Gotham-Light.woff2") format("woff2"),
  		url("../font/mobile/Gotham-Light/Gotham-Light.woff") format("woff"),
  		url("../font/mobile/Gotham-Light/Gotham-Light.eot?#iefix") format("embedded-opentype"),
  		url("../font/mobile/Gotham-Light/Gotham-Light.otf")  format("opentype"),
		url("../font/mobile/Gotham-Light/Gotham-Light.ttf")  format("truetype"),
		url("../font/mobile/Gotham-Light/Gotham-Light.svg#Gotham-Light") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src:  url("../font/mobile/Gotham-LightItalic/Gotham-LightItalic.woff");
  src:  url("../font/mobile/Gotham-LightItalic/Gotham-LightItalic.woff2") format("woff2"),
  		url("../font/mobile/Gotham-LightItalic/Gotham-LightItalic.woff") format("woff"),
  		url("../font/mobile/Gotham-LightItalic/Gotham-LightItalic.eot?#iefix") format("embedded-opentype"),
  		url("../font/mobile/Gotham-LightItalic/Gotham-LightItalic.otf")  format("opentype"),
		url("../font/mobile/Gotham-LightItalic/Gotham-LightItalic.ttf")  format("truetype"),
		url("../font/mobile/Gotham-LightItalic/Gotham-LightItalic.svg#Gotham-LightItalic") format("svg");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src:  url("../font/mobile/Gotham-XLight/Gotham-XLight.woff");
  src:  url("../font/mobile/Gotham-XLight/Gotham-XLight.woff2") format("woff2"),
  		url("../font/mobile/Gotham-XLight/Gotham-XLight.woff") format("woff"),
  		url("../font/mobile/Gotham-XLight/Gotham-XLight.eot?#iefix") format("embedded-opentype"),
  		url("../font/mobile/Gotham-XLight/Gotham-XLight.otf")  format("opentype"),
		url("../font/mobile/Gotham-XLight/Gotham-XLight.ttf")  format("truetype"),
		url("../font/mobile/Gotham-XLight/Gotham-XLight.svg#Gotham-XLight") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src:  url("../font/mobile/Gotham-XLightItalic/Gotham-XLightItalic.woff");
  src:  url("../font/mobile/Gotham-XLightItalic/Gotham-XLightItalic.woff2") format("woff2"),
  		url("../font/mobile/Gotham-XLightItalic/Gotham-XLightItalic.woff") format("woff"),
  		url("../font/mobile/Gotham-XLightItalic/Gotham-XLightItalic.eot?#iefix") format("embedded-opentype"),
  		url("../font/mobile/Gotham-XLightItalic/Gotham-XLightItalic.otf")  format("opentype"),
		url("../font/mobile/Gotham-XLightItalic/Gotham-XLightItalic.ttf")  format("truetype"),
		url("../font/mobile/Gotham-XLightItalic/Gotham-XLightItalic.svg#Gotham-XLightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src:  url("../font/mobile/Gotham-Thin/Gotham-Thin.woff");
  src:  url("../font/mobile/Gotham-Thin/Gotham-Thin.woff2") format("woff2"),
  		url("../font/mobile/Gotham-Thin/Gotham-Thin.woff") format("woff"),
  		url("../font/mobile/Gotham-Thin/Gotham-Thin.eot?#iefix") format("embedded-opentype"),
  		url("../font/mobile/Gotham-Thin/Gotham-Thin.otf")  format("opentype"),
		url("../font/mobile/Gotham-Thin/Gotham-Thin.ttf")  format("truetype"),
		url("../font/mobile/Gotham-Thin/Gotham-Thin.svg#Gotham-Thin") format("svg");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src:  url("../font/mobile/Gotham-ThinItalic/Gotham-ThinItalic.woff");
  src:  url("../font/mobile/Gotham-ThinItalic/Gotham-ThinItalic.woff2") format("woff2"),
  		url("../font/mobile/Gotham-ThinItalic/Gotham-ThinItalic.woff") format("woff"),
  		url("../font/mobile/Gotham-ThinItalic/Gotham-ThinItalic.eot?#iefix") format("embedded-opentype"),
  		url("../font/mobile/Gotham-ThinItalic/Gotham-ThinItalic.otf")  format("opentype"),
		url("../font/mobile/Gotham-ThinItalic/Gotham-ThinItalic.ttf")  format("truetype"),
		url("../font/mobile/Gotham-ThinItalic/Gotham-ThinItalic.svg#Gotham-ThinItalic") format("svg");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "NanumSquare";
  src:  url("../font/mobile/NanumSquareEB/NanumSquareEB.eot");
  src:  url("../font/mobile/NanumSquareEB/NanumSquareEB.woff") format("woff"),
    		url("../font/mobile/NanumSquareEB/NanumSquareEB.otf")  format("opentype"),
    		url("../font/mobile/NanumSquareEB/NanumSquareEB.ttf")  format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "NanumSquare";
  src:  url("../font/mobile/NanumSquareB/NanumSquareB.eot");
  src:  url("../font/mobile/NanumSquareB/NanumSquareB.woff") format("woff"),
    		url("../font/mobile/NanumSquareB/NanumSquareB.otf")  format("opentype"),
    		url("../font/mobile/NanumSquareB/NanumSquareB.ttf")  format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "NanumSquare";
  src:  url("../font/mobile/NanumSquareR/NanumSquareR.eot");
  src:  url("../font/mobile/NanumSquareR/NanumSquareR.woff") format("woff"),
    		url("../font/mobile/NanumSquareR/NanumSquareR.otf")  format("opentype"),
    		url("../font/mobile/NanumSquareR/NanumSquareR.ttf")  format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "NanumSquare";
  src:  url("../font/mobile/NanumSquareL/NanumSquareL.eot");
  src:  url("../font/mobile/NanumSquareL/NanumSquareL.woff") format("woff"),
    		url("../font/mobile/NanumSquareL/NanumSquareL.otf")  format("opentype"),
    		url("../font/mobile/NanumSquareL/NanumSquareL.ttf")  format("truetype");
  font-weight: 300;
  font-style: normal;
}
/* ann 추가 */

/***********************
common
***********************/
*{-webkit-text-size-adjust:none;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block; margin:0; padding:0; width: auto }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display:none;}
a{ color:#434348; text-decoration:none}
a:focus {outline:none}
a:active, a:hover {	outline: 0; text-decoration:none; color:#00a1c0}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0; border:none; outline:0; clear:both; float:none}
mark {background: #ff0;	color: #000;}
pre {white-space: pre-wrap;font-family:'nbg', '맑은 고딕', '맑은고딕', Malgun Gothic,malgungothic,'돋움',dotum, AppleGothic,  sans-serif;}
img {border: 0; outline:none; margin:0; padding:0; vertical-align:middle}
figure {margin: 0;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
ul,li,dl,dt,dd{ list-style:none; margin:0; padding:0}
button, input {line-height: normal; vertical-align:middle}
button, select {text-transform: none;box-shadow:none; color:#494a4b; vertical-align:middle; outline:none}
select{ box-sizing:border-box; border:1px solid #c6c6c6; height:34px; vertical-align:middle;; outline:none}
input[type="text"], input[type="password"]{ border:1px solid #c6c6c6;box-sizing:border-box; box-shadow:none;background:#fff; color:#494a4b; outline:none}
input.disable[type="text"], input[readonly]{ background:#f3f3f5;border:1px solid #e7e7e7; color:#8a8a8a}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button{ outline:none; font-size: inherit;}
button[disabled], html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;	box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
table {border-collapse: collapse;border-spacing: 0;}
::selection {background:#333; color:#FFF; text-shadow:none;}
::-moz-selection {background:#333; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#333; color: #FFF; text-shadow: none;}
h2{ margin:0; padding:0}
.al{ text-align:left !important}
.ar{ text-align: right !important}
::-webkit-scrollbar {width:5px; height:5px; display: none;}
::-webkit-scrollbar-thumb {background:#888}
::-webkit-scrollbar-track {background:#222}
input[type=range] { -webkit-appearance: none;  margin: 0px 0;  width: 60%; height:16px; background:none}
input[type=range]:focus {outline: none;}
input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 2px;  cursor: pointer; transition: 0.2s;   background: rgb(255,82,82); border:none; }
input[type=range]::-webkit-slider-thumb {  box-shadow: none; border: 1px solid rgb(255,82,82);  height: 12px;  width: 12px;  border-radius: 100%;  background: rgb(255,82,82);  cursor: pointer;  -webkit-appearance: none;  margin-top: -5px;}
input[type=range]:focus::-webkit-slider-thumb{background:rgb(182,59,59);border: 1px solid rgb(182,59,59); }
input[type=range]:focus::-webkit-slider-runnable-track { background: rgb(255,82,82);}
input::-webkit-input-placeholder { color:#999}
input::-moz-placeholder { color:#999 }
input::-ms-input-placeholder { color:#999}
html {width: 100%; height: 100%; font-family:'NanumSquare' , 'Gotham', '맑은 고딕', '맑은고딕', Malgun Gothic,malgungothic,'돋움',dotum, AppleGothic,  sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; line-height:1.5}
body,input,textarea,select,button,table{font-family:'NanumSquare' , 'Gotham', '맑은 고딕', '맑은고딕', Malgun Gothic,malgungothic,'돋움',dotum, AppleGothic,  sans-serif;}
body {width: 100%; height: 100%; margin: 0; padding: 0; line-height: 1.5; color:#333; overflow-x: hidden}

@media all and (min-width:768px){
	html{font-size:24px}
}
@media all and (min-width:720px) and (max-width: 767px){
	html{font-size:20px}
}
@media all and (min-width:640px) and (max-width: 719px){
	html{font-size:16px}
}
@media all and (min-width:480px) and (max-width: 639px){
	html{font-size:14px}
}
@media all and (min-width:360px) and (max-width: 479px){
	html{font-size:12px}
}
@media all and (min-width:320px) and (max-width: 359px){
	html{font-size:11px}
}
@media all and (min-width:300px) and (max-width: 319px){
	html{font-size:10px}
}
@media all and (max-width: 299px){
	html{font-size:9px}
}

.page_wrap,
div.white_content,
div.container,
div.md_modal,
div#md_wrap,
div.wrap.company,
div.wrap.biz,
div.wrap.works,
div.wrap.contact,
div.wrap.index_wrap{display: none;}

/* moblie header */
header.mobile-header{
	position: fixed;
	width: 100%;
	z-index: 1000;
	background-color: #fff;
	height: 6rem;
	padding: 1.5rem 6rem;
	box-sizing: border-box;
	}
header.mobile-header h1{
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	box-sizing: border-box;
}
header.mobile-header h1 img{height: 100%; max-width: 100%;}
header.mobile-header button.mobile-menu-btn{
	position: absolute;
	top: 1.8rem;
	left: 1.8rem;
	width: 2.9rem;
	height: 2.4rem;
	background-image: url('../mobileImage/listIcon.png');
	background-position: center;
	background-size: 100% 100%;
	background-color: #fff;
	border: none;
}

header.mobile-header button.mobile-phone-btn{
	position: absolute;
	top: 1.6rem;
	right: 1.8rem;
	width: 2.8rem;
	height: 2.8rem;
	background-image: url('../mobileImage/phone.png');
	background-position: center;
	background-size: 100% 100%;
	background-color: #fff;
	border: none;
}
/* aside design */
aside.mobile-side{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1001;
	transition: all ease 0.3s;
	overflow: hidden;
}

aside.mobile-side.left{left: -100%;}
aside.mobile-side.left.on{left: 0;}
aside.mobile-side.right{right: -100%;}
aside.mobile-side.right.on{right: 0;}
aside.mobile-side div.aside-cover{
	position: absolute;
	width: calc(100% - 4rem);
	height: 100%;
	background-color: #fff;
	top: 0;
}
aside.mobile-side.left div.aside-cover{left: 0;}
aside.mobile-side.right div.aside-cover{right: 0;}
aside.mobile-side div.aside-cover button.cls-btn{
	position: absolute;
	width: 2rem;
	height: 2rem;
	top: 2rem;
	background-color: transparent;
	background-size: 100% 100%;
	background-position: center;
	background-image: url('../mobileImage/cls_btn.png');
	border: none;
}
aside.mobile-side.left div.aside-cover button.cls-btn{right: -3rem;}
aside.mobile-side.right div.aside-cover button.cls-btn{left: -3em;}
aside.mobile-side div.aside-cover div.aside-header{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 6.1rem;
	background-color: #a78e73;
	text-align: left;
	padding: 2rem 2rem;
	box-sizing: border-box;
	z-index: 10;
}
aside.mobile-side div.aside-cover div.aside-header a{display: inline-block; width: 100%; height: 100%;}
aside.mobile-side div.aside-cover div.aside-header img{height: 110%; max-width: 100%;}
aside.mobile-side div.aside-cover div.aside-header button.mobile-phone-btn{
	position: absolute;
	top: 1.8rem;
	right: 2rem;
	width: 2.5rem;
	height: 2.5rem;
	background-image: url('../mobileImage/phone_white.png');
	background-position: center;
	background-size: 100% 100%;
	background-color: transparent;
	border: none;
}
aside.mobile-side div.aside-cover div.aside-header button.mobile-menu-btn{
	position: absolute;
	top: 1.8rem;
	right: 2rem;
	width: 2.5rem;
	height: 2rem;
	background-image: url('../mobileImage/listIcon_white.png');
	background-position: center;
	background-size: 100% 100%;
	background-color: transparent;
	border: none;
}
aside.mobile-side div.aside-cover div.aside-body{
	position: relative;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	padding-top: 6rem;
	box-sizing: border-box;
	z-index: 0;
}
aside.mobile-side div.aside-cover ul.aside-menu{
	position: relative;
	width: 100%;
	display: inline-block;
	padding: 2rem;
	box-sizing: border-box;
}
aside.mobile-side div.aside-cover ul.aside-menu li.aside-list{
	position: relative;
	float: left;
	box-sizing: border-box;
	font-size: 1.5rem;
	border: 1px #e7e7e7 solid;
	box-sizing: border-box;
	color: #393939;
	background-repeat: no-repeat;
	background-position: 2rem center;
	background-size: 1.6rem;
}
aside.mobile-side div.aside-cover ul.aside-menu li.aside-list:not(:first-child){margin-top: -1px;}
aside.mobile-side div.aside-cover ul.aside-menu li.aside-list.full{
	font-family: 'Gotham';
	font-weight: 700;
	width: 100%;
}
aside.mobile-side div.aside-cover ul.aside-menu li.aside-list.half{width: 50%; font-size: 1rem; font-weight: 400;}
aside.mobile-side div.aside-cover ul.aside-menu li.aside-list.half:last-child{width: calc(50% + 1px); margin-left: -1px;}
aside.mobile-side div.aside-cover ul.aside-menu li.aside-list a{
	position: relative;
	width: 100%;
	display: inline-block;
	padding: 2.2rem 2rem;
	box-sizing: border-box;
}
aside.mobile-side div.aside-cover ul.aside-menu li.aside-list.intro{background-image: url('../mobileImage/introIcon.png');}
aside.mobile-side div.aside-cover ul.aside-menu li.aside-list.route{background-image: url('../mobileImage/gpsIcon.png');}
aside.mobile-side div.aside-cover ul.aside-menu li.aside-list.route a,
aside.mobile-side div.aside-cover ul.aside-menu li.aside-list.intro a{
	padding-left: 4.5rem;
	padding-right: 1rem;
}
aside.mobile-side div.aside-cover div.aside-body div.aside-block{
	position: relative;
	width: 100%;
	padding: 2rem 2rem 0rem;
	box-sizing: border-box;
}
aside.mobile-side div.aside-cover div.aside-body div.aside-block a.call-card{
	position: relative;
	width: 100%;
	display: inline-block;
	font-size: 1.4rem;
	color: #a78e73;
	font-weight: 500;
	background-image: url('../mobileImage/phone_big.png');
	background-position: right 1rem center;
	background-size: 3rem;
	background-repeat: no-repeat;
	border: 1px #a78e73 solid;
	padding: 2.5rem 2rem;
	box-sizing: border-box;
}
aside.mobile-side div.aside-cover div.aside-body div.aside-title{
	position: relative;
	width: 100%;
	font-size: 1.4rem;
	color: #a78e73;
	font-weight: 500;
	margin: 0.5rem 0rem;
}
aside.mobile-side div.aside-cover div.aside-body textarea{
	position: relative;
	width: 100%;
	font-size: 1rem;
	padding: 1.2rem;
	line-height: 1.8;
	box-sizing: border-box;
	margin-bottom: 1rem;
	border: 1px #a78e73 solid;
}
aside.mobile-side div.aside-cover div.aside-body div.btn-cover{
	position: relative;
	width: 100%;
	text-align: center;
	margin-bottom: 4rem;
}
input.main-button{
	position: relative;
	padding: 2rem 2.5rem;
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff;
	background-color: #a78e73;
	border: none;
}
/* mobile body wrap */
div.mobile-body-wrap{
	position: relative;
	width: 100%;
	display: inline-block;
	padding-top: 6rem;
	box-sizing: border-box;
}
div.mobile-body-wrap div.mobile-image-cover{
	position: relative;
	width: 100%;
	float: left;
}
.mobile_works_img {display:none;}
.mobile_works_img.on {display:block;}
.mobile_modal li {display:none;}
div.mobile-body-wrap div.mobile-image-cover img {width: 100%;}
div.mobile-body-wrap div.padding-cover{
	position: relative;
	width: 100%;
	padding: 2rem;
	box-sizing: border-box;
}

div.mobile-body-wrap div.cover{
	position: relative;
	width: 100%;
	float: left;
	box-sizing: border-box;
	display: none;
}
div.mobile-body-wrap div.cover.now{display: block;}
/* mobile-footer */
div.mobile-footer{
	position: relative;
	width: 100%;
	background-color: #e6e6e6;
	padding: 2rem 0rem;
	text-align: center;
	color: #9c9c9c;
	font-size: 0.8rem;
}
div.mobile-footer p{
	position: relative;
	width: 100%;
	margin: 0;
	line-height: 1.8;
}
div.mobile-footer p abbr:not(:last-child):after{
	content: "|";
	margin: 0px 8px;
}
div.mobile-footer p span{font-size: 0.7rem;}
/* contact page design ====================================== */
#contact h2{
	width: 100%;
	font-size: 2rem;
	color: #393939;
	font-weight: 600;
	text-align: center;
	margin: 27rem 0rem 0.5rem 0rem;
}
#contact h2 span{font-size: 1rem;}
#contact article{
	position: relative;
	width: 100%;
	margin-bottom: 2rem;
}
#contact article p {
	position: relative;
	width: 100%;
	text-align: center;
	margin: 0px;
	line-height: 1.8;
}
#contact article p abbr{
	font-size: 1rem;
	color: #393939;
	font-weight: 400;
}
#contact article p span{
	font-size: 0.8rem;
}
#contact article p span::after{
	content: "|";
	margin: 0px 10px;
	color: #b5b5b5;
}
#contact article p span:last-child::after{
	display:none;
}
#contact ul{
	position: relative;
	width: 100%;
	margin: 1rem 0rem;
}
#contact ul li{
	position: relative;
	width: 100%;
	border: 1px #e7e7e7 solid;
}
#contact ul li:not(:first-child){margin-top: -1px;}
#contact ul li a{
	position: relative;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	background-position: right 2rem center;
	background-repeat: no-repeat;
	background-size: 3rem;
	font-size: 1.5rem;
	color: #393939;
	font-weight: 500;
	padding: 2rem;
}
#contact ul li a#phone{background-image: url("../mobileImage/phone_gray.png");}
#contact ul li a#email{background-image: url("../mobileImage/email.png");}

/* intro page design ====================================== */
#work h2,
#intro h2{
	position: relative;
	width: 100%;
	font-size: 1.8rem;
	color: #393939;
	font-weight: 600;
	text-align: center;
	padding: 2rem 0rem;
	border-bottom: 1px #e1e1e1 solid;
	box-sizing: border-box;
	line-height: 2rem;
}
#work div.cover h2 .plus-btn,
#biz div.cover h2 .plus-btn,
#intro h2 .plus-btn{
	position: absolute;
	top: 2rem;
	right: 2rem;
	width: 2rem;
	height: 2rem;
	background-color:  transparent;
	background-repeat: no-repeat;
	background-image: url('../mobileImage/plus.png');
	background-position: center;
	border: none;
}

#intro div.tab-menu{
	position: relative;
	width: 100%;
	display: inline-block;
	padding: 2rem;
	box-sizing: border-box;
}
#intro div.tab-menu ul.tab-cover{
	position: relative;
	width: 100%;
	float: left;
}
#intro div.tab-menu ul.tab-cover li.list{
	position: relative;
	width: 25%;
	border: 1px #e7e7e7 solid;
	float: left;
	text-align: center;
	padding: 6rem 0rem 1rem;
	box-sizing: border-box;
	font-size: 1rem;
	color: #9c9c9c;
	font-weight: 400;
	background-repeat: no-repeat;
	background-size: 40%;
}#intro div.tab-menu ul.tab-cover li.list.now{display: none;}
#intro div.tab-menu ul.tab-cover li.list:not(:first-child){margin-left: -1px;}
#intro div.tab-menu ul.tab-cover li.list.introduction{
	background-image: url('../mobileImage/introduction_icon.png');
	background-position: center 1.7rem;
}
#intro div.tab-menu ul.tab-cover li.list.service{
	background-image: url('../mobileImage/service_icon.png');
	background-position: center 1.7rem;
}
#intro div.tab-menu ul.tab-cover li.list.history{
	background-image: url('../mobileImage/history_icon.png');
	background-position: center 1.7rem;
}
#intro div.tab-menu ul.tab-cover li.list.org{
	background-image: url('../mobileImage/org_icon.png');
	background-position: center 2.3rem;
}
#intro div.tab-menu ul.tab-cover li.list.client{
	background-image: url('../mobileImage/client_icon.png');
	background-position: center 1.7rem;
}
#intro article{
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: 0rem 0.5rem;
}
#intro article h3{
	position: relative;
	font-size: 1.3rem;
	font-weight: 500;
	color: #a78e73;
	line-height: 1.7rem;
	margin-bottom: 2rem;
}
#intro article p{
	position: relative;
	margin-bottom: 1.5rem;
	font-size: 1rem;
	color: #393939;
	font-weight: 300;
	line-height: 2;
	word-break: keep-all;
}


#intro article bold{
	position: relative;
	margin-bottom: 1.5rem;
	font-size: 1rem;
	color: #393939;
	font-weight: 400;
	line-height: 2;
	word-break: keep-all;
}
/* ann 추가 */



#intro article strong{
	position: relative;
	margin-bottom: 1.5rem;
	font-size: 1.1rem;
	color: #393939;
	font-weight: 400;
	line-height: 1;
	word-break: keep-all;
}
/* ann 추가 */


#intro article img{width: 100%;}
#intro article label{
	font-size: 0.8rem;
	color: #9c9c9c;
	font-weight: 300;
}
#intro article div.dream-cover{
	position: relative;
	width: 100%;
	margin: 3rem 0rem 1rem;
	padding: 3rem 0rem;
	text-align: center;
	font-size: 1.1rem;
	font-weight: 500;
	color: #393939;
	line-height: 2;
}
#intro article div.dream-cover:before{
	content: " ";
	position: absolute;
	width: 2.8rem;
	height: 2.1rem;
	display: inline-block;
	background-image: url('../mobileImage/qutoStart.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	top: 0rem;
	left: 50%;
	margin-left: -1.4rem;
}
#intro article div.dream-cover:after{
	content: " ";
	position: absolute;
	width: 2.8rem;
	height: 2.1rem;
	display: inline-block;
	background-image: url('../mobileImage/qutoEnd.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	bottom: 0rem;
	left: 50%;
	margin-left: -1.4rem;
}
#intro article div.count-cover{
	position: relative;
	width: 100%;
	margin: 3rem 0rem 2rem;
	padding: 2rem 1rem 2rem 4rem;
	font-size: 1.2rem;
	font-weight: 500;
	color: #393939;
	text-align: center;
	box-sizing: border-box;
	border: 1px #393939 solid;
	line-height: 1.8;
	word-break: keep-all;
}
#intro article div.count-cover i.point{
	position: absolute;
	font-style: normal;
	display: inline-block;
	left: 2rem;
}
#intro article div.count-cover.one i.point{top: 50%; margin-top: -1rem; font-size:14px;}
#intro article div.count-cover.two i.point.a{top: 50%; margin-top: -1.5rem; font-size:14px;}
#intro article div.count-cover.two i.point.b{top: 50%; margin-top: -0.5rem; font-size:14px;}
#intro article div.year-cover{
	position: relative;
	width: 100%;
	margin: 0rem 0rem 2rem;
}
#intro article div.year-cover h4{
	position: relative;
	display: inline-block;
	font-size: 0.9rem;
	color: #393939;
	font-weight: 500;
	border: 1px #393939 solid;
	padding: 0.5rem 2rem;
	box-sizing: border-box;
}
#intro article div.year-cover div.row{
	position: relative;
	width: 100%;
	font-size: 1rem;
	font-weight: 300;
	color: #393939;
	text-align: left;
	padding-left: 2.5rem;
	box-sizing: border-box;
}
#intro article div.year-cover div.row label{
	position: absolute;
	display: inline-block;
	top: 0px;
	left: 0px;
	font-size: 1rem;
	color: #393939;
	line-height: 2;
}
#intro article div.year-cover div.row p{margin: 0;}
#org-tab table.org{
	position: relative;
	width: 100%;
	border-collapse: collapse;
}
#org-tab table.org td{
	width: 33.3333%;
	/*padding: 2rem 0rem;*/
	text-align: center;
	box-sizing: border-box;
  height:8.5rem;
}
#org-tab table.org td h4{
	font-size: 0.938rem;
	font-weight: 500;
	margin: 0;
	color: #a78e73;
}
#org-tab table.org td h5{
	font-size: 1.1rem;
	font-weight: 500;
	color: #393939;
	margin: 0.7rem 0rem;
}
#org-tab table.org td abbr{
	font-size: 0.6rem;
	font-weight: 200;
	margin: 0;
}
#org-tab table.org td.in{border: 1px #e7e7e7 solid; }
#client-tab table.clients{
	position: relative;
	width: 100%;
	border-collapse: collapse;
}
#client-tab table.clients td{
	position: relative;
	width: 33.3333%;
	border: 1px #e7e7e7 solid;
	text-align: center;
	height: 8rem;
	padding: 1rem;
}
#client-tab table.clients td img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	width: 100%;
}

#client-tab div.client_title{
	font-size:1.1rem;
	font-weight: 500;
	text-align:center;
	color:#393939;
	border:solid 1px #393939;
	padding:0.5em;
	margin-bottom:1.5em;
}
/* ann 추가 */

#work div.work_title{
	font-size:1.1rem;
	font-weight: 500;
	text-align:center;
	color:#393939;
	border:solid 1px #393939;
	padding:0.5em;
	margin-bottom:1.2em;
}

#work div.cover,
#biz div.cover{
	position: relative;
	width: 100%;
	display: block;
}
#biz div.cover h2{
	position: relative;
	width: 100%;
	font-size: 2rem;
	color: #393939;
	font-weight: 600;
	text-align: center;
	padding: 2rem 0rem;
	border-bottom: 1px #e1e1e1 solid;
	box-sizing: border-box;
	line-height: 2rem;
}
#work div.cover h2 .biz-menu-btn,
#biz div.cover h2 .biz-menu-btn{
	position: absolute;
	width: 24px;
	height: 24px;
	top: 1.9rem;
	left: 2rem;
	border: none;
	background-color: transparent;
	background-image: url("../mobileImage/biz_menu_btn.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#biz div.cover div.padding-cover{
	position: relative;
	width: 100%;
	padding: 2rem;
	box-sizing: border-box;
}
#biz div.cover div.padding-cover article{
	position: relative;
	width: 100%;
	border: 1px #e7e7e7 solid;
	padding: 2rem;
	box-sizing: border-box;
	text-align: center;
}
#biz div.cover div.padding-cover article:not(:first-child){margin-top: -1px;}
#biz div.cover div.padding-cover article img{width: 7rem; margin: 2rem 0rem 2rem;}
#biz div.cover div.padding-cover article img.gray-scale{-webkit-filter: grayscale(100%);filter: grayscale(100%); opacity: 0.3;}
#biz div.cover div.padding-cover article h3{
	font-weight: 500;
	font-size: 1.6rem;
	margin: 0;
	line-height: 1.8;
}
#biz div.cover div.padding-cover article p{
	position: relative;
	margin: 0rem 0rem 2rem;
	font-size: 1rem;
	font-weight: 300;
	word-break: keep-all;
	line-height: 1.6;
	font-weight: 300;
}
#biz div.cover div.padding-cover article div.point-cover{
	position: absolute;
	width: 2rem;
	text-align: center;
	top: 1.5rem;
	left: 1rem;
	line-height: 1;
}
#biz div.cover div.padding-cover article div.point-cover i{font-style: normal;}
#biz div.cover div.padding-cover.presiding article::after {content:''; display:block;
clear:both;}
#biz div.cover div.padding-cover.presiding article {display:flex;
align-items:center;}
#biz div.cover div.padding-cover.presiding article img,
#biz div.cover div.padding-cover.presiding article h3 {float:left;}
#biz div.cover div.padding-cover.presiding article img {width:5rem; margin:2rem 2rem 2rem 1rem;}
#biz div.cover div.padding-cover.presiding article h3 {font-size:1.438rem;}

#work div.cover div.padding-cover ul{
  margin-top:-0.438rem;
	position: relative;
	width: 100%;
	display: inline-block;
}
#work div.cover div.padding-cover .work_box {margin-top:2rem;}
#work div.cover div.padding-cover ul li{
	width: 33.3333%;
	border-right: 1px #fff solid;
	border-bottom: 1px #fff solid;
	box-sizing: border-box;
	float: left;
}
#work div.cover div.padding-cover ul li img{
	width: 100%;
}
#work div.cover div.padding-cover ul li.on img{
	filter: sepia(1);
	-webkit-filter: sepia(1);
}
#work div.cover div.padding-cover.presiding ul li {width:100%;
display:flex; align-items:center; flex-direction:row;}
#work div.cover div.padding-cover.presiding ul li img {width:33.3333%;
margin-right:1rem; flex:0;}
#work div.cover div.padding-cover.presiding ul li div span {color:#393939;
font-size:0.688rem;}
#work div.cover div.padding-cover.presiding ul li div h3 {font-weight:500;
color:#393939; font-size:1rem; margin:0; word-break:keep-all;}

#work div.cover.black{border-bottom: 1px #393939 solid; text-align: center;}
#work div.cover.black h2{border: none; padding-bottom: 0px;}
#work div.cover.black h4{
	font-size: 1rem;
	font-weight: 300;
	text-align: center;
	margin-top: 1rem;
	border: none;
	padding-bottom: 0px;
}
#work div.cover.black h5{
	color: #393939;
	display: inline-block;
	border: 1px #393939 solid;
	font-size: 0.9rem;
	font-weight: 500;
	height: 2rem;
	margin-bottom: 0.5rem;
	padding: 0rem 1rem;
	line-height: 2rem;
}
#work div.cover.black p{
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.8;
	word-break: keep-all;
}
#work div.mobile-image-cover button.white-btn{
	position: absolute;
	width: 2.2rem;
	height: 2.2rem;
	border: none;
	background-color: transparent;
	/*background-image: url('../image/white_btn.png');*/
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	top: 30%;
	left: 2rem;
}


#index h2{
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 4rem 0rem 2rem;
	font-family: 'Gotham';
	font-weight: 800;
	font-size: 2.2rem;
	color: #a78e73;
	text-align: center;
	line-height: 1;
}
#index div.padding-block{
	position: relative;
	width: 100%;
	padding: 0rem 2rem;
	box-sizing: border-box;
}
#index div.button-cover{
	position: relative;
	width: 100%;
	padding: 2rem;
	display: inline-block;
	box-sizing: border-box;
}
#index div.button-cover a.gold-btn{
	position: relative;
	width: calc(50% - 0.5rem);
	background-color: #a78e73;
	color: #fff;
	height: 5rem;
	box-sizing: border-box;
	font-size: 1.2rem;
	background-repeat: no-repeat;
	background-size: auto 1.8rem;
	background-position: 2rem center;
	padding-left: 2rem;
	display: inline-block;
	line-height: 5rem;
	text-align: center;
}
#index div.button-cover a.gold-btn.int{
	background-image: url('../image/paper_white.png');
	float: left;

}
#index div.button-cover a.gold-btn.map{
	background-image: url('../image/gps_white.png');
	float: right;
}
#index div.padding-block article.area{
	position: relative;
	padding: 2rem 1rem 2rem 2rem;
	border: 1px #e7e7e7 solid;
	box-sizing: border-box;
	z-index: 0;
}
#index div.padding-block article.area.main{
	position: relative;
	border: 1px #a78e73 solid;
	padding: 4rem 1rem;
	text-align: center;
	z-index: 10;
}
#index div.padding-block article.area:not(:first-child){margin-top: -1px;}
#index div.padding-block article.area img{
	width: 3rem;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	opacity: 0.3;
}
#index div.padding-block article.area h3{
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 600;
	color: #9c9c9c;
	vertical-align: middle;
	margin: 0rem 1rem;
}
#index div.padding-block article.area p{display: none;}
#index div.padding-block article.area a.gold-plus{display: none;}
#index div.padding-block article.area.main img{
	width: 8rem;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	opacity: 0.3;
	vertical-align: middle;
}
#index div.padding-block article.area.main h3{
	display: block;
	font-size: 2rem;
	color: #a78e73;
	margin: 2rem 0rem 0rem;
	line-height: 1;
}
#index div.padding-block article.area.main p{
	display: block;
	color: #9c9c9c;
	font-size: 1rem;
	font-weight: 400;
}
#index div.padding-block article.area.main a.gold-plus{
	position: absolute;
	display: inline-block;
	bottom: -1px;
	right: 0px;
	width: 4rem;
	height: 4rem;
	background-color: #a78e73;
	border: none;
	background-image: url('../mobileImage/white_cross.png');
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center;
}
#index div.rolling-cover{
	position: relative;
	white-space: nowrap;
	width: 100%;
	overflow-x: auto;
	font-size: 0.9rem;
	font-weight: 400;
	display: inline-block;
}
#index div.rolling-cover ul{
	position: relative;
	float: left;
}
#index div.rolling-cover ul li{
	position: relative;
	width: 10rem;
	float: left;
	box-sizing: border-box;
	text-align: center;
}
#index div.rolling-cover ul li:first-child{margin-left: 2rem;}
#index div.rolling-cover ul li:last-child{margin-right: 2rem;}
#index div.rolling-cover ul li:not(:last-child){padding-right: 1px;}
#index div.rolling-cover ul li img{width: 100%;}

#index .moblie-slide-area{
	position: relative;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}
#index .moblie-slide-area .slide{
	position: relative;
	display: inline-block;
}
#index .moblie-slide-area .slide li {
	position: relative;
	overflow: hidden;
	float: left;
}
#index .moblie-slide-area div.controll-cover{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
	z-index: 999;
	padding: 10px 0px;
}
#index .moblie-slide-area ul.center-ul {
	list-style: none;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
}
#index .moblie-slide-area ul.center-ul li.img2,
#index .moblie-slide-area ul.center-ul li.img{
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	background: rgba(255,255,255,0.3);
	overflow: hidden;
	cursor: pointer;
	margin: 0px 5px;
}

#index .moblie-slide-area ul.center-ul li.img2{background-color: #a78e73;}
#index .moblie-slide-area ul.center-ul li.img2 .img-blur,
#index .moblie-slide-area ul.center-ul li.img .img-blur{
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	top: 0px;
	left: 15px;
	background: #a78e73;
	transition: 0.6s;
}
#index .moblie-slide-area ul.center-ul li.img2:hover > .img-blur,
#index .moblie-slide-area ul.center-ul li.img:hover > .img-blur{
	transition: 0.3s;
	left: 0px;
}

ul.drop-down{
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 500;
	display: none;
}
ul.drop-down li.list{
	position: relative;
	width: 100%;
	border-bottom: 1px #e7e7e7 solid;
}
ul.drop-down li.list a{
	padding: 1.5rem 0rem;
	display: inline-block;
	width: 100%;
}