@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css2?family=Lato);
@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css);

@font-face {
	font-family:NanumGothic;
	src:local(※), 
		url('/img/font/NanumGothic.woff') format('woff');
}
@font-face {
	font-family:NanumGothicBold;
	src:local(※), 
		url('/img/font/NanumGothicBold.woff') format('woff');
}
@font-face {
	font-family:NanumMyeongjo;
	src:local(※), 
		url('/img/font/NanumMyeongjoExtraBold.woff') format('woff');
}
@font-face {
	font-family:NanumExtra;
	src:local(※), 
		url('/img/font/NanumExtraBold.woff') format('woff');
}
@font-face {
	font-family:NotoSansKR-Regular;
	src:local(※), 
		url('/img/font/NotoSansKR-Regular.woff') format('woff');
}
@font-face {
	font-family:NotoSansKR-Medium;
	src:local(※), 
		url('/img/font/NotoSansKR-Medium.woff') format('woff');
}
@font-face {
	font-family:NotoSansKR-Bold;
	src:local(※), 
		url('/img/font/NotoSansKR-Bold.woff') format('woff');
}
@font-face {
	font-family:NanumSquareR;
	src:local(※), 
		url('/img/font/NanumSquareR.woff') format('woff');
}
@font-face {
	font-family:NanumSquareB;
	src:local(※), 
		url('/img/font/NanumSquareB.woff') format('woff');
}
@font-face {
	font-family:NanumSquareEB;
	src:local(※), 
		url('/img/font/NanumSquareEB.woff') format('woff');
}

