@charset "utf-8";


/* ==============================================
   layout
   ============================================== */

#subBody { padding: 130px 80px 120px; margin: 30px auto 0; }

/* title area */

.titleArea {margin: 0 auto 60px;}
.titleArea h2 {font-size: 12px;font-weight: normal;text-transform: uppercase;}

/* sub title */

h3.subTopTitle { position: fixed; left: 50%; top: 0; width: 600px; height: 70px; line-height: 70px; font-size: 18px; font-weight: 500; font-style: italic; text-align: center; margin-left: -300px; z-index: 9999; }

/* go back to page */

a.backToPage { position: fixed; right: 60px; top: 10px; height: 50px; line-height: 50px; font-size: 14px; color: #404040; text-align: right; text-decoration: none; background: url(../images/common/icon_go_back.png) left center no-repeat; padding-left: 26px; z-index: 9999; }


/* mediaquery for moble */

@media only screen and (max-width: 1200px) {

	#subBody { padding: 30px 2.5rem 60px; margin: 52px auto 60px; }

}


@media only screen and (max-width: 738px) {

	#subBody { padding: 30px 1.5rem 60px; }

}


/* ==============================================
   element
   ============================================== */

/* button */

a {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

p.btn.left { text-align: left;}
p.btn.center { text-align: center;}
p.btn.right { text-align: right;}

a.btn.box { display:inline-block; display: -moz-inline-stack; zoom:1; display:inline; height: 44px; color: #99999b; font:18px/44px akzLight; text-align: center; text-decoration: none; text-transform: uppercase; border: 1px solid #bebebe; padding: 0 60px;}
a.btn.box:hover { color: #fff; background-color: #bebebe;}

a.btn.noline { border:none;}
a.btn.small { height: 36px; line-height: 36px; font-size: 15px; letter-spacing: 2px; padding: 0 24px;}

a.btn.text { color: #505050; font:14px/20px mtrItalic; text-decoration: none; letter-spacing: 1px;}
a.btn.text:hover { color: #BEBEBE;}

/* form */

input, 
textarea { color:#404040; line-height: 24px; font-family: '나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic',돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif; }

/* image & figure */

figure.overCaption { position: relative;}
figure.overCaption figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%;text-align: center; background: rgba(215,215,215,.9);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
figure.overCaption:hover figcaption {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
}
figure.overCaption figcaption span { display: block; position: absolute; left: 0; top: 50%; width: 100%; height: 24px; color: #fff; font:20px/24px mtrItalic; letter-spacing: 3px; margin-top: -12px;}

/* page nav */

nav.page { height: 28px; text-align: center; font:14px/28px akzLight; text-transform: uppercase;}
nav.page > span, nav.page > a { color: #404040; text-decoration: none; margin-right: 5px;}
nav.page > span:after, nav.page > a:after { content: '|'; margin-left: 7px;}
nav.page > a:last-child:after { content: '';}
nav.page > a:hover { color: #c7c7c7;}

/* back to page */

p.backToPage {text-align: center;margin-top: 100px;}
p.backToPage a {display:inline-block; display: -moz-inline-stack; zoom:1; display:inline;height: 33px;line-height: 32px;font-size: 15px;color: #000;font-family: 'ConneqtRegular';letter-spacing: 0.06em;text-transform: uppercase;text-decoration: none;border: 1px solid #e5e5e5;border-width: 0 0 1px 0;outline: none;cursor: pointer;}


/* mediaquery for mobile */

@media only screen and (max-width: 1200px) {

	p.backToPage {text-align: center;margin-top: 40px;}

}



/* ==============================================
   page
   ============================================== */

/* about */

.aboutWrap { width: auto;padding: 0 90px;margin: 60px auto 0; }

.aboutWrap .aboutSlogan { width: auto; max-width: 1160px; margin: 0 auto; }
.aboutWrap .aboutSlogan p.slogan {font-family: 'ConneqtRegular';line-height: 54px;font-size: 25px;letter-spacing: 0.06em;text-transform: uppercase;}

.aboutWrap .aboutContact {width: auto;max-width: 1160px;font-family: 'ConneqtRegular';line-height: 24px;font-size: 15px;letter-spacing: 0.06em;text-transform: uppercase;margin: 90px auto 60px;}
.aboutWrap .aboutContact p.location {margin-bottom: 24px;}
.aboutWrap .aboutContact p.adress {margin-bottom: 24px;}
.aboutWrap .aboutContact p.email a {color: #000;text-decoration: none;}
.aboutWrap .aboutContact p.email a:hover {color: #858585;text-decoration: underline;}


/* terms */

.termsWrap {width: auto;max-width: 1260px;margin: 0 auto; }
.termsWrap .termsTop { position: relative; max-width: 600px; margin-top: 40px; margin-bottom: 60px; }
.termsWrap .termsTop h1 { display:inline-block; display: -moz-inline-stack; zoom:1; display:inline; height: 25px; line-height: 22px; font-size: 13px; text-transform: uppercase; font-style: italic; letter-spacing: .1em; font-weight: 400; border-bottom: 1px solid gray; }

.termsWrap .termsTop a.langSelect { position: absolute; display: block; right: 0; top: 50%; width: 30px; height: 30px; line-height: 28px; font-family: '맑은 고딕','Malgun Gothic'; font-size: 11px; color: #999; text-transform: uppercase; text-decoration: none; text-align: center; border: 1px solid #999; margin-top: -20px;
   -webkit-transition: all 0.3s ease-in;
   -moz-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
.termsWrap .termsTop a.langSelect:hover { color: #333; border-color: #333; }

.termsWrap .termsTop p,
.termsWrap .termsCon p { line-height: 21px; word-break: keep-all; margin: 14px 0 50px; }
/*.termsWrap .termsContent { max-width: 600px; }*/
.termsWrap .termsCon h2 { line-height: 20px; font-size: 13px; text-transform: uppercase; letter-spacing: .1em; font-weight: 400;}


/* mediaquery for moble */

@media only screen and (max-width: 1200px) {

	/* about */

	.aboutWrap { padding: 0 60px;margin: 0 auto; }

	.aboutWrap .aboutSlogan { max-width: 800px; }
	.aboutWrap .aboutSlogan p.slogan {line-height: 34px;font-size: 15px;}

	.aboutWrap .aboutContact {max-width: 800px;line-height: 18px;font-size: 11px;margin: 40px auto 30px;}
	.aboutWrap .aboutContact p.location {margin-bottom: 16px;}
	.aboutWrap .aboutContact p.adress {margin-bottom: 16px;}


	/* terms */

	.termsWrap {width: auto;max-width: 1260px;margin: 0 auto; }
	.termsWrap .termsTop { position: relative; max-width: 600px; margin-top: 40px; margin-bottom: 60px; }
	.termsWrap .termsTop h1 { display:inline-block; display: -moz-inline-stack; zoom:1; display:inline; height: 25px; line-height: 22px; font-size: 13px; text-transform: uppercase; font-style: italic; letter-spacing: .1em; font-weight: 400; border-bottom: 1px solid gray; }

	.termsWrap .termsTop a.langSelect { position: absolute; display: block; right: 0; top: 50%; width: 30px; height: 30px; line-height: 28px; font-family: '맑은 고딕','Malgun Gothic'; font-size: 11px; color: #999; text-transform: uppercase; text-decoration: none; text-align: center; border: 1px solid #999; margin-top: -20px;
	   -webkit-transition: all 0.3s ease-in;
	   -moz-transition: all 0.3s ease-in;
	   -o-transition: all 0.3s ease-in;
	   transition: all 0.3s ease-in;
	}
	.termsWrap .termsTop a.langSelect:hover { color: #333; border-color: #333; }

	.termsWrap .termsTop p,
	.termsWrap .termsCon p { line-height: 21px; word-break: keep-all; margin: 14px 0 50px; }
	/*.termsWrap .termsContent { max-width: 600px; }*/
	.termsWrap .termsCon h2 { line-height: 20px; font-size: 13px; text-transform: uppercase; letter-spacing: .1em; font-weight: 400;}

}


@media only screen and (max-width: 738px) {

	/* about */

	.aboutWrap { padding: 0; }
	.aboutWrap .aboutSlogan p.slogan {line-height: 24px;font-size: 13px;}

}