/***************************** company ****************************/

/*
.visual_mpark {position: relative; height: 660px; background:url('../images/company/visual.jpg') no-repeat center top;}
*/
.visual_mpark {text-align: center}
.visual_mpark img {max-width: 100%}

.mpark_intro {text-align: center; margin: 50px 0;}
.mpark_intro dt {font-family: 'Gmarket Sans'; font-size: 26px; color: #111; line-height: 1.5em}
.mpark_intro dt .red {color: #dd4b4b; font-weight: 700}
.mpark_intro dt .green {color: #0f6c7b; font-weight: 700}
.mpark_intro dd {font-size: 17px; color: #666; margin-top: 30px;}

.mpark_wrap {width: 1050px; margin: auto;}
.mpark_wrap:after {display: block; clear: both; content: "";}

.mong {background-color: #f2f8f9; padding: 100px 0}
.mong .character {border-bottom: 1px solid #e1e1e1;}
.mong .character:after {display: block; clear: both; content: "";}
.c_info {width: 50%; float: left; text-align: left; margin-top: 80px;}
.c_info h2 {font-family: 'Gmarket Sans'; font-size: 30px; font-weight: 700; color: #0f6c7b; line-height: 1.5em; margin-bottom: 50px;}
.c_info .copy {font-size: 17px; color: #696969; margin-bottom: 20px;}
.c_img {width: 50%;  float: right; margin-bottom:60px;}
.c_img img {max-width: 100%}

.color .info {margin-top: 90px;}
.color .info:after {display: block; clear: both; content: "";}
.color .info h2 {font-family: 'Gmarket Sans'; font-size: 30px; font-weight: 700; color: #0f6c7b; float: left;}
.color .copy {float: left; margin-left: 70px; font-size: 17px; color: #696969;}
.color .color_system {width: 860px; margin: 50px 190px 0;}
.color .color_system:after {display: block; clear: both; content: "";}
.color .color_list {float: left; width: 33%;}
.color .color_system h3 {font-family: 'Gmarket Sans'; font-weight: 700; font-size: 19px; color: #555; margin: 0 25px 15px;}
.color .color_img img {float: left; width: 45%}
.color .color_img p {float: left;  width: 50%; font-size: 12px; color: #878787; line-height: 1.3em; margin: 15% 0 0 5%;}

.mpark_summary {width: 100%; height: 800px; position: relative; background: url('../images/company/bg_park.jpg') 50% 0 no-repeat fixed; background-size: cover;}
.mpark_summary .text_box {position: absolute; top: 50%; left: 50%; margin: -110px -280px 0;}
.mpark_summary h2 {text-align: center; color: #fff; font-family: 'Gmarket Sans'; font-size: 25px; font-weight: 300; line-height: 2em;}
.mpark_summary h2 strong {font-size: 42px; font: 700;}
.mpark_summary .copy {text-align: center; color: #fff; margin-top: 30px;}
.mpark_summary .copy em {color: #a6eaff}

.mong_service {padding: 100px 0}
.mong_service .funeral {border-bottom: 1px solid #e1e1e1;}
.mong_service .funeral:after {display: block; clear: both; content: ""}

.contact table {margin-bottom: 30px; float: left; font-size: 17px; color: #696969;}
.contact table .title{font-weight: 700; width: 110px;}
.contact .c_map {width: 50%; height: 450px; float: right; background-color: #efefef; margin-top: 80px;}

/* 계열사 */
.items-wrapper {position:relative; height: 650px; background-color: #000; overflow: hidden;}
.item-container {
    float: left;
    position: static;
    width: 33.3333333333%;
    overflow: hidden;
    height: 100%;
}
.item-content {
	position: relative;
    height: 100%;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: background-color .5s ease 0s,border-color .5s ease 0s;
}
.content-inner {
    padding: 0 1.5625rem;
    bottom: 4.375rem;
    transition: -webkit-transform .4s ease 0s;
    transition: transform .4s ease 0s;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}
.item-image {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    opacity: 0;
    z-index: 200;
    transition: opacity .5s ease 0s,height .25s ease 0s;
}

.company_group {position: relative; overflow: hidden; background-color: #000}
.company_group:after {display: block; clear: both; content: ""}
/*
.company_group.bio {height: 600px; background: url(../images/company/group_bio.jpg) no-repeat 0 0; background-size: cover}
.company_group.st {height: 600px; background: url(../images/company/group_st.jpg) no-repeat 0 0; background-size: cover}
.company_group.pharm {height: 600px; background: url(../images/company/group_pharm.jpg) no-repeat 0 0; background-size: cover}
.company_group.osong {height: 600px; background: url(../images/pic/bg_osong.jpg) no-repeat 0 0; background-size: cover}
*/
.company_group .group_img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    /* z-index: -1; */
    transition: opacity .5s ease 0s , height .25s ease 0s;
}
.company_group .group_img .image-replace {
    width: 100%;
    display: block;
    /*opacity: 1;
    transition: opacity .5s ease-in;*/
    min-width: 1600px;
    min-height: 600px;
}
.company_group .group_img.selected {/* z-index: 1; */ opacity: 1}

.group_list li {display: block; width: 33.3%; height: 600px; float: left}
.group_list li.selected {background:url(../images/common/bg_dim.png);}
.group_list li.selected .group_wrap {background:url(../images/common/bg_dim.png);}
.group_list li.selected .group_wrap .content h1 {color: #e61d6c;}
.group_list .group_wrap {position:relative; height: 600px; background: url(../images/common/bbs_line_bk.png) repeat-y right; z-index: 5}
.group_list .group_wrap .content {display: block; position: absolute; left: 60px; bottom: 60px; right: 60px;}
.group_list .group_wrap .content h1 {font-family: 'NanumSquare'; color: #fff; display: block; margin-bottom: 15px; font-size: 24px;}
.group_list .group_wrap .content p {line-height: 1.6em; color: #ccc}
.group_list .group_wrap .content .link {
	display: block; height: 35px; padding-top: 18px; text-align: center; color: #fff; border: 1px solid #ccc; margin-top: 40px; opacity: .7;    
	font-size: 12px;
    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
	 transition: ease-in .3s;
    -webkit-transition: ease-in .3s;
    -moz-transition: ease-in .3s;
    -ms-transition: ease-in .3s;
    -o-transition: ease-in .3s;
}
.group_list .group_wrap .content .link:hover {background: #e61d6c; border: 1px solid #e61d6c; color: #fff; opacity:1;}

/**/
.company_video {position:relative; overflow: hidden; clear: both; text-align: center; background:#566578 url(../images/pic/bg_company_vodeo.jpg) no-repeat 50% fixed; background-size:cover; height: 450px}
a.play_video {
	position:absolute; 
	top:50%; 
	left:50%; 
	line-height: 70px;
	color:#fff; 
	font-family: 'NanumSquare';
	font-size:26px; 
	margin:-35px 0 0 -157px; 
	z-index: 10; 
	cursor: hand; opacity: .7;    
	transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
}
a.play_video:hover {opacity:1}
.play_video img {width:70px; margin-right:10px}

/* 계열사 */
.group_infor {padding: 80px 0 100px; text-align: center}
.group_infor .ci {display: block; margin-bottom: 40px;}
.group_infor .txt em {
    color: #e61d6c;
}
.group_infor .txt {
	display: block;
    text-align: center;
    font-family: 'NanumBarun_light';
    font-size: 36px;
    line-height: 1.5em;
    color: #111;
    font-weight: normal;
    margin-bottom: 40px;
}
.group_infor p {line-height: 1.7em; width:850px; margin: auto; font-size: 16px;}

/*History*/
.company_history {padding:100px 0 100px; position:relative; text-align: center; background: #f8f8f8}
.company_history h2 {display: block; margin-bottom: 50px; font-size: 20px; font-weight: 700; color:#213263;}
.company_history .copy {font-size: 36px; margin-bottom: 50px; color: #111}

.history_tab {margin-bottom: 50px}
.history_tab li {display: inline-block; margin: 0 5px;}
.history_tab li a {display: inline-block; padding: 15px 30px; font-size: 18px; font-weight: 700; color: #111; background: #eee}
.history_tab li.on a {background: url(../images/common/bg_highlight.png); color: #fff}

.history_wrap {position:relative;margin:0 auto; height:500px; background:url(../images/company/history_dot.png) center top repeat-y}
.history_wrap.first {height: 350px}
.history_wrap .copy {font-size: 36px; margin-bottom: 50px;}
.history_wrap > ul > li{position:absolute;width:50%}
.history_wrap > ul > li.left{left:0;text-align:right}
.history_wrap > ul > li.left ul li{padding-left:0;}
.history_wrap > ul > li.left ul li em {left:auto; right:0}
.history_wrap > ul > li.right{left:50%;text-align:left}
.history_wrap > ul > li.left .year{right:-5px;padding-right:38px;background:url(../images/company/history_left_dot.png) right center no-repeat}
.history_wrap > ul > li.right .year{left:-5px;padding-left:38px;background:url(../images/company/history_right_dot.png) left center no-repeat}
.history_wrap > ul > li.left ul{padding-right:100px}
.history_wrap > ul > li.right ul{padding-left:100px}
.history_wrap > ul > li ul{padding-top:5px}
.history_wrap > ul > li ul li{position:relative; color:#999; line-height: 1.5em}
.history_wrap .year{position:absolute;top:-6px;font-size:30px; line-height:36px}
.history_wrap .year span{color:#2A8BE6; font-weight: 700; font-size: 16px}
.history_wrap .year.depth {font-size: 20px}

.year2018{top:0}
.year2017{top:50px}
.year2016{top:100px}
.year2015{top:150px}
.year2014{top:200px}
.year2012{top:250px}
.year2011{top:300px}
.year2010{top:350px}
.year2008{top:0}
.year2004{top:50px}
.year2002{top:100px}
.year2001{top:150px}
.year2000{top:200px}
.year1999{top:250px}
.year1998{top:300px}
.year1997{top:350px}
.year1996{top:400px}
.year1995{top:450px}


/* partner */
.company_partner {}
.company_partner {padding:100px 0 100px; position:relative; text-align: center;}
.company_partner h2 {display: block; margin-bottom: 50px; font-size: 20px; font-weight: 700; color:#213263;}
.company_partner .copy {font-size: 36px; margin-bottom: 50px; color: #111; line-height: 1.5em}


/* 찾아오시는 길 */
.location_wrap { position:relative;width:100%;height:751px; background:url('../images/company/map_domestic.gif') no-repeat center center;}
.location_wrap .place_wrap {position: relative}
.location_wrap .place { position:absolute;display:block;width:240px;color:#494542;cursor:pointer;}
.location_wrap .place img {
	width:100%;
	transition: ease-in .3s;
    -webkit-transition: ease-in .3s;
    -moz-transition: ease-in .3s;
    -ms-transition: ease-in .3s;
    -o-transition: ease-in .3s;
}
.location_wrap .place .cont { 
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:240px;
	height:60px; 
	padding:180px 0 0;
	background:url('../images/company/bg_networks_off.png') left bottom repeat-x;
	color:#fff;
	z-index:1; 
	text-align: center;
	transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
}
.location_wrap .place .cont .tit{ z-index:3;position:relative;display:inline-block;padding:20px;font-size:16px; font-family: 'NanumSquare'; background:url('../images/company/btn_nt.png') right 16px no-repeat; }
.location_wrap .place .cont .txt{ z-index:3;position:relative;display:block;padding:0 20px 15px; font-size: 12px; line-height: 1.5em}
.location_wrap .place .mask{ display:none;z-index:2;position:absolute;left:0;top:0; }
.location_wrap .place .thumb{ z-index:1;position:relative; width:240px;}
.location_wrap .place:hover .cont {background:url('../images/company/bg_networks_on.png') left bottom repeat-x;}
.location_tip {display: block; position: absolute; width: 21px; height: 28px; background:url('../images/company/tip.png') no-repeat center center;}
.location_wrap .place:hover .hover_map {display: block}
.tip_01 {top:90%; right:-100%}

.location_img {margin: 0 -10px}
.location_img:after {display: block; clear: both; content: ""}
.location_img li {display: block; width: 50%; float: left}
.location_img .lication_pic {margin: 10px} 
.location_img .lication_pic img {width: 100%}

.hover_map {position: absolute; z-index: 1; display: none}
.hover_map.location01 {left: 0; top:0}
.hover_map.location02 {left: 0; bottom:0}
.hover_map.location03 {left: 0; bottom:0}
.hover_map.location04 {right: 0; top:0}
.hover_map.location05 {right: 0; bottom:0}
.hover_map.location06 {right: 0; bottom:0}

.location_wrap .place .hover_map img {width: auto}
.location_wrap .p1{ top:0; }
.location_wrap .p2{ top:251px; }
.location_wrap .p3{ left:auto;right:0;top:0; }
.location_wrap .p4{ left:auto;right:0;top:251px;z-index:3; }
.location_wrap .p5{ left:auto;right:0;top:503px; }
.location_wrap .p6{ top:503px; }

.location_detail {text-align: center; padding: 30px 0 0}
.location_detail .spec_ul {clear: both}
.location_detail .spec_ul li {width: 24%;}
.location_detail .spec_ul li.address {width:51%}
.location_detail .spec_ul li.address .ico01 {padding: 0}
.location_detail .spec_ul li .ico01, .location_detail .spec_ul li .ico02, .location_detail .spec_ul li .ico03 {
    height: 80px;
}
.location_detail .spec_ul li .name {color: #111; margin-right: 10px; font-family: 'NanumSquare';}