/**** 공통 ****/
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
.audiowide_regular {
  font-family: "Audiowide", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/**** header ****/

/* PC 헤더 */
.mb_view {display: none;}
.header { width:100%; position:fixed; top:0; left:0; z-index:99; background:rgba(0,0,0, 0.4); display:block; box-shadow: 0px 1px 15px 0 rgba(0, 0, 0, 0.1); transition:.5s; }
.header .wrapper { width:100%; display:inline-block; position:relative;} 
.header .header_container { max-width:1400px; margin:0 auto; position:relative; overflow: hidden;}
.header .header_container .logo {float:left; transition:.5s; padding: 45px 0;}
.header .header_container .logo img {}
.header .header_container .pc_header {float:right;}
.header .header_container .pc_header li {display: inline-block; transition:.5s; position:relative; text-align:center; line-height:120px; margin-left: 40px; }
.header .header_container .pc_header li a {font-size:20px; letter-spacing:0px; color:#fff; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}


.header.active { background:#fff; transition:.5s; }
.header.active .header_container .logo { transition:.5s; }
.header.active .header_container .logo .pc_view { display:none; }
.header.active .header_container .logo .mb_view { display:inline-block !important; }
.header.active .header_container .pc_header li.depth1 {  transition:.5s;}
.header.active .header_container .pc_header li a.gnb_al_a { color:#000; }
.header.active .header_container .pc_header li:hover a {color: #2683ee;}



/**** footer ****/
footer {padding: 60px 0; background: #f9f9f9;}
footer .sns_wrap {text-align: center; margin-bottom: 30px;}
footer .sns_wrap li {display: inline-block; margin: 0 15px;}
footer .sns_wrap li img {width: 40px;}
footer .info_wrap { }
footer .info_wrap .logo {margin-bottom: 20px;}
footer .info_wrap .info {margin-left: -10px;}
footer .info_wrap .info li {font-size: 16px; line-height: 16px; display: inline-block; border-right: 1px solid #ddd; padding: 0 10px; margin-bottom: 10px;}
footer .info_wrap .policy li {display: inline-block; font-size: 16px; line-height: 16px; margin-left: 20px;}
footer .info_wrap .policy li a:hover {color: #2683ee;}
footer .info_wrap .copy {font-size: 14px; line-height: 20px; color: #999; margin-top: 30px;}




/**** 메인페이지 ****/
.main_video {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden;}
.main_video video {position : absolute; top : 50%;  left : 0; min-width : 100%; min-height : 100%; width : auto; height : auto; transform: translateY(-50%); z-index : -1;}
.main_video .main_text {text-align: center;}
.main_video .main_text h3 {color: white; font-size: 80px; line-height: 80px; margin-bottom: 40px;}
.main_video .main_text p {color: white; font-size: 35px; line-height: 50px; font-family: 'Pretendard-Bold';}

.main_contents {background: #F2F4F7; padding: 150px 0;}
.main_contents .box_wrap {margin-left: -2%; margin-right: -2%;}
.main_contents .box_wrap .box {float: left; width: 48%; position: relative; height: 0; padding-bottom: 48%; border-radius: 50px; overflow: hidden;}
.main_contents .box_wrap .box .text {text-align: center;}
.main_contents .box_wrap .box .text h3 {font-size: 45px; line-height: 45px; font-family: 'Pretendard-Bold'; color: white; margin-bottom: 20px;}
.main_contents .box_wrap .box .text p {font-size: 24px; line-height: 34px; color: white; margin-bottom: 30px;}
.main_contents .box_wrap .box .text span {letter-spacing: 0; font-size: 18px; line-height: 24px; color: white; opacity: 70%; font-family: 'Pretendard-Light';}
.main_contents .box_wrap .box .text a {display: block; margin: 50px auto 0; width: 80%; height: 60px; line-height: 60px; text-align: center; background: white; font-size: 20px; font-family: 'Pretendard-Bold'; color: white;}
.main_contents .box_wrap .box.oem {margin-right: 4%; background: url('/images/main_oem_bg.png') no-repeat center; background-size: cover;}
.main_contents .box_wrap .box.odm {background: url('/images/main_odm_bg.png') no-repeat center; background-size: cover;}
.main_contents .box_wrap .box.oem .text a {color: #2683EE;}
.main_contents .box_wrap .box.oem .text a:hover {background: #0d5bb5; color: white;}
.main_contents .box_wrap .box.odm .text a {color: #674AE8;}
.main_contents .box_wrap .box.odm .text a:hover {background: #3f23bf; color: white;}

.main_contents .we_made {text-align: center;}
.main_contents .we_made h3 {font-size: 40px; line-height: 55px; font-family: 'Pretendard-Bold'; margin-bottom: 60px;}
.main_contents .we_made .partner_logo_box {background: white; border-radius: 50px; padding: 60px;}





/**** 회사 소개 ****/
.company_page .title {background: url('/images/company_title_img.jpg') no-repeat center; background-size: cover; width: calc(100% - 100px); height: 650px; margin: 150px auto 0; border-radius: 50px; position: relative; }
.company_page .title h2 {font-size: 5vw; color: white;}
.company_page .lead_text {text-align: center;}
.company_page .lead_text p {font-size: 24px; line-height: 40px;}
.company_page .lead_text p.bold {font-size: 24px; line-height: 40px; font-family: 'Pretendard-Bold'; color: #2683EE; margin-top: 30px;}
.company_page .lead_text img {margin-top: 60px; display: inline-block;}

.company_page .onestop {background: #FAFCFE; text-align: center;}
.company_page .onestop h2 {font-family: 'Pretendard-Bold'; display: inline-block; font-size: 60px; line-height: 80px; position: relative;}
.company_page .onestop h2 span {position: relative; z-index: 10;}
.company_page .onestop h2:before {content: ''; display: inline-block; width: 100%; height: 10px; background: #2683EE; position: absolute; bottom: 15px; left: 0; z-index: 1;}
.company_page .onestop p {margin-top: 50px; font-size: 20px; line-height: 34px;}

.company_page .value_wrap h3 {font-size: 40px; line-height: 40px; font-family: 'Pretendard-Bold'; margin-bottom: 60px; text-align: center;}
.company_page .value_wrap ul li {float: left; width: 25%; padding: 0 20px; text-align: center;}
.company_page .value_wrap ul li .symbol {width: 160px; height: 160px; border-radius: 80px; background: #5FA6F6; margin: 0 auto;}
.company_page .value_wrap ul li h4 {margin-top: 30px; font-size: 24px; line-height: 24px; font-family: 'Pretendard-Bold';}
.company_page .value_wrap ul li p {font-size: 18px; line-height: 28px; margin-top: 20px;}
.company_page .value_wrap ul li.value_1 .symbol {background-image: url('/images/icon_value_1.png'); background-repeat: no-repeat; background-position: center;}
.company_page .value_wrap ul li.value_2 .symbol {background-image: url('/images/icon_value_2.png'); background-repeat: no-repeat; background-position: center;}
.company_page .value_wrap ul li.value_3 .symbol {background-image: url('/images/icon_value_3.png'); background-repeat: no-repeat; background-position: center;}
.company_page .value_wrap ul li.value_4 .symbol {background-image: url('/images/icon_value_4.png'); background-repeat: no-repeat; background-position: center;}

.company_page .mission_wrap {width: 100%; height: 800px; background: url('/images/mission_bg.jpg') no-repeat center; background-size: cover; text-align: center;}
.company_page .mission_wrap .text h3 {font-size: 60px; line-height: 60px; color: white; font-family: 'Pretendard-Bold';}
.company_page .mission_wrap .text p {font-size: 24px; line-height: 40px; color: white; margin-top: 50px;}



/**** OEM, ODM ****/
.oem_odm_page {margin-top: 124px;}
.oem_odm_page .title_box {position: relative; width: 100%; height: 800px;}
.oem_odm_page .title_box.oem {background: url('/images/oem_img.jpg') no-repeat center; background-size: cover;}
.oem_odm_page .title_box.odm {background: url('/images/odm_img.jpg') no-repeat center; background-size: cover;}
.oem_odm_page .title_box .text {text-align: center;}
.oem_odm_page .title_box .text h2 {font-size: 50px; line-height: 70px; color: white; margin-bottom: 50px;}
.oem_odm_page .title_box .text h2 span {font-family: 'Pretendard-Bold';}
.oem_odm_page .title_box .text .button {display: inline-block; width: 300px; height: 60px; line-height: 60px; background: white; font-family: 'Pretendard-Bold'; font-size: 20px;}
.oem_odm_page .title_box.oem .text .button:hover {background: #2683EE; color: white;}
.oem_odm_page .title_box.odm .text .button:hover {background: #674AE8; color: white;}

.oem_odm_page .content_box {text-align: center;}
.oem_odm_page .content_box .title {margin-bottom: 60px;}
.oem_odm_page .content_box .title h3 {font-size: 40px; line-height: 40px; font-family: 'Pretendard-Bold'; margin-bottom: 30px;}
.oem_odm_page .content_box .title p {font-size: 20px; line-height: 30px; color: #666;}
.oem_odm_page .content_box .step li {display: inline-block; margin: 0 10px;}



/**** 파트너 ****/
.partner_page, .qa_page {margin-top: 200px;}
.partner_page .title, .qa_page .title {text-align: center; margin-bottom: 60px;}
.partner_page .title h3, .qa_page .title h3 {font-size: 40px; line-height: 40px; font-family: 'Pretendard-Bold'; margin-bottom: 30px;}
.partner_page .title p, .qa_page .title p {font-size: 20px; line-height: 30px; color: #666;}
.partner_page .service_box {text-align: center; background: #FAFCFE; border-radius: 30px; padding: 60px;}
.partner_page .service_box h3 {font-size: 50px; line-height: 40px; font-family: 'Pretendard-Bold'; color: #2683EE; margin-bottom: 30px;}
.partner_page .service_box h3 span {font-size: 24px;}
.partner_page .service_box ul li {display: inline-block;  margin: 0 30px;}
.partner_page .service_box ul li h4 {font-size: 24px; line-height: 24px; font-family: 'Pretendard-Bold'; margin-bottom: 10px; margin-top: 20px;}
.partner_page .service_box ul li p {font-size: 16px; line-height: 24px; color: #666;}
.partner_page .partner_logo {text-align: center;}


/**** 문의하기 ****/
.qa_page #bo_cate a {line-height: 40px; padding: 0px 15px; border-radius: 5px; font-size: 16px; letter-spacing: 0;}
.qa_page #bo_cate #bo_cate_on {box-shadow: none;}
.qa_page .frm_input {font-size: 18px; height: 50px; line-height: 50px; padding: 0 15px; border-radius: 0; border: 1px solid #eee; box-shadow: none;}
.qa_page .frm_input:placeholder {color: #999;}
.qa_page #bo_w .bo_w_select select {font-size: 16px;}
.qa_page .wr_content textarea {height: 200px !important; font-size: 18px; line-height: 30px; padding: 15px; border-radius: 0; border: 1px solid #eee; box-shadow: none;}
.qa_page .btn_submit {width: 100%; display: block; height: 50px; line-height: 50px; text-align: center; background: #2683EE; color: white; font-size: 20px; border-radius: 0;}

.qa_page #bo_w .write_div.category {margin-bottom: 20px;}
.qa_page .category input[type="radio"] {display: none;}
.qa_page .category label {display: inline-block; width: 150px; height: 50px; border-radius: 25px; background: #F3F8FF; border: 1px solid #2683EE; text-align: center; font-size: 20px; line-height: 50px; cursor: pointer; margin-right: 5px;}
.qa_page .category input[type="radio"]:checked + label {background: #2683EE; color: white;}

.qa_page .form_box {width: 50%; padding-right: 50px; border-right: 1px solid #eee;}
.qa_page .info {width: 50%; padding-left: 50px; padding-top: 50px; }
.qa_page .info .list {margin-bottom: 30px;}
.qa_page .info .list .name {display: block; font-size: 20px; line-height: 20px; font-family: 'Pretendard-Bold'; color: #999; margin-bottom: 10px;}
.qa_page .info .list p {font-size: 20px; line-height: 30px;}
.qa_page .info .list h3 {font-size: 24px; line-height: 24px; font-family: 'Pretendard-Bold';}
.qa_page .info .list .add {display: block; font-size: 16px; line-height: 20px; color: #666; margin-top: 5px;}
.qa_page .info .list .sns_wrap li {display: inline-block; margin-right: 15px;}
.qa_page .info .list .sns_wrap li a img {width: 40px;}

.qa_page .privacy {text-decoration: underline;}
#privacy_modal {padding: 50px; font-size: 16px; line-height: 30px; max-width: 800px;}

.qa_page #map {width: 100%; height: 450px;}

#bo_v_con table {width: 100%; max-width: 800px; border: 1px solid #eee; margin: 0 auto;}
#bo_v_con table tr {border-bottom: 1px solid #eee;}
#bo_v_con table th {width: 150px; height: 50px; text-align: left; font-size: 16px; padding: 10px 15px; background: #f9f9f9; vertical-align: middle;}
#bo_v_con table td {font-size: 16px; line-height: 26px; padding: 10px 15px; vertical-align: middle;}



.go_link {position: fixed; right: 80px; bottom: 70px; background: #2683EE; width: 80px; height: 80px; border-radius: 50%;}
.go_link span {font-size: 18px; font-family: 'Pretendard-Bold'; color: white;}
.go_kakao {position: fixed; right: 80px; bottom: 160px; width: 80px; height: 80px; border-radius: 50%; overflow: hidden;}

/* 홈페이지 정책 */
.blocker {z-index: 100 !important;}
.modal {max-width: 1000px !important; padding: 50px !important;}
.modal .content h1 {font-size: 28px; margin-bottom: 10px; font-family: 'Pretendard-Bold';}
.modal .content h2 {font-size: 20px; margin-top: 30px; border-bottom: 1px solid #ccc; padding-bottom: 5px; font-family: 'Pretendard-Bold';}
.modal .content p {margin: 10px 0; font-size: 16px;}
.modal .content ul {margin: 5px 0 15px 20px;}
.modal .content ul li {font-size: 16px; line-height: 24px; margin-bottom: 10px;}
.modal .content strong {font-family: 'Pretendard-Bold';}