@import url("common.css");

#footer {height:auto !important;margin-top: 60px;}

#visual {position:relative; overflow:hidden; width:100%; height:480px;}
#visual .subtop {width:100%; height:100%; animation:animate_background 3.5s linear forwards; background-size:cover;}
	.subtop_1 {background:url('/img/subtop_sd.jpg') center 0 no-repeat;}
	.subtop_2 {background:url('/img/subtop_sd2.jpg') center 0 no-repeat;}
	.subtop_3 {background:url('/img/subtop_sd3.jpg') center 0 no-repeat;}
	.subtop_4 {background:url('/img/subtop_sd4.jpg') center 0 no-repeat;}
	.subtop_5 {background:url('/img/subtop_sd5.jpg') center 0 no-repeat;}

#visual .subtop_txt {position:absolute; top:50%; left:50%; margin-left:-605px; transform:translate(0,0);}
#visual .subtop_txt h2 {font-family:'Manrope', sans-serif; font-size:4.412rem; color:#fff; font-weight:900; line-height:100% !important; margin:0 0 30px;}
#visual .subtop_txt p {font-size:1.176rem; color:#fff; line-height:100%; letter-spacing:-0.5pt; animation:visual_ani 0.6s linear forwards; animation-delay:1s;  opacity:0; position:relative; top:40px;}



.about_visual {height:100vh !important;}
.about_visual .subtop_txt {top:24% !important;}
.about_visual .subtop_txt_right {position:absolute; bottom:20%; right:50%; margin-right:-605px; text-align:right; }
.about_visual .subtop_txt_right h3 {font-size:2.353rem; color:#fff; letter-spacing:-1pt; line-height:1.3; font-weight:200; margin:0 0 25px; animation: slide-up2 1.25s forwards; opacity:0; animation-delay:1.6s;}
.about_visual .subtop_txt_right h3 span {font-size:inherit; letter-spacing:inherit; line-height:inherit;}
.about_visual .subtop_txt_right .stxt {color:rgba(255,255,255,0.7); animation: slide-up2 1.25s forwards; opacity:0; animation-delay:1.8s;}
.about_visual .scroll {animation:fadein 1s ease-in-out forwards; animation-delay:1s;}


@keyframes animate_background {
	0% {transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1);}
	100%  {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1);}
}

/*** ????? ???? ??? ***/
#visual .visual-tit,#visual .sub-txt{opacity:0;}
#visual .whitespace {width:17px; height:0; display:inline-block;}
#visual .visual-tit .char,#visual .sub-txt .word{display:inline-block; opacity:0;}
#visual .visual-tit.splitting,#visual .sub-txt.splitting{opacity:1.0;}
#visual .visual-tit.splitting .char {animation: slide-up 1.25s cubic-bezier(.5,.2,0,1); animation-fill-mode: both; animation-delay: calc( .5s + (.05s * var(--char-index)) );}
			#visual h2.visual-tit .char {font-family:'Manrope', sans-serif; line-height:85%;}

@keyframes slide-up {
	from{opacity:0; transform: translateY(125%);}
	to{opacity:1.0; transform: translateY(0);}
}

@keyframes slide-up2 {
	from{opacity:0; transform: translateY(0);}
	to{opacity:1.0; transform: translateY(30%);}
}


@keyframes visual_ani {
	from{top:40px; opacity:0;}
	to{top:0; opacity:1;}
}
/*** ????? ???? ??? ***/