* {
    box-sizing:border-box;	
    padding:0;
    margin:0;
	font-family:Noto Sans KR, Noto Sans, NotoSansKR-Regular;
}
html, body { 
	width:100%;
	font-weight:400;
}
ol, ul {
    list-style:none;
}
a {
    text-decoration:none;
}
img {
    border:0;
}
html,
body,
a,
button {
    letter-spacing:-.5px;
	color:#2b2b2b;
	font-weight:400;
	word-break:keep-all;
}
input,
textarea {
    padding:5px;
}
input[type=file] {
    padding:0;
}
button,
input[type=button] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
table {
    border-collapse:collapse;
}
.flot-left,
dt {
    float:left;
}
.flot-right,
dd {
    float:right;
}
ul:after,
dl:after,
.after:after {
    content:"";
    clear:both;
    display:block;
}
a,
label,
span {
    display:inline-block;
}
input::-webkit-input-placeholder {
    font-size:12px;
}
input:focus::-webkit-input-placeholder {
    color:transparent!important;
}
input:focus::-moz-placeholder {
    color:transparent!important;
}
input:focus:-moz-placeholder {
    color:transparent!important;
}
textarea {
    width:100%;
    resize:none;
}
.eng { 
	font-family:"Pretendard";
}
.fontLato { 
	font-family:"Lato";
}
/* 공통 시작
------------------------------------------------------ */
.table {
    display:table;
}
.table-cell {
    display:table-cell;
    vertical-align:middle;
}
.Ellipsis {
	white-space:nowrap;
	text-overflow:ellipsis; 
	overflow:hidden;
	word-wrap:normal;
	margin-top:1px;
	vertical-align:middle;
	padding-right:1px;
}
@keyframes blink {
    0% {
        opacity:1;
    }
   50% {
        opacity:0;
    }
}
@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
       opacity:0;
    }
}
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
       opacity:0;
    }
}
@keyframes bg-change {
    0% {
        background:#fff;
    }
   50% {
       background-color:#ffec50;
    }
}
@-webkit-keyframes bg-change {
    0% {
        background:#fff;
    }
   50% {
       background-color:#ffec50;
    }
}
@-ms-keyframes bg-change {
    0% {
        background:#fff;
    }
   50% {
       background-color:#ffec50;
    }
}
.frm_box {
	width:70%;
}
.bg-change {
	animation:bg-change 1.2s step-end infinite;
    -webkit-animation:bg-change 1.2s step-end infinite;
	-ms-animation:bg-change 1.2s step-end infinite;
}
.blink {
    animation:blink 1.2s step-end infinite;
    -webkit-animation:blink 1.2s step-end infinite;
	-ms-animation:blink 1.2s step-end infinite;
}
.inner {
	position:relative;
	width:100%;
	max-width:1200px;
	margin:auto;
}
.head_area {
	width:100%;
	background:#fff;
}
.head_area.onFixed { 
	position:fixed;
	left:0;
	top:0;
	z-index:97;
}
header { 
	padding:20px 0 0;
}
header .inner { 
	display:flex;
	justify-content:space-between;
	align-items:center;
}
header .logo { 
	font-size:0;
}
header .logo > * { 
	display:inline-block; 
	vertical-align:middle; 
}
header .mobile_btn {
	position:absolute; 
	display:none;
	top:50%;
	right:15px;
	transform:translateY(-50%);
	border:none;
	background:transparent;
}
header .mobile_btn .line {
	display:block;
	width:20px;
	height:3px;
	margin:5px;
	background-color:#222;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
header .logo a:hover {
	opacity:0.5;
}
header .menu {
	text-align:right;
}
header ul {
	font-size:0;
}
header li {
	display:inline-block;
}
header .rolling {
	width:598px;
	height:25px !important;
	margin:auto;
	padding-left:5px;
	border:1px solid #eee;
	overflow:hidden;
}
header .rolling.kmong {
	width:450px;
}
header .rolling li {
	display:block;
	vertical-align:middle;
	width:100%;
	height:25px !important;
	line-height:25px;
	padding:0 5px !important;
	color:#444;
	text-align:left;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	word-wrap:normal;
}
header .gnb .mobileSch { 
	position:relative; 
	display:none;
	padding:22px 25px;
	border-bottom:1px solid #e0e0e0;
	text-align:left;
}
header .gnb .mobileSch .mobileLogo { 
	margin:0 0 10px; 
}
header .gnb .mobileSch .mobileLogo img { 
	width:168px; 
}
header .gnb .mobileSch .mSchClose { 
	position:absolute; 
	width:30px;
	height:30px;
	right:25px;
	top:20px;
	border:none;
	background:transparent;
}
header .gnb .mobileSch .mSchClose:before,
header .gnb .mobileSch .mSchClose:after { 
	content:"";
	position:absolute; 
	display:block; 
	width:22px;
	height:2px;
	left:50%;
	top:50%;
	margin:-1px 0 0 -11px;
	background:#9e9e9e;
}
header .gnb .mobileSch .mSchClose:before { 
	transform:rotate(45deg); 
}
header .gnb .mobileSch .mSchClose:after { 
	transform:rotate(-45deg); 
}
header .gnb .mobileLogoTxt { 
	margin:0 0 10px;
}
header .gnb .mobileLogoTxt .tit { 
	margin:0 0 5px;
	font-weight:700;
	font-size:16px;
	line-height:1.4;
	color:#212121;
}
header .gnb .mobileLogoTxt .sTit { 
	font-size:14px;
	line-height:1.2;
	color:#9e9e9e;
}
header .gnb .hSnsLst { 
	margin:0 0 22px;
}
header .gnb .hSnsLst li { 
	margin:0 16px 0 0;
}
header .gnb .hSnsLst li a { 
	position:relative; 
	display:flex;
	align-items:center;
	font-size:12px;
	line-height:1;
	color:#212121;
	font-weight:700;
}
header .gnb .hSnsLst li a .ico { 
	display:flex;
	justify-content:center;
	align-items:center;
	width:20px;
	height:20px;
	margin:0 3px 0 0;
	font-size:0;
}
header .gnb .hSnsLst li a .ico img { 
	display:block; 
	width:100%;
}
header .gnb .hSnsLst li a .mTxt { 
	display:none;
	font-weight:500;
	color:#9e9e9e;
}
header .gnb .hSnsLst li.hSch { 
	position:relative; 
}
header .gnb .hSnsLst li.hSch input { 
	padding:8px 30px 8px 13px;
	border-radius:30px;
	border:1px solid #ec331b;
	outline:none;
	font-size:16px;
	line-height:1;
	color:#9e9e9e;
}
header .gnb .hSnsLst li.hSch input::placeholder { 
	font-size:16px;
	color:#9e9e9e;
}
header .gnb .hSnsLst li.hSch .hSchBtn { 
	position:absolute;
	display:flex; 
	align-items:center; 
	justify-content:center; 
	width: 28px;
	height:28px;
	top:50%;
	right:10px;
	margin:-14px 0 0;	
	border:none;
	background:transparent;
	cursor:pointer;
}
header .gnb .hSnsLst li.hSch .hSchBtn img { 
	width:18px;
}
header .gnb .hSnsLst li:last-child { 
	margin-right:0;
}
header .gnb .hMenu li {
	position:relative;
	padding:0 35px;
}
header .gnb .hMenu li:after { 
	content:"";
	position:absolute;
	display:block;
	width:2px;
	height:14px;
	right:0;
	top:8px;
	background:#e5e5e5;
}
header .gnb .hMenu li a { 
	padding:0 0 20px;
	color:#212121;
	text-align:center;
	font-size:18px;
	font-weight:700;
	transition:all .3s ease;
	border-bottom:2px solid transparent;
}
header .gnb .hMenu li a:hover, 
header .gnb .hMenu li a:focus { 
	color:#ec331b;
	border-bottom-color:#ec331b;
}
header .gnb .hMenu li:first-child { 
	padding-left:0; 
}
header .gnb .hMenu li:last-child { 
	padding-right:0; 
}
header .gnb .hMenu li:last-child:after { 
	display:none;
}
#mobile_btn.is-active {
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
}
#mobile_btn.is-active .line:nth-child(2) {
	-webkit-transition:none;
	-o-transition:none;
	transition:none;
}
#mobile_btn .line:nth-child(2) {
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	transition-delay:0.3s;
}
#mobile_btn.is-active .line:nth-child(2) {
	opacity:0;
}
#mobile_btn.is-active .line:nth-child(1),
#mobile_btn.is-active .line:nth-child(3) {
	width:20px;
	-webkit-transform-origin:right;
	-moz-transform-origin:right;
	-ms-transform-origin:right;
	-o-transform-origin:right;
	transform-origin:right;
}
#mobile_btn.is-active .line:nth-child(1) {
	-webkit-transform:translateY(15px) rotate(45deg);
	-ms-transform:translateY(15px) rotate(45deg);
	-o-transform:translateY(15px) rotate(45deg);
	transform:translateY(15px) rotate(45deg);
}
#mobile_btn.is-active .line:nth-child(3) {
	-webkit-transform:translateY(-15px) rotate(-45deg);
	-ms-transform:translateY(-15px) rotate(-45deg);
	-o-transform:translateY(-15px) rotate(-45deg);
	transform:translateY(-15px) rotate(-45deg);
}
.search_area {
	position:relative;
	padding:10px 35px 9px 10px;
	border:1px solid #ec331b;
	border-radius:20px;
}
.search_area form { 
	font-size:0; 
}
.search_area input { 
	width:100%;
	padding:0;
	border:none; 
	outline:none;
	font-size:18px;
	line-height:1.2;
	letter-spacing:-.05em;
}
.search_area input::placeholder { 
	color:#9e9e9e;
	font-size:18px;
	line-height:1.2;
	letter-spacing:-.05em;
}
.search_area .icoSch { 
	position:absolute; 
	display:block; 
	right:28px;
	top:50%;
	transform:translateY(-50%);
	border:none;
	background:transparent;
	font-size:0;
	cursor:pointer;
}
.gnb .search_area .icoSch { 
	right:10px; 
}
.gnb .search_area input, 
.gnb .search_area input::placeholder {
	font-size:14px;
}
.backcover {
	position:fixed;
	display:none;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.85);
	z-index:97;
}
.backcover.open {
	display:block;
}
.fAskWr { 
	position:fixed; 
	width:100%;
	bottom:0;
	left:0;
	z-index:10;
}
.fAskWr .fAskOnOff { 
	position:absolute; 
	display:flex;
	justify-content:center;
	align-items:center;
	width:128px;
	height:34px;
	left:50%;
	bottom:calc(100% - 1px);
	margin:0 0 0 -64px;
	border-radius:7px 7px 0 0;
	border:1px solid #ccc;
	border-bottom:none;
	background:#fafafa;
	box-shadow:0 -4px 7px 0 rgba(0,0,0,.1);
	cursor:pointer;
}
.fAskWr .fAskOnOff .txtArea { 
	position:relative; 
	padding:0 20px 0 0;
}
.fAskWr .fAskOnOff .txtArea:after { 
	content:"";
	position:absolute; 
	display:block; 
	width:8px;
	height:8px;
	right:0;
	top:50%;
	margin:-6px 0 0;
	transform:rotate(225deg);
	border-top:2px solid #9e9e9e;
	border-left:2px solid #9e9e9e;
	transition:all .3s ease;
}
.fAskWr .fAskOnOff .txtArea span { 
	font-size:18px;
	line-height:1;
	color:#9e9e9e;
	font-weight:700;
}
.fAskWr .fAskOnOff .txtArea .textOn { 
	color:#ec331b; 
	display:none; 
}
.fAskWr .fAskOnOff .txtArea .textOff { 
	display:block; 
}
.fAskWr .fAskCon { 
	display:block; 
	padding:20px 0;
	border-top:1px solid #ccc;
	background:#fafafa;
	box-shadow:5px 4px 20px 0 rgba(0,0,0,.3);
}
.fAskWr .fAskCon .inner { 
	padding:0 0 0 310px;
}
.fAskWr .fAskCon .inner .imgBox { 
	position:absolute;
	width:290px;
	max-width:100%;
	height:100%;
	left:0;
	top:0;
	background:url(/img/fAskImg.png) no-repeat;
	background-size:cover;
	font-size:0;
}
.fAskWr .fAskCon .inner .imgBox a { 
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	padding:0 24px;
}
.fAskWr .fAskCon .inner .imgBox a .eng { 
	position:relative; 
	display:block; 
	color:#fff; 
	font-weight:600;
	font-size:26px;
	line-height:1.46;
	letter-spacing:-.1em;
}
.fAskWr .fAskCon .inner .imgBox a .eng em { 
	font-style:normal;
	color:#EC331B;
}
.fAskWr .fAskCon .inner .imgBox a .eng .arrow { 
	position:absolute; 
	display:block; 
	width:25px;
	height:25px;
	right:0;
	bottom:5px;
	border-radius:50%;
	border:1px solid #fff;
}
.fAskWr .fAskCon .inner .imgBox a .eng .arrow:before { 
	content:"";
	position:absolute; 
	display:block;
	width:8px;
	height:8px;
	left:50%;
	top:50%;
	margin:-5px 0 0 -6px;
	transform:rotate(-45deg);
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
.fAskWr .fAskCon .inner .conBox { 
	position:relative; 
	padding:0 230px 0 0;
}
.fAskWr .fAskCon .fAskSwipe { 
	display:none; 
	height: 45px;
	margin:0 0 10px;
	font-size:0;
	overflow:hidden;
}
.fAskWr .fAskCon .fAskSwipe .swiper-slide { 
	padding:10px;
	background:#fff;
	border:1px solid #ccc; 
}
.fAskWr .fAskCon .fAskSwipe .swiper-slide .fasConBox { 
	position:relative; 
	padding:0 40px 0 35px;
}
.fAskWr .fAskCon .fAskSwipe .swiper-slide .fasConBox:before { 
	content:"";
	display:inline-block;
	vertical-align:middle; 
	min-height: 23px;
	font-size:0;
}
.fAskWr .fAskCon .fAskSwipe .swiper-slide .fasConBox .area { 
	position:absolute; 
	left:0;
	top:0;
	padding:1px 3px 2px;
	background:#9e9e9e;
	font-size:14px;
	color:#fff;
	font-weight:500;	 
}
.fAskWr .fAskCon .fAskSwipe .swiper-slide .fasConBox .price { 	
	display:inline-block; 
	max-width:calc(100% - 20px);
	margin:0;
	padding:0;
	font-size:15px;
	line-height:1.2;
	color:#212121;
	font-weight:500; 
}
.fAskWr .fAskCon .fAskSwipe .swiper-slide .fasConBox .new { 
	display:inline-block; 
	vertical-align:middle; 
	width:14px;
	height:14px;
	margin:0 0 0 6px;
	border-radius:50%;
	background:#ec331b;
	font-size:8px;
	text-indent:-1px;
	line-height:14px;
	color:#fff;
	text-align:center;
	animation:imgEffect .3s ease-in infinite alternate;
}
.fAskWr .fAskCon .fAskSwipe .swiper-slide .fasConBox .date { 
	position:absolute; 
	top:3px;
	right:0;
	font-size:14px;
	line-height:1.2;
	color:#9e9e9e;
}
.fAskWr .fAskCon .inner .conBox .inputLst { 
	display:flex; 
	flex-wrap:wrap;
	margin:0 0 4px;
}
.fAskWr .fAskCon .inner .conBox .inputLst > li { 
	width:49%;
	margin:4px 2% 0 0;
}
.fAskWr .fAskCon .inner .conBox .inputLst > li input,
.fAskWr .fAskCon .inner .conBox .inputLst > li select { 
	width:100%; 
	height:100%;
	padding:6px 10px;
	border:1px solid #e0e0e0;
	font-size:16px;
	line-height:1.2;
	color:#8c8c8c;
}
.fAskWr .fAskCon .inner .conBox .inputLst > li input::placeholder { 
	font-size:16px;
	line-height:1.2;
	color:#8c8c8c;	 
}
.fAskWr .fAskCon .inner .conBox .inputLst > li:nth-child(-n+2) { 
	margin-top:0;
}
.fAskWr .fAskCon .inner .conBox .inputLst > li:nth-child(2n) { 
	margin-right:0;
}
.fAskWr .fAskCon .inner .conBox .fAskSm { 
	position:absolute; 
	display:flex;
	align-items:center;
	justify-content:center;
	width:223px;
	height:calc(100% - 24px);
	right:0;
	top:0;
	padding:10px;
	border:none;
	background:#ec331b;
	color:#fff;
	font-size:20px;
	line-height:1.2;
}
.fAskWr .fAskCon .inner .conBox .chkBox { 
	position:relative; 
	padding:0 0 0 23px;
	font-size:0;
}
.fAskWr .fAskCon .inner .conBox .chkBox .askChk {
	position:absolute;
	width:18px;
	height:18px;
	left:0;
	top:0;
	border:1px solid #ccc;
	border-radius:3px;
	background:#fafafa;
	accent-color:#ec331b;
	cursor:pointer;
}
.fAskWr .fAskCon .inner .conBox .chkBox label { 
	font-size:16px;
	line-height:1.2;
	color:#9e9e9e;
	font-weight:500;
}
.fAskWr.off .fAskOnOff .txtArea:after { 
	border-color:#ec331b;	 
}
.fAskWr.off .fAskOnOff .txtArea .textOn { 
	display:block; 
}
.fAskWr.off .fAskOnOff .txtArea .textOff { 
	display:none; 
}
.fAskWr.off .fAskOnOff .txtArea:after { 
	margin:-2px 0 0;
	transform:rotate(45deg);
}
.fAskWr.off .fAskCon { 
	display:none; 
}
footer {
	padding:40px 0;
	background:#292929;
	z-index:96;
}
footer .inner { 
	display:flex;
	align-items:center;
	gap:140px;
}
footer .fCon .fInfo { 
	display:flex;
	flex-wrap:wrap;
	margin:0 0 10px;
}
footer .fCon .fInfo > li { 
	position:relative; 
	margin:0 12px 10px 0;
	padding:0 12px 0 0;
	color:#fff;
	font-size:14px;
	line-height:1.2;
}
footer .fCon .fInfo > li:after { 
	content:"";
	position:absolute; 
	display:block; 
	width:1px;
	height:8px;
	right:0;
	top:50%;
	margin:-4px 0 0;
	background:#696969;
}
footer .fCon .fInfo > li:last-child:after { 
	display:none; 
}
footer .fCon .fInfo > li span { 
	margin:0 8px 0 0;
	color:#939393; 
}
footer .fCon .fCopy { 
	font-size:14px; 
	color:#727272
}
/* -------- 실시간 개발 상담 시작 -------- */
.adviceLiveWr { 
	position:fixed;
	width:237px;
	left:10px;
	bottom:20px;
	line-height:1.2;
	letter-spacing:-.03em;
	overflow:hidden;
	transition:all .5s ease;
	z-index:10;
}
.adviceLiveWr .tit { 
	padding:15px 10px 14px 18px;
	background:#212121;
	border-radius:10px 10px 0 0;
	font-family: 'Pretendard-SemiBold';
	font-size:14px;
	color:#fff;
	font-weight:600;
}
.adviceLiveWr .lstBox { 
	max-height:325px;
	background:#fff;
	border:1px solid #ccc;
	border-top:none;
	overflow-y:scroll;
}
.adviceLiveWr .lstBox::-webkit-scrollbar { 
	display:none; 
}
.adviceLiveWr .lstBox > ul > li { 
	padding:11px 18px;
	border-bottom:1px solid #ccc; 
}
.adviceLiveWr .lstBox > ul > li .infoBox { 
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0 0 9px;
	font-size:12px;
	color:#9e9e9e;
}
.adviceLiveWr .lstBox > ul > li .infoBox .useInfo { 
	display:flex;
	align-items:center;
}
.adviceLiveWr .lstBox > ul > li .infoBox .useInfo .area { 
	padding:1px 3px 2px;
	margin:0 5px 0 0;
	background:#9e9e9e;
	font-family: 'Pretendard-SemiBold';
	color:#fff;
	font-weight:500;
}
.adviceLiveWr .lstBox > ul > li .infoBox .useInfo .num,
.adviceLiveWr .lstBox > ul > li .infoBox .date { 
	font-family: 'Pretendard-Regular';
}
.adviceLiveWr .lstBox > ul > li .conBox { 
	display:flex; 
	align-items:center; 
	font-size:0;
}
.adviceLiveWr .lstBox > ul > li .conBox .price { 
	display:inline-block; 
	max-width:calc(100% - 20px);
	margin:0;
	padding:0;
	font-family: 'Pretendard', sans-serif;
	font-size:13px;
	line-height:1.2;
	color:#212121;
	font-weight:500;
}
.adviceLiveWr .lstBox > ul > li .conBox .new { 
	display:inline-flex;
	justify-content:center; 
	align-items:center; 
	width:14px;
	height:14px;
	margin:0 0 0 6px;
	border-radius:50%;
	background:#ec331b;
	font-size:8px;
	line-height:1;
	color:#fff;
	text-align:center;
	animation:imgEffect .3s ease-in infinite alternate;
}
.adviceLiveWr .callBox a { 
	position:relative; 
	box-sizing:border-box;
	display:block;
	padding:13px 10px 13px 63px;
	border-radius:0 0 10px 10px;
	background: #9E9E9E;
	font-size:0;
	overflow:hidden;
}
.adviceLiveWr .callBox a span { 
	display:block;
	color:#fff;
	line-height:1;
}
.adviceLiveWr .callBox a .callIco { 
	position:absolute; 
	top:50%;
	left:20px;
	transform:translateY(-50%);
}
.adviceLiveWr .callBox a .callIco img { 
	max-width: 100%; 
}
.adviceLiveWr .callBox a .callTit { 
	margin:0 0 7px;
	font-weight:500;
	font-size:12px;
}
.adviceLiveWr .callBox a .callNum { 
	font-family: "Pretendard-Bold";
	font-size:20px;
}
/* -------- 실시간 개발 상담 끝  -------- */
/* -------- 카카오톡 실시간 상담 리뉴얼 네비 시작 -------- */
.kakaoLiveWr { 
	position:fixed;
	width:140px;
	right:0;
	bottom:20px;
	line-height:1.2;
	letter-spacing:-.03em;
	text-align:center;
	transition:all .5s ease;
	z-index:96;
}
.kakaoLiveWr .tit { 
	padding:13px 10px;
	border-radius:10px 0 0 0;
	background:#212121;
	font-size:15px;
	color:#fff;
	font-weight:600;
}
.kakaoLiveWr .lst { 
	border:1px solid #ccc;
	background:#fff;
}
.kakaoLiveWr .lst:after { 
	display:none; 
}
.kakaoLiveWr .lst > li { 
	padding:17px 10px;
	border-bottom:1px solid #ccc;
}
.kakaoLiveWr .lst > li a,
.kakaoLiveWr .lst > li a span { 
	display:block; 
}
.kakaoLiveWr .lst > li a .imgBox { 
	display:flex; 
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	margin:0 auto 8px;
}
.kakaoLiveWr .lst > li a .imgBox img { 
	display:block; 
	width:100%;
}
.kakaoLiveWr .lst > li a .imgBox.imgEffect img { 
	animation:imgEffect .3s ease-in infinite alternate;
}
@keyframes imgEffect { 
	from { 
		opacity:1; 
	}
	to { 
		opacity:0; 
	}
}
.kakaoLiveWr .lst > li a .txtBox { 
	font-size:15px;
	font-weight:700;
	color:#212121;
}
.kakaoLiveWr .lst > li a .callBox { 
	margin:5px 0 0;
	font-size:15px; 
	font-weight:700;
	color:#212121;
	letter-spacing:.025em;
}
.kakaoLiveWr .lst > li:last-child { 
	border-bottom:none;
}
.kakaoLiveWr .goTop { 
	position:relative;
	width:100%;
	padding:35px 10px 10px;
	border:none;
	border-radius:0 0 0 10px;
	background:#9e9e9e;
	cursor:pointer;
	transition:all .3s ease;
}
.kakaoLiveWr .goTop:before { 
	content:"";
	position:absolute; 
	display:block; 
	width:10px;
	height:10px;
	left:50%;
	top:20px;
	margin:0 0 0 -5px;
	transform:rotate(45deg);
	border-left:3px solid #fff;
	border-top:3px solid #fff;
}
.kakaoLiveWr .goTop .eng { 
	font-size:15px;
	color:#fff; 
}
.kakaoLiveWr .goTop:hover,
.kakaoLiveWr .goTop:focus { 
	background:#212121; 
}
/* -------- 카카오톡 실시간 상담 리뉴얼 네비 끝 -------- */
.container { 
	overflow:hidden; 
}
.detail_banner_wrap {
	padding:10px 0;
}
.detail_banner_wrap img {
	max-width:100%;
	margin:0 auto;
}
.detail_top_m {
	display:none;
}
.subTopBanner { 
	padding:95px 0 97px;
	margin:0 0 53px;
	text-align:center; 
}
.subTopBanner .tit { 
	display:inline-block; 
}
.subTopBanner .tit span { 
	position:relative; 
	display:block; 
	color:#fff;
	line-height:1.2;
	font-weight:500; 
	text-align:center;
}
.subTopBanner .tit span.kor { 
	padding:0 0 20px;
	margin:0 0 20px;
	font-size:38px;
}
.subTopBanner .tit span.kor:after { 
	content:"";
	position:absolute; 
	display:block; 
	width:45px;
	height:2px;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	background:#fff;
}
.subTopBanner .tit span.eng { 
	font-size:18px;
}
.subTit01 em,
.subTit02 em { 
	font-style:normal;
	color:#EC331B;
}
.subTit01 { 
	font-size:28px;
	line-height:1.5;
	font-weight:700;
	color:#212121;
	text-align:center;
}
.subTit01 span { 
	display:inline;
}
.subTit02 { 
	margin:0 0 60px;
	font-size:16px;
	line-height:1.6;
	color:#424242;
	font-weight:500;
	letter-spacing:-.06em;
	text-align:center;
}
.subTit02 span { 
	display:block;
}
.subTit01 + .subTit02 { 
	margin-top:11px;
}
.hp_box {
    display:table;
    width:100%;	
}
.hp_box > div {
	display:table-cell;
    width:calc(100% - 48px /3);
}
.hp_box > div.gol_s {
	width:24px;
    border:0;
    vertical-align:middle;
    text-align:center;
}
.hp_box > div input {
    width:100% !important;
	text-align:center;
}
.btn_box.table-w th {
	background:none;
}
@media (max-width:1750px) { 
	.adviceLiveWr { 
		width:180px; 
	}
	.adviceLiveWr .tit { 
		padding:14px 10px;
	}
	.adviceLiveWr .lstBox { 
		max-height: 306px; 
	}
	.adviceLiveWr .lstBox > ul > li { 
		padding:10px;
	}
	.adviceLiveWr .lstBox > ul > li .infoBox { 
		flex-wrap:wrap; 
		gap:5px;
		margin:0 0 5px;
	}
	.adviceLiveWr .callBox a { 
		padding:13px 10px 13px 45px;
	}
	.adviceLiveWr .callBox a .callIco { 
		width: 26px; 
		left:10px;
	}
	.adviceLiveWr .callBox a .callNum { 
		font-size:16px; 
	}
	.kakaoLiveWr .lst > li { 
		padding:13px 10px;
	}
}
@media (max-width:1499px) { 
	.adviceLiveWr .tit { 
		padding:10px;
	}
	.adviceLiveWr .lstBox { 
		max-height: 291px; 
	}
	.adviceLiveWr .callBox a { 
		padding:10px 10px 10px 40px;
	}
	.adviceLiveWr .callBox a .callIco { 
		width: 22px;
	}
	.kakaoLiveWr .tit { 
		padding:10px; 
	}
	.kakaoLiveWr .lst > li { 
		padding:10px;
	}
	.kakaoLiveWr .goTop { 
		padding:30px 10px 10px;
	}
	.kakaoLiveWr .goTop:before { 
		top:15px; 
	}
}
@media (max-width:1299px) {
	.inner {
		padding:0 15px;
	}
	header .logo img {
		width:237px;
	}
	header .rolling {
		width:490px;
	}
}
@media (max-width:1199px) { 
	.fAskWr .fAskCon .inner .imgBox { 
		width:279px; 
		left:15px;
	}
	.fAskWr .fAskCon .inner .imgBox a .eng { 
		font-size:24px; 
	}
	.fAskWr .fAskCon .inner .imgBox a .eng .arrow { 
		bottom:3px; 
	}
	.fAskWr .fAskCon .inner .conBox { 
		padding:0 190px 0 0;
	}
	.fAskWr .fAskCon .inner .conBox .fAskSm { 
		width:178px; 
	}
	footer .inner { 
		gap:80px; 
	}
	.search_area .icoSch { 
		right:15px; 
	}
}
@media (max-width:999px) { 	
	.kakaoLiveWr { 
		width:90px;
	}
	.kakaoLiveWr .tit,
	.kakaoLiveWr .lst > li a .txtBox,
	.kakaoLiveWr .lst > li a .callBox,
	.kakaoLiveWr .goTop .eng {
		font-size:13px; 
	}
	.kakaoLiveWr .lst > li a .imgBox { 
		margin:0 auto 5px;
	}
	.kakaoLiveWr .lst > li a .callBox { 
		margin:3px 0 0;
	}
	.fAskWr .fAskCon { 
		padding:10px 0;
	}
	.fAskWr .fAskCon .inner { 
		padding:0 0 0 270px;
	}
	.fAskWr .fAskCon .inner .imgBox { 
		width:244px;
	}
	.fAskWr .fAskCon .inner .imgBox a .eng { 
		font-size:20px; 
	}
	.fAskWr .fAskCon .inner .imgBox a .eng .arrow { 
		bottom:0; 
	}
	.fAskWr .fAskCon .inner .conBox { 
		padding:0;
		overflow:hidden;
	}
	.fAskWr .fAskCon .inner .conBox form > * { 
		float:left 
	}
	.fAskWr .fAskCon .inner .conBox .inputLst { 
		width:100%; 
		margin:0 0 2%;
	}
	.fAskWr .fAskCon .inner .conBox .chkBox { 
		width:60%;
		margin:0 2% 0 0;
	}
	.fAskWr .fAskCon .inner .conBox .fAskSm { 
		position:relative; 
		width:38%;
		right:auto;
		top:auto;
		font-size:18px;
	}
	footer {
		padding:30px 0;
	}
	footer .inner { 
		gap:40px; 
	}
	footer .fLogo img { 
		width:202px; 
	}
	.subTopBanner { 
		padding:70px 0;
		margin:0 0 50px;
	}
	.subTit02 { 
		margin:0 0 40px;
	}
	.subTit02 span { 
		display:inline; 
	}
	.adviceLiveWr { 
		display:none; 
	}
}
@media (max-width:992px) {
	header { 
		padding:15px 0; 
	}
	header .inner {
		justify-content:center;
		max-width:100%;
	}	
	header .logo {
		margin:15px 0 10px;
	}
	header .logo img {
		width:207px;
	}
	.bubble_zone {
		display:none !important
	}
	.container {
		margin-top:0px;
		-webkit-transition:all 250ms ease-in-out;
		-moz-transition:all 250ms ease-in-out;
		transition:all 250ms ease-in-out;
	}
	header .menu {
		position:fixed;
		display:block;
		width:320px;
		height:100%;
		right:-320px;
		top:0;
		background:#fefefe;
		transition:all .3s ease;
		z-index:99;
	}	
	header .gnb { 
		display:flex;
		flex-direction:column;
	} 
	header .gnb .mobileSch,
	header .gnb .hSnsLst { 
		padding:15px;
	}
	header .gnb .mobileSch { 
		display:block; 
	}
	header .gnb .hSnsLst { 
		order:3;
		display:flex; 
		flex-wrap:wrap; 
		gap:10px;
		margin:0;
		border-top:5px solid #ebebeb;
		text-align:left;
	}
	header .gnb .hSnsLst li { 
		width:calc((100% - 10px)/2);
		margin:0;
	}
	header .gnb .hSnsLst li a { 
		flex-wrap:wrap;
		justify-content:center;
		font-size:16px;
		line-height:1.2;
		text-align:center;
	}
	header .gnb .hSnsLst li a span { 
		display:block; 
		width:100%;
	}
	header .gnb .hSnsLst li a .ico { 
		width:70px; 
		height:70px;
		margin:0 0 5px;
		border-radius:50%;
		background:#f9f9f9;
	}
	header .gnb .hSnsLst li a .ico img { 
		max-width:60%;
	}
	header .gnb .hSnsLst li a .mTxt { 
		display:block;
	}
	header .gnb .hSnsLst li.hSch { 
		display:none; 
	}
	header .gnb .hMenu { 
		order:2;
		padding:0 15px;
		border-top:5px solid #ebebeb;
		border-bottom:1px solid #e0e0e0;
	}
	header .gnb .hMenu li {		
		display:block;
		width:100%;
		padding:0;
		border-bottom:1px solid #ccc;
		background:#fefefe;
	}
	header .gnb .hMenu li a {
		width:100%;
		padding:10px 0;
		border-bottom:none;
		font-size:16px;
		text-align:left;
	}
	header .gnb .hMenu li:after { 
		width:10px;
		height:10px;
		right:10px;
		top:50%;
		margin:-3px 0 0;
		transform:rotate(-45deg);
		background:transparent;
		border-bottom:2px solid #9e9e9e;
		border-right:2px solid #9e9e9e;
	}
	header .gnb .hMenu li:last-child { 
		border-bottom:none;
	}
	header .gnb .hMenu li:last-child:after { 
		display:block; 
	}
	header .mobile_btn {
		display:block;
	}
	header .menu.open {
		right:0;
	}
}
@media (max-width:767px) {
	footer { 
		padding:20px 0;
	}
	footer .inner { 
		flex-wrap:wrap; 
		gap:20px;
		text-align:center;
	}
	footer .inner > * { 
		width:100%;
	}
	footer .fCon .fInfo { 
		justify-content:center; 
	}
	.detail_top {
		display:none;
	}
	.detail_top_m {
		display:block;
	}
}
@media (max-width:610px) { 
	.subTopBanner { 
		padding:50px 0;
		margin:0 0 30px;
	}
	.subTopBanner .tit span.kor { 
		font-size:30px;
	}
	.subTit01 { 
		font-size:20px;
	}
	.subTit02 { 
		margin:0 0 15px;
	}
}
@media (max-width:599px) { 
	header { 
		padding:10px 0;
	}
	header .logo img { 
		width:178px; 
	}
	header .gnb .mobileSch .mSchClose { 
		right:15px;
		top:15px;
	}
	header .gnb .hSnsLst li a { 
		font-size:14px; 
	}
	.subTit01 { 
		font-size:18px; 
	}
	.subTit02 { 
		font-size:14px; 
	}
	.fAskWr .fAskCon .inner { 
		padding:0 15px;
	}
	.fAskWr .fAskCon .inner .imgBox { 
		position:relative; 
		width:100%;
		left:auto;
		top:auto;
		margin:0 auto 10px;
	}
	.fAskWr .fAskCon .inner .imgBox a { 
		padding:10px;
	}
	.fAskWr .fAskCon .inner .imgBox a .eng { 
		padding:0 25px 0 0;
		letter-spacing:0; 
	}
	.fAskWr .fAskCon .inner .imgBox a .eng .arrow { 
		width:20px;
		height:20px;
		bottom:auto;
		top:50%;
		margin:-10px 0 0;
	}
	.fAskWr .fAskCon .inner .imgBox a .eng .arrow:before { 
		width:6px; 
		height:6px;
		margin:-3px 0 0 -5px;
	}		
	.fAskWr .fAskCon .inner .conBox .fAskSwipe { 
		display:block; 
	} 
	footer .fLogo img { 
		width:177px; 
	}
}
@media (max-width:499px) { 
	.fAskWr .fAskCon .inner .conBox .chkBox { 
		width:100%; 
		margin:0 0 10px;
	}
	.fAskWr .fAskCon .inner .conBox .fAskSm { 
		width:100%;
		padding:12px 10px;
	}
	.kakaoLiveWr { 
		width:auto; 
		right:10px;
	}
	.kakaoLiveWr .lst { 
		background:transparent;
		border:none;
	}
	.kakaoLiveWr .lst > li { 
		width:62px;
		height:62px;
		margin:0 0 10px;
		background:#fff;
		border-radius:50%;
		border:1px solid #ccc;
	}
	.kakaoLiveWr .tit,
	.kakaoLiveWr .lst > li a .txtBox,
	.kakaoLiveWr .lst > li a .callBox { 
		display:none; 
	}
	.kakaoLiveWr .lst > li a .imgBox { 
		margin:0 auto;
	}
	.kakaoLiveWr .lst > li a .imgBox.imgEffect img { 
		animation:none; 
	}
	.kakaoLiveWr .lst > li.lstMail { 
		display:none;
	}
	.kakaoLiveWr .lst > li:last-child { 
		border-bottom:1px solid #ccc;
	}
	.kakaoLiveWr .goTop {
		width:62px;
		height:62px;
		padding:20px 10px 10px; 
		border-radius:50%;
		font-size:15px;
	}
	.kakaoLiveWr .goTop:before { 
		top:18px; 
	}
	.subTopBanner { 
		padding:25px 0;
	}
	.subTopBanner .tit span.kor { 
		padding:0 0 15px;
		margin:0 0 15px;
		font-size:25px;
	}
}
.appBusiWr { 
	max-width:1920px;
	margin:0 auto;
	padding:50px 0;
	background:url(/img/main/appBusiBg.png) no-repeat;
	background-size:cover;
}
.appBusiWr .tit { 
	position:relative; 
	padding:0 0 27px;
	margin:0 0 31px;
	font-size:28px;
	font-weight:700;
	line-height:1.2;
	color:#212121;
}
.appBusiWr .tit:after { 
	content:"";
	position:absolute; 
	display:block; 
	width:80px;
	height:2px;
	left:0;
	bottom:0;
	background:#212121;
}
.appBusiWr .tit br { 
	display:none;
}
.appBusiWr .tit span { 
	color:#EC331B; 
}
.appBusiWr .txt,
.appBusiWr .lst > li { 
	font-size:16px;
	line-height:1.2;
	color:#212121;
}
.appBusiWr .lst { 
	margin:0 0 25px;
}
.appBusiWr .lst > li { 
	position:relative; 
	padding:0 0 0 12px;
	margin:0 0 3px;
}
.appBusiWr .lst > li:before { 
	content:"";
	position:absolute; 
	display:block;
	width:2px;
	height:2px;
	left:2px;
	top:9px;
	background:#212121;
}
.appBusiWr .lst > li:last-child { 
	margin:0;
}
.appBusiWr .txt { 
	margin:0 0 30px;
}
.appBusiWr .btnLst { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.appBusiWr .btnLst:after { 
	display:none;
}
.appBusiWr .btnLst li a {  
	display:flex;
	align-items:center;
	justify-content:center;
	padding:10px 18px;
}
.appBusiWr .btnLst li a:before { 
	content:"";
	display:block;
	width:20px;
	height:20px;
	padding:1px 0 0;
	margin:0 4px 0 0;
	background-position:center center;
	background-repeat:no-repeat;
}
.appBusiWr .btnLst li a .aTxt { 
	font-size:16px;
	line-height:1.2;
}
.appBusiWr .btnLst li a.kakao { 
	background:#ffe812;
}
.appBusiWr .btnLst li a.kakao:before { 
	background-image:url(/img/appBusiIco01.svg); 
}
.appBusiWr .btnLst li a.kakao .aTxt { 
	color:#212121;
}
.appBusiWr .btnLst li a.call { 
	background:#212121;
}
.appBusiWr .btnLst li a.call:before { 
	background-image:url(/img/appBusiIco02.svg); 
}
.appBusiWr .btnLst li a.call .aTxt { 
	color:#fff;
}
.appBusiWr .btnLst li:last-child { 
	margin:0;
}
@media (max-width:1199px) { 
	.appBusiWr { 
		padding:40px 0;
	}
	.appBusiWr .tit { 
		padding:0 0 20px;
		margin:0 0 20px;
		font-size:25px; 
	}
	.appBusiWr .lst,
	.appBusiWr .txt { 
		margin:0 0 20px;
	}
}
@media (max-width:999px) {
	.appBusiWr { 
		padding:30px 0;
	}
	.appBusiWr .tit {
		padding:0 0 15px;
		margin:0 0 15px; 
		font-size:22px; 
	}
}
@media (max-width:799px) { 
	.appBusiWr { 
		padding:20px 0;
	}
}
@media (max-width:599px) {
	.appBusiWr .tit { 
		font-size:18px; 
	}
	.appBusiWr .tit br { 
		display:block;
	} 
	.appBusiWr .lst, 
	.appBusiWr .txt { 
		margin:0 0 15px;
	}
	.appBusiWr .txt, 
	.appBusiWr .lst > li { 
		font-size:15px; 
	}
	.appBusiWr .btnLst { 
		justify-content:center; 
		gap:10px;
	}
	.appBusiWr .btnLst li { 
		width: calc((100% - 10px)/2);
		height: 45px;
		padding:0;
	}
}
/* 공통 끝
------------------------------------------------------ */
/* 메인 시작
------------------------------------------------------ */
.slider_area {
	position:relative;
	width:100%;
}
.mainSlider { 
	text-align:center;
	font-size:0;
}
.mainSlider .swiper-slide > * { 
	width:100%; 
}
.mainSlider .swiper-slide .img_md,
.mainSlider .swiper-slide .img_mb { 
	display:none; 
}
.mainSlider .swiper-slide a { 
	display:block; 
	width: 100%;
	height: 100%;
	font-size: 0;
}
.mainSlider .swiper-slide a img { 
	width: 100%; 
}
.slider_area .btn_area {
	position:absolute;
	width:100%;
	top:10px;
	z-index:2;
}
.slider_area .btn_area .btn_box {
	max-width:1200px;
	margin:auto;
}
.slider_area .btn_area .btn_box button {
	background:none;
	border:none;
	outline:none;
	cursor:pointer;
	width:30px;
	height:30px;
	background-image:url('/img/main/img_nextprevstop.png');
	background-repeat:no-repeat;
}
.slider_area .btn_area .btn_box .btn_prev {
	background-position:0;
}
.slider_area .btn_area .btn_box .btn_next {
	background-position:50% 50%;
}
.slider_area .btn_area .btn_box .btn_play {
	background-position:97% 97%;
}
.slider_area .btn_area .btn_box .btn_play.pause {
	background-image:url('/img/main/img_nextprevstart.png');
}

/* banner */
.banner_section {
	width:100%;
	height:250px;
	background-position:50% 50% !important;
	background-repeat:no-repeat !important;
}
.banner_section.chatting {
	background:url('/img/sub/banner01.png');
}
.banner_section.lucky {
	background:url('/img/sub/banner02.png');
}
.banner_section.lotto {
	background:url('/img/sub/banner03.png');
}
.banner_section.ect {
	background:url('/img/sub/banner04.png');
}
.banner_section.knowhow {
	background:url('/img/sub/banner05.jpg');
}
.app_menu {
	position:relative; 
	width:100%;
	margin:0 0 30px;
}
.app_menu:before,
.app_menu:after { 
	content:"";
	position:absolute; 
	display:block; 
	width:100%;
	height:1px;
	left:0;
	background:#e2e2e2;
	z-index:-1;
}
.app_menu:before { 
	top:0; 
}
.app_menu:after { 
	bottom:0; 
}
.app_menu .inner {
	padding:0;
	background:#f6f6f6;
	font-size:0;
}
.app_menu .inner > li {
	float:left;
	width:16.667%;
}
.app_menu .inner > li > a,
.app_menu .inner > li > button {
	display:block;
	width:100%;
	padding:15px 0;
	text-align:center;
	font-size:18px;
	color:#9e9e9e;
	transition:background .3s ease;
}
.app_menu .inner > li > a:hover,
.app_menu .inner > li > button:hover, 
.app_menu .inner > li > button.on {
	background-color:#ec331b;
	color:#fff;
	font-weight:600;
}
.app_menu .inner > li > button { 
	background:transparent;
	border:none;
	cursor:pointer;
}
.app_menu .inner > li > button.plusBtn .plus { 
	position:relative; 
	display:inline-block; 
	vertical-align:middle;
	width:10px;
	height:10px;
	margin:0 0 4px 6px;
}
.app_menu .inner > li > button.plusBtn .plus:before,
.app_menu .inner > li > button.plusBtn .plus:after { 
	content:"";
	position:absolute;
	display:block; 
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	background:#9e9e9e;
	transition:all .3s ease;
}
.app_menu .inner > li > button.plusBtn .plus:before { 
	width:100%; 
	height:2px;
}
.app_menu .inner > li > button.plusBtn .plus:after { 
	width:2px; 
	height:100%;
}
.app_menu .inner > li > button.plusBtn:hover .plus:before,
.app_menu .inner > li > button.plusBtn:hover .plus:after,
.app_menu .inner > li > button.plusBtn.on .plus:before,
.app_menu .inner > li > button.plusBtn.on .plus:after { 
	background:#fff; 
}
.app_menu .inner .appHidMenu { 
	position:absolute;
	display:none; 
	width:100%;	
	left:0;
	top:calc(100% + 1px);
	padding:26px 48px;
	background:#fff;
	box-shadow:2px 5px 10px 0 rgba(0,0,0,.25);
	overflow:hidden;
	z-index:10;
}
.app_menu .inner .appHidMenu .topBox { 
	margin:0 0 19px; 
}
.app_menu .inner .appHidMenu .topBox a { 
	position:relative; 
	display:inline-block; 
	width:auto;
	padding:0 18px 0 0;
	font-size:18px;
	line-height:1.2;
	color:#ec331b;
	font-weight:600;
}
.app_menu .inner .appHidMenu .topBox a:after { 
	content:"";
	position:absolute; 
	display:block; 
	width:6px;
	height:6px;
	right:0;
	top:50%;
	margin:-3px 0 0;
	transform:rotate(-45deg);
	border-right:2px solid #ec331b;
	border-bottom:2px solid #ec331b;
}
.app_menu .inner .appHidMenu .lstBox { 
	border-top:2px solid #e5e5e5; 
}
.app_menu .inner .appHidMenu .lstBox > ul { 
	display:flex;
	flex-wrap:wrap;
}
.app_menu .inner .appHidMenu .lstBox > ul > li { 
	width:14%; 
	margin:17px 0 0;
}
.app_menu .inner .appHidMenu .lstBox > ul > li > a { 
	font-size:16px;
	font-weight:600;
	color:#424242;
	line-height:1.2;
	transition:all .3s ease;
}
.app_menu .inner .appHidMenu .lstBox > ul > li > a:hover,
.app_menu .inner .appHidMenu .lstBox > ul > li > a:focus { 
	color:#ec331b;	 
}
.appPfWr { 
	margin:50px 0;
	line-height:1.2; 
}
.appPfWr .titBox { 
	margin:0 0 47px;
	text-align:center; 
}
.appPfWr .titBox .eng { 
	font-family:"Lato";
	margin:0 0 3px;
	font-size:44px;
	color:#2e2f36;
	font-weight:900;
}
.appPfWr .titBox .eng:before { 
	content:"";
	display:inline-block; 
	vertical-align:middle; 
	width: 40px;
	height: 40px;
	margin:0 8px 0 0;
	background:url(/img/main/mainSecTit01.png) no-repeat;
	background-size:cover;
}
.appPfWr .titBox .eng span { 
	vertical-align:middle; 
}
.appPfWr .titBox .eng span em { 
	font-style:normal;
	color:#EC331B;
}
.appPfWr .titBox .kor { 
	font-size:17px;
	color:#9e9e9e;
}
.appPfWr .appPfLstWr { 
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.appPfWr .appPfLstWr .appPfLst { 
	width: 30%; 
	margin:0 0 30px;
}
.appPfWr .appPfLstWr .appPfLst a { 
	display:block;
}
.appPfWr .appPfLstWr .appPfLst .imgBox { 
	position:relative;
	height:0;
	margin:0 0 11px;
	padding:66.667% 0 0;
	box-shadow:0 5px 5px 0px rgba(0,0,0,.1);
	overflow:hidden;
}
.appPfWr .appPfLstWr .appPfLst .imgBox img { 
	position:absolute; 
	width:100%;
	left:50%;
	top:0;
	transform:translateX(-50%);
	transition:all .3s ease;
}
.appPfWr .appPfLstWr .appPfLst a:hover .imgBox img,
.appPfWr .appPfLstWr .appPfLst a:focus .imgBox img { 
	width: 110%; 
}
.appPfWr .appPfLstWr .appPfLst .name { 
	margin:0 0 10px;
	font-size:18px;
	font-weight:700;
	color:#212121;
	line-height:1.2;
}
.appPfWr .appPfLstWr .appPfLst .name span { 
	font-weight: 500; 
}
.appPfWr .appPfLstWr .appPfLst .icoLst { 
	display:flex;
	flex-wrap:wrap;
}
.appPfWr .appPfLstWr .appPfLst .icoLst:after { 
	display:none; 
}
.appPfWr .appPfLstWr .appPfLst .icoLst li { 
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 4px 0 0;
	padding:2px 6px;
	background:#f6f6f6;
}
.appPfWr .appPfLstWr .appPfLst .icoLst li span { 
	vertical-align:middle; 
}
.appPfWr .appPfLstWr .appPfLst .icoLst li .ico { 
	display:flex;
	align-items:center;
	justify-content:center;
	width: 20px;
	font-size:0; 
}
.appPfWr .appPfLstWr .appPfLst .icoLst li .ico img { 
	display:block;
	max-width: 100%;
}
.appPfWr .appPfLstWr .appPfLst .icoLst li .txt { 
	font-size:14px;
	font-weight:500;
	line-height:1.2;
	color:#9798a1;
}
.appPfWr .appPfLstWr .appPfLst .icoLst li:last-child { 
	margin-right:0;
}
.appPfWr .appPfWr .appAlllnk { 
	margin:20px 0 0;
}
.appPfWr .appAlllnk { 
	width:100%;
	text-align:center; 
}
.appPfWr .appAlllnk .allView { 
	width:210px;
	max-width:100%;
	padding:11px 10px 10px;
	border-radius:25px;
	border:1px solid #ccc;
	background:#fff;
	transition:all .3s ease;
	cursor:pointer;
}
.appPfWr .appAlllnk .allView .txt { 
	color:#373737;
	font-size:16px;
	line-height:1;
}
.appPfWr .appAlllnk .allView .txt .plus { 
	position:relative; 
	width:10px;
	height:10px;
	margin:0 6px 0 0;
}
.appPfWr .appAlllnk .allView .txt .plus:before,
.appPfWr .appAlllnk .allView .txt .plus:after { 
	content:"";
	position:absolute; 
	display:block; 
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	background:#212121;
}
.appPfWr .appAlllnk .allView .txt .plus:before { 
	width:100%;
	height:2px;
}
.appPfWr .appAlllnk .allView .txt .plus:after { 
	width:2px;
	height:100%;
}
.appPfWr .appAlllnk .allView:focus,
.appPfWr .appAlllnk .allView:hover { 
	border-color:#373737; 
}
.appMidWr { 
	position:relative; 
	background:url(/img/main/mainMidBg.png) no-repeat center center;	
	background-size:cover;
	background-attachment:fixed;
}
.appMidWr .inner { 
	padding:98px 430px 97px 0; 
	z-index:1;
}
.appMidWr .inner .tit { 
	position:relative; 
	margin:0 0 18px;
	padding:0 0 0 8px;
	border-left:2px solid #fff;
	font-size:16px;
	color:#fff;
	font-weight:700;
	line-height:1.2;
	letter-spacing:0;
}
.appMidWr .inner .txt { 
	font-size:28px;
	color:#fff; 
	line-height:1.4;
}
.appMidWr .inner .txt span { 
	color:#EC331B; 
}
.appAbtWr { 
	padding:50px 0;
	text-align:center;
}
.appAbtWr .tit { 
	font-family:"Lato";
	font-size:44px;
	line-height:1.2;
	letter-spacing:0;
	color:#2e2f36;
	font-weight:900;
}
.appAbtWr .tit:before { 
	content:"";
	display:inline-block; 
	vertical-align:middle; 
	width: 40px;
	height: 40px;
	background:url(/img/main/mainSecTit02.png) no-repeat;
	background-size:cover;
}
.appAbtWr .tit span { 
	vertical-align:middle; 
}
.appAbtWr .tit span em { 
	font-style:normal;
	color:#EC331B;
}
.appAbtWr .sTit { 
	margin:0 0 38px;
	font-size:17px;
	color:#6f7075;
	line-height:1.2;
}
.appAbtWr .sTit span { 
	color:#EC331B;
}
.appAbtWr .sTit em { 
	font-style:normal;
	color:#2e2f36;
}
.appAbtWr .appAbtLst ul { 
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.appAbtWr .appAbtLst ul li { 
	position:relative; 
	width: 20%;
	padding:30px 10px;
	border:1px solid #ccc;
	border-left-width:0;
	transition:all .3s ease;
}
.appAbtWr .appAbtLst ul li .num { 
	width: 28px;
	height: 28px;
	margin:0 auto 15px;
	padding:6px 0 0;
	background:#ec331b;
	text-align:center;
	font-size:15px;
	color:#fff;
	line-height:1;
	font-weight:700;
	letter-spacing:0;
}
.appAbtWr .appAbtLst ul li .imgBox { 
	margin:0 auto 10px;
}
.appAbtWr .appAbtLst ul li .imgBox img { 
	max-width: 100%; 
}
.appAbtWr .appAbtLst ul li .ssTit { 
	margin:0 0 10px;
	font-size:18px;
	color:#212121;
	font-weight:700;
	line-height:1.2;
	text-align:center;
}
.appAbtWr .appAbtLst ul li .txt { 
	font-size:15px;
	line-height:1.4;
	color:#212121;
	letter-spacing:-.01em;
}
.appAbtWr .appAbtLst ul li:first-child { 
	border-left-width:1px;
}
.appAbtWr .appAbtLst ul li:hover { 
	background:#eee; 
}
.appComIntro { 
	max-width: 1920px;
	padding:50px 0;
	margin:0 auto;
	background:#f9f9f9; 
}
.appComIntro .inner ul { 
	display:flex;
	flex-wrap:wrap;
}
.appComIntro .inner ul:after { 
	display:none;
}
.appComIntro .inner ul li { 
	position:relative; 
	width: 33.333%;
	padding:0 10px;
	text-align:center;
}
.appComIntro .inner ul li:after { 
	content:"";
	position:absolute; 
	display:block; 
	width: 1px;
	height: 82%;
	right:0;
	top:25px;
	background:#ccc;
}
.appComIntro .inner ul li .imgBox { 
	margin:0 0 15px;
	font-size:0;
}
.appComIntro .inner ul li .imgBox img { 
	max-width:100%;
}
.appComIntro .inner ul li p { 
	color:#212121;
}.appComIntro .inner ul li .tit span,
.appComIntro .inner ul li .txt span { 
	color:#EC331B; 
}
.appComIntro .inner ul li .tit { 
	margin:0 0 4px;
	font-weight:700;
	font-size:18px;
	line-height:1.2;
}
.appComIntro .inner ul li .txt { 
	min-height: 63px;
	margin:0 0 15px;
	font-size:15px;
	line-height:1.4;
}
.appComIntro .inner ul li .btnBox { 
	width: 158px;
	max-width:100%;
	margin:0 auto;
	overflow:hidden;
}
.appComIntro .inner ul li .btnBox a { 
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:40px;
	padding:0 5px;
	border:1px solid #212121;
	font-size:0;
	transition:all .3s ease;
	float:left; 
}
.appComIntro .inner ul li .btnBox a:before { 
	content:"";
	display:block;
	width: 20px;
	height: 20px;
	background-repeat:no-repeat;
	background-position:center center;
}
.appComIntro .inner ul li .btnBox a span { 
	display:block; 
	font-size:17px;
	line-height:1.2;
}
.appComIntro .inner ul li .btnBox a.down:before { 
	background-image:url(/img/main/mainComIntro01off.svg); 
}
.appComIntro .inner ul li .btnBox a.kakao:before { 
	background-image:url(/img/main/mainComIntro02off.svg); 
}
.appComIntro .inner ul li .btnBox a.call:before { 
	background-image:url(/img/main/mainComIntro03off.svg); 
}
.appComIntro .inner ul li .btnBox a.direc:before { 
	background-image:url(/img/main/mainComIntro04off.svg); 
}
.appComIntro .inner ul li .btnBox a:hover, 
.appComIntro .inner ul li .btnBox a:focus { 
	background:#212121;
}
.appComIntro .inner ul li .btnBox a:hover span, 
.appComIntro .inner ul li .btnBox a:focus span { 
	color:#fff; 
}
.appComIntro .inner ul li .btnBox a.down:hover:before,
.appComIntro .inner ul li .btnBox a.down:focus:before { 
	background-image:url(/img/main/mainComIntro01on.svg); 
}
.appComIntro .inner ul li .btnBox a.kakao:hover:before,
.appComIntro .inner ul li .btnBox a.kakao:focus:before { 
	background-image:url(/img/main/mainComIntro02on.svg); 
}
.appComIntro .inner ul li .btnBox a.call:hover:before,
.appComIntro .inner ul li .btnBox a.call:focus:before { 
	background-image:url(/img/main/mainComIntro03on.svg); 
}
.appComIntro .inner ul li .btnBox a.direc:hover:before,
.appComIntro .inner ul li .btnBox a.direc:focus:before { 
	background-image:url(/img/main/mainComIntro04on.svg); 
}
.appComIntro .inner ul li .btnBox.btnBox02 { 
	width: 230px; 
}
.appComIntro .inner ul li .btnBox.btnBox02 a { 
	width: 49%; 
	margin:0 2% 0 0;
}
.appComIntro .inner ul li .btnBox.btnBox02 a:nth-child(2n) { 
	margin-right:0;
}
.appComIntro .inner ul li:last-child:after { 
	display:none; 
}
.appMfootWr { 
	max-width:1920px;
	margin:0 auto;
	padding:50px 0;
}
.appMfootWr .inner { 
	display:flex;
	justify-content:space-between;
	gap:30px;
}
.appMfootWr .inner .leftBox { 
	position:relative; 
	flex-grow:1;
	padding:40px 53px 20px;
	background:#F9ECEA url(/img/main/mainFooterBg.png) no-repeat center bottom;
	background-size:contain;
}
.appMfootWr .inner .leftBox .logo { 
	width: 162px;
	margin:0 0 45px;
}
.appMfootWr .inner .leftBox .logo img { 
	max-width: 100%; 
}
.appMfootWr .inner .leftBox .tit { 
	position:relative; 
	padding:0 0 20px;
	margin:0 0 20px;
	font-family:"Lato";
	font-size:34px;
	line-height:1.2;
	color:#424242;
	font-weight:600;
}
.appMfootWr .inner .leftBox .tit:before { 
	content:"";
	position:absolute; 
	display:block;
	width:80px;
	height:2px;
	left:0;
	bottom:0;
	background:#424242;
}
.appMfootWr .inner .leftBox .txtBox { 
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	color:#424242; 
	line-height:1.2;
}
.appMfootWr .inner .leftBox .txtBox .txt { 
	font-size:16px;
	line-height:1.4;
}
.appMfootWr .inner .leftBox .txtBox .txt span { 
	font-weight:700;
	color:#ec331b;
}
.appMfootWr .inner .leftBox .txtBox .lnk { 
	position:relative; 
	padding:12px 51px 12px 18px;
	background:#212121;
	border-radius:25px;
	color:#fff; 
}
.appMfootWr .inner .leftBox .txtBox .lnk:after { 
	content:"";
	position:absolute; 
	display:block;
	width:22px;
	height:8px;
	right:23px;
	top:14px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	transform:skew(45deg);
	transition:all .3s ease;
}
.appMfootWr .inner .leftBox .txtBox .lnk:focus:after,
.appMfootWr .inner .leftBox .txtBox .lnk:hover:after { 
	right:18px;	 
}
.appMfootWr .inner .rightBox { 
	flex-shrink:1;
	width:330px;
	font-size:0;
}
.appMfootWr .inner .rightBox a { 
	display:block;
}
.appMfootWr .inner .rightBox a > img { 
	width:100%; 
	margin:0 auto;
}
.appMfootWr .inner .rightBox a .img_mobile { 
	display:none;
}
@media (max-width:1299px) {
	.slider_area .btn_area .btn_box {
		max-width:98%;
	}
	.appMidWr .inner { 
		padding:80px 300px 80px 15px; 
	}
	.appAbtWr { 
		padding:40px 0; 
	}
}	
@media (max-width:1199px) {
	.mainSlider .swiper-slide .img_pc { 
		display:none; 
	}
	.mainSlider .swiper-slide .img_md { 
		display:block; 
	}
	.banner_section {
		height:220px;
	}
	.banner_section.chatting {
		background:url('/img/sub/banner01_1200.png');
	}
	.banner_section.lucky {
		background:url('/img/sub/banner02_1200.png');
	}
	.banner_section.lotto {
		background:url('/img/sub/banner03_1200.png');
	}
	.banner_section.ect {
		background:url('/img/sub/banner04_1200.png');
	}
	.banner_section.knowhow {
		background:url('/img/sub/banner05_1200.png');
	}
	.appMfootWr .inner .leftBox { 
		padding:40px 40px 20px; 
	}
	.appMfootWr .inner .leftBox .logo { 
		margin:0 0 30px;
	}
	.appMfootWr .inner .leftBox .txtBox .lnk { 
		font-size:16px; 
	}
	.app_menu .inner { 
		max-width:100%;
	}
	.app_menu .inner > li { 
		width:33.333%; 
	}
	.app_menu .inner .appHidMenu { 
		padding:20px; 
	}
	.app_menu .inner .appHidMenu .topBox { 
		margin:0 0 15px; 
	}
	.app_menu .inner .appHidMenu .lstBox > ul > li { 
		width:25%;
		margin:15px 0 0; 
	}
	.appPfWr { 
		margin:40px 0;
	}
	.appPfWr .titBox { 
		margin:0 0 20px;
	}
	.appPfWr .titBox .eng { 
		margin:0 0 5px;
		font-size:40px;
	}
	.appPfWr .titBox .eng:before { 
		width: 32px;
		height: 32px;
	}
	.appPfWr .appPfLstWr .appPfLst { 
		width: 32%; 
	}
	.appPfWr .appAlllnk { 
		margin:90px 0 0;
	}
	.appAbtWr .tit { 
		font-size:40px; 
	}
	.appAbtWr .sTit { 
		margin:0 0 30px;
	}
	.appAbtWr .tit:before { 
		width: 32px;
		height: 32px;
	}
	.appAbtWr .appAbtLst ul li { 
		width: 33.333%;
		padding:20px 10px;
		border-top-width:0;
	}
	.appAbtWr .appAbtLst ul li .num { 
		margin:0 auto 10px;
	}
	.appAbtWr .appAbtLst ul li:nth-child(-n+3) { 
		border-top-width:1px;		 
	}
	.appAbtWr .appAbtLst ul li:nth-child(3n+1) { 
		border-left-width:1px;
	}
	.appComIntro { 
		padding:30px 0;
	}
}
@media (max-width:999px) {
	.slider_area .btn_area .btn_box .btn_play {
		display:none;
	}
	.app_menu .inner {
		max-width:100%;
	}
	.appPfWr { 
		margin:30px 0;
	}
	.appPfWr .appPfLstWr .appPfLst .name { 
		font-size:17px; 
	}
	.appPfWr .appAlllnk { 
		margin:16px 0 0;
	}
	.appMidWr { 
		background-attachment:scroll; 
	}
	.appMidWr .inner { 
		padding:40px 15px;
		text-align:center;
	}
	.appMidWr .inner > * { 
		display:inline-block;
	}
	.appMidWr .inner .tit { 
		padding:0 0 20px;
		margin:0 0 20px;
		border-left:none;
	}
	.appMidWr .inner .tit:after { 
		content:"";
		position:absolute; 
		display:block;
		width: 50px;
		height: 2px;
		left:50%;
		bottom:0;
		margin:0 0 0 -25px;
		background:#fff;
	}
	.appMidWr .inner .txt { 
		width:100%;
		font-size:20px;
	}
	.appAbtWr { 
		padding:30px 0; 
	}
	.appComIntro .inner ul li { 
		padding:0 10px;
	}
	.appComIntro .inner ul li .imgBox { 
		margin:0 0 10px;
	}
	.appComIntro .inner ul li .imgBox img { 
		width: 194px; 
	}
	.appComIntro .inner ul li .tit { 
		font-size:17px; 
	}
	.appComIntro .inner ul li .txt { 
		min-height:59px;
		font-size:14px; 
	}
	.appComIntro .inner ul li .btnBox a { 
		height: 30px; 
	}
	.appComIntro .inner ul li .btnBox a span { 
		font-size:15px; 
	}
	.appMfootWr .inner .leftBox { 
		padding:20px 30px;
	}	
	.appMfootWr .inner .leftBox .logo { 
		margin:0 0 10px;
	} 
	.appMfootWr .inner .leftBox .tit { 
		font-size:30px;		
	}
	.appMfootWr .inner .leftBox .txtBox { 
		display:block; 
	}
	.appMfootWr .inner .leftBox .txtBox .txt { 
		margin:0 0 15px;
	}
	.appMfootWr .inner .leftBox .txtBox .lnk { 
		padding:10px 40px 10px 18px;
	}
	.appMfootWr .inner .leftBox .txtBox .lnk:after { 
		width:16px;
		height:6px;
		right:18px;
	}
	.appMfootWr .inner .leftBox .txtBox .lnk:focus:after,
	.appMfootWr .inner .leftBox .txtBox .lnk:hover:after { 
		right:13px; 
	}
	.appMfootWr .inner .rightBox { 
		width:300px; 
	}
}
@media (max-width:799px) { 
	.appPfWr .titBox .kor { 
		font-size:16px; 
	}
	.appPfWr .appPfLstWr .appPfLst { 
		width: 49%; 
		margin:0 0 20px;
	}
	.appPfWr .appPfLstWr .appPfLst .icoLst li { 
		width: 49%; 
		margin:2% 2% 0 0;
	}
	.appPfWr .appPfLstWr .appPfLst .icoLst li:nth-child(2n) { 
		margin-right:0;
	}
	.appPfWr .appPfLstWr .appPfLst .icoLst li:nth-child(-n+2) { 
		margin-top:0;
	}
	.appAbtWr .sTit { 
		font-size: 16px;
	}
	.appAbtWr .appAbtLst ul li { 
		width: 50%;
		padding:10px;
	}
	.appAbtWr .appAbtLst ul li .imgBox { 
		margin:0 auto 5px;
	}
	.appAbtWr .appAbtLst ul li .imgBox img { 
		width: 64px; 
	}
	.appAbtWr .appAbtLst ul li .num,
	.appAbtWr .appAbtLst ul li .txt { 
		font-size:15px; 
	}
	.appAbtWr .appAbtLst ul li .ssTit { 
		font-size:17px; 
	}
	.appAbtWr .appAbtLst ul li:nth-child(-n+3) { 
		border-top-width:0;
	}
	.appAbtWr .appAbtLst ul li:nth-child(-n+2) { 
		border-top-width:1px;
	}
	.appAbtWr .appAbtLst ul li:nth-child(3n+1) { 
		border-left-width:0;
	}
	.appAbtWr .appAbtLst ul li:nth-child(2n+1) { 
		border-left-width:1px;
	}
	.appComIntro { 
		padding:0;
	}
	.appComIntro .inner ul li { 
		width: 100%;
		min-height: 145px;
		padding:20px 0 20px 180px;
		text-align:left;
	}
	.appComIntro .inner ul li .imgBox { 
		position:absolute; 
		left:0;
		top:20px;
	}
	.appComIntro .inner ul li .imgBox img { 
		width: 169px; 
	}
	.appComIntro .inner ul li .txt { 
		min-height:0;
		margin:0 0 10px;
	}
	.appComIntro .inner ul li .txt br { 
		display:none; 
	}
	.appComIntro .inner ul li .btnBox { 
		margin:0;
	}
	.appComIntro .inner ul li:after { 
		width: 100%;
		height: 1px;
		top:auto;
		bottom:0;
	}
	.appMfootWr { 
		padding:30px 0; 
	}
	.appMfootWr .inner .leftBox .logo { 
		margin:0 0 5px;
	}
	.appMfootWr .inner .leftBox { 
		padding:20px;
	}
	.appMfootWr .inner .leftBox .tit { 
		padding:0 0 15px;
		margin:0 0 15px;
		font-size:20px; 
	}
	.appMfootWr .inner .leftBox .txtBox .txt,
	.appMfootWr .inner .leftBox .txtBox .lnk { 
		font-size:15px; 
	}
	.appMfootWr .inner .rightBox { 
		width:270px; 
	}
}
@media (max-width:767px) {
	.app_menu .inner > li > a {
		font-size:15px;
	}
	.appPfWr .titBox .eng,
	.appAbtWr .tit { 
		font-size:30px; 
	}
	.appAbtWr .sTit { 
		margin:0 0 20px; 
	}
}
@media (max-width:699px) { 
	.appMidWr { 
		background-image:url(/img/main/mainMidBgM.png); 
	}
	.appMfootWr .inner { 
		flex-wrap:wrap;
		justify-content:center;
		gap:20px;
	}
	.appMfootWr .inner .leftBox { 
		width:100%;
		padding:20px;
		text-align:center; 
	}
	.appMfootWr .inner .leftBox:before { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 100%;
		height: 100%;
		top:0;
		left:0;
		background:rgba(255,255,255,.7);
		z-index:0;
	}
	.appMfootWr .inner .leftBox > * { 
		position:relative; 
		z-index:1;
	}
	.appMfootWr .inner .leftBox .logo { 
		margin:0 auto 5px;
	}
	.appMfootWr .inner .leftBox .tit:before { 
		left:50%;
		margin:0 0 0 -40px;
	}
	.appMfootWr .inner .rightBox { 
		width:100%; 
	}
	.appMfootWr .inner .rightBox a .img_pc { 
		display:none; 
	}
	.appMfootWr .inner .rightBox a .img_mobile { 
		display:block; 
	}
}
@media (max-width:610px) {
	.mainSlider .swiper-slide .img_md { 
		display:none; 
	}
	.mainSlider .swiper-slide .img_mb { 
		display:block; 
	}	
	.banner_section {
		height:200px;
	}
	.banner_section.chatting {
		background:url('/img/sub/banner01_mobile.png');
	}
	.banner_section.lucky {
		background:url('/img/sub/banner02_mobile.png');
	}
	.banner_section.lotto {
		background:url('/img/sub/banner03_mobile.png');
	}
	.banner_section.ect {
		background:url('/img/sub/banner04_mobile.png');
	}
	.banner_section.knowhow {
		background:url('/img/sub/banner05_mobile.png');
	}
	.app_menu {
		border-bottom:none;
	}
	.app_menu .inner > li {
		width:50%;
		border-bottom:1px solid #ccc;
	}
	.app_menu .inner > li:nth-child(2n-1) {
		border-right:1px solid #ccc;
	}
	.app_menu .inner > li > a,
	.app_menu .inner > li > button {
		height: 40px;
		padding:10px 0;
		font-size:14px;
		border:none !important;
	}
	.app_menu .inner .appHidMenu { 
		padding:15px; 
	}
	.app_menu .inner .appHidMenu .topBox { 
		margin:0 0 15px; 
	}
	.app_menu .inner .appHidMenu .topBox a,
	.app_menu .inner .appHidMenu .lstBox > ul > li > a { 
		font-size:14px; 
	}
	.app_menu .inner .appHidMenu .lstBox > ul > li { 
		width:33.333%;
		margin:10px 0 0;
	}
}
@media (max-width:599px) { 
	.app_menu .inner .appHidMenu .lstBox > ul > li { 
		width:50%; 
	}
	.appMidWr .inner { 
		padding:20px 15px; 
	}
	.appMidWr .inner .tit { 
		font-size:14px; 
	}
	.appMidWr .inner .txt { 
		font-size:16px;
	}
	.appMidWr .inner .txt br { 
		display:none; 
	}
	.appPfWr .titBox .kor { 
		font-size:14px; 
	}
	.appPfWr .titBox .eng { 
		font-size:25px; 
	}
	.appPfWr .appPfLstWr .appPfLst { 
		width: calc((100% - 10px)/2);
		margin:16px 10px 0 0;
	}
	.appPfWr .appPfLstWr .appPfLst .imgBox { 
		box-shadow:none; 
	}
	.appPfWr .appPfLstWr .appPfLst .name { 
		font-size: 16px; 
	}	
	.appPfWr .appPfLstWr .appPfLst .name span { 
		display:block;
		margin:3px 0 0;
		font-weight: 400;
		font-size: 13px;
	}
	.appPfWr .appPfLstWr .appPfLst .icoLst { 
		gap:5px; 
	}	
	.appPfWr .appPfLstWr .appPfLst .icoLst li { 
		justify-content:flex-start;
		width: calc((100% - 5px)/2);
		margin:0;
		padding:3px 7px;
		border-radius: 5px;
	}
	.appPfWr .appPfLstWr .appPfLst .icoLst li .txt { 
		font-size:12px; 
	}
	.appPfWr .appPfLstWr .appPfLst:nth-child(2n) { 
		margin-right:0;
	}
	.appPfWr .appPfLstWr .appPfLst:nth-child(-n+2) { 
		margin-top:0;
	}
	.appPfWr .appAlllnk .allView { 
		width: 100%; 
	}
	.appAbtWr .tit { 
		font-size:25px;
	}
	.appAbtWr .sTit { 
		font-size: 14px;
	}
	.appAbtWr .appAbtLst ul { 
		padding:20px 16px;
		border:1px solid #E0E0E0;
		border-radius: 5px;
	}	
	.appAbtWr .appAbtLst ul li { 
		width: 100%;
		margin:0 0 17px;
		padding:0 60px 16px 28px;
		border:none;
		border-bottom:1px solid #E0E0E0;
	}
	.appAbtWr .appAbtLst ul li .num { 
		position:absolute; 
		display:flex;
		align-items:center; 
		justify-content:center; 
		width: 20px;
		height: 20px;
		top:0;
		left:0;
		margin:0;
		padding:0;
		border-radius: 5px;
		font-size: 12px;
	}
	.appAbtWr .appAbtLst ul li .imgBox { 
		position:absolute; 
		top:50%;
		right:0;
		transform:translateY(-50%);
	}
	.appAbtWr .appAbtLst ul li .imgBox img { 
		width:56px; 
	}
	.appAbtWr .appAbtLst ul li .ssTit { 
		margin:0 0 5px;
		font-weight: 500;
		font-size:16px; 
		text-align:left;
	}
	.appAbtWr .appAbtLst ul li .txt { 
		font-size:13px; 
		line-height: 1.4;
		text-align:left;
	}
	.appAbtWr .appAbtLst ul li:hover { 
		background:#FFF; 
	}
	.appAbtWr .appAbtLst ul li:last-child { 
		margin:0;
		padding-bottom:0;
		border-bottom:none;
	}
	.appComIntro { 
		margin:0 0 24px;
	}
	.appComIntro .inner ul li { 
		min-height:0;
		margin:0 0 16px;
		padding:0;
	}
	.appComIntro .inner ul li:after { 
		display:none; 
	}
	.appComIntro .inner ul li .imgBox { 
		position:relative; 
		top:auto;
		left:auto;
	}
	.appComIntro .inner ul li .imgBox img { 
		width: 100%; 
	}
	.appComIntro .inner ul li .tit { 
		font-size:14px; 
	} 
	.appComIntro .inner ul li .txt { 
		font-size:13px; 
	}
	.appComIntro .inner ul li .btnBox,
	.appComIntro .inner ul li .btnBox.btnBox02 { 
		width: 100%;
	}
	.appComIntro .inner ul li .btnBox a { 
		height: 40px;
		background: #FFF;
	}
	.appComIntro .inner ul li:last-child { 
		margin:0;
	}
}
/* 메인 끝
------------------------------------------------------ */
/* 서브 하단 공통 시작
------------------------------------------------------ */
.subComBtm { 
	position:relative;
	width:100%;
	max-width:1920px; 
	margin:0 auto;
	padding:0 0 0 720px;
}
.subComBtm .lBox { 
	position:absolute; 
	width:720px; 
	height:100%;
	left:0;
	top:0;
	background:url(/img/subPage/scbLboxBg.png) no-repeat;
	background-size:cover;
}
.subComBtm .lBox .lBoxCon { 
	position:absolute; 
	right:66px;
	bottom:91px;
}
.subComBtm .lBox .engTxt { 
	padding:0 0 0 7px;
	margin:0 0 14px;
	border-left:2px solid #f2503b;
	color:#f2503b;
	font-size:17px;
	font-weight:700;
	letter-spacing:.025em;
}
.subComBtm .lBox .korTxt { 
	color:#fff; 
	font-size:28px;
	line-height:1.36;
	font-weight:500;
}
.subComBtm .lBox .korTxt span { 
	color:#ec331b; 
}
.subComBtm .lBox .sTxt { 
	color:#a3a3a3; 
	font-size:18px;
}
.subComBtm .lBox .sTxt span { 
	color:#f49083; 
}
.subComBtm .rBox { 
	position:relative; 
	padding:85px 0 85px 78px;
	background:url(/img/subPage/scbRboxBg.png) no-repeat;
	background-size:cover;
}
.subComBtm .rBox > ul { 
	display:flex;
	flex-wrap:wrap;
	width:762px;
	border:1px solid #ccc;
}
.subComBtm .rBox > ul > li { 
	position:relative; 
	width:50%; 
	padding:30px 10px 30px 135px;
	background:rgba(255,255,255,.9);
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
}
.subComBtm .rBox > ul > li .icoBox { 
	position:absolute; 
	top:30px;
	left:30px;
}
.subComBtm .rBox > ul > li .conBox .sTit { 
	margin:0 0 7px;
	font-size:15px;
	color:#ec331b;
	font-weight:700;
	letter-spacing:-.04em;
}
.subComBtm .rBox > ul > li .conBox .tit { 
	font-size:24px;
	color:#212121;
	word-break:break-all;
	letter-spacing:-.04em;
}
.subComBtm .rBox > ul > li .conBox .tit.tit01 { 
	font-size:18px; 
}
.subComBtm .rBox > ul > li .conBox .txt { 
	font-size:15px;
	color:#9e9e9e;
	letter-spacing:-.04em;
}
.subComBtm .rBox > ul > li .conBox a { 
	display:block;
}
.subComBtm .rBox > ul > li .conBox a.kakao .txt { 
	position:relative; 
	display:inline-block; 
	padding:0 18px 0 0;
}
.subComBtm .rBox > ul > li .conBox a.kakao .txt:after { 
	content:"";
	position:absolute; 
	display:block; 
	width:6px;
	height:6px;
	right:0;
	top:7px;
	transform:rotate(-45deg);
	border-right:2px solid #9e9e9e;
	border-bottom:2px solid #9e9e9e;
}
.subComBtm .rBox > ul > li:hover { 
	background:linear-gradient(to right, rgba(242,59,59,.85), rgba(242,125,59,.85)); 
}
.subComBtm .rBox > ul > li:hover .conBox * { 
	color:#fff; 
}
.subComBtm .rBox > ul > li:hover .conBox a.kakao .txt:after { 
	border-color:#fff; 
}
.subComBtm .rBox > ul > li:nth-child(2n) { 
	border-right-width:0;
}
.subComBtm .rBox > ul > li:nth-child(-n+2) { 
	border-top-width:0;
}
@media (max-width:1919px) { 
	.subComBtm { 
		padding:0 0 0 35%;
	}
	.subComBtm .lBox { 
		width:35%;
	}
	.subComBtm .rBox { 
		padding:70px 0 70px 70px;
	}
	.subComBtm .lBox .lBoxCon { 
		right:20px;
		bottom:75px;
	}
	.subComBtm .rBox > ul > li { 
		padding:20px 10px 20px 115px;
	}
	.subComBtm .rBox > ul > li .icoBox { 
		top:20px;
		left:20px;
	}
	.subComBtm .rBox > ul > li .conBox .sTit { 
		margin:0;
	}
}
@media (max-width:1699px) { 
	.subComBtm .lBox .lBoxCon { 
		bottom:50px; 
	}
	.subComBtm .rBox { 
		padding:50px 0 50px 50px; 
	}
}
@media (max-width:1499px) { 
	.subComBtm { 
		padding:0;
	}
	.subComBtm .lBox { 
		position:relative; 
		width:100%; 
		height:auto;
		left:auto;
		top:auto;
		padding:30px;
	}
	.subComBtm .lBox:before { 
		content:"";
		position:absolute;
		display:block; 
		width:100%;
		height:100%;
		left:0;
		top:0;
		background:rgba(0,0,0,.5);
	}
	.subComBtm .lBox .lBoxCon { 
		position:relative; 
		right:auto;
		bottom:auto;
		text-align:right;
		z-index:1;
	} 	 
	.subComBtm .lBox .engTxt { 
		display:inline-block; 
		margin:0 0 10px;
	}
	.subComBtm .rBox { 
		padding:30px;
	}
	.subComBtm .rBox > ul { 
		width:100%; 
	}
}
@media (max-width:1399px) { 
	.subComBtm .lBox .korTxt { 
		font-size:25px; 
	}
	.subComBtm .rBox > ul > li { 
		padding:15px 10px 15px 105px;
	}
	.subComBtm .rBox > ul > li .icoBox img { 
		width:64px;
	}
	.subComBtm .rBox > ul > li .conBox .tit { 
		font-size:20px; 
	}
}
@media (max-width:999px) { 
	.subComBtm .lBox { 
		padding:20px;
	}
	.subComBtm .lBox .korTxt { 
		font-size:22px; 
	}
	.subComBtm .lBox .sTxt { 
		font-size:16px; 
	}
	.subComBtm .rBox > ul > li { 
		padding:10px 10px 10px 85px;
	}
	.subComBtm .rBox > ul > li .icoBox { 
		top:15px;
		left:15px;
	}
	.subComBtm .rBox > ul > li .icoBox img { 
		width:56px; 
	}
	.subComBtm .rBox > ul > li .conBox .tit { 
		font-size:18px; 
	}
	.subComBtm .rBox > ul > li .conBox .txt { 
		font-size:16px; 
	}
}
@media (max-width:799px) { 
	.subComBtm .lBox,
	.subComBtm .rBox { 
		padding:15px;
	}
	.subComBtm .lBox .korTxt { 
		font-size:20px; 
	}
	.subComBtm .rBox > ul > li { 
		padding:10px 10px 10px 75px;
	}
	.subComBtm .rBox > ul > li .icoBox img { 
		width:48px; 
	}
	.subComBtm .rBox > ul > li .conBox .tit,
	.subComBtm .rBox > ul > li .conBox .tit.tit01 { 
		font-size:16px; 
	}
	.subComBtm .rBox > ul > li .conBox .txt { 
		font-size:14px; 
	}
}
@media (max-width:599px) { 
	.subComBtm .lBox .engTxt { 
		margin:0 0 5px;
	}
	.subComBtm .lBox .korTxt { 
		font-size:18px; 
	}
	.subComBtm .lBox .sTxt { 
		font-size:14px; 
	}
	.subComBtm .rBox > ul > li { 
		width:100%; 
		border-right:none;
		border-top:none;
		border-bottom:1px solid #ccc;
	}
	.subComBtm .rBox > ul > li .conBox a.kakao .txt { 
		padding:0 12px 0 0;
	}
	.subComBtm .rBox > ul > li:last-child { 
		border-bottom:none;
	}
}
/* 서브 하단 공통 끝
------------------------------------------------------ */
/* 회사소개 시작
------------------------------------------------------ */
.companyIntroWr { 
	width:100%; 
	overflow:hidden;
}
.companyIntroWr .subTopBanner { 
	background:url(/img/subPage/companyIntroBg.png) no-repeat;
	background-size:cover;
}
.companyIntroWr .ciLstBox { 
	margin:0 0 50px;
}
.companyIntroWr .ciLstBox > ul { 
	display:flex;
	flex-wrap:wrap;
	padding:0 0 49px;
	border-bottom:2px solid #e5e5e5;
}
.companyIntroWr .ciLstBox > ul > li { 
	position:relative; 
	width:25%; 
	padding:33px 10px 0;
	background:#fff;
	border-left:1px solid #ccc;
	text-align:center;	
	color:#212121;
}
.companyIntroWr .ciLstBox > ul > li .num { 
	position:absolute; 
	display:flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	left:50%;
	top:0;
	margin:0 0 0 -14px;
	font-weight:700;
	font-size:15px;
	background:#ec331b;
	color:#fff;
}
.companyIntroWr .ciLstBox > ul > li .imgBox { 
	margin:0 auto;
}
.companyIntroWr .ciLstBox > ul > li .conBox .tit { 
	margin:0 0 10px;
	font-size:19px;
	font-weight:700;
	line-height:1.2;
	letter-spacing:-.05em;
}
.companyIntroWr .ciLstBox > ul > li .conBox .txt { 
	font-size:16px;
	font-weight:500;
	line-height:1.3;
	letter-spacing:-.05em;
}
.companyIntroWr .ciLstBox > ul > li:first-child { 
	border-left-width:0;
}
.companyIntroWr .ciBtmBox { 
	margin:0 0 50px;
}
.companyIntroWr .ciBtmBox .inner { 
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.companyIntroWr .ciBtmBox .inner .imgBox { 
	position:relative; 
	flex-shrink:0;
	width:600px;
	max-width:100%;
	margin:0 60px 0 0;
}
.companyIntroWr .ciBtmBox .inner .imgBox img { 
	width:100%;
}
.companyIntroWr .ciBtmBox .inner .conBox .tit { 
	font-size:24px;
	line-height:1.2;
	font-weight:700;
	color:#212121;
}
.companyIntroWr .ciBtmBox .inner .conBox .txt { 
	font-size:16px;
	font-weight:500;
	line-height:1.42;
	color:#424242; 
	letter-spacing:-.05em;
}
.companyIntroWr .ciBtmBox .inner .conBox .tit + .txt { 
	margin:30px 0 0;
}
.companyIntroWr .ciBtmBox .inner .conBox .txt + .txt { 
	margin:17px 0 0;
}
.companyIntroWr .ciBtmBox .inner .conBox .tit span,
.companyIntroWr .ciBtmBox .inner .conBox .txt span {
	color:#ec331b; 
}
.companyIntroWr .ciEmpBox { 
	max-width:1920px; 
	margin:0 auto;
	padding:48px 0;
	background:#f9f9f9;
}
.companyIntroWr .ciEmpBox .tit { 
	margin:0 0 13px;
	font-size:28px;
	line-height:1.2;
	letter-spacing:-.01em;
	color:#212121;
	font-weight:700;
	text-align:center;
}
.companyIntroWr .ciEmpBox .sTit { 
	margin:0 0 45px;
	font-size:18px;
	line-height:1.2;
	letter-spacing:-.01em;
	color:#212121;
	text-align:center;
}
.companyIntroWr .ciEmpBox .empLstBox { 
	position:relative; 
	padding:0 0 0 640px;
	margin:0 0 50px;
}
.companyIntroWr .ciEmpBox .empLstBox .imgBox { 
	position:absolute; 
	width:620px;
	left:0;
	top:0;
	text-align:center;
}
.companyIntroWr .ciEmpBox .empLstBox .imgBox img { 
	max-width:100%; 
}
.companyIntroWr .ciEmpBox .empLstBox .conBox > ul > li { 
	margin:0 0 24px;
}
.companyIntroWr .ciEmpBox .empLstBox .conBox > ul > li .ssTit { 
	padding:0 0 2px 5px;
	margin:0 0 3px;
	border-left:2px solid #212121;
	font-size:17px;
	line-height:1;
	font-weight:700;
	color:#212121;
}
.companyIntroWr .ciEmpBox .empLstBox .conBox > ul > li .ssTxt { 
	font-size:15px;
	line-height:1.2;
	color:#424242;
}
.companyIntroWr .ciEmpBox .empLstBox .conBox > ul > li .ssTxt span { 
	color:#ec331b; 
}
.companyIntroWr .ciEmpBox .empLstBox .conBox > ul > li:last-child { 
	margin-bottom:0;
}
.companyIntroWr .ciEmpBox .empMapBox img { 
	display:block; 
	max-width:100%; 
	margin:0 auto;
}
.companyIntroWr .ciCertiBox {
	padding:58px 0;
	text-align: center;
}
.companyIntroWr .ciCertiBox .tit01 { 
	margin:0 0 8px;
	font-weight: 700;
	font-size: 28px;
	letter-spacing: -.01em;
	color: #212121;
}
.companyIntroWr .ciCertiBox .sTit01 { 
	margin:0 0 36px;
	font-size: 16px;
	letter-spacing: 0;
	color: #424242;
}
.companyIntroWr .ciCertiBox .sTit01 span { 
	color: #EC331B; 
}
.companyIntroWr .ciCertiBox .lst { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center; 
	gap:40px;
}
.companyIntroWr .ciCertiBox .lst .lstImg { 
	max-width: 100%;
	margin:0 0 20px;
	box-shadow:2px 2px 10px 0 rgba(138,138,138,.25);
	font-size: 0;
}
.companyIntroWr .ciCertiBox .lst .lstImg img { 
	max-width: 100%; 
}
.companyIntroWr .ciCertiBox .lst .lstTxt { 
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.38px;
	color: #F2503B;
	word-break:break-all;
}
@media (max-width:1429px) {
	.companyIntroWr .ciBtmBox .inner .imgBox { 
		width:500px; 
		margin:0 40px 0 0;
	}
	.companyIntroWr .ciBtmBox .inner .conBox .txt + .txt { 
		margin:15px 0 0;
	}
}
@media (max-width:1199px) { 
	.companyIntroWr .ciLstBox { 
		margin:0 0 40px;
	}
	.companyIntroWr .ciLstBox > ul { 
		padding:0 0 30px;
	}
	.companyIntroWr .ciLstBox > ul > li { 
		padding:25px 10px 0;
	}
	.companyIntroWr .ciLstBox > ul > li .imgBox img { 
		width:88px; 
	}	
	.companyIntroWr .ciEmpBox { 
		padding:40px 0;
	}
	.companyIntroWr .ciEmpBox .tit { 
		margin:0 0 10px;
		font-size:25px; 
	}
	.companyIntroWr .ciEmpBox .sTit { 
		margin:0 0 30px;
	}
	.companyIntroWr .ciEmpBox .empLstBox { 
		padding:0 0 0 512px;
	}
	.companyIntroWr .ciEmpBox .empLstBox .imgBox { 
		width:492px; 
	}
	.companyIntroWr .ciEmpBox .empLstBox .conBox > ul > li { 
		margin:0 0 20px;
	}
	.companyIntroWr .ciCertiBox {
		padding:50px 0;
	}
	.companyIntroWr .ciCertiBox .tit01 { 
		margin:0 0 5px;
		font-size: 25px;
	}
	.companyIntroWr .ciCertiBox .sTit01 { 
		margin:0 0 30px;
		font-size: 15px;
	}
	.companyIntroWr .ciCertiBox .lst { 
		gap:20px;
	}
	.companyIntroWr .ciCertiBox .lst .lstImg { 
		margin:0 0 15px;
	}
	.companyIntroWr .ciCertiBox .lst .lstTxt { 
		font-size: 13px;
	}
}
@media (max-width:999px) { 	
	.companyIntroWr .ciLstBox > ul { 
		padding:0 0 20px;
	}
	.companyIntroWr .ciLstBox > ul > li .conBox .tit { 
		margin:0 0 5px;
		font-size:17px; 
	}
	.companyIntroWr .ciBtmBox { 
		margin:0 0 40px;
	}
	.companyIntroWr .ciBtmBox .inner .imgBox { 
		width:400px;
		margin:0 20px 0 0;
	}
	.companyIntroWr .ciBtmBox .inner .conBox .tit { 
		font-size:20px;
	}
	.companyIntroWr .ciBtmBox .inner .conBox .txt { 
		font-size:14px; 
	}
	.companyIntroWr .ciBtmBox .inner .conBox .tit + .txt { 
		margin:15px 0 0;
	}
	.companyIntroWr .ciBtmBox .inner .conBox .txt + .txt { 
		margin:10px 0 0;
	}
	.companyIntroWr .ciEmpBox { 
		padding:30px 0;
	}
	.companyIntroWr .ciEmpBox .tit { 
		font-size:22px; 
	}
	.companyIntroWr .ciEmpBox .sTit { 
		margin:0 0 20px;
		font-size:16px;
	}
	.companyIntroWr .ciEmpBox .empLstBox { 
		padding:0 0 0 448px;
	}
	.companyIntroWr .ciEmpBox .empLstBox .imgBox { 
		width:428px; 
	}
	.companyIntroWr .ciEmpBox .empLstBox .conBox > ul > li { 
		margin:0 0 15px;
	}
	.companyIntroWr .ciCertiBox {
		padding:40px 0;
	}
	.companyIntroWr .ciCertiBox .tit01 { 
		font-size: 22px;
	}
	.companyIntroWr .ciCertiBox .sTit01 { 
		margin:0 0 20px;
		font-size: 14px;
	}
	.companyIntroWr .ciCertiBox .lst { 
		gap:10px;
	}
	.companyIntroWr .ciCertiBox .lst .lstImg { 
		width: 176px;
		margin:0 auto 10px;
	}
}
@media (max-width:799px) {
	.companyIntroWr .ciLstBox { 
		margin:0 0 30px;
	}
	.companyIntroWr .ciLstBox > ul { 
		padding:0;
	}
	.companyIntroWr .ciLstBox > ul > li { 
		width:50%;
		padding:25px 10px 10px;
		border-top:1px solid #ccc;
	}
	.companyIntroWr .ciLstBox > ul > li:nth-child(-n+2) { 
		border-top-width:0;
	}
	.companyIntroWr .ciLstBox > ul > li:nth-child(2n+1) { 
		border-left-width:0;
	}
	.companyIntroWr .ciBtmBox { 
		margin:0 0 30px;
	}
	.companyIntroWr .ciBtmBox .inner { 
		flex-wrap:wrap; 
	}
	.companyIntroWr .ciBtmBox .inner .imgBox,
	.companyIntroWr .ciBtmBox .inner .conBox { 
		width:100%;
	}
	.companyIntroWr .ciBtmBox .inner .imgBox { 
		margin:0 0 20px;
	}
	.companyIntroWr .ciEmpBox .tit { 
		font-size:18px; 
	}
	.companyIntroWr .ciEmpBox .sTit { 
		margin:0 0 15px;
	}
	.companyIntroWr .ciEmpBox .empLstBox { 
		padding:0;
	}
	.companyIntroWr .ciEmpBox .empLstBox .imgBox { 
		position:relative; 
		width:100%; 
		left:auto;
		top:auto;
		margin:0 auto 10px;
	}
	.companyIntroWr .ciEmpBox .empLstBox .imgBox { 
		max-width:80%; 
	}
	.companyIntroWr .ciEmpBox .empLstBox .conBox > ul > li { 
		width:49%;
		margin:2% 2% 0 0;
		float:left;
	}
	.companyIntroWr .ciEmpBox .empLstBox .conBox > ul > li:nth-child(2n) { 
		margin-right:0;
	}
	.companyIntroWr .ciEmpBox .empLstBox .conBox > ul > li:nth-child(-n+2) { 
		margin-top:0;
	}
	.companyIntroWr .ciCertiBox .lst li { 
		width: calc((100% - 10px)/2); 
	}
	.companyIntroWr .ciCertiBox .tit01 { 
		font-size: 18px; 
	}
}
@media (max-width:499px) { 
	.companyIntroWr .ciLstBox > ul > li { 
		width:100%; 
		padding:40px 10px 20px;
		border-left:none;
	}
	.companyIntroWr .ciLstBox > ul > li .num { 
		top:15px; 
	}
	.companyIntroWr .ciLstBox > ul > li .imgBox img { 
		width:66px; 
	}
	.companyIntroWr .ciLstBox > ul > li .conBox .tit { 
		font-size:16px; 
	}
	.companyIntroWr .ciLstBox > ul > li .conBox .txt { 
		font-size:14px; 
	}
	.companyIntroWr .ciLstBox > ul > li:nth-child(-n+2) { 
		border-top-width:1px;
	}
	.companyIntroWr .ciBtmBox .inner .imgBox { 
		width:100%;
	}
	.companyIntroWr .ciEmpBox .tit { 
		margin:0 0 5px;
		font-size:16px; 
	}
	.companyIntroWr .ciEmpBox .sTit { 
		font-size:14px; 
	}
	.companyIntroWr .ciEmpBox .empLstBox .conBox > ul > li .ssTit { 
		font-size:15px; 
	}
	.companyIntroWr .ciEmpBox .empLstBox .conBox > ul > li .ssTxt { 
		font-size:14px; 
	}
	.companyIntroWr .ciEmpBox .empLstBox .conBox > ul > li { 
		width:100%;
		margin:0 0 15px;
	}
	.companyIntroWr .ciCertiBox { 
		padding:30px 0;
	}
	.companyIntroWr .ciCertiBox .tit01 { 
		margin:0 0 3px;
		font-size: 16px;
	}
	.companyIntroWr .ciCertiBox .sTit01 { 
		margin:0 0 15px;
		font-size: 13px;
	}
	.companyIntroWr .ciCertiBox .lst .lstImg { 
		width: 132px;
		margin:0 auto 8px;
	}
}
/* 회사소개 끝
------------------------------------------------------ */
/* 포트폴리오 시작
------------------------------------------------------ */
.portfolioWr {
	overflow:hidden;
}
.portfolioWr .subTopBanner { 
	background:url(/img/subPage/portfolioBg.png) no-repeat;
	background-size:cover;
	margin:0;
}
.portfolioWr .app_list { 
	padding:0;
	margin:0 0 50px;
}
.portfolioWr .app_list .pfPaging { 
	width:100%; 
	margin:50px 0 0;
	text-align:center;
}
.portfolioWr .app_list .pfPaging .btn-group { 
	display:flex;
	justify-content:center;
}
.portfolioWr .app_list .pfPaging .btn-group button { 
	position:relative; 
	width:35px;
	height:35px;
	border:1px solid #eee;
	background:#fff;
	font-size:15px;
	color:#9e9e9e;
	cursor:pointer;
	transition:all .3s ease;
}
.portfolioWr .app_list .pfPaging .btn-group button img { 
	position:absolute; 
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
}
.portfolioWr .app_list .pfPaging .btn-group button.pfPageP01 { 
	margin:0 4px 0 0;
}
.portfolioWr .app_list .pfPaging .btn-group button.pfPageP02 { 
	margin:0 20px 0 0;
}
.portfolioWr .app_list .pfPaging .btn-group button.pfPageN01 { 
	margin:0 0 0 4px;
}
.portfolioWr .app_list .pfPaging .btn-group button.pfPageN02 { 
	margin:0 0 0 20px;
}
.portfolioWr .app_list .pfPaging .btn-group button.active,
.portfolioWr .app_list .pfPaging .btn-group button:hover { 
	color:#fff; 
	background:#EC331B;
	border-color:#EC331B;
}
/* applist */
.app_list { 
	padding:30px 0;
}
.app_list .inner {
	display:flex;
	flex-wrap:wrap;
}
.app_list .kind {
	width:32%;
	border:1px solid #eee;
	padding:10px;
	margin:20px 2% 0 0;
}
.app_list .kind:nth-child(-n+3) { 
	margin-top:0;
}
.app_list .kind:nth-child(3n) { 
	margin-right:0;
}
.app_list .kind > a {
	display:block;
}
.app_list .kind > a:hover {
	opacity:0.7;
}
.app_list .kind .img_box {
	width:100%;
	height:240px;	
	box-shadow:0 5px 5px 0px rgba(0,0,0,.1);
	overflow:hidden;
}
.app_list .kind > a .img_box img {
	display:block;
	width:100%;
	margin:0 auto;
	transition:all 0.3s;
}
.app_list .kind > a:hover .img_box img {
	transform:scale(1.08);
}
.app_list .kind .name {
	padding:10px 0;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	font-size:23px;
	color:#000;
	text-align:center;
}
.app_list .kind .name span { 
	vertical-align:middle; 
}
.app_list .kind .name .subJ {
	width:60px;
	padding:5px;
	margin:3px 5px 0 0;
	text-align:center;
	color:#fff;
	font-size:13px;
}
.app_list .kind .name .subJ.visibility {
	margin:3px 0 0 5px;
	visibility:hidden;
}
.app_list .kind .name .subJ.chatting {
	background-color:#d92218;
}
.app_list .kind .name .subJ.Translation {
	background-color:#f1891b;
}
.app_list .kind .name .subJ.con {
	background-color:#aade48;
}
.app_list .kind .name .subJ.lucky {
	background-color:#a9de46;
}
.app_list .kind .name .subJ.lotto {
	background-color:#1b448e;
}
.app_list .kind .name .subJ.ect {
	background-color:#8661a9;
}
.app_list .kind .name .subJ.face {
	background-color:#ff8a00;
}
.app_list .kind .name .subJ.landom {
	background-color:#e73a69;
}
.app_list .kind .content {
	color:#444;
	text-align:center;
	line-height:25px;
}
.app_list .kind .content .detail {
	line-height:1.4em;
}
.app_list .kind .content .detail p {
	display:-webkit-box;
	height:3.6em;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	white-space:normal;
	line-height:1.2em;
}
.app_list .kind .content .btn_box {
	margin-top:10px;
}
.app_list .kind .content .btn_box span {
	width:210px;
	background-color:#444;
	padding:8px 0;
	color:#fff;
	border:2px solid #444;
	transition:all 0.3s;
}
.app_list .kind > a:hover .content .btn_box span {
	background-color:#fff;
	color:#2b2b2b;
	font-weight:700;
}
.app_list .inner .noData { 
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:10px;
	width:100%;
	padding:70px 0 45px;
}
.app_list .inner .noData .ico { 
	display:block; 
	width:100%;
	padding:0 15px;
	margin:0 0 5px;
	text-align:center;
	font-size:0; 
}
.app_list .inner .noData .ico img { 
	max-width:100%; 
}
.app_list .inner .noData p { 
	font-size:20px;
	line-height:1.2;
	color:#9e9e9e;
}
@media (max-width:1299px) {
	.app_list .inner {
		max-width:100%;
	}
	.app_list .kind {
		width:49%;
	}
	.app_list .kind:nth-child(3n) { 
		margin-right:2%;
	}
	.app_list .kind:nth-child(2n) { 
		margin-right:0;
	}
	.app_list .kind:nth-child(-n+3) { 
		margin-top:20px;
	}
	.app_list .kind:nth-child(-n+2) { 
		margin-top:0;
	}
	.app_list .kind .img_box {
		height:225px;
	}	
}
@media (max-width:999px) { 
	.portfolioWr .app_list { 
		margin:0 0 40px;
	}
	.portfolioWr .app_list .pfPaging { 
		margin:40px 0 0;
	} 
	.app_list .inner .noData { 
		padding:40px 0;
	}
	.app_list .inner .noData p { 
		font-size:18px;
	}
}
@media (max-width:767px) {
	.app_list .kind .img_box {
		height:172px;
	}
	.app_list .kind .name .subJ {
		padding:3px;
		margin-top:1px;
		width:45px;
	}	
	.app_list .kind .name {
		font-size:18px;
		padding:8px 0;
	}
	.app_list .kind .content {
		font-size:13px;
	}
	.app_list .kind .content .btn_box span {
		width:150px;
		padding:5px 0;
		font-size:14px;
		line-height:20px;
	}
	.portfolioWr .app_list { 
		margin:0 0 30px;
	}
	.portfolioWr .app_list .pfPaging { 
		margin:30px 0 0;
	} 
	.app_list .inner .noData { 
		padding:30px 0;
	}
	.app_list .inner .noData p { 
		font-size:16px;
	}
}
@media (max-width:610px) { 	
	.app_list .kind .img_box {
		height:auto;
	}
	.app_list .kind > a:hover .img_box img {
		transform:scale(1);
	}
	.app_list .kind:nth-child(2n) {
		margin-right:0 !important;
	}
	.app_list .kind .name .subJ {
		padding:2px;
	}
	.app_list .kind .name .subJ.visibility {
		display:none;
	}
	.app_list .kind .name {
		padding:5px 0;
		margin:0 0 10px;
		font-size:16px;
	}
	.app_list .kind .content .detail { 
		margin:0 0 10px;
	}
	.app_list .kind .content br {
		display:none;
	}
	.app_list .kind .content .btn_box {
		margin-top:5px;
	}
}
@media (max-width:499px) { 
	.portfolioWr .app_list .pfPaging .btn-group button.pfPageP02 { 
		margin:0 10px 0 0;
	}
	.portfolioWr .app_list .pfPaging .btn-group button.pfPageN02 { 
		margin:0 0 0 10px;
	}
	.app_list .kind .img_box { 
		margin:0 0 4px;
	}
	.app_list .kind .name span { 
		display:block; 
	}
	.app_list .kind .name .subJ { 
		margin:0 auto;
	}
	.app_list .kind .content .btn_box span { 
		width:100%; 
	}
}
/* 포트폴리오 끝
------------------------------------------------------ */
/* 제작과정 시작
------------------------------------------------------ */
.processWr {
	overflow:hidden;
}
.processWr .subTopBanner { 
	background:url(/img/subPage/processBg.png) no-repeat;
	background-size:cover;
}
.processWr .proIcoCrs { 
	margin:0 0 50px;
}
.processWr .proIcoCrs > ol { 
	display:flex;
	flex-wrap:wrap;
	border-radius:10px;
	border:1px solid #e2e2e2;
	overflow:hidden;
}
.processWr .proIcoCrs > ol > li { 
	width:16.667%;
	padding:23px 10px 20px;
	border-right:1px solid #e2e2e2;
	text-align:center;
}
.processWr .proIcoCrs > ol > li span { 
	display:block; 
	line-height:1.2;
}
.processWr .proIcoCrs > ol > li .tit { 
	margin:0 0 10px;
	font-weight:700;
	font-size:18px;
	color:#373737;
}
.processWr .proIcoCrs > ol > li .imgBox { 
	margin:0 0 10px;
	font-size:0; 
}
.processWr .proIcoCrs > ol > li .txt { 
	font-size:17px;
	color:#424242;
}
.processWr .proIcoCrs > ol > li:last-child { 
	background:linear-gradient(to right, #f23b3b, #f27d3b);
}
.processWr .proIcoCrs > ol > li:last-child .tit,
.processWr .proIcoCrs > ol > li:last-child .txt { 
	color:#fff; 
}
.processWr .proTxtCrs { 
	margin:0 0 45px;
}
.processWr .proTxtCrs > ul > li { 
	position:relative;
	margin:0 0 37px;
}
.processWr .proTxtCrs > ul > li .tit { 
	position:relative; 
	margin:0 0 10px;
	padding:2px 0 0 40px;
	font-size:18px;
	color:#212121;
	line-height:1.2;
	letter-spacing:-.08em;
	font-weight:500;
}
.processWr .proTxtCrs > ul > li .tit .cir { 
	position:absolute; 
	display:flex; 
	align-items:center;
	justify-content:center;
	width:32px;
	height:25px;
	left:0;
	top:0;
	background:#ec331b;
	color:#fff;
	letter-spacing:0;
}
.processWr .proTxtCrs > ul > li .tit .bTxt { 
	font-weight:700; 
}
.processWr .proTxtCrs > ul > li .tit.tit01 .cir { 
	background:#ec331b; 
}
.processWr .proTxtCrs > ul > li .txt { 
	color:#424242;
	font-weight:500;
	font-size:16px;
	line-height:1.42;
	letter-spacing:-.05em;
}
.processWr .proTxtCrs > ul > li .txt span { 
	color:#ec331b;
}
.processWr .proTxtCrs > ul > li:last-child { 
	margin:0;
}
.proSklBox { 
	position:relative; 
	padding:50px 0;
	line-height:1.2;
}
.proSklBox:before { 
	content:"";
	position:absolute; 
	display:block; 
	width:1920px; 
	height:100%;
	top:0;
	left:50%;
	margin:0 0 0 -960px;
	background:#f9f9f9; 
	z-index:-1;
}
.proSklBox .bTit {  
	margin:0 0 13px;
	font-size:28px;
	font-weight:700;
	color:#212121;
	text-align:center;
}
.proSklBox .bTxt { 
	margin:0 0 48px;
	font-size:18px;
	color:#424242;
	text-align:center;
}
.proSklBox .mTit { 
	position:relative; 
	padding:0 0 0 23px;
	margin:0 0 8px;
	font-size:18px;
	line-height:1.2;
	color:#212121;
	font-weight:500;
}
.proSklBox .mTit:before { 
	content:"";
	position:absolute; 
	display:block; 
	width:0;
	height:0;
	left:2px;
	top:2px;
	border-left:15px solid #212121;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
}
.proSklBox .mLst { 
	padding:40px 0;
	margin:0 0 50px;
	border:1px solid #424242;
	background:#fff;
}
.proSklBox .mLst > ul { 
	display:flex;
	flex-wrap:wrap;
}
.proSklBox .mLst > ul > li { 
	width:25%; 
	padding:0 75px;
	border-right:1px solid #d2d2d2;
}
.proSklBox .mLst > ul > li span { 
	display:block;	
}
.proSklBox .mLst > ul > li .mLstTit { 
	margin:0 0 5px;
	font-size:18px;
	font-weight:500;
	color:#212121;
}
.proSklBox .mLst > ul > li .mLstEng { 
	margin:0 0 16px;
	font-size:15px;
	color:#ec331b; 
}
.proSklBox .mLst > ul > li .mLstTxt { 
	font-size:15px;
	color:#424242;
}
.proSklBox .mLst > ul > li .mLstTxt + .mLstTxt { 
	margin:2px 0 0;
}
.proSklBox .mLst > ul > li:last-child { 
	border-right-width:0;
}
.proSklBox .bLst > ul { 
	display:flex;
	flex-wrap:wrap;
}
.proSklBox .bLst > ul > li { 
	width:49%;
	margin:2% 2% 0 0;
}
.proSklBox .bLst > ul > li .bLstTit { 
	padding:0 0 0 12px;
	margin:0 0 8px;
	border-left:2px solid #212121;
	font-size:18px;
	color:#212121;
	font-weight:700;
}
.proSklBox .bLst > ul > li .bLstTxt { 
	font-size:16px;
	color:#424242;
}
.proSklBox .bLst > ul > li:nth-child(-n+2) { 
	margin-top:0;
}
.proSklBox .bLst > ul > li:nth-child(2n) { 
	margin-right:0;
}
@media (max-width:1199px) { 
	.processWr .proIcoCrs { 
		margin:0 0 40px;
	}
	.processWr .proTxtCrs { 
		margin:0 0 30px;
	}
	.processWr .proTxtCrs > ul > li { 
		margin:0 0 30px;
	}
	.proSklBox { 
		padding:40px 0;
	}	
	.proSklBox .bTit { 
		font-size:25px; 
	}
	.proSklBox .bTxt { 
		margin:0 0 20px;
	}
	.proSklBox .mLst { 
		padding:30px 0;
		margin:0 0 40px;
	}
	.proSklBox .mLst > ul > li { 
		padding:0 50px;
	}
}
@media (max-width:999px) { 	
	.processWr .proIcoCrs { 
		margin:0 0 30px;
	}
	.processWr .proIcoCrs > ol > li { 
		width:33.333%;
		padding:10px;
		border-bottom:1px solid #e2e2e2;
	}
	.processWr .proIcoCrs > ol > li .tit { 
		margin:0 0 5px;
		font-size:16px;
	}
	.processWr .proIcoCrs > ol > li .txt { 
		font-size:14px; 
	}
	.processWr .proIcoCrs > ol > li .imgBox img { 
		width:40px; 
	}
	.processWr .proIcoCrs > ol > li:nth-child(n+4) { 
		border-bottom-width:0;
	}
	.processWr .proTxtCrs > ul > li { 
		margin:0 0 20px;
	}
	.processWr .proTxtCrs > ul > li .tit { 
		padding:3px 0 0 37px;
		font-size:16px; 
	}
	.processWr .proTxtCrs > ul > li .txt { 
		font-size:14px; 
	}
	.proSklBox { 
		padding:30px 0;
	}
	.proSklBox .bTit { 
		margin:0 0 10px;
		font-size:20px; 
	}
	.proSklBox .bTxt { 
		font-size:16px; 
	}
	.proSklBox .mLst { 
		padding:20px 0;
		margin:0 0 30px;
	}
	.proSklBox .mLst > ul > li { 
		padding:0 30px;
	}
	.proSklBox .bLst > ul > li .bLstTit { 
		padding:0 0 0 8px;
	}
}
@media (max-width:799px) { 
	.proSklBox .mLst { 
		padding:0;
	}
	.proSklBox .mLst > ul > li { 
		width:50%;
		padding:0 20px;
		margin:20px 0;
	}
	.proSklBox .mLst > ul > li:nth-child(2n) { 
		border-right-width:0;
	}
	.proSklBox .bTit { 
		font-size:18px; 
	}
	.proSklBox .mTit,
	.proSklBox .mLst > ul > li .mLstTit { 
		font-size:16px; 
	}
	.proSklBox .mLst > ul > li .mLstEng,
	.proSklBox .mLst > ul > li .mLstTxt { 
		font-size:14px; 
	}
	.proSklBox .mLst > ul > li .mLstEng { 
		margin:0 0 10px;
	}
	.proSklBox .bLst > ul > li .bLstTit { 
		font-size:16px; 
	}
	.proSklBox .bLst > ul > li .bLstTxt { 
		font-size:14px; 
	}
}
@media (max-width:499px) { 
	.processWr .proIcoCrs > ol > li { 
		width:50%; 
	}
	.processWr .proIcoCrs > ol > li:nth-child(n+4) { 
		border-bottom-width:1px;
	}
	.processWr .proIcoCrs > ol > li:nth-child(n+5) { 
		border-bottom-width:0;
	}
	.processWr .proTxtCrs > ul > li { 
		margin:0 0 10px;
	}
	.proSklBox .bTxt { 
		margin:0 0 10px;
	}
	.proSklBox .mLst > ul > li { 
		padding:0 10px;
		margin:10px 0;
	}
	.proSklBox .bLst > ul > li { 
		width:100%; 
		margin:0 0 15px;
	}
	.proSklBox .bLst > ul > li:last-child { 
		margin:0;
	}
}
/* 제작과정 끝
------------------------------------------------------ */
/* 서비스 상세페이지 시작
------------------------------------------------------ */
.servicesPageWr {
	overflow:hidden;
}
.servicesPageWr .subTopBanner { 
	background:url(/img/subPage/servicesPageBg.png) no-repeat;
	background-size:cover;
}
.servicesPageWr .spIcoCrs { 
	margin:0 0 60px;
}
.servicesPageWr .spIcoCrs > ul { 
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.servicesPageWr .spIcoCrs > ul:after { 
	display:none;
}
.servicesPageWr .spIcoCrs > ul > li { 
	position:relative;
	width:calc((100% - 10px)/2);
	padding:27px 30px 17px 165px;
	margin:10px 0 0;
	border:1px solid #ccc; 
}
.servicesPageWr .spIcoCrs > ul > li .imgBox { 
	position:absolute; 
	left:60px;
	top:50%;
	transform:translateY(-50%);
}
.servicesPageWr .spIcoCrs > ul > li .imgBox img { 
	width:100%;
}
.servicesPageWr .spIcoCrs > ul > li .conBox .tit {  
	position:relative; 
	margin:0 0 13px;
	padding:0 0 0 32px;
	color:#212121;
	font-size:18px;
	line-height:1.2;
	font-weight:700;
}
.servicesPageWr .spIcoCrs > ul > li .conBox .tit .num { 
	position:absolute; 
	display:flex; 
	justify-content:center;
	align-items:center;
	width:25px;
	height:25px;
	left:0;
	top:0;
	background:#ec331b;
	font-size:16px;
	color:#fff;
}
.servicesPageWr .spIcoCrs > ul > li .conBox .tit .eng { 
	font-weight:600;
}
.servicesPageWr .spIcoCrs > ul > li .conBox .txt { 
	font-size:16px;
	line-height:1.57;
	font-weight:500;
	color:#424242;
	letter-spacing:-.1em;
	word-break:break-all;
}
.servicesPageWr .spIcoCrs > ul > li:nth-child(-n+2) { 
	margin-top:0;
}
.servicesPageWr .spTxtCrs > ul > li { 
	position:relative;
	padding:40px 0;
}
.servicesPageWr .spTxtCrs > ul > li:before { 
	content:"";
	position:absolute; 
	display:block;
	width:3000px;
	height:100%;
	top:0;
	left:50%;
	transform:translateX(-50%);
	background:#fff;
	z-index:-1;
}
.servicesPageWr .spTxtCrs > ul > li .kor { 
	margin:0 0 8px;
	font-size:25px;
	line-height:1.2;
	color:#212121;
	font-weight:700;
	letter-spacing:-.08em;
}
.servicesPageWr .spTxtCrs > ul > li .eng { 
	margin:0 0 20px;
	font-size:18px;
	line-height:1.2;
	color:#ec331b;
	font-weight:700;
}
.servicesPageWr .spTxtCrs > ul > li .txt { 
	color:#424242;
	font-size:17px;
	line-height:1.73;
	letter-spacing:-.1em;
	font-weight:500;
}
.servicesPageWr .spTxtCrs > ul > li .txt span { 
	color:#ec331b;
}
.servicesPageWr .spTxtCrs > ul > li:nth-child(2n+1):before { 
	background:#f9f9f9;
}
@media (max-width:1199px) { 
	.servicesPageWr .spIcoCrs > ul > li { 
		padding:20px 20px 20px 120px;
	}
	.servicesPageWr .spIcoCrs > ul > li .imgBox { 
		width:56px;
		left:30px;  
	}
	.servicesPageWr .spIcoCrs > ul > li .conBox .tit { 
		margin:0 0 10px;
	}	
}
@media (max-width:999px) { 	
	.servicesPageWr .spIcoCrs { 
		margin:0 0 40px;
	}
	.servicesPageWr .spIcoCrs > ul > li { 
		padding:15px 15px 15px 95px;
	}
	.servicesPageWr .spIcoCrs > ul > li .imgBox { 
		width:49px;
		top:15px;
		left:20px;
		transform:translateY(0);
	}
	.servicesPageWr .spTxtCrs > ul > li { 
		padding:30px 0;
	}
	.servicesPageWr .spTxtCrs > ul > li .kor { 
		margin:0 0 3px;
		font-size:20px;
	}
}
@media (max-width:767px) {
	.servicesPageWr .spIcoCrs { 
		margin:0 0 30px;
	}
	.servicesPageWr .spIcoCrs > ul > li { 
		padding:15px 15px 15px 70px;
	}
	.servicesPageWr .spIcoCrs > ul > li .imgBox { 
		width:42px;
		left:15px;
		top:10px;
	}
	.servicesPageWr .spIcoCrs > ul > li .conBox .tit { 
		padding:3px 0 0 32px;
		font-size:16px; 
	}
	.servicesPageWr .spIcoCrs > ul > li .conBox .txt { 
		font-size:14px; 
	}
	.servicesPageWr .spTxtCrs > ul > li { 
		padding:20px 0;
	}
	.servicesPageWr .spTxtCrs > ul > li .kor { 
		font-size:18px; 
	}
	.servicesPageWr .spTxtCrs > ul > li .eng { 
		margin:0 0 10px;
	}
	.servicesPageWr .spTxtCrs > ul > li .txt { 
		font-size:15px; 
	}
}
@media (max-width:499px) { 
	.servicesPageWr .spIcoCrs > ul > li { 
		width:100%;
		margin:0 0 10px;
	}
	.servicesPageWr .spIcoCrs > ul > li:last-child { 
		margin:0;
	}
	.servicesPageWr .spTxtCrs > ul > li .kor,
	.servicesPageWr .spTxtCrs > ul > li .eng { 
		font-size:16px; 
	}
	.servicesPageWr .spTxtCrs > ul > li .txt { 
		font-size:14px; 
	}
}
/* 서비스 상세페이지 끝
------------------------------------------------------ */
/* 노하우 공개 시작
------------------------------------------------------ */
.knowHowWr { 
	line-height:1.2; 
}
.knowHowWr .subTopBanner { 
	background:url(/img/subPage/knowHowPageBg.png) no-repeat;
	background-size:cover;
}
.knowHowWr .knowQtit { 
	position:relative; 
	margin:0 0 20px 57px;
	padding:0 0 0 60px;
}
.knowHowWr .knowQtit .ico { 
	position:absolute; 
	left:0;
	top:0;
	font-size:0; 
}
.knowHowWr .knowQtit .txt { 
	font-size:30px;
	color:#373737;
	font-weight:500;
}
.knowHowWr .knowABox { 
	padding:26px 10px 23px;
	border:1px solid #f2503b;
	border-top-width:3px;
	text-align:center;
}
.knowHowWr .knowABox .knowATit { 
	position:relative;
	display:inline-block; 
	margin:0 0 10px;
	padding:4px 0 0 45px;
}
.knowHowWr .knowABox .knowATit .ico { 
	position:absolute; 
	left:0;
	top:0;
	font-size:0; 
}
.knowHowWr .knowABox .knowATit .txt { 
	font-size:20px;
	color:#212121;
}
.knowHowWr .knowABox .knowAStit { 
	font-size:18px;
	color:#424242;
}
.knowHowWr .knowABox .knowAStit ul li { 
	margin:0 0 4px;
}
.knowHowWr .knowABox .knowAStit ul li br { 
	display:none;
}
.knowHowWr .knowABox .knowAStit ul li:last-child { 
	margin:0;
}
.knowHowWr .knowABox .knowAStit p { 
	line-height:1.5; 
}
.knowHowWr .knowABox .knowATxt { 
	position:relative; 
	margin:18px 0 0;
	padding:25px 0 0;
}
.knowHowWr .knowABox .knowATxt:before { 
	content:"";
	position:absolute;
	width:38px;
	height:5px;
	left:50%;
	top:0;
	margin:0 0 0 -19px;
	background:#F2503B;
}
.knowHowWr .knowABox .knowATxt p { 
	font-weight:700;
	font-size:20px;
	line-height:1.5;
}
.knowHowWr .knowABox .knowATxt p.st01 { 
	font-weight:400;
	font-size:18px; 
}
.knowHowWr .knowABox .knowATit .txt span,
.knowHowWr .knowABox .knowAStit span,
.knowHowWr .knowABox .knowATxt p span { 
	display:inline; 
	font-weight:700;
	color:#f2503b;
}
.knowHowWr .knowGBox { 
	background:#f5f5f5;
	margin:0 0 40px;
	padding:32px 58px;
}
.knowHowWr .knowGBox.knowGBox01 .titBox { 
	position:relative;
	padding:1px 0 0 33px;
	letter-spacing:-.74px;
}
.knowHowWr .knowGBox.knowGBox01 .titBox .num { 
	position:absolute; 
	display:block; 
	left:0;
	top:0;
	font-size:20px;
	font-weight:500;
	color:#f2503b;
}
.knowHowWr .knowGBox.knowGBox01 .titBox .tit { 
	margin:0 0 5px;
	font-size:20px;
	color:#212121;
	font-weight:600;
}
.knowHowWr .knowGBox.knowGBox01 .titBox .txt { 
	margin:0 0 20px;
	font-size:15px;
	color:#424242;
}
.knowHowWr .knowGBox.knowGBox01 .lstBox + .titBox { 
	margin:33px 0 0;
}
.knowHowWr .knowGBox.knowGBox01 .lstBox > ul { 
	display:flex;
	flex-wrap:wrap;
}
.knowHowWr .knowGBox.knowGBox01 .lstBox > ul > li { 
	width:49%;
	margin:0 2% 0 0;
	border-radius:0 0 5px 5px;
	border:1px solid #e7e7e7;
	background:#fff;
	border-top:none;
	text-align:center;
}
.knowHowWr .knowGBox.knowGBox01 .lstBox > ul > li .tit { 
	padding:12px 10px 10px;
	background:#f2503b;
	border-radius:5px 5px 0 0;
	font-size:16px;
	font-weight:500;
	color:#fff;
}
.knowHowWr .knowGBox.knowGBox01 .lstBox > ul > li .conBox { 
	padding:32px 10px;
}
.knowHowWr .knowGBox.knowGBox01 .lstBox > ul > li .conBox .imgBox { 
	margin:0 0 15px;
}
.knowHowWr .knowGBox.knowGBox01 .lstBox > ul > li .conBox .imgBox img { 
	max-width:100%;
}
.knowHowWr .knowGBox.knowGBox01 .lstBox > ul > li .conBox .txt { 
	font-size:16px;
	line-height:1.5;
	color:#373737;
}
.knowHowWr .knowGBox.knowGBox01 .lstBox > ul > li:nth-child(2n) { 
	margin-right:0;
}
.knowHowWr .knowGBox.knowGBox02 { 
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:10px;
}
.knowHowWr .knowGBox.knowGBox02 .lBox .sTxt { 
	margin:0 0 28px;
	font-size:17px;
	line-height:1.448;
	color:#424242;
}
.knowHowWr .knowGBox.knowGBox02 .lBox .sTxt span { 
	font-weight:500;
	font-size:18px;
}
.knowHowWr .knowGBox.knowGBox02 .lBox .txt { 
	font-size:20px;
	color:#212121;
}
.knowHowWr .knowGBox.knowGBox02 .lBox .txt span { 
	display:inline; 
	font-weight:500;
	color:#f2503b;
}
.knowHowWr .knowGBox.knowGBox02 .lBox .txt.txt02 { 
	position:relative; 
	margin:5px 0 0;
	padding:0 0 0 20px;
}
.knowHowWr .knowGBox.knowGBox02 .lBox .txt.txt02:before { 
	content:"";
	position:absolute; 
	display:block; 
	width:0;
	height:0;
	left:4px;
	top:4px;
	border-left:12px solid #212121;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
}
.knowHowWr .knowGBox.knowGBox02 .rBox img { 
	max-width:100%; 
}
.knowHowWr .knowGBox.knowGBox03 .titBox { 
	margin:0 0 20px;
}
.knowHowWr .knowGBox.knowGBox03 .titBox .tit,
.knowHowWr .knowGBox.knowGBox03 .titBox .txt {
	position:relative;
	padding:0 0 0 17px;
}
.knowHowWr .knowGBox.knowGBox03 .titBox .tit:before { 
	content:"";
	position:absolute; 
	display:block; 
	width:2px;
	height:16px;
	top:5px;
	left:0;
	background:#373737;
}
.knowHowWr .knowGBox.knowGBox03 .titBox .tit { 
	font-size:20px;
	color:#212121;
}
.knowHowWr .knowGBox.knowGBox03 .titBox .txt { 
	font-size:15px;
	line-height:1.447;
	color:#424242;
}
.knowHowWr .knowGBox.knowGBox03 .graBox { 
	margin:0 0 15px;
}
.knowHowWr .knowGBox.knowGBox03 .graBox img { 
	width:100%; 
}
.knowHowWr .knowGBox.knowGBox03 .txtBox .tit,
.knowHowWr .knowGBox.knowGBox03 .txtBox .txt { 
	position:relative; 
	padding:0 0 0 24px;
}
.knowHowWr .knowGBox.knowGBox03 .txtBox .tit { 
	margin:0 0 5px;
	font-size:20px;
	color:#212121;
}
.knowHowWr .knowGBox.knowGBox03 .txtBox .tit:before { 
	content:"";
	position:absolute; 
	display:block; 
	width:0;
	height:0;
	left:3px;
	top:3px;
	border-left:12px solid #212121;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
}
.knowHowWr .knowGBox.knowGBox03 .txtBox .txt { 
	font-size:15px; 
	line-height:1.447;
	color:#424242;
}
.knowHowWr .knowGBox.knowGBox03 .txtBox .txt span { 
	display:inline; 
	color:#f2503b;
	font-weight:500;
}
.knowHowWr .knowBtmBox .tit span { 
	display:block; 
	text-align:center;
	color:#373737;
}
.knowHowWr .knowBtmBox .tit .sTit { 
	margin:0 0 10px;
	font-size:30px;
}
.knowHowWr .knowBtmBox .tit .sTit em { 
	font-style:normal;
	font-weight:500;
	color:#f2503b;
}
.knowHowWr .knowBtmBox .tit .txt { 
	font-weight:700;
	font-size:45px;
}
.knowHowWr .knowBtmBox > .txt { 
	margin:0 0 23px;
	text-align:center; 
	font-size:20px;
	line-height:1.5;
	color:#212121;
}
.knowHowWr .knowBtmBox > .txt span { 
	display:inline; 
	font-weight:500;
	color:#f2503b;
}
.knowHowWr .knowBtmBox .gBox { 
	display:flex;
	align-items:center;
	gap:70px;
	padding:33px 57px;
	margin:0 0 46px;
	background:#f5f5f5;
	border:1px solid #f2503b;
	border-top-width:3px;
}
.knowHowWr .knowBtmBox .gBox .lBox .lBoxTxt { 
	margin:0 0 30px;
	font-size:17px;
	line-height:1.448;
	color:#424242;
}
.knowHowWr .knowBtmBox .gBox .lBox .lBoxTxt span { 
	display:block;
	font-size:18px;
	font-weight:500;
}
.knowHowWr .knowBtmBox .gBox .lBox .lBoxBtxt { 
	position:relative; 
	padding:0 0 0 16px;
	font-size:18px;
	font-weight:700;
	color:#424242;
}
.knowHowWr .knowBtmBox .gBox .lBox .lBoxBtxt:before { 
	content:"";
	position:absolute; 
	display:block;
	left:0;
	top:3px;
	border-left:10px solid #212121;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
}
.knowHowWr .knowBtmBox .gBox .lBox .lBoxBtxt span { 
	display:inline;
	color:#e2503b;
}
.knowHowWr .knowBtmBox .gBox .rBox img { 
	max-width:100%;
}
.knowHowWr .knowLnkBox { 
	margin:0 0 50px;
}
.knowHowWr .knowLnkBox > .tit { 
	margin:0 0 22px;
	text-align:center; 	 
	font-size:30px;
	color:#373737;
	font-weight:700;
}
.knowHowWr .knowLnkBox .knowLnkLst > ul { 
	display:flex;
	justify-content:space-between;
	width:100%;
	max-width:1010px;
	margin:0 auto;
}
.knowHowWr .knowLnkBox .knowLnkLst > ul > li { 
	width:49%; 
	margin:0 2% 0 0;
}
.knowHowWr .knowLnkBox .knowLnkLst > ul > li a { 
	position:relative; 
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	padding:30px 10px;
	border-radius:5px;
}
.knowHowWr .knowLnkBox .knowLnkLst > ul > li a span { 
	font-size:30px; 
	font-weight:500;
}
.knowHowWr .knowLnkBox .knowLnkLst > ul > li a span em { 
	font-style:normal;
	font-weight:600;
}
.knowHowWr .knowLnkBox .knowLnkLst > ul > li a .conBox { 
	position:relative; 
	display:flex;
	align-items:center;
	padding:0 0 0 50px;
	font-size:0; 
    animation:textEffect 2s linear infinite;
}
.knowHowWr .knowLnkBox .knowLnkLst > ul > li a .ico { 
	position:absolute; 
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	left:0;
	top:50%;
	transform:translateY(-50%);
	font-size:0; 
}
.knowHowWr .knowLnkBox .knowLnkLst > ul > li a .ico img { 
	max-width:100%; 
}
.knowHowWr .knowLnkBox .knowLnkLst > ul > li a .kor,
.knowHowWr .knowLnkBox .knowLnkLst > ul > li a .num { 
	display:block;
}
.knowHowWr .knowLnkBox .knowLnkLst > ul > li a .kor { 
	margin:0 7px 0 0;
}
.knowHowWr .knowLnkBox .knowLnkLst > ul > li a .num { 
	font-weight:600; 
}
.knowHowWr .knowLnkBox .knowLnkLst > ul > li a .arr { 
	position:absolute; 
	display:block; 
	right:14px;
	bottom:-29px;
	font-size:0;
	z-index:1;
	animation:mouseEffect 2s linear infinite;
}
.knowHowWr .knowLnkBox .knowLnkLst > ul > li a .arr img { 
	width:100%; 
}
.knowHowWr .knowLnkBox .knowLnkLst > ul > li a.call { 
	background:#7B0F00;
	color:#fff;
}
.knowHowWr .knowLnkBox .knowLnkLst > ul > li a.kakao { 
	background:#FAE100;
	color:#373737;
}
.knowHowWr .knowLnkBox .knowLnkLst > ul > li:nth-child(2n) { 
	margin-right:0;
}
@keyframes mouseEffect {
    10% {transform:scale(1)}
    15% {transform:scale(0.8)}
    20% {transform:scale(1)}
    25% {transform:scale(0.8)}
    30% {transform:scale(1)}
}
@keyframes textEffect {
    10% {opacity:1}
    15% {opacity:0}
    20% {opacity:1}
    25% {opacity:0}
    30% {opacity:1}
}
@media (max-width:1199px) { 
	.knowHowWr .knowQtit { 
		margin:0 0 20px;
		padding:0 0 0 45px;
	}
	.knowHowWr .knowQtit .txt { 
		font-size:25px; 
	}
	.knowHowWr .knowGBox { 
		padding:30px;
	}
	.knowHowWr .knowGBox.knowGBox02 .rBox img { 
		width:446px; 
	}
	.knowHowWr .knowGBox.knowGBox03 .txtBox .tit,
	.knowHowWr .knowGBox.knowGBox03 .txtBox .txt { 
		padding:0 0 0 20px;
	}
}
@media (max-width:999px) { 
	.knowHowWr .knowQtit { 
		padding:2px 0 0 35px;
	}
	.knowHowWr .knowQtit .ico img { 
		width:30px;
	}
	.knowHowWr .knowQtit .txt { 
		font-size:20px; 
	}
	.knowHowWr .knowABox { 
		padding:20px 10px;
	}
	.knowHowWr .knowABox .knowATit { 
		padding:1px 0 0 28px;
	}
	.knowHowWr .knowABox .knowAStit { 
		font-size:16px;
	}
	.knowHowWr .knowABox .knowATit .ico img { 
		width:24px; 
	}
	.knowHowWr .knowABox .knowATit .txt { 
		font-size:17px; 
	}
	.knowHowWr .knowABox .knowATxt { 
		margin:15px 0 0;
		padding:15px 0 0;
	}
	.knowHowWr .knowABox .knowATxt:before { 
		height:3px; 
	}
	.knowHowWr .knowABox .knowATxt p,
	.knowHowWr .knowABox .knowATxt p.st01 { 
		font-size:17px; 
	}
	.knowHowWr .knowABox .knowATxt p br { 
		display:none; 
	}
	.knowHowWr .knowGBox { 
		margin:0 0 30px;
		padding:20px;
	}
	.knowHowWr .knowGBox.knowGBox01 .titBox { 
		padding:2px 0 0 30px;
	}
	.knowHowWr .knowGBox.knowGBox01 .titBox .tit { 
		font-size:17px; 
	}
	.knowHowWr .knowGBox.knowGBox01 .titBox .txt { 
		margin:0 0 15px;
	}
	.knowHowWr .knowGBox.knowGBox01 .lstBox + .titBox { 
		margin:20px 0 0;
	}
	.knowHowWr .knowGBox.knowGBox01 .lstBox > ul > li .conBox { 
		padding:20px 10px;
	}
	.knowHowWr .knowGBox.knowGBox01 .lstBox > ul > li .conBox .txt br { 
		display:none; 
	}
	.knowHowWr .knowGBox.knowGBox02 { 
		flex-wrap:wrap;
		flex-direction:column;
	}
	.knowHowWr .knowGBox.knowGBox02 .lBox .sTxt { 
		margin:0 0 20px;
		font-size:16px; 
	}
	.knowHowWr .knowGBox.knowGBox02 .lBox .sTxt span { 
		font-size:17px; 
	}
	.knowHowWr .knowGBox.knowGBox02 .lBox .txt { 
		font-size:18px; 
	}
	.knowHowWr .knowGBox.knowGBox02 .lBox .txt.txt02:before { 
		left:8px;
		top:6px;
		border-left-width:8px; 
		border-top-width:5px; 
		border-bottom-width:5px; 
	}
	.knowHowWr .knowGBox.knowGBox03 .titBox .tit,
	.knowHowWr .knowGBox.knowGBox03 .titBox .txt {
		padding:0 0 0 10px;
	}
	.knowHowWr .knowGBox.knowGBox03 .titBox .tit { 
		font-size:18px; 
	}	
	.knowHowWr .knowGBox.knowGBox03 .titBox .tit:before { 
		top:3px;
	}
	.knowHowWr .knowGBox.knowGBox03 .txtBox .tit,
	.knowHowWr .knowGBox.knowGBox03 .txtBox .txt { 
		padding:0 0 0 15px;
	}
	.knowHowWr .knowGBox.knowGBox03 .txtBox .tit { 
		font-size:18px; 
	}
	.knowHowWr .knowBtmBox .tit .sTit { 
		font-size:25px;
	}
	.knowHowWr .knowBtmBox .tit .txt { 
		font-size:35px;
	}
	.knowHowWr .knowBtmBox > .txt { 
		margin:0 0 15px;
		font-size:18px; 
	}
	.knowHowWr .knowBtmBox .gBox { 
		flex-direction:column;
		gap:20px;
		padding:20px;
		margin:0 0 30px;
	}
	.knowHowWr .knowBtmBox .gBox .lBox .lBoxTxt { 
		margin:0 0 20px;
		font-size:16px;
	}
	.knowHowWr .knowBtmBox .gBox .lBox .lBoxTxt span { 
		display:inline; 
		font-size:17px; 
	}
	.knowHowWr .knowBtmBox .gBox .rBox { 
		width:318px; 
		max-width:100%;
	}
	.knowHowWr .knowBtmBox .gBox br { 
		display:none;
	}
	.knowHowWr .knowLnkBox { 
		margin:0 0 30px;
	}
	.knowHowWr .knowLnkBox > .tit { 
		margin:0 0 15px;
		font-size:25px; 
	}
	.knowHowWr .knowLnkBox .knowLnkLst > ul > li a { 
		padding:20px 10px;
	}
	.knowHowWr .knowLnkBox .knowLnkLst > ul > li a span { 
		font-size:25px; 
	}
	.knowHowWr .knowLnkBox .knowLnkLst > ul > li a .arr { 
		width:24px; 
		right:10px;
		bottom:-15px;
	}
}
@media (max-width:799px) { 
	.knowHowWr .knowQtit .ico { 
		width:27px;
	}
	.knowHowWr .knowQtit .txt { 
		font-size:18px; 
	}
	.knowHowWr .knowABox { 
		padding:15px 10px;
	}
	.knowHowWr .knowBtmBox .tit .sTit { 
		font-size:20px;
	}
	.knowHowWr .knowBtmBox .tit .txt { 
		font-size:30px;
	}
	.knowHowWr .knowBtmBox > .txt { 
		font-size:17px; 
	}
	.knowHowWr .knowLnkBox > .tit { 
		font-size:20px; 
	}
	.knowHowWr .knowLnkBox .knowLnkLst > ul { 
		flex-wrap:wrap;
	}
	.knowHowWr .knowLnkBox .knowLnkLst > ul > li { 
		width:100%; 
		margin:0 0 10px;
	}
	.knowHowWr .knowLnkBox .knowLnkLst > ul > li a { 
		padding:15px 10px;
	}
	.knowHowWr .knowLnkBox .knowLnkLst > ul > li a span { 
		font-size:20px; 
	}
	.knowHowWr .knowLnkBox .knowLnkLst > ul > li a .arr { 
		width:21px; 
		right:5px;
		bottom:-12px;
	}
	.knowHowWr .knowLnkBox .knowLnkLst > ul > li:last-child { 
		margin:0;
	}
	.knowHowWr .knowGBox.knowGBox01 .lstBox > ul > li { 
		width:100%; 
		margin:0 0 10px;
	}
	.knowHowWr .knowGBox.knowGBox01 .lstBox > ul > li .conBox { 
		padding:10px;
	}
	.knowHowWr .knowGBox.knowGBox01 .lstBox > ul > li .conBox .txt { 
		font-size:14px; 
	}
	.knowHowWr .knowGBox.knowGBox01 .lstBox > ul > li:last-child { 
		margin:0;
	}
}
@media (max-width:499px) { 
	.knowHowWr .knowQtit { 
		margin:0 0 15px;
	}
	.knowHowWr .knowQtit .txt { 
		font-size:18px; 
	}
	.knowHowWr .knowABox .knowATit .txt,
	.knowHowWr .knowABox .knowATxt p,
	.knowHowWr .knowABox .knowATxt p.st01 { 
		font-size:15px; 
	}
	.knowHowWr .knowABox .knowAStit { 
		font-size:14px; 
	}
	.knowHowWr .knowABox .knowAStit ul li br { 
		display:block;
	}
	.knowHowWr .knowGBox { 
		padding:15px;
	}
	.knowHowWr .knowGBox.knowGBox01 .titBox { 
		padding:3px 0 0 27px;
	}
	.knowHowWr .knowGBox.knowGBox01 .titBox .tit { 
		font-size:16px; 
	}
	.knowHowWr .knowGBox.knowGBox01 .titBox .txt { 
		font-size:14px; 
	}
	.knowHowWr .knowGBox.knowGBox01 .lstBox + .titBox { 
		margin:15px 0 0;
	}
	.knowHowWr .knowGBox.knowGBox02 .lBox .sTxt { 
		margin:0 0 10px;
		font-size:15px; 
	}
	.knowHowWr .knowGBox.knowGBox02 .lBox .sTxt span { 
		font-size:16px; 
	}
	.knowHowWr .knowGBox.knowGBox02 .lBox .txt { 
		font-size:16px; 
	}
	.knowHowWr .knowGBox.knowGBox03 .txtBox .tit { 
		font-size:16px; 
	}
	.knowHowWr .knowGBox.knowGBox03 .txtBox .tit:before { 
		left:0;
		top:4px;
		border-left-width:9px; 
		border-top-width:5px;
		border-bottom-width:5px;
	}
	.knowHowWr .knowGBox.knowGBox03 .titBox .tit { 
		margin:0 0 3px;
		font-size:16px; 
	}
	.knowHowWr .knowGBox.knowGBox03 .titBox .tit:before { 
		top:2px; 
	}
	.knowHowWr .knowGBox.knowGBox03 .titBox .txt { 
		font-size:14px; 
	}
	.knowHowWr .knowBtmBox .tit .sTit { 
		margin:0 0 5px;
		font-size:18px; 
	}
	.knowHowWr .knowBtmBox .tit .txt { 
		margin:0 0 10px;
		font-size:23px; 
	}
	.knowHowWr .knowBtmBox > .txt { 
		font-size:15px; 
	}
	.knowHowWr .knowBtmBox .gBox .lBox .lBoxTxt { 
		margin:0 0 15px;
		font-size:14px;
	}
	.knowHowWr .knowBtmBox .gBox .lBox .lBoxTxt span { 
		font-size:15px; 
	}
	.knowHowWr .knowBtmBox .gBox .lBox .lBoxBtxt { 
		font-size:16px; 
	}
	.knowHowWr .knowLnkBox { 
		margin:0 0 20px;
	}
	.knowHowWr .knowLnkBox > .tit { 
		font-size:18px; 
	}
	.knowHowWr .knowLnkBox .knowLnkLst > ul > li a span { 
		font-size:16px; 
	}
}
/* 노하우 공개 끝
------------------------------------------------------ */