/* crosswide color */
.cwColor {color:#4144c9;}
.cwBG {background-color:#4144c9;}

/* M8 color */
.m8Color {color:#ff3f95;}
.m8BG {background-color:#ff3f95;}

/* Maneul color */
.mkColor {color:#6674ff;}
.mkBG {background-color:#6674ff;}


html, body { position: relative; height: 100%; }
body { background: #fff; font-size: 14px; color:#000; margin: 0; padding: 0; }
#mobileMenu, .scrollM { display:none; }
.crop { width:72px; height:72px; display:block; background:url('../images/common/mark.svg'); background-size:cover; }
.leftTop { position:fixed;z-index:1; top:0; left:0; }
.rightTop { position:fixed;z-index:1; top:0; right:0; transform: rotate(90deg); }
.leftBot { position:fixed; z-index:1;bottom:0; left:0; transform: rotate(-90deg); }
.rightBot { position:fixed;z-index:1; bottom:0; right:0; transform: rotate(180deg); }
.opt { opacity:.3; }
.infoLogo { position:fixed; z-index:10001; top:64px; left:64px; width:100px; height:40px; background-size:100px 40px; display:block; }
.infoLogo img { height:40px; }

.gnb { position:fixed; z-index:100; top:0; left:360px; height:40px;display:flex; }
.gnb li { }
.gnb a { position: relative; text-align:center; display:inline-block; width:144px; height:144px; color:#111; font-size:16px; line-height:144px; font-family:engBold; text-transform:uppercase; }
.gnb a::before { content: ''; position: absolute; top: 0; right: 0; width: 0; height: 3px; background-color: #111; transition: width .6s cubic-bezier(0.25, 1, 0.5, 1);}
.gnb a:hover::before { left: 0; right: auto; width: 100%; }
.gnb a.active::before { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 3px; background-color: #111; transition: width .6s cubic-bezier(0.25, 1, 0.5, 1);}

@media all and (max-width : 1200px) { 
	.gnb { left:216px; }
	.gnb li { width:144px; float:left; text-align:center; }
}

@media all and (max-width : 1024px) { 
}

.title { position:fixed; z-index:100; color:#111; font-size:16px; font-family:engBold; transform-origin: top left; transform: rotate(-90deg); text-align:right; }
.titMain { top:376px; left:65px; }
.titSub { top:300px; left:65px; }
.bgTit { font-family:engReg, korLight;font-size:78px; line-height:100px; }
.bgTit span { font-family:engBold, korBold; }

.infoAddress { position:fixed; z-index:100; bottom:42px; left:60px; display:block; transform-origin: top left; transform: rotate( -90deg ) scale(.9, .9); display:flex; align-items:center; }
.infoAddress span {font-family:engSemi, korMed; }
.infoAddress .snsLink { width:24px; height:24px; display:inline-block; background-size:100%; margin-left:15px; transform: rotate( 90deg ); }

.scrollPc { position:absolute; z-index:100; bottom:35px; left:calc(50% - 50px); color:#111; font-size:10px; font-family:engBold; width:100px; text-align:center; width:100px; cursor: pointer; }
.scrollPc span { display:block; width:100px; height:24px; background:url('../images/common/icon_arrow2.svg')no-repeat center bottom -5px; animation: bounce 0.4s; animation-direction: alternate; animation-iteration-count: infinite; }
.iconMenu { display:none; }

.infoContact { position:fixed; z-index:100; bottom:64px; right:55px; display:block; line-height:40px; height:24px; display:flex; }
.infoContact a { color:#111; text-decoration:none; display:block; font-family:engSemi, korMed;}
.engTxt { font-family:engBold, korBold; font-size:12px; }
.infoContact .emialLink { height:40px; background:url('../images/common/icon_mail.svg')no-repeat left top 8px; padding-left:26px; background-size:24px; margin-left:10px; }
.infoContact .phoneLink { height:40px; background:url('../images/common/icon_phone.svg')no-repeat left top 8px; padding-left:26px; background-size:24px; margin-left:10px; }
.infoContact .talkLink { height:40px; width:40px; background:url('../images/common/icon_talk.svg')no-repeat left top; padding-left:26px; background-size:40px; text-indent:-1000em; }


.swiper-container { display:block; position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%; }
.swiper-slide.swiper-slide-active .slide-image, .swiper-slide.swiper-slide-duplicate-active .slide-image { transform: scale3d(1, 1, 1); }
.slide-image { height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover !important; background-position: left 5wv top !important; transform: scale3d(1.3, 1.3, 1); backface-visibility: hidden; will-change: transform; transition: transform 800ms ease; }
.swiper-slide { width:100%; height:100%; opacity:1; overflow: hidden; }

.swiper-slide .portInfo { position:absolute; top:180px; left:180px; text-align:left; width:50%; color:#111; }
.swiper-slide .portInfo > * { transform: translateY(-30px); opacity: 0; transition-duration: 0.8s; }
.swiper-slide-active .portInfo > * { transform: none; opacity: 1; }
.swiper-slide .portInfo .client {font-family:engMed, korMed; font-size:24px; padding-left:10px; margin-bottom:15px; transition-delay: 0.9s; letter-spacing:-2px;}
.swiper-slide .portInfo .prName {font-family:engMed, korBold; font-size:64px; line-height:78px; margin-bottom:20px ; letter-spacing:-3px; transition-delay: 1.2s; }
.swiper-slide .portInfo .category { font-family:engMed, korMed; font-size:18px; padding-left:5px; transition-delay: 1.4s; }

@media all and (max-width : 1400px) { 
	.slide-image { background-position: left 10vw top !important; }
	.swiper-slide .portInfo { position:absolute; top:180px; left:180px; text-align:left; width:calc(100% - 100px); color:#111; word-break:break-all; }
	.swiper-slide .portInfo .client { font-size:20px; padding-left:2px; transition-delay: 0.9s; }
	.swiper-slide .portInfo .prName {font-size:54px; line-height:54px; margin-bottom:20px ; }
	.swiper-slide .portInfo .category {font-size:16px; padding-left:5px; }
}

@media all and (max-width : 768px) { 
	.slide-image { background-position: left 0 top !important; }
	.swiper-slide .portInfo { position:absolute; top:140px; left:60px; text-align:left; width:calc(100% - 100px); color:#111; word-break:break-all; }
	.swiper-slide .portInfo .client { font-size:18px; padding-left:2px; margin-bottom:10px; transition-delay: 0.9s; }
	.swiper-slide .portInfo .prName {font-size:32px; line-height:34px; margin-bottom:15px ; letter-spacing:-2px; }
	.swiper-slide .portInfo .category {font-size:14px; padding-left:3px; }
}

.labelWrap { position:absolute; top:470px; left:185px;width:260px; height:65px; z-index:100; }
.slide_btn { position:absolute; top:20px; right:0; display:flex; width:60px; }
.slide_btn button { display:block; width:30px; height:30px; text-indent:-1000em; }
.slide_btn .start { background:url('../images/common/icon_arrow.svg')no-repeat; }
.slide_btn .stop { background:url('../images/common/icon_pause.svg')no-repeat; }
.swiper-pagination { position:absolute; top:0; left:0; text-align:left !important; margin-bottom:10px; width:80px !important; }
.swiper-progress-bar { position:absolute; bottom:0; right:0; width:100%; display:block; z-index:100; height:2px; }
.swiper-progress-bar .slide_progress-bar { position:absolute; bottom:0; height:2px; background:rgba(0, 0, 0, 0.2); width:auto; clear:both; left:0; right:0; }
.swiper-progress-bar .slide_progress-bar:after { position:absolute; top:0; left:0; background:#000; height:100%; width:0; content:""; transition:0.1s width linear; }
.swiper-progress-bar.active .slide_progress-bar { opacity:1; }
.swiper-progress-bar.animate .slide_progress-bar:after { transition:width linear; transition-delay:unset; width:100%; transition-duration:5s; }
.swiper-pagination-fraction { color:#000; font-family:engReg, korReg; }
.swiper-pagination-current { font-size:48px; }
.swiper-pagination-total { font-size:24px; }

@media all and (max-width : 768px) { 
	.scrollPc, .gnb, .infoContact .talkLink { display:none; }
	.crop { width:36px; height:36px; display:block; background:url('../images/common/mark_m.svg'); background-size:36px 36px !important; }
	.leftTop { position:fixed;z-index:1; top:0; left:0; }
	.rightTop { position:fixed;z-index:1; top:0; right:0; transform: rotate(90deg); }
	.leftBot { position:fixed; z-index:1;bottom:0; left:0; transform: rotate(-90deg); }
	.rightBot { position:fixed;z-index:1; bottom:0; right:0; transform: rotate(180deg); }
	.infoLogo { position:fixed; z-index:100; top:32px; left:32px; width:100px; height:40px; background-size:110px 50px; display:block; }
	.infoLogo img { width:110px; }
	.infoAddress { position:fixed; z-index:100; bottom:10px; left:26px; display:block; transform-origin: top left; transform: rotate( -90deg ) scale(.8, .8); display:flex; align-items:center; }
	.infoAddress span { white-space:nowrap; }
	.infoContact { position:fixed; z-index:100; bottom:30px; right:12px; display:block; line-height:40px; height:24px; display:flex; transform: scale(.9, .9); }

	.scrollM { display:block; position:absolute; z-index:100; bottom:55px; left:calc(50% - 50px); color:#111; font-size:10px; font-family:engBold, korBold; width:100px; text-align:center; width:100px; cursor: pointer; }
	.scrollM span { display:block; width:100px; height:24px; background:url('../images/common/icon_arrow3.svg')no-repeat center bottom -5px; animation: bounce 0.4s; animation-direction: alternate; animation-iteration-count: infinite; }

	.title { position:fixed; z-index:100; color:#111; font-size:14px; font-family:engBold, korBold; transform-origin: top left; transform: rotate(-90deg); }
	.titMain { top:240px; left:25px; }
	.titSub { top:240px; left:25px; }

	#mobileMenu { display:block; }
	.iconMenu { display:block; position:fixed; z-index:11; top:32px; right:32px; background:url('../images/common/m_menu.svg')no-repeat; text-indent:-1000em; width:24px; height:24px; background-size:cover; }
	.iconClose { display:block; position:fixed; z-index:1001; top:32px; right:32px; background: url(../images/common/m_menu_close.svg) no-repeat;width:24px; height:24px; background-size:cover; text-indent:-1000em; }
	aside { position: fixed; top: 0; bottom: 0; width: 100%; height:100%; display: flex; flex-direction: column; right:-100%; transition:0.3s; padding:0; z-index:1000; }
	aside.open { right:0%; }
	aside ul { z-index:11; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content: center; }
	aside ul li { text-align:center; font-family:engBold, korBold; }
	aside ul li a { color:#fff; font-size:36px; text-align:center; display:block; padding:20px; width:100%; }
	aside .menuBoard { position: fixed; top: 0; bottom: 0; background-color:#000; width:100%; height:100%; opacity:.8; }
	.labelWrap { position:absolute; top:320px; left:60px; width:50%; height:auto; z-index:100; }
}

/* 공통 */
.bgLine { position:fixed; top:0; left:0; width:100%; height:100%; display:block; opacity:.1; background:url(../images/common/linept2.gif); z-index:1; pointer-events: none;}
.bgLine2 { position:fixed; top:0; left:0; width:100%; height:100%; display:block; opacity:.9; background:url(../images/common/linept3.png); z-index:1; pointer-events: none;}


/* SUB */
.bgWrap { position:relative; top:0; left:0; width:100%; height:100%;}
.subBoard { position:absolute; top:0; left:144px; width:calc(100% - 144px); min-height:100%; padding:242px 72px 100px 144px; }
.portBoard { position:absolute; top:0; left:144px; width:calc(100% - 144px); min-height:100%; padding:200px 0 100px 144px; display:flex; flex-direction: column;}
.contactBoard { position:absolute; top:0; left:144px; width:calc(100% - 144px); min-height:100%; padding:0; display:flex; justify-content:space-between; }
.menuBG { position:fixed; top:0; left:144px; width:calc(100% - 144px); height:100%; display:block; background-color:#ffea14; opacity:0; z-index:99; pointer-events: none; padding:240px 0 0 280px; }
.bgAbout { background:#eee url(../images/common/linept3.png); }
.bgWork { background:#eee url(../images/common/linept3.png); }
.bgRequest {background:#fff44a url(../images/common/linept3.png); }
.download { position:fixed; display:block; padding:10px 30px 10px 10px; z-index:100; top:58px; right:56px; font-family:engBold, korBold; font-size:12px; color:#111; background:url('../images/common/icon_download.svg')no-repeat right top ; }

.subTit { font-size:24px; font-family:engBold, korBold; }
.subTit2 { font-size:18px; line-height:38px; font-family:engBold, korBold; }
.subTxt { font-size:28px; line-height:38px; font-family:engReg, korReg; }

.formBox {display:flex; justify-content:space-between; flex-wrap: wrap; max-width:1024px; }
.formBox input, .formBox textarea {padding:15px; font-size:18px; font-family:engMed, korMed; color:#111; margin-bottom:20px; }
.formBox input::placeholder, .formBox textarea::placeholder {color:#ccc; }
.formBox textarea {width:100%; border:0; font-size:18px; height:200px; font-family:engMed, korMed; resize: none;}
.inputHalf {width:49%; height:50px; }
.inputFull {width:100%; height:50px; }
.inputFile {width:70%; height:50px; }
.btnFile {width:30%; height:50px; background-color:#000; line-height:50px; color:#fff; text-align:center; font-family:engMed, korMed; font-size:16px; }

.personal {width:100%; height:100px; overflow-y:auto; margin-bottom:10px; padding:15px; background-color:#f7e72e; font-family:engMed, korMed; font-size:14px; line-height:22px; }
.personal .tit {font-size:14px; font-family:korBold; }
.reqBtn {font-size:22px;font-family:engMed, korMed; width:100%; text-align:center; color:#fff; height:60px; padding:0; line-height:60px; margin-bottom:100px; }
.reqBtn:disabled { opacity:.6; cursor:default; }

input:disabled { background: #fffac4; }
input[type="checkbox"] { display:none; }
input[type="checkbox"] + label {font-size:18px; line-height:30px; letter-spacing:-1px; font-family:engMed, korMed; margin:20px 0 30px; }
input[type="checkbox"] + label span {float:none; display:inline-block; width:30px; height:30px; margin:0 10px 0 0; vertical-align:middle; background:url('../images/common/input_checkbox.png') top 0 left 0 no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label span { background:url('../images/common/input_checkbox.png') top 0 left -40px no-repeat; }

@media all and (max-width : 768px) { 
	.subTit { font-size:18px; font-family:engBold, korBold;}
	.subTit2 { font-size:14px; line-height:24px; font-family:engBold, korBold; }
	.subTxt { font-size:18px; line-height:28px;font-family:engReg, korReg; }
	.formBox {display:flex; justify-content:space-between; flex-wrap: wrap; max-width:1024px; }
	.formBox input, .formBox textarea {padding:15px; font-size:16px; font-family:engMed, korMed; color:#111; margin-bottom:10px; }
	.formBox input::placeholder, .formBox textarea::placeholder {color:#ccc; }
	.formBox textarea {width:100%; border:0; font-size:16px; height:200px; font-family:engMed, korMed; resize: none;}
	.inputHalf {width:100%; height:40px; }
	.inputFull {width:100%; height:40px; }
	.personal {width:100%; height:100px; overflow-y:auto; margin-bottom:10px; padding:10px; background-color:#f8ec54; font-family:engMed, korMed; font-size:14px; line-height:18px; }
	.personal .tit {font-size:14px; font-family:korBold; }
	.reqBtn {font-size:18px;font-family:engMed, korMed; width:100%; text-align:center; color:#fff; height:50px; padding:0; line-height:50px; margin-bottom:100px; }

	input[type="checkbox"] { display:none; }
	input[type="checkbox"] + label {font-size:14px; line-height:20px; letter-spacing:-1px; font-family:engMed, korMed; margin:20px 0 20px 0; padding-left:30px; }
	input[type="checkbox"] + label span {width:20px; height:20px; margin:0 10px 0 -30px; vertical-align:middle; background:url('../images/common/input_checkbox_m.png') top 0 left 0 no-repeat; cursor:pointer; }
	input[type="checkbox"]:checked + label span { background:url('../images/common/input_checkbox_m.png') top 0 left -27px no-repeat; }
}

@media all and (max-width : 1200px) { 
	.subBoard { position:absolute; top:0; left:144px; width:calc(100% - 144px); min-height:100%; padding:242px 72px 100px 72px; }
	.portBoard { position:absolute; top:0; left:144px; width:calc(100% - 144px); min-height:100%; padding:200px 0 100px 72px; }
	.contactBoard { position:absolute; top:0; left:144px; width:calc(100% - 144px); min-height:100%; padding:0; display:flex; justify-content:space-between; }
	.download { display:none; }
}
@media all and (max-width : 768px) { 
	.bgWrap { position:relative; top:0; left:0; width:100%; height:100%; }
	.subBoard { position:absolute; top:0; left:72px; width:calc(100% - 72px); min-height:100%; padding:180px 36px 100px 36px;}
	.portBoard { position:absolute; top:0; left:72px; width:calc(100% - 72px); min-height:100%; padding:140px 36px 100px 36px; }
	.contactBoard { position:absolute; top:0; left:72px; width:calc(100% - 72px); min-height:100%; padding:0; display:flex; justify-content:row; flex-wrap: wrap; }
	.menuBG { display:none; }

}

/* works */
.portSort { display:flex; flex-flow: row wrap; margin-bottom:30px; }
.button { display: inline-block; padding: 5px 3px; margin:8px; font-size:15px; font-family: engBold, korBold; color:#111; }
.button:enabled { cursor: pointer;}
.button.is-checked,.button.is-selected,.portSort a.active{background: linear-gradient(to top, #fff441 50%, transparent 50%);}

.portList {display:flex; flex-flow: row wrap;}
.portList li {margin-bottom:50px; margin-right:4%; width:260px; background-color:#fff; display:flex; flex-direction:column; padding-bottom:15px; cursor: pointer; }
.portList li a { display:flex; flex-flow: column wrap; color:#111; width:100%; }
.portList li .client { text-align:left; width:100%; padding:15px 15px 0; font-family:engSemi, korBold; font-size:12px; line-height:16px; }
.portList li .project { text-align:left; width:100%; padding:8px 15px 0; font-family:engMed, korMed; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.portList li .cover { position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:10; opacity:.3; transition: all 0.3s ease; background-color:#333; color:#fff; font-size:14px; text-align:center; padding-top:47%; }
.portList li:hover .cover { opacity:0; }
.portList li .portBox { position:relative; width:100%; height:0; overflow:hidden; padding-bottom:100%; }
.portList li .portBox span.portBG { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover !important; transition: all .5s;}
.portList li:hover span.portBG { transform: scale(1.05);}


#overlay_t { background-color: #000; bottom: 0; left: 0; opacity: 0.5; filter: alpha(opacity = 50); /* IE7 & 8 */ position: fixed; right: 0; top: 0; z-index: 10000; display:none; cursor:pointer; } 
#layerPopup { display:none; position:fixed; top:0; right:0; bottom:0; z-index:10000; margin-left:144px; width:calc(100% - 144px); overflow-y:auto; }

.closeBtn {position:fixed; right:50px; top:30px; text-indent:-10000em; width:50px; height:50px; background:url('../images/common/icon_close.svg')no-repeat left top; display:block; }
.popInfo {padding:72px 72px 36px 92px; display:flex; flex-direction: column; font-family:engBold, korBold; color:#111; }
.popInfo .category {font-family:engBold, korBold;font-size:18px; margin-bottom:30px; font-family:engBold, korBold;}
.popInfo .client {font-family:engBold, korBold;font-size:16px; margin-bottom:10px; }
.popInfo .project {font-family:engBold, korBold;font-size:24px; line-height:32px; margin-bottom:24px; }
.popInfo .link {font-family:engMed, korMed;font-size:16px; color:#999; }

.popView {width:100%; text-align:center; }
.popView img {width:100%; max-width:1000px; }

@media all and (max-width : 1399px) { 
	.portList li { width:27%; margin-right:6.33%; }
}
@media all and (max-width : 1023px) { 
	.portList li { width:45%; margin-right:5%; }
}
@media all and (max-width : 768px) { 
	.portSort { display:flex; flex-flow: column wrap; }
	.button { display: inline-block; padding: 5px 5px; margin:0 0 3px 0; font-size:14px; font-family: engBold, korBold; text-align:left; }
	.button:enabled { cursor: pointer;}
	.button.is-checked,.button.is-selected{background: linear-gradient(to top, #fff441 50%, transparent 50%);}
	.portList { width:100%; display:flex; flex-flow: column wrap; }
	.portList li { width:100%; margin-bottom:30px; margin-right:6.33%; background-color:#fff; display:flex; flex-direction:column; padding-bottom:15px; }
	.portList li .cover {display:none; }
	.portList li .portBox { position:relative; width:100%; height:0; overflow:hidden; padding-bottom:100%; }
	.portList li .portBox span.portBG { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover !important; transition: all .5s;}

	#layerPopup { display:none; position:fixed; top:0; right:0; z-index:10000; margin-left:0; background-color:#fff; height:100%; width:100%; overflow-y:auto; }
	#layer1 { display:none; position:absolute; top:0; right:0; z-index:10000; margin-left:144px; height:100%; width:100%; overflow-y:auto; } 
	.closeBtn {position:fixed; right:20px; top:20px; text-indent:-10000em; width:30px; height:30px; background:url('../images/common/icon_close.svg')no-repeat left top; display:block; }
	.popInfo {padding:36px 0 36px 36px; display:flex; flex-direction: column; font-family:engBold, korBold; color:#111; }
	.popInfo .category {font-family:engBold, korBold;font-size:18px; margin-bottom:30px; font-family:engBold, korBold;}
	.popInfo .client {font-family:engBold, korBold;font-size:18px; margin-bottom:10px; }
	.popInfo .prName {font-family:engBold, korBold;font-size:24px; margin-bottom:24px; }
	.popInfo .project {font-family:engMed, korMed;font-size:16px; line-height:22px; margin-bottom:24px; }
	.popInfo .link {font-family:engMed, korMed;font-size:16px; color:#999; }

	.popView {width:100%; text-align:center; padding:20px; }
	.popView img {width:100%; max-width:1000px; }
}

/* about */
p.eTitB { font-family:engBold, korBold; font-size:64px; letter-spacing:-1px; margin-bottom:30px; }
p.eTit {font-family:engBold, korBold; font-size:28px; line-height:28px; letter-spacing:-1px; margin:0 0 20px 3px; }
p.eTits {font-family:engBold, korBold; font-size:20px; line-height:28px; letter-spacing:-.5px; margin:0 0 10px 3px; }
p.kTit {font-family:engBold, korBold; font-size:18px; line-height:38px; letter-spacing:-.5px; margin:0 0 10px 3px; }
p.kTxt { font-family:engReg, korReg; font-size:18px; line-height:32px; letter-spacing:-.5px; margin-left:3px; }
.tag { font-size:16px; margin:0 0 10px 3px; font-family:engMed, korMed; }
.underline { background: linear-gradient(to top, #fff441 50%, transparent 50%); font-family:'korBold'; }

.bizList { display:flex; flex-flow:row wrap; text-align:center; }
.bizList > li { margin-right:50px; }
.bizList > li > span { display:block; width:160px; height:160px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:engBold, korBold; font-size:13px; color:#fff; }
.bizList > li > ul { margin-top:20px; }
.bizList > li > ul > li {font-family:engMed, korMed;font-size:14px; line-height:20px; }

@media all and (max-width : 1200px) { 
	p.eTitB { font-size:58px; margin-bottom:30px; letter-spacing:-2px; }
	.bizList > li > span { display:block; width:130px; height:130px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:engBold, korBold; font-size:13px; color:#fff; }
}

@media all and (max-width : 768px) { 
	.bizList { display:flex; flex-flow:row wrap; text-align:left; }
	.bizList > li { margin-right:0; width:100%;text-align:left; }
	.bizList > li > span { display:block; width:100%; height:30px; border-radius:50%; background-color:transparent; display:flex; align-items:center; justify-content:space-between; font-family:engBold, korBold; font-size:16px; color:#6746e1; }
	.bizList > li > ul { margin-top:5px; margin-bottom:20px; }
	.bizList > li > ul > li { font-family:'korMed'; font-size:14px; line-height:20px; }

	p.eTitB { font-size:42px; margin-bottom:20px; letter-spacing:-2px; }
	p.eTit { font-size:20px; line-height:28px; letter-spacing:-1px; margin:0 0 10px 3px; }
	p.eTits { font-size:16px; line-height:28px; letter-spacing:-.5px; margin:0 0 10px 3px; }
	p.kTit { font-size:18px; line-height:24px; letter-spacing:-.5px; margin:0 0 10px 3px; }
	p.kTxt { font-size:14px; line-height:20px; letter-spacing:-.5px; margin-left:3px; }
	.tag {font-size:14px; line-height:20px; margin:0 0 10px 3px; font-family:engMed, korMed; }
 }

/* Contact */
.mapBox { width:50%; height:100vh; animation-name:fadeIn; animation-duration: 2s; animation-delay: 2s; animation-iteration-count: 1; animation-fill-mode:backwards; }
.mapInfo { width:50%; padding:242px 0 100px 72px; }


@media all and (max-width : 768px) { 
	.mapBox { width:100%; height:300px; }
	.mapInfo { width:100%; padding:32px; margin-bottom:72px; }
}

/* Common */
.mgb10 { margin-bottom:10px; }
.mgb20 { margin-bottom:20px; }
.mgb30 { margin-bottom:30px; }
.mgb50 { margin-bottom:50px; }
.mgb80 { margin-bottom:80px; }
.mgb100 { margin-bottom:100px; }

@media all and (max-width : 1400px) { 
	.mgb30 { margin-bottom:15px; }
	.mgb50 { margin-bottom:20px; }
	.mgb80 { margin-bottom:30px; }
	.mgb100 { margin-bottom:50px; }

 }

@media all and (max-width : 768px) { 
	.mgb30 { margin-bottom:15px; }
	.mgb50 { margin-bottom:20px; }
	.mgb80 { margin-bottom:30px; }
	.mgb100 { margin-bottom:50px; }

 }
.pcBreak {display:""; }
.pcOnly { display:block; }
.spOnly { display:none; }
.tabOnly { display:none; }
.mOnly { display:none; }

@media all and (max-width : 1400px) { 
	.pcOnly { display:none; }
	.spOnly { display:block; }
	.tabOnly { display:none; }
	.mOnly { display:none; }
 }

@media all and (max-width : 1200px) { 
	.pcOnly { display:none; }
	.spOnly { display:none; }
	.tabOnly { display:block; }
	.mOnly { display:none; }
 }

 @media all and (max-width : 768px) { 
	.pcOnly { display:none; }
	.spOnly { display:none; }
	.tabOnly { display:none; }
	.mOnly { display:block; }
 }