@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
*, h1,p,nav{font-family: "Noto Sans KR", serif;word-break: keep-all;}
header {position: fixed;top: 0;left: 0;z-index: 50;width: 100%;padding:0;box-sizing: border-box;display: flex;align-items: center;color: white;transition: 0.3s ease;}
/*header .container { max-width: 1200px;}*/
.pd0{padding:0;}
#wapper_nav{width: 100%;}
nav {margin-top:0;}
nav .nav-link,nav .nav-link.active{font-weight:400;font-size:20px;}
nav .nav-link{color:#333 !important;}
nav .nav-link.active{font-weight:bold;}
nav .nav-link.active,nav .nav-link:hover{color:#000 !important;}
nav#navbar-cloud {padding:28px 0;}
.is-page-scrolled nav#navbar-cloud {padding: 18px 0;}
nav button.btn.btn-lds {color: #fff;background-color: #0d6efd;}
button.navbar-toggler, button.navbar-toggler:active{border: none !important;}
.navbar-toggler:focus { box-shadow: none !important;}
nav ul.navbar-nav{justify-content: space-between !important;}
div#wapper_nav.is-page-scrolled .navbar-brand img{max-width:180px;}
#wapper_nav.is-page-scrolled {background: #fff;box-shadow: 1px 1px 10px #ccc;}
#navbarSupportedContent {transition: all 0.3s ease 0s;}
.nav-link::after {content: '';display: block;width: 0;height: 2px;background: #fff;transition: width .3s;}
.nav-link:hover::after{width: 100% !important;}
a.nav-link.active {background: transparent !important;border: 0;}
a.nav-link.active::after {background: #000;width:100% !important;}
.box_pd{padding:120px 0 140px;}
.box_pd_t0{padding:0;margin-top: -170px;}
.box_pd_t1{padding:0;margin-top:0;}
/**/
section#main {background: url('../img/main_slide.jpg');background-position:70% 50%;background-repeat: no-repeat;}
.carousel-inner::after {z-index: 10;display: block;clear: both;content: "";background: #000;position: absolute;width: 100%;height: 800px;opacity: 0.5;}
.carousel.slide button,.carousel-indicators,.carousel-caption{z-index:11;}
.wrap_box {height:800px;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;position: absolute;width: 100%;}
.main-slider-txt a {color: #fff;text-decoration: none;border: 2px solid #fff;padding: 12px 34px;border-radius: 5px;font-size: 14px;margin-top: 36px;display: inline-block;}
.wrapper_main_txt a{ padding: 12px 34px;display:inline-block; background-size: 200% 200%;transition: background-position 0.5s;background-image:linear-gradient(to right, white 50%, #ffffff00 0);background-position: right;}
.wrapper_main_txt a:hover {background-position: left;color:#000;}
/**/
/*mainslider02*/
.main_box{position:relative;width: 100%;height:1016px;margin: 0 auto;max-width: 1200px;padding: 0 20px;}

.main_box .main_mt{width:100% !important;}
.wrapper_main_txt,.wrapper_main_img{z-index: 12;text-align:left;height: 800px;display: flex;flex-wrap: wrap;flex-direction: column;align-items:flex-start;justify-content: center;width: 100%;max-width:1200px;}
.wrapper_main_txt h1{font-size:3rem;color:#222;line-height:70px;letter-spacing:-1px;font-weight:bold;}
.wrapper_main_txt p{color:#333;font-size: 18px;line-height:30px;letter-spacing:0.2px;font-weight:300;margin-top: 24px;}
.wrapper_main_txt a {color: #fff;text-decoration: none;border: 2px solid #fff;padding: 12px 34px;border-radius: 5px;font-size: 14px;margin-top: 36px;display: inline-block;}
/*about*/
.mx1000{max-width:1000px;margin:0 auto;}
.about_div h1 {color: #333;font-size: 20px;line-height:34px;letter-spacing: -0.3px;font-weight: bold;}
.about_div p {color: #333;font-size:16px;line-height:30px;letter-spacing: -0.2px;}
.mb80{margin-bottom:80px;}
.about-card h3.card-title{color:#000;font-size: 28px;line-height:34px;letter-spacing: -0.3px;margin-bottom:20px;text-transform: uppercase;font-weight:bold;}
.about-card p.card-text{color:#666;font-size:18px;line-height:28px;letter-spacing: 0px;}
.about-card .card-body {padding: 40px 0;}
.about-card ul li {margin-bottom: 16px;}
/*company*/
section#company.box_pd{padding-bottom:60px;}
.company-card h3.card-title{color: #333333;font-size: 34px;line-height: 36px;letter-spacing: -0.3px;margin-bottom:20px;font-weight:bold;}
.company-card h3.card-title span.dot{color: #622cb4;font-size:50px;line-height: 36px;letter-spacing: -0.3px;}
.company-card p.card-text,.leadership-card p.card-text{color: #555555;font-size: 16px;line-height: 30px;letter-spacing: -0.2px;font-weight:400;}
.company-card p.card-text{margin-bottom: 30px;}
.company-card .card-body{padding: 32px 28px;}
/*leadership*/
.leadership-card h3.card-title {font-size: 40px;line-height:48px;letter-spacing: -0.3px;font-weight: bold;color: #333;margin-bottom:20px;}
.leadership-card h3.card-title span.dot{color: #622cb4;font-size:50px;line-height: 36px;letter-spacing: -0.3px;}
.leadership-card ul.leader_ul_01 {list-style: none;padding-left: 0;margin-top:50px;}
.leadership-card ul.leader_ul_01 ul{margin-top:0;list-style: none;padding-left: 0;}
.leadership-card ul.leader_ul_01 li {color: #622cb4;font-size: 22px;font-weight: bold;line-height: 36px;letter-spacing: -0.3px;}
.leadership-card ul.leader_ul_01 li ul li {color:#333 !important;font-size: 18px;font-weight: 400;line-height: 36px;letter-spacing: -0.2px;margin-bottom:30px;}
.leadership-card ul.leader_ul_01 li:last-child {color: #622cb4;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.2px;}
.leadership-card ul.leader_ul {list-style: none;padding-left: 0;}
.leadership-card ul.leader_ul li { font-weight: bold;margin-bottom: 6px;}
.leadership-card ul.leader_subul {list-style: none;display: inline-block;}
.leadership-card ul.leader_subul li {font-weight: 400 !important;}
.leadership-card ul.leader_ul span.leader_ul_tit{min-width: 109px !important;display: inline-block;}
.leader-history{position: absolute;margin-right: -150px;margin-top: 40px;}
.valign_bottom{display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;justify-content: end;}
/*experts*/
section#experts{position: relative;margin-top:300px;}
section#experts{background:url('../img/img_thaki_bg.jpg');background-position: center !important;background-attachment: fixed;background-repeat: no-repeat !important;background-size: cover !important;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
section#experts.box_pd {padding:350px 0 60px;}
section#experts h1.tit_cloud_white{color: #fff;font-size: 42px;line-height:48px;letter-spacing: -0.3px;font-weight: bold;margin-bottom: 34px;}
section#experts p.txt_cloud{font-size: 16px;line-height: 30px;letter-spacing: -0.2px;font-weight:400;}
#experts .container {display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-end;justify-content: end;text-align: left;}
/*product*/
section#product {background: #f2f2f2;}
section#product .tit_cloud_bk{margin-top: 130px;margin-bottom:38px;font-weight:bold;color:#333333;font-size:40px;line-height:48px;letter-spacing: -0.3px;}
section#product .txt_cloud_bk{font-weight:bold;color:#333333;font-size:20px;line-height: 36px;letter-spacing: -0.3px;}
section#product .row{background-image: url('../img/dot_gray.png');background-size: auto;background-position: center center;background-repeat: no-repeat;}
section#product .wrapper_img_style02 {padding-left: 0;padding-right: 0;}
.product-card {background:#fff;border: 1px dotted #c8c8c8;}
.product-card .card-title{font-size:20px;line-height:30px;letter-spacing: -0.3px;color:#000000;font-weight:bold;margin-bottom: 30px;}
.product-card .card-title .ft_400{font-weight:400;}
.product-card .card-body{min-height: 538px;}
.product-card ul{font-size:16px;line-height:22px;letter-spacing: -0.3px;color:#000000;padding-left:20px;}
.product-card ul li::marker{ color:#c3c6cb}
.product-card ul li.active_blue::marker{ color:#622cb4;}
.product-card ul li {margin-bottom: 24px;}
.wrapper_img_style{margin-top:94px;}
/*specific*/
.specific-card .wrapper_bg_box{padding:9% 8%;background-position:right center !important;background-size:contain !important;background-repeat: no-repeat !important;min-height: 381px;}
.specific-card .wrapper_bg_box.bg01{background: url('../img/img_thaki_08.jpg');}
.specific-card .wrapper_bg_box.bg02{background: url('../img/img_thaki_09.jpg');}
.specific-card h2.wrapper_bg_box_tit {color: #333333;font-size: 42px;line-height: 54px;letter-spacing: -0.3px;margin-top:40px;font-weight:bold;}
.specific-card h2.wrapper_bg_box_tit span.dot{color: #622cb4;font-size:50px;line-height: 36px;letter-spacing: -0.3px;}
.specific-card .card-title{color:#333333;font-size:28px;line-height:36px;letter-spacing: -0.3px;margin-bottom:24px;font-weight:bold;}
.specific-card .card-text,.specific-card ul{color:#555555;font-size:16px;line-height:30px;letter-spacing: -0.2px;}
.specific-card .card-body {padding: 40px 10px;}
.specific-card ul{margin-top:30px;padding-left:20px;}
.specific-card li::marker {font-size: 13px;}
#specific.box_pd{padding:120px 0 0;}
/*options*/
.box_pd_t2{padding: 60px 0;}
.wrapper_img_style02 img{width: 100%;}
h1.tit_cloud_bk_left {font-size: 40px;line-height: 52px;letter-spacing: -0.3px;color: #333;font-weight: bold;text-align:left;}
/*need*/
section#need.box_pd{padding-top: 60px;}
.need-card h3.card-title{color: #333333;font-size: 34px;line-height: 46px;letter-spacing: -0.3px;margin-bottom: 20px;font-weight: bold;}
.need-card h3.card-title span.dot{color: #622cb4;font-size:50px;line-height: 36px;letter-spacing: -0.3px;}
.need-card ul {margin-top: 30px;padding-left:20px;}
.need-card ul li {margin-bottom: 4px;}
.need-card .card-text, .need-card ul {color: #555555;font-size: 16px;line-height: 30px; letter-spacing: -0.2px;}
.need-card .card-body {padding: 32px 28px;}
/**/
.wrapper_box {padding:56px 0;}
.txt_center{text-align:center;}
.card-body{padding: 40px;}
.card{border: 0;border-radius: 0;}
.card h3.card-title{font-weight: bold;text-transform: uppercase;}
.card img.card-img-top {border-radius: 0 !important;}
.card p.card-text{color: #666;}
.box_label span{background: #ac9b70;color: #fff;padding: 10px 20px;font-weight: bold;}
.box_label{margin-top: -10px;margin-left: 40px;}
hr.br_style {width:80px;text-align: center;margin-top:24px !important;margin-bottom:14px !important; margin: 0 auto;height: 2px;border: 0;opacity: 1;}
hr.br_style.bg_bk{background: #000;}
hr.br_style.bg_wh{background: #fff;}
.tit_cloud{font-size: 18px;text-align: center;color: #333333;letter-spacing:1px;}
.txt_bk{color:#000;}
.txt_white{color:#fff;}
.txt_blue{color: #622cb4;}
.btn-primary {z-index: 1000;}
.mt100{margin-top:100px;}
/*footer*/
footer.thaki-footer {background: #eff1fd;margin-bottom: 0 !important;text-align: center;padding: 62px 0;}
footer.thaki-footer img{margin-bottom:24px;}
footer.thaki-footer p{color:#555;font-size:16px;line-height:30px;letter-spacing: -0.2px;font-weight:400;}
.back-to-top{background: #622cb4;border: 1px solid #622cb4;position: fixed;bottom: 20px;right: 20px;padding: 6px 12px;}
.back-to-top:hover,.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {background-color:#4e2193 !important;border-color:#4e2193 !important;}
.cloud{animation:cloudAni 1s infinite alternate linear ;}
.cloud2{animation-delay:1.5s;}
.cloud3{animation-delay:1.8s;}
@keyframes cloudAni{
	0%{
		transform:translateY(10px);
	}
	100%{
		transform:translateY(-10px);
	}
}
@media (prefers-reduced-motion: reduce) {.carousel-fade  .carousel-item {transition: opacity .5s ease !important;}}
@media all and (max-width:1199px){
.product-card .card-body {min-height: 686px;}
#leadership .valign_bottom{justify-content: center !important;}
}
@media all and (max-width:1099px){
.wrapper_box {padding: 56px 0 0;}
section#company.box_pd {padding-bottom: 0;}
section#experts.box_pd {padding: 250px 0 60px;}
#product .tit_cloud_bk {margin-top: 80px;}
}
@media all and (min-width: 992px) {.navbar-expand-lg .navbar-collapse {display: inline-block !important;flex-grow: initial;}ul.navbar-nav {width:280px;}}
@media all and (max-width:991px){
.row ,.col{display: block;}
#leadership .row, #leadership .col { display: block !important;}
#leadership .col.valign_bottom {text-align: center !important;}
#leadership .leadership-card ul li{font-size:17px;line-height:28px;}
#leadership .leadership-card ul li ul li {font-size: 15px;line-height:29px;}
.wrapper_main_txt{height: auto;margin:200px 0 100px !important;}
.wrapper_main_img{height:500px;}
.wrapper_main_txt, .wrapper_main_img{text-align: center; justify-content: center;}
.leader-history{position: relative;margin-right: 0; margin-top: 40px;}
section#about.box_pd_t0 {margin-top: 0;}
section#about .about_div h1{margin-bottom: 30px;}
section#about .col:nth-child(1) .about-card,section#about .col:nth-child(1) .need-card{margin-bottom: 80px;}
section#about .about-card .card-body{padding:30px 0 40px;}
section#company .company-card,section#specific .col:nth-child(1) .specific-card{margin-bottom: 60px;}
section#company .col:last-child .company-card {margin-bottom:0;}
section#company .wrapper_box { padding-top: 40px;}
section#experts{background-attachment:scroll;margin-top: 0;}
section#experts .container {align-items: center;justify-content: center;text-align: center;}
section#experts .wrap_cnt_box p br{display:none;}
section#experts.box_pd { padding: 150px 0 120px;}
section#product .product-card .card-body {min-height: auto;padding: 30px 30px !important;}
section#product .product-card {margin-bottom: 30px;}
section#product.product-card .card-title{margin-bottom: 20px;}
section#product .mt100{margin-top: 50px;}
section#product .row {background-image: none;}
section#product .wrapper_box {padding-top: 30px;}
section#product ul {padding-left: 18px;}
section#specific .specific-card h2.wrapper_bg_box_tit {font-size:28px;line-height: 33px;}
section#specific .specific-card .wrapper_bg_box{min-height: 320px;}
section#specific.box_pd {padding:70px 0 0;}
section#options .wrapper_box,section#service .wrapper_box,section#need .wrapper_box {padding-top: 30px;}
h1.tit_cloud_bk_left {font-size:26px !important;line-height:36px;}
ul.navbar-nav {margin-top: 50px;}
.wrapper_main_txt h1 {font-size:1.9rem; line-height:48px;text-align:left;}
.wrapper_main_txt p{text-align:left;}
.wrapper_main_txt p,.about-card p.card-text,#product .txt_cloud_bk{font-size: 16px !important;line-height: 26px !important;}
.about_div p,.company-card p.card-text, .leadership-card p.card-text,section#experts p.txt_cloud,.need-card .card-text, .need-card ul,.specific-card .card-text, .specific-card ul {font-size: 15px !important;line-height: 29px !important;}
.company-card p.card-text{margin-bottom:20px;}
.product-card ul{font-size: 15px !important;}
.specific-card .card-title{font-size: 20px;line-height:28px;margin-bottom: 20px;}
.about-card h3.card-title,.company-card h3.card-title,.need-card h3.card-title {font-size: 22px;line-height: 30px;}
.specific-card .card-title{padding-top: 6px;}
.specific-card ul {margin-top: 20px;}
.specific-card .wrapper_bg_box{background-position:bottom right !important;background-size: contain !important;background-repeat: no-repeat !important;padding: 8% 4%;min-height: 290px !important;}
.product-card .card-title {font-size:18px;line-height:26px;}
#product .tit_cloud_bk,.leadership-card h3.card-title, section#experts h1.tit_cloud_white{ font-size:26px !important;line-height:36px !important;}
.company-card .card-body, #leadership .card-body,.specific-card .card-body,.need-card .card-body{padding: 20px 0px !important;}
.company-card h3.card-title span.dot,.specific-card h2.wrapper_bg_box_tit span.dot,.need-card h3.card-title span.dot{font-size:24px;}
.leadership-card img {margin:40px 0 80px;}
.leadership-card ul.leader_subul{padding-left: 0;margin-bottom: 26px;display: block;}
nav .nav-link {font-size: 17px;margin-bottom: 12px;}
div#wapper_nav .container,div#navbarSupportedContent{background: #fff !important;}
hr.br_style {margin-top: 16px !important;width:90px;}
.m_mt80{margin-top:80px;}
}
@media all and (max-width:599px){
section#main {background-position: 70% 24%;}
nav#navbar-cloud {padding: 20px 0;}
.wrapper_main_txt { margin:150px 0 60px !important;}
.main_box {height:800px;}
section#about.box_pd_t0 {margin-top: -170px;} 
#product .tit_cloud_bk {margin-top: 50px !important;}
section#about .about_div h1 br,.about-card p.card-text br,#options h1 br{display:none;}
.navbar-brand img{ max-width: 180px !important;}
footer.thaki-footer img {margin-bottom: 20px;max-width: 150px;}
footer.thaki-footer p{font-size:14px;line-height:26px;}
}