@charset "utf-8";
@import url(contents.css?v=20220203);
@import url(board.css?v=20220203);
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url('../font/notokr-light.eot');
	src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-light.woff2') format('woff2'),
		 url('../font/notokr-light.woff') format('woff');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('../font/notokr-regular.eot');
	src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-regular.woff2') format('woff2'),
		 url('../font/notokr-regular.woff') format('woff');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url('../font/notokr-medium.eot');
	src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-medium.woff2') format('woff2'),
		 url('../font/notokr-medium.woff') format('woff');
}
 @font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 600;
	src: url('../font/notokr-bold.eot');
	src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-bold.woff2') format('woff2'),
		 url('../font/notokr-bold.woff') format('woff');
}


/* ==============================================
   defaults
   ============================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
ol, ul { list-style:none;}
blockquote, q {	quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table { border-collapse:collapse; border-spacing:0;}
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
input, select { margin:0; padding:0; vertical-align:middle;}
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

.ir { background-color: transparent; border: 0; overflow: hidden; text-indent:-9999px;}
.ir:before { content: ""; display: block; width: 0; height: 150%; }

.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }
.clearfix {  *zoom: 1;}
.hidden { display:none;}

/* box sizing */

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

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

html { overflow:auto; overflow-y:scroll;}
input,
select,
button,
textarea,
body { color:#010101; font-size:15px; font-family:'Noto Sans KR', 'Malgun Gothic', 'dotum', '돋움', 'gulim', '굴림', arial !important; letter-spacing: -.03em; }

#wrap {}
#wrapIn {}

.forPC { display: block !important;}
.forMobile { display: none !important;}
.mobileMenu { display: none;}

/* main header */

#indexHeader { position: relative; width: 100%; background-color: #fff; z-index: 9999; }
#indexHeader h1 { position: relative; left: 50%; top: 0; width: 190px; margin-left: -560px; }
#indexHeader h1 a { display: block; height: 100px; text-indent: -9999px; background: url(../images/common/top_logo.png) center center no-repeat; }

/* main gnb */

#indexHeader .gnb { position: absolute; right: 50%; top: 0; margin-right: -560px; }
#indexHeader .gnb ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */
#indexHeader .gnb ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */
#indexHeader .gnb ul.list {}
#indexHeader .gnb ul.list li { float: left; }
#indexHeader .gnb ul.list li a { display: block; height: 100px; line-height: 100px; color: #010101; font-size: 20px; font-weight: 500; text-decoration: none; padding: 0 45px; }
#indexHeader .gnb ul.list li.last a { padding: 0 0 0 45px; }
#indexHeader .gnb ul.list li a:hover { color: #3174b1; }

/* header */

#header { position: relative; width: 100%; background-color: #fff; z-index: 9999; }
#header h1 { position: relative; left: 50%; top: 0; width: 190px; margin-left: -560px; }
#header h1 a { display: block; height: 100px; text-indent: -9999px; background: url(../images/common/top_logo.png) center center no-repeat; }

#header h2 { position: absolute; left: 50%; top: 34px; height: 32px; margin-left: -350px; }
#header h2 a { line-height: 32px; font-size: 22px; color: #101010; font-weight: 600; text-decoration: none; letter-spacing: -.05em; background: url(../images/common/top_category_title_icon.png) right center no-repeat; padding-right: 20px; }
#header h2 a:hover { color: #6175c2; background-position:  right bottom 10px; }

body.child #header h2 a:hover { color: #0aa9bf; }
body.rename #header h2 a:hover { color: #59a245; }
body.family #header h2 a:hover { color: #0aad80; }
body.comm #header h2 { display: none; }

/* gnb */

#header .gnb { position: absolute; right: 50%; top: 0; margin-right: -560px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#header .gnb p.title { display: none; }
#header .gnb > ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */
#header .gnb > ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */
#header .gnb > ul.list > li { float: left; }
#header .gnb > ul.list > li > a { display: block; position: relative; height: 100px; line-height: 100px; color: #101010; font-size: 18px; font-weight: 500; text-decoration: none; padding: 0 14px; }
#header .gnb > ul.list > li > a:hover { color: #6175c2; }
#header .gnb > ul.list > li.active > a { color: #6175c2; }
#header .gnb > ul.list > li.active > a span { position: relative; display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; }
#header .gnb > ul.list > li.active > a span:after { content: " "; position: absolute; left: 0; top: 33px; width: 100%; height: 3px; background-color: #6175c2; }

body.child #header .gnb > ul.list > li > a:hover { color: #d4881b; }
body.child #header .gnb > ul.list > li.active > a { color: #d4881b; }
body.child #header .gnb > ul.list > li.active > a span:after { background-color: #d4881b; }

body.rename #header .gnb > ul.list > li > a:hover { color: #59a245; }
body.rename #header .gnb > ul.list > li.active > a { color: #59a245; }
body.rename #header .gnb > ul.list > li.active > a span:after { background-color: #59a245; }

body.family #header .gnb > ul.list > li > a:hover { color: #0aad80; }
body.family #header .gnb > ul.list > li.active > a { color: #0aad80; }
body.family #header .gnb > ul.list > li.active > a span:after { background-color: #0aad80; }

/* footer */

#footer { background-color: #393e44; padding: 34px 0 38px; }
#footer .footerIn { position: relative; width: 1120px; padding-left: 280px; margin: 0 auto; }
#footer h1 { position: absolute; left: 0; top: 50%; width: 190px; height: 70px; text-indent: -9999px; background: url(../images/common/footer_logo.png) center center no-repeat; margin-top: -35px; }

#footer .footerMenu { margin-bottom: 20px; }
#footer .footerMenu ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */
#footer .footerMenu ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */
#footer .footerMenu ul.list {}
#footer .footerMenu ul.list li { float: left; line-height: 36px; font-size: 16px; margin-right: 30px; }
#footer .footerMenu ul.list li.last { margin-right: 0; }
#footer .footerMenu ul.list li a { color: #fff; font-weight: 500; text-decoration: none; }
#footer .footerMenu ul.list li a:hover { text-decoration: underline; }

#footer .footerIn > ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */
#footer .footerIn > ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */
#footer .footerIn > ul.list {}
#footer .footerIn > ul.list li { float: left; line-height: 24px; color: #a2a6aa; background: url(../images/common/menu_devider_white.png) left center no-repeat; padding-left: 11px; margin-left: 10px; }
#footer .footerIn > ul.list li.first { background: none; padding-left: 0; margin-left: 0; }
#footer .footerIn > ul.list li a { color: #a2a6aa; text-decoration: none; }
#footer .footerIn > ul.list li a:hover { color: #fff; text-decoration: underline; }

#footer p.copyright { line-height: 24px; font-size: 14px; color: #6a6d71; margin-top: 10px; }

/* quick menu */

.quickMenu { display: none; }


/* mediaquery for tab */

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

}

