/*
===================
무단전재 및 재배포 금지
Made by MarvelWorks
site : http://marvelworks.kr
* One  domain, One server, One license
* License Inquiry : info@marvelworks.kr
===================

===================
기본속성
===================
*/
.hd_pops_cons {top:200px !important; left:50% !important; transform:translate(-50%, 0); border:0 !important; box-shadow:0 10px 20px rgba(0,0,0,0.3);}
.hd_pops_footer {float:left; width:100%; padding:0 !important; background:#d2d2d2 !important;}
.hd_pops_footer .hd_pops_reject {float:left; background:none !important; font-size:15px; font-weight:normal; color:gray;}
.hd_pops_footer strong {font-weight:normal !important; font-size:15px;}
.hd_pops_footer .hd_pops_close {float:right; background:none !important; font-size:15px; font-weight:normal; color:gray;}

#bo_v_con, #bo_v_con * {font-family: var(--common-font) !important;}
#captcha.m_captcha audio {display:none;}


/*
===================
style
===================
*/
.rel_box {}
.rel_box .one {cursor:pointer; border:1px solid #ddd; padding:30px; height:130px; position:relative; overflow:hidden;  position:relative; transition:all .2s;}
.rel_box .one span {color:var(--point-color); font-weight:500;}
.rel_box .one h2 {width:100%; margin-top:5px; font-size:1.25rem; line-height:1.2;}
.rel_box .one a {position:absolute; bottom:30px; right:30px; font-size:16px; font-weight:500; color:gray;}
.rel_box .one:before { position:absolute; right:-100px; top:-120px; width:240px; height:240px; background:url('../../img/rel_back.jpg') left 0; background-size:cover; transform:rotate(122deg); z-index:-1;}
.rel_box .one img {width:initial; margin-left:10px;}
.rel_box .one:hover {background:#f7f7f7; box-shadow:-5px 15px 20px rgba(0,0,0,0.11); border-color:var(--point-color); transition:all .2s;}
.rel_box .one .mark {width:40px; position:absolute; right:20px; top:20px;}

.relsite .one {height:initial; padding:15px; text-align:center; height:initial;}
.relsite .one img {max-width:70%; margin:0;}
.relsite .one:hover {background:#fff;}
.relsite .one .bot {position:absolute; bottom:0; left:0; width:100%; height:60px; line-height:60px; background:#f7f7f7; border-top:1px solid #ddd;}
.relsite .one .bot .left {float:left; width:50%;}
.relsite .one .bot .right {float:right; width:50%; border-left:1px solid #ddd;}

.botfooter {float:left; width:100%; background:#000; color:#bdbdbd; text-align:left; padding:40px 0; font-size:14px; line-height:1.6rem;}
	.botfooter .bar {color:#868686; margin:0 5px;}
	.botfooter a {color:#bdbdbd;}
.pagetit {font-size:22px;  font-weight:400; line-height:1.7; margin-top:20px; margin-bottom:30px; font-family:'noto sans kr';}
.subpagetit {color:#777; margin:200px 0 60px 0;}
	.subpagetit h2 {display:inline-block; font-size:2.8rem; color:#111;  font-weight:700;}
	.subpagetit p {font-size:1rem; color:#bdbaba; margin-bottom:5px; text-transform:uppercase; font-weight:900;}
	.subpagetit span {display:inline-block; width:10px; height:10px; background:#97b1d1; border-radius:100%; vertical-align:-webkit-baseline-middle; margin-left:7px; position:relative;}
	.subpagetit .subbar {display:table; margin:0 auto; margin-top:20px; height:1px; background:#111; width:40px; animation:subbars .5s forwards;}
	.subpagetit.subp {margin:180px 0 60px 0;}

	@keyframes subbars {
		0% {width:0;}
		100% {width:40px;}
	}
	.subpagetit i {font-size:2rem; color:#d7d7d7;}
.subpagetxt h2 {font-size:2.2rem; color:#111; font-weight:700; line-height:1.4;}
.subpagetxt span {font-size:1.6rem; color:var(--point-color2); font-weight:700;}

.ver_line {display:table; margin:0 auto; width:1px; height:80px; background:#ddd;}
.ver_line_sub {display:table; margin:0 auto; width:0; height:100px; background:#ddd;}

.about {float:left; width:100%;background:#eaeff1;}
	.about .sc1 {float:left; width:50%; padding:67px 0; font-size:18px; line-height:36px;}
	.about .sc2 {float:left; width:50%;min-height:100%; height:100%; }
	.opc {display:none; background:rgba(0,0,0,0.4); top:0; width:100%; position:absolute; z-index:99; color:#fff !important; height:350px; text-align:center;  color:#fff;  animation: opacity 1s; padding:120px 0; font-size:1.7rem; font-weight:500;}
	@keyframes opacity {
		from { opacity: 0; }
		to   { opacity: 1; }
	}
.about_2 {background:#fff; margin-top:35px;}
	.about .sc1:hover  .opc, .about .sc2:hover .opc {display:block !important;}
	.opc .layout_btn2 {background:#fff; border:1px solid #fff;color:#000;}
	.opc .layout_btn2:hover {background:#fff; border:1px solid #fff; color:#444; }

.tabs {float:left; width:100%; margin-top:30px;}
	.tabs li {float:left; width:50%; }
	.tabs li a {display:block; text-align:center; border:0px solid #ddd; padding:20px 0; font-size:1.1rem; background:#f7f7f7; color:#888;}
	.tabs li:hover a {color:#555;}
	.tabs li a.active {background:var(--point-color); color:#fff; font-weight:bold;}
	.tabs li:first-child a {border-right:0;}

.layout_cont {padding: 20px 0 0 0; line-height:1.4rem;}
.layout_page {padding:0; color:#777;}
	.layout_page h2{font-size: 34px;color: #333333;line-height: 34px;text-align: center; font-weight:500;}
.layout_box {float:left; width:100%; text-align:center; padding:60px 0; background:#f7f7f7;}
	.layout_box i {color:#e0e0e0; font-size:3rem;}
	.layout_box span {font-size:1.1rem;  font-weight:500; text-transform:uppercase; letter-spacing:1px; color:#555;}
	.layout_box p {color:#777; margin-top:20px; word-break:keep-all;}
	.layout_box .left {float:left; width:33.3%; }
	.layout_box .center {float:left; width:33.3%; border:1px solid #e0e0e0; border-top:0; border-bottom:0; padding:0 30px;}
	.layout_box .right {float:left; width:33.3%;}

.st1 .one {border:1px solid #ddd; border-radius:7px; text-align:center; box-shadow:0 20px 40px rgba(0,0,0,0.15); box-shadow:4px 3px 5px 0px rgb(0 0 0 / 4%); margin-bottom:2%;}
.st1 .one img {border-radius:5px;}
.st1 .one p {border-top:0px solid var(--point-color); padding:20px 0; margin-top:20px; font-weight:500; background:#f3f3f3; border-radius:5px;}
.st1 .one:hover { }

.styletbl {float:left; width:100%; border-top:1px solid #111;}
.styletbl th, .styletbl td {padding:15px 20px; }
.styletbl th { font-weight:500;  border-bottom:1px solid #ddd; color:#444;}
.styletbl td { color:#4c4c4c; border-bottom:1px solid rgba(0,0,0,0.15);}
.styletbl th, .styletbl td {border-color:#dbe0e9;}
.styletbl strong {font-weight:400;}

.styletbl.register {border:0;}
.styletbl.register th {font-size:1.1rem; font-weight:600;}
.styletbl.register th, .styletbl.register td {border:0 !important; }
.styletbl.register .frm_input, .styletbl.register button.btn_frmline {height:50px; line-height:50px;}

.styletbl.st2 {/*border-left:1px solid #d8dbe1; border-top:1px solid var(--point-color);*/}
.styletbl.st2 th {background:var(--point-color6); color:var(--point-color); font-weight:600; font-size:1.04rem;}
.styletbl.st2 th  a {color:var(--point-color);}

.nostyletbl {float:left; width:100%; border:0 !important;}
.nostyletbl th, .nostyletbl td { height:initial !important; border:0 !important; font-size:0.94rem; text-align:left !important; background:transparent !important;}
.nostyletbl th {font-weight:500; color:#333;padding:2px 0 !important; }
.nostyletbl td {padding:2px 0 2px 10px !important;}

.seldate {width:90px;}

.table02  {float:left; width:100%;}
.table02 th {padding:10px; background:#bfddfb; text-align:center; font-weight:500; border-left:0px solid rgba(255,255,255,0.5);}
.table02 th:first-child {border-left:0;}
.table02 td:first-child {border-left:0;}
.table02 td {padding:10px; text-align:center; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}

.alarm {width:100%; float:left; text-align:center; margin-top:30px; font-size:.94rem; letter-spacing:-0.5px; color:#0a26b6; font-weight:400; background:#f7fbff; border:1px solid #dbeefd; border-radius:20px; padding:10px 0;}

.tbltit {float:left; width:100%; font-size:1.2rem; font-weight:400; margin:30px 0 20px 0; border-bottom:1px solid #ddd; padding:15px 0; color:#4a4a4a;text-align:center; }
.tbltit i {font-size:1rem; margin-right:5px;  color:#017bc9;}

.sloganbox {width:100%; height:336px; padding:140px 50px 0 100px; text-align:left; font-size:2rem; color:#fff; font-weight:500; }
.sloganbox.company_slogan {background:url('../img/company_1.jpg') center center; background-size:cover;}
.sloganbox.tech_slogan {background:url('/theme/mt-02/img/tech.jpg') 0 55%; background-size:cover;}
.sloganbox .slogan {font-size:.9rem; font-weight:300; margin-top:10px; line-height:1.2rem;}



.contit {font-size:1.2rem; font-weight:400; margin-bottom:10px; font-family:var(--common-font); background:linear-gradient(to right, #432392 0%, #7046d8 50%, #a181ec 100%); float:left; padding:4px 25px 5px 25px; color:#fff; border-radius:20px;}
.contit:before {float:left; content:"\e62f"; font-family:'themify';  font-size:1rem; margin-right:10px; color:#fff; }
.contit i {color:#11ceec; margin-right:5px;}
.consqr {float:left; width:100%; border:1px solid #c4b6e6; border-left:0; border-right:0; background:#fbfbfb; padding:30px; margin-top:10px; margin-bottom:40px;}
.consqr li:before {content:'\f00c'; font:normal normal normal 14px/1 FontAwesome; font-weight:700; margin-right:10px; color:#6e44d5; -webkit-text-stroke: 0.5px #f7f7f7;}

.smalltpoint {font-weight:700; color:#999;}
.tpoint {font-size:2rem;  font-weight:700; color:#111; position:relative;}
	.tpoint.box {border-bottom:1px solid #e3e3e3; padding-bottom:20px; margin-bottom:20px;}
	.tpoint:before {position:absolute; bottom:-20px; left:0; width:40px; height:1px; vertical-align:middle; content:" "; background:#7c7c7c; }
.tpoint2 {margin:0 0 15px 0; color:var(--point-color);}
	.tpoint2:before {display:inline-block; width:5px; height:5px; vertical-align:middle; content:" "; margin:-2px 10px 0 0; border:3px solid var(--point-color); background:#fff; }

.tcont {float:left; width:100%; background:#f7f7f7; padding:30px;}
.tcont_lst {float:left; width:100%; border-top:2px solid var(--point-color);}
	.tcont_lst li {float:left; width:100%; border-bottom:1px solid #e9e9e9; padding:25px 40px; list-style:none;}
	.tcont_lst .icon {float:left; width:100px; height:100px; border:1px solid #ddd; border-radius:100%; text-align:center; line-height:100px; font-size:50px; color:#678f9f;}
	.tcont_lst .cont {float:left; width:calc(100% - 130px); margin-left:30px; padding-top:7px;}
	.tcont_lst .cont strong {display:block; font-size:1.15rem; margin-bottom:5px; color:#000; font-weight:500;}
.tbox .one {border:1px solid #e9e9e9; background:#f9f9f9; padding:20px; position:relative; transition: all .3s;}
	.tbox .one:after {content:''; position:absolute; left:0; top:0; width:100%; height:0; background:#ecf3fb; transition:all .3s; z-index:-1;}
	.tbox .one .icon {display:table; margin:0 auto 20px auto; background:#fff;width:100px; height:100px; line-height:100px; font-size:53px; color:var(--point-color); text-align:center; border:1px solid #e9e9e9; border-radius:100%;}
	.tbox .one .icon i {position:relative;}
	.tbox .one .icon i:after {content:''; position:absolute; width:18px; height:18px; border-radius:100%; right:2px; top:2px; background:rgba(1,141,149,0.3);}
	.tbox .one .icon.leftbot i:after {top:initial; bottom:2px; left:0; right:initial;}
	.tbox .one .icon.rightbot i:after {top:initial;; bottom:2px; right:2px;}
	.tbox .one p {line-height:1.5; color:#606060;}
	.tbox .one .tit {font-weight:500; font-size:1.15rem; color:#000; text-align:Center; display:block; margin-bottom:15px;}
	.tbox .one:hover:after {height:100%; transition:all .3s;}
	.tbox .one:hover {border-color:#bdd5e3;}
	.col-4.tbox .one:nth-child(n+5) {margin-top:2%;}

	/**change color**/
	.tbox .one {border-radius:0px; overflow:hidden;}
	.tbox .one:hover {background:#eef3f5; border-color:#d0dfe5; transition: all .3s;}
	/*
	.tbox .one:after {background:linear-gradient(45deg, #12c4c9, #143fa5);}
	.tbox .one:hover {background:none;}
	.tbox .one:hover .tit {color:#fff;transition:all .3s;}
	.tbox .one:hover p {color:#fff;transition:all .3s;}
	*/

.ttbl {float:left; width:100%; border-top:2px solid var(--point-color);}
	.ttbl th {background:#fbfbfb; text-align:center; font-size:1.1rem; font-weight:600; color:#000;}
	.ttbl th span {color:var(--point-color); }
	.ttbl th, .ttbl td {padding:15px 20px; border-bottom:1px solid #e9e9e9;}
ul.tlist {list-style:none;}
	ul.tlist li {padding:0 !important; border:0 !important; word-break:break-all;}
	ul.tlist li:before {content:'•'; color:#cfcfcf; display:inline-block; margin-right:10px;}
	ul.tlist.st2 li {float:left; width:33.33%;}


.listup ul {list-style-type:disc; padding-left:20px;}
	.listup li {list-style-position : outside; vertical-align:middle; }
	.listup li::marker {color:#b0b0b0; vertical-align:middle;}

.restable {}

/*
===================
메인
===================
*/
.sec1 {float:left; width:100%; padding:150px 0;}
.sec2 {float:left; background:#f3f3f3; width:100%; padding-top:130px;}

/*
===================
회사소개
===================
*/
.company-col-2 {float:left; width:100%;}
	.company-col-2 .left {float:left; width:42%;}
	.company-col-2 .right {float:left; width:58%; padding-left:5%;}
	.company-col-2 .introtit {font-size:2rem; line-height:2.6rem; font-weight:500; color:#555;}
	.company-col-2 .introsubtit {color:#4e6b83; margin-top:20px; font-weight:400;}
	.company-col-2 .sign {margin-top:30px; font-size:1.2rem; font-weight:500; color:#666;}
.company_info {float:left;width:100%; line-height:2;}
	.company_info .point {font-weight:500; color:#424242;}
	.company_info .sign {text-align:right; margin-top:20px;}
	.company_info .sign strong {color:#000; font-weight:500;}
.location {float:left; width:500px;}


.ptab {float:left; width:100%;}
	.ptab li {float:left; text-align:center; border:1px solid #e3e3e3; border-right:0; font-weight:500; font-size:19px;}
	.ptab li:last-child {border-right:1px solid #e3e3e3;}
	.ptab li a {display:block;padding:15px 20px; }
	.ptab li.active {background:var(--point-color); border-color:var(--point-color);}
	.ptab li.active a {color:#fff;}

/*.total_btn {background:var(--point-color6); padding:10px 20px; border-radius:2rem; color:var(--point-color); font-weight:600; font-size:0.9rem;}*/
.total_btn {float:left; font-size:1.1rem; margin:20px 0;}
.total_btn .ov_num {color:var(--point-color); font-weight:700;}

/*
===================
모바일 레이아웃
===================
*/

@media (max-width:1280px) {

	.sec1 {padding:80px 0;}
	.sec2 {padding-top:80px;}

	/*페이지*/
	.ver_line_sub {display:none; height:40px;}


	.pagetit {font-size:17px;}
	.about {padding: 40px 0;}
		.about .sc1 {float:left; width:100%; padding:0 0 20px 0; font-size:15px;}
		.about .sc2 {float:left; width:100%; padding:0;}
		.about_2 {padding:0;}
	.fac_info {padding:15px; font-size:15px;}
	.layout_page h2{font-size: 22px;}
	.layout_page p {font-size:14.8px;}
	.layout_box {padding:50px 0 40px 0;}
		.layout_box .left {width:100%; border:0; border-bottom:1px solid #ddd; padding-bottom:30px;}
		.layout_box .center {width:100%; border:0; border-bottom:1px solid #ddd; padding:30px 0;}
		.layout_box .right {width:100%; padding-top:30px;}
	.mini_info {font-size:15px; padding:25px;}
		.mini_info .tit {font-size:22px; margin-bottom:10px;}


	/*기본속성*/
	#hd_pop {z-index:998 !important;}
	.hd_pops {left:20px !important; border:0 !important;}
	.hd_pops_cons {top:15% !important; width:90%; max-width:480px; z-index:10001;}
	.hd_pops_con {width:calc(100vw - 40px) !important; height:auto !important;}
	.hd_pops_con img {max-width:100%;}

	.subpagetit {float:left; width:100%; margin:160px 0 40px 0; }
	.subpagetit h2 {font-size:1.8rem;}
	.subpagetit p {font-size:.8rem; margin-top:15px;}
	.subpagetit span {width:8px; height:8px;}
	.subpagetit .subbar {margin-top:10px;}

	.subpagetxt span {font-size:1.1rem;}
	.subpagetxt h2 {font-size:1.7rem;}

	.subpagetit.subp {margin:140px 0 60px 0; }

	.tpoint {font-size:1.8rem;}

	.contit {background:linear-gradient(to right, #432392 0%, #7046d8 50%, #a181ec 100%); padding:6px 15px 7px 15px; font-size:1.1rem; line-height:1.4rem; width:100%; border-radius:0;}
	.consqr {padding:15px;}
	.consqr img {width:100%;}	

	.ptab li {font-size:1rem;}
	.ptab li a {padding:10px; font-size:15px;}


	/*페이지*/
	.styletbl th, .styletbl td { padding:7px 10px;}
	.styletbl td {padding:15px 0;}

	.styletbl.register th, .styletbl.register td {width:initial; float:initial; text-align:left !important;}

	.styletbl.st1 th { width:30%;}

	.mobonetbl {border-left:0 !important;}
	.mobonetbl tbody tr {float:left; width:100%; display:block; border:1px solid #ddd; border-top:0; border-left:0; border-right:0;padding:20px 0;}
	.mobonetbl th {border-right:0 !important;}
	.mobonetbl td {display:block; float:left; border-bottom:0 !important; padding:0 !important; border:0 !important;}
	.mobonetbl .linesbj {font-weight:bold; }

	#bo_w .bo_w_flie .frm_file, #bo_w .frm_address {width:90%;}
	.salesbox {margin:4px 0;}
	.alarm {margin-top:15px; padding:5px 0;}
	.location {width:100%;}

	/*각페이지특성*/
	.tcont_lst li {padding:20px 0;}
	.tcont_lst .icon {width:80px; height:80px; line-height:80px;}
	.tcont_lst .cont {margin-left:20px; width:calc(100% - 100px); }
	
	.tbox .one {height:initial !important;}
	.tbox .one p {font-size:0.9rem; }
	.tbox .one .tit {font-size:0.96rem;}
	.col-4.tbox .one:nth-child(n+5) {margin-top:0;}

	.tboxst2 .one {width:48%; margin:0 2% 2% 0;}

	.ttbl th, .ttbl td {float:left; width:100%;}

	ul.tlist li {word-break:keep-all;}
	ul.tlist.st2 li {width:100%;}

	.btnsarea a:first-child {margin-right:-8px !important;}

	.restable {overflow-x:scroll;}

	.rel_box .one {height:initial;}
}