#contents{position:relative; overflow:hidden; opacity:0; animation:fadein 1.2s forwards; animation-delay:0.5s;}
.contents_in {}
.contents_in h3.title {font-size:2.353rem; letter-spacing:-1.6pt; color:#222; font-weight:bold; line-height:1; text-align:center; padding:100px 0 60px;}
.contents_in h3.title sup {font-size:1.4rem;}
.contents_in h3.title.pdt130 {padding:130px 0 60px;}
.sub_title {display:block; font-family:'Manrope', sans-serif; font-size:1.176rem; color:#222; font-weight:600; line-height:1.6; text-align:center;}
.stxt {font-size:1rem; color:#777; letter-spacing:-0.5pt; line-height:1.7; word-break: keep-all;}
.stxt sup {font-size:12px;}
.stxt.font20 {font-size:1.176rem; color:#222; letter-spacing:-0.5pt; line-height:1.6; text-align:center; margin:-27px 0 60px;}
.font24 {font-size:1.412rem !important;}
.center {text-align:Center;margin-bottom: 40px;}
.cont_tit {font-size:1.882rem; color:#222; font-weighT:bold; letter-spacing:-0.7pt; text-align:center; line-height:1; margin:0 0 55px;}
.cont_tit.marb30 {margin:0 0 30px;}
.cont_tit span {font-size:inherit; font-weight:200; letter-spacing:inherit; line-height:inherit;}
.cont_tit.eng {text-align: left; letter-spacing:0 !important;}

		.cont_tit i {position:relative; top:-9px; display:inline-block; width:25px; height:25px; background:#59289c; border-radius:100%; color:#fff; line-height:25px; text-align:center; margin-right:10px; font-size:13px; font-weight:bold; font-style:normal; box-sizing:border-box;}
		.cont_tit.white i {border:2px solid rgba(255,255,255,0.5); background:transparent; line-height:22px;}

.borderBox {border:1px solid #ddd; box-sizing:border-box; padding:70px 30px;}
.borderBox img {display:block; margin:0 auto; max-width:100%;}


.lnb {border-bottom:1px solid #ddd;}
	.lnb ul{width:1230px; margin:0 auto; font-size:0;}
	.lnb li {display:inline-block; margin-right:50px;}
	.lnb li a {position:relative; font-size:1rem; color:#888; letter-spacing:-0.4pt; line-height:90px; transition:all 0.5s;}
	.lnb li a:after {content:''; width:0; height:3px; background:#59289c; position:absolute; top:30px; left:0; transition:all 0.5s;}
	.lnb li a:hover {color:#59289c; transition:all 0.5s; }
	.lnb li a:hover:after {width:100%; transition:all 0.5s;}
	.lnb li.left_linktop a {color:#59289c; font-weight:bold;}
	.lnb li.left_linktop a:after {width:100%;}



/*** ????css ***/
.point_txt{font-weight:bold; color:#333; letter-spacing:-0.5pt;}

.tpad_10{padding-top:10px}
.tpad_20{padding-top:20px}
.tpad_35 {padding-top:35px}
.tpad_40 {padding-top:40px}
.tpad_80 {padding-top:85px}
.bpad_5{padding-bottom:5px}
.bpad_10{padding-bottom:10px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}
.bpad_50{padding-bottom:50px}
.bpad_100{margin-bottom:100px}
.mart60 {margin:60px 0 0}
.mart60 img {max-width:100%;}


.tableWrap{width:1230px; margin:0 auto; position:relative;  box-sizing:border-box;}
.tableWrap_in {position:relative; padding-bottom:10px;}
.tableWrap_in:after {content:''; width:7px; height:7px; background:#8e8e8e; position:absolute; bottom:0; left:50%; margin-left:-3px; z-index:999;}

.tableWrap:before {display:block; content:""; width:11px; height:11px; box-sizing:border-box; background:#59289c; position:absolute; top:-6px; left:50%; margin-left:-5px; z-index:99;}
.tableWrap:after {display:block; content:""; width:1px; height:100%; background:#ddd; position:absolute; top:0; left:50%; z-index:1}
.tableWrap_in > div {position:relative; margin:160px 0; box-sizing:border-box; clear:both; text-align:right; position:relative; overflow:hidden;}
.tableWrap_in > div:nth-child(even) {margin:160px 0;}
.tableWrap_in > div:first-child {margin-top:0; padding-top:100px}


.tableWrap_in ul {position:relative; width:50%; box-sizing:border-box; float:right; text-align:left; padding-left:70px}
.tableWrap_in > div:nth-child(even) ul {float:left; text-align:right; padding-right:70px; padding-left:0px;}

.tableWrap_in > div ul:before {display:block; content:""; width:11px; height:11px; border:3px solid #59289c; position:absolute; left:30px; top:8px; z-index:10; box-sizing:border-box;}
.tableWrap_in > div ul:after {content:''; width:30px; height:1px; background:#ddd; position:absolute; top:13px; left:0;}
.tableWrap_in > div:nth-child(even) ul:before {left:auto; right:30px;}
.tableWrap_in > div:nth-child(even) ul:after {left:auto; right:0;}


.tableWrap_in li{}
.tableWrap_in li.year{font-family:'Manrope', sans-serif; font-size:1.765rem; line-height:1; color:#59289c; font-weight:bold; margin-bottom:10px; letter-spacing:-0.5pt;}
.tableWrap_in li.subTitle {font-size:1.412rem; color:#222; letter-spacing:-0.7pt; font-weight:400; line-height:1.25; margin-bottom:30px;}
.tableWrap_in li.days {letter-spacing:-0.4pt; color:#666; }

.tableWrap_in div.img {float:right; padding-right:70px; width:50%; box-sizing:border-box; padding-top:20px;}
.tableWrap_in div.img img{max-width:100%;}
.tableWrap_in > div:nth-child(even) div.img {float:left; padding-left:70px; text-align:left;}

.his_table {position:relative;width:100%;overflow:hidden;padding:0 0 4px 0;margin-bottom: 0px !important;}
.his_table:last-child {padding-bottom:0}

.his_table dt{width: 60px !important;order: revert !important;font-family:'Manrope', sans-serif;font-size:1rem;letter-spacing:-0.5pt;color:#222;font-weight:bold;line-height:1.8;vertical-align:top;}
.his_table dd {width: calc(100% - 60px) !important;font-size:1rem;letter-spacing:-0.5pt;color:#666;vertical-align:top;box-sizing:border-box;line-height:1.8;}

.tableWrap_in div .his_table dl {display:table; width:100%;}
.tableWrap_in div .his_table dt{display:table-cell;}
.tableWrap_in div .his_table dd{display:table-cell;}

.tableWrap_in div:nth-child(2n) .his_table dt{float:right; text-align:right}
.tableWrap_in div:nth-child(2n) .his_table dd{float:right;}




.compad {padding:130px 0 !important;}
.compad_t {padding:130px 0 0 !important;}
.compad_b {padding:0 0 130px !important;}


.white {color:#fff !important;}
.black {color:#222 !important;}
.purple {color:#57289c !important;}


.con_tit{font-size:20px; line-height:24px; letter-spacing:-1.5pt; color:#444; font-weight:700; padding:0 0 15px 0;}
.con_tit span.thin{line-height:24px; letter-spacing:-1.5pt; color:#444; font-weight:100;}

.sub_title2 {color: #222; font-weight: 300; font-size: 1.882rem; line-height: 1.3; word-break: keep-all; margin: 0 0 15px; letter-spacing:-1.5pt}

.table_style {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222;}
.table_style th {font-family:'Manrope', sans-serif; width:320px; font-size:15px; color:#222; font-weight:bold; line-height:1.7; letter-spacing:0.3pt; background:#f9f9f9; border-bottom:1px solid #ddd; 
padding:15px 20px; text-align:left; box-sizing:border-box; vertical-align:top;}
.table_style td {font-family:'Manrope', sans-serif; border-bottom:1px solid #ddd; padding:15px 25px; color:#666; letter-spacing:0.3pt; font-weight:400; line-height:1.7;  box-sizing:border-box; vertical-align:top;}
.table_style td.kor {font-family:'Noto Sans KR', sans-serif !important; letter-spacing:-0.3pt; border-left:1px solid #ddd;}
.table_style td.mark_tit {background:#f9f9f9; color:#222; font-weight:bold; border-left:1px solid #ddd;}

.table_in {position:relative; }
.table_style2{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222;}
.table_style2 th {font-family:'Manrope', sans-serif; font-size:15px; color:#222; letter-spacing:-0.5pt; background:#f9f9f9; font-weight:bold; letter-spacing:-0.5pt; padding:18px 0; border-right:1px solid #ddd; border-bottom:1px solid #Ddd;}
.table_style2 td {border-bottom:1px solid #ddd; font-size:15px; padding:14px 0 14px 0; text-align:center; border-right:1px solid #ddd; font-weight:400; color:#59289c;}
.tab_tit {background:#f9f9f9;}
.tab_tit.eng {font-family:'Manrope', sans-serif; font-weight:500;}
.brd0 {border-right:0 !important;}

.graph {width:875px; position:absolute; right:0; top:60px; height:260px; text-align:left;}
.graph dl {height:52px; font-size:0; padding:10px 0; box-sizing:border-box;}
.graph dl dt {width:170px; display:inline-block; font-size:15px; line-height:35px; text-align:right; background:url('/rnd/img/purpleArrow.png')no-repeat center right; color:#fff; padding:0 25px; box-sizing:border-box; letter-spacing:-0.5pt;
 font-weight:400; position:relative; z-index:10;}
.graph dl dd {width:calc(100% - 180px); display:inline-block; font-size:15px; line-height:35px; text-align:center; letter-spacing:-0.5pt; color:#222; font-weight:400; background:url('/rnd/img/grayArrow.png')no-repeat center right; 
margin-left:-30px;}

.graph dl.one dt {width:580px;}
.graph dl.one dd {width:calc(100% - 550px);}
.graph dl.two dt {width:390px;}
.graph dl.two dd {width:calc(100% - 360px);}
.graph dl.three dt {width:210px;}


.gray {background:#f5f5f5;}
.grayBox {border:1px solid #ddd; padding:65px 20px;}
.grayBox img {max-width:100%; display:block; margin:0 auto;}



.dotCont {border:1px solid #ddd;padding:30px 35px;margin-bottom: 42px;}
.dotCont h4 {font-size:1.176rem; color:#222; letter-spacing:-0.7pt; line-height:1.7; margin:0 0 7px;}
.dotCont li {position:relative; padding-left:13px; font-family:'Manrope', sans-serif; font-size:1rem; color:#666; letter-spacing:0.3pt; line-height:1.7; margin:0 0 3px; word-break: keep-all;}
.dotCont li span {display:inline-block; widtH:155px; color:#222; letter-spacing:inherit; line-height:inherit;}
.dotCont.kor li {font-family:'Noto Sans KR', sans-serif; letter-spacing:-0.6pt;}
.dotCont li:last-child {margin:0;}
.dotCont li:after {content:''; width:4px; height:4px; background:#aaa; position:absolute; top:12px; left:0;}




/******* S::???? *******/
#sticky-wrapper {margin:0 auto 100px;}
.is-sticky .tabCont {top:110px !important; z-index:999 !important;}
.tabCont {margin:0 auto 90px; background:#fff;}
.tabCont ul {display:flex; flex-wrap:wrap; align-items: center; border-top:1px solid #ddd; border-left:1px solid #ddd; box-sizing:border-box;}
.tabCont ul.five li {width:20%;}
.tabCont ul.seven li {width:14.28%;}
.tabCont ul.three li {width:33.33%;}
.tabCont ul.two li {width:50%;}
.tabCont ul.kor li a {font-family:'Noto Sans KR', sans-serif; letter-spacing:-0.6pt;}
.tabCont ul li {width:16.66%; min-height:75px; /* border-right:1px solid #ddd; border-bottom:1px solid #ddd; */ box-sizing:border-box; text-align:center;}
.tabCont ul li a {position:relative; font-family:'Manrope', sans-serif; display: flex; align-items: center; justify-content: center; flex-direction:column; min-height:75px; color:#777; line-height:1.17; font-size:1rem; 
z-index:10; transition:all 0.4s; padding:0 10px; word-break: keep-all;}
.tabCont ul li a:hover {color:#59289c; transition:all 0.4s; z-index:20;}
.tabCont ul li a:after {content:''; width:calc(100% + 2px); height:calc(100% + 2px); background:transparent; position:absolute; top:-1px; left:-1px; z-index:-1; transition:all 0.4s; border-bottom:1px solid #ddd;
border-right:1px solid #ddd; border-top:1px solid transparent; border-left:1px solid transparent; box-sizing:border-box;}
.tabCont ul li a:hover:after {border:1px solid #59289c; transition:all 0.4s;}
.tabCont ul li.tab_up a, .tabCont ul li a.mPS2id-highlight {color:#fff; font-weight:bold; transition:all 0.4s; z-index:25;}
.tabCont ul li.tab_up a:after, .tabCont ul li a.mPS2id-highlight:after {background:#59289c; border:1px solid #59289c; transition:all 0.4s;}

.tabCont.ver2 {margin:0 auto 50px;}
.tabCont.ver2 ul {display: table; width: 100%; table-layout: fixed;}
.tabCont.ver2 ul li {display: table-cell; vertical-align: middle; width:auto}
.tabCont.ver2 ul li a {font-family:'Noto Sans KR', 'Manrope', sans-serif}

.subTab {text-align:center; border-bottom:1px solid #ddd; padding:20px 15px;}
.subTab a {position:relative; font-family:'Manrope', sans-serif; display:inline-block; font-weight:400; color:#777; font-size:15px; line-height:1; margin:10px 15px; transition:all 0.4s;}
.subTab a:after {content:''; width:100%; height:1px; background:#59289c; position:absolute; bottom:-3px; left:0; opacity:0;}
.subTab a.tab_up {color:#59289c; font-weight:bold;}
.subTab a:hover {color:#59289c; transition:all 0.4s;}
.subTab a.tab_up:after {opacity:1;}
/******* E::???? *******/


/****** S::???????? - ??? ******/
.location_cont {}
.location_cont .wrap_controllers {display:none;}
.location_cont .location {display:table; width:100%; margin:0 0 50px;}
.location_cont .location:last-child {margin:0;}
.location_cont .location > div {display:table-cell; width:50%; vertical-align:middle;}
.location_cont .location > .map_txt {position:relative; background:#f5f5f5; padding:0 70px;}
		.location_cont .location > .map_txt h4 {font-size:1.412rem; color:#222; letter-spacing:-0.7pt; line-height:1.25; font-weight:bold; margin:0 0 15px;}
		.location_cont .location > .map_txt ul {margin:25px 0 0;}
		.location_cont .location > .map_txt li {font-family:'Manrope', sans-serif; padding-left:25px; box-sizing:border-box; color:#777; font-weighT:400; line-height:1; margin:0 0 15px;text-align: left;}
		.location_cont .location > .map_txt li.tel {background:url('/img/tel.png')left center no-repeat;}
		.location_cont .location > .map_txt li.fax {background:url('/img/fax.png')left center no-repeat;}
		.location_cont .location > .map_txt li.email {background:url('/img/email.png')left center no-repeat; margin:0;}

.mapBtn {position:absolute; bottom:0; right:0; font-size:0;}
.mapBtn a {position:relative; display:inline-block; width:70px; height:70px; border:1px solid #59289c;}
.mapBtn a.detail {background:#59289c;}
.mapBtn a.detail:after {content:''; width:17px; height:23px; background:url('/img/detail.png')center no-repeat; background-size:100% !important; position:absolute; top:50%; left:50%; margin-top:-11px; margin-left:-8px; transition: all 0.5s;}
.mapBtn a.print {background:#fff;}
.mapBtn a.print:after {content:''; width:25px; height:23px; background:url('/img/print.png')center no-repeat; background-size:100% !important; position:absolute; top:50%; left:50%; margin-top:-11px; margin-left:-12px; transition: all 0.5s;}
.mapBtn a:hover:after {transform:rotateY(360deg); transition: all 0.5s;}
/****** E::???????? - ??? ******/



/****** S::???????? - CEO ???? ******/
.ceo_cont {position:relative; background:url('/img/ceo_bg.jpg')top center no-repeat;}
.ceo_cont .imgCont {width:410px; position:absolute; top:0; right:0;}
.ceo_cont .imgCont img {max-width:100%;}
.ceo_cont .txtCont {display:inline-block; width:calc(100% - 410px);  box-sizing:border-box; padding:30px 70px 95px 0;}
		.ceo_cont .txtCont span {font-family:'Manrope', sans-serif; font-size:1.176rem; color:#59289c; font-weight:bold; line-height:1;}
		.ceo_cont .txtCont h3 {font-size:2.353rem; line-height:1.35; font-weight:300; color:#222; letter-spacing:-1.5pt; margin:20px 0;}
		.ceo_cont .txtCont h5 {font-size:1.176rem; color:#888; line-height:1.6; font-weight:300; letter-spacing:-0.7pt; margin:0 0 37px;}
		.ceo_cont .txtCont .stxt {margin:0 0 15px;}
		.ceo_cont .txtCont .dot_con{margin:0 0 30px;}
		.ceo_cont .txtCont .dot_con li {position:relative; font-size:0.882rem; color:#777; font-weight:400; letter-spacing:-0.5pt; line-height:1.6; padding-left:13px; box-sizing:border-box; margin:0 0 5px;}
		.ceo_cont .txtCont .dot_con li:last-child {margin:0;}
		.ceo_cont .txtCont .dot_con li:after {content:''; width:4px; height:4px; background:#aaa; position:absolute; top:10px; left:0;}

.ceo_cont .profile {background:linear-gradient(140deg, #31277f, #5a289c); padding:45px 20px 45px 40px; box-sizing:border-box;}
.ceo_cont .profile h3 {font-size:1.412rem; color:#fff; font-weight:bold; letter-spacing:0.5pt;}
.ceo_cont .profile h3 span {display:inline-block; font-size:1rem; color:rgba(255,255,255,0.8); letter-spacing:-0.6pt; line-height:1; font-weight:300; letter-spacing:-0.5pt;}
.ceo_cont .profile h4 {font-size:1.176rem; font-weight:500; color:#fff; letter-spacing:-0.6pt; line-height:1; margin:33px 0 17px;}
.ceo_cont .profile ul li {position:relative; font-size:0.882rem; color:rgba(255,255,255,0.7); font-weight:400; letter-spacing:-0.5pt; line-height:1.6; padding-left:13px; box-sizing:border-box; margin:0 0 5px;}
.ceo_cont .profile ul li:last-child {margin:0;}
.ceo_cont .profile ul li:after {content:''; width:4px; height:4px; background:#fff; position:absolute; top:10px; left:0;}
/****** E::???????? - CEO ???? ******/






/****** S::???????? - ???/???? ******/
.vision {border:1px solid #ddd; text-align:center; font-size:0; padding:70px 10px; box-sizing:border-box;}
.vision h4 {display:inline-block; margin-right:60px; font-family:'Manrope', sans-serif; color:#59289c; font-size:1.176rem; font-weight:bold;}
.vision p {display:inline-block; font-size:1.176rem; color:#222; letter-spacing:-0.7pt; line-height:1.7; word-break: keep-all;}

.mission {font-size:0;}
.mission dl {position:relative; display:inline-block; width:calc((100% - 60px) / 3); margin-right:30px;}
.mission dl:last-child {margin-right:0;}
.mission dl dt img {width:100%;}
.mission dl dd {position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translate(0,-50%);}
		.mission dl dd h4 {font-family:'Manrope', sans-serif; color:#fff; font-weight:bold; font-size:1.176rem; line-height:1; margin:0 0 17px;}
		.mission dl dd p {font-size:1.176rem; color:#fff; letter-spacing:-0.6pt; line-height:1.5; word-break: keep-all;}

.mission dl:before {display:block; content:""; width:0; height:96%; border:1px solid #fff; box-sizing:border-box; position:absolute; top:2%; left:2%; opacity:0;  -ms-transform: skewX(-30deg); transition: all 0.3s ease-out; -webkit-transform: skewX(-30deg);  transform: skewX(-30deg); z-index:5;}
.mission dl:hover:before {opacity:.5; width:96%;  -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg); transition: all 0.3s ease-out;}
/****** E::???????? - ???/???? ******/



/****** S::???????? - ??? ??? ******/
.ci_cont {}
.ci01 {display:table;}
.ci01 .txtBox {display:table-cell; width:50%; vertical-align:middle; padding-right:100px; box-sizing:border-box;}
		.ci01 .txtBox h4 {font-size:1.176rem; color:#222; font-weight:500; line-height:1.6; letter-spacing:-0.5pt; margin:0 0 16px;}
.ci01 .imgBox {display:table-cell; width:50%; vertical-align:middle; border:1px solid #ddd; box-sizing:border-box;}
.ci01 .imgBox img {width:100%;}


.btnList {font-size:0; margin:43px 0 0;}
.btnList a {display:inline-block; width:160px; height:55px; line-height:52px; font-size:15px; font-weight:400; color:#59289c; border:1px solid #59289c; box-sizing:border-box; padding:0 30px; letter-spacing:-0.4pt; margin-right:4px;
background:url('/img/down.png')no-repeat center right 30px;  transition:all 0.4s; text-align:left !important;}
.btnList .faqBtn {margin-top:0;}
.btnList a:last-child {margin-right:0 !important;}
.btnList a:hover {background:#59289c url('/img/down_up.png')no-repeat center right 30px; color:#fff; transition:all 0.4s;}
.btnList a.none{background-image:none; text-align:center !important;}

.ci02 .stxt {margin:30px 0 55px;}
.ci03 .stxt {margin:0 0 55px;}
.ci02 .stxt, .ci03 .stxt {text-align:center;}
.ci02 h3.title, .ci03 h3.title {padding:0 !important;}

/* ??????? ?????? */
.ci04 .stxt {margin:30px 0 55px;}
.ci03 .stxt {margin:0 0 55px;}
.ci04 .stxt {text-align:center;}
.ci04 h3.title {padding:0 !important;}
.ci04 .btnList{text-align:center;}
.ci04 .btnList a{width: 200px; background-color:#fff;}
.ci04 .btnList a:hover{background:#59289c url('/img/down_up.png')no-repeat center right 30px; color:#fff; transition:all 0.4s;}
/* ??????? ?????? */


.basic {font-size:0;}
.basic dl {display:inline-block; vertical-align:top; text-align:center; width:50%;}
.basic dl:nth-child(1) dt {border-right:0;}
.basic dl dt {height:395px; border:1px solid #ddd; box-sizing:border-box; background: url('/img/ci_bg.gif')repeat left top;}
.basic dl dt img {position:relative; top:50%; transform:translateY(-50%); max-width:80%; max-height:60%;}
.basic dl dd {font-size:1.176rem; color:#222; font-weighT:500; letter-spacing:-0.5pt; line-height:1; margin:25px 0 0;}

.ci_cont .sub_title {margin:29px 0 10px;}










/****** E::???????? - ??? ??? ******/


/******* S:: R&D - ????????(R&D) *******/ 
.rnd_cont {text-align:center;}
.rnd_cont .grayBox{margin-top:-1px;}
.rnd_cont img {max-width:100%;}
.rnd_cont .stxt {margin:50px 0 65px;}

.schedule_cont .cont_tit {margin:100px 0 35px;}
/******* E:: R&D - ????????(R&D) *******/


/******* S:: R&D - DeepOmicsTM *******/
#deep img {max-width:100%;}

.neo_cont {display:flex; flex-wrap:wrap; margin:60px 0 0;}
.neo_cont dl {width:18.66%; border-right:1px solid #ddd; text-align:center; padding:10px; box-sizing:border-box;}
.neo_cont dl:last-child {border-right:0;}
.neo_cont dl.two {width:22%;}
		.neo_cont dl dt {font-size:1.176rem; color:#222; font-weight:500; line-height:1.4; letter-spacing:-0.6pt;}
		.neo_cont dl dd {line-height:1.6; letter-spacing:-0.5pt; margin:15px 0 0;}
		.neo_cont dl img {margin:20px 0 0;}

.rnd_table {display:table; width:100%; margin:92px 0;}
.rnd_table > h4 {display:table-cell; width:390px; vertical-align:top; font-size:1.412rem; font-weight:bold; color:#222; line-height:1.3; letter-spacing:-0.6pt;}
.rnd_table > div.cont {display:table-cell; width:calc(100% - 390px); vertical-align:top;}
		.rnd_table > div.cont h5 {font-size:1.176rem; color:#222; letter-spacing:-0.6pt; font-weight:500; line-height:1.6; margin:0 0 7px;}
		.rnd_table > div.cont p.dot {position:relative; padding-left:13px; line-height:1.6; letter-spacing:-0.6pt; margin:0 0 7px;}
		.rnd_table > div.cont p.dot:after {content:''; width:4px; height:4px; background:#aaa; position:absolute; top:12px; left:0;}

		.rnd_table > div.cont .result {margin:60px 0 0;}
		.rnd_table > div.cont .result dl {display:table; width:100%;}
		.rnd_table > div.cont .result dl dt {display:table-cell; width:200px; vertical-align:middle;}
		.rnd_table > div.cont .result dl dt span {display:block; width:200px; height:200px; border-radius:100%; border:10px solid #59289c; box-sizing:border-box; text-align:center; padding:30px 0;}
		.rnd_table > div.cont .result dl dt h4 {color:#59289c; letter-spacing:-0.4pt; line-height:1.25; font-size:1.176rem; margin:10px 0 0;}
		.rnd_table > div.cont .result dl dd {display:table-cell; width:calc(100% - 200px); padding-left:45px; vertical-align:middle;}

		.rnd_table > div.cont .result dl.two {margin:30px 0;}
		.rnd_table > div.cont .result dl.two dt span {border:10px solid #31277f; }
		.rnd_table > div.cont .result dl.two dt h4 {color:#31277f;}

.marker_cont {position:relative; font-size:0; width:100%; margin:45px 0 0;}
.marker_cont .imgCont {width:155px; display:inline-block; vertical-align:top; position:absolute; top:0; left:0;}
.marker_cont .marker {padding-left:210px; display:flex; flex-wrap:wrap; vertical-align:top; width:100%;}
.marker_cont .marker dl {text-align:center; width:calc((100% - 30px) / 2); margin-right:30px; margin-bottom:30px; vertical-align:top; border:1px solid #ddd;}
.marker_cont .marker dl:nth-child(2n) {margin-right:0}
.marker_cont .marker dl:nth-child(2n) dt {background:#31277f;}
.marker_cont .marker dl dt {color:#fff; font-weight:400; line-height:1.6; background:#59289c; font-size:1rem; padding:14px 10px; box-sizing:border-box; width:calc(100% + 2px); position:relative; top:-1px; left:-1px; z-index:10;}
.marker_cont .marker dl dd {font-size:1rem; padding:25px 15px; font-size:15px; font-weight:400; line-height:1.6; letter-spacing:-0.6pt;}
.marker_cont .marker p {font-size:15px; font-weight:400; line-height:1.6; letter-spacing:-0.6pt;}


#ffpe .grayBox {padding:30px;}
#ffpe .rnd_table > div.cont h5 {padding-bottom:25px; margin:50px 0 0;}
#ffpe .rnd_table > div.cont h5:first-child {margin:0;}


.ffpe_info {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #ddd; box-sizing:border-box;  padding:55px 30px 50px 0;}
.ffpe_info dt {width:390px;}
.ffpe_info dt img {display:block; margin:0 auto;}
.ffpe_info dd {width:calc(100% - 390px); }
.ffpe_info dd h4 {font-size:20px; line-height:1.5; font-weight:300; color:#222; }
.ffpe_info dd span {display:block; font-weight:bold; color:#59289c; letter-spacing:-0.6pt; line-height:1.5; margin:20px 0 10px;}
.ffpe_info dd p {letter-spacing:-0.6pt; line-height:1.6;}



.gray_textBox {padding:20px 0 0; box-sizing:border-box; border:1px solid #ddd; margin:30px 0 0;}
.gray_textBox img {max-width:90%; display:block; margin:0 auto;}
.gray_textBox span {margin:20px 0 0; display:block; border-top:1px solid #ddd; background:#f9f9f9; line-height:55px; text-align:center; font-size:15px; letter-spacing:-0.3pt; font-weight:400;}

.ffpe_work {display:flex; flex-wrap:wrap; position:relative; z-index:10;}
.ffpe_work::before {content:''; width:51px; height:51px; background:#fff url("/rnd/img/down_arrow.png")no-repeat center; border-radius:100%; position:absolute; top:485px; left:50%; transform:translateX(-25px); box-shadow:0 10px 20px rgba(0,0,0,0.05);}
.ffpe_work::after {content:''; width:90%; height:88px; background:url("/rnd/img/ffpe_work_bg.png")no-repeat center / 100%; position:absolute; top:450px; left:50%; transform:translateX(-50%); z-index:-1;}
.ffpe_work li {display:flex; flex-wrap:wrap; justify-content: center; align-content: center; position:relative; width:calc((100% - 60px) / 3); margin-right:30px; border:1px solid #ddd; border-radius:8px; box-sizing:border-box; padding:45px 15px; text-align:center; background:#fff;}
.ffpe_work li::after {content:''; width:30px; height:9px; background:url("/rnd/img/ffpe_arrow.png")no-repeat center; position:absolute; top:50%; right:-31px; margin-top:-4px;}
.ffpe_work li:nth-child(3n) {margin-right:0;}
.ffpe_work li:nth-child(-n+3) {margin-bottom:50px;}
.ffpe_work li i {display:block; width:26px; height:26px; line-height:26px; color:#fff; background:#31277f;  font-size:13px; font-weight:bold; font-style:normal; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.ffpe_work li h6 {width:100%; font-family:'Manrope', sans-serif; font-size:15px; font-weight:500; color:#222; letter-spacing:0.2pt; line-height:1.3; margin:13px 0 15px;}
.ffpe_work li span {font-family:'Manrope', sans-serif;  border:1px solid #ddd; border-radius:5px; display:block; width:86px; height:38px; line-height:36px; font-size:14px; letter-spacing:0.2pt; position:absolute; bottom:0; left:50%; transform:translate(-50%,50%); background:#f9f9f9; font-weight:600;}

.ffpe_work li:nth-child(1)::after {background:url("/rnd/img/ffpe_arrow_up.png")no-repeat center;}
.ffpe_work li:nth-child(1)::before {content:''; width:calc(300% + 60px); height:47px; background:url("/rnd/img/dash_line.png")no-repeat center / auto 100%; position:absolute; bottom:-50px; left:0;}
.ffpe_work li:nth-child(5)::after {background:url("/rnd/img/ffpe_arrow_up2.png")no-repeat center;}
.ffpe_work li:nth-child(3)::after, .ffpe_work li:nth-child(6)::after, .ffpe_work li:nth-child(7)::after {display:none;}

.ffpe_work li.work_tit {background:#59289c;  box-sizing:border-box; padding:15px 10px; }
.ffpe_work li.work_tit h6 {color:#fff !important; font-weight:bold;}
.ffpe_work li.work_tit.six {background:#31277f;}
.ffpe_work li.work_tit.last {width:100%; background:#fff; color:#222; border:4px solid #31277f;  margin-right:0; margin-top:105px;border-radius:30px;}
.ffpe_work li.work_tit.last h6 {color:#222 !important;}

/* .ffpe_work li:nth-child(3)::after {right:50%;  transform:rotate(90deg); top:auto; bottom:-25px; margin-right:-8px;} */

/* .ffpe_work li:nth-child(4) {order:6; margin-right:0 !important;}
.ffpe_work li:nth-child(5) {order:5;}
.ffpe_work li:nth-child(6) {order:4; margin-right:30px !important;}
.ffpe_work li:nth-child(6)::after {display:none;}
.ffpe_work li:nth-child(4)::after, .ffpe_work li:nth-child(5)::after {right:auto; left:-25px; transform:rotate(180deg);} */
/******* E:: R&D - DeepOmicsTM *******/


/******* S:: R&D - Dual Barcode Neoepitope Scan *******/
.rnd_in {text-align:center;}
.rnd_in h5 {font-size:1.882rem; font-weight:200; color:#222; letter-spacing:-0.5pt; margin:-13px 0 0;}
.rnd_in .stxt {margin:15px 0 60px;}
/******* E:: R&D - Dual Barcode Neoepitope Scan *******/





/****** S::a?? - a???? ******/
.introduce01 {padding:100px 0 130px;}
		.introduce01 > span {font-size:1.176rem; font-weight:500; color:#59289c; line-height:1.5; letter-spacing:-0.7pt;}
		.introduce01 > h4 {font-size:2.353rem; font-weight:300; color:#222; letter-spacing:-1pt; line-height:1.35; margin:20px 0 23px;}
		.introduce01 .underline {position:relative; font-weight:bold; color:#222; letter-spacing:-0.7pt; line-height:1.8; display:inline-block; margin:25px 0 0;}
		.introduce01 .underline:after {content:''; width:100%; height:1px; background:#222; position:absolute; bottom:6px; left:0;}

.intro_inquiry {border:1px solid #ddd; background:#fff; box-sizing:border-box; text-align:center; padding:50px 25px; margin:68px auto 0;}
.intro_inquiry h4 {font-size:1.412rem; color:#222; letter-spacing:-1pt; line-height:1; font-weight:bold; display:inline-block; vertical-align:middle; margin-right:30px; }
.intro_inquiry ul {display:inline-block; vertical-align:middle;}
.intro_inquiry ul li {display:inline-block; margin-right:10px; color:#222; letter-spacing:-0.5pt; line-height:1;}
.intro_inquiry ul li img {margin-right:6px; margin-top:-1px;}
.intro_inquiry ul li.eng {color:#777; font-weight:500; letter-spacing:0; margin-right:18px;}
.intro_inquiry ul li:last-child {margin-right:0;}

.introduce02 {background:url('/recruite/img/introduce_bg.jpg')center center/cover no-repeat;}
		.introduce02_in {font-size:0;}
		.introduce02_in dl {display:inline-block; text-align:center; width:calc((100% - 180px) / 4); margin-right:60px; vertical-align:top;}
		.introduce02_in dl:last-child {margin-right:0px;}
		.introduce02_in dl dt {position:relative; width:200px; height:200px; background:#fff; border-radius:100%; border:10px solid #59289c; box-sizing:border-box; margin:0 auto 73px; padding:30px 0;}
		.introduce02_in dl dt:before {content:''; width:1px; height:45px; background:rgba(255,255,255,0.3); position:absolute; bottom:-55px; left:50%;}
		.introduce02_in dl dt:after {content:''; width:7px; height:7px; background:#fff; border-radius:100%; position:absolute; bottom:-60px; left:50%; margin-left:-3px;}
		.introduce02_in dl:nth-child(2n) dt {border:10px solid #31277f;}
		.introduce02_in dl:nth-child(2n) dt h4, .introduce02_in dl:nth-child(2n) dt p {color:#31277f !important;}
		.introduce02_in dl:nth-child(3) dt {padding:40px 0;}
				.introduce02_in dl dt h4 {font-size:1.176rem; color:#59289c; letter-spacing:-0.7pt; line-height:1; font-weight:500; margin:20px 0 7px;}
				.introduce02_in dl dt p {font-family:'Manrope', sans-serif; font-size:1rem; font-weight:400; color:#59289c; line-height:1; }
		.introduce02_in dl dd {font-size:1rem; color:rgba(255,255,255,0.8); line-height:1.7; letter-spacing:-0.6pt;}

.processBox {padding:75px 100px;}
.process_in {font-size:0; box-sizing:border-box;}
.process_in dl {text-align:center; display:inline-block; width:calc((100% - -100px) / 6); margin-right:5px; vertical-align:top; margin-left:-25px;}
.processBox .process_in dl {width:calc((100% - -60px) / 4);}
.process_in dl:first-child {margin-left:0;}
.process_in dl:last-child {margin-right:0;}
.process_in dl dt {height:120px;}
.process_in dl dt img {position:relative; top:50%; transform:translateY(-50%);}
.process_in dl span {font-family:'Manrope', sans-serif; display:block; line-height:75px; font-size:1.176rem; font-weight:bold; color:rgba(255,255,255,0.3); background:url('/recruite/img/step_img01.png') center no-repeat; 
background-size:100% 100% !important;}
		.process_in dl.two span {background:url('/recruite/img/step_img02.png') center no-repeat; color:rgba(255,255,255,0.45);}
		.process_in dl.three span {background:url('/recruite/img/step_img03.png') center no-repeat; color:rgba(255,255,255,0.55);}
		.process_in dl.four span {background:url('/recruite/img/step_img04.png') center no-repeat; color:rgba(255,255,255,0.65);}
		.process_in dl.five span {background:url('/recruite/img/step_img05.png') center no-repeat; color:rgba(255,255,255,0.8);}
		.process_in dl.six span {background:url('/recruite/img/step_img06.png') center no-repeat; color:#fff;}

.process_in dl h4 {font-size:1.176rem; color:#222; letter-spacing:-0.6pt; font-weight:500; line-height:1.4; margin:26px 0 0;}
.process_in dl p {font-size:1rem; letter-spacing:-0.6pt; line-height:1.4; color:#222; font-weight:400; padding:0 10px; box-sizing:border-box; margin:18px 0 0;}
.process_in dl p.font15 {font-size:0.882rem; margin:13px 0 0; color:#666;}
.process_in dl p.eng {font-size:1rem; letter-spacing:0; margin:26px 0 0; word-break: break-all;}

.introduce03_in {display:flex; flex-wrap:wrap;}
.introduce03_in dl {width:33.33%; background:#fff; padding:35px 25px; box-sizing:border-box; border-right:3px solid #f5f5f5; border-bottom:3px solid #f5f5f5; font-size:0;}
.introduce03_in dl dt {display:inline-block; width:105px; vertical-align:middle;}
.introduce03_in dl dd {display:inline-block; font-size:1.176rem; color:#222; font-weight:500; letter-spacing:-0.7pt; line-height:1.3; width:calc(100% - 105px); padding-left:30px; vertical-align:middle;}
.introduce03_in dl dd span {font-size:0.882rem; font-weight:400; color:#666; letter-spacing:-0.5pt; line-height:1; display:block; margin:0 0 4px;}
.introduce03_in dl.w25 {width:25%;}
/****** E::a?? - a???? ******/




/****** S::a?? - a????? ******/
.recruit_con {}
	.recruit_top {background:url('/recruite/img/recruitBg.jpg') center center/cover no-repeat; text-align:center; padding:120px 3%; margin-bottom:70px}
	.recruit_top .sub_title2 {color:#fff;}
	.recruit_top .recruitBtn {margin-top:40px}
	.recruit_top .recruitBtn a {color:#fff; display:inline-block; margin-right:4px; background:#59289c; border:1px solid #59289c; width:160px; line-height:55px; font-size:0.882rem; letter-spacing:-0.5pt; font-weight:400; transition: all 0.3s linear;}
	.recruit_top .recruitBtn a:last-child {background:url('/recruite/img/downBtn.png') right 30px center no-repeat; border:1px solid rgba(255,255,255,0.8); margin:0; background-color:none; text-align:left; padding:0 30px}
	.recruit_top .recruitBtn a:hover {background-color:#fff; color:#59289c; border-color:#fff;}
	.recruit_top .recruitBtn a:last-child:hover {background-image:url('/recruite/img/downBtn_up.png')}
/****** E:: a?? - a????? ******/








/****** S:: ??????? ******/
.sitemap_cont{display:flex; justify-content:space-between; flex-direction:row; flex-wrap:wrap;}
.sitemap_cont dl{width:30%; text-align:center; text-align:center; margin:0 0 50px;}
.sitemap_cont dl::before{content:""; display:block; width:100%; height:3px; 
											background: #31277f; /* ?????? ???????? ??? ?????? */ 
											background: -webkit-linear-gradient(-45deg, #31277f, #5a289c);
											background: -moz-linear-gradient(-45deg, #31277f, #5a289c);
											background: -o-linear-gradient(-45deg, #31277f, #5a289c);
											background: linear-gradient(-45deg, #31277f, #5a289c); /* ??? */}

.sitemap_cont dl dt{border-bottom:1px solid #ccc; font-weight:600; color:#222; letter-spacing:-0.35pt; padding:18px 0; line-height:120%; font-size:1.125rem}
.sitemap_cont dl dd{border-bottom:1px solid #ddd; }
.sitemap_cont dl dd a{display:block; width:100%; padding:17px 0; line-height:120%; letter-spacing:-0.25pt; transition:all 0.2s linear;}
.sitemap_cont dl dd a.eng {letter-spacing:0.3pt;}
.sitemap_cont dl dd a:hover{background:#f0f0f0; color:#222; transition:all 0.2s linear;}
/****** E:: ??????? *******/



/* ?????, ?????????????? */
.policy_con{position:relative; overflow:hidden;}
.cont_title{font-size:1.176rem; color:#222; padding-bottom:10px; letter-spacing:-0.8pt; font-weight:600;}
p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:600; color:#333 !important;}
.cont_txt {padding:0px 0px 50px 0;}
.cont_txt2 {padding-bottom:35px;}
.cont_box {/* border:1px solid #a0a0a0; */ padding:30px; background:#f5f5f5; margin:7px 0px 10px 0px; display:block;}
.cont_box strong {color:#222; font-size:1rem; letter-spacing:-0.5pt; font-weight:500;}

.privacy_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:50px;}
.privacy_list li {width:49%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:bold;} 

/* o??????(2016-07-20) */
.pay_add_tit {font-size: 11px; color: #555;}
.pay_add_tit2 {font-size: 11px; color: #ee2d7a;}





/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 



#visual .subtop_txt {left:50%; margin-left:0; width:94%; transform:translate(-50%,0);}
.about_visual .subtop_txt_right {position:absolute; bottom:20%; right:50%; margin-right:0; width:94%; transform:translate(50%,0);}


.lnb ul{width:94%;}
.tableCont {width:100%; overflow-x:scroll;}
.table_in{width:1230px;}
.stxt br {display:none;}


/****** S::???????? - ??? ??? ******/
.ci_cont .btnList a {width:115px; height:50px; line-height:50px; padding:0 10px;  margin-right:4px;
background:url('/img/down.png')no-repeat center right 10px;}
.ci_cont .btnList a:hover {background:#59289c url('/img/down_up.png')no-repeat center right 10px;}


.ci_cont.ci04 .btnList a{width: 175px !important; background-color:#fff;}
.ci_cont.ci04 .btnList a:hover{background:#59289c url('/img/down_up.png')no-repeat center right 10px;}
/****** E::???????? - ??? ??? ******/


/******* S:: R&D - DeepOmicsTM *******/
.rnd_table > h4 {width:300px;}
.rnd_table > div.cont {width:calc(100% - 300px);}
.ffpe_info br {display:none;}
/* .ffpe_work li h6 {font-size:15px;} */
/******* E:: R&D - DeepOmicsTM *******/


/****** S::a?? - a???? ******/
.introduce03_in dl dt {width:80px;}
.introduce03_in dl dt img {max-width:100%;}
.introduce03_in dl dd {width:calc(100% - 80px); padding-left:20px;}
/****** E::a?? - a???? ******/



.processBox {padding:70px 80px;}


}
/*******************************************************************************
	@media ~1100px
*******************************************************************************/
@media all and (max-width:1100px) { 


}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 

#visual{height:400px;}
#visual .subtop_txt h2 {font-size:3.4rem; margin:0 0 25px;}
#visual .subtop_txt p {font-size:1.14rem;}
.about_visual .subtop_txt_right h3 {font-size:2rem; margin:0 0 20px;}


.lnb li {margin-right:35px;}
.lnb li a {line-height:70px;}
.lnb li a:after {top:25px;}

.contents_in h3.title {font-size:2rem; letter-spacing:-1.2pt; padding:80px 0 50px;}
.contents_in h3.title.pdt130 {padding:90px 0 50px;}
.stxt br {display:none;}
.stxt.font20 {font-size:1.15rem; margin:-20px 0 45px;}
.cont_tit {font-size:1.6rem;margin:0 0 35px;}
.grayBox {padding:45px 20px;}
.borderBox {padding:50px 20px;}

.table_style th {width:280px; font-size:14px; padding:12px 15px;}
.table_style td {font-size:14px; padding:12px 20px;}


.tpad_35{padding-top:20px}
.tpad_40 {padding-top:30px;}
.tpad_80 {padding-top:65px;}
.bpad_100{margin-bottom:80px}

.compad {padding:90px 0 !important;}
.compad_t {padding:90px 0 0 !important;}
.compad_b {padding:0 0 90px !important;}

.dotCont {padding:20px 25px;}
.dotCont li {padding-left:10px;}
.dotCont li:after {width:3px; height:3px; top:11px;}


/******* S::???? *******/
#sticky-wrapper {margin:0 auto 80px;}
.is-sticky .tabCont {top:85px !important;}
.tabCont {margin:0 auto 80px;}
.tabCont ul li {min-height:70px;}
.tabCont ul.seven li {width:25%;}
.tabCont ul li a {min-height:70px; padding:0 10px;}

/* ?????? */
.tabCont.ver2 {margin-bottom:30px}

.subTab {padding:15px 10px;}
.subTab a {font-size:14px; margin:7px 12px;}
.subTab a:after {content:''; width:100%; height:1px; background:#59289c; position:absolute; bottom:-3px; left:0; opacity:0;}
/******* E::???? *******/


/****** S::???????? - ??? ******/
.location_cont .location {margin:0 0 35px;}
#daumRoughmapContainer1643871368194 {height:340px;}
#daumRoughmapContainer1643871368194 .wrap_map {height:340px !important;}
#daumRoughmapContainer1643871407085 {height:340px;}
#daumRoughmapContainer1643871407085 .wrap_map {height:340px !important;}

.location_cont .location > .map_txt {position:relative; background:#fff; padding:0 40px;}
		.location_cont .location > .map_txt h4 {font-size:1.412rem; color:#222; letter-spacing:-0.7pt; line-height:1.25; font-weight:bold; margin:0 0 10px;}
		.location_cont .location > .map_txt ul {margin:20px 0 0;}
		.location_cont .location > .map_txt li {padding-left:25px; box-sizing:border-box; color:#777; font-weighT:400; line-height:1; margin:0 0 15px;}

.mapBtn a {width:55px; height:55px;}
.mapBtn a.print {display:none;}
/****** E::???????? - ??? ******/



/****** S::???????? - CEO ???? ******/
.ceo_cont {}
.ceo_cont .imgCont {width:340px;}
.ceo_cont .imgCont img {max-width:100%;}
.ceo_cont .txtCont {display:inline-block; width:calc(100% - 340px);  box-sizing:border-box; padding:30px 40px 30px 0;}
		.ceo_cont .txtCont h3 {font-size:2rem; margin:15px 0;}
		.ceo_cont .txtCont h5 {font-size:1.176rem; margin:0 0 30px;}
		.ceo_cont .txtCont h5 br {display:none;}
		.ceo_cont .txtCont .stxt {margin:0 0 35px;}

.ceo_cont .profile {padding:40px 20px 40px 30px;}
.ceo_cont .profile ul li:after {top:9px;}
/****** E::???????? - CEO ???? ******/


/****** S::???????? - ???/???? ******/
.vision {padding:50px 10px;}
.vision h4 {margin-right:40px;}

.mission dl {width:calc((100% - 40px) / 3); margin-right:20px;}
.mission dl dt img {width:100%;}
.mission dl dd {position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translate(0,-50%);}
		.mission dl dd h4 {font-size:1.15rem; margin:0 0 13px;}
		.mission dl dd p {font-size:1.15rem;}
/****** E::???????? - ???/???? ******/


/****** S::???????? - ??? ??? ******/
.ci_cont {}
.ci01 {display:block;}
.ci01 .txtBox {display:block; width:100%; padding-right:0; margin:30px 0 0;}
.ci01 .imgBox {display:block; width:100%;}
.ci01 .imgBox img {width:auto; max-width:100%; display:block; margin:0 auto;}

.btnList {}
.btnList a {width:150px !important; text-align:left !important; width:180px; line-height:50px; height:50px;}


.ci02 .stxt {margin:20px 0 40px;}
.ci03 .stxt {margin:0 0 40px;}
.ci_cont .sub_title {margin:20px 0 8px;}
.basic dl {width:50%;}
.basic dl dt {height:300px; background-size:12px;}
.basic dl dt img {max-width:70%; max-height:50%;}
.basic dl dd {font-size:1.176rem; margin:20px 0 0;}


/* ??????? ?????? */
.ci04 .stxt {margin:20px 0 30px;}

/* ??????? ?????? */



/****** E::???????? - ??? ??? ******/



/******* S:: R&D - ????????(R&D) *******/
.rnd_cont .stxt {margin:35px 0 50px;}

.schedule_cont .cont_tit {margin:80px 0 35px;}
/******* E:: R&D - ????????(R&D) *******/


/******* S:: R&D - Dual Barcode Neoepitope Scan *******/
.rnd_in h5 {font-size:1.6rem;}
.rnd_in .stxt {margin:10px 0 45px;}
/******* E:: R&D - Dual Barcode Neoepitope Scan *******/


/******* S:: R&D - DeepOmicsTM *******/
.rnd_table {display:block; width:100%; margin:80px 0;}
.rnd_table > h4 {display:block; width:100%; font-size:1.3rem; margin:0 0 30px;}
.rnd_table > h4 br {display:none;}
.rnd_table > div.cont {display:block; width:100%;}
		.rnd_table > div.cont h5 {font-size:1.176rem; color:#222; letter-spacing:-0.6pt; font-weight:500; line-height:1.6; margin:0 0 5px;}
		.rnd_table > div.cont p.dot {padding-left:10px;}
		.rnd_table > div.cont p.dot:after {width:3px; height:3px; top:11px;}

		.rnd_table > div.cont .result {margin:45px 0 0;}
		.rnd_table > div.cont .result dl dt {width:150px;}
		.rnd_table > div.cont .result dl dt span {width:150px; height:150px;  border:8px solid #59289c; padding:19px 0;}
		.rnd_table > div.cont .result dl dt h4 {color:#59289c; letter-spacing:-0.4pt; line-height:1.25; font-size:1rem; margin:7px 0 0;}
		.rnd_table > div.cont .result dl dd {width:calc(100% - 150px); padding-left:30px;}

		.rnd_table > div.cont .result dl.two {margin:30px 0;}
		.rnd_table > div.cont .result dl.two dt span {border:8px solid #31277f; }

		.neo_cont dl br {display:none;}

		.marker_cont .marker {padding-left:185px;}
		.marker_cont .marker dl {text-align:center; width:calc((100% - 20px) / 2); margin-right:20px; margin-bottom:20px; display:inline-block; vertical-align:top;}
		.marker_cont .marker dl br {display:none;}

		.ffpe_info {padding:30px 30px 30px 0;}
		.ffpe_info dt {width:265px;}
		.ffpe_info dd {width:calc(100% - 265px);}
/******* E:: R&D - DeepOmicsTM *******/



/****** S::a?? - a???? ******/
.introduce01 > h4 {font-size:2rem; margin:20px 0;}
.introduce01 .underline {margin:20px 0 0;}

.intro_inquiry {padding:40px 16px; margin:45px 0 0;}


.introduce02_in dl {width:calc((100% - 90px) / 4); margin-right:30px;}
.introduce02_in dl dt {width:150px; height:150px; border:8px solid #59289c; margin:0 auto 55px; padding:17px 0;}
.introduce02_in dl dt:before {height:35px; bottom:-45px;}
.introduce02_in dl dt:after {width:5px; height:5px; bottom:-45px; margin-left:-2px;}
.introduce02_in dl:nth-child(2n) dt {border:8px solid #31277f;}
.introduce02_in dl:nth-child(3) dt {padding:33px 0;}
		.introduce02_in dl dt h4 {margin:10px 0 7px;}


.processBox {padding:40px 50px;}
.processBox .process_in dl {width:calc((100% - -42px) / 4);}

.process_in dl {text-align:center; display:inline-block; width:calc((100% - -70px) / 6); margin-right:5px; vertical-align:top; margin-left:-19px;}
.process_in dl dt {height:100px;}
.process_in dl dt img {max-height:50px;}
.process_in dl span {line-height:60px; font-size:1.15rem;}

.process_in dl h4 {margin:20px 0 0; font-size:1.14rem;}
.process_in dl p.font15 {margin:10px 0 0;}
.process_in dl p br {display:none;}


.introduce03_in {}
.introduce03_in dl {width:33.33% !important; padding:25px 15px;}
.introduce03_in dl dt {width:70px;}
.introduce03_in dl dd {width:calc(100% - 70px); padding-left:20px;}
/****** E::a?? - a???? ******/



/****** S::a?? - a????? ******/
.recruit_con {}
	.recruit_top {padding:80px 3%; margin-bottom:50px}
	.recruit_top .recruitBtn {margin-top:30px}
	.recruit_top .recruitBtn a {}
	.recruit_top .recruitBtn a:last-child {background-position:right 20px center; padding:0 20px}
/****** E:: a?? - a????? ******/



/*** S:: ??????? ***/
.sitemap_cont{flex-direction:row; flex-wrap:wrap;}
		.sitemap_cont dl{width:30%; margin:0 0 50px;}
		.sitemap_cont dl dt{padding:14px 0; }
				.sitemap_cont dl dd a{ padding:14px 0; }
/*** E:: ??????? ***/



}
/*******************************************************************************
	@media 681 ~ 768px
*******************************************************************************/
@media all and (max-width:768px) { 

/* ?????? */
.tabCont.ver2 {margin-bottom:20px}


/****** S::???????? - CEO ???? ******/
.ceo_cont {background:#fff;}
.ceo_cont .imgCont {position:relative; display:block; width:100%; font-size:0;}
.ceo_cont .imgCont .img_in {display:block; width:100%; background:url('/img/ceo_img01.jpg')no-repeat center top 20%; height:350px; vertical-align:top;}
.ceo_cont .imgCont .img_in img {display:none;}
.ceo_cont .profile {padding:25px 20px;display:inline-block; width:100%; vertical-align:top;}
.ceo_cont .profile h3 {font-size:1.2rem;}
.ceo_cont .profile h3 span {margin-left:10px;}
.ceo_cont .profile h4 {margin:15px 0 12px; font-size:1.1rem;}
.ceo_cont .profile ul li:after {width:3px; height:3px;}
.ceo_cont .txtCont {display:block; width:100%;  box-sizing:border-box; padding:35px 0 0; background:url('/img/ceo_bg.jpg') center no-repeat; background-size:70% 70%;}
		.ceo_cont .txtCont h3 {font-size:1.6rem; margin:13px 0;}
		.ceo_cont .txtCont h5 {font-size:1.13rem; margin:0 0 20px;}
		.ceo_cont .txtCont .stxt {margin:0 0 25px;}
/****** E::???????? - CEO ???? ******/



}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 


#visual{height:300px;}
#visual .subtop_txt h2 {font-size:2.5rem; margin:0 0 15px;}
#visual .subtop_txt p {font-size:1.1rem;}
.about_visual .subtop_txt_right h3 {font-size:1.6rem; margin:0 0 5px;}
.about_visual .subtop_txt_right h3 br {display:none;}

#visual .whitespace {width:12px;}

.lnb li {margin-right:20px;}
.lnb li a {line-height:50px;}
.lnb li a:after {top:20px;}

.contents_in h3.title {font-size:1.8rem; letter-spacing:-1pt; padding:50px 0 30px;}
.contents_in h3.title.pdt130 {padding:65px 0 30px;}
.stxt.font20 {font-size:1.1rem; margin:-15px 0 30px;}
.grayBox {padding:30px 15px;}
.borderBox {padding:35px 15px;}
.cont_tit {font-size:1.4rem;margin:0 0 25px;}

.table_style th {display:block; width:100%; font-size:13px; padding:10px;}
.table_style td {display:block; font-size:13px; padding:10px 15px;}
.table_style td.kor {border-left:0;}
.table_style td.mark_tit {border-left:0;}

.table_style.none_block th {display:table-cell; width:210px;}
.table_style.none_block td {display:table-cell;}


.graph {height:243px;}
.graph dl {height:48px; padding:5px 0;}
.graph dl dt {line-height:38px;}
.graph dl dd {line-height:38px;}


.dotCont {padding:15px 20px;}
.dotCont li {padding-left:10px;}
.dotCont li:after {top:10px;}
.dotCont li span {width:95px;}

.cont_tit i {width:20px; height:20px; font-size:11px; line-height:20px; margin-right:5px; top:-4px;}
.cont_tit.white i {line-height:16px;}


.table_style2 th {font-family:'Manrope', sans-serif; font-size:13px; color:#222; letter-spacing:-0.5pt; background:#f9f9f9; font-weight:bold; letter-spacing:-0.5pt; padding:18px 0; border-right:1px solid #ddd; border-bottom:1px solid #Ddd;}
.table_style2 td {border-bottom:1px solid #ddd; font-size:13px; padding:14px 0 14px 0; text-align:center; border-right:1px solid #ddd; font-weight:400; color:#59289c;}
.tab_tit {background:#f9f9f9;}
.tab_tit.eng {font-family:'Manrope', sans-serif; font-weight:500;}
.brd0 {border-right:0 !important;}


.tpad_35{padding-top:15px}
.tpad_40 {padding-top:20px;}
.tpad_80 {padding-top:30px;}
.bpad_30 {padding-bottom:15px;}
.bpad_100{margin-bottom:50px}


.compad {padding:60px 0 !important;}
.compad_t {padding:60px 0 0 !important;}
.compad_b {padding:0 0 60px !important;}


/******* S::???? *******/
#sticky-wrapper {margin:0 auto 50px;}
.is-sticky .tabCont {top:70px !important;}
.tabCont {margin:0 auto 50px;}
.tabCont ul {text-align:left;}
.tabCont ul li {width:33.33%; min-height:50px;}
.tabCont ul.five li {width:33.33%;}
.tabCont ul.seven li {width:50%;}
.tabCont ul li a {min-height:50px; padding:0 10px;}

.subTab a {font-size:13px; margin:5px 10px;}
/******* E::???? *******/


/****** S::???????? - ??? ******/
.location_cont .location {margin:0 0 25px;}
#daumRoughmapContainer1643871368194 {height:280px;}
#daumRoughmapContainer1643871407085 {height:280px;}
#daumRoughmapContainer1643871368194 .wrap_map {height:280px !important;}
#daumRoughmapContainer1643871407085 .wrap_map {height:280px !important;}

.location_cont .location > div {display:block; width:100%;}
.location_cont .location > .map_txt {padding:25px 15px;}
		.location_cont .location > .map_txt h4 {font-size:1.412rem; color:#222; letter-spacing:-0.7pt; line-height:1.25; font-weight:bold; margin:0 0 5px;}
		.location_cont .location > .map_txt ul {margin:15px 0 0;}
		.location_cont .location > .map_txt li {padding-left:20px; margin:0 0 10px;}

.mapBtn a {width:45px; height:45px;}
.mapBtn a.detail:after {width:15px; height:22px; margin-left:-7px;}
/****** E::???????? - ??? ******/



/****** S::???????? - ???/???? ******/
.vision {padding:40px 15px;}
.vision h4 {margin-right:0; display:block; margin:0 0 10px;}
.vision p {display:block;}

.mission dl {width:calc((100% - 30px) / 3); margin-right:15px;}
		.mission dl dd h4 {font-size:1.1rem; margin:0 0 10px;}
		.mission dl dd p {font-size:1.1rem;}
/****** E::???????? - ???/???? ******/



/****** S::???????? - ??? ??? ******/
.ci01 .txtBox {margin:20px 0 0;}
.ci01 .txtBox h4 {margin:0 0 8px;}

.btnList {margin:30px 0 0;}
.btnList a {width:32.6% !important; margin-right:1% !important; padding:0 15px; background:url('/img/down.png')no-repeat center right 15px; font-size:12px; line-height:43px; height:45px; }
.btnList a:hover {background:#59289c url('/img/down_up.png')no-repeat center right 15px;}
.btnList a:last-child {margin-right:0;}

.ci02 .stxt {margin:15px 0 30px;}
.basic dl {width:100%; margin-bottom:30px;}
.basic dl:nth-child(1) dt {border-right:1px solid #ddd;}
.basic dl:last-child {margin-bottom:0;}
.basic dl dt {height:250px; background-size:10px;}
.basic dl dd {font-size:1.13rem; margin:15px 0 0;}

.ci03 .stxt {margin:0 0 30px;}
.ci_cont .sub_title {margin:15px 0 5px;}
/****** E::???????? - ??? ??? ******/

/******* S:: R&D - ????????(R&D) *******/
.rnd_cont .stxt {margin:25px 0 30px;}

.schedule_cont .cont_tit {margin:55px 0 20px;}
/******* E:: R&D - ????????(R&D) *******/

/******* S:: R&D - Dual Barcode Neoepitope Scan *******/
.rnd_in h5 {font-size:1.4rem; margin:-10px 0 0;}
.rnd_in .stxt {margin:7px 0 30px;}
/******* E:: R&D - Dual Barcode Neoepitope Scan *******/


/******* S:: R&D - DeepOmicsTM *******/
.rnd_table {margin:60px 0;}
.rnd_table > h4 {font-size:1.3rem; margin:0 0 25px;}
		.rnd_table > div.cont h5 {font-size:1.176rem; margin:0 0 3px;}
		.rnd_table > div.cont p.dot {position:relative; padding-left:13px; line-height:1.6; letter-spacing:-0.6pt;}
		.rnd_table > div.cont p.dot:after {top:9px;}

		.rnd_table > div.cont .result {margin:30px 0 0;}
		.rnd_table > div.cont .result dl dt {width:110px;}
		.rnd_table > div.cont .result dl dt span {width:110px; height:110px;  border:4px solid #59289c; padding:15px 0;}
		.rnd_table > div.cont .result dl dt span img {max-width:35px; max-height:35px;}
		.rnd_table > div.cont .result dl dt h4 {color:#59289c; letter-spacing:-0.4pt; line-height:1.25; font-size:1rem; margin:5px 0 0;}
		.rnd_table > div.cont .result dl dd {width:calc(100% - 110px); padding-left:20px;}

		.rnd_table > div.cont .result dl.two {margin:30px 0;}
		.rnd_table > div.cont .result dl.two dt span {border:4px solid #31277f; }

		.neo_cont dl {width:33.33% !important; margin-bottom:20px;}
		.neo_cont dl:nth-child(3) {border-right:0;}
		.neo_cont dl dd {margin:7px 0 0;}


		.marker_cont {margin:25px 0 0;}
		.marker_cont .imgCont {position:relative; display:block; width:100%; margin:0 0 40px;}
		.marker_cont .imgCont img {display:block; margin:0 auto; max-height:380px;}
		.marker_cont .marker {width:100%; padding-left:0;}
		.marker_cont .marker dl {width:calc((100% - 10px) / 2); margin-right:10px; margin-bottom:15px;}
		.marker_cont .marker dl dt {padding:10px;}
		.marker_cont .marker dl dd {padding:15px 10px; font-size:13px;}
		.marker_cont .marker p {font-size:13px; text-align:center;}
		.marker_cont .marker p br {display:none;}


		.gray_textBox span {line-height:45px;}
		#ffpe .grayBox {padding:20px;}
		
		.ffpe_work::before {top:auto; bottom:185px; width:42px; height:42px; transform:translateX(-21px); background-size:14px !important;}
		.ffpe_work::after {top:auto; bottom:175px;}
		.ffpe_work li {width:100% !important; margin-bottom:40px !important; margin-right:0 !important; margin-left:0 !important; padding:44px 20px 20px;}
		.ffpe_work li:nth-child(3)::after {display:block;}
		.ffpe_work li h6 {font-size:15px;}
		.ffpe_work li span {font-size:12px; width:70px; height:32px; line-height:30px; z-index:10;}
		.ffpe_work li.work_tit {border-radius:8px; padding:13px 5px; min-height:55px;}
		.ffpe_work li.work_tit h6 {margin:0; }
		.ffpe_work li.work_tit.last {margin:50px 0 0;}
		.ffpe_work li.work_tit.last img {width:90px;}
		.ffpe_work li.work_tit.last h6 {margin:15px 0 0;}
		
		.ffpe_work li::after {right:50%;  transform:rotate(90deg); top:auto; bottom:-25px; margin-right:-14px;}

		/* .ffpe_work li:nth-child(4) {order:4; margin-right:0 !important;}
		.ffpe_work li:nth-child(5) {order:5;}
		.ffpe_work li:nth-child(6) {order:6; margin-right:0 !important;}
		.ffpe_work li:nth-child(4)::after, .ffpe_work li:nth-child(5)::after {left:50%;  transform:rotate(90deg); top:auto; bottom:-25px; margin-left:-8px;} */

		.ffpe_info {padding:20px; text-align:center;}
		.ffpe_info dt {width:100%;}
		.ffpe_info dt img {width:120px;}
		.ffpe_info dd {width:100%; margin:20px 0 0;}
		.ffpe_info dd h4 {font-size:15px;}
		.ffpe_info dd span {margin:10px 0;}

/******* E:: R&D - DeepOmicsTM *******/



/****** S::a?? - a???? ******/
.introduce01 > h4 {font-size:1.8rem; margin:15px 0;}
.introduce01 .underline {margin:15px 0 0; text-decoration:underline;}
.introduce01 .underline:after {display:none;}

.intro_inquiry {padding:30px 15px; margin:35px 0 0;}
.intro_inquiry h4 {display:block; margin:0 0 18px;}
.intro_inquiry ul {display:block;}
.intro_inquiry ul li {width:100%; display:block; margin:0 0 10px; font-size:13px;}
.intro_inquiry ul li:last-child {margin:0;}

.introduce02_in dl {width:calc((100% - 40px) / 2); margin-right:40px; margin-bottom:50px;}
.introduce02_in dl:nth-child(2n) {margin-right:0;}
.introduce02_in dl dt {width:130px; height:130px; border:5px solid #59289c; margin:0 auto 40px;}
.introduce02_in dl dt img {max-width:40px;}
.introduce02_in dl dt:before {height:35px; bottom:-35px;}
.introduce02_in dl dt:after {width:5px; height:5px; bottom:-35px; margin-left:-2px;}
.introduce02_in dl:nth-child(2n) dt {border:5px solid #31277f;}
.introduce02_in dl:nth-child(3) dt {padding:30px 0;}
		.introduce02_in dl dt h4 {margin:10px 0 7px;}


.processBox {padding:30px 40px;}
.processBox .process_in dl {width:calc((100% - -9px) / 2);}
.processBox .process_in dl:nth-child(3n) {margin-right:5px; margin-left:0;}
.processBox .process_in dl:nth-child(2n) {margin-right:0;}
.processBox .process_in dl:nth-child(4) {margin-left:-19px;}

.process_in dl {width:calc((100% - -28px) / 3); margin-bottom:20px;}
.process_in dl:nth-child(3n) {margin-right:0;}
.process_in dl:nth-child(4) {margin-left:0;}
.process_in dl dt {height:80px;}
.process_in dl dt img {max-height:40px;}
.process_in dl span {line-height:50px; font-size:1rem;}

.process_in dl h4 {margin:15px 0 0;}
.process_in dl p.font15 {margin:7px 0 0;}
.process_in dl p.eng {margin:15px 0 0;}

.introduce03_in dl {width:50% !important; padding:20px 15px;}
.introduce03_in dl dt {width:60px;}
.introduce03_in dl dd {width:calc(100% - 60px); padding-left:20px;}
/****** E::a?? - a???? ******/


/****** S::a?? - a????? ******/
.recruit_con {}
	.recruit_top {padding:60px 3%; margin-bottom:40px}
	.recruit_top .sub_title2 br {display:none;}
	.recruit_top .recruitBtn {margin-top:20px}
	.recruit_top .recruitBtn a {width:130px; line-height:45px}
	.recruit_top .recruitBtn a:last-child {background-position:right 15px center; padding:0 15px}
/****** E:: a?? - a????? ******/



/*** S:: ??????? ***/
.sitemap_cont{}
		.sitemap_cont dl::before{ height:2px; }
		.sitemap_cont dl{width:48%; margin:0 0 40px;}
/*** E:: ??????? ***/



/* ?????, ?????????????? */
.policy_con{position:relative; overflow:hidden;}
.cont_title{font-size:1.1rem; color:#222; padding-bottom:5px; letter-spacing:-0.8pt; font-weight:600;}
p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:600; color:#333 !important;}
.cont_txt {padding:0px 0px 25px 0;}
.cont_box {padding:15px; margin:5px 0px 10px 0px;}

.privacy_list {width:100%; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:25px;}
.privacy_list li {width:100%; float:none; padding-bottom:5px;}
/* ?????, ?????????????? */



}
/*******************************************************************************
	@media 480px~600px
*******************************************************************************/
@media all and (max-width:600px) { 

.mission dl {width:100%; margin-right:0; margin-bottom:15px; height:200px; background-size:cover !important;}
.mission dl:nth-child(1) {background:url('/img/mission_img01.jpg')no-repeat center;}
.mission dl:nth-child(2) {background:url('/img/mission_img02.jpg')no-repeat center;}
.mission dl:nth-child(3) {background:url('/img/mission_img03.jpg')no-repeat center;}
.mission dl dt img {display:none;}
		.mission dl dd h4 {font-size:1.1rem; margin:0 0 10px;}
		.mission dl dd p {font-size:1.1rem;}


}
/*******************************************************************************
	@media 361~480px
*******************************************************************************/
@media all and (max-width:480px) { 



/****** S::???????? - CEO ???? ******/
.ceo_cont .imgCont .img_in {height:380px;}
/****** E::???????? - CEO ???? ******/


/******* S:: R&D - DeepOmicsTM *******/
.rnd_table > h4 {margin:0 0 20px;}
	
		.rnd_table > div.cont .result dl {text-align:center;}
		.rnd_table > div.cont .result dl dt {display:block; width:110px; margin:0 auto 20px;}
		.rnd_table > div.cont .result dl dt span {width:110px; height:110px;  border:4px solid #59289c; padding:15px 0;}
		.rnd_table > div.cont .result dl dt span img {max-width:35px; max-height:35px;}
		.rnd_table > div.cont .result dl dt h4 {color:#59289c; letter-spacing:-0.4pt; line-height:1.25; font-size:1rem; margin:5px 0 0;}
		.rnd_table > div.cont .result dl dd {display:block; width:100%; padding-left:0;}
/******* E:: R&D - DeepOmicsTM *******/


.processBox {padding:20px 30px;}


.introduce03_in dl {width:50% !important; padding:20px 15px; text-align:center;}
.introduce03_in dl dt {display:block; width:60px; margin:0 auto 15px;}
.introduce03_in dl dd {display:block;  width:100%; padding-left:0; font-size:1.1rem;}

.ci_cont.ci04 .btnList a{width: 135px !important; background-color:#fff;}



}
/*******************************************************************************
	@media ~360px
*******************************************************************************/
@media all and (max-width:360px) { 

}



.data_1 {position:relative; }
.data_1 dl {display:flex; flex-wrap:wrap; margin-bottom:70px;}
.data_1 dl dt {order:2; width:515px;}
.data_1 dl dd {order:1; width:calc(100% - 515px); box-sizing:border-box; padding-right:30px;}
.data_1 dl dd h4.contTit {text-align:left !important; margin-bottom:30px !important;}
.data_1 dl dd em {display:block; font-size:1.563rem; letter-spacing:-0.5pt; line-height:120%; margin-bottom:40px; font-style:normal; font-weight:500; color:#333;}
.data_1 dl dd .text {margin-top:0;}
.data_1 dl dd .text p {font-weight:400; margin-bottom:0;}
.data_1 .ideology {border-top:1px solid #333;}
.data_1 .ideology figure {padding:50px 0; border-bottom:1px solid #ddd; display:flex; flex-wrap:wrap;}
.data_1 .ideology figure h4 {width:31.70731%; line-height:100%; font-size:1.875rem; font-weight:700; font-family:"Outfit", arial, tahoma, verdana, sans-serif; color:#333;}
.data_1 .ideology figure > div {/*width:calc(100% - 31.70731%);*/ padding-right:2.43902%; box-sizing:border-box; font-size:1.471rem; letter-spacing:-1pt; line-height:145%; font-weight:300; color:#333;}
.data_1 .ideology figure > div strong {font-weight:700; color:#333;}
.data_1 .ideology figure ul {display:flex; flex-wrap:wrap;}
.data_1 .ideology figure ul li {width:calc((100% - 30px) / 2); margin-right:30px; margin-top:30px;}
.data_1 .ideology figure ul li:nth-child(2n) {margin-right:0;}
.data_1 .ideology figure ul li:nth-child(-n+2) {margin-top:0;}
.data_1 .ideology figure h5 {font-size:1.353rem; line-height:100%; color:#333; font-weight:600; margin-bottom:15px;}
.data_1 .ideology figure p {font-size:1rem; letter-spacing:-0.5pt; word-break:keep-all;}

.data_1 .summary {padding:9.412rem 0; background:#f0f0f0;}
.data_1 .summary .box {position:relative; display:flex; flex-wrap:wrap; margin-bottom:9.412rem;}
.data_1 .summary .box figure {background-color:#fff; background-position:right 20px bottom 25px;  background-repeat:no-repeat; width:calc((100% - 90px) /4); height:100%; min-height:285px; margin-right:30px; margin-bottom:30px; box-shadow:0 5px 10px rgba(0,0,0,0.05); box-sizing:border-box; padding:2.5rem 1.7rem;}
.data_1 .summary .box figure.comName {background-image:url('../../about/img/summary_icon1.png');}
.data_1 .summary .box figure.ceo {background-image:url('../../about/img/summary_icon2.png');}
.data_1 .summary .box figure.address {background-image:url('../../about/img/summary_icon3.png');}
.data_1 .summary .box figure.tenant {background-image:url('../../about/img/summary_icon4.png'); margin-right:0;}
.data_1 .summary .box figure h5 {font-size:1.294rem; color:#333; font-weight:500; line-height:100%; margin-bottom:20px; letter-spacing:-1pt;}
.data_1 .summary .box figure div {letter-spacing:-.5pt;}
.data_1 .summary .box figure a {color:#999; font-size:14px; display:block; margin-top:20px;}
.data_1 .summary .box figure .msg {color:#999; font-size:0.941rem; margin-top:15px;}
.data_1 .summary .box figure.service {width:100%; margin-right:0;}
.data_1 .summary .box figure.service ul {display:flex; flex-wrap:wrap; margin-top:40px;}
.data_1 .summary .box figure.service ul li {width:calc((100% - 80px) / 5); box-sizing:border-box; margin-right:20px;}
.data_1 .summary .box figure.service ul li:last-child {margin-right:0;}
.data_1 .summary .box figure.service dl {position:relative;}
.data_1 .summary .box figure.service dl dt {margin-bottom:25px;}
.data_1 .summary .box figure.service dl dt img {border-radius:100%;}
.data_1 .summary .box figure.service dl dd {text-align:center;}
.data_1 .summary .box figure.service dl dd p {font-size:1.059rem; color:#333; margin-bottom:5px; letter-spacing:-.5pt; line-height:100%; font-weight:500;}
.data_1 .summary .box figure.service dl dd span {color:#999; font-size:1.059rem; line-height:100%; letter-spacing:0.5pt !important;}
.data_1 .summary .box figure.service dl dd div {text-align:center; letter-spacing:-0.5pt; line-height:150%; margin-top:15px; word-break:keep-all;}  
.data_1 .summary .organ {text-align:center;}
.data_1 .summary .organ img.mobile {display:none;}




/* i???e???i??? e|??i???i???  */
.thumList {width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
.thumList figure {margin-right:2.43902%; width:calc((100% - 9.75608%) / 5); text-align:center; line-height:140%;}
.thumList figure:last-child {margin-right:0;}
.thumList.four figure {width:calc((100% - 7.31706%) / 4);}
.thumList.three figure {width:calc((100% - 4.87804%) / 3);}


/***** i???i???e????e???? *****/
.facil_service ul {display:flex; flex-wrap:wrap; padding-bottom:9.412rem; display:none;}
.facil_service ul li {position:relative; width:calc((100% - 60px) / 3); margin-right:30px;}
.facil_service ul li:last-child {margin-right:0;}
.facil_service ul li figure {width:100%; text-align:center;}
.facil_service ul li figure .icon {position:relative; width:100%; height:100%; max-width:180px; margin:0 auto 30px auto; border-radius:100%; box-shadow:0 10px 15px rgba(0,0,0,0.1);}
.facil_service ul li figure .icon:before {content:""; display:block; padding-top:100%;}
.facil_service ul li figure .icon .content {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display:flex; justify-content:center; align-items:center;}
.facil_service ul li figure strong {text-align:Center; color:#333; font-weight:500; letter-spacing:-.5pt; font-size:1.176rem; line-height:100%;}
.facil_service ul li figure .txt {text-align:center; letter-spacing:-0.5pt; font-size:0.941rem; line-height:180%; margin-top:10px; word-break:keep-all;}

.facil_photo {padding-bottom:9.412rem;} 
.facil_photo .photoArea {position:relative; overflow:hidden; margin-bottom:4rem;} 
.facil_photo .photoArea .title {float:left; width:285px;}
.facil_photo .photoArea .title h5 {font-size:2.235rem; line-height:130%; letter-spacing:-2pt; color:#333; word-break:keep-all;}
.facil_photo .photoArea .title h5 span {display:block; font-size:1.294rem; color:#666; margin-top:8px; font-weight:300;}
.facil_photo .photoArea .title div {letter-spacing:-.5pt;font-size:1.118rem;line-height:160%;margin-top:1rem;color: #000;font-weight: 100;}
.facil_photo .photoArea .photoGallery {float:right; width:calc(100% - 315px); margin-left:30px;}  
.facil_photo .photoArea .photoGallery * {letter-spacing:-0.5pt;}
.facil_photo .photoArea .photoGallery .list {}
.facil_photo .photoArea .photoGallery .list img {background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.facil_photo .photoArea .photoGallery .txtBox {padding-top:25px; box-sizing:border-box;}

/* arrow */
.facil_photo .photoArea .photoGallery .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); z-index:1002; font-size:0; text-indent:-2222222px; cursor:pointer; transition:all 0.3s ease-out; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:none; width:30px; height:50px; }
.facil_photo .photoArea .photoGallery .slick-prev {left:1%; background-image:url('//img//banner_prev.png');}
.facil_photo .photoArea .photoGallery .slick-next {right:1%; background-image:url('//img//banner_next.png');}

/***** i???i????i??? i??i??? *****/

/* e????i??? - i???i????e????i?? */
.office {position:relative;}
.office .recommendCk {padding-bottom:80px; margin-top:-20px;}
.office .recommendCk dl {display:flex; flex-wrap:wrap;}
.office .recommendCk dl dt {width:180px; margin-right:30px;}
.office .recommendCk dl dt p {color:#333; font-size:1.471rem; font-weight:600; letter-spacing:-1.5pt; line-height:100%;}
.office .recommendCk dl dt p i {display:block; width:44px; height:44px; border-radius:100%; background-color:#10554c; margin-bottom:20px; background-image:url('../../office/img/recommend_icon.png'); background-position:50% 50%; background-repeat:no-repeat;}
.office .recommendCk dl dd {width:calc(100% - 210px); }
.office .recommendCk .recomList {display:flex; flex-wrap:wrap;}
.office .recommendCk .recomList figure {position:relative; width:calc((100% - 7.31706%) / 4); margin-right:2.43902%; padding-top:35px; counter-increment: my-list-index; text-align:center; letter-spacing:-0.5pt; word-break:keep-all;}
.office .recommendCk .recomList figure:before {position:absolute; left:50%; top:0; transform:translateX(-50%); color:#10554c; font-weight:600; text-decoration:underline; font-family:"Outfit", arial, tahoma, verdana, sans-serif;  content: "0" counter(my-list-index); font-size:15px}
.office .recommendCk .recomList figure:nth-of-type(9) ~ figure:before { content: counter(my-list-index);}
.office .recommendCk .recomList figure:last-child {margin-right:0;}
.office .recommendCk .recomList figure strong {color:#333; letter-spacing:-.5pt;}
.office .recommendCk .recomList.three figure { width:calc((100% - 60px) / 3); margin-top:30px;}
.office .recommendCk .recomList.three figure:nth-child(3n) {margin-right:0;}
.office .recommendCk .recomList.three figure:nth-child(-n+3) {margin-top:0;}


/* i???i????i??? i??i??? */
.office .counsel { padding:9.412rem 0;}
.office .counsel .text {text-align:center; font-size:1.118rem; letter-spacing:-.5pt; margin-top:-30px; margin-bottom:60px;}


/* e???e|?? i???i????i??? */
.private .fullOption {padding:9.412rem 0; background:#f0f0f0;}
.private .fullOption dl {width:100%; display:flex; flex-wrap:wrap; align-items: center; margin-bottom:3rem;}
.private .fullOption dl:last-child {margin-bottom:0;}
.private .fullOption dl dt, .private .fullOption dl dd {width:calc((100% - 4.0650%) / 2);}
.private .fullOption dl dt {margin-right:4.0650%;}
.private .fullOption dl:last-child dt {order:2; margin-right:0; margin-left:4.0650%;}
.private .fullOption dl:last-child dd {order:1;}
.private .fullOption dl dd strong {font-size:1.176rem; font-weight:500; display:block; margin-bottom:10px; color:#333; line-height:120%; letter-spacing:-.5pt;}
.private .fullOption dl dd div {word-break:keep-all; line-height:170%; letter-spacing:-.5pt; margin-bottom:30px;}
.private .fullOption dl dd div:last-child {margin-bottom:0;}

.private .Benefits {padding:9.412rem 0;}
.private .Benefits ul {display:flex; flex-wrap:wrap;}
.private .Benefits ul li {width:calc((100% - 4.87804%) / 3); margin-right:2.43902%; margin-top:40px; text-align:center;}
.private .Benefits ul li img {width:100%;}
.private .Benefits ul li:nth-child(3n) {margin-right:0;}
.private .Benefits ul li:nth-child(-n+3) {margin-top:0;}
.private .Benefits dl dt {margin-bottom:30px;}
.private .Benefits dl dd {text-align:center;}
.private .Benefits dl dd strong {color:#333; font-size:1.176rem; font-weight:500; line-height:120%; letter-spacing:-.5pt;}
.private .Benefits dl dd .txt {word-break:keep-all; font-size:0.941rem; margin-top:10px; letter-spacing:-.5pt; line-height:160%;}

.private .rentPrice {padding:9.412rem 0; background:#f0f0f0;}
.private .rentPrice .priceList {position:relative;}
.private .rentPrice .priceList figure {float:left;}
.private .rentPrice .priceList dl {display:flex; width:100%; flex-wrap:wrap; align-items: center; margin-bottom:2rem; background:#fff;}
.private .rentPrice .priceList dl dt, .private .rentPrice .priceList dl dd {width:50%;}
.private .rentPrice .priceList dl dt {overflow:hidden; background-position:50% 50%; background-size:cover; background-repeat:no-repeat;}
.private .rentPrice .priceList dl dt img {max-width:590px; opacity:0;}
.private .rentPrice .priceList dl dd {align-self:center; padding:0 3%; box-sizing:border-box;}
.private .rentPrice .priceList dl dd em {display:inline-block; color:#fff; text-align:center; line-height:100%; letter-spacing:-.5pt; padding:18px 30px; border-radius:40px; font-size:1rem; font-style:normal; background:#10554c; margin-bottom:15px;}
.private .rentPrice .priceList dl dd h5 {line-height:130%; font-size:2.235rem; font-weight:600; letter-spacing:-1.5pt; color:#333; margin:10px 0 25px;}
.private .rentPrice .priceList dl dd span {color:#999; display:block; margin-top:20px; letter-spacing:-.5pt;}
.private .rentPrice .priceList dl dd .txt {letter-spacing:-.5pt; line-height:160%;}

.private .rentPrice .priceList figure:first-child dl dt {background-image:url('../../office/img/private_type1.jpg');}
.private .rentPrice .priceList figure:nth-child(2) dl dt {background-image:url('../../office/img/private_type2.jpg');}
.private .rentPrice .priceList figure:nth-child(3) dl dt {background-image:url('../../office/img/private_type3.jpg');}
.private .rentPrice .priceList figure:nth-child(4) dl dt {background-image:url('../../office/img/private_type4.jpg');}
.private .rentPrice .priceList figure:nth-child(5) dl dt {background-image:url('../../office/img/private_type5.jpg');}
.private .rentPrice .priceList figure:nth-child(6) dl dt {background-image:url('../../office/img/private_type6.jpg');}
.private .rentPrice .priceList figure:nth-child(7) dl dt {background-image:url('../../office/img/private_type7.jpg');}

.private .rentPrice .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); z-index:1002; font-size:0; text-indent:-2222222px; cursor:pointer; transition:all 0.3s ease-out; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:none; width:30px; height:50px;}
.private .rentPrice .slick-arrow:after {position:absolute; content:""; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1000; width:10px; height:16px; background-size:10px auto;} 
.private .rentPrice .slick-prev {left:-50px; background-image:url('//img//banner_prev.png');}
.private .rentPrice .slick-next {right:-50px; background-image:url('//img//banner_next.png');}


/* i???i??? e???i???i??? */
.office .cont {padding:9.412rem 0; background:#f0f0f0;}
.office .cont h4.contTit {display:flex; justify-content: center; align-items: center;}
.office .cont h4.contTit em {display:inline-block; margin-left:30px; color:#fff; text-align:center; line-height:100%; letter-spacing:-.5pt; padding:18px 30px; border-radius:40px; font-size:1.294rem; font-style:normal; background:#10554c; font-weight:500; vertical-align:top;}
.office .cont .text {text-align:center; font-weight:400; font-size:1.118rem; letter-spacing:-.5pt; margin-top:-30px; margin-bottom:60px;}
.office .cont dl dt {margin-bottom:50px; overflow:hidden;}
.office .cont dl dt figure {width:calc((100% - 10px) / 2); float:left;}
.office .cont dl dt figure:first-child {margin-right:10px;}
.office .cont dl dt figure img {max-width:100%;}
.office .cont ol {display:flex; flex-wrap:wrap;}
.office .cont ol li {position:relative; width:49.5%; margin-right:1%; padding-left:30px; box-sizing:border-box;  counter-increment: my-list-index; padding-bottom:15px; font-weight:400; letter-spacing:-0.5pt;}
.office .cont ol li:nth-child(2n) {margin-right:0;}
.office .cont ol li:before {position:absolute; left:0; color:#10554c; font-weight:600; text-decoration:underline; content: "0" counter(my-list-index); font-size:15px; letter-spacing:0; font-family:"Outfit", arial, tahoma, verdana, sans-serif;}
.office .cont ol li:nth-of-type(9) ~ li:before { content: counter(my-list-index);}
.office .cont ol li:last-child {padding-bottom:0;}


/* e???i?? i???i????i??? */
.virtual .checkList {padding:9.412rem 0; background:#f0f0f0;}
.virtual .checkList h4.contTit {line-height:130% !important;}
.virtual .checkList dl {display:flex; width:100%; flex-wrap:wrap; align-items: center; margin-bottom:2rem; background:#fff;}
.virtual .checkList dl dt, .virtual .checkList dl dd {width:50%;}
.virtual .checkList dl dt {overflow:hidden; height:410px; background-position:50% 50%; background-repeat:no-repeat;}
.virtual .checkList dl dt img {width:100%; max-width:615px; opacity:0;}
.virtual .checkList dl dd {align-self:center; padding:0 3%; box-sizing:border-box;}
.virtual .checkList dl:nth-child(odd) dt{order:2;}
.virtual .checkList dl:nth-child(odd) dd {order:1;}
.virtual .checkList dl dd > span {color:#10554c; font-weight:600; text-decoration:underline; font-size:1.118rem; letter-spacing:0; font-family:"Outfit", arial, tahoma, verdana, sans-serif;}
.virtual .checkList dl dd h5 {line-height:130%; font-size:2.235rem; font-weight:600; letter-spacing:-1.5pt; color:#333; margin:10px 0 25px; word-break:keep-all;}
.virtual .checkList dl dd .txt {letter-spacing:-.5pt; line-height:160%;}
.virtual .checkList dl dd .txt p {letter-spacing:-.5pt; line-height:160%; margin-bottom:10px;}
.virtual .checkList dl dd .txt p:last-child {margin-bottom:0;}
.virtual .checkList dl dd .txt  span {color:#10554c; letter-spacing:-.5pt; display:block; margin-top:10px;}
.virtual .checkList dl.one dt {background-image:url('../../office/img/virtual_img1.jpg');}
.virtual .checkList dl.two dt {background-image:url('../../office/img/virtual_img2.jpg');}
.virtual .checkList dl.three dt {background-image:url('../../office/img/virtual_img3.jpg');}
.virtual .checkList dl.four dt {background-image:url('../../office/img/virtual_img4.jpg');}
.virtual .checkList dl.five dt {background-image:url('../../office/img/virtual_img5.jpg');}
.virtual .checkList dl.six dt {background-image:url('../../office/img/virtual_img6.jpg');}
.virtual .checkList dl.seven dt {background-image:url('../../office/img/virtual_img7.jpg');}

.virtual .serviceInfo {padding:9.412rem 0;}
.virtual .serviceInfo .iconList {display:flex; flex-wrap:wrap;} 
.virtual .serviceInfo .iconList li {position:relative; width:calc((100% - 7.31706%) / 4); margin-right:2.43902%; margin-top:30px;}
.virtual .serviceInfo .iconList li:nth-child(4n) {margin-right:0;}
.virtual .serviceInfo .iconList li:nth-child(-n+4) {margin-top:0;}
.virtual .serviceInfo .iconList li figure {width:100%; text-align:center;}
.virtual .serviceInfo .iconList li figure .icon {position:relative; width:100%; max-width:180px; margin:0 auto 25px auto; border-radius:100%; background:#f4f4f4;}
.virtual .serviceInfo .iconList li figure .icon:before {content:""; display:block; padding-top:100%;}
.virtual .serviceInfo .iconList li figure .icon .content {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display:flex; justify-content:center; align-items:center;}
.virtual .serviceInfo .iconList li figure strong {text-align:Center; color:#333; font-weight:500; letter-spacing:-.5pt; font-size:1.176rem; line-height:100%;}
.virtual .serviceInfo .iconList li figure div {letter-spacing:-.5pt; font-size:0.941rem; word-break:keep-all; margin-top:10px;}  

.virtual .contactProcess {padding:9.412rem 0; background:#f0f0f0;}
.virtual .contactProcess .iconList {display:flex; flex-wrap:wrap;} 
.virtual .contactProcess .iconList li {position:relative; width:calc((100% - 90px) / 4); margin-right:30px; margin-top:30px;}
.virtual .contactProcess .iconList li:after {position:absolute; content:""; right:-22px; top:25%; transform:translateY(-50%); width:16px; height:16px; background:url('../../contact/img/estate_proc_arr.png') 50% 50% no-repeat;}
.virtual .contactProcess .iconList li:nth-child(4n) {margin-right:0;}
.virtual .contactProcess .iconList li:nth-child(-n+4) {margin-top:0;}
.virtual .contactProcess .iconList li:last-child:after {display:none;}
.virtual .contactProcess .iconList li figure {width:100%; text-align:center;}
.virtual .contactProcess .iconList li figure .icon {position:relative; width:100%; max-width:180px; margin:0 auto 25px auto; border-radius:100%; background:#fff;}
.virtual .contactProcess .iconList li figure .icon:before {content:""; display:block; padding-top:100%;}
.virtual .contactProcess .iconList li figure .icon .content {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display:flex; justify-content:center; align-items:center;}
.virtual .contactProcess .iconList li figure strong {text-align:Center; color:#333; font-weight:500; letter-spacing:-.5pt; font-size:1.176rem; line-height:100%;}
.virtual .contactProcess .iconList li figure div {letter-spacing:-.5pt; font-size:0.941rem; word-break:keep-all; margin-top:10px;}  
.virtual .contactProcess .iconList li figure div span {display:block; margin-top:5px; font-size:0.882rem; color:#10554c; letter-spacing:-.35pt;}

/* i???i??i???  */
.meeting .text {text-align:center; font-weight:400; font-size:1.118rem; letter-spacing:-.5pt; margin-top:-30px; margin-bottom:60px;}
.meeting .balsan {padding-bottom:9.412rem;}
.meeting .magok {padding:9.412rem 0; background:#f0f0f0;}

.meeting .store {position:relative; display:flex; width:100%; flex-wrap:wrap; margin-bottom:120px;}
.meeting .store dt, .meeting .store dd {width:48%;}
.meeting .store dd {align-self:center; margin-left:4%; box-sizing:border-box;}
.meeting .store dd h4.contTit {text-align:left !important; line-height:100% !important; margin-bottom:25px !important;}
.meeting .store dd .mTxt {font-weight:400; font-size:1.118rem; letter-spacing:-.5pt; margin-bottom:50px;}
.meeting .store dd .parking {font-size:1.353rem; letter-spacing:-1pt; color:#333; font-weight:600; line-height:100%; margin-bottom:20px; background:url('../../office/img/meeting_parking.png') left top no-repeat; padding-left:45px;}
.meeting .store dd .info {font-size:1.176rem; letter-spacing:-0.5pt; line-height:160%;}
.meeting .store dd .info strong {font-weight:600; letter-spacing:-.5pt; color:#333;}
.meeting .store dd .info u {font-size:1rem; font-weight:400; display:inline-block; margin-left:10px; word-break:keep-all; letter-spacing:-.5pt;}
.meeting .store dd .info span {margin-top:5px; display:inline-block;}
.meeting .store dd a.btn_reserv {font-size:1.118rem; margin-top:40px; display:block; line-height:100%; width:290px; padding:23px 30px; border-radius:70px; text-align:center; letter-spacing:-0.5pt; border:2px solid #10554c; box-sizing:border-box; color:#10554c; font-weight:500; letter-spacing:-0.5pt; background:#fff; transition:all 0.3s;}
.meeting .store dd a.btn_reserv:hover {background-color:#fabf31; border-color:#fabf31; color:#222;}

.meeting h4.lineTitle {position:relative; text-align:center; margin-bottom:100px; display:flex; justify-content: center; z-index:3;}
.meeting h4.lineTitle span {display:inline-block; padding:0 15px; line-height:100%; font-size: 2.813rem; letter-spacing: -2pt; color: #333; z-index:5; background:#fff;}
.meeting h4.lineTitle:after {position:absolute; content:""; left:0; top:50%; transform:translateY(-50%); z-index:1; width:100%; height:1px; background:#ccc;}
.meeting .magok h4.lineTitle span {background:#f0f0f0;}

.meeting .style {position:relative;}
.meeting .style dl {display:flex; width:100%; flex-wrap:wrap; margin-bottom:5rem}
.meeting .style dl dt, .meeting .style dl dd {width:48%;}
.meeting .style dl dt {overflow:hidden; height:393px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.meeting .style dl dt img {width:100%; max-width:590px; opacity:0;}
.meeting .style dl dd {position:relative; align-self:center; margin-left:4%; box-sizing:border-box;}
.meeting .style dl dd .price {display:inline-block; font-weight:400; color:#fff; text-align:center; line-height:100%; letter-spacing:-.5pt; padding:18px 30px; border-radius:40px; font-style:normal; background:#10554c; margin-top:30px;}
.meeting .style dl dd h5 {line-height:130%; font-size:2.135rem; font-weight:300; letter-spacing:-1.5pt; color:#333; margin-bottom:35px; word-break:keep-all;}
.meeting .style dl dd h5 strong {line-height:130%; font-weight:700; letter-spacing:-1.5pt; color:#333;}
.meeting .style dl dd .Included {font-size:1.353rem; letter-spacing:-1pt; color:#333; font-weight:600; line-height:100%; margin-bottom:20px;}
.meeting .style dl dd ol {width:100%; display:flex; flex-wrap:wrap;}
.meeting .style dl dd ol li {position:relative; width:49%; margin-right:2%; padding-left:30px; box-sizing:border-box; color:#333; font-weight:600; counter-increment: my-list-index; padding-bottom:5px; font-weight:500; letter-spacing:-0.5pt;}
.meeting .style dl dd ol li:nth-child(2n) {margin-right:0;}
.meeting .style dl dd ol li:before {position:absolute; left:0; color:#10554c; font-weight:600; text-decoration:underline; content: "0" counter(my-list-index); font-size:15px; letter-spacing:0; font-family:"Outfit", arial, tahoma, verdana, sans-serif;}
.meeting .style dl dd li:nth-of-type(9) ~ li:before { content: counter(my-list-index);}
.meeting .style dl dd ol li:last-child {margin-bottom:0;}
.meeting .style dl:last-child {margin-bottom:0;}

.meeting .style dl.twenty dt {background-image:url('../../office/img/meetingRoom_twenty.jpg');}
.meeting .style dl.ten dt {background-image:url('../../office/img/meetingRoom_ten.jpg');}
.meeting .style dl.seven dt {background-image:url('../../office/img/meetingRoom_seven.jpg');}
.meeting .style dl.four dt {background-image:url('../../office/img/meetingRoom_four.jpg');}
.meeting .style dl.four2 dt {background-image:url('../../office/img/meetingRoom_four02.jpg');}
.meeting .style dl.two dt {background-image:url('../../office/img/meetingRoom_two.jpg');}
.meeting .style dl.open dt {background-image:url('../../office/img/meetingRoom_open.jpg');}


/* i???i??? i???i????i??? */
.oneday .rentPrice {background:#f0f0f0; padding:9.412rem 0;}
.oneday .rentPrice .include {margin-bottom:70px;}
.oneday .rentPrice .include .iconList {display:flex; flex-wrap:wrap;} 
.oneday .rentPrice .include .iconList li {position:relative; width:49%; margin-right:2%; margin-bottom:2%;}
.oneday .rentPrice .include .iconList li:nth-child(2n) {margin-right:0;}
.oneday .rentPrice .include .iconList li:last-child {margin-bottom:0;}
.oneday .rentPrice .include .iconList li dl {width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.oneday .rentPrice .include .iconList li dl dt {width:30%;}
.oneday .rentPrice .include .iconList li dl dt .icon {position:relative; width:100%; max-width:180px; margin:0 auto; border-radius:100%; background:#fff;}
.oneday .rentPrice .include .iconList li dl dt .icon:before {content:""; display:block; padding-top:100%;}
.oneday .rentPrice .include .iconList li dl dt .icon .content {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display:flex; justify-content:center; align-items:center;}
.oneday .rentPrice .include .iconList li dl dd {width:calc(100% - 30%); padding-left:5%; box-sizing:border-box;}
.oneday .rentPrice .include .iconList li dl dd h5 {font-weight:600; letter-spacing:-1pt; line-height:100%; margin-bottom:25px; color:#333; font-size:1.353rem;}
.oneday .rentPrice .include .iconList li dl dd strong {display:inline-block; margin-bottom:5px; color:#333; font-weight:500; letter-spacing:-.5pt; font-size:1.176rem;}
.oneday .rentPrice .include .iconList li dl dd .txt {letter-spacing:-.5pt; word-break:keep-all; line-height:170%;}

.oneday .rentPrice .priceList dl {display:flex; width:100%; flex-wrap:wrap; align-items: center; margin-bottom:3rem; background:#fff;}
.oneday .rentPrice .priceList dl dt, .oneday .rentPrice .priceList dl dd {width:50%;}
.oneday .rentPrice .priceList dl dt {overflow:hidden; height:410px; background-position:50% 50%; background-repeat:no-repeat;}
.oneday .rentPrice .priceList dl dt img {width:100%; max-width:615px; opacity:0;}
.oneday .rentPrice .priceList dl dd {align-self:center; padding:0 3%; box-sizing:border-box;}
.oneday .rentPrice .priceList dl dd em {display:inline-block; font-weight:400; color:#fff; text-align:center; line-height:100%; letter-spacing:-.5pt; padding:18px 30px; border-radius:40px; font-size:1rem; font-style:normal; background:#10554c; margin-bottom:30px;}
.oneday .rentPrice .priceList dl dd h5 {line-height:130%; font-size:2.235rem; font-weight:700; letter-spacing:-1.5pt; color:#333; margin-bottom:30px;}
.oneday .rentPrice .priceList dl dd h5 strong {line-height:130%; font-weight:700; letter-spacing:-1.5pt; color:#333;}
.oneday .rentPrice .priceList dl dd u {letter-spacing:-.5pt;}
.oneday .rentPrice .priceList .infoTxt {letter-spacing:-.5pt;}

.oneday .rentPrice .priceList dl.opened dt {background-image:none;}
.oneday .rentPrice .priceList dl.opened dt img {opacity:1; width:615px;}
.oneday .rentPrice .priceList dl.opened dt .priceList {position:relative;}
.oneday .rentPrice .priceList dl.coworking dt {background-image:url('../../office/img/oneday_coworking.jpg');}
.oneday .rentPrice .priceList dl.one dt {background-image:url('../../office/img/oneday_only.jpg');}
.oneday .rentPrice .priceList dl.two dt {background-image:url('../../office/img/oneday_two.jpg');}
.oneday .rentPrice .priceList dl.three dt {background-image:url('../../office/img/oneday_three.jpg');}
.oneday .rentPrice .priceList dl.four dt {background-image:url('../../office/img/oneday_four.jpg');}
.oneday .rentPrice .priceList dl.five dt {background-image:url('../../office/img/oneday_five.jpg');}
.oneday .rentPrice .priceList dl.six dt {background-image:url('../../office/img/oneday_eight.jpg');}
.oneday .rentPrice .priceList dl.seven dt {background-image:url('../../office/img/oneday_fourteen.jpg');}

/* arrow */
.oneday .rentPrice .priceList .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); z-index:1002; font-size:0; z-index:1002; text-indent:-2222222px; cursor:pointer; transition:all 0.3s ease-out; border:none; background-color:rgba(50,50,50,0.3); width:50px; height:50px; border-radius:100%; }
.oneday .rentPrice .priceList .slick-arrow:after {position:absolute; content:""; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1000; width:10px; height:16px; background-size:10px auto;} 
.oneday .rentPrice .priceList .slick-arrow:hover {background-color:rgba(16,85,76,0.9); }
.oneday .rentPrice .priceList .slick-prev {left:1%; background-image:none;}
.oneday .rentPrice .priceList .slick-prev:after {background-image:url('//img//banner_prev_w.png');}
.oneday .rentPrice .priceList .slick-next {right:1%; background-image:none;}
.oneday .rentPrice .priceList .slick-next:after {background-image:url('//img//banner_next_w.png');}

.oneday .otherSpace {background:#10554c; padding:9.412rem 0;}
.oneday .otherSpace h4.contTit {color:#fff !important;}
.oneday .otherSpace .list {position:relative; width:100%; max-width:1000px; margin:0 auto;}
.oneday .otherSpace .list figure img {background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.oneday .otherSpace .reserv_btn {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin-top:50px;}
.oneday .otherSpace .reserv_btn a:link, .oneday .otherSpace .reserv_btn a:visited {width: 290px; padding:25px 30px; border-radius:70px; line-height:130%; text-align:center; border-radius:70px; font-size:1.118rem; background-color:#fff; letter-spacing:-0.5pt; box-sizing:border-box; color:#10554c; word-break:keep-all; font-weight:500; transition:all 0.3s;}
.oneday .otherSpace .reserv_btn a:hover {background-color:#fabf31; color:#222;}


/* arrow */
.oneday .otherSpace .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); z-index:1002; font-size:0; text-indent:-2222222px; cursor:pointer; transition:all 0.3s ease-out; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:none; width:30px; height:50px; }
.oneday .otherSpace .slick-prev {left:-50px; background-image:url('//img//banner_prev_w.png');}
.oneday .otherSpace .slick-next {right:-50px; background-image:url('//img//banner_next_w.png');}


/***** e???e????e|?? i???e??? *****/
.dodream .about {position:relative; padding-bottom:9.412rem;}
.dodream .about dl {display:flex; flex-wrap:wrap; margin-bottom:70px;}
.dodream .about dl dt {order:2; width:515px;}
.dodream .about dl dd {order:1; width:calc(100% - 515px); box-sizing:border-box; padding-right:30px;}
.dodream .about dl dd h4.contTit {text-align:left !important; margin-bottom:30px !important;}
.dodream .about dl dd em {display:block; font-size:1.563rem; letter-spacing:-0.5pt; line-height:120%; margin-bottom:40px; font-style:normal; font-weight:500; color:#333;}
.dodream .about dl dd .text {margin-top:0;}
.dodream .about dl dd .text p {font-weight:400; margin-bottom:0;}
.dodream .about .ideology {border-top:1px solid #333;}
.dodream .about .ideology figure {padding:50px 0; border-bottom:1px solid #ddd; display:flex; flex-wrap:wrap;}
.dodream .about .ideology figure h4 {width:31.70731%; line-height:100%; font-size:1.875rem; font-weight:700; font-family:"Outfit", arial, tahoma, verdana, sans-serif; color:#333;}
.dodream .about .ideology figure > div {width:calc(100% - 31.70731%); padding-right:2.43902%; box-sizing:border-box; font-size:1.471rem; letter-spacing:-1pt; line-height:145%; font-weight:300; color:#333;}
.dodream .about .ideology figure > div strong {font-weight:700; color:#333;}
.dodream .about .ideology figure ul {display:flex; flex-wrap:wrap;}
.dodream .about .ideology figure ul li {width:calc((100% - 30px) / 2); margin-right:30px; margin-top:30px;}
.dodream .about .ideology figure ul li:nth-child(2n) {margin-right:0;}
.dodream .about .ideology figure ul li:nth-child(-n+2) {margin-top:0;}
.dodream .about .ideology figure h5 {font-size:1.353rem; line-height:100%; color:#333; font-weight:600; margin-bottom:15px;}
.dodream .about .ideology figure p {font-size:1rem; letter-spacing:-0.5pt; word-break:keep-all;}

.dodream .summary {padding:9.412rem 0; background:#f0f0f0;}
.dodream .summary .box {position:relative; display:flex; flex-wrap:wrap; margin-bottom:9.412rem;}
.dodream .summary .box figure {background-color:#fff; background-position:right 20px bottom 25px;  background-repeat:no-repeat; width:calc((100% - 90px) /4); height:100%; min-height:285px; margin-right:30px; margin-bottom:30px; box-shadow:0 5px 10px rgba(0,0,0,0.05); box-sizing:border-box; padding:2.5rem 1.7rem;}
.dodream .summary .box figure.comName {background-image:url('../../about/img/summary_icon1.png');}
.dodream .summary .box figure.ceo {background-image:url('../../about/img/summary_icon2.png');}
.dodream .summary .box figure.address {background-image:url('../../about/img/summary_icon3.png');}
.dodream .summary .box figure.tenant {background-image:url('../../about/img/summary_icon4.png'); margin-right:0;}
.dodream .summary .box figure h5 {font-size:1.294rem; color:#333; font-weight:500; line-height:100%; margin-bottom:20px; letter-spacing:-1pt;}
.dodream .summary .box figure div {letter-spacing:-.5pt;}
.dodream .summary .box figure a {color:#999; font-size:14px; display:block; margin-top:20px;}
.dodream .summary .box figure .msg {color:#999; font-size:0.941rem; margin-top:15px;}
.dodream .summary .box figure.service {width:100%; margin-right:0;}
.dodream .summary .box figure.service ul {display:flex; flex-wrap:wrap; margin-top:40px;}
.dodream .summary .box figure.service ul li {width:calc((100% - 80px) / 5); box-sizing:border-box; margin-right:20px;}
.dodream .summary .box figure.service ul li:last-child {margin-right:0;}
.dodream .summary .box figure.service dl {position:relative;}
.dodream .summary .box figure.service dl dt {margin-bottom:25px;}
.dodream .summary .box figure.service dl dt img {border-radius:100%;}
.dodream .summary .box figure.service dl dd {text-align:center;}
.dodream .summary .box figure.service dl dd p {font-size:1.059rem; color:#333; margin-bottom:5px; letter-spacing:-.5pt; line-height:100%; font-weight:500;}
.dodream .summary .box figure.service dl dd span {color:#999; font-size:1.059rem; line-height:100%; letter-spacing:0.5pt !important;}
.dodream .summary .box figure.service dl dd div {text-align:center; letter-spacing:-0.5pt; line-height:150%; margin-top:15px; word-break:keep-all;}  
.dodream .summary .organ {text-align:center;}
.dodream .summary .organ img.mobile {display:none;}


/***** e???i??? e????i?? *****/
.inquiry {position:relative; display:flex;}
.inquiry figure {width:calc((100% - 50px) / 2);}
.inquiry figure.leftImg {margin-right:50px; overflow:hidden;}


/* i???i???e????i?? - i???i???i??i??? */
.move_process {background:#f0f0f0; padding:9.412rem 0; margin-top:9.412rem;}
.move_process ul {display:flex; flex-wrap:wrap;}
.move_process ul li {position:relative; width:calc((100% - 90px) / 4); margin-right:30px;}
.move_process ul li:after {position:absolute; content:""; right:-22px; top:35%; transform:translateY(-50%); width:16px; height:16px; background:url('../../contact/img/estate_proc_arr.png') 50% 50% no-repeat;}
.move_process ul li:last-child {margin-right:0;}
.move_process ul li:last-child:after {display:none;}
.move_process ul li figure {width:100%; text-align:center;}
.move_process ul li figure .icon {position:relative; width:100%; max-width:180px; margin:0 auto 25px auto; border-radius:100%; background:rgba(255,255,255,0.98);}
.move_process ul li figure .icon:before {content:""; display:block; padding-top:100%;}
.move_process ul li figure .icon .content {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display:flex; justify-content:center; align-items:center;}
.move_process ul li figure strong {text-align:Center; color:#333; font-weight:500; letter-spacing:-.5pt; font-size:1.176rem; line-height:100%;}


/** i???e???i??? e????i?? **/
.solution {position:relative;}
.solution .text {text-align:center; font-weight:400; font-size:1.118rem; letter-spacing:-.5pt; margin-top:-30px; margin-bottom:60px; word-break:keep-all;}

/* e????e???? i???e???i??? */
.bulid_about {position:relative; padding-bottom:9.412rem;}
.bulid_about .thumList figure img {margin-bottom:20px;}
.bulid_about .thumList figure em {letter-spacing:-0.5pt; color:#fff; font-weight:500; font-size:1rem; word-break:keep-all; line-height:140%; font-style:normal;}
.bulid_about .pointTxt {width:100%; text-align:center; line-height:100%; padding:2rem 0 1.5rem 0;}
.bulid_about .pointTxt figure {position:relative; display:inline-block; text-align:center; color:#333; font-size:1.471rem; line-height:140%; letter-spacing:-1pt; padding:15px 90px;}
.bulid_about .pointTxt figure:before, .bulid_about .pointTxt figure:after {position:absolute; content:""; width:63px; height:46px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2MiA0NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjIgNDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtjbGlwLXBhdGg6dXJsKCNTVkdJRF8wMDAwMDAzNjI0NTU0MjA5NjYyNDU0MzQ3MDAwMDAxMDA4ODE3MzA4MjczMDYzMTg0MV8pO30NCgkuc3Qxe2ZpbGw6I0U1RTVFNTt9DQo8L3N0eWxlPg0KPGc+DQoJPGRlZnM+DQoJCTxyZWN0IGlkPSJTVkdJRF8xXyIgd2lkdGg9IjYyIiBoZWlnaHQ9IjQ2Ii8+DQoJPC9kZWZzPg0KCTxjbGlwUGF0aCBpZD0iU1ZHSURfMDAwMDAwMzU1MTAyNzU2Mjc4MTgzNDQ2MDAwMDAwMTM3MjgzMTM2NDI4Njg3OTMyNjNfIj4NCgkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMV8iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4NCgk8L2NsaXBQYXRoPg0KCTxnIHN0eWxlPSJjbGlwLXBhdGg6dXJsKCNTVkdJRF8wMDAwMDAzNTUxMDI3NTYyNzgxODM0NDYwMDAwMDAxMzcyODMxMzY0Mjg2ODc5MzI2M18pOyI+DQoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNS45LDE4Yy0zLjYsMC02LjUsMS05LjMsMy45YzAuOS0xMC43LDYtMTYuMywxOS4xLTE5LjZsMC0yLjNDOC45LDIsMCwxMy4yLDAsMjYuNUMwLDM4LjksNS41LDQ2LDE0LjUsNDYNCgkJCWM3LjgsMCwxMy43LTQuOSwxMy43LTE0LjdDMjguMiwyMy4xLDIzLjIsMTgsMTUuOSwxOHoiLz4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTQ5LjYsMThjLTMuNiwwLTYuNSwxLTkuMywzLjljMC45LTEwLjcsNi0xNi4zLDE5LjEtMTkuNmwwLTIuM0M0Mi43LDIsMzMuOCwxMy4yLDMzLjgsMjYuNQ0KCQkJYzAsMTIuNCw1LjUsMTkuNSwxNC41LDE5LjVDNTYuMSw0Niw2Miw0MS4xLDYyLDMxLjNDNjIsMjMuMSw1Ni45LDE4LDQ5LjYsMTh6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo="); background-position:left top; background-repeat:no-repeat;}
.bulid_about .pointTxt figure:before {left:0; top:0; }
.bulid_about .pointTxt figure:after {left:auto; top:auto; right:0; bottom:0; transform:rotate(180deg);}
.bulid_about .pointTxt figure strong {font-size:2.059rem; line-height:160%; letter-spacing:-1pt; color:#333; font-weight:600; background:url('/contact/img/bulid_lineTxt.gif') left top 80% repeat-x; margin-bottom:5px;}
.bulid_about:after {position:absolute; left:0; right:0; bottom:0; height:20rem; content:""; background-color:#10554c; z-index:-1;}

.build_solve {position:relative; padding:9.412rem 0;}
.build_solve:before {position:absolute; content:""; top:0; left:50%; transform:translateX(-50%); z-index:5; width:92px; height:99px; background:url('/contact/img/bulid_arrowD.png') top center no-repeat;}
.build_solve h4.contTit {font-weight:200;}
.build_solve h4.contTit strong {display:block;}
.build_solve h4.contTit strong * {font-weight:700;}
.build_solve .thumList figure img {margin-bottom:20px;}
.build_solve .thumList figure em {letter-spacing:-0.5pt; color:#333; font-weight:500; font-size:1.059rem;  word-break:keep-all; line-height:120%; font-style:normal;}
.build_solve .proc_chart {padding:2rem; background:#f6f6f6; text-align:center; margin-top:4rem;}
.build_solve .proc_chart img.mobile {display:none;}

.build_process {background:url('../../contact/img/build_process_bg.jpg') top center no-repeat; background-size:cover; padding:9.412rem 0;}
.build_process h4.contTit {color:#fff !important;}
.build_process .text {color:rgba(255,255,255,0.7);}
.build_process ul {display:flex; flex-wrap:wrap;}
.build_process ul li {position:relative; width:calc((100% - 150px) / 6); margin-right:30px;}
.build_process ul li:after {position:absolute; content:""; right:-22px; top:35%; transform:translateY(-50%); width:16px; height:16px; background:url('../../contact/img/process_arr.png') 50% 50% no-repeat;}
.build_process ul li:last-child {margin-right:0;}
.build_process ul li:last-child:after {display:none;}
.build_process ul li figure {width:100%; text-align:center; max-width:180px; margin:0 auto;}
.build_process ul li figure .icon {position:relative; width:100%; margin:0 auto 25px auto; border-radius:100%; background:rgba(255,255,255,0.98);}
.build_process ul li figure .icon:before {content:""; display:block; padding-top:100%;}
.build_process ul li figure .icon .content {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display:flex; justify-content:center; align-items:center;}
.build_process ul li figure strong {text-align:Center; color:#fff; font-weight:500; letter-spacing:-.5pt; font-size:1.176rem; line-height:100%;}
.build_inquiryArea {padding:9.412rem 0;}

/* e???e???i??? i???e???i??? */
.estate_process {padding-bottom:9.412rem}
.estate_process ul {display:flex; flex-wrap:wrap; justify-content:center;}
.estate_process ul li {position:relative; width:calc((100% - 150px) / 6); margin-right:30px;}
.estate_process ul li:after {position:absolute; content:""; right:-22px; top:35%; transform:translateY(-50%); width:16px; height:16px; background:url('../../contact/img/estate_proc_arr.png') 50% 50% no-repeat;}
.estate_process ul li:last-child {margin-right:0;}
.estate_process ul li:last-child:after {display:none;}
.estate_process ul li figure {width:100%; text-align:center; max-width:180px; margin:0 auto;}  
.estate_process ul li figure .icon {position:relative; width:100%; margin:0 auto 25px auto; border-radius:100%; background:#f4f4f4; }
.estate_process ul li figure .icon:before {content:""; display:block; padding-top:100%;}
.estate_process ul li figure .icon .content {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display:flex; justify-content:center; align-items:center;}
.estate_process ul li figure strong {text-align:Center; color:#333; font-weight:500; letter-spacing:-.5pt; font-size:1.176rem; line-height:100%;}
.estate_process ul li figure .txt {text-align:center; letter-spacing:-0.5pt; font-size:0.941rem; line-height:140%; margin-top:10px;}
.estate_inquiryArea {background:#f0f0f0; padding:9.412rem 0;}
.estate_inquiryArea .agree {background:#fff;}


/***** i???i???i?? i????e??e??i??? *****/

/* i????e??e??i??? e???i??? */
.community {}
.community .alliancePart {padding-bottom:10.5rem;}
.community .alliancePart ul {width:100%; display:flex; flex-wrap:wrap; }
.community .alliancePart ul li {position:relative; width:calc((100% - 7.31706%) / 4); margin-right:2.43902%; margin-top:40px;}
.community .alliancePart ul li:nth-child(-n+4) {margin-top:0;}
.community .alliancePart ul li:nth-child(4n) {margin-right:0;}
.community .alliancePart ul li a {display:flex; justify-content:center; align-items:center;}
.community .alliancePart ul li figure {width:100%; max-width:180px; margin:0 auto; text-align:center;}
.community .alliancePart ul li figure .icon {position:relative; width:100%; margin:0 auto 25px auto; border-radius:100%; background:#f4f4f4; transition:all 0.3s ease-out; display:block;}
.community .alliancePart ul li:hover figure .icon {background:#10554c;}
.community .alliancePart ul li figure .icon .content img {transition:all 0.3s ease-out;}
.community .alliancePart ul li:hover figure .icon .content img {margin-top:-15px;}
.community .alliancePart ul li figure .icon:before {content:""; display:block; padding-top:100%;}
.community .alliancePart ul li figure .icon .content {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display:flex; justify-content:center; align-items:center;}
.community .alliancePart ul li figure .icon .content img {vertical-align:top; background-position:50% 50%; background-repeat:no-repeat;}
.community .alliancePart ul li figure strong {text-align:Center; color:#333; font-weight:500; letter-spacing:-.5pt; font-size:1.176rem; line-height:100%;}
.community .alliancePart ul li figure div {text-align:center; letter-spacing:-0.5pt; line-height:190%; margin-top:10px; display:none;}

.community .alliancePart ul li:first-child figure .icon .content img {background-image:url('../..//img//commu_part1.png');}
.community .alliancePart ul li:nth-child(2) figure .icon .content img {background-image:url('../..//img//commu_part2.png');}
.community .alliancePart ul li:nth-child(3) figure .icon .content img {background-image:url('../..//img//commu_part3.png');}
.community .alliancePart ul li:nth-child(4) figure .icon .content img {background-image:url('../..//img//commu_part4.png');}
.community .alliancePart ul li:nth-child(5) figure .icon .content img {background-image:url('../..//img//commu_part5.png');}
.community .alliancePart ul li:nth-child(6) figure .icon .content img {background-image:url('../..//img//commu_part6.png');}
.community .alliancePart ul li:nth-child(7) figure .icon .content img {background-image:url('../..//img//commu_part7.png');}
.community .alliancePart ul li:nth-child(8) figure .icon .content img {background-image:url('../..//img//commu_part8.png');}
.community .alliancePart ul li:nth-child(9) figure .icon .content img {background-image:url('../..//img//commu_part9.png');}
.community .alliancePart ul li:nth-child(10) figure .icon .content img {background-image:url('../..//img//commu_part10.png');}
.community .alliancePart ul li:last-child figure .icon .content img {background-image:url('../..//img//commu_part11.png');}

.community .alliancePart ul li:first-child:hover figure .icon .content img {background-image:url('../..//img//commu_part1_up.png');}
.community .alliancePart ul li:nth-child(2):hover figure .icon .content img {background-image:url('../..//img//commu_part2_up.png');}
.community .alliancePart ul li:nth-child(3):hover figure .icon .content img {background-image:url('../..//img//commu_part3_up.png');}
.community .alliancePart ul li:nth-child(4):hover figure .icon .content img {background-image:url('../..//img//commu_part4_up.png');}
.community .alliancePart ul li:nth-child(5):hover figure .icon .content img {background-image:url('../..//img//commu_part5_up.png');}
.community .alliancePart ul li:nth-child(6):hover figure .icon .content img {background-image:url('../..//img//commu_part6_up.png');}
.community .alliancePart ul li:nth-child(7):hover figure .icon .content img {background-image:url('../..//img//commu_part7_up.png');}
.community .alliancePart ul li:nth-child(8):hover figure .icon .content img {background-image:url('../..//img//commu_part8_up.png');}
.community .alliancePart ul li:nth-child(9):hover figure .icon .content img {background-image:url('../..//img//commu_part9_up.png');}
.community .alliancePart ul li:nth-child(10):hover figure .icon .content img {background-image:url('../..//img//commu_part10_up.png');}
.community .alliancePart ul li:last-child:hover figure .icon .content img {background-image:url('../..//img//commu_part11_up.png');}

.community .banner {background:#f0f0f0; padding:10.5rem 0;}
.community .banner .list {position:relative; width:100%; max-width:1000px; margin:0 auto;}

/* arrow */
.community .banner .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); z-index:1002; font-size:0; text-indent:-2222222px; cursor:pointer; transition:all 0.3s ease-out; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:none; width:30px; height:50px; }
.community .banner .slick-prev {left:-50px; background-image:url('//img//banner_prev.png');}
.community .banner .slick-next {right:-50px; background-image:url('//img//banner_next.png');}

/* e??? i???i???e??? e???i??? */
.community.part h4 {text-align:center; line-height:100%; font-weight:600; font-size:2.647rem; letter-spacing:-1.5pt; color:#333; margin-bottom:60px;}
.community.part > figure {padding:9.412rem 0;}
.community.part .introduce {padding-top:0;}
.community.part .introduce .list {display:flex; flex-wrap:wrap;}
.community.part .introduce .list figure {width:calc((100% - 60px) / 3); margin-right:30px;}
.community.part .introduce .list figure:nth-child(3n) {margin-right:0;}
.community.part .introduce .list figure:nth-child(4) {display:none;}
.community.part .introduce .list dl {}
.community.part .introduce .list dl dt img {width:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.community.part .introduce .list dl dd {background:#f0f0f0; padding:30px; box-sizing:border-box;}
.community.part .introduce .list .info li {position:relative; display:flex; flex-wrap:wrap; margin-bottom:10px;}
.community.part .introduce .list .info li strong {width:100px; letter-spacing:-.3pt; line-height:150%; font-size:13px; color:#888; font-weight:400;}
.community.part .introduce .list .info li div {width:calc(100% - 100px); letter-spacing:-.3pt; line-height:150%; font-size:0.941rem; color:#222; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal; display:block;}
.community.part .introduce .list .info li div.service {height:2.6em; line-height:1.3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; white-space: normal; word-wrap: normal;}
.community.part .introduce .list .info li:last-child {margin-bottom:0;}
.community.part .introduce .list .area {height:39px; margin-top:20px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display:block; box-sizing:border-box;}
.community.part .introduce .list .area > span {border:1px solid #ddd; text-align:center; font-size:13px; letter-spacing:-.5pt; line-height:100%; border-radius:40px; padding:10px 15px; box-sizing:border-box; display:inline-block; margin-top:1px;}

.community.part .dataRoom {background:#f0f0f0;}
.community.part .dataRoom .list {display:flex; flex-wrap:wrap;}
.community.part .dataRoom .list figure {width:calc((100% - 90px) / 4); margin-bottom:30px; margin-right:30px;}
.community.part .dataRoom .list figure:nth-child(4n) {margin-right:0;}
.community.part .dataRoom .list dl dt {margin-bottom:20px;}
.community.part .dataRoom .list dl dt img {width:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.community.part .dataRoom .list dl dd {text-align:center; font-size:1.176rem; font-weight:500; color:#333; line-height:120%; letter-spacing:-.5pt;}

.community.part .freeBoard .list {display:flex; flex-wrap:wrap;}
.community.part .freeBoard .list figure {width:calc((100% - 30px) / 2); margin:0 30px 30px 0;}
.community.part .freeBoard .list figure:nth-child(2n) {margin-right:0;}
.community.part .freeBoard .list dl {display:flex; width:100%; height:100%;}
.community.part .freeBoard .list dl dt {width:40%; overflow:hidden; text-align:center;}
.community.part .freeBoard .list dl dt img {height:180px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.community.part .freeBoard .list dl dd {align-self:center; width:60%; height:100%; padding:1.765rem 1.5rem; border:1px solid #ddd; border-left:none; box-sizing:border-box;}
.community.part .freeBoard .list dl dd .freeCont {display:flex; flex-direction: column; justify-content:center; }
.community.part .freeBoard .list dl dd p {font-size:1.059rem; font-weight:500; color:#333; line-height:120%; letter-spacing:-.5pt; margin-bottom:1rem; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display:block;}
.community.part .freeBoard .list dl dd .cont {overflow:hidden; height:2.8em; display:block; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4em; text-overflow:ellipsis; font-size:0.941rem; letter-spacing:-0.35pt; margin-bottom:15px;}
.community.part .freeBoard .list ul {display:flex; flex-wrap:wrap;}
.community.part .freeBoard .list ul li {position:relative; padding:0 10px; letter-spacing:-.5pt; color:#999; font-size:13px; line-height:100%;}
.community.part .freeBoard .list ul li:after {position:absolute; right:0; top:2px; width:1px; height:10px; background:#ccc; content:"";}
.community.part .freeBoard .list ul li:first-child {padding-left:0;}
.community.part .freeBoard .list ul li:last-child:after {display:none;}

.community.part a.btnMore {display:block; width:220px; margin:50px auto 0 auto; border-radius:60px; padding:22px 25px; box-sizing:border-box; color:#fff; text-align:center; letter-spacing:-.5pt; border:1px solid #10554c; background:#10554c; line-height:100%; font-size:1.059rem; transition:all 0.3s ease-out;}
.community.part a.btnMore:hover {background:#fff; color:#10554c;}


/***** i???i???i??e??? *****/

/* i???i???i???e??? */
.sitemap ul {position:relative; display:flex; flex-wrap:wrap;}
.sitemap ul li {float:left; width:23.5%; margin-right:2%; margin-bottom:50px;}
.sitemap ul li:nth-child(4){margin-right:0;}
.sitemap h4 {background-color:#f5f5f5; padding:20px 0; text-align:center; border-top:2px solid #10554c; border-bottom:1px solid #ddd; color:#333; letter-spacing:-0.5pt; line-height:100%; font-size:1.125rem; font-weight:500;}
.sitemap h4 span {line-height:100%; letter-spacing:-0.5pt;}
.sitemap figure > a:link, .sitemap figure > a:visited {border-bottom:1px dashed #d4d4d4; display:block; padding:13px 0; text-align:center; letter-spacing:-0.5pt; }
.sitemap figure > a:hover {color:#333;}
.sitemap figure > a:last-child {border-bottom:1px solid #d4d4d4;}


/* i???i???i???e????, e???i???i??e????i????e????e???i???? */
.policy_con {position:relative; overflow:hidden; letter-spacing:-.5pt;}
.cont_title {font-size:24px; color:#333; padding-bottom:18px; letter-spacing:-1.2pt; font-weight:600;}
p.cont_tit, .pri_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:600; color:#333 !important; letter-spacing:-.5pt;}
.cont_txt {padding:0px 0px 35px 0; letter-spacing:-.5pt;}
.cont_txt2 {padding-bottom:35px; letter-spacing:-.5pt;}
.cont_box {padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; letter-spacing:-.5pt;}
.cont_box strong {color:#333; font-weight:600; letter-spacing:-.5pt;}

.privacy_list {width:100%; display:flex; flex-wrap:wrap; padding:30px; border:1px dashed #ddd; margin-bottom:30px; box-sizing:border-box;}
.privacy_list li {width:50%; padding-bottom:1%; box-sizing:border-box;}
.privacy_list li a {font-weight:500; color:#333; letter-spacing:-0.5pt;} 
.privacy_list li:nth-child(7), .privacy_list li:last-child {padding-bottom:0;}


/*******************************************************************************
	@media ~ 1319px
*******************************************************************************/
@media all and (max-width:1319px) { 

/***** i???i????i??? i??i??? *****/

/* e???e|??i???i????i??? */
.private .rentPrice .slick-arrow {width:50px; height:50px; background-color: rgba(50,50,50,0.5); border-radius:100%;}
.private .rentPrice .slick-prev {left:1%; background-image:none;}
.private .rentPrice .slick-prev:after {background-image:url('//img//banner_prev_w.png');}
.private .rentPrice .slick-next {right:1%; background-image:none;}
.private .rentPrice .slick-next:after {background-image:url('//img//banner_next_w.png');}

}

/*******************************************************************************
	@media ~ 1100px
*******************************************************************************/
@media all and (max-width:1100px) { 


/***** i???i????i??? i??i??? *****/

/* i???i??i??? */
.meeting .style dl.ten dd h5 br:first-child {display:none;}

/* i???i???i???i????i??? */
.oneday .otherSpace .slick-arrow {background-color:rgba(50,50,50,0.3); width:50px; height:50px; border-radius:100%; }
.oneday .otherSpace .slick-arrow:after {position:absolute; content:""; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1000; width:10px; height:16px; background-size:10px auto;} 
.oneday .otherSpace .slick-arrow:hover {background-color:rgba(16,85,76,0.9); }
.oneday .otherSpace .slick-prev {left:1%; background-image:none;}
.oneday .otherSpace .slick-prev:after {background-image:url('//img//banner_prev_w.png');}
.oneday .otherSpace .slick-next {right:1%; background-image:none;}
.oneday .otherSpace .slick-next:after {background-image:url('//img//banner_next_w.png');}


/***** i???i???i?? i????e??e??i??? *****/

/* arrow */
.community .banner .slick-arrow {background-color:rgba(50,50,50,0.3); width:50px; height:50px; border-radius:100%; }
.community .banner .slick-arrow:after {position:absolute; content:""; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1000; width:10px; height:16px; background-size:10px auto;} 
.community .banner .slick-arrow:hover {background-color:rgba(16,85,76,0.9); }
.community .banner .slick-prev {left:1%; background-image:none;}
.community .banner .slick-prev:after {background-image:url('//img//banner_prev_w.png');}
.community .banner .slick-next {right:1%; background-image:none;}
.community .banner .slick-next:after {background-image:url('//img//banner_next_w.png');}

/* i???i???e??? e???i??? */
.community.part .freeBoard .list dl dt {width:30%;}
.community.part .freeBoard .list dl dt img {height:160px;}
.community.part .freeBoard .list dl dd {width:70%; padding:1.565rem 1.2rem;}


}

/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 

#subVisual {height:647px;}
#subVisual .aboutTop {margin:220px auto 0 auto;}
#subVisual .aboutTop dd {width:calc(100% - 290px);}
#subVisual .aboutTop dd h3 {font-size:2.935rem; letter-spacing:-1.5pt; margin-bottom:1.3rem;}
#subVisual .aboutTop dd em {font-size:1.647rem;}
#subVisual .aboutTop dd em span {font-size:1.765rem;}
#subVisual .aboutTop dd div {margin-top:10px;}
#subVisual .aboutTop dd div p {line-height:170%;}
#subVisual .aboutTop dt {width:290px;}
#subVisual .aboutTop dt .content img {max-width:180px;}

/* i???e????e???i???i??? - i???i???i??e??? */
#subVisual.facil {height:727px;}
#subVisual .officeTop {margin:90px auto 0 auto;}
#subVisual .officeTop dt {width:100%; margin-right:0; margin-bottom:20px; text-align:center;}
#subVisual .officeTop dd {width:100%;}
#subVisual .officeTop dd .box {width:97%; max-width:600px; margin:0 auto; padding:35px 25px; border-radius:20px;}


/* i???e????e???i???i??? - i????e??e??i??? */
#subVisual .search {top:400px;}


@keyframes v_effect1 {
	0% {top:300px; opacity:0;}
	100% {top:350px; opacity:1;}
}

@keyframes v_effect_about {
	0% {margin-top:170px; opacity:0;}
	100% {margin-top:220px; opacity:1;}
}

@keyframes v_effect_commu {
	0% {top:250px; opacity:0;}
	100% {top:300px; opacity:1;}
}

@keyframes v_effect_searchBox {
	0% {top:350px; opacity:0;}
	100% {top:400px; opacity:1;}
}

@keyframes v_effect_facil {
	0% {margin-top:40px; opacity:0;}
	100% {margin-top:90px; opacity:1;}
}

@keyframes v_effect_cont {
	0% {padding-top:30px; opacity:0;}
	100% {padding-top:80px; opacity:1;}
}


/*** i???e???? i????i????e???e|?? ***/
#lnb {margin:-56px auto 0 auto; height:56px;}

/* i????e??e??i??? i??? e????e??? */
#lnb .swiper-container ul {justify-content: flex-start;}


/** 2i??? i????i????e???e|?? **/
.depthTwo ul li {height:60px;}

/*** i???e???? e??i???i??i?? ***/
#container .contTitle {top:350px;}
#container .contTitle.noSubtop {width:96%; margin:70px auto 0 auto;}
#container .contTitle.contact {width:96%;}
#container .contTitle.community {top:300px;}

.contents_in {padding-top:80px;}
.contents_in.noSubtop {padding-top:45px;}

.thumList figure {width:calc((100% - 4.87804%) / 3);}
.thumList figure:nth-child(3n) {margin-right:0;}


/***** i???i???e????e???? *****/
.facil_service ul {padding-bottom:7.012rem;}
.facil_service ul li figure .txt {font-size:1rem; margin-top:5px; line-height:170%;}
.facil_photo {padding-bottom:7.012rem;} 
.facil_photo .photoArea {margin-bottom:3rem;}
.facil_photo .photoArea:last-child {margin-bottom:0;}
.facil_photo .photoArea .title {float:none; width:100%; margin-bottom:25px; display:flex; align-items:center;} 
.facil_photo .photoArea .title h5 {letter-spacing:-1pt; display:inline-block;}
.facil_photo .photoArea .title div {display:inline-block; margin-left:10px;}
.facil_photo .photoArea .photoGallery {float:none; width:100%; margin-left:0;}


/***** i???i????i??? i??i??? *****/

/* e????i??? - i???i????e????i?? */
.office .recommendCk {margin-top:0;}
.office .recommendCk dl dt {width:100%; margin-right:0; margin-bottom:40px;}
.office .recommendCk dl dt p {display:flex; align-items:center; justify-content:center;text-align:center; font-size:2.213rem; letter-spacing:-2pt;}
.office .recommendCk dl dt p i {display:inline-block;  margin-right:15px; margin-bottom:0; vertical-align:top;}
.office .recommendCk dl dd {width:100%;}

/* e????i??? - e????i??i??e???? */
.office .counsel { padding:7.012rem 0;}
.office .counsel .text {margin-top:-35px; margin-bottom:50px;}

/* e???e|??i???e????i??? */
#container .private  h4.contTit {margin-bottom:50px;}

.private .fullOption {padding:7.012rem 0;}
.private .fullOption dl {align-items:normal;}
.private .fullOption dl dd div {margin-bottom:25px;}
.private .Benefits {padding:7.012rem 0;}
.private .Benefits dl dd .txt {font-size:1rem;}
.private .Benefits dl dd .txt br {display:none;}
.private .rentPrice {padding:7.012rem 0;}
.private .rentPrice .priceList dl dt img {height:343px;}
.private .rentPrice .priceList dl dd em {padding:15px 25px;}
.private .rentPrice .priceList dl dd h5 {margin:5px 0 20px;}
.private .rentPrice .priceList dl dd span {margin-top:15px;}

/* i???i???e???i???i??? */
.office .cont {padding:7.012rem 0;}
.office .cont h4.contTit em {padding:15px 25px;}
.office .cont .text {margin-bottom:50px;}
.office .cont dl dt {margin-bottom:40px; overflow:hidden;}

/* e???i?? i???i????i??? */
.virtual .checkList {padding:7.012rem 0;}
.virtual .checkList dl dd h5 br {display:none;}
.virtual .checkList dl dt img {height:342px;}
.virtual .serviceInfo {padding:7.012rem 0;}
.virtual .contactProcess {padding:7.012rem 0;}

/* i???i??i???  */
.meeting .text {margin-top:-35px; margin-bottom:50px;}
.meeting .balsan {padding-bottom:7.012rem;}
.meeting .magok {padding:7.012rem 0;}
.meeting .store {margin-bottom:90px;}
.meeting h4.lineTitle {margin-bottom:70px;}
.meeting .store dd .mTxt {margin-bottom:40px;}
.meeting .store dd a.btn_reserv {padding:18px 25px; margin-top:30px;}

.meeting .style dl {align-items: flex-start}
.meeting .style dl dd h5 br {display:none;}
.meeting .style dl dd .price {padding:15px 25px;}
.meeting .style dl dd ol li:before {font-size:1rem;}
.meeting .style dl dd .Included {margin-bottom:15px;}
.meeting .style dl.ten dd ol li {width:100%; margin-right:0;}


/* i???i???i???i????i??? */
.oneday .rentPrice {padding:7.012rem 0;}
.oneday .rentPrice .include {margin-bottom:50px;}
.oneday .rentPrice .include .iconList li {width:100%; margin-right:0; margin-bottom:15px;}
.oneday .rentPrice .include .iconList li dl {width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.oneday .rentPrice .include .iconList li dl dt {width:180px;}
.oneday .rentPrice .include .iconList li dl dd {width:calc(100% - 180px); padding-left:35px;}
.oneday .rentPrice .include .iconList li dl dd h5 {margin-bottom:20px;}
.oneday .rentPrice .priceList dl {margin-bottom:2rem;}
.oneday .rentPrice .priceList dl dt {height:343px;}
.oneday .rentPrice .priceList dl dd em {padding:15px 25px; margin-bottom:25px;}

.oneday .oneday_include {padding:7.012rem 0;}
#container .oneday .oneday_include h4.contTit {margin-bottom:50px;}
.oneday .otherSpace {padding:7.012rem 0;}


/***** e???e????e|?? i???e??? *****/
.dodream .about {padding-bottom:7.012rem;}
.dodream .about dl {margin-bottom:50px;}
.dodream .about dl dd {width:calc(100% - 365px);}
.dodream .about dl dd h4.contTit {font-size:2.471rem !important; margin-bottom:20px !important;}
.dodream .about dl dd em {margin-bottom:30px;}
.dodream .about dl dt {width:365px;}
.dodream .about .ideology figure {padding:40px 0;}
.dodream .about .ideology figure h4 {width:100%; margin-bottom:30px;}
.dodream .about .ideology figure > div {width:100%; padding-left:0;}
.dodream .about .ideology figure h5 {margin-bottom:12px;}

.dodream .summary {padding:7.012rem 0;}
#container .dodream h4.contTit {margin-bottom:50px;}
.dodream .summary .box {margin-bottom:7.012rem;}
.dodream .summary .box figure h5 {margin-bottom:15px;}
.dodream .summary .box figure {width:calc((100% -  20px) /2); margin-right:20px; margin-bottom:20px; min-height:205px;}
.dodream .summary .box figure:nth-child(2n) {margin-right:0;}
.dodream .summary .box figure.service ul {margin-top:30px; justify-content: center;}
.dodream .summary .box figure.service ul li {width:calc((100% - 60px) / 3); margin-right:30px; margin-top:30px;}
.dodream .summary .box figure.service ul li:nth-child(3n) {margin-right:0;}
.dodream .summary .box figure.service ul li:nth-child(-n+3) {margin-top:0;}
.dodream .summary .box figure.service dl dd div {margin-top:10px;}


/***** e???i??? e????i?? *****/
.inquiry figure {width:calc((100% - 30px) / 2);}
.inquiry figure.leftImg {margin-right:30px;}


/** i???e???i??? e????i?? **/
.solution .text {margin-bottom:50px;}

/* e????e???? i???e???i??? */
.bulid_about {padding-bottom:7.012rem;}
.bulid_about .thumList figure {margin-top:30px;}
.bulid_about .thumList figure:nth-child(-n+3) {margin-top:0;}
.bulid_about .pointTxt {padding:1.5rem 0 0.5rem 0;}
.bulid_about .pointTxt figure {padding:15px 60px;}
.bulid_about .pointTxt figure:before, .bulid_about .pointTxt figure:after {width:48px; height:35px; background-size:48px auto;}
.bulid_about .thumList figure:nth-child(-n+3) em {color:#333;}
.bulid_about:after {height:18rem;}

.build_solve {padding:7.012rem 0;}
.build_solve:before {width:72px; height:77px; background-size:72px auto;}
.build_solve .thumList figure:nth-child(3n) {margin-right:2.43902%;}

.build_process {padding:7.012rem 0;}
.build_process ul li {position:relative; width:calc((100% - 60px) / 3);}
.build_process ul li:nth-child(3n) {margin-right:0;}
.build_process ul li:nth-child(4) {order:6; margin-right:0; margin-left:30px; margin-top:50px;}
.build_process ul li:nth-child(5) {order:5; margin-right:0; margin-left:30px; margin-top:50px;}
.build_process ul li:last-child {order:4; margin-top:50px;}
.build_process ul li:after {top:38%;}
.build_process ul li:nth-child(3):after {right:auto; top:auto; left:50%; bottom:-35px; transform:translate(-50%,0) rotate(90deg);}
.build_process ul li:nth-child(4):after {right:auto; left:-22px; transform:rotate(-180deg);}
.build_process ul li:nth-child(5):after {right:auto; left:-22px; transform:rotate(-180deg);}

.build_inquiryArea {padding:7.012rem 0;}


/* e???e???i??? i???e???i??? */
.estate_process {padding-bottom:7.012rem}
.estate_process ul li {width:calc((100% - 60px) / 3);}
.estate_process ul li:nth-child(3n) {margin-right:0;}
.estate_process ul li:nth-child(4) {order:6; margin-right:0; margin-left:30px; margin-top:50px;}
.estate_process ul li:nth-child(5) {order:5; margin-right:0; margin-left:30px; margin-top:50px;}
.estate_process ul li:last-child {order:4; margin-top:50px;}
.estate_process ul li:after {top:38%;}
.estate_process ul li:nth-child(3):after {right:auto; top:auto; left:50%; bottom:-35px; transform:translate(-50%,0) rotate(90deg);}
.estate_process ul li:nth-child(4):after {right:auto; left:-22px; transform:rotate(-180deg);}
.estate_process ul li:nth-child(5):after {right:auto; left:-22px; transform:rotate(-180deg);}
.estate_process ul li figure .txt {font-size:1rem; margin-top:5px;}
.estate_process ul li figure .icon {margin:0 auto 20px auto;}

.estate_inquiryArea {padding:7.012rem 0;}


/***** i???i???i?? i????e??e??i??? *****/

.community .alliancePart {padding-bottom:7.012rem;}
.community .alliancePart ul li {width:calc((100% - 4.87804%) / 3);}
.community .alliancePart ul li:nth-child(4n) {margin-right:2.43902%;}
.community .alliancePart ul li:nth-child(3n) {margin-right:0;}
.community .alliancePart ul li:nth-child(-n+4) {margin-top:40px;}
.community .alliancePart ul li:nth-child(-n+3) {margin-top:0}
.community .banner {padding:7.012rem 0;}


/* i???i???e??? e???i??? */
.community.part h4 {margin-bottom:50px;}
.community.part > figure {padding:6.412rem 0;}

.community.part .introduce .list figure {width:calc((100% - 40px) / 3); margin-right:20px;}
.community.part .introduce .list dl dd {padding:25px 15px;}
.community.part .introduce .list .info li strong {width:90px;}
.community.part .introduce .list .info li div {width:calc(100% - 90px);}

.community.part .dataRoom .list figure {width:calc((100% - 40px) / 3); margin-right:20px;}
.community.part .dataRoom .list figure:nth-child(4n) {margin-right:20px;}
.community.part .dataRoom .list figure:nth-child(3n) {margin-right:0;}

.community.part .freeBoard .list figure {width: 100%; margin: 0 0 20px 0;}
.community.part .freeBoard .list dl dt {width:240px;}
.community.part .freeBoard .list dl dt img {height:100%;}
.community.part .freeBoard .list dl dd {width:calc(100% - 240px);}


/***** i???i???i??e??? *****/

/* i???i???i???e??? */
.sitemap ul li {width:32%;}
.sitemap ul li:nth-child(4n) {margin-right:2%;}
.sitemap ul li:nth-child(3n) {margin-right:0;}
.sitemap h4 {padding:16px 0;}

/* i???i???i???e????, e???i???i??e????i????e????e???i???? */
.privacy_list {padding:25px;}
.privacy_list li {width:100%;}
.privacy_list li:nth-child(7), .privacy_list li:last-child {padding-bottom:1%;}


}


/*******************************************************************************
	@media ~ 850px
*******************************************************************************/
@media all and (max-width:850px) { 

#subVisual .aboutTop dt {display:none;}
#subVisual .aboutTop dd {width:100%; padding-right:0; text-align:center;}

/* e????e???? i???e???i??? */
.bulid_about .text p br {display:none;}

}


/*******************************************************************************
	@media 681 ~ 768px
*******************************************************************************/
@media all and (max-width:768px) { 


/***** i???i????i??? i??i??? *****/

/* i???i??i???  */
.meeting .store {margin-bottom:70px;}
.meeting .store dt, .meeting .store dd {width:100%;}
.meeting .store dt {height:350px; margin-bottom:40px;}
.meeting .store dd {margin-left:0;}
.meeting .store dd h4.contTit {margin-bottom:20px !important;}
.meeting .store dd .mTxt {margin-bottom:35px;}
.meeting .store dd a.btn_reserv {padding:18px 25px; margin-top:30px;}
.meeting h4.lineTitle {margin-bottom:50px;}
.meeting h4.lineTitle span {font-size:2.313rem;}

.meeting .style dl {margin-bottom:4rem;}
.meeting .style dl dt, .meeting .style dl dd {width:100%;}
.meeting .style dl dt {height:auto; background-image:none !important;}
.meeting .style dl dt img {max-width: 100%; opacity: 1;}
.meeting .style dl dd h5 {margin-bottom:30px;}
.meeting .style dl dd h5 br {display:block;}
.meeting .style dl:nth-child(2) dd h5 br:first-child {display:block;}
.meeting .style dl dd {margin-left:0; margin-top:30px;}
.meeting .style dl dd .price {font-size:1rem; padding:13px 25px;}
.meeting .style dl dd .Included {margin-bottom:15px;}
.meeting .style dl dd ol li {padding-bottom:3px;}
.meeting .style dl.ten dd ol li {width:49%; margin-right:2%;}
.meeting .style dl.ten dd ol li:nth-child(2n) {margin-right:0}


/***** e???e????e|?? i???e??? *****/
.dodream .about dl {margin-bottom:40px;}
.dodream .about dl dt {width:100%; order:1; text-align:center; margin-bottom:35px;}
.dodream .about dl dd {width:100%; padding-right:0; order:2;}
.dodream .about .ideology figure {padding:30px 0;}


/***** e???i??? e????i?? *****/
.inquiry figure {width:100%;}
.inquiry figure.leftImg {display:none;}


/***** i???i???i?? i????e??e??i??? *****/

/* i???i???e??? e???i??? */
.community.part .introduce .list figure:nth-child(4) {display:block;}
.community.part .introduce .list figure {width:calc((100% - 20px) / 2); margin-top:20px;}
.community.part .introduce .list figure:nth-child(3n) {margin-right:20px;}
.community.part .introduce .list figure:nth-child(2n) {margin-right:0;}
.community.part .introduce .list figure:nth-child(-n+2) {margin-top:0;}
.community.part a.btnMore {margin:35px auto 0 auto; width:180px; padding:20px;}

}


/*******************************************************************************
	@media 561~680px
*******************************************************************************/
@media all and (max-width:680px) { 

#subVisual {height:447px;}
#subVisual.noSubtop {height:120px; border-bottom:0;}

/* i???e????i???e???i??? - e???e????e|?? i???e??? */
#subVisual.about {height:507px;}
#subVisual .aboutTop {margin:130px auto 0 auto;}

/* i???e????e???i???i??? - i????e??e??i??? */
#subVisual .search {top:280px;}

@keyframes v_effect1 {
	0% {top:200px; opacity:0;}
	100% {top:250px; opacity:1;}
}

@keyframes v_effect_commu {
	0% {top:150px; opacity:0;}
	100% {top:200px; opacity:1;}
}

@keyframes v_effect_searchBox {
	0% {top:230px; opacity:0;}
	100% {top:280px; opacity:1;}
}

@keyframes v_effect_about {
	0% {margin-top:80px; opacity:0;}
	100% {margin-top:130px; opacity:1;}
}

@keyframes v_effect_cont {
	0% {padding-top:30px; opacity:0;}
	100% {padding-top:60px; opacity:1;}
}

/*** i???e???? i????i????e???e|?? ***/
#lnb {display:none;}

/** 2i??? i????i????e???e|?? **/
.depthTwo ul li {height:52px;}

/** 3i????i???? A??i????????i????i???? **/
.depthThree ul {flex-wrap: nowrap; justify-content: flex-start; padding:0 15px; box-sizing:border-box;}
.depthThree ul li {margin:0 10px;}
.depthThree ul li a:link, .depthThree ul li a:visited {padding:18px 0;}

.dropLst {height:auto;}
.dropLst .dlst {width:100%;}
.dropLst ul {width:100%; border-radius:0; min-width:auto; border:none; border-bottom:1px solid #ddd;}

/* i????i????i????i????????i???? i????i????i????i????i????i???? i????????i????i????O??i???? */
.clear { clear:both; display:block; }
.clearfix:after {content: ""; display: block; clear: both;}
.clearfix > li {display: block; float:left;}
body.scroll_off { overflow:hidden;}

/** dropdownlist **/
.dropLst { display:inline-block; /* position:relative; */ vertical-align:middle; color:#666;}
.dropLst .txt { position:relative; display:block; text-align:left; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:50px; padding:0 40px 0 10px; box-sizing:border-box; color:#333; }
.dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px; }
.dropLst .dlst { display:none; position:absolute; top:100%; z-index:9; } /* box-shadow:1px 1px 1px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);  min-width:100%; */
.dropLst.bottom .dlst { top:auto; bottom:100%; }
.dropLst .dlst.aright { right:0; }
.dropLst ul { margin-top:-1px; background-color:#fff; max-height:400px; padding:0; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; }
.dropLst ul > li { position:relative; }
.dropLst ul > li > label { display:block; position:relative; cursor:pointer; }
.dropLst ul > li > label > span { display:block; }
.dropLst ul > li > a:hover, .dropLst ul > li > label:hover > span, .dropLst ul > li > label.hover > span { /* background-color:#f3f3f3; */ }
/*.dropLst .txt, .dropLst ul { border:1px solid #d7d7d7; }*/
.dropLst .txt, .dropLst li span, .dropLst li a { line-height:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dropLst li span, .dropLst li a { padding:0 15px; letter-spacing:-0.5pt; }
.dropLst li a.selected, .dropLst li a.on, .dropLst li label.on span {/*font-weight:bold;*/}
.dropLst li span, .dropLst li a { display:block; }

/** i????i????i????i???? i????????i????i????i????I??i???? i????i????i????i????i???? **/
.mobile_snb {position:relative; display: block; width:100%; margin:-50px auto 0 auto; height:50px; background:rgba(0,0,0,0.2);}
.mobile_snb a.home {display:none;}
.mobile_snb .box {float:left; height:50px; width: 50%; box-sizing:border-box; }
.mobile_snb .dropLst .txt, 
.mobile_snb .dropLst li span, 
.mobile_snb .dropLst > a {padding:0 15px; width:100%; height: 50px; line-height: 50px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt;}
.mobile_snb .box .dropLst .txt {color:#fff;}
.mobile_snb .box .dropLst .txt:before {content: ""; position: absolute; top:50%; right:12px; display: block; width: 12px; height: 12px; margin-top:-6px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4zLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQ0Ljk0LDMwIDUwLDI0Ljk1IDI1LDAgMCwyNC45NSA1LjA2LDMwIDI1LDEwLjExICIvPg0KPC9zdmc+DQo="); background-size:12px auto; background-position:50% 50%; background-repeat:no-repeat; transition: all 0.3s; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.mobile_snb .box .dropLst .txt.on:before {-ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0);}
.mobile_snb .box .dropLst ul {padding:10px 0;}
.mobile_snb .box.dep1 .dropLst ul,
.mobile_snb .box.dep1 .dropLst ul li {background-color:#fff; }
.mobile_snb .box.dep1 .dropLst li .value {width:100%; padding:10px 15px; line-height:100%; font-size:1rem; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt; color:#666;}
.mobile_snb .box.dep1 .dropLst li .value.on {color:#10554c; font-weight:500; background:#f4f4f4;}
.mobile_snb .box.dep1 .dropLst .txt {color:#fff; }
.mobile_snb .box.dep2 .dropLst .txt {background-color:#10554c;}
.mobile_snb .box.dep2 .dropLst li .value {width:100%; padding:10px 15px; line-height:100%; font-size:1rem; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt; color:#666;}
.mobile_snb .box.dep2 .dropLst li .value.on {color:#fff;  background:#10554c;} 
.mobile_snb .dropLst {width:100%; box-sizing: border-box;}
.mobile_snb .dropLst .dlst {width:100%; left:0; border:1px solid #ddd; box-sizing:border-box;}

/*** i???e???? e??i???i??i?? ***/
#container .contTitle {top:250px;}
#container .contTitle.noSubtop {width:95%; margin:60px auto 0 auto;}
#container .contTitle h3 {font-size:2.735rem; letter-spacing:-1.5pt;}
#container .contTitle h3 > span {letter-spacing:-1.5pt;}
#container .contTitle .conText {margin-top:20px; font-size:1.153rem;}
#container .contTitle.contact h3 {text-align:Center;}
#container .contTitle.contact h3 > span {margin-bottom:16px;}
#container .contTitle.contact .conText {margin-left:0; display:block; margin-top:20px; word-break:keep-all;}
#container .contTitle.community {top:200px;}
#container .contTitle.community h3 > span {display:none;}


#container h4.contTit {font-size:2.471rem; letter-spacing:-1.5pt; margin-bottom:40px; word-break:keep-all;}
.contents_in {padding-top:60px;}
.contents_in.noSubtop {padding-top:35px;}

/* i???e???i??? e|??i???i???  */
.thumList.four figure {width: calc((100% - 2.43902%) / 2);}
.thumList.four figure:nth-child(2n) {margin-right:0;}


/***** i???i???e????e???? *****/
.facil_service ul {padding-bottom:4.412rem;}
.facil_service ul li {width:100%; margin-right:0; margin-bottom:40px;}
.facil_service ul li:last-child {margin-bottom:0;}
.facil_photo {padding-bottom:4.412rem;} 
.facil_photo .photoArea .title h5 {font-size:2rem;}
.facil_photo .photoArea .photoGallery .txtBox {padding-top:20px;}


/***** i???i????i??? i??i??? *****/

/* e????i??? - i???i????e????i?? */
.office .recommendCk {padding-bottom:60px;}
.office .recommendCk dl dt {margin-bottom:30px;}
.office .recommendCk .recomList figure {width: calc((100% - 2.43902%) / 2); margin-right: 2.43902%; padding-top: 30px; margin-top:30px;}
.office .recommendCk .recomList figure:nth-child(2n) {margin-right:0;}
.office .recommendCk .recomList figure:nth-child(-n+2) {margin-top:0;}
.office .recommendCk .recomList.three figure {width: calc((100% - 2.43902%) / 2); margin-right: 2.43902%; padding-top: 30px; margin-top:30px; word-break:keep-all;}
.office .recommendCk .recomList.three figure:nth-child(3n) {margin-right:2.43902%;}
.office .recommendCk .recomList.three figure:nth-child(2n) {margin-right:0;}
.office .recommendCk .recomList.three figure:nth-child(-n+3) {margin-top:30px;}
.office .recommendCk .recomList.three figure:nth-child(-n+2) {margin-top:0;}


/* e????i??? - e????i??i??e???? */
.office .counsel { padding:4.412rem 0;}
.office .counsel .text {margin-top:-15px; margin-bottom:40px;}


/* e???e|??i???e????i??? */
#container .private h4.contTit {margin-bottom:40px;}

.private .fullOption {padding:4.412rem 0;}
.private .fullOption dl dt, .private .fullOption dl dd {width:100%;}
.private .fullOption dl dt {margin-right:0; margin-bottom:30px;}
.private .fullOption dl dt img {width:100%;}
.private .fullOption dl:last-child dt {order:1; margin-left:0;}
.private .fullOption dl:last-child dd {order:2;}

.private .Benefits {padding:4.412rem 0;}
.private .Benefits ul li {width: calc((100% - 2.43902%) / 2); margin-top:35px;}
.private .Benefits ul li:nth-child(3n) {margin-right:2.43902%;}
.private .Benefits ul li:nth-child(2n) {margin-right:0;}
.private .Benefits ul li:nth-child(-n+3) {margin-top:40px;}
.private .Benefits ul li:nth-child(-n+2) {margin-top:0;}
.private .Benefits dl dt {margin-bottom:25px;}
.private .Benefits dl dd .txt {margin-top:5px;}

.private .rentPrice {padding:4.412rem 0;}
.private .rentPrice .priceList {padding-bottom:50px;}
.private .rentPrice .priceList dl {height:auto;}
.private .rentPrice .priceList dl dt, .private .rentPrice .priceList dl dd {width:100%;}
.private .rentPrice .priceList dl dt img {width:100%; max-width:100%; opacity:1; height:auto;}
.private .rentPrice .priceList dl dd {padding:30px 20px;}

.private .rentPrice .priceList figure:first-child dl dt {background-image:none;}
.private .rentPrice .priceList figure:nth-child(2) dl dt {background-image:none;}
.private .rentPrice .priceList figure:nth-child(3) dl dt {background-image:none;}
.private .rentPrice .priceList figure:nth-child(4) dt {background-image:none;}
.private .rentPrice .priceList figure:nth-child(5) dl dt {background-image:none;}
.private .rentPrice .priceList figure:nth-child(6) dl dt {background-image:none;}
.private .rentPrice .priceList figure:nth-child(7) dl dt {background-image:none;}

.private .rentPrice .slick-arrow {top:auto; transform:translateY(0); bottom:0;}
.private .rentPrice .slick-prev {left:50%; margin-left:-55px;}
.private .rentPrice .slick-next {right:50%; margin-right:-55px;}


/* i???i???e???i???i??? */
.office .cont {padding:4.412rem 0;}
.office .cont h4.contTit {flex-direction:column;}
.office .cont h4.contTit em {display:block; margin-left:0; margin-top:20px; font-size:1.059rem; padding:12px 25px;}
.office .cont .text {margin-bottom:40px; margin-top:-20px;}
.office .cont dl dt {margin-bottom:30px;}
.office .cont ol li {width:100%; margin-right:0; padding-bottom:10px;}
.office .cont ol li:before {font-size:1rem;}


/* e???i?? i???i????i??? */
.virtual .checkList {padding:4.412rem 0;}
.virtual .checkList dl dt, .virtual .checkList dl dd {width:100%;}
.virtual .checkList dl dt {height:auto;}
.virtual .checkList dl dt img {opacity:1; width:100%; max-width:100%; height:auto;}
.virtual .checkList dl dd {padding:30px 20px;}
.virtual .checkList dl dd h5 {margin:10px 0 20px;}
.virtual .checkList dl dd h5 br {display:block;}
.virtual .checkList dl:nth-child(odd) dt {order:1;}
.virtual .checkList dl:nth-child(odd) dd {order:2;}
.virtual .checkList dl.one dt {background-image:none;}
.virtual .checkList dl.two dt {background-image:none;}
.virtual .checkList dl.three dt {background-image:none;}
.virtual .checkList dl.four dt {background-image:none;}
.virtual .checkList dl.five dt {background-image:none;}
.virtual .checkList dl.six dt {background-image:none;}
.virtual .checkList dl.seven dt {background-image:none;}

.virtual .serviceInfo {padding:4.412rem 0;}
.virtual .serviceInfo .iconList li {width:calc((100% - 2.43902%) / 2);}
.virtual .serviceInfo .iconList li:nth-child(2n) {margin-right:0;}
.virtual .serviceInfo .iconList li:nth-child(-n+4) {margin-top:30px;}
.virtual .serviceInfo .iconList li:nth-child(-n+2) {margin-top:0;}
.virtual .serviceInfo .iconList li figure .icon {margin:0 auto 20px auto;}
.virtual .serviceInfo .iconList li figure div {font-size:1rem; margin-top:5px;}

.virtual .contactProcess {padding:4.412rem 0;}
.virtual .contactProcess .iconList li {width:calc((100% - 2.43902%) / 2); margin-right:2.43902%; margin-top:50px;}
.virtual .contactProcess .iconList li:nth-child(2n) {margin-right:0;}
.virtual .contactProcess .iconList li:nth-child(-n+4) {margin-top:50px;}
.virtual .contactProcess .iconList li:nth-child(-n+2) {margin-top:0;}
.virtual .contactProcess .iconList li:after {top:35%;}
.virtual .contactProcess .iconList li:nth-child(2):after {right:auto; top:auto; left:50%; bottom:-40px; transform:translate(-50%,-50%) rotate(90deg);}
.virtual .contactProcess .iconList li:nth-child(3) {order:4; margin-right:0; margin-left:2.43902%;}
.virtual .contactProcess .iconList li:nth-child(3):after {right:auto; top:25%; left:0; transform:translate(-50%) rotate(-180deg);}
.virtual .contactProcess .iconList li:last-child {order:3;}
.virtual .contactProcess .iconList li figure .icon {margin-bottom:20px;}
.virtual .contactProcess .iconList li figure div {font-size:1rem; margin-top:5px;}


/* i???i??i???  */
.meeting .balsan {padding-bottom:4.412rem;}
.meeting .magok {padding:4.412rem 0.;}

/* i???i???i???i????i??? */
.oneday .rentPrice {padding:4.412rem 0;}
.oneday .rentPrice .text {margin-top:-25px; margin-bottom:40px;}
.oneday .rentPrice .priceList dl dt, .oneday .rentPrice .priceList dl dd {width:100%;}
.oneday .rentPrice .priceList dl dt {height:auto;}
.oneday .rentPrice .priceList dl dt img {width:100%; max-width:100%; opacity:1;}
.oneday .rentPrice .priceList dl dd {padding:30px 20px;}
.oneday .rentPrice .priceList dl dd em {padding:13px 20px; margin-bottom:20px;}
.oneday .rentPrice .priceList dl dd h5 {font-size:2.035rem; margin-bottom:20px;}
.oneday .rentPrice .priceList dl.opened dt img {width:100%;}
.oneday .rentPrice .priceList dl.coworking dt {background-image:none;}
.oneday .rentPrice .priceList dl.one dt {background-image:none;}
.oneday .rentPrice .priceList dl.two dt {background-image:none;}
.oneday .rentPrice .priceList dl.three dt {background-image:none;}
.oneday .rentPrice .priceList dl.four dt {background-image:none;}
.oneday .rentPrice .priceList dl.five dt {background-image:none;}
.oneday .rentPrice .priceList dl.six dt {background-image:none;}
.oneday .rentPrice .priceList dl.seven dt {background-image:none;}

.oneday .oneday_include {padding:4.412rem 0;}
#container .oneday .oneday_include h4.contTit {margin-bottom:40px;}
.oneday .oneday_include .iconList li {width:calc((100% - 2.43902%) / 2); margin-top:40px;}
.oneday .oneday_include .iconList li:nth-child(-n+2) {margin-top:0;}
.oneday .oneday_include .iconList li:nth-child(2n) {margin-right:0;}
.oneday .oneday_include .iconList li figure .icon {margin:0 auto 20px auto;}
.oneday .oneday_include .iconList li figure div {margin-top:5px;}

.oneday .otherSpace {padding:4.412rem 0;}
.oneday .otherSpace .reserv_btn {margin-top:35px;}
.oneday .otherSpace .reserv_btn a:link, .oneday .otherSpace .reserv_btn a:visited {width:49%; padding:18px 25px; font-size:1.025rem;}
.oneday .otherSpace .reserv_btn a:first-child {margin-right:2%;}

/***** e???e????e|?? i???e??? *****/
.dodream .about {padding-bottom:4.412rem;}
.dodream .about dl dd .text p br {display:none;}
.dodream .summary {padding:4.412rem 0;}
#container .dodream h4.contTit {margin-bottom:40px;}
.dodream .summary .box {margin-bottom:4.412rem;}
.dodream .summary .box figure.service ul {margin-top:20px;}
.dodream .summary .box figure.service ul li {width:calc((100% - 20px) / 2); margin-right:20px; margin-top:30px;}
.dodream .summary .box figure.service ul li:nth-child(3n) {margin-right:20px;}
.dodream .summary .box figure.service ul li:nth-child(2n) {margin-right:0;}
.dodream .summary .box figure.service ul li:nth-child(-n+3) {margin-top:30px;}
.dodream .summary .box figure.service ul li:nth-child(-n+2) {margin-top:0;}
.dodream .summary .organ img.mobile {display:block; margin:0 auto;}
.dodream .summary .organ img.pc {display:none;}


/** i???e???i??? e????i?? **/
.solution .text {margin-top: -15px; margin-bottom:40px;}


/* e????e???? i???e???i??? */
.bulid_about {padding-bottom:4.412rem;}
.bulid_about .thumList figure img {margin-bottom:15px;}
.bulid_about .pointTxt {padding:0.5rem 0;}
.bulid_about .pointTxt figure {padding:5px 45px;}
.bulid_about .pointTxt figure:before, .bulid_about .pointTxt figure:after {width:33px; height:25px; background-size:33px auto;}
.bulid_about:after {height:13rem;}

.build_solve {padding:4.412rem 0;}
.build_solve:before {width:37px; height:40px; background-size:37px auto;}
.build_solve .thumList.four figure {margin-top:25px;}
.build_solve .thumList.four figure:nth-child(3n) {margin-right:2.43902%;}
.build_solve .thumList.four figure:nth-child(-n+2) {margin-top:0;}
.build_solve .proc_chart {padding:1.5rem;}
.build_solve .proc_chart img.pc {display:none;}
.build_solve .proc_chart img.mobile {display:block; margin:0 auto;}

.build_process {padding:4.412rem 0;}
.build_process ul li {width:calc((100% - 30px) / 2); box-sizing:border-box;}
.build_process ul li:nth-child(2) {margin-right:0;}
.build_process ul li:nth-child(3) {order:4; margin-left:30px; margin-top:50px;}
.build_process ul li:nth-child(4) {order:3; margin-right:0; margin-left:0;}
.build_process ul li:nth-child(5) {order:5; margin-right:30px; margin-left:0;}
.build_process ul li:last-child {order:6; margin-top:50px;}
.build_process ul li:after {top:40%;}
.build_process ul li:nth-child(2):after {right:auto; top:auto; left:50%; bottom:-35px; transform:translate(-50%,0) rotate(90deg);}
.build_process ul li:nth-child(3):after {right:auto; top:40%; left:-22px; transform:translateY(-50%) rotate(-180deg);}
.build_process ul li:nth-child(4):after {right:auto; top:auto; left:50%; bottom:-35px; transform:translate(-50%,0) rotate(90deg);}
.build_process ul li:nth-child(5):after {right:auto; top:40%; left:auto; right:-22px; transform:translateY(-50%);}
.build_process ul li figure .icon {margin:0 auto 15px auto;}

.build_inquiryArea {padding:4.412rem 0;}


/* e???e???i??? i???e???i??? */
.estate_process {padding-bottom:4.412rem}
.estate_process ul li {width:calc((100% - 30px) / 2); box-sizing:border-box;}
.estate_process ul li:nth-child(2) {margin-right:0;}
.estate_process ul li:nth-child(3) {order:4; margin-left:30px; margin-top:50px;}
.estate_process ul li:nth-child(4) {order:3; margin-right:0; margin-left:0;}
.estate_process ul li:nth-child(5) {order:5; margin-right:30px; margin-left:0;}
.estate_process ul li:last-child {order:6; margin-top:50px;}
.estate_process ul li:after {top:40%;}
.estate_process ul li:nth-child(2):after {right:auto; top:auto; left:50%; bottom:-35px; transform:translate(-50%,0) rotate(90deg);}
.estate_process ul li:nth-child(3):after {right:auto; top:40%; left:-22px; transform:translateY(-50%) rotate(-180deg);}
.estate_process ul li:nth-child(4):after {right:auto; top:auto; left:50%; bottom:-35px; transform:translate(-50%,0) rotate(90deg);}
.estate_process ul li:nth-child(5):after {right:auto; top:40%; left:auto; right:-22px; transform:translateY(-50%);}
.estate_process ul li figure .icon {margin:0 auto 15px auto;}

.estate_inquiryArea {padding:4.412rem 0;}


/***** i???i???i?? i????e??e??i??? *****/
.community .alliancePart {padding-bottom:4.412rem;}
.community .alliancePart ul li {margin-top:35px;}
.community .alliancePart ul li figure .icon .content img {max-width:50%; background-size:cover;}

.community .banner {padding:4.412rem 0;}

/* arrow */
.community .banner .slick-arrow {width:38px; height:38px;}
.community .banner .slick-arrow:after {width:6px; height:10px; background-size:6px auto;} 


/* i???i???e??? e???i??? */
.community.part h4 {margin-bottom:40px;}
.community.part > figure {padding:3.812rem 0;}

.community.part .introduce .list .info li strong {width:100%; padding-bottom:5px;}
.community.part .introduce .list .info li div {width:100%;}
.community.part .introduce .list .area {margin-top:10px;}

.community.part .dataRoom .list figure {width:calc((100% - 20px) / 2); margin-right:20px; margin-bottom:20px;}
.community.part .dataRoom .list figure:nth-child(3n) {margin-right:20px;}
.community.part .dataRoom .list figure:nth-child(2n) {margin-right:0;}
.community.part .dataRoom .list figure:last-child {margin-bottom:0;}
.community.part .dataRoom .list dl dt {margin-bottom:15px;}

.community.part .freeBoard .list figure {margin: 0 0 20px 0;}
.community.part .freeBoard .list figure:last-child {margin:0;}
.community.part .freeBoard .list dl dt {width:180px;}
.community.part .freeBoard .list dl dd {width:calc(100% - 180px);}

}


/*******************************************************************************
	@media 341~ 510px
*******************************************************************************/
@media all and (max-width:510px) { 

.bulid_about .pointTxt figure {font-size:1.176rem; padding:40px 0;}
.bulid_about .pointTxt figure strong {font-size:1.647rem;}
.bulid_about .pointTxt figure:before {left:50%; transform:translateX(-50%);}
.bulid_about .pointTxt figure:after {left:50%; transform:translateX(-50%) rotate(180deg); right:auto;}


}

/*******************************************************************************
	@media 341~480px
*******************************************************************************/
@media all and (max-width:480px) { 

#subVisual {height:347px;}
#subVisual.noSubtop {height:100px; border-bottom:0;}

/* i???e???? e???i???i??? - e???e????e|?? i???e??? */
#subVisual .aboutTop {margin:100px auto 0 auto;}
#subVisual .aboutTop dd > span {font-size:1rem;}
#subVisual .aboutTop dd h3 {font-size:2.535rem; margin-bottom:1rem;}
#subVisual .aboutTop dd em {font-size:1.412rem;}
#subVisual .aboutTop dd em span {display:block;}
#subVisual .aboutTop dd div p {font-size:1rem; letter-spacing:-.5pt;}
#subVisual .aboutTop dd div p br {display:none;}

/* i???e????e???i???i??? - i???i???i??e??? */
#subVisual .officeTop {margin:70px auto 0 auto;}
#subVisual .officeTop dt {font-size:2.635rem; letter-spacing:-.75pt; margin-bottom:15px;}
#subVisual .officeTop dd .box {padding:30px 20px; border-radius:15px;}
#subVisual .officeTop dd .facil_service {margin-bottom:20px;}
#subVisual .officeTop dd .facil_service h5 {margin-bottom:10px;}

/* i???e????e???i???i??? - i????e??e??i??? */
#subVisual .search {top:200px;}


@keyframes v_effect1 {
	0% {top:140px; opacity:0;}
	100% {top:190px; opacity:1;}
}

@keyframes v_effect_commu {
	0% {top:110px; opacity:0;}
	100% {top:160px; opacity:1;}
}

@keyframes v_effect_searchBox {
	0% {top:150px; opacity:0;}
	100% {top:200px; opacity:1;}
}

@keyframes v_effect_about {
	0% {margin-top:50px; opacity:0;}
	100% {margin-top:100px; opacity:1;}
}

@keyframes v_effect_facil {
	0% {margin-top:20px; opacity:0;}
	100% {margin-top:70px; opacity:1;}
}

@keyframes v_effect_cont {
	0% {padding-top:20px; opacity:0;}
	100% {padding-top:50px; opacity:1;}
}

/** 2i??? i????i????e???e|?? **/
.depthTwo ul li {height:46px;}

/** dropdown List **/
.dropLst .txt {height:44px;}
.dropLst li span, .dropLst li a { padding:0 12px;}

/** i????i????i????i???? i????????i????i????i????I??i???? i????i????i????i????i???? **/
.mobile_snb {margin:-44px auto 0 auto; height:44px;}
.mobile_snb .box {height:44px;}
.mobile_snb .dropLst .txt, 
.mobile_snb .dropLst li span, 
.mobile_snb .dropLst > a {padding:0 12px; height: 44px; line-height: 44px;}
.mobile_snb .box .dropLst ul {padding:10px 0;}
.mobile_snb .box.dep1 .dropLst li .value {padding:10px 12px;}
.mobile_snb .box.dep2 .dropLst li .value {padding:10px 12px;}


/*** i???e???? e??i???i??i?? ***/
#container .contTitle {top:190px;}
#container .contTitle.noSubtop {width:94%; margin:50px auto 0 auto;}
#container .contTitle.community {top:160px;}
#container .contTitle.community .conText {display:none;}

#container h4.contTit {margin-bottom:35px;}
#container h4.contTit br {display:none;}
.contents_in {padding-top:0px;}
.contents_in.noSubtop {padding-top:30px;}

/* i???e???i??? e|??i???i???  */
.thumList figure {width:calc((100% - 2.43902%) / 2);}
.thumList figure:nth-child(3n) {margin-right:2.43902%;}
.thumList figure:nth-child(2n) {margin-right:0;}
.thumList figure:nth-child(-n+3) {margin-top:30px;}
.thumList figure:nth-child(-n+2) {margin-top:0;}

/***** i???i???e????e???? *****/
#container .facil_service h4.contTit.light strong {display:block;}

.facil_service ul {padding-bottom:3.412rem;}
.facil_photo .photoArea .title {flex-direction: column; align-items: flex-start; text-align:left; margin-bottom:15px;}
.facil_photo .photoArea .title div {margin-left:0; margin-top:8px;}
.facil_photo {padding-bottom:3.412rem;}


/***** i???i????i??? i??i??? *****/

/* e????i??? - i???i????e????i?? */
.office .recommendCk {padding-bottom:40px;}

/* e????i??? - e????i??i??e???? */
.office .counsel { padding:3.412rem 0;}

/* e???e|??i???e????i??? */
#container .private h4.contTit  {margin-bottom:35px;}
#container .private h4.contTit br {display:none;}

.private .fullOption {padding:3.412rem 0;}
.private .Benefits {padding:3.412rem 0;}
.private .Benefits ul li {margin-right:0; width:100%;}
.private .Benefits ul li:nth-child(-n+2) {margin-top:35px;}
.private .Benefits ul li:first-child {margin-top:0;}
.private .rentPrice {padding:3.412rem 0;}
.private .rentPrice .priceList {padding-bottom:30px;}
.private .rentPrice .slick-arrow {width:40px; height:40px;}
.private .rentPrice .slick-arrow:after {background-size:8px auto; width:8px; height:13px;}
.private .rentPrice .slick-prev {margin-left:-45px;}
.private .rentPrice .slick-next {margin-right:-45px;}

/* i???i???e???i???i??? */
.office .cont {padding:3.412rem 0;}
.office .cont .text {margin-bottom:30px;}
.office .cont dl dt {margin-bottom:25px;}
.office .cont dl dt figure {width:100%;}
.office .cont dl dt figure:first-child {margin-right:0; margin-bottom:10px;}
.office .cont ol li {padding-bottom:8px;}

/* e???i?? i???i????i??? */
.virtual .checkList {padding:3.412rem 0;}
.virtual .checkList dl dd h5 br {display:none;}
.virtual .serviceInfo {padding:3.412rem 0;}

.virtual .contactProcess {padding:3.412rem 0;}
.virtual .contactProcess .iconList li {width:100%; margin-right:0; margin-top:50px;}
.virtual .contactProcess .iconList li:after {right:auto; top:auto; left:50%; bottom:-40px; transform:translate(-50%,-50%) rotate(90deg);}
.virtual .contactProcess .iconList li:nth-child(-n+2) {margin-top:50px;}
.virtual .contactProcess .iconList li:first-child {margin-top:0;}
.virtual .contactProcess .iconList li:nth-child(3) {order:3; margin-left:0;}
.virtual .contactProcess .iconList li:nth-child(3):after {right:auto; top:auto; left:50%; bottom:-40px; transform:translate(-50%,-50%) rotate(90deg);}
.virtual .contactProcess .iconList li:last-child {order:4;}

/* i???i??i???  */
.meeting .balsan {padding-bottom:3.412rem;}
.meeting .magok {padding:3.412rem 0;}

.meeting .store {margin-bottom:50px;}
.meeting .store dd .info u {display:block; margin-left:0; margin-top:3px; margin-bottom:15px;}
.meeting .store dd .info br {display:none;}
.meeting .store dd a.btn_reserv {width:100%; box-sizing:border-box; margin-top:20px;}
.meeting .store dd .mTxt {margin-bottom:30px;}

.meeting h4.lineTitle {margin-bottom:35px;}

.meeting .style dl dd {margin-top: 25px;}
.meeting .style dl dd h5 {letter-spacing:-1.2pt;}
.meeting .style dl dd h5 br {display:none;}
.meeting .style dl dd h5 strong {letter-spacing:-1.2pt;}
.meeting .style dl.ten dd h5 br:first-child {display:none;}
.meeting .style dl dd .Included {letter-spacing:-.5pt;}
.meeting .style dl dd .price {margin-top:20px;}
.meeting .style dl dd ol li {width:100%; margin-right:0;}
.meeting .style dl.ten dd ol li:nth-child(2n) {width:100%; margin-right:0;}

/* i???i???i???i????i??? */
.oneday .rentPrice .priceList dl dd em {margin-bottom:15px;}
.oneday .rentPrice .priceList dl dd h5 {margin-bottom:15px;}
.oneday .rentPrice .include .iconList li {margin-bottom:40px;}
.oneday .rentPrice .include .iconList li dl dt {text-align:center; width:100%; margin-bottom:30px;}
.oneday .rentPrice .include .iconList li dl dd {width:100%; padding-left:0; text-align:center;}
.oneday .rentPrice .include .iconList li dl dd h5 {margin-bottom:15px;}
.oneday .rentPrice .priceList .slick-arrow {width:40px; height:40px;}
.oneday .otherSpace .slick-arrow {width:40px; height:40px;}
.oneday .otherSpace .reserv_btn {margin-top:30px;}
.oneday .otherSpace .reserv_btn a:link, .oneday .otherSpace .reserv_btn a:visited {width: 100%; padding:15px 20px;}
.oneday .otherSpace .reserv_btn a:first-child {margin-right:0; margin-bottom:5px;}

}

@media all and (max-width:980px){
.tableWrap_in > div:first-child {padding-top:80px;}
.tableWrap_in li.year{font-size:1.765rem;}
.tableWrap_in li.subTitle {font-size:1.2rem; margin-bottom:20px;}

.tableWrap {width: 100%;}
.tableWrap_in {padding-bottom:7%;}
.tableWrap_in div.img {padding-right:7%;}

.tableWrap_in ul {padding-left:7%;}
.tableWrap_in > div:nth-child(even) ul {padding-right:7%; padding-left:0;}
.tableWrap_in > div:nth-child(even) div.img {padding-left:7%; padding-right:0;}

.tableWrap_in > div:nth-child(even) {margin:120px 0;}

.tableWrap_in dt {width:50px;}
.tableWrap_in dd {width:calc(100% - 50px);}
}

@media all and (max-width:680px) { 
.contents_in h3.title {font-size:1.8rem; letter-spacing:-1pt; padding:50px 0 30px;}
.contents_in h3.title.pdt130 {padding:65px 0 30px;}
.tableWrap_in ul {padding-left:40px;}
.tableWrap_in > div:nth-child(even) div.img {padding-left:40px;}


.tableWrap_in { padding-bottom:20px;}
.tableWrap_in:after {left:0;}
.tableWrap:before {left:0;}
.tableWrap:after {left:0;}

.tableWrap_in li.year {font-size:1.5rem;}
.tableWrap_in li.subTitle {margin-bottom:15px; font-size:1.1rem;}

.tableWrap_in ul {float:none; width:100%;}
.tableWrap_in > div {overflow:visible; margin:80px 0;}
.tableWrap_in > div:after {content:''; display:block; clear:both;}
.tableWrap_in > div:first-child {padding-top:50px;}
			.tableWrap_in div.img {float:none; width:100%; text-align:left; padding-right:0; padding-left:40px; margin-top:20px;}
			.tableWrap_in div.img img {max-width:75%;}


.his_table dt {width:40px;}
.his_table dd {width:calc(100% - 40px);}

.tableWrap_in > div ul:before {width:9px; height:9px; top:7px; left:20px;}
.tableWrap_in > div ul:after {width:20px; top:11px;}

.tableWrap_in > div:nth-child(even) {margin:40px 0;}
.tableWrap_in > div:nth-child(even) ul {padding-right:0; padding-left:40px; text-align:left;}
.tableWrap_in > div:nth-child(even) ul:before {right:auto; left:20px;}
.tableWrap_in > div:nth-child(even) ul:after {right:auto; left:0;}

.tableWrap_in div:nth-child(2n) .his_table dt{float:left; text-align:left}
.tableWrap_in div:nth-child(2n) .his_table dd{float:left;}


}

h3.ser_title {position:relative; font-size:1.412rem; color:#222; letter-spacing:-0.7pt; font-weight:bold; line-height:1; margin:70px 0 25px;}
h3.ser_title a {font-size:20px; color:#392785; font-weight:400; letter-spacing:-0.5pt; line-height:1; position:absolute; right:0; top:5px; padding-right:35px;}
h3.ser_title a:before {content:''; width:19px; height:15px; background:url('/img/moreArrow_p.png')no-repeat center; position:absolute; right:0; top:4px; background-size:100% !important;}
h3.ser_title a:after {content:''; width:0; height:1px; background:#392785; position:absolute; bottom:-5px; left:0; transition:all 0.4s;}
h3.ser_title a:hover:after {width:100%; transition:all 0.4s;}
h3.ser_title.eng {font-family:'Manrope', sans-serif; letter-spacing:0 !important; }
h3.ser_title .stxt {display:inline-block; font-weight:300; margin-left:10px;}
.tel {text-align:center; font-size:1rem; color:#777; letter-spacing:-0.5pt; margin:20px 0 0;}
.tel span {font-family:'Manrope', sans-serif; font-weight:bold; color:#222; font-size:1.176rem; display:inline-block; margin-left:15px;}
.tel span img {margin-right:5px; margin-top:-2px;}

.ser_intro {display:table;width:100%;vertical-align: top;}
.ser_intro .imgCont {display:table-cell;width: 30%;}
.ser_intro .imgCont img {max-width:100%;}
.ser_intro .txtCont {display:table-cell;width: 70%;vertical-align: top;padding-left:70px;box-sizing:border-box;}
.ser_intro .txtCont br {display:none !important;}
		.ser_intro .txtCont h3 {font-family: 'Noto Sans KR';color:#222;font-weight:bold;font-size:1.882rem;line-height:1.3;word-break: keep-all;margin:0 0 15px;}
		.ser_intro .txtCont h3 span {font-size:1.471rem; font-weight:300; color:#222; letter-spacing:-0.7pt; line-height:inherit;}

.cont-box-inner {margin-top: 30px;}
.cont-box-inner:first-of-type {margin-top: 0;}

.title {margin-bottom: 15px;font-size: 16px;color: #000;}
.title h4 {color: #222; display: inline-block;}
.title .highlight {display: inline-block;}
.table {width:100%;min-width:700px; border-top: 1px solid #888;}
.table * {vertical-align: middle;}
.table thead {background: #f6f6f6;}
.table th {height: 60px;  text-align: center;  font-weight: 600; color: #000; background-color: #f6f6f6;}
.table > :not(:first-child) {border-top: 0;}
.table tbody tr {border-bottom: 1px solid #e5e5e5;}
.table td {height: 60px;  text-align: center; padding: 0.5rem 0.8rem;}
.bg-table thead {border-bottom:1px solid #e5e5e5;}
.blue-bg{background:#F2F6FF !important; border-right:1px solid #e5e5e5; color: #363C5A;}

table {
    caption-side: bottom;
    border-collapse: collapse;
}
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


.company_detail_tit_new {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
    border-top: 1px solid #ddd;
}

.company_detail_tit_new h4 {
    font-size: 36px;
    font-weight: 500;
    color: #000;
    border-top: 1px solid #000;
    padding-top: 30px;
    margin-top: -1px;
}

.company_detail_tit_new .tit_right {
    padding-top: 20px;
    display: flex;
    align-items: center;
}

.company_detail_tit_new .tit_right a {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 18px;
    margin-right: 20px;
}

.company_detail_tit_new .tit_right a:last-child {
    margin-right: 0;
}

.company_detail_tit_new .tit_right p {
    display: inline-block;
    width: auto;
    height: 60px;
    padding: 0 20px;
    border: 2px solid #66ff00;
    font-size: 16px;
    line-height: 56px;
    text-align: center;
    color: #000;
    margin-right: 20px;
}

.company_detail_tit_new .tit_right a.icon-question {
    padding: 0;
}

.company_detail_tit_new .tit_right .favor >* {
    display: none;
}

.company_detail_tit_new .tit_right .favor.on .favor-on {
    display: block;
}

.company_detail_tit_new .tit_right .favor.off .favor-off {
    display: block;
}

.company_detail_tit_new h4 {
    display: inline-flex;
    align-items: center;
}

.company_detail_tit_new .label_great {
    display: inline-flex;
    align-items: center;
    height: 45px;
    margin-left: 20px;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 20px;
    border: 3px solid #66ff00;
}

.company_detail_new {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    margin-bottom: 75px;
    padding-left: 170px;
}

.company_detail_new .company_detail_left {
    width: 37%;
    color: #000;
}

.company_detail_new .company_detail_left div p {
    width: fit-content;
    margin-bottom: 20px;
    height: 19px;
    line-height: 19px;
    display: flex;
    padding-left: 30px;
    background: url( ../../images/sub/icon_homepage.png)no-repeat;
}

.company_detail_new .company_detail_left div span {
    width: fit-content;
    height: 19px;
    line-height: 19px;
    display: flex;
    padding-left: 30px;
    background: url( ../../images/sub/icon_ir.png)no-repeat;
}

.company_detail_new .company_detail_left div p img {
    display: none;
    margin-left: 10px;
    margin-top: 5px;
    height: fit-content;
}

.company_detail_new .company_detail_left div p:hover img {
    display: block;
}

.company_detail_new .company_detail_left div span img {
    display: none;
    margin-left: 10px;
    margin-top: 3px;
    height: fit-content;
}

.company_detail_new .company_detail_left div span:hover img {
    display: block;
}

.company_detail_new .company_detail_left {
    width: 30%;
}

.company_detail_new .company_detail_right {
    position: static;
    display: flex;
    align-items: center;
    max-width: 100%;
    background: #f6f6f6;
}

.company_detail_new .company_detail_right .logo_area {
    position: absolute;
    top: 40px;
    left: 0;
}

.company_detail_new .company_detail_right .logo_box {
    box-shadow: 5px 5px 6px #ddd;
    width: 250px;
    margin: 0;
    background: #fff;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 250px;
    flex-shrink: 0;
    border-radius: 5px;
}

.company_detail_new .company_detail_right .logo_box img {
    max-width: 200px;
    /* max-height: 65px; */
    vertical-align: middle;
}

.company_detail_new .company_detail_right .sns_logo {
    display: flex;
    margin-top: 25px;
}

.company_detail_new .company_detail_right .sns_logo a {
    display: inline-block;
    margin-left: 10px;
}

.company_detail_new .company_detail_con {
    width: 100%;
    margin: 0;
    padding: 0;
    padding: 55px 30px;
    padding-left: 170px;
}

.company_detail_new .company_detail_con .company_detail_cate {
    margin-bottom: 25px;
    font-size: 17px;
    color: #555;
}

.company_detail_new .company_detail_con .company_detail_cate p {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding-bottom: 10px;
    font-size: 22px;
    border-bottom: 1px solid #929292;
    font-weight: 600;
}

.company_detail_new .company_detail_con .company_detail_cate span {
    display: inline-block;
}

.company_detail_new .company_detail_con .company_detail_cate img {
    padding: 0 10px;
    vertical-align: bottom;
}

.company_detail_new .company_detail_con .btn_area {
    display: flex;
    margin-bottom: 30px;
}

.company_detail_new .company_detail_con .btn_area .btn {
    display: inline-flex;
    align-items: center;
    height: 45px;
    margin-right: 10px;
    padding: 5px 15px;
    padding-right: 35px;
    font-size: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff url(/user/images/common/icon_right.png) no-repeat right 15px center / 7px;
}

.company_detail_new .company_detail_con .btn_area .btn span {
    position: relative;
    display: inline-block;
    padding-left: 30px;
}

.company_detail_new .company_detail_con .btn_area .btn span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 19px;
    height: 19px;
    margin-top: -9.5px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.company_detail_new .company_detail_con .btn_area .btn_homepage span:before {
    background-image: url(/user/images/sub/icon_homepage.png);
}

.company_detail_new .company_detail_con .btn_area .btn_ir span:before {
    background-image: url(/user/images/sub/icon_ir.png);
}

.company_detail_new .company_detail_con dl {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    margin-top: 5px;
    line-height: 30px;
    color: #000;
    font-size: 17px;
}

.company_detail_new .company_detail_con dl dt {
    width: 130px;
    font-weight: 200;
    flex-shrink: 0;
    font-size: 17px;
    color: #555;
    font-weight: 400;
}

.company_detail_new .company_detail_con dl dd {
    width: 100%;
    padding: 0;
    padding-left: 10px;
    font-weight: 400;
    font-size: 18px;
}

.company_detail_new .company_detail_con .tag ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

.company_detail_new .company_detail_con .tag ul li {
    margin-bottom: 10px;
    padding: 0 15px;
    font-size: 16px;
    display: inline-block;
    height: 40px;
    border: 1px solid #653ec7;
    color: #653ec7;
    text-align: center;
    line-height: 38px;
    margin-right: 10px;
    background: #fff;
    border-radius: 22px;
}
.txtcom {line-height: 26px;color: #000;margin-top: 20px}

@media all and (max-width: 700px) {
.sp01 .tourinfo {
        height: auto;
        flex-wrap: wrap;
        border-right: 0 none;
    }

 .tourinfo dt {
        width: 100%;
        height: 180px;
        padding: 30px 10px 0 30px;
    }

 .tourinfo dt .tt {
        font-size: 24px;
    }

 .tourinfo dt .tt > span {
        font-size: 14px;
    }

 .tourinfo dt .tt span span {
        font-size: 19px;
    }

 .tourinfo dd {
        width: 50%;
        height: 180px;
    }

 .tourinfo dd:nth-child(2) {
        border-left: #ddd solid 1px;
    }

 .tourinfo dd:nth-child(3) {
        border-right: #ddd solid 1px;
    }

 .tourinfo dt .p {
        font-size: 15px;
    }


 .company_detail_tit_new {
        position: relative;
        display: inherit;
        margin-bottom: 30px;
    }

 .company_detail_tit_new h4 {
        padding-top: 100px;
        border-top: none;
        font-size: 24px;
    }

 .company_detail_tit_new .tit_right {
        position: absolute;
        top: 0;
        right: 0;
    }

 .company_detail_tit_new .tit_right p {
        width: 113px;
        height: 40px;
        border: 3px solid #66ff00;
        line-height: 34px;
        font-size: 14px;
    }

 .company_detail_new {
        display: inherit;
        padding-left: 0;
    }

 .company_detail_new .company_detail_left {
        width: 100%;
        margin-bottom: 50px;
    }

 .company_detail_new .company_detail_left div {
        display: flex;
    }

 .company_detail_new .company_detail_left div p {
        width: 50%;
    }

 .company_detail_new .company_detail_right {
        display: inherit;
        width: 100%;
        position: relative;
        padding-top: 20px;
    }

 .company_detail_new .company_detail_right .logo_area {
        position: static;
    }

 .company_detail_new .company_detail_right .logo_box {
        margin-left: 0;
        margin: auto;
    }

 .company_detail_new .company_detail_right .sns_logo {
        justify-content: center;
        margin-top: 15px;
    }

 .company_detail_new .company_detail_right .sns_logo > a {
        width: 35px;
        height: 35px;
    }

 .company_detail_new .company_detail_con {
        padding: 20px 15px;
    }

 .company_detail_new .company_detail_con .company_detail_cate {
        margin-bottom: 15px;
    }

 .company_detail_new .company_detail_con .btn_area {
        margin-bottom : 20px;
    }

 .company_detail_new .company_detail_con .btn_area .btn {
        height: 40px;
        padding: 5px 10px;
        padding-right: 25px;
        font-size: 14px;
        background: #fff url(/user/images/common/icon_right.png) no-repeat right 10px center / 5px;
    }

 .company_detail_new .company_detail_con .btn_area .btn span {
        padding-left: 20px;
    }

 .company_detail_new .company_detail_con .btn_area .btn span:before {
        width: 14px;
        height: 14px;
        margin-top: -7px;
    }

 .company_detail_new .company_detail_con dl dd {
        font-size: 16px;
    }

 .company_intro_new {
        display: inherit;
    }

 .company_intro_new h5 {
        margin-bottom: 15px;
        font-size: 21px;
        width: 100%;
    }

 .company_intro_new .company_intro_con {
        width: 100%;
    }

 .conpany_bottom_new {
        display: inherit;
    }

 .conpany_bottom_new h5 {
        margin-bottom: 15px;
        font-size: 21px;
        width: 100%;
    }

 .conpany_bottom_new div {
        width: 100%;
    }

 .company_detail_new .company_detail_con p {
        font-size: 15px;
    }

 .company_detail_new .company_detail_con dl dt {
        width: 80px;
    }

 .company_detail_new .tag ul li {
        white-space: nowrap;
    }


}

@media all and (max-width:680px){
.data_1 dl dd {order: 1;width: 100%; box-sizing: border-box;padding-right: 30px;margin-bottom: 30px;}
.data_1 dl dt {order: 2; width: 100%;}
.data_1 dl dt img{order:2;width: 100%;}

.tableWrap_in ul {padding-left:40px;}
.tableWrap_in > div:nth-child(even) div.img {padding-left:40px;}


.tableWrap_in { padding-bottom:20px;}
.tableWrap_in:after {left:0;}
.tableWrap:before {left:0;}
.tableWrap:after {left:0;}

.tableWrap_in li.year {font-size:1.5rem;}
.tableWrap_in li.subTitle {margin-bottom:15px; font-size:1.1rem;}

.tableWrap_in ul {float:none; width:100%;}
.tableWrap_in > div {overflow:visible; margin:80px 0;}
.tableWrap_in > div:after {content:''; display:block; clear:both;}
.tableWrap_in > div:first-child {padding-top:50px;}
			.tableWrap_in div.img {float:none; width:100%; text-align:left; padding-right:0; padding-left:40px; margin-top:20px;}
			.tableWrap_in div.img img {max-width:75%;}


.his_table dt {width:40px;}
.his_table dd {width:calc(100% - 40px);}

.tableWrap_in > div ul:before {width:9px; height:9px; top:7px; left:20px;}
.tableWrap_in > div ul:after {width:20px; top:11px;}

.tableWrap_in > div:nth-child(even) {margin:40px 0;}
.tableWrap_in > div:nth-child(even) ul {padding-right:0; padding-left:40px; text-align:left;}
.tableWrap_in > div:nth-child(even) ul:before {right:auto; left:20px;}
.tableWrap_in > div:nth-child(even) ul:after {right:auto; left:0;}

.tableWrap_in div:nth-child(2n) .his_table dt{float:left; text-align:left}
.tableWrap_in div:nth-child(2n) .his_table dd{float:left;}
.tableWrap_in div.img {float:none; width:100%; text-align:left; padding-right:0; padding-left:40px; margin-top:20px;}
			.tableWrap_in div.img img {max-width:75%;}

.ser_intro .imgCont {
    display: block;
    width: 100%;
    vertical-align: middle;
}
.ser_intro .txtCont {
    display: block;
    width: 100%;
    vertical-align: middle;
    padding-left: 0px;
    box-sizing: border-box;
    margin-top: 18px;
}
.facil_photo .photoArea .photoGallery .list img {width: 100%;}
}
label.btn:not(.btn-flat) {
    background-color: #35DDE0;
    color: #333;
}

.ci_box {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            max-width: 1200px;
            width: 100%;
            padding: 20px;
        }

        .card {
            background-color: white;
            border-radius: 10px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }

        .card img {
            width: 100%;
            height: auto;
        }

        .badge {
            position: absolute;
            top: 10px;
            left: 10px;
            background-color: #DDA0DD;
            color: white;
            padding: 5px 10px;
            border-radius: 5px;
            font-size: 0.8em;
        }

        .title {
            text-align: center;
            padding: 10px;
            font-weight: bold;
        }

        @media (max-width: 768px) {
            .ci_box {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 480px) {
            .ci_box {
                grid-template-columns: repeat(1, 1fr);
            }
        }