/**************** 메인 *******************/
#main_visual {max-width: 1520px; height: 655px; margin: 130px auto 0; border-radius: 40px; overflow: hidden;}
.model_wrap {height: 655px; visibility: hidden}
.page_title {position: absolute; top: 50%; left: 100px; margin-top: -150px; color: #333; z-index: 20; text-align: left}
.page_title h1 {position:relative; display: inline-block; font-size: 60px; line-height: 1.2em; font-weight: 800; color: #0f6c7b;}
.page_title p {margin-top: 40px; font-weight: 400; font-size: 20px; line-height: 1.8em}


.main01 {background: url(../images/main/visual.jpg) no-repeat center top; position: relative;}
.main01 .visual_dog {position: absolute; bottom:30px; left: 50%; margin-left: -40px;}
.main02 {background: url('../images/main/visual_2.jpg') no-repeat center top; position: relative;}



#main_mpark {visibility: hidden;}
.main_mpark {padding: 130px 0 0; background: #fff;}
.main_mpark:after {display: block; clear: both; content: ""}
.main_mpark h2 {font-size: 35px; font-weight: 700; font-family: 'Gmarket Sans'; color: #333; display: block; margin-bottom: 25px; text-align: center;}
.main_mpark h2 .red {color: #dd4b4b}
.main_mpark h2 .green {color: #0f6c7b}
.main_mpark p {text-align: center; font-size: 20px; line-height: 1.5em; margin-bottom: 55px;}
.main_mpark ul .mpark_img {width: 775px; margin: auto; display: block; border-radius: 25px; overflow: hidden;}
.mpark_gallery_wrap {padding-left: 50px}

.bg_pattern {height: 131px; background: url('../images/common/bg_top.jpg') repeat top;}

.main_service {text-align: center; background-color: #f2f8f9;}
.main_service .copy {padding-top: 100px}
.main_service .copy dt {font-size: 35px; font-weight: 700; font-family: 'Gmarket Sans'; color: #333; display: block; margin-bottom: 25px; text-align: center; line-height: 1.3em;}
.main_service .copy dt span {line-height: normal; position: relative; top:6px; margin-left: 15px}
.main_service .copy dd {text-align: center; font-size: 20px; line-height: 1.5em; margin-bottom: 50px;}

.service_box {max-width: 1300px; background-color: #fff; border-radius: 50px; margin: auto; padding: 100px 0;}
.service_box:after {display: block; clear: both; content: "";}
.service_box ul {padding: 0 60px}
.service_box li {width: 25%; height: 425px; float: left; text-align: center;}
.service_box .service_ico {width: 235px; height: 235px; position: relative; margin: auto;}
.service_box .service_ico .ico_img {position: absolute; left: 50%; top: 50%; margin: -65px 0 0 -65px;}
.service_box .service_bg img {width: 100%;}
.service_box .service_ico .ico_img img {width: 100%;}
.service_box .service_text {margin-top: 40px;}
.service_box .service_text h2 {font-family: 'Gmarket Sans'; font-weight: 700; font-size: 23px; color: #0f6c7b; line-height: 1.4em;}
.service_box .service_text p {line-height: 1.4em; margin-top: 20px; font-size: 17px;}

.main_service.comp {height: auto; padding-bottom: 100px}
.main_service .world {padding-top: 40px;}
.main_service .world img {max-width: 100%}

.main_news .copy {padding-top: 130px}
.main_news .copy dt {font-size: 35px; font-weight: 700; font-family: 'Gmarket Sans'; color: #333; display: block; margin-bottom: 25px; text-align: center; line-height: 1.3em;}
.main_news .copy dt span {line-height: normal; position: relative; top:6px; margin-left: 15px}
.main_news .copy dd {text-align: center; font-size: 20px; line-height: 1.5em; margin-bottom: 50px;}


#main_news {visibility: hidden; }
.main_news {padding: 0 0 80px; background-color: #f2f8f9;}
.main_news:after {display: block; clear: both; content: ""}
.main_news h2 {font-size: 20px; font-weight: 700; color: #213263; display: block; margin-bottom: 50px}
.main_news li {float: left}
.main_news .inBox {position: relative; background: #fff; border-radius: 20px; overflow: hidden; border: 1px solid #efefef;}
.main_news .inBox .pic img {width: 100%}
.main_news .inBox dl {display: block; padding:20px 30px 30px; height: 250px}
.main_news .inBox h3 {color: #333; font-size: 20px; font-weight: 700; margin-bottom: 15px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.main_news .inBox dd p{font-size: 17px;}
.main_news .inBox .date_box .date {position: absolute; left: 30px; bottom: 20px; font-size: 15px; color: #c3cdd0;}
.main_news .inBox .date_box .btn_more {position: absolute; right: 30px; bottom: 20px;  font-size: 16px; padding-right: 20px; 
	color: #358dac; font-weight: 700;
	background: url('../images/common/ico_next_g.png') no-repeat right 50%;
}

.main_news .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.main_news .bx-wrapper .bx-pager.bx-default-pager a.active {background: #358dac; border: 2px solid #358dac;}
.main_mpark .bx-wrapper .bx-pager.bx-default-pager a {border: 2px solid #eaeaea;}
.main_news .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_mpark .bx-wrapper .bx-pager.bx-default-pager a.active {background: #358dac; border: 2px solid #358dac;}

.main_news .bx-wrapper .bx-prev {left: -50px}
.main_news .bx-wrapper .bx-next {right: -50px}


.main_gallery {text-align: center; background-color: #f2f8f9; padding-bottom: 150px;}
.main_gallery .copy dt {font-size: 35px; font-weight: 700; font-family: 'Gmarket Sans'; color: #333; display: block; margin-bottom: 25px; text-align: center; line-height: 1.3em;}
.main_gallery .copy dt span {line-height: normal; position: relative; top:6px; margin-left: 15px}
.main_gallery .copy dd {text-align: center; font-size: 17px; line-height: 1.5em; margin-bottom: 50px;}
	
.main_gallery ul {clear: both; margin: 0 -10px;}
.main_gallery li {display: block; width: 25%; float: left;}
.main_gallery li a {display: block; float: left; overflow: hidden; border-radius: 20px; overflow: hidden; margin: 10px;}
.main_gallery img {width: 100%;}


/* 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%;
}



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

.visual_sub {}
.visual_sub {position: relative; height: 500px; background-size: cover}
.visual_sub .page_title {margin-top: -50px; margin-top: -30px}
.visual_sub .page_title h1 {font-size: 70px}
.visual_sub .highlight-container .highlight-stripe {height: 50px; top:0; left: -25px}





.visual_privacy {position: relative; height: 350px; background: #212d51 url(../images/main/bg_main_company.jpg) no-repeat center top; background-size: 100%}
.visual_privacy .page_title {margin-top: -25px;}
.visual_privacy .page_title h1 {font-size: 46px}
.visual_privacy .highlight-container .highlight-stripe {height: 45px; top:15px; left: -25px}


.pop_mail_infor {background-color: #fff; padding: 35px}
.pop_mail_infor h1 {font-size: 20px; display: block; margin-bottom: 20px; color: #111;}
.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.8em;}
.privacy_cont dt {color: #111; margin: 30px 0 15px; font-size: 20px;}

/* visual */
#subVideo {display : none;}
.visual_sub_Wrap {background-color: #111}
.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;
}


/***************************** 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; font-family: 'NanumSquare'; 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: 400; 
	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_content:hover .content_in h3, .tile-group.navy .tile_content:hover .content_in h3, .tile-group.bk:hover .content_in h3, .tile-group.full:hover .content_in h3  {color: #E61D6D;}

.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;}

/* 포트폴리오 */
.portfolio_wrap {padding:30px 0 80px 8px}
.portfolio_wrap .inBox {position: relative; background: #fff; border-radius: 20px; overflow: hidden; border: 1px solid #efefef;}
.portfolio_wrap .inBox .pic img {width: 100%}
.portfolio_wrap .inBox .pic a {display: block; position: relative}
.portfolio_wrap .inBox dl {display: block; padding: 20px 30px 30px; height: 250px;}
.portfolio_wrap .inBox dt {position: absolute; left: 50%; top:-60px; width: 280px; margin-left: -140px; background: #fff; padding:10px 0 5px; z-index: 10}
.portfolio_wrap .inBox h3 {color: #333; font-size: 20px; font-weight: 700; margin-bottom: 15px; text-align: left;}
.portfolio_wrap .inBox dd p {font-size: 17px}
.portfolio_wrap .inBox {text-align: left;}
.portfolio_wrap .inBox .date_box .date {position: absolute; left: 30px; bottom: 20px; font-size: 15px; color: #c3cdd0;}
.portfolio_wrap .inBox .date_box .btn_more {position: absolute; right: 30px; bottom: 20px;  font-size: 16px; 
	padding-right: 20px; color: #358dac; font-weight: 700; background: url('../images/common/ico_next_g.png') no-repeat right 50%;}


/* 이미지풀 형식 */
.yg_color {
	background: #31abbe; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #31abbe 0%, #3fb860 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #31abbe 0%,#3fb860 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #31abbe 0%,#3fb860 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31abbe', endColorstr='#3fb860',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.or_color {
	background: #ff614c; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ff614c 0%, #ff920a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #ff614c 0%,#ff920a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #ff614c 0%,#ff920a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff614c', endColorstr='#ff920a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.forum_wrap {overflow:hidden; background: #1e263a}
.forum_wrap .inner_wrap {z-index:1;color:#fff; min-height:1000px}
.forum_wrap .area_article{position:relative; width:1100px; margin:auto;}
.forum_wrap .area_article:after {display: block; clear: both; content: ""}
.forum_wrap .mod_title .title,.forum_wrap {color:#fff}
.forum_wrap .box_cont ul > li{position:absolute; left:0; top:0; bottom: 0; width:100%; max-width: inherit; opacity:0; transition:all 0.5s;}
.forum_wrap .box_cont ul > li.active{opacity:1;}

.forum_wrap .list_poster{position:absolute;left:0;top:0;width:100%; bottom: 0;}
.forum_wrap .list_poster li {margin:0 auto}
.forum_wrap .list_poster img{position: absolute; left: 50%; margin-left: -830px;}

.forum_wrap .forum_sidemenu {position:relative; margin-top: 200px;z-index:3}
.forum_wrap .forum_sidemenu:after {display: block; clear: both; content: ""}
.forum_wrap .forum_sidemenu .inner_list {position: relative; float: right; width:750px; display:table; vertical-align:middle;z-index: 1; padding-bottom:150px}
.forum_wrap .forum_sidemenu ul {display:table-cell;vertical-align:middle;position:relative}
.forum_wrap .forum_sidemenu ul li {}
.forum_wrap .forum_sidemenu ul li .list_cont {position:relative; display:none}
.forum_wrap .forum_sidemenu ul li .list_cont.active{display:block}

.forum_wrap .forum_sidemenu .dim {
	position: relative; 
	width: 230px; 
	float: left; 	
    -moz-box-shadow: 2px 6px 20px rgba(000,000,000,0.3);
    -webkit-box-shadow: 2px 6px 20px rgba(000,000,000,0.3);
    box-shadow: 2px 6px 20px rgba(000,000,000,0.3);
}
.forum_wrap .forum_sidemenu .dim h1 {
    display: block;
    padding: 40px 37px;
    font-size: 30px;
    color: #fff;
	border-bottom: 1px solid #2b3851;
}
.forum_wrap .forum_sidemenu .dim h2 {
    display: block;
    padding:10px 37px;
    font-size: 18px;
    color: #fff;
    background:url(../images/common/bg_dim_left.png) ;
}

.forum_wrap .forum_sidemenu .dim_menu {padding: 30px 0}
.forum_wrap .forum_sidemenu .dim_menu > a {display:block;padding:5px 20px 5px 37px; font-size:16px; color: #fff}
.forum_wrap .forum_sidemenu .dim_menu > a .bar{display:none;position:absolute; left:-25px;width:50px;height:2px;margin-top:-1px;background:#fff} /* 160920 수정 */
.forum_wrap .forum_sidemenu .dim_menu > a.on .bar{display:inline-block;margin-top:10px}
/*
.forum_wrap .forum_sidemenu .dim img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0}
.forum_wrap .forum_sidemenu .dim img:first-child{opacity: 1}
*/


.full_imgWrap {background-size: cover}
.full_imgWrap .w_wrap {position: relative}
.full_imgWrap .w_wrap:after {display: block; clear: both; content: ""}

.imgWrap_cont {padding: 200px 0 0 350px; position: relative}
.imgWrap_cont .snb {display: block; background: #111; height: 250px; padding-top: 30px}
.imgWrap_cont .snb li a {display: block; height: 40px; line-height: 40px; color: #fff; padding: 0 30px}


.page_menu {width: 250px; height: 300px; position: absolute; left: 0; top:200px}
.page_menu h1 {display: block; padding:40px 30px; background: #111; font-size: 30px; color: #fff; margin-bottom: 1px}
.page_content {min-height: 500px}
.page_content .copy {color: #fff}
.page_content .copy h2 {font-size: 20px; font-weight: 500; display: block; margin-bottom: 30px}
.page_content .copy h3 {font-size: 44px; line-height: 1.3em; display: block; margin-bottom: 40px}
.page_content .pic {position: relative; margin: 0 -10px; padding-top: 40px; margin-top: 60px}
.page_content .pic:after {display: block; content: ""; width: 50px; height: 2px; background: #fff; position: absolute; left: 10px; top:0}
.page_content .pic.bottom {margin: 0 -10px 0}
.page_content .pic.bottom:after {display: none}
.inner_list.yg .page_content .pic:after {background: #31abbe}
.inner_list.yg .page_content .copy h2 {color: #31abbe}
.inner_list.or .page_content .pic:after {background:  #fe8f0c;}
.inner_list.or .page_content .copy h2 {color:  #fe8f0c;}

.page_content .pic.three li {width: 33.3%}
.page_content .pic .pic_copy {padding: 0 10px 20px}
.page_content .pic.full li {width: 100%}
.page_content .pic li {display: block; width: 50%; float: left}
.page_content .pic li img {width: 100%}
.page_content .pic li p{padding:10px}
.page_content .pic .txt {padding: 10px}
.page_content .pic .txt.describe {}
.page_content .pic .txt.describe p {padding: 0}
.page_content .pic .txt.describe p:after {display: none}
.page_content .pic .txt dt {font-size: 20px; margin-bottom: 15px}
.page_content .pic .txt p {padding:0 0 3px 14px; position: relative}
.page_content .pic .txt p:after {display: block; content: ""; width: 3px; height: 3px; background: #fff; position: absolute; left: 3px; top:9px}

/**/
.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:#e61d6c}

.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(../images/common/bbs_round_next.png) 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(../images/pic/bbs_round.png) no-repeat 0 0;}
.are_facility .step li h2 p {font-size: 12px; color:#999; 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(../images/pic/people/content_arrow.png) 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; font-weight: normal; color: #333; line-height: 1.5em;}
.style_cont .title_area h1 .sub_copy {font-size: 16px; margin: 15px 0 0 0; line-height: 1.6em; color: #888}
.style_cont .content_area {position: relative; width: 75%; float: right; line-height: 1.6em}
.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-top: 20px}
.tab_style ul{width:1000px; margin: auto}
.tab_style li {display: inline-block}
.tab_style li a {
	display:block; 
	position: relative; 
	text-align:center; 
	line-height:62px; 
	height:60px; 
	letter-spacing:0; 
	margin: 0 20px; 
	color: #5b5b5b; 
	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 a:after {
    display: block;
    position: absolute;
    top: 55%;
    left: calc(50%);
    -webkit-transform: translateX(-50%) scaleX(0);
    transform: translateX(-50%) scaleX(0);
    width: calc(100%);
    height: 10px;
    border-bottom: 2px solid #e61d6c;
    transition: all .2s ease-in-out;
}
.tab_style li a:hover {color:#e61d6c;}
.tab_style li a:after {content: '';}
.tab_style li a:hover:after {
        -webkit-transform: translateX(-50%) scaleX(1);
        transform: translateX(-50%) scaleX(1)
}

.tab_style li.on a {color: #e61d6c;}

/**/
.tab_bk {padding:60px 0 10px; margin: 0; position: relative; z-index: 1; text-align: center}
.tab_bk .tab_wrap {display: inline-block}
.tab_bk li {position: relative; display: inline-block; float: left; margin: 0 0 0 10px; padding-left: 11px}
.tab_bk li.first {padding: 0; margin: 0}
.tab_bk li.first:after {display: none}
.tab_bk li:after {display: block; content: ""; width: 1px; height: 20px; background: #ddd; position: absolute; left: 0; top:50%; margin-top: -10px}
.tab_bk li a {display: inline-block; padding:10px 15px; font-size: 18px; font-weight: 700; color: #111;}
.tab_bk li.on a {background-color: #0f6c7b; border-radius: 20px; color: #fff; padding:10px 20px;}
/**/

.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: 16.6%;
    text-align: center;
    line-height: 30px;
}
.tab_area .tab_address_ul li a {
	display: block;
    height: 42px;
    padding-top: 13px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    font-family: 'NanumSquare'; 
}
.tab_area .tab_address_ul li a:before {content:'';width:1px;height:26px;/* background:#e3e3e3; */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:#e61d6c;}
.tab_area .tab_address_ul li.on a {border-right: 1px solid #ddd;border-left: 1px solid #ddd; border-top: 2px solid #e61d6c; border-bottom: 0; color:#e61d6c;}
.tab_area .tab_address_ul li.on:before {display:none;}
.tab_area .tab_address_ul li a:hover {color:#e61d6c;}
.tab_area .tab_business_area_ul.faq {margin:50px 0 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;
	background-position:center top;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.review_banner img {width:100%}
.item_obj .item_data a.list_thumb img {width:100%}
.item_obj .reveiw{text-align:left; padding:20px 0;}
.item_obj .reveiw dl{padding:0;}
.item_obj .reveiw dl dt{
	color: #fff;
    position: absolute;
    top: 0;
    left:0;
    height: 70px;
    width: 70px;
    z-index: 3;
}
.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:14px; color: #999; font-family: 'Oswald', sans-serif; font-weight:300;}
.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:#444; white-space: nowrap; text-overflow: ellipsis;}
.item_obj .reveiw.text p{color:#444;}
.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; margin: 0;}
.view_header:after {display: block; clear: both; content: "";}
.view_header h1 {display: block; font-size:30px; color:#333; text-align: center; margin: 0}
.view_header h1.api {font-weight: 400; font-size: 28px}

.view_header_1 {display:block; margin: 0;}
.view_header_1:after {display: block; clear: both; content: "";}
.view_header_1 h1 {display: block; font-size: 30px;  color: #333; font-weight: 500; text-align: center; margin: 50px 0 30px; line-height: 1.4em}
.view_header_1 h1.api {font-weight: 400; font-size: 28px}


.view_container {padding: 30px 0; text-align: initial; line-height: 1.6em; color: #888; border-top:1px solid #ddd; border-bottom: 1px solid #ddd}
.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%}
.board_btn_wrap {text-align: center}

/* FAQ */
.in_tab:after{content:"";display:block;clear:both;}
.in_tab {}
.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: #0f6c7b}
.in_tab ul li.on a {color: #0f6c7b}
.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; color: #333}
.in_faq li a:hover {text-decoration:underline}
.in_faq li p {font-size:14px; color: #0f6c7b; line-height: 1em}
.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(../images/btn/bbs_arrow_dwon_.png) 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: #e61d6c; 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;
	font-size:14px;
	line-height:1.5em;
}
.tooltip img {width: 100%}
.tooltip h1 {display:block; font-size:16px; text-align:center; margin-bottom:10px; letter-spacing:0}
	
/* 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-family: 'Oswald', sans-serif; font-weight:300; 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:1px 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 {font-family: 'Oswald', sans-serif; font-weight:300; 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: #E61D6D; 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; font-weight:300;}
.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(../images/pic/cs_img01.jpg)}
.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 #444}
.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:2px solid #444; height:40px; line-height:40px; background:url(../images/common/bbs_s_arrow_bk.png) 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; font-weight:300;}
.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;
	font-weight:300;
    color: #e61d6c;
}
div.lookbook_legend h1 {
	font-size:18px;
	font-weight:300;
    letter-spacing:1px;
}
div.lookbook_legend p {
	font-size:20px;
    letter-spacing:1px;
    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(../images/lookbook/arrows.png) 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("../images/common/event_btns.png") 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("../images/common/event_btns.png") 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("../images/common/event_btns.png") 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%}

/* contact */
.sub_container {padding: 0; min-height: 500px}
.sub_container:after {display: block; clear: both; content: ""}
.email_title {margin: 80px 0 20px; padding-bottom: 20px; border-bottom: 2px solid #0f6c7b; display: none;}
.email_title:after {display: block; clear: both; content:""}
.email_title h2 {font-size: 30px; float: left; font-weight: 700; color: #fff; margin-right: 20px; display: block;}
.email_title span {color: #fff}
.email_title p {float: left;}

.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(../images/sub/bar_01.gif) no-repeat top center;}
.mail_wrap:after {display:block; clear:both; content:""}
.mail_wrap .contact_sub {text-align:center; margin-bottom:15px; color:#000; font-family: 'Lato', sans-serif; font-weight:700}
.mail_wrap h2.txt {
	display: block;
    text-align: center;
    font-family: 'NanumBarun_light';
    line-height: 1.5em;
    color: #111;
    font-size: 36px;
    font-weight: normal;
    margin: 40px 0;
}
.mail_wrap .txt em {color: #e61d6c;}

.message_form {display:block; position: relative; z-index: 1; margin:0 -20px 40px}
.message_form:after {display:block; clear:both; content:""}
.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}
.message_form li.in_put .select_box select {padding: 12px}
.message_form li input {width:100%; border:0; background:none; height:25px; background-color: #fff; color: #fff !important}
.message_form li em {position:absolute; left:20px; top:8px; font-size:14px; color: #000}
.message_form li textarea {width:100%; border:0; background:none}
.message_form .in_wrap {padding-left: 100px; padding-right: 20px;}
.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;
    background: #999;
    height: 40px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;}
.t_in {padding: 5px 20px; background: #fff; border-radius: 10px;}


.message_form.mongsqna li input {width:100%; border:0; background:none; height:50px; background-color: #fff;}
.message_form.mongsqna .t_in {padding: 1px; background: #ddd; border-radius: 0px;}
.message_form.mongsqna li em {position:absolute; left:20px; top:8px; font-size:14px; color: #999}
.message_form.mongsqna li textarea {width:100%; border:0; background:#fff}


.company_map {position: relative; height: 500px; margin-top: 70px}
.company_map .map_infor {position: absolute; left: 50%; top:50%; margin-left: -550px; margin-top: -100px;
	z-index: 10; padding: 40px 40px 30px; width: 280px;
	background: url(../images/common/bg_navy.png);
	-moz-box-shadow: 0 3px 1px rgba(000,000,000,0.1);
    -webkit-box-shadow: 0 3px 1px rgba(000,000,000,0.1);
    box-shadow: 0 3px 1px rgba(000,000,000,0.1);
}
.company_map .map_infor h2 {display: block; font-size: 20px; font-weight: bold; color:#fff; margin-bottom: 20px}
.company_map .map_infor p {color: #fff; margin-bottom: 10px}

.check_box {text-align: center}
.check_box .txt {position: relative; padding: 35px 0; background-color: #dae6dd; color: #333; line-height: 1.7em; border-radius: 10px;}
.check_box .txt.bor {border: 1px solid #e8e2e2}
.check_box h1 {font-size:18px; display:block; padding-bottom:20px; color:#000;}
.check_box ul {display: block; margin: 20px 0;}
.check_box li {color: #377a6d}
.check_box .check {padding:20px 0; font-size:14px; text-align: center; color: #000}
.check_box .check input {margin-right:5px}

.check_box.mongsqna h1 {font-size:18px; display:block; padding-bottom:20px; color:#000;}
.check_box.mongsqna .txt {position: relative; padding: 35px 0; background-color: #fff; color: #000; line-height: 1.7em; border-radius: 10px;}
.check_box.mongsqna .txt.bor {border: 1px solid #e8e2e2}
.check_box.mongsqna li {color: #333}
.check_box.mongsqna .check {padding:20px 0; font-size:14px; text-align: center; color: #000}

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

/* RECRUIT */
.recruit_man {padding: 50px 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: normal;
    margin-bottom: 40px;
}
.recruit_man h2 em {color: #e61d6c}
.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: 18px; font-weight: normal; 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 #ddd}
.inist_recruit .benefit li .box h2 {color: #111; font-size: 16px; 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: 450px; margin: 0 5px; background-color: #fff; border-top: 2px solid #e61d6c;
	-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 .ci.bio img {margin-left: 50px}
.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; font-family: 'NanumSquare'; color: #111; font-weight: bold}
.recruit_link_wrap .linkBox .content {padding: 30px 0 35px; line-height: 1.7em; font-size: 14px}
.recruit_link_wrap .linkBox .content em {color: #e61d6c}
.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 a span {font-family:AvenirNextLTPro_demi}
.tab02 li.on a {background-color:#778FC8; color:#fff}

/*faq*/
.faq_wrap {}
.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 {}
.cs_list .tab_area {margin-bottom: 30px}
.cs_list table.tbl_board td.open {background-color:#f5f5f5; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3;}
.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-bottom:1px solid #e3e3e3; text-align:center; vertical-align:middle; line-height:16px; font-weight:bold; color:#767676;}
table.tbl_board td {padding:20px 10px 17px; border-bottom:1px solid #e3e3e3; text-align:center; vertical-align:middle; line-height:16px; color:#767676;}
table.tbl_board td.left {text-align:left}
table.tbl_board td.en {f}
table.tbl_board td.br {color:#e61d6c}
table.tbl_board td.open_map {padding:0}
.in_map {height:400px}
table.tbl_board td.td_tit {text-align:left; border-right:1px solid #e3e3e3}
table.tbl_board th.th_tit {border-right:1px solid #e3e3e3}
.cs_list table.tbl_board td.open {background-color:#fcf8f8;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 #e3e3e3; border-right:1px solid #e3e3e3; 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 #e3e3e3; border-right:1px solid #e3e3e3; 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:center; 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 */
.cs_center_wrap {position: relative; padding: 50px 0;}
.cs_office_infor {position: relative; height: 550px; margin-bottom: 30px; 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: 80px}
.cs_infor_wrap.wh .cs_item h2 {color: #fff; font-size: 18px; margin: 0}
.cs_infor_wrap.wh .cs_thumb {top:20px}
.cs_infor_wrap.wh .cs_company_cate li {width: 50%; color: #ccc}
.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: #E61D6D; margin-right: 10px}
.cs_infor_wrap.wh .cs_in {position: relative; vertical-align: middle; padding:20px 0 13px 210px; border-bottom: 1px dotted #666;}
.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: 60%}

.cs-001 { overflow: hidden; margin-top: -20px; }
.cs_item {position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
.cs_item h2 {font-family: 'NanumSquare'; 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; font-weight:300; 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; width:33.3%}
.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-family: 'NanumSquare';}
.cs_wrap {text-align: center}
.cs_wrap .h1_big_style {margin-top: 20px}
.cs_wrap .txt {
    display: block;
    text-align: center;
    font-family: 'NanumBarun_light';
    line-height: 1.5em;
    color: #111;
    font-size: 36px;
    font-weight: normal;
    margin: 40px 0;
}
.cs_wrap .txt em {color: #E61D6D;}

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

/* people */
.start_wrap {}
.start_wrap .visual {position: relative; height: 1000px; text-align: center; background:url(../images/pic/bg_start.jpg) no-repeat center top; background-size: cover}
.start_wrap .visual_img {display: block; position: absolute; left: 0; right: 0; bottom: -100px}
.start_div {text-align: center; clear: both; padding: 100px 0 120px}
.start_div.gray {background: #f8f8f8}

.page_title_section {margin-top:100px; margin-bottom: 20px; text-align: center; padding: 15px 0; font-size: 20px;
	-moz-box-shadow: 2px 6px 20px rgba(000,000,000,0.2);
    -webkit-box-shadow: 2px 6px 20px rgba(000,000,000,0.2);
    box-shadow: 2px 6px 20px rgba(000,000,000,0.2);
}


/* 메인비주얼 타이틀 */
.visual_title {margin: 130px 0 0 130px; color: #333; text-align: left}
.visual_title h1 {font-size: 60px; line-height: 1.2em; font-weight: 800; color: #0f6c7b;}
.visual_title p {margin-top: 40px; font-weight: 400; font-size: 20px; line-height: 1.8em}

/* Service */
.service_visual {max-width: 1520px; height: 510px; margin: 130px auto 0; background: url('../images/service/main.jpg') no-repeat center top; border-radius: 40px; overflow: hidden;}

.service_tab {height: 50px; text-align: center; margin-top: 80px;}
.service_tab span {display: inline-block; border: 1px solid #ebebeb; border-radius: 25px;}
.service_tab a {line-height: 50px; display: inline-block; padding: 0 30.95px; text-align: center; color: #333;}
.service_tab a.on {background-color: #0f6c7b; color: #fff; border-radius: 25px;}

.service_intro {text-align: center; font-family: 'Gmarket Sans'; font-size: 28px; font-weight: 400; color: #111; line-height: 1.6em; margin: 90px 0 30px;}

.service_process {background-color: #f2f8f9;}
.service_process h2 {font-size: 35px; font-weight: 700; color: #333; padding-top: 70px;}
.service_process .process_list {padding-top: 40px; margin: 0 -20px;}
.service_process .process_list:after {display: block; clear: both; content: ""}
.service_process li {width: 33.3%; height: 400px; float: left; box-sizing: border-box; position: relative; padding: 0 20px; margin-bottom: 50px;}
.service_process li:after {display: block; clear: both; content: ""}
.service_process .p_img {border-radius: 20px; overflow: hidden;}
.service_process .p_img img {width: 100%}
.service_process .p_text {margin: 25px;}
.service_process .p_text dt {font-family: 'Gmarket Sans'; font-size: 23px; color: #0f6c7b; font-weight: 700;}
.service_process .p_text dd {margin: 15px 0 20px; font-size: 17px; line-height: 1.5em;}
.service_process .p_text .btn_service {display: inline-block; font-size: 15px; padding: 5px 25px; margin-right: 10px; border: 1px solid #d5d5d5;
	border-radius: 20px; color: #333; /*background: url('../images/service/ico_arrow.png') no-repeat 80% 50%;*/
	}
.service_process .ico_next {position: absolute; top: 115px; right: -5px;}

.service_price {background-color: #f2f8f9; padding-bottom: 160px;}
.service_price h2 {font-size: 35px; font-weight: 700; color: #333; padding-top: 100px;}
.service_price .price_list {margin: 40px -20px 0;}
.service_price .price_list:after {display: block; clear: both; content: "";}

.service_price li {float: left; display: block; width: 33.3%; box-sizing: border-box; padding: 0 20px 40px;}
.service_price .price_box {display: block; height: 510px; position: relative; border-radius: 30px; overflow: hidden;}

.service_price .text_box {margin: 70px 40px; color: #fff}
.service_price .text_box dt {font-family: 'Gmarket Sans'; font-size: 30px; font-weight: 700; margin-bottom: 40px;}
.service_price .text_box dt em{font-family: 'Gmarket Sans'; font-size: 22px; font-weight: 300;}
.service_price .text_box dd {font-size: 20px; font-weight: 300; line-height: 1.8em;}
.service_price .text_box .price {position: absolute; bottom: 50px; right: 15px; font-family: 'Gmarket Sans'; font-size: 25px; font-weight: 300;}
.service_price .text_box .price.note {bottom: 22px; font-size: 22px;}
.service_price .text_box .price em{bottom: 22px; font-size: 14px;}

.price_box.price1 {background: url('../images/service/funeral_price1.jpg') no-repeat center top; background-size: cover;}
.price_box.price2 {background: url('../images/service/funeral_price2.jpg') no-repeat center top; background-size: cover;}
.price_box.price3 {background: url('../images/service/funeral_price3.jpg') no-repeat center top; background-size: cover;}
.price_box.price4 {background: url('../images/service/funeral_price4.jpg') no-repeat center top; background-size: cover;}
.price_box.price5 {background: url('../images/service/funeral_price5.jpg') no-repeat center top; background-size: cover;}
.price_box.price6 {background: url('../images/service/funeral_price6.jpg') no-repeat center top; background-size: cover;}

.price.bold {font-weight: 600; color: #000;}


/* 몽스 마블 */
.marble_feature {background-color: #f2f8f9; position: relative; padding: 250px 0 0;}
.marble_price {background-color: #f2f8f9;}
.marble_gallery {background-color: #f2f8f9;}
.marble_gallery .bx-wrapper {margin: 0}

.crystal {display: inline-block; position: absolute; left: 50%; top: -70px; margin-left: -270px;}
.feature_box {max-width: 1300px; background-color: #fff; border-radius: 50px; padding: 225px 60px 90px;}
.feature_box:after {display: block; clear: both; content: "";}
.feature_box li {width: 25%; height: 425px; float: left; text-align: center;}
.feature_box .feature_ico {width: 235px; height: 235px; position: relative; margin: auto;}
.feature_box .feature_ico .ico_img {position: absolute; left: 50%; top: 50%; margin: -65px 0 0 -65px;}
.feature_box .feature_text {margin-top: 40px;}
.feature_box .feature_text h2 {font-family: 'Gmarket Sans'; font-weight: 700; font-size: 23px; color: #0f6c7b; line-height: 1.4em;}
.feature_box .feature_text p {line-height: 1.4em; margin-top: 20px; font-size: 17px;}
.feature_box .service_bg img {width: 100%;}

.marble_text {width: 500px; margin: auto; padding: 100px 0}
.marble_text h2 {padding-bottom: 30px; text-align: center; font-size: 35px; font-weight: 700; color: #333; border-bottom: 1px solid #c6c6c6;}
.marble_text ul:after {display: block; clear: both; content: ""}
.marble_text li {margin-top: 20px; width: 50%; float: left;}
.surtax {margin-top: 20px; color: #999; font-size: 14px}

.marble_gallery {text-align: center; padding: 50px 0 150px;}
.marble_gallery li img {border-radius: 20px; overflow: hidden;}

/* 추모공간 */
.memory {background-color: #f2f8f9; padding: 80px 0 140px;}
.memory li{margin-bottom: 50px;}
.memory li:after {display: block; clear: both; content: ""}
.memory .memory_img {width: 39%; height: 410px;  margin-right: 1%; float: left; border-radius: 30px; overflow: hidden;}
.memory .memory_box {width: 60%; height: 410px;  float: left; border-radius: 30px; background-color: #fff; position: relative;}
.memory .memory_box .memory_copy {margin: 50px 60px 0;}
.memory .memory_box .memory_copy h2 {font-family: 'Gmarket Sans'; font-size: 28px; font-weight: 700; color: #111;}
.memory .memory_box .memory_copy p {margin-top: 20px; font-size: 17px}
.memory .memory_box .memory_price {position: absolute; width: 80%; left: 60px; bottom: 50px;}
.memory .memory_box .memory_price h2 {font-size: 20px; color: #0f6c7b; font-weight: 700; border-bottom: 1px solid #c6c6c6; padding-bottom: 15px;}
.memory .memory_box .memory_price table {margin-top: 15px; font-size: 16px;}
.memory .memory_box .memory_price .title {width: 170px;}
.memory .memory_box .memory_price .text {margin: 0; font-size: 16px; float: left; width: 50%;}

.memory_img.img1 {background: url('../images/service/memory_1.jpg') no-repeat center top;}
.memory_img.img2 {background: url('../images/service/memory_2.jpg') no-repeat center top;}
.memory_img.img3 {background: url('../images/service/memory_3.jpg') no-repeat center top;}
.memory_img.img4 {background: url('../images/service/memory_4.jpg') no-repeat center top;}


/* 몽몽이 멤버십 */
.monslife {background-color: #eef7ef;}
.monslife_visual {max-width: 1520px; height: 510px; margin: 130px auto 0; display: flex; align-items: center; justify-content: center; background: url('../images/monslife/main_2.jpg') no-repeat center top; border-radius: 40px; overflow: hidden;}
.monslife_visual .txt_wrap {text-align: center;}
.monslife_visual .txt_wrap .key_msg {font-family: 'Gmarket Sans'; font-size: 80px; line-height: 1.2; color: #000; font-weight: bold;}
.monslife_visual .txt_wrap .msg {margin-top: 20px; font-size: 24px; color: #000; margin-bottom: 30px;}
.monslife_visual .txt_wrap .call {font-size: 30px; font-family: 'Gmarket Sans'; font-weight: bold; color: #df8e0b;}
.monslife_visual .pic {width: 260px; margin-left: 50px}
.monslife_intro {text-align: center; font-family: 'Gmarket Sans'; font-size: 28px; font-weight: 400; color: #000; line-height: 1.6em; margin: 100px 0 80px;}
.benefit_box {max-width: 1300px; background-color: #dae6dd; border-radius: 30px; padding: 60px 0; margin: 0 auto 50px;}
.benefit_box dt {text-align: center; font-family: 'Gmarket Sans'; font-size: 23px; font-weight: 400; color: #000;}
.benefit_box dd {text-align: center; margin-top: 20px; color: #000}
.ethics_form {margin-bottom: 100px}

.section_title {display: block; color: #000; font-size: 40px; font-weight: 700; line-height: 1.2em; text-align: center; font-family: 'Gmarket Sans'; margin-bottom: 50px;}
.section_title em {color: #0F8291}
.main_join {padding: 150px 100px; background-color: #fff} 
.main_join .cont {display: flex;  align-items: center; align-content: center; justify-content: center;}
.main_join .cont .join_cont {text-align: center; width: 400px}
.main_join .cont .join_cont .thumb {margin-bottom: 50px}
.main_join .cont .join_cont strong {font-family: 'Gmarket Sans'; font-size: 30px; color: #000; display: block; margin-bottom: 20px}
.main_join .cont .join_cont p {font-size: 22px; color: #000}

.main_benefit {position: relative; text-align: center; padding-bottom:110px; z-index: 1; background-color: #fff}
.main_benefit .cont {margin: auto; margin-bottom: 30px; display: flex}
.main_benefit .cont .benefit_cont {margin:0 5px; width: 300px;}
.main_benefit .btn_wrap {margin-top: 50px}
.main_benefit .btn_wrap .btn {display: inline-block; background: #004638; height: 60px; line-height: 60px; width: 250px; padding: 0; text-align: center; font-family: 'Gmarket Sans'; font-size: 26px; color: #fff; font-weight: bold; border-radius: 100px; margin: 0 10px}
.main_benefit .btn_pop a{color: #176c7a; font-weight: bold; font-size: 20px; margin-top: 18px;} 

.benefit_cont {background: #e6f3e8; padding: 50px 30px; border-radius: 30px}
.benefit_cont .bene {display: inline-block; color: #e6f3e8; background: #004638; height: 40px; line-height: 40px; text-align: center; width: 120px; border-radius: 50px}
.benefit_cont strong {display: block; color: #000; font-family: 'Gmarket Sans'; font-size: 29px; margin: 30px 0 0; height: 80px; line-height: 1.2}
.benefit_cont strong em {color: #ff0000}
.benefit_cont .thumb {margin-bottom: 20px}
.benefit_cont .thumb img {max-width: 100%}
.benefit_cont .small {font-size: 15px; line-height: 1.4; margin-top: 10px; color: #0f8295; font-family: 'Gmarket Sans';}
.benefit_cont .small em {font-weight: 800;}
.benefit_cont .small .red {font-weight: 800; color: #ff0000; font-size: 18px;}

.benefit_cont P {font-size: 17px; line-height: 1.4; margin: 20px 0}

.main_about {margin-top: 110px;}
.main_about .section_text {text-align: center;}
.main_about .section_text dt {font-family: 'Gmarket Sans'; color: #000; font-size: 35px; line-height: 1.2; margin: -20px 0 20px}
.main_about .section_text dt em {color: #0F6C75;}
.main_about .section_text dd {color: #000; font-size: 23px}

.membership {width: 100%; background-color: #daf1e1; padding-bottom: 50px; margin-top: 100px; position: relative;}
.membership .speech_bubble {width: 900px; margin: auto;}
.membership .speech_bubble img {margin-top: -60px; width: 100%}
.membership:before {content: ""; display: block; width: 200px; height: 300px; position: absolute; left: 0; bottom: 0; background:url('../images/main/bbs_pt.png') no-repeat left bottom; background-size: 100% auto;}

.main_join .cont .join_cont {text-align: left; width: 400px; display: flex;}
.main_join .cont .join_cont .txt {margin-left: 30px;}

.animal {text-align: center; margin: 0 auto 50px; padding-top: 50px; background: linear-gradient(#fff 70.5%, #eef7ef 25%);}


/* 추모갤러리 */
.mongs_gallery .g_title{margin: 180px 0 0;}
.mongs_gallery .g_title h1 {font-family: 'Gmarket Sans'; text-align: center; font-size: 55px; font-weight: 700; color: #333; line-height: 1em;}
.mongs_gallery .g_title .g_copy {margin-top: 30px; text-align: center; color: #333;}

/* faq */
.mong_cs {margin: 180px 0 90px;}
.mong_cs:after {display: block; clear: both; content: ""}
.cs_visual {width: 50%; float: left; margin-top: 10px; box-sizing: border-box; padding-right: 7%}
.cs_visual img {width: 100%}
.mong_cs .board_style{width: 50%; float: left;}
.cs_text {width: 50%; float: left;}
.cs_text h1 {font-family: 'Gmarket Sans'; font-size: 55px; font-weight: 700; color: #333; line-height: 1em;}
.cs_copy {margin-top: 30px; color: #333;}
.cs_text .faq_list {margin-top: 40px;}


.bg_notice {background: url('../images/main/bg_notice_round1.png') no-repeat left 90%, 
						url('../images/main/bg_notice_round2.png') no-repeat 90% top}


/* 공지사항 */
.tbl_row  {margin: 40px -10px 0}
.tbl_row .row {width: 50%; float: left; }
.tbl_row .row .box {position: relative; border: 1px solid #ddd; padding: 25px; border-radius: 20px; margin: 0 10px}
.tbl_row .row .box .num {position: absolute; left:20px; top:20px; font-size: 12px; display: none}
.tbl_row .row a {color: #000}
.tbl_row .row a:hover {text-decoration: underline}
.tbl_row .row .subject {font-weight: 500; font-size: 20px}
.tbl_row .row .txt {height: 50px; font-size: 14px; line-height: 1.5em; margin: 15px 0}
.tbl_row .row .etc {clear: both; height: 30px; padding-top: 10px; border-top:1px dashed #ddd}
.tbl_row .row .date {font-size: 12px; float: left; color: #0f6c7b}
.tbl_row .row .hit {font-size: 12px; float: right}



/* 장례용품 */

.funeral_products {background-color: #f2f8f9;}
.funeral_products .bg_w {background-color: #fff;}
.funeral_products .bg_w.last{padding-bottom: 80px;}
.funeral_products h2 {font-size: 35px; font-family: 'Gmarket Sans'; font-weight: 700; color: #333; text-align: center; padding: 120px 0 50px;}
.funeral_list {max-width: 1300px; margin: auto;}
.funeral_list:after {display: block; clear: both; content: ""}
.funeral_list.divide2 li {width: 50%; float: left; box-sizing: border-box; position: relative; padding: 0 20px; margin-bottom: 70px;}
.funeral_list li {width: 33.3%; float: left; box-sizing: border-box; position: relative; padding: 0 20px; margin-bottom: 70px;}
.funeral_list li:after {display: block; clear: both; content: ""}
.funeral_list .f_img {border-radius: 20px; overflow: hidden;}
.funeral_list .f_img img {width: 100%}
.funeral_list .f_text {margin: 25px 10px;}
.funeral_list .f_text dt {font-family: 'Gmarket Sans'; font-size: 23px; color: #0f6c7b; font-weight: 700;}
.funeral_list .f_text dd {margin: 15px 0 20px; font-size: 17px; line-height: 1.5em; word-break: keep-all}

.funeral_list .f_img .shroud_set {position: absolute; left: 30px; bottom: 185px;}
.funeral_list .f_img .shroud_set li {width: 100px; float: left; margin-bottom: 0; padding: 0 10px;}

.funeral_list .shroud_set {margin: 0 -20px; padding-top: 40px; position: relative}
.funeral_list .shroud_set li {width: 33.3%; float: left; }
.funeral_list .shroud_set li img {width: 100%; border-radius: 20px; overflow: hidden}
.funeral_list .plus {position: absolute; top: 56%; left: 48%; font-family: 'Gmarket Sans'; font-size: 55px; color: #0f6c7b;}

.funeral_list .made {position: absolute; top: -10px; right: 40px;}



/* 장례용품 */
.news_wrap {margin: 180px auto 50px; max-width: 1300px}
.service_table {width: 800px; margin: 0 auto; text-align: center;}

/** 테이블 전체의 테두리 */
table.service_table { border: solid 1px #D5D5D5; text-align: center; margin: 30px auto 60px; }
table.service_table td { width: 25%; padding: 5px; }
table.service_table thead { background-color: #cfe3ed; }

/** 테이블 header 의 각 컬럼별 테두리 */
table.service_table thead th { border-left: solid 1px #BDD7EE; border-bottom: solid 1px #0f6c7b;  height: 40px; color: #000}

/** 테이블 header 의 첫번째 컬럼은 테이블 전체 테두리로 보여져야 하므로 left border 를 제거한다. */
table.service_table thead th:first-child { border-left: none; }

/** 테이블 body 의 각 컬럼별 테두리 */
table.service_table tbody td { border-left: solid 1px #D5D5D5; border-bottom: solid 1px #D5D5D5; }

/** 테이블 body 의 첫번째 컬럼은 테이블 전체 테두리로 보여져야 하므로 left border 를 제거한다. */
table.service_table tbody td:first-child { border-left: none; }

/** 테이블 body 의 마지막 ROW 는 테이블 전체 테두리로 보여져야 하므로 bottom border 를 제거한다. */
table.service_table tbody tr:last-child > td { border-bottom: none }


.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(../images/sub/bar_01.gif) no-repeat top center;}
.mail_wrap:after {display:block; clear:both; content:""}
.mail_wrap .contact_sub {text-align:center; margin-bottom:15px; color:#000; font-family: 'Lato', sans-serif; font-weight:700}
.mail_wrap h2.txt {
	display: block;
    text-align: center;
    font-family: 'NanumBarun_light';
    line-height: 1.8;
    color: #111;
    font-size: 36px;
    font-weight: normal;
    margin: 40px 0;
}
.mail_wrap .txt em {color: #e61d6c;}

.message_form {display:block; position: relative; z-index: 1; margin:90px -20px 40px}
.message_form:after {display:block; clear:both; content:""}
.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}
.message_form li.in_put .select_box select {padding: 12px}
.message_form li input {width:100%; border:0; background:none; height:25px; background-color: #fff; color: #fff !important}
.message_form li em {position:absolute; left:20px; top:8px; font-size:14px; color: #000}
.message_form li textarea {width:100%; border:0; background:none}
.message_form .in_wrap {padding-left: 100px; padding-right: 20px;}
.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; background: #999; height: 40px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center}
.t_in {padding: 5px 20px; background: #fff; border-radius: 10px;}


.message_form.mongsqna li input {width:100%; border:0; box-sizing: border-box; padding: 0 20px; background:none; height:40px; background-color: #fff;color: #000 !important}
.message_form.mongsqna .t_in {border: 1px solid #ddd; border-radius: 0px; border-radius: 8px; overflow: hidden; padding: 0}
.message_form.mongsqna li em {position:absolute; left:20px; top:8px; font-size:14px; color: #999}
.message_form.mongsqna li textarea {width:100%; border:0; background:#fff}

.message_form.mongsqna li .filebox{display:flex;}
.message_form.mongsqna li .filebox .upload-name {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    width: 78%;
    color: #999999 !important;
}

.message_form.mongsqna li .filebox label {
    display: flex;
    width:calc(22% - 10px);
    height:40px;
    color: #fff;
    vertical-align: middle;
    background-color: #999999;
    cursor: pointer;
    margin-left: 10px;
    margin-bottom:0;
    align-items: center;
    justify-content:center;
    font-size:15px;
    font-weight:400;
}

.message_form.mongsqna li .filebox input[type="file"]#qna-file {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0 none;
}

.message_form.mongsqna .file-wrap .t_in{background:none;}


/********2024**********/

.mongs_gallery .g_title h1{font-family:inherit;}

/*main*/
#main{position:relative;width:100%;height:100vh;overflow:hidden;}
#main *{box-sizing: border-box;}
#main .btn{display:flex;position:absolute;bottom:100px;left:50%;width:250px;height:58px;border-radius:30px;border:1px solid #fff;background:rgba(217, 217, 217, 0.10);font-size:20px;transform: translateX(-50%);align-items:center;justify-content:center;color:#fff;}
#main .btn:hover{background:rgba(217, 217, 217, 0.90);color:#000;border:1px solid transparent}
#main .videoWrapper video{right:auto;left:50%;transform:translateX(-50%);width:100%;height:100vh;}

/*sub*/
.subpage *{box-sizing: border-box !important;line-height:1.4;}
.page_title h1 .highlight-container{color:#fff;}
/* .videoWrapper{overflow:hidden;} */

/*시네마서비스*/
#about .visual{position:relative;width:100%;height:100vh;background:url(../images/etc/about_visual.jpg) no-repeat center bottom;background-size:cover;}
#about .contents .con-tit{text-align:center;}
#about .visual .inner{display:flex;height:100%;align-items: center;justify-content:center;}
#about .visual .con-txt{width:100%;color:#fff;}
#about .visual .con-txt>p{text-align:center;line-height:1.9;}
#about .visual .con-txt>p span{font-size:24px;}
#about .visual .bt-txt{position:absolute;bottom:48px;width:100%;text-align:center;color:#fff;line-height:1.5;}
#about .visual h2{font-size:75px;}
#about .visual .con-txt p span.pc-only{display:inline-block;margin-bottom:20px;}
#about .con-tit h3{margin-bottom:30px;font-size:33px;font-weight:500;color:#000;}
#about .con-tit p{font-size:21px;}
#about .con-tit ul{justify-content: center;font-size:20px;color:#000;}
#about .con-tit ul li.line{width:70px;height:.2px;margin:0 20px;background:#777;}
#about .vid{width:100%;min-height:auto;}
#about .contents .con-tit p{font-size:19px;color:#777;}
#about .sec03 .btn{width:fit-content;margin:50px auto 0;padding:0 45px;}
#about .sec03 .con-tit p{color:#000;}
#about .sec01 .con-wrap ul{max-width:1000px;margin:70px auto 0;}
#about .sec01 .con-wrap li{display:flex;width:428px;padding:50px 0;border-radius: 30px;border: 1px solid #FF781E;text-align:center;align-items: center;justify-content: center;flex-direction: column;}
#about .sec01 .con-wrap li h4{margin-bottom:10px;font-size: 24px;font-weight: 600;color:#FF781E;}
#about .sec01 .con-wrap li p{font-size:19px;}

#appendix .sec01 .inner{align-items: stretch;}
#appendix .sec01 h2{font-size: 50px;font-weight:700;margin-bottom:10px;}
#appendix .sec01 .con-tit{text-align: left;}
#appendix .sec01 .con-tit{width:calc(45% - 45px);}
#appendix .sec01 .con-txt{width:calc(55% - 45px);padding-top:200px;}
#appendix .sec01 .con-tit p{padding-bottom:20px;font-size:22px;border-bottom:.2px solid #777;}
#appendix .sec01 .con-txt p{font-size:18px;color:#444;}
#appendix .sec01 .con-txt p span{color:#000;font-size:20px;}
#appendix .sec02{padding:200px 0;background:url(../images/etc/bg_2.jpg) no-repeat center;background-size:cover;color:#fff;text-align: center;}
#appendix .sec02 h3{margin-bottom:25px;font-size: 24px;font-weight:700;}
#appendix .sec02 p{font-size: 20px;}

/*서비스 프로세스*/
#process .visual{position:relative;height:100vh;background:url(../images/etc/process_bg.jpg) no-repeat center 90%;background-size:cover;}
#process .visual .inner{display:flex;width:100%;height:100%;padding-top:180px;align-items: flex-start;justify-content:center;}
#process .visual .con-tit{color:#fff;text-align:center;}
#process .visual .con-tit h2{margin-bottom:10px;font-size:75px;font-weight:500;}
#process .visual .con-tit p{font-size:20px;}
#process div[class*="sec"] .con-tit{margin-bottom:100px;text-align:center;}
#process div[class*="sec"] .con-tit h3{margin-bottom:10px;font-size:55px;font-weight:700;}
#process div[class*="sec"] .con-tit p{font-size:20px;color:#818181;}
#process .btn.btn-hover{width:238px;margin:100px auto 0;}
#process .sec00{text-align: center;}
#process .sec00 h3{margin-bottom:30px;font-size:30px;}
#process .sec00 h3 span{font-size:36px;}
#process .sec00 h3 span.font-abhaya{font-size:64px;}
#process .sec00 p{font-size:24px;line-height:1.6;}
#process .sec00 p span.font-abhaya{font-size:36px;}
#process .sec00 p span.font-org{display:inline-block;margin-top:35px;}
#process .sec01{background:#F8F8F8;}
#process .sec01 ul{flex-wrap: wrap;}
#process .sec01 ul li{width:33.33%;margin-bottom:100px;text-align:center;}
#process .sec01 ul li h4{margin:30px 0 15px;font-size:19px;font-weight:700;}
#process .sec01 ul li p{font-size:16px;}
#process .sec01 li img{height:160px;}
#process .sec02 .con-top{margin-bottom:100px;}
#process .sec02 .con-top .con-l li{margin-bottom:10px;}
#process .package-wrap h4{margin-bottom:32px;font-size:24px;font-weight:500;}
#process .package-wrap .conbx{width:100%;margin-bottom:24px;padding:50px 40px;border-radius: 30px;border: 1px solid #CFCFCF;}
#process .package-wrap .conbx>div{position:relative;width:50%;}
#process .package-wrap .conbx .con-txt{padding-left:30px;}
#process .package-wrap .conbx h5{margin-bottom:8px;font-size: 24px;font-weight:700;}
#process .package-wrap .conbx .con-txt p{font-size:18px;line-height:1.6;}
#process .package-wrap .conbx .con-txt p span{display:inline-block;margin-top:5px;color:#919191;}
#process .package-wrap .conbx .number{font-size: 55px;color:#c6c6c6;}
#process .sec02 .package-wrap .conbx .number{position:absolute;top:0;left:0;}
#process .sec02 .package-wrap .conbx .con-img{display:flex;align-items: center;justify-content:center;}
#process .sec02 .package-wrap .conbx3,
#process .sec02 .package-wrap .conbx4{padding-top:0;}
#process .sec02 .package-wrap .conbx3 .number,
#process .sec02 .package-wrap .conbx4 .number{top:50px;}
#process .sec02 .package-wrap .conbx3 .con-img,
#process .sec02 .package-wrap .conbx4 .con-img{align-items: flex-start;}
#process .sec02 .package-wrap .conbx3 .con-txt,
#process .sec02 .package-wrap .conbx4 .con-txt{padding-top:50px;}
#process .sec02 .con-bt{margin-top:80px;text-align: center;line-height:1.6;}
#process .sec02 .con-tit .price-txt{position:relative;margin-top:5px;color:#005aa9;font-weight:600;}
#process .sec02 .con-tit .price-txt span{display:block;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:250px;height:1px;background:#005AA9;}
#process .sec02 .con-tit .price-txt span::after{content:'이벤트 할인가 80만원';position:absolute;top:50%;left:90%;width:100%;font-size: 20px;font-weight: 600;color:#005AA9;transform:translateY(-50%);}
#process .sec02 .package-wrap>h4{display:flex;width:fit-content;height:55px;padding:0 48px;align-items:center;justify-content:center;background:#114878;color:#fff;font-size: 20px;font-weight: 700;border-radius: 40px;}

.emp_info {background:#F9F9F9; padding: 40px; border-radius: 30px; margin-top: 50px}
.emp_info .title {display:block; padding-bottom: 20px; border-bottom: 1px solid #ddd; text-align: center;}
.emp_info .info_row {display: flex; font-size: 12px; color: #575757}
.emp_info .info_row .row {width: calc(100% / 3)}
.emp_info .info_row .row .infoBox {padding: 30px 30px 0}
.emp_info .info_row .row:first-child {border-right: 1px solid #ddd}
.emp_info .info_row .row:first-child .infoBox {padding: 30px 30px 0 0;}
.emp_info .info_row .row:last-child {border-left: 1px solid #ddd}
.emp_info .info_row .row:last-child .infoBox {padding: 30px 0 0 30px;}
.emp_info .info_row .row .infoBox .name {display: block; margin:0 0 10px 10px; font-size: 16px; color: #000}
.dot_list {} 
.dot_list li {position: relative; display: block; padding: 3px 0 3px 10px}
.dot_list li:before {content: ''; display: inline-block; width: 2px; height: 2px; background: #575757; border-radius: 100%; position: absolute; left: 0; top:10px;}

#process .sec04 .con-top{margin-bottom:100px;}
#process .sec04 .con-top li{font-size:18px;line-height:1.7;}
#process .sec04 .con-top .li-label{display:inline-block;margin-right:10px;font-weight:700;font-family: 'Noto Sans KR';}
#process .sec04 .package-wrap{margin-bottom:70px;}
#process .sec04 .package-wrap1 .conbx,
#process .sec04 .package-wrap2 .conbx{width:calc(33.33% - 10px);}
#process .sec04 .package-wrap .conbx>div{width:100%;}
#process .sec04 .package-wrap .conbx .con-txt{padding:0;}
#process .sec04 .package-wrap1 .con-wrap,
#process .sec04 .package-wrap2 .con-wrap{align-items: stretch;}
#process .sec04 .con-img img{display:block;margin:auto;}
#process .sec04 h4{display:flex;width:fit-content;height:55px;padding:0 48px;align-items:center;justify-content:center;background:#000;color:#fff;font-size: 20px;font-weight: 700;border-radius: 40px;}
#process .sec04 .package-wrap3 .conbx .number{position:absolute;top:0;left:0;}
#process .sec04 .package-wrap3 .conbx .con-img{display:flex;align-items: center;justify-content:center;}
#process .sec04 .package-wrap3 .conbx3,
#process .sec04 .package-wrap3 .conbx4{padding-top:0;}
#process .sec04 .package-wrap3 .conbx3 .number,
#process .sec04 .package-wrap3 .conbx4 .number{top:50px;}
#process .sec04 .package-wrap3 .conbx3 .con-img,
#process .sec04 .package-wrap3 .conbx4 .con-img{align-items: flex-start;}
#process .sec04 .package-wrap3 .conbx3 .con-txt,
#process .sec04 .package-wrap3 .conbx4 .con-txt{padding-top:50px;}

#process .sec05 .con-wrap>.con-flex-bet{align-items: flex-start;}
#process .sec05 .con-wrap li{line-height:2;}
#process .sec05 .con-tit .price-txt{position:relative;margin-top:5px;color:#FF8652;font-weight: 600;}
#process .sec05 .con-tit .price-txt span{display:block;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:250px;height:1px;background:#FF8652;}
#process .sec05 .con-tit .price-txt span::after{content:'이벤트 할인가 30만원';position:absolute;top:50%;left:90%;width:100%;font-size: 20px;font-weight: 600;color:#FF8652;transform:translateY(-50%);}

#process .sec03 .con-wrap{align-items: flex-start;}
#process .sec03 .conbx{width:calc(33.33% - 10px);}
#process .sec03 .conbx h4{display:flex;width:100%;height:84px;font-family: 'Montserrat', 'Noto Sans KR';align-items: center;justify-content: center;font-size: 30px;color:#fff;border-radius: 40px;}
#process .sec03 .conbx1 h4{background:#1E1E1E;}
#process .sec03 .conbx2 h4{background:#114878;}
#process .sec03 .conbx3 h4{background:#FF781E;}
#process .sec03 .pack-detail{display:flex;position:relative;width:100%;height:400px;margin-top:17px;padding:0px 38px;border:1px solid #CFCFCF;border-radius: 50px;text-align:center;align-items: center;justify-content: center;}
#process .sec03 .pack-detail h5{position:absolute;top:40px;left:0;width:100%;font-size: 25px;}
/* #process .sec03 .pack-detail ul{margin-top:128px;} */
#process .sec03 .pack-detail li{margin-bottom:30px;font-size:18px;}
#process .sec03 .pack-detail li:last-child{margin-bottom:0;}
#process .sec03 .pack-detail li h6{font-weight:700;}
#process .sec03 .pack-detail li h6 span{font-weight: 400;}
#process .sec03 .pack-detail li p{line-height:1.5;}
#process .sec03 .conbx2 .pack-detail h6,
#process .sec03 .conbx3 .pack-detail h6{margin-bottom:70px;}
#process .sec03 .con-bt{margin-top:17px;}
#process .sec03 .con-bt .pack-price{display:flex;width:100%;padding:21px 0;border-radius: 42px;border:1px solid #cfcfcf;align-items: center;justify-content: center;text-align: center;flex-direction: column;}
#process .sec03 .con-bt p{margin-top:17px;font-size: 18px;color:#575757;text-align: center;}
#process .sec03 .conbx1 .con-bt .pack-price{font-size:36px;}
#process .sec03 .con-bt .pack-price .sale-price{font-size:24px;font-weight:700;}
#process .sec03 .con-bt .pack-price .font-abhaya{font-size:36px;}
#process .sec03 .conbx2 .con-bt{color:#055296;}
#process .sec03 .conbx3 .con-bt{color:#FF781E;}
#process div.sec03 .con-tit h3{font-size:29px;}
#process div.sec03 .con-tit h3 span{font-size: 36px;}
#process .sec03 .con-bt .prv-price{position:relative;}
#process .sec03 .con-bt .prv-price::after{content:'';display:none;position:absolute;top:0;right:0;width:230px;height:1px;top: 50%;left: 50%;width: 200px;height: 2px;transform: translate(-50%, -50%) rotate(-5deg);}
#process .sec03 .conbx2 .con-bt .prv-price::after{background:#055296;}
#process .sec03 .conbx3 .con-bt .prv-price::after{background:#FF781E;}

/*디지털 트윈*/
#twin div[class*="sec"] .con-tit{margin-bottom:100px;text-align:center;}
#twin div[class*="sec"] .con-tit h3{margin-bottom:10px;font-size:55px;font-weight:700;}
#twin div[class*="sec"] .con-tit p{font-size:20px;}
#twin .visual{position:relative;width:100%;height:100vh;color:#fff;}
#twin .visual>img{position:absolute;bottom:0;left:0;z-index:2;width:100%;}
#twin .visual .btn_reserve{width:fit-content;padding:0 45px;border: 1px solid #FFF;background: rgba(255, 255, 255, 0.10);color: #fff;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20);font-size: 18px;}
#twin .visual .btn.btn-hover:hover{background: #ff781e;color: #fff;border: 1px solid #ff781e;}
#twin .visual .con-tit{margin-bottom:80px;}
#twin .visual .con-tit h2{margin-bottom:10px;font-size:75px;}
#twin .visual .con-tit p{font-size:30px;}
#twin .visual .inner{position:relative;z-index:9;height:calc(100% - 150px);}
#twin .visual .bg{position:absolute;top:0;left:0;z-index:1;width:100%;height:calc(100% - 150px);background:url(../images/etc/twin_bg.jpg) no-repeat bottom center;background-size: cover;}
#twin .visual .con-r p{line-height:1.7;}
#twin .visual .con-r p:nth-child(1){font-size:19px;}
#twin .visual .con-r p:nth-child(2){margin:10px 0 32px;font-size:16px;}
#twin .visual .con-r p:nth-child(2) span{color:#a8a8a8;}
#twin .sec01 .btn{width:fit-content;margin:90px auto 0;padding:0 35px;}
#twin .sec01 .vid-area{width:186px;height:186px;}
#twin .sec01 .con-wrap>div,
#twin .sec01 .con-wrap>p{display:flex;align-items: center;justify-content: center;}
#twin .sec01 .con-wrap>div{height:390px;border-radius: 30px;border:1px solid #e2e2e2;}
#twin .sec01 .con-wrap>div.con-l{width:65%;}
#twin .sec01 .con-r{width:28%;text-align: center;}
#twin .sec01 .con-r span{font-size:25px}
#twin .sec01 .con-r span.font-org{font-size:36px;}
#twin .sec01 .con-wrap>p{width:7%;font-weight:700;font-size: 40px;}
#twin .sec01 .con-l ul{width:80%;}
#twin .sec01 .con-l li.int{font-size:40px;font-weight:700;}
#twin .sec01 .con-l p{margin-top:20px;text-align:center;}
#twin .sec01 .con-l p span{font-size:30px;}
#twin .sec02{padding:200px 0;background:url(../images/etc/bg_1.jpg) no-repeat center;background-size: cover;color:#fff;text-align:center;}
#twin .sec02 .con-tit{position:relative;margin-bottom:180px;}
#twin .sec02 .con-tit h3{margin-bottom:40px;font-size: 50px;}
#twin .sec02 .con-tit p{font-size:20px;}
#twin .sec02 .con-txt h4{margin-bottom:25px;font-weight:700;font-size:22px;}
#twin .sec02 .con-c-txt li{margin-bottom:20px;}
#twin .sec02 .con-c-txt li h5{margin-bottom:10px;font-size:20px;}
#twin .sec02 .con-c-txt li p{margin-bottom:5px;font-size:15px;color:#fff;}
#twin .sec02 .con-bt-txt{margin-top:100px;justify-content:center;}
#twin .sec02 .con-bt-txt li{margin:0 10px;font-size:14px;color:#888;}
#twin .sec02 .con-tit h3{font-weight:400 !important;}

/*예약하기*/
a.btn_sub_link{background-color:#FF781E;}
.qnapage .message_form.mongsqna li input{color:#000 !important;}