@charset "UTF-8";


html:lang(ko), body{font-family:'Noto Sans KR', -apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji";color:#4f4f4f;}
h1, h2, h3, h4, h5 {color:#333}
legend, caption {display:none;}
legend.type_form {display:block;font-size:1.25rem;color:#333;font-weight:500}

a:link {color:#4f4f4f;text-decoration:none;cursor:pointer;}
a:visited {color:#4f4f4f; text-decoration:none;cursor:pointer;}
a:hover {color:#000; text-decoration:none;cursor:pointer;}
a:active {color:#000; text-decoration:none;cursor:pointer;}

#skipnavi {position:absolute;width:100%;z-index:11110;top:0;}
#skipnavi a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center;text-decoration:none;}
#skipnavi a:focus {width:auto;height:30px;margin:0;padding:8px;background:#000;font-size:14px;line-height:1;color:#fff;}

/* theme */
::-webkit-input-placeholder {color:#b2b2b2 !important;font-weight:lighter;}	/* WebKit, Blink, Edge */
:-moz-placeholder {color:#b2b2b2 !important;opacity:1;font-weight:lighter;}	/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#b2b2b2 !important;opacity:1;font-weight:lighter;}	/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#b2b2b2 !important;font-weight:lighter;}			/* Internet Explorer 10-11 */

.form-control-lg::-webkit-input-placeholder {font-size:16px;transform:translate3d(0,-3px,0);}	/* WebKit, Blink, Edge */
.form-control-lg:-moz-placeholder {font-size:16px;transform:translate3d(0,-3px,0);}	/* Mozilla Firefox 4 to 18 */
.form-control-lg::-moz-placeholder {font-size:16px;transform:translate3d(0,-3px,0);}	/* Mozilla Firefox 19+ */
.form-control-lg:-ms-input-placeholder {font-size:16px;transform:translate3d(0,-3px,0);}			/* Internet Explorer 10-11 */

.btn-primary {color: #fff;background-color: #0aa9e8;border-color: #0aa9e8;}
.btn-primary:hover,
.btn-primary:active {background-color:#0e8fc2 !important;border-color:#0e8fc2 !important;}
.btn-primary[disabled],
.btn-primary:disabled {border-color:#eee !important;background-color:#eee !important;color:#9b9b9b !important;}

.btn-secondary {color: #333;background-color: #f9f9f9;border-color:#ddd;}
.btn-secondary:hover,
.btn-secondary:active {color: #333 !important;background-color: #f9f9f9 !important;border-color:#afafaf !important;}
.btn-secondary[disabled],
.btn-secondary:disabled {border-color:#eee !important;background-color:#eee !important;color:#9b9b9b !important;}

.btn-outline-graylight {border-color:#ddd;}
.btn-outline-graylight:hover {background-color:#f8f9fa}

.btn-set {font-size:0}
.btn-set > button:not(:first-child) {margin-left:3px;}
.btn-set > button:not(:last-child) {margin-right:3px;}

.form-control {border-color:#e5e5e5;}

/* modal */
.modal .modal-header, .modal .modal-footer {border:none;}
.modal .modal-body {padding:1rem 2rem;}
.modal .modal-header .close {font-size:30px;padding:.7rem 1rem;}

/* common */
.text_strong {color:#0aa9e8}
.bracket_lg {position:relative;padding:20px 40px 15px 40px;line-height:1em;word-break:keep-all;}
.bracket_lg:before {content:"";display:block;position:absolute;width:35px;height:35px;border-left:7px solid #000;border-top:7px solid #000;left:0;top:0;opacity:.07}
.bracket_lg:after {content:"";display:block;position:absolute;width:35px;height:35px;border-right:7px solid #000;border-bottom:7px solid #000;right:0;bottom:0;opacity:.07}
.list-none, .list-none > li {list-style:none;padding:0;margin:0;}
.ul_list {line-height:1.3em;}
.ul_list > li {margin-left:15px;}
.ul_list > li:not(:last-child) {margin-bottom:8px;}
.list_dot > li {position:relative;padding-left:8px !important;}
.list_dot > li:before {content:"";display:block;width:3px;height:3px;border-radius:50%;background:#333;position:absolute;left:0;top:.7em;}

.text-black {color:#333 !important;}
.text-lightgray {color:#ababab !important}
.box-white {border:1px solid #ddd;padding:50px;background:#fff;border-radius:30px;margin-top:70px;}
.img-wrap {text-align:center;}
.img-wrap > img {max-width:100%;}
.img-wrap.bd_gray > img {border:1px solid #e6e6e6}
.bg_clip {clip:rect(1px,1px,1px,1px);position:absolute;width:1px;height:1px;overflow: hidden;}
.necessity:before {content: "*";display:inline-block;padding-right:5px;vertical-align: middle;font-size: 18px;color: #dc3545;}
.rounded-xlg {border-radius:10px}
.underline {text-decoration:underline !important}

/* opacity */
.opacity-1 {opacity:.1}
.opacity-2 {opacity:.2}
.opacity-3 {opacity:.3}
.opacity-4 {opacity:.4}
.opacity-5 {opacity:.5}
.opacity-6 {opacity:.6}
.opacity-7 {opacity:.7}
.opacity-8 {opacity:.8}
.opacity-9 {opacity:.9}
.opacity-10 {opacity:1}

/* line-height */
.lh-1 {line-height:1em !important;}
.lh-13 {line-height:1.3em !important;}
.lh-15 {line-height:1.5em !important;}
.lh-2 {line-height:2em !important;}

/* text size */
.text10 {font-size:10px !important;}
.text11 {font-size:11px !important;}
.text12 {font-size:12px !important;}
.text14 {font-size:14px !important;}
.text16 {font-size:16px !important;}
.text18 {font-size:18px !important;}
.text20 {font-size:20px !important;}

/* padding */
.py-30px {padding-top:30px !important;padding-bottom:30px !important;}
.px-5px {padding-left:5px !important;padding-right:5px !important;}
.px-10px {padding-left:10px !important;padding-right:10px !important;}
.px-80px {padding-left:80px !important;padding-right:80px !important;}

.pr-5px {padding-right:5px !important;}
.pr-10px {padding-right:10px !important;}
.pr-20px {padding-right:20px !important;}
.pr-30px {padding-right:30px !important;}
.pr-40px {padding-right:40px !important;}
.pr-50px {padding-right:50px !important;}

.pl-10px {padding-left:10px !Important;}
.pl-20px {padding-left:20px !Important;}
.pl-30px {padding-left:30px !Important;}
.pl-40px {padding-left:40px !Important;}
.pl-50px {padding-left:50px !Important;}

.pb-10px {padding-bottom:10px !Important;}
.pb-20px {padding-bottom:20px !Important;}
.pb-30px {padding-bottom:30px !Important;}
.pb-40px {padding-bottom:40px !Important;}
.pb-50px {padding-bottom:50px !Important;}

.pt-10px {padding-top:10px !Important;}
.pt-20px {padding-top:20px !Important;}


/* margin */
.mx-5px {margin-left:5px !important;margin-right:5px !important;}
.my-30px {margin-top:30px !important;margin-bottom:30px !important;}
.my-50px {margin-top:50px !important;margin-bottom:50px !important;}
.my-60px {margin-top:60px !important;margin-bottom:60px !important;}
.my-80px {margin-top:80px !important;margin-bottom:80px !important;}

.mr-5px {margin-right:5px !important;}
.mr-10px {margin-right:10px !important;}

.mt-5px {margin-top:5px !important;}
.mt-8px {margin-top:8px !important;}
.mt-10px {margin-top:10px !important;}
.mt-20px {margin-top:20px !important;}
.mt-22px {margin-top:22px !important;}
.mt-30px {margin-top:30px !important;}
.mt-40px {margin-top:40px !important;}
.mt-50px {margin-top:50px !important;}
.mt-60px {margin-top:60px !important;}
.mt-70px {margin-top:70px !important;}
.mt-100px {margin-top:100px !important;}

.mb-3px {margin-bottom:3px !important;}
.mb-5px {margin-bottom:5px !important;}
.mb-10px {margin-bottom:10px !important;}
.mb-20px {margin-bottom:20px !important;}
.mb-30px {margin-bottom:30px !important;}
.mb-40px {margin-bottom:40px !important;}
.mb-50px {margin-bottom:50px !important;}
.mb-100px {margin-bottom:100px !important;}

.mr-30px {margin-right:30px !important;}

/* width */
.w-50px {width:50px !important;}
.w-60px {width:60px !important;}
.w-65px {width:65px !important;}
.w-70px {width:70px !important;}
.w-80px {width:80px !important;}
.w-90px {width:90px !important;}
.w-100px {width:100px !important;}
.w-120px {width:120px !important;}
.w-150px {width:150px !important;}
.w-200px {width:200px !important;}
.w-250px {width:250px !important;}
.w-300px {width:300px !important;}
.w-350px {width:350px !important;}

.mw-auto {min-width:auto !important;}

/* 헤더, 주메뉴 */
.navbar.nav-main .container {position:relative;}
.navbar.nav-main h1 {display:inline-block;margin:0;font-size:1em;margin:14px 0 11px}
.navbar.nav-main h1 > a {display:block;width:180px;height:38px;background:url(../images/common/pickbot_logo.png) no-repeat center top}
.navbar.nav-main .nav-link {font-size:18px;color:#000;margin-bottom:5px;font-weight:700;transition:all .2s ease-out;}
.navbar.nav-main .nav-link.on,
.navbar.nav-main .nav-link:focus,
.navbar.nav-main .nav-link:hover {color:#0aa9e8}

.navbar.nav-main .navbar-collapse .navbar-nav {margin-right:60px;}
.navbar.nav-main .mypage_wrap {position:absolute;right:30px;margin-top:-2px;width:34px;height:30px;display:inline-block;}
.navbar.nav-main .mypage_wrap .btn_mypage {background:none;border:none;padding:5px;font-size:20px;transition:all .2s ease-out;outline:none;}
.navbar.nav-main .mypage_wrap .btn_mypage:hover {color:#0aa9e8}
.navbar.nav-main .mypage_wrap .btn_mypage.on,
.navbar.nav-main .mypage_wrap .btn_mypage:focus {color:#0aa9e8}

.navbar.nav-main .mypage_wrap .mypage_list {display:none;position:relative;background:#fff;width:auto;float:right;margin-right:-10px;margin-top:10px;font-size:14px;white-space:nowrap;border-radius:5px;border:1px solid #e4e4e4;}
.navbar.nav-main .mypage_wrap .mypage_list:before {content:"";width:10px;height:10px;display:inline-block;background:#fff;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;position:absolute;transform: rotate(45deg);top:-6px;right:23px;}
.navbar.nav-main .mypage_wrap .mypage_list ul {position:relative;}
.navbar.nav-main .mypage_wrap .mypage_list ul li:not(:last-child) {border-bottom:1px solid #eee;}
.navbar.nav-main .mypage_wrap .mypage_list a {display:block;line-height:1em;color:#000;padding:9px 15px;}
.navbar.nav-main .mypage_wrap .mypage_list a:hover {text-decoration:none;background:#fafafa;}
.navbar.nav-main .mypage_wrap .mypage_list a > i {font-size:13px;margin-right:7px;}
.navbar.nav-main .mypage_wrap .mypage_list a > i:before {width:18px;display:inline-block;text-align:center;}

.navbar.nav-main.on h1 > a {background-position:center -32px;}
.navbar.nav-main.on .navbar-collapse .navbar-nav {margin-top:10px;}
.navbar.nav-main.on .navbar-collapse .navbar-nav a {color:#b4b1b2;font-weight:400;}
.navbar.nav-main.on .navbar-collapse .navbar-nav a:hover {color:#fff;}
.navbar.nav-main.on .navbar-collapse .navbar-nav a.on {color:#fff;}
.navbar.nav-main.on .navbar-collapse .navbar-nav > li {border-top:1px solid #ffffff1a;padding-left:20px;}

.nav-main.sub_on {border-bottom: 1px solid #e5e5e5;}

@media (max-width: 992px) {
	.navbar.nav-main .navbar-collapse .navbar-nav {margin-right:20px;letter-spacing:-1px;}
	.navbar.nav-main .mypage_wrap {right:0;}
}

@media (max-width: 768px) {
	.navbar.nav-main .mypage_wrap {right:70px;top:6px;}
	.navbar.nav-main .mypage_wrap .btn_mypage {color:#fff;opacity:.7;}
	.navbar.nav-main .mypage_wrap .btn_mypage:hover,
	.navbar.nav-main .mypage_wrap .btn_mypage.on,
	.navbar.nav-main .mypage_wrap .btn_mypage:focus {color:#fff;opacity:1;}
	.navbar.nav-main .mypage_wrap .mypage_list {margin-right:-80px;}
	.navbar.nav-main .mypage_wrap .mypage_list:before {right:93px;}

}

/* 메인 */
nav.nav-main.main_default {background:none !important;}
nav.nav-main.main_default .nav-link {color:#fff;font-weight:500;}
nav.nav-main.main_default .nav-link:hover,
nav.nav-main.main_default .nav-link:focus {color:#fff;}
nav.nav-main.main_shadow {box-shadow:rgba(0,0,0,.05) 4px 4px 6px;}

@media (max-width: 768px) {
	nav.nav-main.main_default {background-color: #343a40 !important;}
}

.navbar.nav-main.main_default .btn_mypage,
.navbar.nav-main.main_default .btn_mypage:focus,
.navbar.nav-main.main_default .btn_mypage:hover,
.navbar.nav-main.main_default .btn_mypage:active{color:#fff !important;}


/* 메인 비주얼 */
.main_visual_wrap {z-index:1;position:relative;background:#e4f3f9 url(../images/common/main_back.png) no-repeat center -20px;height:469px;}
.main_visual_wrap .container {position:relative;padding-top:79px}

@media (max-width: 768px) {
	.main_visual_wrap {background-size:550px;padding-top:56px;height:235px;background-position:100px 50px;}
}


.main_visual_wrap .owl-carousel .item {height: 389px;position: relative;}
.main_visual_wrap .owl-carousel .item .header-content {position: absolute;padding:60px 0 0 40px;color:#000;}
.main_visual_wrap .owl-carousel .item .header-content strong {font-weight:900;}
.main_visual_wrap .owl-carousel .item .header-content .text1 {font-size: 36px;line-height:1.3em;}
.main_visual_wrap .owl-carousel .item .header-content .text2 {font-size: 36px;line-height:1.3em;}
.main_visual_wrap .owl-carousel .item .header-content .text3 {font-size: 36px;line-height:1.3em;}
.main_visual_wrap .owl-carousel .item .header-content .text4 {margin-top:40px;}

.main_visual_wrap .btn_go {line-height:1em;color:#000;padding:10px 40px 11px;font-size:20px;border:1px solid #ccc;background:#fff;opacity:.7}
.main_visual_wrap .btn_go:hover {text-decoration:none;opacity:1;transition:all .2s linear}

.owl-item.active .text1 {
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInDown;
	animation-delay: 0.3s;
}
.owl-item.active .text2 {
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInDown;
	animation-delay: 0.6s;
}
.owl-item.active .text3 {
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInDown;
	animation-delay: 0.9s;
}

.owl-item.active .text4 {
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInUp;
	animation-delay: 1s;
}



.main_visual_wrap .owl-carousel .owl-nav {position:absolute;width:calc(100% + 100px);margin-left:-50px;padding:0;top:120px}
.main_visual_wrap .owl-carousel .owl-nav button {position:absolute;display:block;height:43px;width:22px;background:url(../images/common/arrow_lr.png) no-repeat !important;opacity:.2}
.main_visual_wrap .owl-carousel .owl-nav button:hover {opacity:.6}
.main_visual_wrap .owl-carousel .owl-nav button span {display:none;}
.main_visual_wrap .owl-carousel .owl-nav .owl-prev {left:0;background-position:left 0 !important;}
.main_visual_wrap .owl-carousel .owl-nav .owl-next {right:0;background-position:right 0 !important;}
.main_visual_wrap .owl-carousel .owl-dots {margin-top:5px;}

.main_visual_wrap .img01 {position:absolute;bottom:60px;right:60px;width:603px;height:363px;background:url(../images/common/visual01.png) no-repeat;}

.main_visual_wrap .player-wrap {position:relative;width:100%;max-width:1300px;margin:0 auto;text-align:center;}
.main_visual_wrap .player-wrap .m-player {z-index:1;position:absolute;bottom:120px;right:100px;width:498px;height:280px;border-radius:15px;overflow:hidden;box-shadow:rgba(0,0,0,.2) 0 0 16px;}



@media (max-width: 1136px) {
	.main_visual_wrap .container {overflow:hidden;}
	.main_visual_wrap .img01 {display:block;right:-100px}
	.main_visual_wrap .player-wrap .m-player {top:50px;width:90%;height:450px;border-radius:0;right:5%;box-shadow:none;}
	.main-cont > .cont-group:first-child {margin-top:500px;}
}


@media (max-width: 768px) {
	.main_visual_wrap .owl-carousel .item {height: 180px;}
	.main_visual_wrap .owl-carousel .item .header-content {padding:20px 0 0 10px;display:none;}
	.main_visual_wrap .owl-carousel .owl-item.active .item .header-content {display:block;}
	.main_visual_wrap .owl-carousel .item .header-content .text1 {font-size: 20px;line-height:1.3em;}
	.main_visual_wrap .owl-carousel .item .header-content .text2 {font-size: 20px;line-height:1.3em;}
	.main_visual_wrap .owl-carousel .item .header-content .text3 {font-size: 20px;line-height:1.3em;}
	.main_visual_wrap .owl-carousel .item .header-content .text4 {margin-top:20px;}
	.main_visual_wrap .btn_go {padding:5px 20px 6px;font-size:16px;}

	.main_visual_wrap .container {padding-top:10px;}
	.main_visual_wrap .img01 {width:303px;height:169px;background-size:92%;background-position:right 0;right:5%}

	.main_visual_wrap .player-wrap .m-player {top:30px;height:350px;}
	.main-cont > .cont-group:first-child {margin-top:400px;}
}

@media (max-width: 576px) {
	.main_visual_wrap .img01 {right:-80px}

}

@media (max-width: 476px) {
	.main_visual_wrap .img01 {display:none}
}

.bounce_animated {-webkit-animation: bobble 5s infinite;animation: bobble 5s infinite;}

@-webkit-keyframes bobble {
	0% {-webkit-transform: translate3d(0px, 0, 0px);-webkit-animation-timing-function: ease;}
	50% {-webkit-transform: translate3d(0px, 15px, 0px);-webkit-animation-timing-function: ease;}
	100% {-webkit-transform: translate3d(0px, 0, 0px);}
}

@keyframes bobble {
	0% {transform: translate3d(0px, 0, 0px);animation-timing-function: ease;}
	50% {transform: translate3d(0px, 15px, 0px);animation-timing-function: ease;}
	100% {transform: translate3d(0px, 0, 0px);}
}



/* 메인 콘텐츠 */
.main_cont_tit > div {display:inline-block;color:#0aa9e8;font-size:20px;border-bottom:1px solid #0aa9e8;padding:0 2px;}
.main_cont_tit > h2 {display:block;font-size:26px;margin-top:10px;word-break:keep-all;}


/* 서브 비주얼 */
.sub-head {position:relative;background:#e4f3f9;margin-top:80px;height:155px;}
.sub-head .container {position:relative;text-align:center;}
.sub-head .container .sub_tit {display:inline-block;padding-top:29px;}
.sub-head .container .sub_tit .service_icon {display:inline-block;width:100px;height:100px;border-radius:50%;background-color:#fff;vertical-align:middle;margin-right:20px;}
.service_icon.type_member {background-image:url("../images/common/service00.png");background-position:center top;background-repeat:no-repeat;background-size:cover;}
.service_icon.type_chat {background-image:url("../images/common/service01.png");background-position:center top;background-repeat:no-repeat;background-size:cover;}
.service_icon.type_assistant {background-image:url("../images/common/service02.png");background-position:center top;background-repeat:no-repeat;background-size:cover;}
.service_icon.type_okms {background-image:url("../images/common/service03.png");background-position:center top;background-repeat:no-repeat;background-size:cover;}
.service_icon.type_knowledge {background-image:url("../images/common/service04.png");background-position:center top;background-repeat:no-repeat;background-size:cover;}
.service_icon.type_cs {background-image:url("../images/common/service05.png");background-position:center top;background-repeat:no-repeat;background-size:cover;}
.service_icon.type_doc {background-image:url("../images/common/service06.png");background-position:center top;background-repeat:no-repeat;background-size:cover;}
.sub-head .container .sub_tit h2 {display:inline-block;vertical-align:middle;font-weight:700;color:#333;}
.sub-head .container .sub_tit h2 > span {display:inline-block;margin-left:16px;padding-left:15px;font-size:22px;font-weight:400;opacity:.8;border-left:1px solid #a2a2a2;vertical-align:top;line-height:1.3em;margin-top:7px;}

@media (max-width: 768px) {
	.sub-head .container .sub_tit {display:table;padding-top:18px;margin:0 auto;}
	.sub-head .container .sub_tit .service_icon {display:table-cell;width:80px !important;height:80px !important;}
	.sub-head .container .sub_tit h2 {display:table-cell;letter-spacing:-1px;font-size:24px;text-align:left;padding-left:20px;}
	.sub-head .container .sub_tit h2 > span {display:block;margin-left:0;padding-left:0;font-size:16px;border:none;margin-top:4px;letter-spacing:-1px;}
}

/* 서브 구름 */
.sub-cloud{position: absolute;overflow:hidden;bottom: 0;left: 0;right: 0;top: 0;opacity:.7}
.main_visual_wrap .sub-cloud{opacity:.45}

/* KEYFRAMES */
@-webkit-keyframes animateCloud {
	0% {margin-left: -500px;}
	100% {margin-left: 130%;}
}

@-moz-keyframes animateCloud {
	0% {margin-left: -500px;	}
	100% {margin-left: 130%;}
}

@keyframes animateCloud {
	0% {margin-left: -500px;}
	100% {margin-left: 130%;}
}

/* ANIMATIONS */

.c1 {
	-webkit-animation: animateCloud 65s linear infinite;-moz-animation: animateCloud 65s linear infinite;animation: animateCloud 65s linear infinite;
	-webkit-transform: scale(0.4);-moz-transform: scale(0.4);transform: scale(0.4);
	margin-top:-15px;}
.c1 > .cloud {margin-left:500px;}


.c2 {
	-webkit-animation: animateCloud 43s linear infinite;-moz-animation: animateCloud 43s linear infinite;animation: animateCloud 43s linear infinite;
	-webkit-transform: scale(0.3);-moz-transform: scale(0.3);transform: scale(0.3);}
.c2 > .cloud {margin-left:0;}


.c3 {
	-webkit-animation: animateCloud 45s linear infinite;-moz-animation: animateCloud 45s linear infinite;animation: animateCloud 45s linear infinite;
	-webkit-transform: scale(0.3);-moz-transform: scale(0.3);transform: scale(0.3);
	margin-top:-30px;}
.c3 > .cloud {margin-left:1800px;}


.c4 {
	-webkit-animation: animateCloud 55s linear infinite;-moz-animation: animateCloud 55s linear infinite;animation: animateCloud 55s linear infinite;
	-webkit-transform: scale(0.2);-moz-transform: scale(0.2);transform: scale(0.2);
	margin-top:-30px;}
.c4 > .cloud {}

.c5 {
	-webkit-animation: animateCloud 90s linear infinite;-moz-animation: animateCloud 90s linear infinite;animation: animateCloud 90s linear infinite;
	-webkit-transform: scale(0.25);-moz-transform: scale(0.25);transform: scale(0.25);
	margin-top:-90px;}
.c5 > .cloud {margin-left:-1500px;}


.c6 {
	-webkit-animation: animateCloud 95s linear infinite;-moz-animation: animateCloud 95s linear infinite;animation: animateCloud 95s linear infinite;
	-webkit-transform: scale(0.4);-moz-transform: scale(0.4);transform: scale(0.4);
	margin-top:90px;}
.c6 > .cloud {margin-left:1200px;}


.c7 {
	-webkit-animation: animateCloud 73s linear infinite;-moz-animation: animateCloud 73s linear infinite;animation: animateCloud 73s linear infinite;
	-webkit-transform: scale(0.3);-moz-transform: scale(0.3);transform: scale(0.3);
	margin-top:10px;}
.c7 > .cloud {margin-left:-800px;}


.c8 {
	-webkit-animation: animateCloud 45s linear infinite;-moz-animation: animateCloud 45s linear infinite;animation: animateCloud 45s linear infinite;
	-webkit-transform: scale(0.3);-moz-transform: scale(0.3);transform: scale(0.3);
	margin-top:10px;}
.c8 > .cloud {margin-left:600px;}


.c9 {
	-webkit-animation: animateCloud 35s linear infinite;-moz-animation: animateCloud 35s linear infinite;animation: animateCloud 35s linear infinite;
	-webkit-transform: scale(0.2);-moz-transform: scale(0.2);transform: scale(0.2);
	margin-top:-130px;}
.c9 > .cloud {margin-left:1700px;}

.c10 {
	-webkit-animation: animateCloud 90s linear infinite;-moz-animation: animateCloud 90s linear infinite;animation: animateCloud 90s linear infinite;
	-webkit-transform: scale(0.25);-moz-transform: scale(0.25);transform: scale(0.25);
	margin-top:30px;}
.c10 > .cloud {margin-left:-400px;}




/* OBJECTS */
.cloud {font-size:120px !important;
	background: #fff;
	/*
    background: -moz-linear-gradient(top,  #fff 5%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#fff), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top,  #fff 5%,#f1f1f1 100%);
    background: -o-linear-gradient(top,  #fff 5%,#f1f1f1 100%);
    background: -ms-linear-gradient(top,  #fff 5%,#f1f1f1 100%);
    background: linear-gradient(top,  #fff 5%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f1f1f1',GradientType=0 );
    */
	-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;
	height: 60px;position: relative;width: 175px;
}

.cloud:after, .cloud:before {background: #fff;content: '';position: absolute;z-indeX: -1;}

.cloud:after {
	-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;
	height: 50px;left: 25px;top: -25px;width: 50px;
}

.cloud:before {
	-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;
	width: 90px;height: 90px;right: 25px;top: -45px;
}


@media (max-width: 768px) {
	.c1 {-webkit-transform: scale(0.3);-moz-transform: scale(0.3);transform: scale(0.3);margin-top:-10px;}
	.c2 {-webkit-transform: scale(0.4);-moz-transform: scale(0.4);transform: scale(0.4);}
	.c3 {-webkit-transform: scale(0.2);-moz-transform: scale(0.2);transform: scale(0.2);margin-top:-35px;}
	.c4 {-webkit-transform: scale(0.2);-moz-transform: scale(0.2);transform: scale(0.2);margin-top:-30px;}
	.c5 {-webkit-transform: scale(0.15);-moz-transform: scale(0.15);transform: scale(0.15);margin-top:-90px;}

	.main_visual_wrap .sub-cloud {top:55px;}
	.c6, .c7, .c8, .c9, .c10 {display:none;}
}

/* 서브 네비 */
.navbar.nav-sub.on {position:fixed;left:0;right:0;top: 79px;box-shadow:rgba(0,0,0,.05) 4px 4px 6px;z-index:1029;}
.navbar.nav-sub {width:100%;position:absolute;padding:0;margin:0;border-bottom:1px solid #e5e5e5;z-index:1020;background:#fff;}
.navbar.nav-sub .navbar-nav  {position:relative;flex-direction:row !important;margin-bottom:-1px;}
.navbar.nav-sub .navbar-nav li {padding:0 20px}
.navbar.nav-sub .navbar-nav .nav-link {position:relative;padding:1.2rem .1rem !important;color:#000;word-break:keep-all;text-align:center;height:100%;line-height:1.2em;font-size:18px;}
.navbar.nav-sub .navbar-nav .nav-link:before {content:"";display:block;position:absolute;height:0;border-bottom:2px solid #0aa9e8;width:0;bottom:0;left:50%;transition:all .25s ease-out;opacity:0;}
.navbar.nav-sub .navbar-nav .nav-link:hover:before {left:0;right:0;width:100%;opacity:1;}
.navbar.nav-sub .navbar-nav .nav-link.on {color:#0aa9e8}
.navbar.nav-sub .navbar-nav .nav-link.on:before {left:0;right:0;width:100%;opacity:1;}

/* 서브 콘텐츠 */
.sub-cont {padding-top:50px;}
.sub-cont .sub-tit {border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:30px;}
.p-graytype1 {padding:30px 100px}
.cont-group {padding:80px 0}
.cont-group.type_nonav {padding:20px 0 0}
.cont-group h4 {padding-left:13px;border-left:3px solid #0aa9e8;line-height:.9em;}

/* 검색 폼 */
.input-group .input-group-text {border:1px solid #ddd;border-radius:2px 0 0 2px;background:#f4f4f4}
.input-group:hover .input-group-text {border:1px solid #aaa}
.input-group > *:not(:last-child) {margin-right:5px;}

.row {position:relative;}
.row.type_search {width:calc(100% + 20px);margin-left:-10px;margin-bottom:25px;white-space:nowrap;}
.row.type_search .col-1,
.row.type_search .col-2,
.row.type_search .col-3,
.row.type_search .col-4,
.row.type_search .col-5,
.row.type_search .col-6,
.row.type_search .col-7,
.row.type_search .col-8,
.row.type_search .col-9,
.row.type_search .col-10,
.row.type_search .col-11,
.row.type_search .col-12,
.row.type_search .col-15,
.row.type_search .col-24,
.row.type_search .col-25,
.row.type_search .col-45,
.row.type_search .col-55,
.row.type_search .col-auto{padding:0 10px;}
.row.type_search.type_multiline {margin-bottom:16px;}

.col-15 {-ms-flex: 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5%;}
.col-24 {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
.col-25 {-ms-flex: 0 0 20.83333%;flex: 0 0 20.83333%;max-width: 20.83333%;}
.col-45 {-ms-flex: 0 0 37.5%;flex: 0 0 37.5%;max-width: 37.5%;}
.col-55 {-ms-flex: 0 0 45.83333%;flex: 0 0 45.83333%;max-width: 45.83333%;position:relative;}
.col-65 {-ms-flex: 0 0 54.16666%;flex: 0 0 54.16666%;max-width: 54.16666%;position:relative;}
.col-75 {-ms-flex: 0 0 62.5%;flex: 0 0 62.5%;max-width: 62.5%;position:relative;}

label.type_top,
div.type_label.type_top {display:block;margin-bottom:0;}
label.type_top > span,
div.type_label.type_top > span {display:block;margin-bottom:4px;font-size:12px;color:#868686}

.type_search .dateset > label {cursor:default;}
.type_search .dateset > label > div {width:100px;text-align:center;border: solid 2px #4b96e7;height:32px;line-height:2em;}

@media (max-width: 768px) {
	.type_search > div {margin-bottom:10px;}
}

/* 탭 */
.nav-tabs {border:none;margin-left:1px;margin-top:1px;}
.nav-tabs .nav-item {margin-left:-1px;margin-top:-1px;}
.nav-tabs .nav-link {border-radius:0;border-color:#dee2e6;background:#f6f6f6;color:#4f4f4f;padding-left:40px;padding-right:40px;text-align:center;}
.nav-tabs .nav-link:hover {border-color:#dee2e6}
.nav-tabs .nav-link.active {border-top:2px solid #0aa9e8;border-bottom:1px solid #fff;padding-top:calc(0.5rem - 1px)}

@media (max-width: 768px) {
	.nav-tabs .nav-item {width:50%;}
	.nav-tabs .nav-link {padding-left:0;padding-right:0;letter-spacing:-1px;}
	.nav-tabs .nav-link.active {border-bottom:1px solid #dee2e6;}
}

/* 테이블 */
.table{margin-bottom:10px;border-bottom:1px solid #e5e5e5;min-width: 800px;word-break:keep-all;}
.table-hover tbody tr:hover{background:#f0f7ff}
.table th,.table td{border-left:1px solid #fff;border-top:0;font-size:13px;font-weight:400;color:#333;word-break:break-all;padding:0}
.table th:first-child,.table td:first-child{border-left:0}
.table th .icon_state,.table td .icon_state{display:inline-block;width:8px;height:8px;background:#e5e5e5;border-radius:150px}
.table th .btn,.table td .btn{margin-bottom:1px}
.table th{min-height:40px;padding:8px 0;border-bottom:0}
.table td{line-height:24px;padding:7px 0;border-bottom:1px solid #f4f4f4}
.table tr:last-child td{border-bottom:1px solid #ddd}
.table thead th{background-color:#f4f4f4;border-bottom:1px solid #fff;line-height:16px;text-align:center;vertical-align:middle;padding:12px 0}
.table tbody tr .nodata_txt{color:#aaa;text-align:center;padding:165px 0}
.table tbody tr td,.table tfoot tr td{padding-left:10px;padding-right:10px}
.table tfoot tr td{font-weight:bold}
.table.table-hover tbody tr:hover.nodata{background:#fff}
.table a{color:#333;padding:0 10px}
.table.table-secondary,.table.table-secondary > td,.table.table-secondary > th{background-color:#f4f4f4;border-bottom:0}
.table.table-secondary th,.table.table-secondary td,.table.table-secondary > td th,.table.table-secondary > td td,.table.table-secondary > th th,.table.table-secondary > th td{padding-left:20px;padding-right:20px;text-align:left}
.table.table-secondary thead th,.table.table-secondary > td thead th,.table.table-secondary > th thead th{border-bottom:1px solid #e5e5e5;padding:17px 20px}
.table.table-secondary tbody td,.table.table-secondary tbody th,.table.table-secondary > td tbody td,.table.table-secondary > td tbody th,.table.table-secondary > th tbody td,.table.table-secondary > th tbody th{border-left:1px solid #eee}
.table.table-secondary tbody th,.table.table-secondary > td tbody th,.table.table-secondary > th tbody th{padding-top:18px;padding-bottom:0}
.table.table-secondary tbody td,.table.table-secondary > td tbody td,.table.table-secondary > th tbody td{padding-top:0;padding-bottom:20px;font-size:18px;color:#000}
.table .member-no-data{text-align:center}
.table .member-no-data-text{line-height:25px}
.table.tf-line tfoot tr td{border:solid #ddd;border-style:double;border-width:3px 0 0}
.checkbox_table thead th,.checkbox_table thead td{padding:6px 0}

td.no_result {text-align:center;padding:50px 0}

.table.type01 {min-width:768px;}
.table.type01 thead th {text-align:center;color:#fff;background-color:#889599;border:1px solid #fff;font-weight:500;vertical-align:middle;}
.table.type01 tbody th {border:1px solid #e5e5e5;background-color:#f4f7f8;text-align:center;vertical-align:middle;font-weight:500}
.table.type01 tbody td {border:1px solid #e5e5e5;}
.table.type01 tfoot th {border:1px solid #e5e5e5;background:#f4f7f8;text-align:center;font-weight:500;border-top:3px double #e5e5e5;}
.table.type01 tfoot td {border:1px solid #e5e5e5;background:#f4f7f8;font-weight:500;border-top:3px double #e5e5e5;}

.table.type01.pd_small th,
.table.type01.pd_small td {padding: .5rem;vertical-align:middle;line-height:18px;}

.td_standard {background:#f5fbfd}
.td_premium {background:#ebf7fc}
.td_white {background:#fff !important;}
.td_white_in {position:relative;height:45px;padding-top:8px;}

.tbl_wrap {padding-top:15px;}
.tbl_wrap table {margin-top:5px;}
.tbl_btnset {display:inline-block;}
.tbl_head {position:relative;}
.tbl_head .tbl_result {font-size:13px;margin-top:10px;position:relative;}

.tbl_head .tbl_result .search_condition {display:inline-block;position:relative;border-radius: 2px;color: #fff;background: #000;padding: 2px 8px 3px 8px;margin-right:7px;font-size: 12px;top:-1px;vertical-align:middle;margin-left:10px;}

.tbl_head .tbl_btnset {position:relative;font-size:0;}
.tbl_head .tbl_btnset .btn {margin:0 2px;vertical-align:middle;}
.tbl_head .opt_menu {position:relative;margin-left:15px;margin-top:7px;}
.tbl_head .tbl_head_list {position:relative;font-size:0;}
.tbl_head .tbl_head_list li {display:inline-block;font-size:13px;}
.tbl_head .tbl_head_list li span {font-weight:700;padding-right:5px;}
.tbl_head .tbl_head_list li:not(:last-child):after {content:"";display:inline-block;width:1px;background:#d3d3d3;height:1em;vertical-align:middle;margin:0 10px;}

.tbl_head.float_area .float-left,
.tbl_head.float_area .float-right {width:auto}

.tbl_head .type_search {margin-bottom:0;}
.tbl_head .type_search .datepicker input {width:180px;}
.tbl_head.bd_bottom {border-bottom:1px solid #e5e5e5;padding-bottom:10px;}



/* pagenation */
nav{display:flex!important}
.pagination{margin:10px auto 0}
.pagination .page-item{position:relative;width:32px;height:32px;margin-left:-1px}
.pagination .page-item:first-child .page-link:after,
.pagination .page-item:nth-child(2) .page-link:after,
.pagination .page-item:nth-last-child(2) .page-link:after,
.pagination .page-item:last-child .page-link:after{display:inline-block;content:'';position:absolute;top:5px;left:5px;width:20px;height:20px;background:url(../images/common/sp.png);background-size: 300px auto;}
.pagination .page-item:first-child .page-link:after{background-position:-144px -210px}
.pagination .page-item:nth-child(2) .page-link:after{background-position:-120px -210px}
.pagination .page-item:nth-last-child(2) .page-link:after{background-position:0 -210px}
.pagination .page-item:last-child .page-link:after{background-position:-48px -210px}
.pagination .page-item.disabled:first-child .page-link:after{background-position:-168px -210px}
.pagination .page-item.disabled:nth-child(2) .page-link:after{background-position:-96px -210px}
.pagination .page-item.disabled:nth-last-child(2) .page-link:after{background-position:-24px -210px}
.pagination .page-item.disabled:last-child .page-link:after{background-position:-72px -210px}
.pagination .page-item:first-child,
.pagination .page-item:first-child .page-link,
.pagination .page-item:nth-last-child(2) .page-link{border-radius:2px 0 0 2px}
.pagination .page-item:last-child,
.pagination .page-item:last-child .page-link,
.pagination .page-item.paging-prev .page-link{border-radius:0 2px 2px 0}
.pagination .page-item .page-link{display:inline-block;width:32px;height:32px;background-color:#fff;border:solid 1px #ddd;color:#333;line-height:30px;text-align:center;vertical-align:top;padding:0}
.pagination .page-item.active .page-link{background-color:#0aa9e8;color:#fff;border-color:#0aa9e8}
.pagination .page-item:first-child,
.pagination .page-item:nth-child(2),
.pagination .page-item:nth-last-child(2),
.pagination .page-item:last-child{font-size:0}
.pagination li.page-item:nth-child(2) {margin-right: 10px;}
.pagination li.page-item:nth-last-child(2) {margin-left: 10px;}
.pagination .page-link:hover {z-index:0 !important;}
.pagination li.page-item.active .page-link:hover {z-index:1 !important;}

/* 연혁 */
.history {position:relative;display:flex !important;width:100%;}
.history:before {content:"";display:block;width:100%;height:1px;border-top:1px solid #c8c8c8;position:absolute;top:50%;}
.history > li {position:relative;font-size:14px;text-align:center;height:400px;}
.history > li:before {content:"";display:inline-block;position:absolute;width:30px;height:30px;background:#fff;border:4px solid #b5e5f8;border-radius:50%;left:50%;margin-left:-15px;top:50%;margin-top:-15px;}
.history > li > div {position:absolute;width:100%;white-space:nowrap}
.history > li > div > span {font-size:16px;color:#333;font-weight:700;display:block;margin-bottom:10px;width:100%;}
.history > li > div > div {position:absolute;background:#fff;padding:10px 20px 15px;letter-spacing:-1px;min-width:100%;}
.history > li > div > div  > .img-wrap {margin-bottom:5px;}
.history > li > div > div > p {margin-bottom:0;line-height:1.3em;min-width:100%;display:block;}

.history > li:nth-child(odd) {flex:.8;}
.history > li:nth-child(odd) > div {top:50%;margin-top:20px;}
.history > li:nth-child(even) {flex:1.2}
.history > li:nth-child(even) > div {bottom:50%;top:0;}
.history > li:nth-child(even) > div > span {position:absolute;bottom:10px;;text-align:center;}
.history > li:nth-child(even) > div > div {position:absolute;bottom:50px;}
.history > li:nth-child(even) > div > div > ul {text-align:left;}

/* 섬네일 */
.thumb_list {text-align:center;}
.thumb_list > div {margin-bottom:30px;}
.thumb_list .thumb {padding:0;}
.thumb_list .thumb > img {width:100%;border:1px solid #e6e6e6}
.thumb_list span {display:block;padding:5px 10px 7px;background:#e7eaeb;margin-top:10px;line-height:1.3em;text-align:center;font-size:14px;}
.thumb_list span i {display:block;color:#006ab4;font-weight:500;margin-bottom:3px;font-style: normal;}
.thumb_list p {display:block;text-align:left;margin-top:10px;}


/* 아이콘 컨텐츠 */
.icon_cont {padding:0 60px;}
.icon_cont > div {margin-bottom:15px;text-align:center;}
.icon_cont .icon {width:128px;height:129px;border-radius:50%;margin:0 auto;}
.icon.icon_cloud {background:#c5dde6 url("../images/icons/filter_drama-24px_w.svg") no-repeat center center;background-size:55%;}
.icon.icon_touch {background:#c5dde6 url("../images/icons/touch_app-24px_w.svg") no-repeat center center;background-size:60%;}
.icon.icon_coin {background-color:#c5dde6;}
.icon.icon_coin:before {content:"\f51e";font-family:"Font Awesome 5 Free";font-weight:700;font-size:60px;color:#fff;line-height:2.2em;}
.icon.icon_security {background:#c5dde6 url("../images/icons/security-24px_w.svg") no-repeat center center;background-size:55%;}
.icon.icon_usercheck {background:#c5dde6 url("../images/icons/how_to_reg-24px_w.svg") no-repeat 30px center;background-size:60%;}
.icon.icon_gear {background:#c5dde6 url("../images/icons/settings-24px_w.svg") no-repeat center center;background-size:50%;}
.icon.icon_like {background:#c5dde6 url("../images/icons/thumb_up-24px_w.svg") no-repeat center center;background-size:50%;}
.icon.icon_monitor {background:#c5dde6 url("../images/icons/screen_share-24px_w.svg") no-repeat center center;background-size:50%;}

.icon_cont  span {display:block;margin-top:15px;font-weight:500;font-size:18px;color:#000;}
.icon_cont  p {font-size:14px;line-height:1.3em;margin-top:7px;opacity:.8;display:block;word-break:keep-all;}

@media (max-width: 768px) {
	.icon_cont {padding:0;}
}

/* 아이콘 컨텐츠 (메인) */
.icon_cont.type_main {padding:0 }
.icon_cont.type_main .icon {width:165px;height:165px;border-radius:0;}
.icon.icon_service01 {background:url("../images/common/service01.png") no-repeat center center;background-size:100%;}
.icon.icon_service02 {background:url("../images/common/service02.png") no-repeat center center;background-size:100%;}
.icon.icon_service03 {background:url("../images/common/service03.png") no-repeat center center;background-size:100%;}
.icon.icon_service04 {background:url("../images/common/service04.png") no-repeat center center;background-size:100%;}
.icon_cont.type_main span {font-size:22px;margin-top:-5px;}
.icon_cont.type_main p {font-size:16px;letter-spacing:-1px;padding:0 10px;}
.icon_cont.type_main a {display:inline-block;line-height:1em;border:1px solid #ccc;color:#333;padding:9px 30px 11px;margin-top:12px;}
.icon_cont.type_main a:hover,
.icon_cont.type_main a:active {text-decoration:none;border-color:#aaa;}

@media (max-width: 768px) {
	.icon_cont.type_main > div {margin-bottom:60px;}
}

/* 이미지-콘텐츠 */
.img_cont {padding:0 50px;display:table}
.img_cont > div {display:table-cell;vertical-align:top;}
.img_cont > div.img_assistant {width:300px;height:250px;background:url(../images/img/img2-3.png) no-repeat center 10px;}
.img_cont > div.img_okms {width:300px;height:250px;background:url(../images/img/img3-1.png) no-repeat center top;}
.img_cont > div.img_okms2 {width:300px;height:250px;background:url(../images/img/img3-3.png) no-repeat center top;}
.img_cont > div:last-child {padding-left:50px;}


@media (max-width: 768px) {
	.img_cont {display:block;text-align:center;padding:0;}
	.img_cont > div {display:block;padding:0 !important;width:100% !important;}
	.img_cont > div:first-child {margin-bottom:30px;}
}


/* 서비스 문의 */
.cs_center {padding:20px 40px;border:1px solid #dfdfdf;border-radius:10px;display:inline-block;max-width:100%;}
.cs_center  a {color:#0aa9e8}
.cs_center .icon_cs {width:120px;height:100px;background:url(../images/icons/icon_cs.png) no-repeat center;display:inline-block;margin-right:35px;}
.cs_center dl {display:inline-block;margin-bottom:0;}
.cs_center dl dt {margin-bottom:12px;font-weight:500;color:#000;}
.cs_center dl dd {line-height:1em;margin-bottom:0;margin-bottom:9px;font-size:14px;}
.cs_center dl dd.icon {padding-left:23px;position:relative;}
.cs_center dl dd.icon:before {content:"";display:inline-block;width:17px;height:17px;position:absolute;left:0;opacity:.7;}
.cs_center dl dd.icon.icon_tel:before {background:url(../images/icons/phone_in_talk-24px.svg) no-repeat;background-size:17px 17px;}
.cs_center dl dd.icon.icon_email:before {background:url(../images/icons/forward_to_inbox-24px.svg) no-repeat;background-size:17px 17px;}
.cs_center dl dd.icon.icon_speech:before {background:url(../images/icons/textsms-24px.svg) no-repeat;background-size:17px 17px;}

@media (max-width: 576px) {
	.cs_center {width:100%;padding-left:0;padding-right:0;text-align:center;}
	.cs_center .icon_cs {margin:0;display:block;width:100%;margin-bottom:10px;}
	.cs_center dl {margin:0;}
	.cs_center dl dd {text-align:left;}
}


/* 구축사례 */
.portfolio > div {padding:12px;}
.portfolio .portfolio_item {border:1px solid #dfdfdf;border-radius:10px;padding:10px 20px;display:table;width:100%;}
.portfolio .portfolio_item span {display:table-cell;width:150px;height:100px;text-align:center;vertical-align:middle;}
.portfolio .portfolio_item dl {display:table-cell;padding-left:10px;vertical-align:middle;}
.portfolio .portfolio_item dt {margin-bottom:5px;font-weight:500;color:#000;}
.portfolio .portfolio_item dd {font-size:14px;color:#757575;margin-bottom:5px;line-height:1.2em;}

@media (max-width: 768px) {
	.portfolio .portfolio_item span {display:table-cell;width:120px;}
}

/* 아이콘 도식 */
.icon_arrow {font-size:0;padding:0;}
.icon_arrow > li {display:inline-block;height:180px;vertical-align:top;position:relative;text-align:center;}
.icon_arrow > li.arrow_right,
.icon_arrow > li.arrow_left {width:90px;text-align:center;}
.icon_arrow > li.arrow_right:before {content:"";position:absolute;width:80%;height:14px;left:10%;top:50px;background:url(../images/common/arrow_right.png) no-repeat right center;opacity:.2;}
.icon_arrow > li.arrow_left:after {content:"";position:absolute;width:80%;height:14px;left:10%;top:50px;background:url(../images/common/arrow_left.png) no-repeat left center;opacity:.2;}
.icon_arrow > li.type_lr:before {top:45px;}
.icon_arrow > li.type_lr:after {top:55px;}
.icon_arrow > li:not(.arrow_right):not(.arrow_left) {width:110px;}
.icon_arrow > li:not(.arrow_right):not(.arrow_left) p{display:block;width:100%;font-size:14px;margin-bottom:0;margin-top:10px;font-weight:500;line-height:1.2em;}
.icon_arrow > li:not(.arrow_right):not(.arrow_left) span {display:block;font-size:14px;opacity:.6;line-height:1em;margin-top:5px;}

.icon_arrow > li.arrow_right span,
.icon_arrow > li.arrow_left span {display:table-cell;font-size:12px;line-height:1.2em;opacity:.6;letter-spacing:-1px;width:90px;vertical-align:middle;height:43px;padding-top:10px;}

.icon_arrow > li > .icon {width:110px;height:110px;border-radius:50%;}
.icon.icon01 {background:url(../images/icons/icon01.png) no-repeat 25px center;}
.icon.icon02 {background:url(../images/icons/icon02.png) no-repeat center center;}
.icon.icon03 {background:url(../images/icons/icon03.png) no-repeat center center;}
.icon.icon04 {background:url(../images/icons/icon04.png) no-repeat center center;}
.icon.icon05 {background:url(../images/icons/icon05.png) no-repeat 28px center;}
.icon.icon06 {background:url(../images/icons/icon06.png) no-repeat center center;}
.icon.icon07 {background:url(../images/icons/icon07.png) no-repeat 30px center;}
.icon.icon08 {background:url(../images/icons/icon08.png) no-repeat center center;}
.icon.icon09 {background:url(../images/icons/icon09.png) no-repeat center center;}
.icon.icon10 {background:url(../images/icons/icon10.png) no-repeat 28px center;}
.icon.icon11 {background:url(../images/icons/icon11.png) no-repeat 31px center;}
.icon.icon12 {background:url(../images/icons/icon12.png) no-repeat center center;}
.icon.icon13 {background:url(../images/icons/icon13.png) no-repeat center center;}
.icon.icon14 {background:url(../images/icons/icon14.png) no-repeat 28px center;}
.icon.icon15 {background:url(../images/icons/icon15.png) no-repeat 25px center;}
.icon.icon16 {background:url(../images/icons/icon16.png) no-repeat 30px center;}
.icon.icon17 {background:url(../images/icons/icon17.png) no-repeat center center;}
.icon.icon18 {background:url(../images/icons/icon18.png) no-repeat center center;}
.icon.icon19 {background:url(../images/icons/icon19.png) no-repeat center center;}
.icon.bg_gray {background-color:#f9f9f9}
.icon.bg_white {background-color:#fff}

.icon_arrow.type_short > li.arrow_right,
.icon_arrow.type_short > li.arrow_left {width:70px;}

/* 아이콘 도식 2 */
.box_list {position:relative;font-size:0;padding:0;}
.box_list > li {display:inline-block;vertical-align:top;margin:10px 0;}
.box_list > li.cont {border:1px solid #e5e5e5;background:#fcfcfc;border-radius:10px;text-align:center;}
.box_list > li .tit {font-size:14px;text-align:center;color:#fff;border-radius:5px;line-height:1em;padding:7px 10px;margin:8px;}
.box_list.type_blue > li .tit {background:#5eabc7;}
.box_list.type_green > li .tit {background:#5fa89c;}
.box_list.type_magenta > li .tit {background:#b87ad5;}

.box_list > li > ul {padding:0;margin:10px 20px 0}
.box_list > li > ul > li {display:inline-block;width:100px;height:110px;padding-top:75px;vertical-align:top;}
.box_list > li > ul > li.icon01 {background:url(../images/icons/icon2_01.png) no-repeat center 10px;}
.box_list > li > ul > li.icon02 {background:url(../images/icons/icon2_02.png) no-repeat center 13px;}
.box_list > li > ul > li.icon03 {background:url(../images/icons/icon2_03.png) no-repeat center 10px;}
.box_list > li > ul > li.icon04 {background:url(../images/icons/icon2_04.png) no-repeat center 10px;}
.box_list > li > ul > li.icon05 {background:url(../images/icons/icon2_05.png) no-repeat center 10px;}
.box_list > li > ul > li.icon06 {background:url(../images/icons/icon2_06.png) no-repeat center 10px;}
.box_list > li > ul > li.icon07 {background:url(../images/icons/icon2_07.png) no-repeat center 7px;}
.box_list > li > ul > li.icon08 {background:url(../images/icons/icon2_08.png) no-repeat center 7px;}
.box_list > li > ul > li.icon09 {background:url(../images/icons/icon2_09.png) no-repeat center 7px;}
.box_list > li > ul > li.icon10 {background:url(../images/icons/icon2_10.png) no-repeat center 28px;width:40px !important;}
.box_list > li > ul > li.icon11 {background:url(../images/icons/icon2_11.png) no-repeat 5px 15px;width:150px;padding:15px 0 0 70px;}
.box_list > li > ul > li.icon11 > span {line-height:1.5em;}
.box_list > li > ul > li.icon12 {background:url(../images/icons/icon2_12.png) no-repeat center 7px;}
.box_list > li > ul > li.icon13 {background:url(../images/icons/icon2_13.png) no-repeat center 7px;}
.box_list > li > ul > li.icon14 {background:url(../images/icons/icon2_14.png) no-repeat center 13px;width:170px !important;}
.box_list > li > ul > li.icon15 {background:url(../images/icons/icon2_15.png) no-repeat 20px 15px;}

.box_list > li > ul.short > li {width:70px;}

.box_list > li > ul > li > span {display:block;font-size:14px;line-height:1.2em;letter-spacing:-1px;}
.box_list > li > ul > li > span.small {font-size:12px;margin-top:-5px;}

.box_list > li.bigarrow_right {width:100px;background:url(../images/common/arrow_right_big.png) no-repeat center center;height:158px;}
.box_list > li.bigarrow_right > span {font-size:12px;line-height:1.2em;opacity:.6;display:block;text-align:center;margin-top:15px;}

@media (max-width: 576px) {
	.box_list{text-align:center;}
	.box_list > li {display:block;}
	.box_list > li.bigarrow_right {position:relative;height:50px !important;width:50px !important;transform: rotate(90deg);margin:-10px auto 10px;padding:0;background-position:10px;}
	.box_list > li.bigarrow_right > span {position:absolute;transform: rotate(-90deg);width:110px;left:-25px;top:-100px;text-align:left;}
}


/* 클라우드 소싱 content */
.cloud_cont01 > div:first-child {width:100%;max-width:236px;;margin:20px 30px}
.cloud_cont01 > div:last-child {width:100%;max-width:632px;margin:20px 30px}
.cloud_cont01 > div > span {display:block;font-size:14px;}

.cloud_cont02 {font-size:0;padding:0;text-align:center;}
.cloud_cont02 > li {display:inline-block;vertical-align:top;margin-bottom:20px;}
.cloud_cont02 > li > span {display:block;font-size:14px;text-align:center;margin-top:5px;}
.cloud_cont02 > li.bigarrow_right {width:55px;background:url(../images/common/arrow_right_big.png) no-repeat center center;height:309px;}
.cloud_cont02.type_screen > li.bigarrow_right {height:175px}
.white_box {background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:20px 25px 0;}
.arrow_updown {height:70px;background:url(../images/common/arrow_updown.png) no-repeat center;}

@media (max-width: 576px) {
	.cloud_cont01 > div {margin:20px 0 !important}
	.cloud_cont02 > li {display:block;width:100%;}
	.cloud_cont02 > li.bigarrow_right {height:50px;width:50px;transform: rotate(90deg);margin:-10px auto 10px;}
}

@media (max-width: 768px) {
	.cloud_cont02.type_screen > li {display:block;width:100%;}
	.cloud_cont02.type_screen > li.bigarrow_right {height:50px !important;width:50px !important;transform: rotate(90deg);margin:-10px auto 10px;}
}

/* 고객 센터 */
.cs_cont {padding-left:160px;margin-bottom:40px;}
.cs_cont.cs01 {background:url(../images/icons/icon_cs01.png) no-repeat 30px 8px;}
.cs_cont.cs02 {background:url(../images/icons/icon_cs02.png) no-repeat 30px 8px;}
.cs_cont.cs03 {background:url(../images/icons/icon_cs03.png) no-repeat 30px 8px;}
.cs_cont dt {margin-bottom:12px;font-weight:500;color:#000;}
.cs_cont dd {line-height:1em;margin-bottom:0;margin-bottom:9px;font-size:14px;}
.cs_cont dd.icon {padding-left:23px;position:relative;}
.cs_cont dd.icon:before {content:"";display:inline-block;width:17px;height:17px;position:absolute;left:0;opacity:.7;}
.cs_cont dd.icon.icon_tel:before {background:url(../images/icons/phone_in_talk-24px.svg) no-repeat;background-size:17px 17px;}
.cs_cont dd.icon.icon_email:before {background:url(../images/icons/forward_to_inbox-24px.svg) no-repeat;background-size:17px 17px;}
.cs_cont dd.icon.icon_speech:before {background:url(../images/icons/textsms-24px.svg) no-repeat;background-size:17px 17px;}


/* 푸터 */
footer {padding:20px 0 30px}
footer .container > img {display:inline-block;margin:10px 50px 0 0;vertical-align:top;}
footer .container > .dq_info {display:inline-block;vertical-align:top;color:#b4b1b2;padding-top:17px;font-size:13px;}
footer .container > .dq_info a {color:#b4b1b2;}
footer .container > .dq_info a:hover {text-decoration:none;color:#fff;}
footer .container > .dq_info strong {display:inline-block;margin-right:30px;font-weight:500;color:#fff;}
footer .container > .dq_info .footer_nav {display:inline-block;font-size:0;}
footer .container > .dq_info .footer_nav li {display:inline-block;padding:0 14px 0 13px;font-size:13px;line-height:1em;padding-bottom:1px;}
footer .container > .dq_info .footer_nav li:first-child {padding-left:0;}
footer .container > .dq_info .footer_nav li:not(:last-child) {border-right:1px solid #535b62;}

footer .container > .dq_info address {margin-top:15px;}
footer .container > .dq_info address ul li {display:inline-block;margin-right:20px;}
footer .container > .dq_info address ul li span {padding-right:5px;color:#fff;}

@media (max-width:992px) {
	/* thumb */
	.thumb.license > li {width:25%;}
	.thumb.screen > li {width:33.333%;}
}

@media (max-width: 768px) {
	.navbar.nav-main h1 {margin:8px 0 2px}
	.navbar.nav-main h1 > a {width:130px;height:30px;background-size:100%;}
	.sub-head {height:115px;margin-top:57px;transition:all .3s ease}
	.navbar.nav-sub.on {top: 55px;}
	.navbar.nav-sub .navbar-nav li {padding:0 15px}
	.p-graytype1 {padding:20px 30px}

	/* thumb */
	.thumb.license > li {width:33.333%;}
	.thumb.screen > li {width:50%;}

	/*history*/
	.history {display:block !important;padding-left:30px;}
	.history:before {width:1px;height:100%;top:0;left:15px;border-left:1px solid #c8c8c8;border-top:none;}
	.history > li {height:auto;flex:none !important;margin-bottom:30px;}
	.history > li:before {left:-15px;top:0;}
	.history > li > div {top:0 !important;position:relative;white-space:normal;top:-13px !important;}
	.history > li > div > div {position:relative !important;bottom:auto !important;;;}
	.history > li > div > span {text-align:left !important;position:relative !important;margin-left:10px;bottom:auto !important;}
	.history > li > div > div > ul {display:inline-block;}
	.history > li:last-child {background:#f8f9fa}

	/* footer */
	footer .container > .dq_info address ul {margin-top:10px;}

}

@media (max-width: 576px) {
	.navbar.nav-sub .navbar-nav li {padding:0 10px}

	/*thumb*/
	.thumb.license > li {width:50%;}
	.thumb.screen > li {width:100%;}
}

@media (min-width: 576px) {
	.container {max-width:100%}
}

@media (min-width: 768px) {
	.container {max-width: 100%;}
	.navbar.nav-main .nav-link {padding:0 12px !important;}
}

@media (min-width: 992px) {
	.container {max-width: 100%;}
	.navbar.nav-main .nav-link {padding:0 20px !important;}
	.navbar.nav-sub .navbar-nav li {padding:0 25px;}
}

@media (min-width: 1200px) {
	.container {max-width: 1140px;}
	.navbar.nav-main .nav-link {padding:0 30px !important;}

}

@media (min-width: 1300px) {
	.container {max-width: 1300px;}

}

/* 회원가입 : 약관 */
.accordion.type_terms {position:relative;}
.accordion.type_terms .card-header .btn {background:none;border:none;}
.accordion.type_terms .card-header .btn > i{transition:all .2s linear;}
.accordion.type_terms .card-header .btn:not(.collapsed) > i {transform:rotate(180deg)}
.accordion.type_terms .card-body {background:#fff;margin-top:10px;max-height:300px;overflow-x:auto;padding:10px 15px;font-size:14px;}

.form-email select {margin-left:10px;}
.form-email .email-at {display:inline-block;padding:0 5px;}

.selected_wrap {position:absolute;border:2px solid #ff0000;left:0;width:100%;bottom:0;border-radius:3px;background:rgba(255,0,0,.07);display:none;}
.selected_wrap.type01 {height:349px;}
.selected_wrap.type02 {height:388px;}

/* 커스텀 라디오,체크버튼 */
.custom_checkradio {display:inline-block;}

.custom_checkradio input[type=radio].small + label,
.custom_checkradio input[type=checkbox].small + label  {font-size:12px;padding:4px 8px 5px;border-radius:5px;}
.custom_checkradio input[type=radio].medium + label,
.custom_checkradio input[type=checkbox].medium + label  {font-size:16px;padding:8px 12px 9px;border-radius:8px;}
.custom_checkradio input[type=radio].large + label,
.custom_checkradio input[type=checkbox].large + label  {font-size:20px;padding:10px 14px 12px;font-weight:500;border-radius:12px;}
.custom_checkradio input[type=radio].type_square + label,
.custom_checkradio input[type=checkbox].type_square + label  {border-radius:3px;}

.custom_checkradio {padding:0;}
.custom_checkradio label {position:relative;text-align:center;line-height:1.5em;margin-bottom:0;margin-left:0;}
.custom_checkradio label:hover {cursor:pointer;}
.custom_checkradio label:last-child {margin-right:0;}
.custom_checkradio label:before {content: "\f00c";font-weight: 900;font-family: "Font Awesome 5 Free";margin-right: 5px;opacity: .2;position:absolute;left:10px;}
.custom_checkradio input:checked + label {}
.custom_checkradio input:checked + label:before {opacity:1;}
.custom_checkradio input[type=radio],
.custom_checkradio input[type=checkbox] {display:none;}

.custom_checkradio input[type=radio].small + label,
.custom_checkradio input[type=checkbox].small + label {padding-left:30px;}
.custom_checkradio input[type=radio].medium + label,
.custom_checkradio input[type=checkbox].medium + label {padding-left:35px;}
.custom_checkradio input[type=radio].large + label,
.custom_checkradio input[type=checkbox].large + label {padding-left:40px;}

.custom_checkradio input[type=radio].default + label,
.custom_checkradio input[type=checkbox].default + label {background-color:#fff;color:#333;border:1px solid #ccc;}	/* 버튼 : 테마색상 */
.custom_checkradio input[type=radio].default + label:hover,
.custom_checkradio input[type=radio].default + label:focus,
.custom_checkradio input[type=radio].default + label:active,
.custom_checkradio input[type=checkbox].default + label:hover,
.custom_checkradio input[type=checkbox].default + label:focus,
.custom_checkradio input[type=checkbox].default + label:active{background-color:#f9f9f9 !important;}

.custom_checkradio input[type=radio].default:checked + label,
.custom_checkradio input[type=checkbox].default:checked + label {background-color:#2196F3 !important;color:#fff;border:1px solid #2196F3}

/* 모달 얼럿 */
.pop_alert_wrap {position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000001;display:none;}
.pop_alert_wrap .pop_alert {position:relative;background:rgba(0,0,0,.7);border-radius:10px;display:inline-block;color:#fff;padding:20px 30px;left:50%;top:50%;-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);word-break:keep-all;}

/* 정책 */
.card-body .policy_index {padding:10px 0 !important; margin:0 !important;font-size:13px;}
.card-body .policy_index > div {padding:0 !important;}
.policy_index .policy_list_ul > li {padding:3px 0}

.policy_list > dt {margin-bottom:20px;}
.policy_list > dd {margin-bottom:50px;font-size:16px}
.policy_list > dd > ol > li {margin-bottom:10px;}
.policy_list > dd > ol > li > ol,
.policy_list > dd > ol > li > ul {margin-top:10px;margin-bottom:20px;font-size:14px;}
.policy_list > dd > ol > li > ol > li,
.policy_list > dd > ol > li > ul > li {margin-bottom:5px;opacity:.8}

/* 에러페이지 */
.error_wrap {max-width:550px;margin:0 auto;margin-top:80px;padding:10px;}
.error_wrap .error_head {border-bottom:2px solid #000;padding:0 0 3px}
.error_wrap .error_head h1 > a {display:block;width:140px;height:32px;background:url(../images/common/pickbot_logo.png) no-repeat center top;background-size:cover;}
.error_wrap .error_head ul {font-size:0;list-style:none;margin-bottom:0;margin-top:5px;}
.error_wrap .error_head ul li {display:inline-block;font-size:13px;margin:5px 7px;}
.error_wrap .error_cont {text-align:left;padding:40px;word-break:keep-all;border-bottom:1px solid #bbb}
.error_wrap .error_cont .error_tit {font-size:18px;color:#000;padding-left:70px;background:url(../images/icons/error.png) no-repeat 5px;;background-size:50px;line-height:1.3em;}