/* mediaquery for mobile */

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

	input,
	select,
	button,
	textarea,
	body { font-size:14px; }

	body.noScroll { position: fixed; width: 100%; height: 100%; overflow: hidden; }

	.forPC { display: none !important;}
	.forMobile { display: block !important;}

	body.birth,
	body.child,
	body.rename,
	body.family { padding-bottom: 60px; }

	/* main header */

	#indexHeader h1 { left: auto; top:auto; width: auto; margin-left: 0; }
	#indexHeader h1 a { height: 80px; line-height: 80px; }

	/* main gnb */

	#indexHeader .gnb { position: relative; right: auto; top: auto; margin-right: 0; }
	#indexHeader .gnb ul.list { text-align: center; }
	#indexHeader .gnb ul.list li { float: none; display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; margin: 0 3%; }
	#indexHeader .gnb ul.list li a { height: 60px; line-height: 60px; font-size: 18px; padding: 0 !important; }

	.mobileMenu { display: block; position: absolute; right: 14px; top: 28px; width: 60px; height: 38px; line-height: 20px; font-size: 12px; text-align: center; background: url(/images/common/top_menu_btn.png) center 0 no-repeat; -webkit-background-size: 27px auto; background-size: 27px auto; padding-top: 22px; }

	/* header */

	#header { padding-bottom: 22px; }
	#header h1 { left: 0; top: auto; width: 190px; margin-left: 0; }
	#header h1 a { height: 70px; -webkit-background-size: 150px auto; background-size: 150px auto; }
	#header h2 { left: 58px; top: 46px; height: 20px; margin-left: 0; }
	#header h2 a { line-height: 20px; font-size: 14px; background: none; padding-right: 0; }

	/* gnb */

	#header .gnbWrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9998;
		visibility: hidden;
		-webkit-transition: visibility 0s 0.6s;
		-moz-transition: visibility 0s 0.6s;
		transition: visibility 0s 0.6s;
	}
	#header .gnbWrap:after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; cursor:pointer; z-index: 9997;
		-webkit-transition: background 0.3s 0.3s;
		-moz-transition: background 0.3s 0.3s;
		transition: background 0.3s 0.3s;
	}
	#header .gnbWrap.isVisible { visibility: visible;
		-webkit-transition: visibility 0s 0s;
		-moz-transition: visibility 0s 0s;
		transition: visibility 0s 0s;
	}
	#header .gnbWrap.isVisible:after { background: rgba(0, 0, 0, 0.7);
		-webkit-transition: background 0.3s 0s;
		-moz-transition: background 0.3s 0s;
		transition: background 0.3s 0s;
	}

	#header .gnb { position: fixed; right: auto; left: 0; top: 0; width: 280px; height: 100%; background-color: #dadada; margin-right: 0; overflow: hidden; overflow-y: auto; z-index: 9999;
		-moz-box-shadow: 1px 0px 3px rgba(0,0,0,.6);
		-webkit-box-shadow: 1px 0px 3px rgba(0,0,0,.6);
		box-shadow: 1px 0px 3px rgba(0,0,0,.6);
		-webkit-transition-property: -webkit-transform;
		-moz-transition-property: -moz-transform;
		transition-property: transform;
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		transition-duration: 0.2s;
		-webkit-transition-delay: 0.2s;
		-moz-transition-delay: 0.2s;
		transition-delay: 0.2s;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		-o-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	#header .gnbWrap.isVisible .gnb {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		transition-delay: 0s;
	}
	#header .gnb p.title { display: block; width: auto; background-color: #393e44; }
	#header .gnb p.title a { display: block; height: 100px; text-indent: -9999px; background: url(../images/common/top_logo_mobile.png) 18px center no-repeat; }

	#header .gnb > ul.list { text-align: left; border-top: 1px solid #e3e3e3; }
	#header .gnb > ul.list > li { position: relative; float: none; }
	#header .gnb > ul.list > li > a { height: 56px; line-height: 55px; font-size: 16px; border-bottom: 1px solid #e3e3e3; background: #fff url(../images/common/mobile_gnb_icon_plus.png) right 24px center no-repeat; padding: 0 20px; }
	#header .gnb > ul.list > li.active > a { color: #6175c2; }
	body.child #header .gnb > ul.list > li.active > a { color: #0aa9bf; }
	body.rename #header .gnb > ul.list > li.active > a { color: #59a245; }
	body.family #header .gnb > ul.list > li.active > a { color: #0aad80; }
	#header .gnb > ul.list > li.active > a span:after { display: none; }

	/* footer */

	#footer { padding: 20px 10px; }
	#footer .footerIn { width: auto; padding-left: 0; }
	#footer h1 { display: none; }

	#footer .footerMenu { margin-bottom: 0; }
	#footer .footerMenu ul.list { text-align: center; }
	#footer .footerMenu ul.list li { float: none; display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; line-height: 26px; font-size: 13px; color: #a2a6aa; background: url(../images/common/menu_devider_white.png) left center no-repeat; padding-left: 8px; margin-left: 5px; margin-right: 0; }
	#footer .footerMenu ul.list li.first { background: none; padding-left: 0; margin-left: 0; }
	#footer .footerMenu ul.list li a { color: #a2a6aa; font-weight: 400; text-decoration: none; }

	#footer .footerIn > ul.list { display: none; }

	#footer p.copyright { line-height: 24px; font-size: 16px; color: #fff; text-align: center; margin-top: 4px; }

	/* quick menu */

	.quickMenu { display: block; position: fixed; left: 0; bottom: 0; width: 100%; height: 60px; background-color: #fff; z-index: 9999; 
		-moz-box-shadow: 0px -5px 12px rgba(0,0,0,.15);
		-webkit-box-shadow: 0px -5px 12px rgba(0,0,0,.15);
		box-shadow: 0px -5px 12px rgba(0,0,0,.15);
	}
	.quickMenu ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */
	.quickMenu ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */
	.quickMenu ul.list {}
	.quickMenu ul.list li { float: left; width: 20%; }
	.quickMenu ul.list li a { display: block; height: 56px; line-height: 20px; font-size: 13px; color: #5a5a5a; font-weight: 400; text-decoration: none; text-align: center; border-top: 1px solid #dcdcdc; background-position: center 4px; -webkit-background-size: auto 30px; background-size: auto 30px; background-repeat: no-repeat; padding: 34px 0 2px; }
	.quickMenu ul.list li.apply a { background-image: url(../images/common/quick_icon_apply.jpg); }
	.quickMenu ul.list li.apply.active a { background-image: url(../images/common/quick_icon_apply_on.jpg); }
	.quickMenu ul.list li.permission a { background-image: url(../images/common/quick_icon_permission.jpg); }
	.quickMenu ul.list li.permission.active a { background-image: url(../images/common/quick_icon_permission_on.jpg); }
	.quickMenu ul.list li.home a { background-image: url(../images/common/quick_icon_home.jpg); }
	.quickMenu ul.list li.home.active a { background-image: url(../images/common/quick_icon_home_on.jpg); }
	.quickMenu ul.list li.success a { background-image: url(../images/common/quick_icon_success.jpg); }
	.quickMenu ul.list li.success.active a { background-image: url(../images/common/quick_icon_success_on.jpg); }
	.quickMenu ul.list li.consult a { background-image: url(../images/common/quick_icon_consult.jpg); }
	.quickMenu ul.list li.consult.active a { background-image: url(../images/common/quick_icon_consult_on.jpg); }
	.quickMenu ul.list li.edit a { background-image: url(../images/common/quick_icon_edit.jpg); }
	.quickMenu ul.list li.edit.active a { background-image: url(../images/common/quick_icon_edit_on.jpg); }
	.quickMenu ul.list li.son a { background-image: url(../images/common/quick_icon_son.jpg); }
	.quickMenu ul.list li.son.active a { background-image: url(../images/common/quick_icon_son_on.jpg); }
	.quickMenu ul.list li.deny a { background-image: url(../images/common/quick_icon_deny.jpg); }
	.quickMenu ul.list li.deny.active a { background-image: url(../images/common/quick_icon_deny_on.jpg); }
	.quickMenu ul.list li.sir a { background-image: url(../images/common/quick_icon_sir.jpg); }
	.quickMenu ul.list li.sir.active a { background-image: url(../images/common/quick_icon_sir_on.jpg); }
	.quickMenu ul.list li.adopt a { background-image: url(../images/common/quick_icon_adopt.jpg); }
	.quickMenu ul.list li.adopt.active a { background-image: url(../images/common/quick_icon_adopt_on.jpg); }

	/*.quickMenu ul.list li.active a { color: #ee8a15; }*/

}



