/***************************** 서브 공통 ****************************/

.pop_mail_infor {background-color: #fff; padding: 35px}
.pop_mail_infor h1 {font-size: 18px; display: block; margin-bottom: 20px; color: #09a3a3;}
.pop_mail_infor p {line-height: 1.7em}
.pop_mail_infor dd {line-height: 1.7em}
.pop_mail_infor li {margin: 20px 0 10px;}

.privacy_cont {line-height: 1.7em; margin-top: 50px}
.privacy_cont dt {color: #111; margin: 20px 0 10px; font-size: 16px;}
.tbl_privacy {width: 100%; margin:20px 0; border-top:2px solid #000;  }
.tbl_privacy th {border-bottom: 1px solid #000; padding: 10px 0; color: #000;}
.tbl_privacy td {padding: 10px 0; border-bottom: 1px solid #000; text-align: center; color: #000}
a.btn_privacy {display: inline-block; color: #000; padding: 10px 20px; margin: 20px 0 50px; border: 1px solid #000}
a.btn_privacy span {display: inline-block; padding-right: 30px; background:url(../images/btn/arrow_bbs.png) no-repeat right center;}
a.btn_privacy:hover {background: #fff}

/* 페이지 위치 */
.state_wrap {border-bottom: 1px solid #e8e8e8; padding: 20px 0;}
.state_wrap:after {display: block; clear: both; content: ""}
.state_wrap ul {display: block; width: 1140px; margin: auto}
.state_wrap ul li {float: left; display: inline-block; margin-right: 10px; padding-left: 15px; background:url(../images/common/bbs_pre_arrow.gif) no-repeat left center; }
.state_wrap ul li a {font-size: 12px; letter-spacing: 1px; color: #999}
.state_wrap ul li a:hover {text-decoration: underline}
.state_wrap ul .now a {font-weight:bold; color: #000}
.state_wrap ul .now a:hover {text-decoration: none}
.state_wrap ul .home {background: none; padding: 0}
.state_wrap ul .home img {width: 15px}

/* visual */
#subVideo {display : none;}
.s_part {width:100%; height:440px; padding-top:64px; background-repeat:no-repeat; position:relative; overflow:hidden; z-index:1}
.s_part .page_title {position:absolute; width: 1140px; top:200px; left: 50%; margin-left: -570px; text-align:center; color:#fff; z-index: 10}
.s_part .page_title h1 {position:relative; display: inline-block; font-size:60px; color:#fff; font-weight: 700;}
.s_part .page_title h1.kr {font-size: 50px}
.s_part .page_title h1.kr i {display: none; position: absolute; top:-5px; right: -25px}
.s_part .page_title h1 i {display: none; position: absolute; top:3px; right: -25px}
.s_part .page_title h1 i img {width:20px}
.s_part .page_title p {position:relative; display:block; font-size: 20px; padding-top: 30px; line-height: 1.6em; color: #fff}
.s_part_back {position:fixed; width:100%; height:475px; left:0; right:0; top:64px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.s_part .page_title.bk h1, .s_part .page_title.bk h1.kr {color: #111}
.s_part .page_title.bk p {color:#555}

.visual_sub_Wrap {background-color: #111}
/*
.visual_sub_Wrap img {
    position: absolute;
    left: 0;
    top:0;  
    width: 100%;  
    z-index: 1;
}
*/
.visual_sub_Wrap img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    z-index: 2;
}
.visual_sub_Wrap video {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
}


.s_main_part .page_title.right, .s_main_part .page_title.right h2, .s_main_part .page_title.right p{text-align: right}
.s_main_part .page_title.right h1 {background:url(../images/common/bbs_h1_line.gif) no-repeat right bottom;}
.s_main_part {width:100%; height:780px; background-repeat:no-repeat; background-size:cover; background-position:center center; position:relative; overflow:hidden; z-index:10}
.s_main_part .page_title {    
	display:none;
	position: absolute;
    top: 260px;
    left: 50%;
    width: 1140px;
    text-align: left;
    color: #fff;
    margin-left: -570px;
    z-index: 5;
}
.s_main_part h1 {position: relative; display: inline-block; font-size:18px; font-weight: 700; padding-bottom: 30px; letter-spacing: 1px; margin-bottom: 20px; background:url(../images/common/bbs_h1_line.gif) no-repeat left bottom;}
.s_main_part h1 i {display: none; position: absolute; top:-5px; right: -20px}
.s_main_part h1 i img {width:15px}
.s_main_part h2 {font-size:60px; line-height: 60px; font-weight: 500;}
.s_main_part p {position:relative; font-size: 20px; line-height: 1.6em; color: #fff; padding-top: 30px;}
.s_main_back {position:fixed; width:100%; height:780px; left:0; right:0; top:0; background-repeat:no-repeat; background-size:cover; background-position:center center; background-color: #000; overflow:hidden}
.s_main_part.product {background:url(../images/pic/visual_product.jpg) no-repeat center center;}

/* visual */
.background-cover {}
.background-cover .abobe_img {z-index:1;}
.background-cover video {width: 100%;}
.background-cover img, .background-cover video {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
}
.background-cover .div_mobile {height: auto; width: 100%}

.ie_img {width:100%}
.ver-ie .ie_img {background:none;-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/pic/s0.jpg', sizingMethod='scale')";}

/**************** 메인 *******************/
.model_wrap {height: 100vh; visibility: hidden}
.model_wrap .page_title {position:absolute; top:39%; left: 200px; text-align:left; color:#fff; z-index: 50}
.model_wrap .page_title h1 {position:relative; display: inline-block; font-size: 60px; line-height: 1.2em; font-weight: 700;}
.model_wrap .page_title h1 i {position: absolute; top:3px; right: -25px}
.model_wrap .page_title h1 i img {width:20px}
.model_wrap .page_title p {position:relative; display:block; font-size: 24px; padding-top: 30px; line-height: 1.6em;}
.model_wrap .page_title h1 em {display: block; font-weight: 300}
.part_wrap .bx-pager {position: absolute !important; left: 0; right: 0; bottom: 25px !important}
.part_wrap .bx-wrapper {margin: 0}

.cat-tt-circle { background:url(http://error.uhost.co.kr/stop/4044_Error_Page.html) 0 0 no-repeat; width: 36px; height: 36px; cursor:hand !important; position: absolute; z-index: 1; background-clip: padding-box; /* stops bg color from leaking outside the border */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none;}
.cat-tt-circle.active, .cat-tt-circle:hover, .cat-tt-circle.on:hover {background:url(http://error.uhost.co.kr/stop/4044_Error_Page.html) 0 0 no-repeat;}
.cat-tt-circle {
	-webkit-animation: pulse2 1s linear infinite;
	-moz-animation: pulse2 1s linear infinite;
	-ms-animation: pulse2 1s linear infinite;
	animation: pulse2 1s linear infinite;
}
.cat-tt-circle.on {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	animation: none;
}

@keyframes "pulse2" {
 0% {
    -webkit-transform: scale(0.6);
   	-moz-transform: scale(0.6);
   	-o-transform: scale(0.6);
   	-ms-transform: scale(0.6);
   	transform: scale(0.6);
 }
 50% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
 }
 100% {
    -webkit-transform: scale(0.8);
   	-moz-transform: scale(0.8);
   	-o-transform: scale(0.8);
   	-ms-transform: scale(0.8);
   	transform: scale(0.8);
 }
}

@-moz-keyframes "pulse2" {
 0% {
    -webkit-transform: scale(0.6);
   	-moz-transform: scale(0.6);
   	-o-transform: scale(0.6);
   	-ms-transform: scale(0.6);
   	transform: scale(0.6);
 }
 50% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
 }
 100% {
    -webkit-transform: scale(0.8);
   	-moz-transform: scale(0.8);
   	-o-transform: scale(0.8);
   	-ms-transform: scale(0.8);
   	transform: scale(0.8);
 }
}

@-webkit-keyframes "pulse2" {
 0% {
    -webkit-transform: scale(0.6);
   	-moz-transform: scale(0.6);
   	-o-transform: scale(0.6);
   	-ms-transform: scale(0.6);
   	transform: scale(0.6);
 }
 50% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
 }
 100% {
    -webkit-transform: scale(0.8);
   	-moz-transform: scale(0.8);
   	-o-transform: scale(0.8);
   	-ms-transform: scale(0.8);
   	transform: scale(0.8);
 }
}

@-ms-keyframes "pulse2" {
 0% {
    -webkit-transform: scale(0.6);
   	-moz-transform: scale(0.6);
   	-o-transform: scale(0.6);
   	-ms-transform: scale(0.6);
   	transform: scale(0.6);
 }
 50% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
 }
 100% {
    -webkit-transform: scale(0.8);
   	-moz-transform: scale(0.8);
   	-o-transform: scale(0.8);
   	-ms-transform: scale(0.8);
   	transform: scale(0.8);
 }
}


	
/* Slide */
.tooltip.slide {
	opacity: 0;
	transition: -webkit-transform 200ms ease-out;
	transition: transform 200ms ease-out;
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
}
.tooltip.slide.top,
.tooltip.slide.top-left,
.tooltip.slide.top-right {
	-webkit-transform: translateY(15px);
	transform: translateY(15px);
}
.tooltip.slide.in {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	transition-duration: 100ms;
	z-index:20;
}

/* 메인섹션 타이틀 */
.h1_tit_style {position:relative; display: inline-block; font-size:30px; color: #111; font-weight: 500; letter-spacing: -.5px}
.h1_tit_style i {display: none; position: absolute; top:-4px; right: -20px}
.h1_tit_style i img {width:15px}
.h1_tit_style.wh {color: #fff}
.h1_tit_style span {font-weight: 500}

.h1_big_style {position:relative; display: inline-block; font-size:40px; color: #111; font-weight: 700; z-index: 1}
.h1_big_style i {display: none; position: absolute; top:0px; right: -24px}
.h1_big_style i img {width:18px}
.h1_big_style em {position: relative; top:13px}

/* video */
.div_web {}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 모델 툴팁 */
.zoom_wrap {
	/* position: absolute; inwarde*/
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    bottom:0 !important;
    z-index:10;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    overflow: hidden;
}

.pane {
    position: absolute;
    top: 0;
    height: 100%;
    -webkit-transition: all 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    -moz-transition: all 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    -o-transition: all 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    -ms-transition: all 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    transition: all 0.7s cubic-bezier(0.825, 0, 0.5, 1);
}
.pane-left {
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}
.pane-right {
    right: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}
.detail-description {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.zoom_wrap.open {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    /* z-index: 2; inwarde */
	z-index: 12;
}
.open > .pane-left {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.open > .pane-right {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.detail-description > .scrollable {
    padding-left: 20%;
    padding-right: 20%;
}

.scrollable {
    height: 100%;
    overflow-x: hidden;
    padding-right: 22px;
}
.scrollable h1 {margin-top:30%; color: #111; font-size: 40px; margin-bottom: 30px}
.scrollable p {font-size: 16px; line-height: 1.7em}
.scrollable p.emp {font-size: 18px; margin-bottom: 15px; color: #ea3d83}
.zoom_wrap .close {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 18px;
    margin-left: -30px;
    display: block;
    width: 60px;
    height: 60px;
    background: url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat 0 0;
    z-index: 10;
}
.half-height {
    height: 50%;
    position: relative;
    background-color: #f5f5f5;
}
.half-width {
    width: 50%;
}

.main_otollo {position:relative; height: 560px; overflow: hidden; background-color:#09a3a3; z-index: 11}
.main_otollo .dim {position: absolute; width: 100%; left: 0; bottom: 0; background-color: #09a3a3; opacity: .8}
.main_otollo h1 {display: block; padding:130px 0 40px}
.main_otollo h2 {color: #fff; font-size: 22px; font-weight: normal; line-height: 1.5em}
.main_otollo .content {position: absolute; width: 100%; text-align: center; z-index: 1}
.main_otollo .btn_link {
	margin-top: 30px;
	display:inline-block; 
	width: 32px;
    height: 32px;
    background: url(../images/common/bbs_arrow_page_wh.png) no-repeat 0 0;
	 transition: ease-in .3s;
    -webkit-transition: ease-in .3s;
    -moz-transition: ease-in .3s;
    -ms-transition: ease-in .3s;
    -o-transition: ease-in .3s;

}


/***************************** 3depth layer ****************************/
.main_sub_link {clear: both; position: relative; z-index: 11; background-color: #dfc0ac;}
.main_sub_link:after {display: block; clear: both; content: ""}
.tile-group {}
.tile-group:after {display:block; clear:both; content:""} 
.tile-image {position: relative; width: 33.3%; float: left; overflow: hidden;}
.tile-image img, .main_sub_link .tile-description img {
    width: 100%;
    transition: ease-in .2s;
    -webkit-transition: ease-in .2s;
    -moz-transition: ease-in .2s;
    -ms-transition: ease-in .2s;
    -o-transition: ease-in .2s;
    transform: scale(1);
    -webkit-transform: scale(1);*/
}

.tile-image:hover img, .main_sub_link .tile-description:hover img {transform:scale(1.05); -webkit-transform:scale(1.05); }
.container.people .tile-image:hover img, .container.people .main_sub_link .tile-description:hover img  {transform:scale(1); -webkit-transform:scale(1);}

.tile-description {position: relative; width: 33.3%; float: left; overflow: hidden}
.tile-description.title {width: 66.6%; background-color:#de166f}
.tile-description.title h1 {color: #fff; display: block; margin-bottom: 2%}
.tile-description.title p {color: #fff; font-size: 16px; line-height: 1.5em}
.tile_content {
	position: absolute;
	display: block;
	width: 100%; 
	height: 100%;
	top:0; left: 0; bottom: 0;
}
    
.sq-ratio {width: 100%;}

.content_in {padding:10%;}
.content_in h3 {
	display: block; 
	font-size: 24px;
	color: #111; 
	font-weight: 500; 
	margin-bottom: 5%;
	transition: ease-in .3s;
    -webkit-transition: ease-in .3s;
    -moz-transition: ease-in .3s;
    -ms-transition: ease-in .3s;
    -o-transition: ease-in .3s;
}
.content_in .description {line-height: 1.6em; color: #555}
.content_in.wh h3 {color: #fff}
.content_in.wh p {color: #ddd}
.content_in.wh .btn_link {background: url(../images/common/bbs_arrow_page_wh.png) no-repeat 0 0;}
.tile-group .btn_link {
	margin-top:20px;
	display: block; 
	width: 32px;
    height: 32px;
    background: url(../images/common/bbs_arrow_page.png) no-repeat 0 0;
	 transition: ease-in .3s;
    -webkit-transition: ease-in .3s;
    -moz-transition: ease-in .3s;
    -ms-transition: ease-in .3s;
    -o-transition: ease-in .3s;

}
.scrollable .btn_link {
    margin: 50px auto;
	display: block; 
	width: 32px;
    height: 32px;
    background: url(../images/common/bbs_arrow_page.png) no-repeat 0 0;
	 transition: ease-in .3s;
    -webkit-transition: ease-in .3s;
    -moz-transition: ease-in .3s;
    -ms-transition: ease-in .3s;
    -o-transition: ease-in .3s;

}

.tile-vertical {width:33.3%; float: left; position: relative}
.tile-vertical:after {display:block; clear:both; content:""} 
.tile-vertical .tile-image {width:100%; float: left; overflow: hidden;}
.tile-vertical .tile-description {width:100%; float: left;}

.tile-image .content_in {position: absolute; left: 35px; right: 35px; bottom:35px; padding: 0; z-index: 1; color: #fff}
.tile-image .content_in h3 {color: #fff; font-size: 24px;}


/**/
.people .tile_content .content_in {text-align: left}
.people .tile-description {text-align: center}
.people .tile-description.pink {background-color: #de166f}
.people .tile-description.pink h3 {color: #fff}
.people .tile-description h3 {margin-top: 20%; line-height: 1.4em; font-size: 22px; text-align: center;}

/**/
.key_title {position: absolute; left:6%; top:13%; font-size: 70px; line-height: 1.0em; color: #31B9FF; z-index: 1;}
#key01.key_title {position: absolute; left:6%; top:20%; font-size: 70px; line-height: 1.0em; color: #31B9FF; z-index: 1;}
#key02.key_title {position: absolute; left:70%; top:35%; font-size: 70px; line-height: 1.0em; color: #31B9FF; z-index: 1;}
#key03.key_title {position: absolute; left:50%; top:45%; font-size: 70px; margin-left:-285px;  line-height: 1.0em; color: #31B9FF; z-index: 1;}
#key04 {position: absolute; left:50%; top:50%; z-index: 1; margin-left:-250px; margin-top: -115px;}
#key04 img{width:500px; opacity: 0.8;}

.sub_key {color: #fff; font-size: 16px; letter-spacing: 0; line-height: 1.4em; margin-top: 10px; font-weight: normal}
.sub_wrap {position: relative; width:1140px; margin:auto; padding:50px 0}
.sub_wrap.pd {padding: 130px 0 50px}
.sub_wrap:after {display:block; clear:both; content:""} 
.key_message {font-size: 20px; color: #444; margin-bottom: 30px}
.p_value {text-align: center; clear: both; background-color: #f5f5f5; padding: 30px 0}

.certificate_list {display: block; margin: 0 -5px} 
.certificate_listafter {display:block; clear:both; content:""} 
.certificate_list li {width: 20%; float: left; margin-bottom: 30px}
.certificate_list li img {width: 100%}
.certificate_list li .box {padding:5px}
.certificate_list li .box p {text-align: center; padding-top: 10px; color: #000; font-size: 12px}

.area_etc {padding:150px 0 80px}
.area_etc .in_wrap {width:1000px; margin:auto}
.map_company {height:350px; background-color:#999; position:relative}
.map_address {text-align: left}
.map_address h1 {font-size:18px; color:#000; margin-bottom: 10px; font-weight: normal}
.map_address h2 {font-size:14px; color: #777}
.map_address h2 span {display:inline-block; margin-right:20px}
.map_address h2 em {color:#09a3a3}

.are_facility:after {display:block; clear:both; content:""} 
.are_facility {}
.are_facility .vod_wrap {height: 660px; width: auto; overflow: hidden;}
.are_facility .step {display: block; text-align:center; padding: 80px 0 50px}
.are_facility .step:after {display:block; clear:both; content:""}
.are_facility .step li {display:inline-block; width:280px; vertical-align: top; margin-bottom: 20px; text-align: center; background:url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat right 120px}
.are_facility .step li.last {background: none}
.are_facility .step li h2 {display: inline-block; font-size: 24px; color: #fff; width: 240px; height: 150px; padding-top: 90px; background:url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat 0 0;}
.are_facility .step li h2 p {font-size: 12px; color:#999; font-family: 'Oxygen', sans-serif; letter-spacing:1px; font-weight: 200; padding-top: 10px}
.are_facility .step .txt {width: 240px; margin: auto; font-size: 12px; height: 90px; text-align: left; padding: 15px 0; line-height: 1.7em}
.are_facility .step.depth li {width: 25%; height: 280px}
.are_facility .step.depth .txt {padding: 10px 50px}

.content_arrow {display: block; position: absolute; width: 30px; height: 30px; background:url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat}
.content_arrow.top {left: 50%; margin:0 0 0 -15px; top:-15px; z-index: 1}
.content_arrow.left {top: 50%; margin:-15px 0 0 0; left:-15px; z-index: 1}
.content_arrow.right {top: 50%; margin:-15px 0 0 -15px; right:-15px; z-index: 1}
.content_arrow.bottom {left: 50%; margin:0 0 0 -15px; bottom:-15px; z-index: 1}

/* client */
.partner_list li {display: block; width: 25%; float: left; height: 200px}
.partner_list li .box {padding:10px 30px; text-align: center}
.partner_list li img {width: 100%}
.partner_list p {font-weight: 700; font-size: 16px; color: #444;}

/* layout style */
.style_cont {clear: both; padding-bottom: 50px}
.style_cont.bor {padding: 40px 0; border-top:1px solid #ededed;}
.style_cont.bor.bk {border-top:1px solid #111;}
.style_cont.last {border-bottom: 1px solid #ededed}
.style_cont:after, .style_cont .content_area:after, #historyDesc:after, .style_cont .content_area .img_area:after {display:block; clear:both; content:""}
.style_cont .title_area {width: 25%; float: left; margin-top: -4px}
.style_cont .title_area h1 {font-size: 26px; color: #333; line-height: 1.5em;}
.style_cont .title_area h1 .sub_copy {font-size: 16px; margin: 15px 0 0 0; line-height: 1.8em; color: #888}
.style_cont .title_area h1.en {font-family: 'Oxygen', sans-serif; font-weight: 400; letter-spacing:0}
.style_cont .content_area {position: relative; width: 75%; float: right; line-height: 1.8em}
.style_cont .content_area .img_area {clear: both}
.style_cont .content_area .img_area.center {text-align: center}
.style_cont .content_area.pd {padding-bottom: 40px}
.style_cont .content_area .title {float: left; font-size: 12px; color: #111;}
.mg_bottom_10 {margin-bottom: 20px}

/* brand 카테고리링크 */
.brand_cate_link {display:block; margin:-2%}
.brand_cate_link:after {display:block; clear:both; content:""}
.brand_cate_link li {display:block; width:46%; margin:2%; float:left; overflow:hidden}
.brand_cate_link li a {display:block; position:relative;}
.brand_cate_link li a:after {display:block; clear:both; content:""}
.brand_cate_link li img {
	width:100%;
	float:left;
	transition: ease-in .3s;
    -webkit-transition: ease-in .3s;
    -moz-transition: ease-in .3s;
    -ms-transition: ease-in .3s;
    -o-transition: ease-in .3s;
    transform: scale(1);
    -webkit-transform: scale(1);
}
.brand_cate_link li a:hover img {transform:scale(1.05); -webkit-transform:scale(1.05)}

/*view*/
.view-wrap {}
.view-header {padding:15px 0; background:#f6f4f2 url(../images/common/bbs_2line_top.gif) repeat-x top;}
.view-header h1 {font-size:16px; color:#000; letter-spacing:-2px;}
.view-head-txt { font-size:12px; padding:5px 0 7px; border-bottom:1px solid #ddd}
.view-head-txt span {display:inline-block; margin:0 5px}
.view-content {padding:20px 0; border-bottom:1px solid #ddd; min-height:400px; text-align:initial}
.view-content img {width:100%}

/* contact us */
.map_area {height:400px; background-color:#fff}
.map_area #map {width:100%;height:400px;}
.sub_cont_wrap.contact {background-color:#eee9e4}
.map_address {padding:20px 0 10px; color:#000; font-size:18px}
.map_address i {display:inline-block; position:relative; width:16px; height:16px; background:url(../images/common/bbs_place.png) no-repeat 0 0; top:4px; margin-right:3px}

/**/
.warranty_wrap {}
.warrenty_tbl, .warrenty_tbl02 {}
.warrenty_tbl table {width:100%; font-size:14px;border-top:1px solid #ddd; border-left:1px solid #ddd;} 
.warrenty_tbl02 table {width:100%; font-size:14px;border-top:1px solid #ddd; border-left:1px solid #ddd;}
.warrenty_tbl table th, .warrenty_tbl02 table th {text-align:center; font-size:14px; font-weight:normal; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px; line-height:1.5em; background-color:#f5f5f5; color:#777; font-size:14px}
.warrenty_tbl table td, .warrenty_tbl02 table td {text-align:left; font-size:14px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px 20px; line-height:1.5em}
.warrenty_tbl02 {margin:30px auto}
.warrenty_tbl li, .warrenty_tbl02 li {display:block; padding:5px;} 
.warrenty_tbl dt {display:block; padding:10px 0; color:#000; letter-spacing:-1px}
.warrenty_tbl dd {display:block; margin-bottom:10px; margin-left:10px}
.warrenty_tbl .etc {padding:40px 0; font-size:14px}
.warrenty_tbl .etc h1 {display:block; font-size:14px; color:#000; font-weight:normal; padding-bottom:10px}
.in_p {text-align:center; padding:10px 0}
.warranty_icon {padding:50px 0}
.warranty_icon img {}

/* 갤러리 */
.tit_top {text-align:center; display: block; clear: both}
.tit_top:after {display:block; clear:both; content:""} 
.tit_top h1 {font-family: 'Roboto', sans-serif; font-size:60px; letter-spacing:3px; text-align: center; font-weight:300; color:#000; margin-top: 70px; display:block; padding-bottom:5px}
.tit_top p {text-align: center; margin-bottom: 50px}
.section_galler {clear: both}
.section_gallery:after {display:block; clear:both; content:""} 
.section_gallery ul {clear:both}
.section_gallery li {display:block; width:25%; float:left;}
.section_gallery li a {display:block; float:left; overflow:hidden; vertical-align:top; padding:1px}
.section_gallery li a img {width:100%; float:left; 
	transition: ease-in .2s; 
	-webkit-transition: ease-in .2s; 
	-moz-transition: ease-in .2s; 
	-ms-transition: ease-in .2s; 
	-o-transition: ease-in .2s; 
	transform:scale(1);
	-webkit-transform:scale(1);}
.section_gallery li a:hover img  {transform:scale(1.05); -webkit-transform:scale(1.05)}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Media */
.full_container {width:1140px; margin:auto; text-align:center; padding:80px 0 50px}
.full_content {min-height:700px; z-index: 1}

.tab_style:after{content:"";display:block;clear:both;}
.tab_style {text-align: center; margin:30px 0}
.tab_style ul{}
.tab_style li {display: inline-block}
.tab_style li a {
	display:block; 
	position: relative; 
	text-align:center; 
	line-height:35px; 
	height:35px; 
	background: #fff;
	border-radius: 50px;
	padding: 0 25px;
	letter-spacing:0; 
	color: #5b5b5b; 
	font-size: 16px;
	font-weight: 600;
	cursor:pointer; 
	transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
}
.tab_style li.on a {color: #fff; background: #09a3a3}

/**/
.tab_bk {padding:30px 0 20px; margin: 0; position: relative; z-index: 1}
.tab_bk.pr {padding:0 0 50px; margin-top:30px}
.tab_bk:after{content:"";display:block;clear:both;}
.tab_bk {text-align: center;}
.tab_bk ul{width:1000px; margin: auto}
.tab_bk li {display: inline-block}
.tab_bk li a {
	display:inline-block; 
	position: relative; 
	text-align:center; 
	line-height:35px; 
	height:35px; 
	padding: 0 20px;
	letter-spacing:0; 
	font-weight:700; 
	font-size: 16px; 
	border-radius: 50px;
	color: #111; 
	cursor:pointer; 
	transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
}
.tab_bk li a:hover {
	color:#09a3a3;
	transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
}
.tab_bk li.on a { color: #fff; background: #09a3a3}
.tab_bk li.on span {display: block; width: 20px; height: 20px; background: url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat 0 0; position: absolute; left: 50%; bottom: -14px; margin-left: -10px}
/**/

.tab_location_content {}
.tab_location_content .content {padding:50px 0 70px; width: 1140px; margin: auto}
.tab_location_content .h1_tit_style {margin-bottom: 40px}
.tab_location_content .map {height: 500px; background-color: #ccc}
.tab_area .tab_address_ul {width:1140px;margin:0 auto -1px;overflow:hidden;}
.tab_area .tab_address_ul.depth03 li {width: 33.3%}
.tab_area .tab_business_area_ul.depth02 li {width:50%}
.tab_area .tab_address_ul li {
	float: left;
    display: block;
    width: 50%;
    text-align: center;
    line-height: 30px;
}
.tab_area .tab_address_ul li a {
	display: block;
    height: 42px;
    padding-top: 13px;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
}
.tab_area .tab_address_ul li a:before {content:'';width:1px;height:26px;/* background:#eee; */position:absolute;right:-2px;top:16px;z-index:2;}
.tab_area .tab_address_ul li a.last:before {display:none;}
.tab_area .tab_address_ul li.on {color:#09a3a3;}
.tab_area .tab_address_ul li.on a {border-right: 1px solid #ddd;border-left: 1px solid #ddd; border-top: 2px solid #09a3a3; border-bottom: 0; color:#09a3a3;}
.tab_area .tab_address_ul li.on:before {display:none;}
.tab_area .tab_address_ul li a:hover {color:#09a3a3;}
.tab_area .tab_business_area_ul.faq {margin:30px 0}


#isotope_list{margin:30px 0 20px 0;overflow:visible !important;}
#isotope_list:after{content:"";display:block;clear:both;}
.item_obj{width:33.3%; position:relative; margin-bottom:35px;float: left;}
.item_obj .item_data {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.item_obj .item_data:after {content:" "; display:block; clear:both;}
.item_obj .item_data .number{display:none}
.item_obj .item_data a{display:block;}
.item_obj .item_data img.expand {width:100%;}
.item_obj.w2{width:50%;}
.item_obj .item_data a.list_thumb{
	position: relative;
	background-color: #fff;
	border-radius: 10px;
	background-position:center top;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
}
.review_banner img {width:100%}
.item_obj .item_data a.list_thumb img {width:100%}
.item_obj .reveiw{text-align:left; padding:20px;}
.item_obj .reveiw dl{padding:0;}
/*
.item_obj .reveiw dl dt{color: #09a3a3; font-size: 12px; font-weight: 700; margin-bottom: 10px}
*/
.item_obj .reveiw dl dt {position: absolute; top:10px; left: 10px}
.item_obj .reveiw dl dd{font-size:20px;color:#444; height:35px; overflow:hidden}
.item_obj .reveiw p{font-size:12px;color:#444;}
.item_obj .reveiw p span.name {margin-right: 10px}
.item_obj .reveiw p span.letter{font-size:12px; color: #999;}
.item_obj .reveiw p span.letter_first{font-size:11px;padding-left:2px;letter-spacing:normal}
.item_obj .reveiw p span.star {margin-left:5px}
.item_obj .reveiw.text dd {color:#111; white-space: nowrap; text-overflow: ellipsis;}
.item_obj .reveiw.text dd br {display: none}
.item_obj .reveiw.text p{color:#111;}
.item_obj .icon {position:absolute;left:14px;top:14px;}
.item_obj .icon img {max-width:100%;width:auto;}


/* view */
.view_wrap { margin-bottom:40px; position: relative; z-index: 1}
.view_header {display:block; padding-bottom: 20px;}
.view_header:after{content:"";display:block;clear:both;}
.view_header h1 {display: block; font-size:34px; font-weight:600; color:#111; text-align: center; margin: 0}
.view_header h1.api {font-size: 28px}
.view_header .date {display: block; font-size:16px; margin-top:15px; font-weight:normal;}
.view_container {padding:40px 0; text-align: initial; line-height: 1.6em; color: #888}
.view_container p {line-height: 1.7em !important}
.view_container p.p1,.view_container p.p2,.view_container p.p3,.view_container p.p4,.view_container p.p5 {color: #888}
.view_container img {max-width: 100%}

/* FAQ */
.in_tab:after{content:"";display:block;clear:both;}
.in_tab {border-top:1px solid #000}
.in_tab ul{}
.in_tab ul li {display:inline-block}
.in_tab ul li a{display:block;text-align:center; padding:10px 20px 13px; color:#000; font-weight:normal; font-size:14px}
.in_tab ul li a:hover {color:#53c2e4}
.in_tab ul li.on a {color:#53c2e4}
.in_tab ul li a span{display:inline-block;}

.in_faq {border-top:1px solid #000}
.in_faq li {display:block; position:relative; text-align:left; padding:25px 0; border-bottom:1px solid #ddd}
.in_faq li a {display:block; padding-bottom:10px}
.in_faq li a:hover {text-decoration:underline}
.in_faq li p {font-size:12px; color:#53c2e4}
.in_faq li a.arrow {position:absolute; padding:0; right:0; top:20px; display:block; width:40px; height:30px; background:url(../images/btn/bbs_arrow_dwon.png) no-repeat 0 0;
    transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
}
.in_faq li a.arrow:hover {background:url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat 0 0; text-decoration:none}
.in_faq .answer {border:1px solid #ddd; border-bottom:0; padding:30px; line-height:1.5em; margin-top:15px; font-size:14px; margin-bottom: -25px; background-color:#F5F5F5}

/**/
.ceo_comment .s_title {padding: 0 10px 3px; margin-right: 10px; font-style: normal; display: inline-block; background-color: #09a3a3; color: #fff}

/* 툴팁 */
.tooltip {
	position: absolute;
	padding:20px;
	top: 10px; /* Defines the spacing between tooltip and target position */
	width: 200px;
	height: 200px;
	color: #777;
	background: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	/* pointer-events: none; */
	font-size:14px;
	line-height:1.5em;
}
.tooltip img {width: 100%}
.tooltip h1 {display:block; font-size:16px; text-align:center; margin-bottom:10px;}
	
/* Slide */
.tooltip.slide {
	opacity: 0;
	transition: -webkit-transform 200ms ease-out;
	transition: transform 200ms ease-out;
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	/*z-index:10;*/
}
.tooltip.slide.top,
.tooltip.slide.top-left,
.tooltip.slide.top-right {
	-webkit-transform: translateY(15px);
	transform: translateY(15px);
}
.tooltip.slide.in {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	transition-duration: 100ms;
	z-index:20;
}
/* Arrow styles*/
.tooltip:after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	margin: -5px;
	background: inherit;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tooltip.top:after, .tooltip.top-left:after, .tooltip.top-right:after { bottom: 0; }
.tooltip.bottom:after, .tooltip.bottom-left:after, .tooltip.bottom-right:after { top: 0; }
.tooltip.top:after, .tooltip.bottom:after { left: 50%; }
.tooltip.top-left:after, .tooltip.bottom-left:after { right: 15px; }
.tooltip.top-right:after, .tooltip.bottom-right:after { left: 15px; }

.tooltip.left:after, .tooltip.left-top:after, .tooltip.left-bottom:after { right: 0; }
.tooltip.right:after, .tooltip.right-top:after, .tooltip.right-bottom:after { left: 0; }
.tooltip.left:after, .tooltip.right:after { top: 50%; }
.tooltip.left-top:after, .tooltip.right-top:after { bottom: 15px; }
.tooltip.left-bottom:after, .tooltip.right-bottom:after { top: 15px; }

/*store*/ 
.store_wrap {padding-bottom:50px}
.store_wrap .btn_close {position:absolute; right:50px; top:50px;}
.store_wrap .btn_close img {width:30px}
.store_wrap .header {display:block; padding-bottom:20px; font-size:28px}
.store_wrap .header:after {display:block; clear:both; content:""} 
.store_wrap .did {position:absolute; left:50px; top:40px;}
.store_wrap .did img {width:130px}
.store_wrap h1 {font-size:24px; display:block; text-align:center; padding-bottom:30px; color:#000; border-bottom:1px solid #7B7A6F;}

.store_wrap .in_map {background-color:#f5f5f5; height:400px;}
.store_wrap .in_store {width:100%}
.store_wrap .in_store table {width:100%;}
.store_wrap .in_store table th {padding:15px 0; border-top:2px solid #111; border-bottom:1px solid #999; text-align:center; color: #111; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 1px;} 
.store_wrap .in_store table td {padding:15px; border-bottom:1px solid #ddd; }
.store_wrap .in_store table td.call {text-align:center; }
.store_wrap .in_store table td.item {background:url(../images/btn/bbs_small_dwon.png) no-repeat center center;}
.store_wrap .in_store table td.item img {height:23px; margin:0 3px}
.store_wrap .in_store table td a {}
.store_wrap .in_store table td a:hover {text-decoration:underline}
.store_wrap .in_store table .open_store {padding:0; border: 0}
.store_wrap .in_store table .open_store .map {height:350px; z-index:0;}
.store_info {padding:0 0 15px; font-size:12px; text-align:right}
a.store_name {color: #111; font-weight: 700; padding-left:15px; background:url(../images/common/bbs_s_location.png) no-repeat left 1px;}

/* paging */
.navi_wrap {display:block; text-align:center; padding-top:30px}
.navi_wrap ol {display:inline-block; margin:auto}
.navi_wrap li {float:left; margin:0 0 0 -1px;}
.navi_wrap a {display: inline-block; text-align:center; float: left; width: 30px; height: 35px; line-height: 35px; letter-spacing:1px;}
.paging_wrap {text-align: center; height:80px;}
.navi_wrap li.on a {color:#000; font-weight:700; position:relative; z-index:1}
.no_goods {height:300px; line-height:300px; text-align:center;}
.navi_wrap.bk a {border:1px solid #333}

/* cs center */
.are_partner {}
.are_partner:after {display:block; clear:both; content:""} 
.are_partner .title {text-align:center; color:#ffd800; margin-bottom:20px; clear:both}
.are_partner .title h1 {display:block; font-size:20px; margin-top:10px}
.are_partner ol li {display:block; width:33.3%; float:left;}
.are_partner ol {display:block; margin:0 -20px 30px}
.are_partner ol:after {display:block; clear:both; content:""} 
.are_partner .box {border:1px dotted #333; margin:20px; padding:40px 30px 30px; height:230px}
.are_partner .box.pic {background-repeat:no-repeat; background-size:cover; background-position:center center; position:relative; overflow:hidden;}
.are_partner .box.pic {background-image:url(http://error.uhost.co.kr/stop/4044_Error_Page.html)}
.ver-ie .are_partner .box.pic {background:none;-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/pic/cs_img01.jpg', sizingMethod='scale')";}
.are_partner .box:after {display:block; clear:both; content:""} 
.are_partner .box h1 {font-size:16px; color:#fff; font-weight:normal; display:block; margin-bottom:20px}
.are_partner .box li {display:block; clear:both; width:auto; margin:8px 0; background:url(../images/common/bbs_dot.gif) no-repeat left 8px; padding-left:10px}
.are_partner .box li p {font-size:12px; color:#77691C; margin-top:5px}

.are_partner ol.step {margin:0; border:1px dotted #333; padding:20px 0; margin:40px 0}
.are_partner ol.step li {width:25%; text-align:center; margin:20px 0; background:url(../images/common/bbs_arrow_next.gif) no-repeat right center}
.are_partner ol.step li h1 {font-size:16px; color:#fff; display:block; margin-bottom:10px; font-weight:300px; font-weight:normal;}
.are_partner ol.step li.arrow_none {background:none}

.store_search {text-align:center;}
.search_input {position:relative; padding:0 50px 0 160px; width:30%; margin:auto}
.search_input input {width:100%; height:40px; line-height:40px; border:0; background:none; border-bottom:2px solid #111}
.search_input .btn_search {position:absolute; right:0; top:0; display:block; width:40px; height:40px; background:url(../images/btn/btn_search.png) no-repeat center center;
    transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
}
.search_input .btn_search:hover {background:url(../images/btn/btn_search_.png) no-repeat center center}
.store_locate {position:absolute; left:0; top:0; width:130px; padding:0 0 0 10px; border:0; border-bottom: 2px solid #111; height:40px; line-height:40px; background:url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat 130px center}
.store_locate select { width:100%; border:0; padding:10px 0; color:#111}

.area_advice {margin:40px 0}
.area_advice:after {display:block; clear:both; content:""} 
.area_advice ul {display:block; width:35%; float:left}
.area_advice ul li {margin-bottom:10px}
.area_advice ul li span {margin-right:10px; letter-spacing:1px;}
.area_advice ul li span EM {display:inline-block; margin-right:5px; color:#fff}
.area_advice .btn_ng_link {float:right}

/**/
.are_warrenty .title {text-align:center; color:#ffd800; margin-bottom:20px; clear:both}
.are_warrenty .title h1 {display:block; font-size:20px; margin-top:10px}
.are_warrenty table {margin:30px 0}
.are_warrenty table {width:100%;}
.are_warrenty table th {padding:10px; border-top:1px solid #444; border-bottom:1px solid #222; text-align:center} 
.are_warrenty table td {padding:20px; border-bottom: 1px solid #000; border-right: 1px solid #000; background-color: #1D1D1D; }
.warrenty_cont {border:1px solid #333; padding:40px; line-height:1.5em}
.warrenty_cont p {color:#fff}
.are_warrenty ol {display:block; border:1px solid #333; padding:30px 40px; margin-bottom:50px}
.are_warrenty ol li {    
	display: block;
    clear: both;
    width: auto;
    margin: 8px 0;
    background: url(../images/common/bbs_dot.gif) no-repeat left 8px;
    padding-left: 10px;}


div.bkg {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
}
div.bkg.detail1 {
    width: 50%;
    height: 100%;
    overflow: hidden;
}
div.bkg.detail2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    overflow: hidden;
}
div.lookbook_legend {
    display: block;
    position:fixed;
    top: 0;
	bottom:50%;
    right: 0;
    z-index: 1;
    width: 50%;
    background: #000;
}
div.lookbook_legend div.legend-content {
    position:absolute;
    top: 50%;
    left: 14%;
    max-width: 310px;
    margin-top: -100px;
}
div.lookbook_legend span.num {
	font-size:70px;
    letter-spacing:1px;
    color: #09a3a3;
}
div.lookbook_legend h1 {
	font-size:18px;
	font-weight:300;
}
div.lookbook_legend p {
	font-size:20px;
    width: 225px;
    color: #676768;
    margin-bottom: 20px;
}
div.lookbook_legend p:empty {
    display: none;
}
div.lookbook_legend div.arrows {
    position: absolute;
    top:47px;
    left: 75px;
}
div.lookbook_legend a.arrow {
    display: block;
    width: 30px;
    height: 25px;
    background:url(http://error.uhost.co.kr/stop/4044_Error_Page.html) 10px 10px no-repeat;
}
div.lookbook_legend a.arrow.bottom {
    background-position: 10px -25px;
}
div.lookbook_legend .links {margin-top:30px; line-height:1.3em}
div.lookbook_legend .links a {display:block; font-size:12px}
div.lookbook_legend .links a span {display:inline-block; width:70px; color:#ccc}
div.lookbook_legend .links a:hover {color:#fff}

/* 개인정보취급방침 */
.popWrap{position:relative; width:100%; height:560px; background:#fff;}
.popHead{height:80px; line-height:80px; padding:0 30px; font-size:20px; background:#988d65;}
.popHead h1{font-size:20px; font-weight:normal;}
.postContent{overflow:hidden; font-size:16px;}
.postContent.p1{font-size:13px;}
.postContent.p1 p{margin-bottom:10px;}
.postContent.p1 h2{font-size:16px; margin-top:20px; margin-bottom:20px; color:#fff}
.postContent.p1 .listbox{margin-bottom:20px; border:1px solid #333; padding:10px;}
.postContent.p1 .listbox ul{overflow:hidden;}
.postContent.p1 .listbox ul li{float:left; width:50%;}
.popClose{position:absolute; top:27px; right:30px; z-index:100; width:26px; height:27px; text-indent:-9999px; background:url("http://error.uhost.co.kr/stop/4044_Error_Page.html") no-repeat 0 -100px;}
.postContent .footerPrivacy{font-size:13px; line-height:16px;}
.postContent .footerPrivacy p{margin-bottom:10px;}
.footerPrivacy table{border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:15px; width:100%}
.footerPrivacy table th{background:#eee; padding:5px 0;}
.footerPrivacy table td{text-align:center; padding:5px 0;}
.postContent .guide{line-height:27px;}
.postContent .guide .g2{color:#8f9091;}
.postContent .addressSrch{margin:30px 0 20px; line-height:45px; height:45px;}
.postContent .addressSrch label{color:#526a97; font-size:20px; padding-right:20px;}
.postContent .addressSrch span{padding:0 30px 0 10px;}
.postContent .addressSrch .inputBox2{padding:0 20px; height:45px; background:#ebeef1; border-top:1px solid #d1d4d7; border-left:1px solid #d1d4d7; color:#000; font-size:20px;}
.postContent .addressSrch .btnSrch{color:#fff; font-size:20px; width:114px; height:45px; padding-left:33px; border:0; cursor:pointer; background:#988d65 url("http://error.uhost.co.kr/stop/4044_Error_Page.html") no-repeat 28px -167px;}
.postContent .addressList{width:645px; height:232px; overflow-y:scroll; background:#f4f6f7;}
.postContent .addressList p{padding-top:90px; text-align:center;}
.postContent .addressList .addr{height:40px; line-height:40px; cursor:pointer; padding:0 20px;}
.postContent .addressList .addr.select{background:#8996af url("http://error.uhost.co.kr/stop/4044_Error_Page.html") no-repeat right -240px; color:#fff;}

/* 히스토리 */
.company03 {height: 500px}
.company03:after {display: block; clear: both; content: ""}
.title_history {display: block; padding-bottom: 50px}
.title_history:after {display: block; clear: both; content: ""}
.title_history li {display: block; width: 50%; float: left}
.title_history .present, .title_history .past {border: 1px solid #ddd; margin-left: -1px; text-align: center}
.title_history img {width: 100%}

/* rnd */
.rnd_system {height:650px; position:relative; overflow:hidden}
.rnd_system ul {display:block; overflow:hidden}
.rnd_system li {display:block; overflow:hidden}
.rnd_system ul:after { display: block; content: ''; clear: both; }

/* client */
.type_list li {display: block; width: 50%; float: left;}
.type_list li h2 {display: block; color: #111; font-size: 12px;}
.type_list li p {text-align: center}
.type_list li p img {max-width: 100%}

.type_list_in {width:85%; float: right}
.type_list_in:after {display: block; clear: both; content: ""}
.type_list_in h3 {position: absolute; top:10px; left: 15px; font-size: 12px}
.type_list_in li {display: block; width: 50%; float: left;}
.type_list_in .box {position: relative; border: 1px solid #ddd; padding: 40px 0; width: 90%; float: right; text-align: center}
.type_list_in .box img {width: 70%}

/* 기업윤리 */
.tbl_ethics {border-top:2px solid #444}
.tbl_ethics table {width:100%;border:0;}
.tbl_ethics th {padding-top:15px}
.tbl_ethics td{padding:11px 20px;border-bottom:1px solid #ECECEC;line-height:22px;text-align:justify}
.tbl_ethics th.lv2 {
    width: 25%;
    padding:11px 17px;
    border-bottom: 1px solid #e4e4e4;
    background: #f3f3f3;
}
.tbl_ethics th, .tbl_ethics td {
	text-align: left;
    vertical-align: top;
}
.tbl_ethics .last th.lv2, .tbl_ethics .last td {
    border-bottom-color: #c6c6c6;
}
.tbl_ethics th.lv1 {
    width: 15%;
    border-bottom: 1px solid #c6c6c6;
    border-left: 0;
    color: #444;
    font-size: 20px;
}

.mail_wrap {text-align: center}
.mail_wrap .h1_big_style {margin-top: 20px}
.mail_wrap .m_title {font-size: 22px; color: #000; display: block; padding-bottom: 20px;}
.mail_wrap { width:1100px; margin:auto;  padding: 0px 0 30px;  background: url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat top center;}
.mail_wrap:after {display:block; clear:both; content:""}
.mail_wrap .contact_sub {text-align:center; margin-bottom:15px; color:#000;}
.mail_wrap h2.txt {
	display: block;
    text-align: center;
    line-height: 1.5em;
    color: #111;
    font-size: 36px;
    font-weight: normal;
    margin: 40px 0;
}
.mail_wrap .txt em {color: #09a3a3;}

.message_form {display:block; position: relative; z-index: 1; padding-bottom: 20px; border-bottom: solid 1px;}
.message_form:after {display:block; clear:both; content:""}
.message_form.bor {padding-bottom: 15px; border-bottom: 1px solid #666}
.message_form li {position:relative; float:left; display:block; width:100%; margin-top:15px; text-align:center;}
.message_form li.in_put {width:50%}
.message_form li.in_put .select_box {border: 1px solid #ddd; border-radius: 10px; overflow: hidden}
.message_form li.in_put .select_box select {padding: 12px}
.message_form li input {width:100%; border:0; background:none; background-color: #fff}
.message_form li em {position:absolute; left:20px; top:13px; font-size:14px; color: #111; font-style: normal; font-weight: 400;}
.message_form li textarea {width:100%; border:0; background:none}
.message_form .in_wrap {padding-left: 200px; padding-right: 20px;}
.t_in {border: 1px solid #ddd; padding: 8px; background: #fff; border-radius: 10px; box-sizing: border-box; height: 40px}
.t_in.search {position: relative; padding-right: 100px; margin-bottom: 10px}
.t_in.search .btn_search {display: block; width: 80px; text-align: center; color: #fff; background: #779b49; height: 40px; line-height: 40px; position: absolute; top:-1px; right: -1px; 
	border-bottom-right-radius: 10px; border-top-right-radius: 10px; font-weight: bold;
}
.t_txt {line-height: 40px; text-align: left}
.mg-top {margin-top: 100px}


.message_form .psn_radio {text-align: left; padding: 10px 0}
.message_form .psn_radio:after {display: block; clear: both; content: ""}
.message_form .psn_radio input{width: 25px;vertical-align: middle;}
.message_form .psn_radio ul li {width: auto; margin: 0 10px 0 0; text-align: left}

.captcha_area li {float: left; display: inline-block; width: auto; margin: 0;}
.captcha_area li.captcha_box {text-align: left; margin-left: 20px;}
.captcha_area li.btn {margin: 0 0 0 10px; position: relative; top: 5px; padding: 6px 12px;}

.check_box {margin:20px 20px 0; text-align: left}
.check_box .txt {position: relative; padding:40px; background-color:#f5f5f5; color:#777; line-height: 1.7em; border-radius: 10px}
.check_box h1 {font-size:18px; display:block; padding-bottom:20px; color:#111; font-weight: 600}
.check_box ul {display: block; margin: 20px 0;}
.check_box li {color:#779b49; font-weight: 400}
.check_box .check {padding:20px 0; font-size:14px; text-align: center; color: #111}
.check_box .check input {margin-right:5px; border-radius: 10px}

.more_wrap {text-align:center; padding:20px 0}
.more_wrap a.more {display:block; text-align:center; border:1px solid #333; padding:10px}

.btn_sub_link,
a.btn_sub_link {
    display: inline-block;
    z-index: 10;
    width: 260px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    z-index: 1;
    font-weight: 700;
    position: relative;
    background-color: #779b49;
    border-radius: 50px;
    transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
    -o-transition: all ease-in .1s;
}


/* RECRUIT */
.recruit_man {padding: 80px 0; text-align: center}
.recruit_man .h1_tit_style {margin-bottom: 40px;}
.recruit_man h2 {
	display: block;
    text-align: center;
    font-size: 36px;
    line-height: 1.5em;
    color: #111;
    font-weight: 600;
    margin-bottom: 40px;
}
.recruit_man h2 em {color: #09a3a3; font-weight: 600}
.recruit_man p {line-height: 1.7em; text-align: center}

.inist_recruit {}
.inist_recruit:after {display:block; clear:both; content:""}
.inist_recruit .txt_area {padding: 50px 0; line-height: 1.7em; text-align:center}
.inist_recruit .txt_area strong {display: block; margin-bottom: 15px; font-size: 20px; color: #111}
.inist_recruit .benefit {display: block; margin: 0 -10px}
.inist_recruit .benefit:after {display: block; clear: both; content: ""}
.inist_recruit .benefit li {display: block; width: 33.3%; float: left}
.inist_recruit .benefit li .box {position: relative; margin:10px; height: 130px; padding:18px 0 0 120px; border: 1px solid #eee; border-radius: 10px}
.inist_recruit .benefit li .box h2 {color: #111; font-size: 18px; letter-spacing: 0; text-align: left; padding-top: 3px; margin: 0 0 10px}
.inist_recruit .benefit li .box p {text-align: left; }
.inist_recruit .benefit li .box .icon {position: absolute; left: 25px; top:27px}
.inist_recruit .benefit li .box .icon img {width: 70px}
.inist_recruit .img_area {}
.inist_recruit .img_area img {width: 100%}

.bottom_people .txt {position:absolute; width:100%; left:0; right:0; top:110px; text-align:center; color:#fff}
.bottom_people .txt p {padding-bottom:10px; line-height: 1.6em; color: #b0bbc7}
.bottom_people .txt h1 {font-size:34px; display:block; margin-bottom:20px}
.bottom_people .btn_wrap {padding-top: 30px}

.tip_area {display: block}
.tip_area:after {display: block; content: ""; clear: both}

/* 채용링크 */
.recruit_link_wrap {background-color: #f9f9f9; text-align: center; padding: 100px 0}
.recruit_link_wrap .linkBox {display: inline-block; border: 1px solid #ddd; width: 1140px; background-color: #fff;
	-webkit-box-shadow: 0 5px 15px 0 rgba(99,99,99,.2);
    box-shadow: 0 5px 15px 0 rgba(99,99,99,.2);
}
.recruit_link_wrap .linkBox .head  {padding:50px 0 30px; border-bottom: 1px solid #eee}
.recruit_link_wrap .linkBox .head p {font-size: 20px; margin-top: 15px; color: #111;}
.recruit_link_wrap .linkBox .content {padding: 30px 0 35px; line-height: 1.7em; font-size: 14px}
.recruit_link_wrap .linkBox .content em {color: #09a3a3}
.recruit_link_wrap .linkBox .content .btn_Wrap {padding-top: 30px}
.recruit_link_wrap .linkBox .content .link {display: inline-block; color: #111; padding:2px 25px 0 10px; background: url(../images/common/bbs_link.gif) no-repeat right top;}


/*탭*/
.tab01 {position:relative; width:100%; clear:both;}
.tab01:after {content:" "; display:block; clear:both;}
.tab01 {border-bottom: 1px solid #ddd; color: #333; margin:50px 0 0; border-left: 1px solid #ddd;}
.tab01 ul {display:block; border-bottom:1px solid #333;}
.tab01 ul:after {content:" "; display:block; clear:both;}
.tab01 li {float: left; display: block; text-align: center; border-top: 1px solid #ddd;}
.tab01 li a {display: block; padding:10px 30px; border-right: 1px solid #ddd;}
.tab01 li a span {font-family:AvenirNextLTPro_demi}
.tab01 li.on {border-bottom: 0; background-color: #fff}
.tab01 li.on a {border: 1px solid #333; border-bottom:2px solid #fff; margin-bottom: -2px; color:#000}

.tab02 {position:relative; width:100%}
.tab02:after {content:" "; display:block; clear:both;}
.tab02 {color: #039; margin-bottom:30px}
.tab02 ul {display:block;}
.tab02 ul:after {content:" "; display:block; clear:both;}
.tab02 li {float: left; display: block; text-align: center; border: 1px solid #ddd; margin-left:-1px; margin-top:-1px}
.tab02 li a {display: block; padding:10px 20px;}
.tab02 li.on a {background-color:#778FC8; color:#fff}

/*faq*/
.faq_wrap {padding-bottom: 50px}
.faq_search {
	position: relative;
	width: 400px; 
	margin:0 auto;
	height: 40px;
    line-height: 40px;
    border: 0;
    background: none;
    padding-right: 50px;
}
.faq_box .box_pin li {display:block; width:10px; height:10px; background-color:#c3c3c3}
.faq_box .box_pin li.left_top {position:absolute; top:-10px; left:-10px}
.faq_box .box_pin li.left_bottom {position:absolute; bottom:-10px; left:-10px}
.faq_box .box_pin li.right_top {position:absolute; top:-10px; right:-10px}
.faq_box .box_pin li.right_bottom {position:absolute; bottom:-10px; right:-10px}

.faq_box h1 {}
.faq_box .search {width:380px; margin:20px auto 0; display:block; position:relative}
.faq_box .search:after {display:block; clear:both; content:""} 
.faq_box .search li {float:left}
input.faq {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 0;
    background: none;
    border-bottom: 2px solid #444;
}
a.btn_faq  {
	position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/btn/btn_search.png) no-repeat center center;
    transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
    text-indent: -9999px;
}

.cs_list {border-bottom: 1px solid #eee}
.cs_list .tab_area {margin-bottom: 30px}
.cs_list table.tbl_board td.open .btn_wrap {padding: 15px}
.cs_list table.tbl_board td.open a {background-image: none}
.cs_list table.tbl_board td.left a {display:block; cursor: hand; background: url(../images/btn/bbs_small_dwon.png) no-repeat right center;}
.cs_list table.tbl_board td a:hover {text-decoration:underline}
.cs_list .in_cont {padding:10px 30px; line-height:1.7em; text-align:left; vertical-align:top}

/* FAQ list */
table.tbl_board {width:100%;}
table.tbl_board th {background:#fcf8f8; padding:10px 0 9px; border-top:1px solid #eee; text-align:center; vertical-align:middle; line-height:16px; font-weight:bold; color:#767676;}
table.tbl_board td {padding:20px 10px 17px; border-top:1px solid #eee; text-align:center; vertical-align:middle; line-height:16px; color:#767676;}
table.tbl_board td.left {text-align:left}
table.tbl_board td.br {color:#111; font-weight: 500}
table.tbl_board td.open_map {padding:0}
.in_map {height:400px}
table.tbl_board td.td_tit {text-align:left;}
table.tbl_board th.th_tit {border-right:1px solid #eee}
.cs_list table.tbl_board td.open {background-color:#f5f5f5; display: table-cell;}
.cs_list table.tbl_board td.close {background-color:#fcf8f8;display: none;}


/* FAQ view */
table.view {width:100%; border-top:1px solid #ccc; border-collapse: initial;}
table.view th {background:#f5f5f5; padding:13px 0 9px; border-bottom:1px solid #eee; border-right:1px solid #eee; text-align:center; vertical-align:top; line-height:16px; font-weight:bold; color:#767676;}
table.view td {padding:10px 10px 9px 10px; border-bottom:1px solid #eee; border-right:1px solid #eee; text-align:left; vertical-align:middle; line-height:18px; color:#767676;}
table.view td.contents {padding:13px 20px 10px 20px; line-height:20px;}
table.view td.contents p,
table.view td.contents div {line-height:20px;}
table.view td.contents02 {padding:8px 10px 5px 10px; line-height:18px;}
table.view td.contents02 p,
table.view td.contents02 div {line-height:18px;}
table.view td.inquirySech{padding:20px 20px 10px 20px; border-bottom:none;}
table.view td.viewCon{border:none; padding:0 20px 0 20px;}
table.view td.viewCon table.list td{padding-left:0; text-align:center;}
table.view td.noBorder {border-right:0; border-left:0}
table.view select {min-width:200px}

table.view .txt_filed {padding:15px; border:1px solid #ddd}
table.view td .txt_filed textarea {width:100%; border:0}
table.view td .txt_input {border:1px solid #ddd; width:50%; padding:3px; height:25px}
table.view td .txt_input.size_s {width:10%}
table.view td .txt_input.size_m {width:30%}
table.view .pd_top {padding-top:5px}

/*FAQ 버튼*/
.btn_wrap.center {text-align:center}
.cs_list table.tbl_board td .btn_wrap a {display:inline-block; text-decoration:none; font-style:normal} 
.btn_wrap {text-align:right; padding:15px 0; clear:both}
.btn_wrap a {margin-left:5px}
a.btn_in {display:inline-block; padding:10px 25px 9px; color:#fff; 
	transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;}
a.btn_in.gr {background-color:#404041}
a.btn_in.gr:hover {background-color:#696969}
a.btn_in.red {background-color:#b81b30}
a.btn_in.red:hover {background-color:#DE354C}
.btn_style {display:inline-block; padding:10px 25px 9px; color:#fff; background-color:#404041; border:0; 
	transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;}
.btn_style:hover {background-color:#696969}

/* FAQ 검색*/
.right_top {border-top:2px solid #333; padding:23px 0 0; height:70px}
.right_top h2 {display:inline-block; font-size:20px; color:#000; float:left; font-weight:bold}
.right_top span {margin-left:10px; float:left}
.right_top .search {float:right; position:relative}
.right_top .search  li {float:left}
.right_top.long {height:100px}

/* CS Center */
.qna_shape01 {position: absolute; left:0; top: -80px}
.qna_shape02 {position: absolute; right: -10px; top: 100px;}
.qna_shape03 {position: absolute; left:100px; bottom: -100px;}

.cs_shape01 {position: absolute; left:150px; top: -80px}
.cs_shape02 {position: absolute; right: -10px; top: 75px;}
.cs_shape03 {position: absolute; right:150px; bottom:-60px;}

.now_shape01 {position: absolute; left:100px; top: -30px}
.now_shape02 {position: absolute; right:60px; top: 180px;}
.now_shape03 {position: absolute; left:300px; bottom:-80px;}

.cs_center_wrap {position: relative; padding: 50px 0;}
.cs_office_infor {position: relative; height: 550px; margin-bottom: 50px; background:url(../images/pic/bg_cs.jpg) no-repeat 50% fixed; background-size: cover}

.cs_infor_wrap {position: relative; width: 1140px; margin: auto;}
.cs_infor_wrap:after {content:" "; display:block; clear:both;}
.cs_infor_wrap.wh {padding-top: 100px}
.cs_infor_wrap.wh .cs_item h2 {color: #fff; font-size: 26px; margin: 0}
.cs_infor_wrap.wh .cs_thumb {top:20px}
.cs_infor_wrap.wh .cs_company_cate li {width: 50%; color: #ccc; float: none}
.cs_infor_wrap.wh .cs_company_cate h4 {color: #fff; position: absolute; left: 0; top;0}
.cs_infor_wrap.wh .cs_company_cate em {color: #09a3a3; margin-right: 10px}
.cs_infor_wrap.wh .cs_in {position: relative; vertical-align: middle; padding:20px 0 13px 210px; border-bottom: 1px dotted #fff;}
.cs_infor_wrap.wh .cs_in.bor_none {border: 0}
.cs_infor_wrap.wh .cate_wrap {position: relative;}
.cs_infor_wrap.wh .cate_wrap p {margin-bottom: 10px; color: #ccc}
.cs_infor_wrap.wh .cs_item {width: 50%}
.cs_infor_wrap .cs_item {width: 50%; float: left;}
.cs_infor_wrap .cs_in {border: 0}

.cs-001 { overflow: hidden; margin-top: -20px; }
.cs_item {position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
.cs_item h2 { margin: 5px 0px 20px 0px; font-size: 26px; color: #222; }
.cs_in {vertical-align: middle; padding:30px 0 30px 220px; border-bottom: 1px solid #ddd;}
.cs_in:after {display:block; clear:both; content:""}
.cs_thumb { position: absolute; top: 25px; left:0;}
.cs_item .mini-tit { font-weight: 700; }
.cs_item .question { font-weight: 700; color: #222; }
.cs_txt { margin:0 0 10px; color: #676767; padding-left:30px; word-break:break-word}
.cs_txt.mg {margin:0 0 20px}
.cs_txt.tell {background:url(../images/common/bbs_s_tell.png) no-repeat left center;}
.cs_txt.email {background:url(../images/common/bbs_s_mail.png) no-repeat left center;}
.cs_txt.fax {background:url(../images/common/bbs_s_fax.png) no-repeat left center;}
.cs_company_cate li {float:left; display:block;}
.cs_company_cate .cont {padding-left:20px; border-left:1px solid #ddd}
.cs_company_cate h3  {display:block; margin-bottom:25px}
.cs_company_cate h3 img {height:30px}
.cs_company_cate h4 {display:block; margin:0 0 15px; color:#111; font-weight: 600}
.cs_wrap {text-align: center}
.cs_wrap .h1_big_style {margin-top: 30px; font-size: 30px}
.cs_wrap .txt {
    display: block;
    text-align: center;
    line-height: 1.5em;
    color: #111;
    font-size: 40px;
    margin: 40px 0 80px;
}
.cs_wrap .txt em {color: #09a3a3; }

.imglist {position: relative; vertical-align: top}
.imglist img {vertical-align:top}

/* people */
.people_name {position: absolute; z-index:3; bottom: 0; color: #fff; width: 100%; font-size: 24px; text-align: center; padding: 20px 0 30px; background: url(../images/common/bg_name.png) repeat-x bottom;}
.people_name em {margin-right: 10px; font-size: 16px}
.people_name .add {font-size: 14px; padding-top: 12px;}
.people_name .add img {width: auto; margin-right: 5px}
.prople_row {clear:both; display: block; vertical-align: top; float: left; width: 100%;}
.prople_row:after {display: block; clear: both; content: ""}



/**/
.main_inistnow {max-width: 1160px; margin: auto; text-align: center; padding-bottom: 50px}
.main_inistnow:after {display: block; clear: both; content: ""}
.main_inistnow .content {margin-top: 30px}
.main_inistnow .item_obj .item_data a.list_thumb {margin: 10px}


.ethics_form{width: 1140px; margin: 0 auto; padding-bottom: 50px;}
.ethics_form .rela{padding: 20px;border-bottom: 1px solid;}
.ethics_form .rela h4{
    font-size: 40px;
    text-align: center;
    padding: 40px;
    font-weight: 500;
    color: #779b49;
}

@media (max-width:600px) {
	.btn_sub_link, a.btn_sub_link {height: 50px; line-height: 50px; width: 200px;}
}