/* ==============================================
   main
   ============================================== */

/* visual : main */

.mainVisual { position: relative; height: 430px; 
	background-image: url(../images/main/visual_bg_dark.jpg);
	-webkit-backface-visibility: hidden;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.mainVisual .slogan { position: absolute; left: 0; top: 78px; width: 100%; text-align: center; letter-spacing: -.08em; z-index: 9; }
.mainVisual .slogan span.top { display: block; line-height: 42px; font-size: 30px; color: #fff; font-weight: 500; text-shadow: 0px 1px 0px rgba(0,0,0,.2); }
.mainVisual .slogan h1.main { line-height: 120px; font-size: 100px; color: #fff; font-weight: 600; text-shadow: 0px 3px 6px rgba(0,0,0,.2); margin-top: 18px; }
.mainVisual .slogan h1.main strong { color: #f7c20c; }
.mainVisual .slogan p.sub { width: 336px; line-height: 32px; font-size: 24px; color: #fff; font-weight: 400; text-shadow: 0px 1px 0px rgba(0,0,0,.2); margin: 35px auto 0; }
.mainVisual .slogan .cursor::after {
	 content: '';
	 display: inline-block;
	 width: 3px;
	 height: 20px;
	 margin-left: 6px;
	 background-color: #fff;
	 animation-name: blink;
	 animation-duration: 0.5s;
	 animation-iteration-count: infinite;
}
.mainVisual .slogan h1.cursor::after {
	 height: 80px;
	 width: 3px;
	 margin-left: 16px;
}
@keyframes blink {
	 0% {
		 opacity: 1;
	}
	 49% {
		 opacity: 1;
	}
	 50% {
		 opacity: 0;
	}
	 100% {
		 opacity: 0;
	}
}

/* sub main visual */

.subMainVisual { position: relative; height: 260px; margin-bottom: 40px; 
	-webkit-backface-visibility: hidden;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body.birth .subMainVisual { background-image: url(../images/birth/main_visual_bg_dark.jpg); }
body.child .subMainVisual { background-image: url(../images/child/main_visual_bg_dark.jpg); }
body.rename .subMainVisual { background-image: url(../images/rename/main_visual_bg_dark.jpg); }
body.family .subMainVisual { background-image: url(../images/family/main_visual_bg_dark.jpg); }

.subMainVisual .slogan { position: absolute; left: 0; top: 40px; width: 100%; text-align: center; }
.subMainVisual .slogan h1.main { height: 70px; line-height: 70px; font-size: 60px; color: #fff; font-weight: 600; letter-spacing: -.05em; text-shadow: 0px 3px 6px rgba(0,0,0,.2); }
.subMainVisual .slogan span.title { display: block; line-height: 36px; font-size: 30px; color: #fff; font-weight: 600; margin-top: 6px; }
.subMainVisual .slogan span.title strong { color: #f7c20c; }
.subMainVisual .slogan span.sub { display: block; line-height: 24px; font-size: 18px; color: #fff; font-weight: 400; margin-top: 20px; }
.subMainVisual .slogan .cursor::after {
	 content: '';
	 display: inline-block;
	 width: 3px;
	 height: 40px;
	 margin-left: 12px;
	 background-color: #fff;
	 animation-name: blink;
	 animation-duration: 0.5s;
	 animation-iteration-count: infinite;
}

/* main body */

#mainBody {}
#mainBody h3 { line-height: 32px; font-size: 22px; font-weight: 500; }
#mainBody h3 span { line-height: 28px; font-size: 15px; color: #adadad; vertical-align: bottom; margin-left: 15px; }
#mainBody p.text { line-height: 24px; font-size: 16px; }

#mainBody ul.board {}
#mainBody ul.board li { position: relative; line-height: 30px; font-size: 16px; }
#mainBody ul.board li span.category { color: #3174b1; font-weight: 500; margin-right: 8px; }
#mainBody ul.board li a { color: #5a5a5a; text-decoration: none; }
#mainBody ul.board li a:hover { color: #000; text-decoration: underline; }
#mainBody ul.board li span.date { position: absolute; right: 0; top: 0; color: #a7a7a7; }

/* main case */

.mainCase { position: relative; width: 1120px; margin: 0 auto; }
.mainCase h3 { margin-bottom: 12px; }
.mainCase a.btnMore { display: block; position: absolute; right: 0; top: 0; width: 32px; height: 32px; text-indent: -9999px; background: url(../images/common/icon_more_simple.png) center center no-repeat; }

#mainBody.rename table.mainCaseList .age { display: none; }

/* main top link */

.mainTopLink {*zoom:1;} /* Hack for browser IE5.5~7 */
.mainTopLink:after { content:" "; display:block; clear:both;} /* float virtual element */
.mainTopLink { width: 1120px; margin: 60px auto 60px; }
.mainTopLink > div { position: relative; float: left; width: 364px; height: 260px; background-color: #393e44; margin-left: 14px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.mainTopLink > div.first { margin-left: 0; }
.mainTopLink > div > a { display: block; height: 100%; text-decoration: none; padding: 28px 0 0 150px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.mainTopLink > div.birth { background-color: #445a7f; }
.mainTopLink > div.child { background-color: #9d7f54; }
.mainTopLink > div.family { background-color: #4c8c7b; }
.mainTopLink > div.birth > a:hover { background-color: #476393; }
.mainTopLink > div.child > a:hover { background-color: #b28e5b; }
.mainTopLink > div.family > a:hover { background-color: #529c88; }

.mainTopLink p.icon { position: absolute; left: 34px; top: 50%; width: 86px; height: 86px; line-height: 86px; text-align: center; background-color: #fff; margin-top: -43px; 
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.mainTopLink p.icon:before { content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.mainTopLink p.icon img { vertical-align:middle;}
.mainTopLink h3 { line-height: 38px !important; font-size: 26px !important; color: #fff; font-weight: 600 !important; text-shadow: 0px 1px 1px rgba(0,0,0,.2); margin-bottom: 16px; }
.mainTopLink p.text { color: #fff; }
.mainTopLink span.btnMore { display: block; position: absolute; left: 150px; bottom: 32px; width: 50px; height: 28px; text-indent: -9999px; background: url(../images/main/top_contents_arrow.png) left center no-repeat; 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.mainTopLink a:hover span.btnMore { background-position: right center; }

/* main top */

.mainTop {*zoom:1;} /* Hack for browser IE5.5~7 */
.mainTop:after { content:" "; display:block; clear:both;} /* float virtual element */
.mainTop { width: 1120px; margin: 46px auto 46px; }
.mainTop form > div,
.mainTop > div { position: relative; float: left; width: 364px; height: 300px; background-color: #393e44; padding: 28px 0 0 40px; margin-left: 14px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.mainTop form > div.first,
.mainTop > div.first { margin-left: 0; }

.mainTop h3 { line-height: 34px !important; font-size: 24px !important; color: #fff; font-weight: 600 !important; margin-bottom: 22px; }
.mainTop p.text { color: #fff; }
.mainTop a.btnMore { display: block; position: absolute; left: 40px; bottom: 40px; width: 50px; height: 28px; text-indent: -9999px; background: url(../images/main/top_contents_arrow.png) left center no-repeat; 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.mainTop a.btnMore:hover { background-position: right center; }

/* main top */

.mainTop .consult {}
.mainTop .consult a.contact { display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; line-height: 50px; font-size: 38px; color: #f7c20c; font-weight: 500; text-decoration: none; margin-top: 12px; }
.mainTop .consult ul.info { margin-top: 14px; }
.mainTop .consult ul.info li { line-height: 22px; font-size: 16px; color: #a9afb7; }
.mainTop .consult ul.info li span.title { color: #fff; }
.mainTop .consult ul.info li a { color: #a9afb7; text-decoration: none; }
.mainTop .consult ul.info li a:hover { color: #fff; }

.mainTop .consultNew {}
.mainTop .consultNew .contact {margin: -8px 0 16px;}
.mainTop .consultNew .contact > div {}
.mainTop .consultNew .contact > div p.head {height: 25px;line-height: 25px;color: #fbfbfb;}
.mainTop .consultNew .contact > div p.head span.title {font-size: 18px;font-weight: 400;}
.mainTop .consultNew .contact > div p.head span.time {position: relative;display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline;font-size: 15px;color: #a2a6ab;padding-left: 10px;margin-left: 8px;}
.mainTop .consultNew .contact > div p.head span.time:after {content: " ";position: absolute;left: 0;top: 50%;width: 1px;height: 12px;background-color: #555a60;margin-top: -6px;}
.mainTop .consultNew .contact > div a.call {display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline;height: 34px;line-height: 34px;font-size: 26px;color: #f7c20c;font-weight: 600;text-decoration: none;}
.mainTop .consultNew .contact > div a.call:hover {color: #fccd2a;}
.mainTop .consultNew .contact .represent {margin-bottom: 8px;}
.mainTop .consultNew a.kakaotalk {display: block;width: 284px;height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #070707;font-weight: 500;text-decoration: none;background-color: #f7d600;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.mainTop .consultNew a.kakaotalk span {display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline;background: url('../images/common/icon_kakaotalk.png') left center no-repeat;padding-left: 46px;}
.mainTop .consultNew a.kakaotalk:hover {background-color: #fae13c;}

.mainTop .link { background-color: #e2e2e2; }
.mainTop .link h3 { color: #101010; }
.mainTop .link ul.list { text-align: center; margin-left: -32px; }
.mainTop .link ul.list li { float: left; width: 124px; text-align: center; margin-left: 32px; }
.mainTop .link ul.list li p.img { width: 124px; height: 124px; line-height: 124px; text-align: center; background-color: #fff; margin: 0 auto;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.mainTop .link ul.list li p.img:before { content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.mainTop .link ul.list li p.img:hover { background-color: #eee; }
.mainTop .link ul.list li p.img img { vertical-align:middle;}
.mainTop .link ul.list li p.title { line-height: 26px; font-size: 16px; margin-top: 18px; }
.mainTop .link ul.list li p.title a { color: #1a1a1a; text-decoration: none; }
.mainTop .link ul.list li p.title a:hover {}

.mainTop .blog {position: absolute;left: 40px;bottom: 28px;}
.mainTop .blog a {display: block;height: 70px;color: #fff;text-decoration: none;background: url('../images/common/naver_blog.png') left top no-repeat;padding-left: 86px;}
.mainTop .blog span {display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline;}
.mainTop .blog span.title {line-height: 28px;font-size: 22px;font-weight: 600;}
.mainTop .blog span.url {line-height: 20px;font-size: 13px;color: rgba(255,255,255,.4);margin-top: 6px;}
.mainTop .blog span br {display: none;}

.mainTop .media { background: #445a7f; }
.mainTop .media a.btnMore { left: auto; right: 30px; bottom: auto; top: 108px; }

.mainTop .case { background: #9d7f54; }
.mainTop .case a.btnMore { left: auto; right: 30px; bottom: auto; top: 108px; }
body.rename .mainTop .case { background-color: #858a5b; }
body.family .mainTop .case { background-color: #4c8c7b; }

/* main community */

.mainCommunity {*zoom:1;} /* Hack for browser IE5.5~7 */
.mainCommunity:after { content:" "; display:block; clear:both;} /* float virtual element */
.mainCommunity { width: 1120px; margin: 0 auto 60px; }
.mainCommunity > div { position: relative; float: left; width: 540px; }
.mainCommunity h3 { border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 20px; }
.mainCommunity a.btnMore { display: block; position: absolute; right: 0; top: 0; width: 32px; height: 32px; text-indent: -9999px; background: url(../images/common/icon_more_simple.png) center center no-repeat; }

.mainCommunity .epilogue { margin-right: 40px; }

/* consult */

.mainConsult { width: 100%; height: 330px; text-align: center; background-color: #eaeaea; margin-bottom: 60px; }
.mainConsult h3 { font-size: 28px !important; margin-bottom: 24px; }
.mainConsult .mainConsultIn { width: 1120px; padding-top: 50px; margin: 0 auto; }
.mainConsult p.text { color: #595959; }
.mainConsult .consult { margin-top: 38px; }
.mainConsult .consult > ul.list > li { display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; vertical-align: middle; margin: 0 1px; }
.mainConsult .consult > ul.list > li.select { width: 300px; }
.mainConsult .consult > ul.list > li .dropMenu { width: 100%; }
.mainConsult .consult > ul.list > li input { width: 250px; height: 48px; line-height: 36px; font-size: 15px; color: #121212; border: 0; background-color: #fff; padding: 6px 16px; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,.1);
	box-shadow: 0px 3px 3px rgba(0,0,0,.1);
}
.mainConsult .consult > ul.list > li button { width: 170px; height: 48px; line-height: 48px; font-size: 15px; color: #fff; text-align: center; border: 0; background-color: #3174b1; cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,.1);
	box-shadow: 0px 3px 3px rgba(0,0,0,.1);
}
.mainConsult .consult > ul.list > li button:hover { background-color: #262a2f; }

/* quick consult */

.quickConsult { background-color: #e2e2e2 !important; padding-right: 40px !important; }
.quickConsult h3 { color: #1a1a1a !important; }
.quickConsult > ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */
.quickConsult > ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */
.quickConsult > ul.list { margin-top: -8px; }
.quickConsult > ul.list > li { margin-bottom: 4px; }
.quickConsult > ul.list > li .dropMenu { width: 100%; }
.quickConsult > ul.list > li input { width: 100%; height: 44px; line-height: 32px; font-size: 15px; color: #121212; border: 0; background-color: #fff; padding: 6px 16px; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,.1);
	box-shadow: 0px 3px 3px rgba(0,0,0,.1);
}
.quickConsult > ul.list > li button { width: 100%; height: 46px; line-height: 46px; font-size: 15px; color: #fff; text-align: center; border: 0; background-color: #3174b1; cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,.1);
	box-shadow: 0px 3px 3px rgba(0,0,0,.1);
}
.quickConsult > ul.list > li button:hover { background-color: #3581c5; }

/* customer */

.mainCustomer {*zoom:1;} /* Hack for browser IE5.5~7 */
.mainCustomer:after { content:" "; display:block; clear:both;} /* float virtual element */
.mainCustomer { width: 1120px; margin: 0 auto 70px; }
.mainCustomer > div { position: relative; float: left; height: 236px; }
.mainCustomer h3 { height: 44px; }

.mainCustomer .consult { width: 343px; background: url(../images/main/customer_icon.png) left 13px bottom 28px no-repeat; }
.mainCustomer .consult a.contact { display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; line-height: 46px; font-size: 35px; color: #1c83cd; text-decoration: none; font-weight: 600; margin: 24px 0 24px 100px; }
.mainCustomer .consult ul.info { margin-left: 100px; }
.mainCustomer .consult ul.info li { line-height: 22px; font-size: 15px; color: #5a5a5a; }
.mainCustomer .consult ul.info li a { color: #5a5a5a; text-decoration: none; }
.mainCustomer .consult ul.info li a:hover { color: #000; text-decoration: underline; }

.mainCustomer .consultNew { width: 343px; }
.mainCustomer .consultNew .contact {background: url(../images/main/customer_icon.png) left 13px center no-repeat;padding-left: 100px;margin-bottom: 16px;}
.mainCustomer .consultNew .contact > div {}
.mainCustomer .consultNew .contact > div p.head {line-height: 25px;}
.mainCustomer .consultNew .contact > div p.head span.title {font-size: 18px;font-weight: 500;}
.mainCustomer .consultNew .contact > div p.head span.time {position: relative;display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline;font-size: 15px;color: #5a5a5a;padding-left: 10px;margin-left: 8px;}
.mainCustomer .consultNew .contact > div p.head span.time:after {content: " ";position: absolute;left: 0;top: 50%;width: 1px;height: 12px;background-color: #c3c3c3;margin-top: -6px;}
.mainCustomer .consultNew .contact > div a.call {height: 34px;line-height: 34px;font-size: 28px;color: #1c83cd;font-weight: 600;text-decoration: none;}
.mainCustomer .consultNew .contact > div a.call:hover {color: #1a8ee2;}
.mainCustomer .consultNew .contact .represent {margin-bottom: 8px;}
.mainCustomer .consultNew a.kakaotalk {display: block;height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #070707;font-weight: 500;text-decoration: none;background-color: #f7d600;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.mainCustomer .consultNew a.kakaotalk span {display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline;background: url('../images/common/icon_kakaotalk.png') left center no-repeat;padding-left: 46px;}
.mainCustomer .consultNew a.kakaotalk:hover {background-color: #fae13c;}

.mainCustomer .media { width: 354px; margin: 0 40px; }
.mainCustomer .media h3 { border-bottom: 1px solid #e2e2e2; margin-bottom: 25px; }
.mainCustomer .media a.btnMore { display: block; position: absolute; right: 0; top: 0; width: 32px; height: 32px; text-indent: -9999px; background: url(../images/common/icon_more_simple.png) center center no-repeat; }
.mainCustomer .media p.program { line-height: 24px; font-size: 15px; color: #3174b1; font-weight: 500; margin-bottom: 7px; }
.mainCustomer .media p.title { line-height: 24px; font-size: 18px; font-weight: 500; margin-bottom: 20px; }
.mainCustomer .media p.title a { color: #151515; text-decoration: none; }
.mainCustomer .media p.title a:hover { color: #000; text-decoration: underline; }
.mainCustomer .media p.exp { line-height: 24px; font-size: 15px; color: #5a5a5a; }

.mainCustomer .map { width: 343px; }


/* mediaquery for tab */

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

}

/* mediaquery for mobile */

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

	/* visual : main */

	.mainVisual { height: 220px; }

	.mainVisual .slogan { top: 30px; }
	.mainVisual .slogan span.top { line-height: 30px; font-size: 22px; }
	.mainVisual .slogan h1.main { line-height: 48px; font-size: 36px; margin-top: 0; }
	.mainVisual .slogan p.sub { width: 280px; line-height: 24px; font-size: 18px; margin: 18px auto 0; }
	.mainVisual .slogan .cursor::after {
		 height: 16px;
	}
	.mainVisual .slogan h1.cursor::after {
		 height: 40px;
		 margin-left: 10px;
	}

	/* sub main visual */

	.subMainVisual { height: 200px; margin-bottom: 40px; }

	.subMainVisual .slogan { top: 26px; }
	.subMainVisual .slogan h1.main { height: auto; line-height: 30px; font-size: 22px; font-weight: 500; }
	.subMainVisual .slogan span.title { line-height: 34px; font-size: 30px; margin-top: 4px; }
	.subMainVisual .slogan span.sub { line-height: 20px; font-size: 14px; font-weight: 400; padding: 0 20px; margin-top: 16px; }
	.subMainVisual .slogan span.sub br { display: none; }
	.subMainVisual .slogan span.sub br.block { display: block; }
	.subMainVisual .slogan .cursor::after {
		 width: 2px;
		 height: 18px;
		 margin-left: 8px;
	}

	/* main body */

	#mainBody p.text { line-height: 20px; font-size: 14px; }
	#mainBody p.text br { display: none; }

	#mainBody ul.board li { height: 28px; line-height: 28px; font-size: 15px; overflow: hidden; }
	#mainBody ul.board li span.date { display: none; }

	/* main case */

	.mainCase { width: auto; padding: 0 10px; }
	.mainCase a.btnMore { right: 10px; width: auto; line-height: 34px; font-size: 14px; color: #1a1a1a; text-indent: 0; text-decoration: none; background-position: right center; padding-right: 20px; }
	.mainCase table.mainCaseList .region { display: none; }
	.mainCase table.mainCaseList tr:nth-child( n + 7 ) { display: none; }


	/* main top link */

	.mainTopLink { width: auto; padding: 0 10px; margin: 40px auto 40px; }
	.mainTopLink > div { float: none; width: auto; height: 200px; margin-left: 0; margin-top: 10px; }
	.mainTopLink > div.first { margin-top: 0; }
	.mainTopLink > div > a { padding: 20px 0 0 130px; }
	.mainTopLink > div p.text { padding-right: 20px; }
	.mainTopLink > div p.text br { display: none; }

	.mainTopLink p.icon { left: 20px; }
	.mainTopLink h3 { line-height: 28px !important; font-size: 20px !important; margin-bottom: 10px; }
	.mainTopLink span.btnMore { left: 130px; bottom: 24px; }

	/* main top */

	.mainTop { position: relative; width: auto; padding: 0 10px; margin: 40px auto 40px; }
	.mainTop > div { float: none; width: 48%; height: 240px; padding: 20px 10px; margin-left: 0; }
	.mainTop form > div { float: none; width: 100%; height: auto; margin-left: 0; }

	.mainTop h3 { line-height: 24px !important; font-size: 18px !important; margin-bottom: 10px; }
	
	/* main top */

	.mainTop .consult p.text { display: none; }
	.mainTop .consult a.contact { line-height: 30px; font-size: 24px; font-weight: 600; margin-top: 0; }
	.mainTop .consult ul.info { margin-top: 14px; }
	.mainTop .consult ul.info li { line-height: 22px; font-size: 13px; }
	/*.mainTop .consult ul.info li span.title { display: none; }*/

	.mainTop .consultNew {}
	.mainTop .consultNew .contact {margin: -8px 0 10px;}
	.mainTop .consultNew .contact > div p.head {height: 20px;line-height: 20px;}
	.mainTop .consultNew .contact > div p.head span.title {font-size: 14px;}
	.mainTop .consultNew .contact > div p.head span.time {display: none;}
	.mainTop .consultNew .contact > div p.head span.time:after { display: none; }
	.mainTop .consultNew .contact > div a.call {height: 32px;line-height: 32px;font-size: 20px;}
	.mainTop .consultNew .contact .represent {margin-bottom: 4px;}
	.mainTop .consultNew a.kakaotalk {width: auto;height: 52px;line-height: 52px;font-size: 15px; }
	.mainTop .consultNew a.kakaotalk span {display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline;background: url('../images/common/icon_kakaotalk.png') left center no-repeat;background-size: 22px auto;padding-left: 28px;}
	.mainTop .consultNew a.kakaotalk:hover {background-color: #fae13c;}

	.mainTop .link { display: none; }

	.mainTop .blog {left: 10px;bottom: 24px;}
	.mainTop .blog a {height: 52px; background-size: auto 52px; padding-left: 64px;}
	.mainTop .blog span.title {line-height: 20px;font-size: 15px;}
	.mainTop .blog span.url {display: none;}
	.mainTop .blog span br {display: block;}

	.mainTop .media { position: absolute; right: 10px; top: 0; background-position: right 20px bottom 20px; -webkit-background-size: 60px auto;	background-size: 60px auto; }
	.mainTop .media a.btnMore { left: 12px; bottom: auto; top: 120px; }

	.mainTop .case { position: absolute; right: 10px; top: 0; background-position: right 20px bottom 20px; -webkit-background-size: 60px auto;	background-size: 60px auto; }
	.mainTop .case a.btnMore { left: 12px; bottom: auto; top: 120px; }
	.mainTop .quickConsult { margin-top: 40px; }

	/*body.rename .mainTop .case { background-color: #59a245; }
	body.family .mainTop .case { background-color: #20c095; }*/

	/* main community */

	.mainCommunity { width: auto; padding: 0 10px; margin: 0 auto 40px; }
	.mainCommunity > div { float: none; width: auto; }
	.mainCommunity a.btnMore { right: 10px; width: auto; line-height: 34px; font-size: 14px; color: #1a1a1a; text-indent: 0; text-decoration: none; background-position: right center; padding-right: 20px; }
	.mainCommunity .epilogue { margin-right: 0; margin-bottom: 40px; }

	/* consult */

	.mainConsult { height: auto; margin-bottom: 40px; }
	.mainConsult .mainConsultIn { width: auto; padding: 40px 20px; }
	.mainConsult p.text { display: none; }
	.mainConsult .consult { margin-top: 26px; }
	.mainConsult .consult > ul.list > li { display: block; margin: 4px 0 0 0; }
	.mainConsult .consult > ul.list > li.select { width: 100%; }
	.mainConsult .consult > ul.list > li .dropMenu { width: 100%; }
	.mainConsult .consult > ul.list > li input { width: 100%;	}
	.mainConsult .consult > ul.list > li button { width: 100%; }

	/* quick consult */

	.quickConsult { padding-right: 20px !important; }
	.quickConsult h3 { color: #1a1a1a !important; }
	.quickConsult > ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */
	.quickConsult > ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */
	.quickConsult > ul.list { margin-top: -8px; }
	.quickConsult > ul.list > li { margin-bottom: 4px; }
	.quickConsult > ul.list > li .dropMenu { width: 100%; }
	.quickConsult > ul.list > li input { width: 100%; height: 44px; line-height: 32px; font-size: 15px; color: #121212; border: 0; background-color: #fff; padding: 6px 16px; 
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0px 3px 3px rgba(0,0,0,.1);
		-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,.1);
		box-shadow: 0px 3px 3px rgba(0,0,0,.1);
	}
	.quickConsult > ul.list > li button { width: 100%; height: 46px; line-height: 46px; font-size: 15px; color: #fff; text-align: center; border: 0; background-color: #3174b1; cursor: pointer;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0px 3px 3px rgba(0,0,0,.1);
		-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,.1);
		box-shadow: 0px 3px 3px rgba(0,0,0,.1);
	}
	.quickConsult > ul.list > li button:hover { background-color: #3581c5; }

	/* customer */

	.mainCustomer { width: auto; padding: 0 10px; margin: 0 auto 40px; }
	.mainCustomer > div { float: none; height: auto; }

	.mainCustomer .consult { width: auto; margin-bottom: 40px; }

	.mainCustomer .consultNew { width: auto; margin-bottom: 40px; }
	.mainCustomer .consultNew .contact > div p.head span.title {font-size: 16px;}
	.mainCustomer .consultNew .contact > div a.call {font-size: 24px;}

	.mainCustomer .media { width: auto; margin: 0 0 40px 0; }
	.mainCustomer .media p.exp br { display: none; }

	.mainCustomer .map { width: auto; }
	.mainCustomer .map p.map img { width: 100%; height: auto; }

}