@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
:root {
  color-scheme: light only;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Noto Sans KR', sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.3;
	overflow-x:hidden;
	font-family: 'Noto Sans KR', sans-serif;
	word-break:keep-all;
	margin-top:-24px !important;
	background:#fff;
	letter-spacing:-1px;
}
ol, ul {
	list-style: none;
}
li {
	list-style:none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '>';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {text-decoration:none;}

input[type="text"],input[type="password"],input[type="email"],input[type="search"],input[type="select"],input[type="tel"],input[type="submit"],textarea { 
    -webkit-appearance: none; -webkit-border-radius: 0; 
}

body {font-size:20px; color:#222;}
.pc {display:block;}
.m {display:none !important;}
.wrap {width:1100px; margin:0 auto;}
.blue {color:#0065b0;}
.side_bnr {position:fixed; right:20px; bottom:20px; z-index:9;}
.side_bnr li a {display:block; width:40px; height:40px; line-height:40px; margin-top:11px; text-align:center; border-radius:50%; opacity:0.6; background:#fff; box-shadow:1px 1px 1px rgb(0 0 0 / 20%); -webkit-transition:all 0.30s ease-in-out;overflow: hidden;}
.side_bnr li a:hover {opacity:1; box-shadow:1px 1px 15px rgb(0 0 0 / 9%); -webkit-box-shadow:1px 1px 15px rgb(0 0 0 / 9%);}
/*250708 ts #main_brr 수정
 
#main_bnr 기존에 추가
* be : X
* af : padding-top:80px;

 #main_bnr .main_title 없던 항목추가
 * be : X
 * af : padding-top: 40%;
 */

 #main_bnr {
        position: relative;
        width: 100%;
        height: 0; /* 높이를 0으로 설정하여 초기에는 공간을 차지하지 않게 함 */
        padding-bottom: 56.25%; /* 16:9 비율을 위한 패딩, (9 / 16 * 100)% */
        overflow: hidden;
    }

    /* 만약 영상이 4:3 비율이라면 아래처럼 padding-bottom 값을 변경하세요. */
    /* padding-bottom: 75%; */

    .main_video_wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .main_video_wrapper video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
/*25.08.17 추가 ts **/
 @media (min-width: 1220px) {
  #main_bnr {
    margin-top:93px !important;
  }
}
@media (max-width: 1219px) {
  #main_bnr {
    top: 79px !important;
  }
}
/* 
25.08.17 사진제거 ts 
#main_bnr {
    background:url('../img/main/main.jpg')
    no-repeat; background-position:top;
     background-size:cover; 
     height:80vh;
      margin-top:80px;
 }
#main_bnr .wrap {display:flex; height:100%; align-items:center;}
#main_bnr .main_title{ padding-top: 40%;}
#main_bnr .main_title p {font-size:2em; color:#fff; font-weight:300;}
#main_bnr .main_title h2 {font-size:2.5em; color:#fff; font-weight:700;}*/



#ara_about {margin-top:100px;}
#ara_about .wrap {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
#ara_about .ab_txt {width:50%;}
#ara_about .ab_txt span {font-size:1.5em; font-weight:300;}
#ara_about .ab_txt h3 {font-size:2em; font-weight:700; margin-top:17px;}
#ara_about .ab_txt p {font-size:1em; font-weight:300; margin-top:32px;}
#ara_about .ab_link {width:100%; display:flex; margin-top:50px;}
#ara_about .ab_link_box {width:50%;}
#ara_about .ab_link {border-radius:50px; box-shadow:12px 14px 10px rgba(0,0,0,0.2);}
#ara_about .ab_link .ab_link_left{display:flex; justify-content:space-between; padding:34px 50px;}
#ara_about .ab_link .ab_link_right{position:relative; display:flex; justify-content:space-between; padding:34px 50px;}
#ara_about .ab_link .ab_link_right:before {display:block; content:''; width:1px; height:105px; background:#222; position:absolute; left:0;}
#ara_about .ab_link .txt_box span {font-weight:300;}
#ara_about .ab_link .txt_box p {font-weight:700;}
#ara_about .ab_link .txt_box a {display:inline-block; color:#222; padding:4px 19px; margin-top:25px; border:1px solid #222; border-radius:20px; font-size:0.7em;}
#ara_about .ab_link .img_box {display:flex; align-items:center;}

#ara_service {margin-top:140px;}
#ara_service .sub_title {font-size:2em; font-weight:700; text-align:center;}
#ara_service .sv_box {display:flex; justify-content:center; flex-wrap:wrap; margin-top:20px;}
#ara_service .sv_box li {width:32%; display:flex; flex-wrap:wrap; box-sizing:border-box; border:1px solid #7d7d7d; margin-top:23px;}
#ara_service .sv_box li:nth-child(2), #ara_service .sv_box li:nth-child(4) {margin-left: 2%;margin-right: 2%;}
#ara_service .sv_box .txt_box {padding-top:34px; padding-left:20px; margin-bottom:35px;}
#ara_service .sv_box .txt_box span {font-size:0.8em; font-weight:300;}
#ara_service .sv_box .txt_box h4 {font-size:1.5em; font-weight:700; margin-top:7px;}
#ara_service .sv_box .txt_box p {font-size:1em; font-weight:400; margin-top:17px;}
#ara_service .sv_box .img_box {width:100%; display:flex; justify-content:flex-end;}

#ara_work {margin-top:140px;}
#ara_work .wrap {display:flex; justify-content:space-between; align-items:center;}
#ara_work .wk_txt h3 {font-size:2em; font-weight:400;}
#ara_work .wk_txt h3 span {font-weight:700;}
#ara_work .wk_txt a {display:inline-block; margin-top:17px; font-size:1.5em; font-weight:400; color:#fff; background:#0065b0; padding:8px 36px; border-radius:10px;}
#ara_work .wk_list li {display:flex; justify-content:space-between; align-items:center; margin:10px 0;}
#ara_work .wk_list li .txt_box {padding:19px 20px; margin-right:13px; box-sizing:border-box; width:100%; border:1px solid #7a7a7a; box-shadow:7px 7px 11px rgba(0,0,0,0.2);}
#ara_work .wk_list li .txt_box h4 {font-size:1.5em; font-weight:700;}
#ara_work .wk_list li .txt_box p {font-weight:400; margin-top:7px;}
#ara_work .wk_list li .txt_box span {display:block; font-size:0.7em; font-weight:400; margin-top:22px;}

#ara_process {margin-top:140px;}
#ara_process .sub_title {font-size:2em; font-weight:700; text-align:center;}
#ara_process ul {display:flex; justify-content:space-between; margin-top:57px;}
#ara_process ul li {position:relative;}
#ara_process ul li .txt_box {position:absolute; width:100%; height:100%; text-align:center; top:18%;}
#ara_process ul li .txt_box h4 {font-size:1.5em; font-weight:700;}
#ara_process ul li .txt_box p {font-weight:400; margin-top:20px;}

#ara_contact {margin-top:140px;}
#ara_contact .wrap {display:flex; justify-content:space-between; align-items:center; }
#ara_contact .txt_box h3{font-size:2em; font-weight:700;}
#ara_contact .txt_box h3 span {font-weight:400;}
#ara_contact .info_box {margin-top:110px;}
#ara_contact .info_box p {font-size:2em; font-weight:400;}
#ara_contact .info_box p span {font-size:0.5em; padding-left:20px;}
#ara_contact .info_box .tel {font-weight:700;}
#ara_contact .info_box .email {font-weight:700;font-size: large;}
#ara_contact .img_box img {margin-left:100px; display:block;}



/*////////////ȸ��Ұ�/////////////*/
#company_main {background:url('../img/company/company_main.jpg') no-repeat; background-position:bottom center; background-size:cover; height:80vh;}
#company_main {display:flex; align-items:center;}
#company_main h2 {text-align:center; font-size:2.5em; font-weight:700; color:#fff;}

#com_num {position:relative; top:-140px;}
#com_num ul {display:flex; justify-content:center;}
#com_num ul li {position:relative;}
#com_num ul li .txt_box {position:absolute; box-sizing:border-box; padding:40px 20px; bottom:0; width:100%; color:#fff;}
#com_num ul li .txt_box p span{font-weight:700;}
#com_num ul li .txt_box p:after {display:block; content:''; width:100%; height:1px; background:#fff; margin:17px 0;}
#com_num ul li .txt_box h3 {font-size:1.5em; font-weight:700;}

#com_bnr .wrap {position:relative; padding-top:140px;}
#com_bnr .img_box {position:absolute; right:50%; top:0; z-index:99;}
#com_bnr .txt_box {position:relative; left:50%; padding:80px 0 80px 400px; margin-left:-400px; background:#eee;}
#com_bnr .txt_box p {line-height:1.7; font-weight:500; padding-left:30px;}
#com_bnr .txt_box p span {font-weight:700;}

.sub_menu {margin-bottom:110px;}
.sub_menu ul {display:flex; justify-content:space-between;}
.sub_menu ul li {width:24%; text-align:center; display:flex; align-items:center;}
.sub_menu ul li a {display:block; width:100%; color:#0065b0; padding:52px 0; border:1px solid #0065b0;}
.sub_menu ul li a p {font-weight:700;}
.sub_menu ul li a span {font-weight:400;}
.sub_menu ul li.on a {background:#0065b0; padding:82px 0; color:#fff;}

#com_vision {margin-top:140px;}
#com_vision .title h3 {font-weight:800; font-size:2em; text-align:center;}
#com_vision .title p {font-weight:500; font-size:2em; text-align:center;}
#com_vision .vs_cont {display:flex; margin-top:62px;}
#com_vision .vs_cont .vs_left {width:50%; display:flex; align-items:center;}
#com_vision .vs_cont .vs_left ul li {display:flex; align-items:center; padding:40px 0;}
#com_vision .vs_cont .vs_left .txt_box {margin-left:30px;}
#com_vision .vs_cont .vs_left .txt_box h4 {font-size:1.5em; font-weight:700;}
#com_vision .vs_cont .vs_left .txt_box p {font-size:0.8em; font-weight:500; margin-top:17px;}
#com_vision .vs_cont .vs_left .img_box {display:flex; align-items:center;}
#com_vision .vs_cont .vs_right {width:50%;}
#com_vision .vs_cont .vs_right img {width:100%;}

#com_profile {margin-top:140px;}
#com_profile .title h3 {font-weight:800; font-size:2em; text-align:center;}
#com_profile .title p {font-weight:500; font-size:2em; text-align:center;}
#com_profile .pr_cont {margin-top:60px;}
#com_profile .pr_cont ul li {display:flex; margin-top:60px;}
#com_profile .pr_cont .img_left {display:flex; padding:0 50px 0 140px; display:flex; align-items:flex-end;}
#com_profile .pr_cont .txt_box {display:flex; align-items:center; margin-left:40px;}
#com_profile .pr_cont p {font-size:1.2em; font-weight:400;}
#com_profile .pr_cont p.pr_name {font-size:1.5em; }
#com_profile .pr_cont p.pr_name span {font-weight:700;}
#com_profile .pr_cont p.pr_name:after {display:block; content:''; width:130px; height:1px; margin:25px 0; background:#0065b0;}

#com_chart {margin-top:140px;}
#com_chart .title h3 {font-weight:800; font-size:2em; text-align:center;}
#com_chart .title p {font-weight:500; font-size:2em; text-align:center;}
#com_chart img {width:100%; padding-top:60px;}

#com_map {margin-top:140px;}
#com_map .title h3 {font-weight:800; font-size:2em; text-align:center;}
#com_map .title p {font-weight:500; font-size:2em; text-align:center;}
#com_map #map {margin-top:60px;}
#com_map .txt_box {margin-top:30px;}
#com_map .txt_box p {font-size:1.5em; font-weight:700; text-align:center;}
#com_map .txt_box p.locate {font-weight:400;}
#com_map .txt_box p.map {margin-top:7px;}

/*////////////�������/////////////*/
#business_bnr {background-position:unset; background-size:cover; height:80vh;}
#business_bnr {display:flex; align-items:center;}
#business_bnr h2 {text-align:center; font-size:2.5em; font-weight:700; color:#fff;}

#bs_sub_menu {position:relative; top:-60px;}
#bs_sub_menu ul {display:flex; justify-content:space-between;}
#bs_sub_menu li {width:19%; text-align:center; display:flex; align-items:center;}
#bs_sub_menu li a {display:block; width:100%; color:#0065b0; padding:20px 0; border:1px solid #0065b0; background:#fff;}
#bs_sub_menu li a p {font-weight:700; font-size:0.6em; margin-bottom:7px;}
#bs_sub_menu li a span {font-weight:400;}
#bs_sub_menu li.on a {background:#0065b0; padding:40px 0; color:#fff;}

#bs_service {margin-top:80px;}
#bs_service .wrap {display:flex; flex-wrap:wrap; align-items:center;}
#bs_service .upwrap {margin-top:35px;}
#bs_service .txt_box {margin-left:65px;}
#bs_service .txt_box h3 {font-size:2em; font-weight:400;}
#bs_service .txt_box h3 span {display:block; font-weight:800;}
#bs_service .txt_box p {font-size:1.2em; font-weight:400; margin-top:65px;}

#bs_icon_box {margin-top:80px;}
#bs_icon_box ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
#bs_icon_box ul li {width:30%; margin-top:60px;}
#bs_icon_box ul li img {display:block; margin:0 auto;}
#bs_icon_box ul li h4 {font-size:1.5em; font-weight:700; margin-top:13px;}
#bs_icon_box ul li p {margin-top:7px; font-weight:400; line-height:1.5;}

#bs_gallery {margin-top:140px;}
#bs_gallery .gallery_box {display:flex; justify-content:space-between;}
#bs_gallery .one_img {width:500px; height:600px; }
#bs_gallery .two_img {width:590px; height:295px;}
#bs_gallery .last {margin-top:10px;}
#bs_gallery .bot {margin-top:10px;}
.bs_01_gallery .top .one_img {background:url('../img/business/01/bs_gallery_01.jpg'); background-size:cover;}
.bs_01_gallery .top .first {background:url('../img/business/01/bs_gallery_02.jpg'); background-size:cover;}
.bs_01_gallery .top .last {background:url('../img/business/01/bs_gallery_03.jpg'); background-size:cover;}
.bs_01_gallery .bot .first {background:url('../img/business/01/bs_gallery_04.jpg'); background-size:cover;}
.bs_01_gallery .bot .last {background:url('../img/business/01/bs_gallery_05.jpg'); background-size:cover;}
.bs_01_gallery .bot .one_img {background:url('../img/business/01/bs_gallery_06.jpg'); background-size:cover;}

#bs_step {margin-top:140px;}
#bs_step .title h3 {font-weight:400; font-size:2em; text-align:center;}
#bs_step .title h3 span {font-weight:800;}
#bs_step .img_box {margin-top:35px;}
#bs_step .img_box img {width:100%;}
#bs_step .btn_box {display:flex; justify-content:center; margin-top:65px;}
#bs_step .btn_box > div {width:40%; margin:0 30px; padding:20px 40px; box-sizing:border-box; border-radius:20px; box-shadow:10px 10px 17px rgba(0,0,0,0.2);}
#bs_step .btn_box a {color:#222;}
#bs_step .btn_box p {font-size:1.5em;}
#bs_step .btn_box span {font-weight:700; display:inline-block; padding:7px 20px; border:1px solid #222; margin-top:7px;}

#bs_why {margin-top:140px;}
#bs_why .title {text-align:center;}
#bs_why .title h3 {font-size:2em;}
#bs_why .title h3 span {font-weight:800;}
#bs_why .title p {font-weight:300; margin-top:13px;}
#bs_why .cont_box {margin-top:60px;}
#bs_why .cont_box ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
#bs_why .cont_box ul li {width:49%;}
#bs_why .cont_box ul li img {width:100%;}
#bs_why .cont_box ul li h4 {font-size:1.2em; font-weight:400; margin-top:15px;}
#bs_why .cont_box ul li h4 span {font-weight:700;}
#bs_why .cont_box ul li p {font-weight:300; margin-top:13px;}

#bs_note {margin-top:140px;}
#bs_note .title h3 {font-size:2em; text-align:center;}
#bs_note .title h3 span {font-weight:700;}
#bs_note .cont_box {margin-top:60px;}
#bs_note .cont_box ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
#bs_note .cont_box ul li {width:49%;}
#bs_note .cont_box ul li img {width:100%;}
#bs_note p {text-align:center; font-size:1.2em;}
#bs_note p span {font-weight:700;}

#bs_action {margin-top:140px;}
#bs_action .title h3 {font-size:2em; text-align:center;}
#bs_action .title h3 span {font-weight:700;}
#bs_action .cont_box ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
#bs_action .cont_box ul li {width:32%; margin-top:60px;}
#bs_action .cont_box ul li img {width:100%;}
#bs_action .cont_box ul li p {font-size:1.5em; text-align:center; margin-top:12px;}

.bs_confirm {text-align:center; margin-top:50px;}
.bs_confirm h3 {font-size:2em; font-weight:700; margin-top:7px;}
.bs_confirm p {font-weight:300; margin-top:5px;}

#bs_chart {margin-top:140px;}
#bs_chart .title h3 {font-size:2em; text-align:center;}
#bs_chart .title h3 span {font-weight:700;}
#bs_chart .cont_box {margin-top:60px;}
#bs_chart .cont_box img {display:block; margin:0 auto;}

#bs_reward {margin-top:140px;}
#bs_reward .wrap {display:flex;}
#bs_reward .txt_box {margin-left:35px;}
#bs_reward .txt_box h3 {font-size:2em; font-weight:700;}
#bs_reward .txt_box p {margin-top:26px;}
#bs_reward .txt_box img {margin-top:50px;}

.bs_01_bnr {background:url('../img/business/01/besiness_bnr.jpg') no-repeat; }
.bs_02_bnr {background:url('../img/business/02/besiness_bnr.jpg') no-repeat; }
.bs_03_bnr {background:url('../img/business/03/besiness_bnr.jpg') no-repeat; }
.bs_04_bnr {background:url('../img/business/04/besiness_bnr.jpg') no-repeat; }
.bs_05_bnr {background:url('../img/business/05/besiness_bnr.jpg') no-repeat; }
.bs_06_bnr {background:url('../img/business/06/besiness_bnr.jpg') no-repeat; }


.bs_02_gallery .top .one_img {background:url('../img/business/02/bs_gallery_01.jpg'); background-size:cover;}
.bs_02_gallery .top .first {background:url('../img/business/02/bs_gallery_02.jpg'); background-size:cover;}
.bs_02_gallery .top .last {background:url('../img/business/02/bs_gallery_03.jpg'); background-size:cover;}
.bs_02_gallery .bot .first {background:url('../img/business/02/bs_gallery_04.jpg'); background-size:cover;}
.bs_02_gallery .bot .last {background:url('../img/business/02/bs_gallery_05.jpg'); background-size:cover;}
.bs_02_gallery .bot .one_img {background:url('../img/business/02/bs_gallery_06.jpg'); background-size:cover;}

.bs_03_gallery .top .one_img {background:url('../img/business/03/bs_gallery_01.jpg'); background-size:cover;}
.bs_03_gallery .top .first {background:url('../img/business/03/bs_gallery_02.jpg'); background-size:cover;}
.bs_03_gallery .top .last {background:url('../img/business/03/bs_gallery_03.jpg'); background-size:cover;}
.bs_03_gallery .bot .first {background:url('../img/business/03/bs_gallery_04.jpg'); background-size:cover;}
.bs_03_gallery .bot .last {background:url('../img/business/03/bs_gallery_05.jpg'); background-size:cover;}
.bs_03_gallery .bot .one_img {background:url('../img/business/03/bs_gallery_06.jpg'); background-size:cover;}

.bs_04_gallery .top .one_img {background:url('../img/business/04/bs_gallery_01.jpg'); background-size:cover;}
.bs_04_gallery .top .first {background:url('../img/business/04/bs_gallery_02.jpg'); background-size:cover;}
.bs_04_gallery .top .last {background:url('../img/business/04/bs_gallery_03.jpg'); background-size:cover;}
.bs_04_gallery .bot .first {background:url('../img/business/04/bs_gallery_04.jpg'); background-size:cover;}
.bs_04_gallery .bot .last {background:url('../img/business/04/bs_gallery_05.jpg'); background-size:cover;}
.bs_04_gallery .bot .one_img {background:url('../img/business/04/bs_gallery_06.jpg'); background-size:cover;}

.bs_05_gallery .top .one_img {background:url('../img/business/05/bs_gallery_01.jpg'); background-size:cover;}
.bs_05_gallery .top .first {background:url('../img/business/05/bs_gallery_02.jpg'); background-size:cover;}
.bs_05_gallery .top .last {background:url('../img/business/05/bs_gallery_03.jpg'); background-size:cover;}
.bs_05_gallery .bot .first {background:url('../img/business/05/bs_gallery_04.jpg'); background-size:cover;}
.bs_05_gallery .bot .last {background:url('../img/business/05/bs_gallery_05.jpg'); background-size:cover;}
.bs_05_gallery .bot .one_img {background:url('../img/business/05/bs_gallery_06.jpg'); background-size:cover;}

.bs_06_gallery .top .one_img {background:url('../img/business/06/bs_gallery_01.jpg'); background-size:cover;}
.bs_06_gallery .top .first {background:url('../img/business/06/bs_gallery_02.jpg'); background-size:cover;}
.bs_06_gallery .top .last {background:url('../img/business/06/bs_gallery_03.jpg'); background-size:cover;}
.bs_06_gallery .bot .first {background:url('../img/business/06/bs_gallery_04.jpg'); background-size:cover;}
.bs_06_gallery .bot .last {background:url('../img/business/06/bs_gallery_05.jpg'); background-size:cover;}
.bs_06_gallery .bot .one_img {background:url('../img/business/06/bs_gallery_06.jpg'); background-size:cover;}


/*///////////�ֿ����///////////*/
#performance_bnr {background:url('../img/performance/performance_bnr.jpg') no-repeat; background-position:bottom center; background-size:cover; height:80vh;}
#performance_bnr {display:flex; align-items:center;}
#performance_bnr h2 {text-align:center; font-size:2.5em; font-weight:700; color:#fff;}

#pm_about {margin-top:140px;}
#pm_about .wrap {position:relative; height:510px; display:flex; align-items:center;}
#pm_about .txt_box {width:40%;}
#pm_about .txt_box h3 {font-weight:700; font-size:2em;}
#pm_about .txt_box h3 span {display:block; font-weight:500;}
#pm_about .txt_box p {margin-top:40px;}
#pm_about .img_box {position:absolute; left:50%; top:0;}

#pm_list ul li {display:flex; position:relative; margin-top:140px;}
#pm_list ul li .two_img {display:flex; position:relative; margin-top:40px; left:-80px;}
#pm_list ul li .two_img img:first-of-type {margin-right:12px;}
#pm_list ul li .cont {padding-left:37px; padding-top:60px;}
#pm_list ul li .cont h3 {font-size:2em; font-weight:700;}
#pm_list ul li .cont h3 span {font-weight:400; display:block;}
#pm_list ul li .cont p {font-size:1.2em; margin-top:60px; line-height:1.5;}
#pm_list ul li:nth-of-type(2n) .two_img {left:80px;}
#pm_list ul li:nth-of-type(2n) .cont {padding-left:80px;}




/*************�������****************/
#contact_bnr {background:url('../img/contact/contact_bnr.jpg') no-repeat; background-position:bottom center; background-size:cover; height:80vh;}
#contact_bnr {display:flex; align-items:center;}
#contact_bnr h2 {text-align:center; font-size:2.5em; font-weight:700; color:#fff;}

#ct_locate {margin-top:140px;}
#ct_locate .wrap {display:flex; align-items:center; justify-content:space-between;}
#ct_locate .txt_box h3 span {display:block; font-size:2em; font-weight:700;}
#ct_locate .txt_box ul {margin-top:34px;}
#ct_locate .txt_box ul li {display:flex; align-items:center; font-size:1.5em; margin-bottom:12px;}
#ct_locate .txt_box ul li i {display:flex; align-items:center; margin-right:3px;}
#ct_locate .txt_box .sns_link ul {display:flex; margin-top:25px;}
#ct_locate .txt_box .sns_link ul li {margin-right:7px; border:1px solid #222;}
#ct_locate .txt_box .sns_link ul li a {padding:6px 17px; display:flex; align-items:center; justify-content:space-between; color:#222;}
#ct_locate .txt_box .sns_link ul li a img {margin-right:10px;}
#ct_locate .map_box {width:500px;}

#contact {margin-top:140px;}
#contact .title h2 {text-align:center; font-size:2em; font-weight:800;}
#contact .title p {text-align:center; font-size:2em; font-weight:500;}
#contact .flex_box {margin-top:60px;}
#contact .flex_box {display:flex; justify-content:space-between;}
#contact #frm label {display:block; font-weight:500;}
#contact #frm label span {color:#f00; margin-left:2px;}
#contact #frm input[type='text'], #contact #frm textarea {background:none; border:none; border-bottom:1px solid #222; padding:7px 0; font-size:0.8em;}
#contact #frm textarea {width:100%;}
#contact #frm .inquiry, #contact #frm .ok {margin-top:55px;}
#name, #hp {margin-bottom:50px; width:320px;}

input[type='checkbox']{
    width: 18px !important;
    height: 18px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
    outline: none;
    box-shadow: none;
    background: url('../img/contact/check.png')no-repeat;
}

input[type='checkbox']:checked{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
    box-shadow: none;
    background: url('../img/contact/checked.png') no-repeat;
}

#contact .ch_box {display:flex; flex-wrap:wrap;}
#contact #frm .ch_box li label {display:flex; align-items:center; margin-right:23px; margin-top:14px;}
#contact #frm .ok p {font-size:0.8em; font-weight:300; margin-top:12px; line-height:1.5;}
#contact #frm .ok .agree {display:flex; align-items:center; font-size:0.8em; margin-top:13px;}

#contact_step {margin-top:140px;}
#contact_step .title h3 {font-size:2em; font-weight:800; text-align:center;}
#contact_step .title p {font-size:2em; font-weight:500; text-align:center;}
#contact_step .img_box {text-align:center; margin-top:45px;}
#contact_step .img_box h4 {margin-top:30px; font-size:2em; font-weight:800; text-align:center;}
#contact_step .img_box h4 span {color:#0065b0;}
#contact_step .img_box p {font-size:2em; font-weight:500; text-align:center;}



/************��������**************/
#notice_bnr {background:url('../img/notice/notice_bnr.jpg') no-repeat; background-position:bottom center; background-size:cover; height:80vh;}
#notice_bnr {display:flex; align-items:center;}
#notice_bnr h2 {text-align:center; font-size:2.5em; font-weight:700; color:#fff;}

#nt_sub_menu {position:relative; top:-120px; }
#nt_sub_menu ul {display:flex; justify-content:center; align-items:center;}
#nt_sub_menu ul li {font-size:1.5em; background:#fff; width:350px; height:100px; display:flex; align-items:center; text-align:center;}
#nt_sub_menu ul li a {color:#0065b0; width:100%;}
#nt_sub_menu ul li.on {background:#0065b0; height: 145px;}
#nt_sub_menu ul li.on a {color:#fff;}
#nt_sub_menu ul li p {font-weight:700;}

#nt_board .t_head {background:#f1f1f1; font-size:0.8em;}

#customer_view  {margin-top:140px;}
#customer_view h3 {font-size:1.5em; font-weight:700;}
#customer_view .board_description {padding-top:50px; padding-bottom:50px;}
#customer_view .table_02 {margin-bottom:35px;}

#nt_sub_menu .img_box {margin-top:100px;}
#nt_sub_menu .img_box img {display:block; margin:0 auto;}
#nt_sub_menu .title h3 {text-align:center; font-size:2em; font-weight:400; margin-top:100px;}

/***************�����**************/
#recruit_section .recruit_box li {display:flex; justify-content:space-between; border-bottom:1px solid #f1f1f1; padding:13px 0; font-size:0.9em;}
#recruit_section .recruit_box li div {text-align:center; color:#666; font-weight:300;}
#recruit_section .recruit_box li.li_head {border-bottom:2px solid #f1f1f1;}
#recruit_section .recruit_box li.li_head div {font-size:1.1em; color:#222; font-weight:500;}
#recruit_section .recruit_box li div:nth-of-type(1) {width:10%;}
#recruit_section .recruit_box li div:nth-of-type(2) {width:50%;}
#recruit_section .recruit_box li div:nth-of-type(2) a {color:#222;}
#recruit_section .recruit_box li div:nth-of-type(3) {width:20%;}
#recruit_section .recruit_box li div:nth-of-type(4) {width:20%;}
#recruit_section .recruit_box .title_wrapper {width:100%; text-align:center; padding:100px 0;}
#ext_search #sf {display:flex; justify-content:center;}
#ext_search #sf input[name="kword"] {height:36px; border:1px solid #e5e5e5; margin:0 7px;}
#ext_search #sf .cateform {border:1px solid #e5e5e5;}

.recruit_slt {background:#f9f9f9; margin-bottom:11px;}
.recruit_slt li {cursor:pointer;}
#recruit_section .recruit_slt {display:flex;}
#recruit_section .recruit_slt li {padding:15px 17px;}

#recruit_view {margin-top:140px;}

/*************Ǫ��***************/
#footer {padding:45px 0; background:#000; color:#fff; font-size:0.7em; font-weight:300; margin-top:140px;}
#footer h4 {font-weight:700;}
#footer ul li {margin-top:3px; margin-right:25px;}
#footer .copy {margin-top:20px;}

/*�׺���*/
@media screen and (max-width:1100px){
body, html {width:100%; overflow-x:hidden;}
.pc {display:none !important;}
.m {display:block !important;}

.wrap {width:96%;}

.main_bnr .swiper {width:180%;left: 50%;transform: translateX(-50%);}
.image100 {width:160%;} 
.m {width:100%;}
#contact .wrap {width:80%; margin:0 auto;}
.btn-box {margin-top:17px;}

#slide_area .wrap {width:98%;}
.slide_area_07 img {width:100%;}
.slide_area_08 img {width:100%;}
.slide_area_12 img {width:100%;}
.slide_box_12 {width:90%;}
.box_14 img {width:100%;}
.slide_area_15 img {width:100%;}
.slide_box_15 {width:90%;}
#map .wrap {width:98%;}
#map img {width:100%;}
#map .map_text {font-size:15px; line-height:22px;}

.root_daum_roughmap, .root_daum_roughmap_landing, .os_mac {width:100% !important;}

#contact #email {width:11px; height:11px;}
#contact .ans_box label {width:50%;}
#contact .btn {width:80%;}
.kakao_manu {position:fixed; width:50px; bottom:80px; right:30px; z-index:999;}

}





/*�����*/
@media screen and (max-width:786px){
.pc {display:none !important;}
.m {display:block !important;}
body {font-size:14px;}
.wrap {width:92%;}

.nav-mobile {background:none;}
.brand {top:25px;}
.brand a img {margin-left:10%; height:20px;}
.nav-list {background:#111;}


/*****����*****/
/*#main_bnr {background:url('../img/main/m_main.jpg') no-repeat; background-position:top; background-size:cover; height:60vh;}
*/

/*25.08.17 추가 ts **/
@media screen and (max-width: 786px) {
    #ara_about {
        margin-top: 93px !important
    }
}
#ara_about .wrap {flex-wrap:wrap;}

#ara_about {margin-top:75px;}
#ara_about .ab_txt {width:100%;}
#ara_about .ab_txt h3 {margin-top:12px;}
#ara_about .ab_txt h3 br {display:none;}
#ara_about .ab_txt p {margin-top:17px;}
#ara_about .ab_img {display:flex; justify-content:space-between; margin-top:17px;}
#ara_about .ab_img img {width:48%;}

#ara_about .ab_link {border-radius:0; box-shadow:none; flex-wrap:wrap; margin-top:21px;}
#ara_about .ab_link_box {width:100%; border-radius:11px; box-shadow:7px 7px 10px rgba(0,0,0,0.2);}
#ara_about .ab_link .ab_link_left, #ara_about .ab_link .ab_link_right {padding:11px 17px;}
#ara_about .ab_link .ab_link_right {margin-top:17px;}
#ara_about .ab_link .img_box img {height:70%;}
#ara_about .ab_link .txt_box a {margin-top:11px;}
#ara_about .ab_link .ab_link_right:before {display:none;}


#ara_service {margin-top:75px;}
#ara_service .sv_box {margin-top:0;}
#ara_service .sv_box li {width:49%;}
#ara_service .sv_box .img_box img {width:95%;}
#ara_service .sv_box .txt_box {padding:17px 11px 0 11px; margin-bottom:17px;}
#ara_service .sv_box .txt_box p br {display:none;}
#ara_service .sv_box .txt_box h4 {margin-top:3px;}
#ara_service .sv_box .txt_box p {margin-top:11px;}


#ara_work {margin-top:75px;}
#ara_work .wrap {flex-wrap:wrap;}
#ara_work .wrap .wk_txt {width:100%; text-align:center;}
#ara_work .wk_txt h3 br {display:none;}
#ara_work .wk_txt a {margin-top:11px;}
#ara_work .wk_list {width:100%; margin-top:27px;}
#ara_work .wk_list li {flex-wrap:wrap; justify-content:flex-end; position:relative; margin:17px 0;}
#ara_work .wk_list li .txt_box {width:60%; position:absolute; left:0; background:#fff; padding:11px 17px;}
#ara_work .wk_list li img {width:70%; text-align:right;}
#ara_work .wk_list li .txt_box p br {display:none;}
#ara_work .wk_list li .txt_box span {margin-top:11px;}


#ara_process {margin-top:75px;}
#ara_process ul {flex-wrap:wrap; margin-top:27px;}
#ara_process ul li {width:48%; margin-bottom:17px;}
#ara_process ul li img {width:100%;}
#ara_process ul li .txt_box {top:0; display:flex; align-items:center; justify-content:center;}
#ara_process ul li .txt_box p {margin-top:13px;}


#ara_contact {margin-top:75px;}
#ara_contact .wrap {flex-wrap:wrap;}
#ara_contact .txt_box h3 span {display:block;}
#ara_contact .txt_box h3 br {display:none;}
#ara_contact .txt_box {width:100%;}
#ara_contact .info_box {margin:17px 0;}
#ara_contact .img_box {width:100%;}
#ara_contact .img_box img {width:100%; margin:0;}
#ara_contact .info_box .email {font-size:1.7em;}


#company_main {background:url('../img/company/m_company_main.jpg') no-repeat; background-position:bottom center; background-size:cover; height:60vh;}
#com_num {top:-75px;}
#com_num ul li {width:33%;}
#com_num ul li img {width:100%;}
#com_num ul li .txt_box {padding:21px 14px;}
#com_num ul li .txt_box h3 {font-size:1.1em;}

#com_bnr .wrap {padding-top:75px;}
#com_bnr .img_box {right:unset; left:-5%; z-index:-1;}
#com_bnr .img_box img {width:80%;}
#com_bnr .txt_box {left:unset; margin-left:0; padding:27px 35px; z-index:9;}
#com_bnr .txt_box p {padding-left:0;}


#com_vision {margin-top:75px;}
#com_vision .vs_cont {margin-top:25px; flex-wrap:wrap;}
#com_vision .vs_cont .vs_left {width:100%;}
#com_vision .vs_cont .vs_left ul li {padding:0 0 21px 0;}
#com_vision .vs_cont .vs_left .txt_box p {margin-top:11px;}
#com_vision .vs_cont .vs_right {width:100%; background:url("../img/company/com_vision_bnr.png") no-repeat; background-size:cover; height:40vh; background-position:top center;}
#com_vision .vs_cont .vs_right img {display:none;}

.sub_menu {margin-bottom:35px;}
.sub_menu ul {flex-wrap:wrap;}
.sub_menu ul li {width:49%; margin-top:9px;}
.sub_menu ul li a, .sub_menu ul li.on a {padding:13px 11px;}

#com_profile {margin-top:75px;}
#com_profile .pr_cont {margin-top:0;}
#com_profile .pr_cont ul li {margin-top:35px; }
#com_profile .pr_cont .img_left {padding:0 10px 0 0; width:13px; align-items:flex-start;}
#com_profile .pr_cont .img_left img {width:100%;}
#com_profile .pr_cont .img_box {width:40%;}
#com_profile .pr_cont .img_box img {max-width:100%; height:auto}
#com_profile .pr_cont .txt_box {margin-left:17px; font-size:12px; width:50%; align-items:flex-start;}
#com_profile .pr_cont p.pr_name:after {width:70%; margin:13px 0;}


#com_chart {margin-top:75px;}
#com_map {margin-top:75px;}
#com_map #map {margin-top:35px;}
#com_map #map > iframe {height:30vh;}


#business_bnr {height:60vh;}
.bs_01_bnr {background:url('../img/business/01/m_besiness_bnr.jpg') no-repeat; }
.bs_02_bnr {background:url('../img/business/02/m_besiness_bnr.jpg') no-repeat; }
.bs_03_bnr {background:url('../img/business/03/m_besiness_bnr.jpg') no-repeat; }
.bs_04_bnr {background:url('../img/business/04/m_besiness_bnr.jpg') no-repeat; }
.bs_05_bnr {background:url('../img/business/05/m_besiness_bnr.jpg') no-repeat; }
.bs_06_bnr {background:url('../img/business/06/m_besiness_bnr.jpg') no-repeat; }


#bs_sub_menu {top:-40px;}
#bs_sub_menu ul {flex-wrap:wrap;}
#bs_sub_menu li {width:32%; margin-top:7px;}
#bs_sub_menu li a, #bs_sub_menu li.on a {padding:13px 11px;}
#bs_sub_menu li a p {margin-bottom:3px;}
#bs_service {margin-top:35px;}
#bs_service .wrap {flex-wrap:wrap;}
#bs_service .wrap > div {width:100%;}
#bs_service .wrap .img_box img {width:100%;}
#bs_service .txt_box {margin-left:0; margin-top:27px;}
#bs_service .txt_box p {margin-top:17px;}


#bs_icon_box {margin-top:30px;}
#bs_icon_box ul li {width:48%; margin-top:35px;}
#bs_icon_box ul li img {height:8vh; min-height:55px;}

#bs_gallery {margin-top:75px;}
#bs_gallery .gallery_box {flex-wrap:wrap;}
#bs_gallery .gallery_box .left_box {width:49%;}
#bs_gallery .gallery_box .right_box {width:49%;}
#bs_gallery .one_img {width:100%; height:60vh; background-position:center center;}
#bs_gallery .two_img {width:100%; height:calc(30vh - 5px); background-position:center center;}

#bs_step {margin-top:75px;}
#bs_step .img_box {margin-top:21px;}
#bs_step .btn_box {margin-top:35px; justify-content:space-between;}
#bs_step .btn_box > div {margin:0; width:48%; padding:17px 13px}
#bs_step .btn_box p {font-size:1.2em;}
#bs_step .btn_box span {padding:4px 11px; margin-top:11px;}

#bs_why {margin-top:75px;}
#bs_why .cont_box {margin-top:0;}
#bs_why .cont_box ul li {width:100%; margin-top:35px;}

#bs_note {margin-top:75px;}
#bs_note .cont_box {margin-top:35px;}
#bs_note .cont_box ul li {width:100%;}
#bs_note p {margin-top:17px;}

#bs_action {margin-top:75px;}
#bs_action .cont_box ul li {margin-top:35px; width:48%;}

.bs_confirm {margin-top:35px;}
.bs_confirm img {width:50%; max-width:340px;}
#bs_chart {margin-top:75px;}
#bs_chart .cont_box {margin-top:35px;}
#bs_chart .cont_box img {width:100%;}

#bs_reward {margin-top:75px;}
#bs_reward .wrap {flex-wrap:wrap;}
#bs_reward .wrap .img_box {width:100%; height:30vh; background:url("../img/business/05/reward_01.jpg") no-repeat; background-size:cover; background-position:center center;}
#bs_reward .wrap .img_box img {display:none;}
#bs_reward .txt_box {margin-left:0; margin-top:27px;}
#bs_reward .txt_box p {margin-top:17px;}
#bs_reward .txt_box img {margin-top:17px; width:100%; max-width:500px;}



#performance_bnr {background:url('../img/performance/m_performance_bnr.jpg') no-repeat; background-position:center center; background-size:cover; height:80vh;}
#pm_about {margin-top:75px;}
#pm_about .wrap {flex-wrap:wrap; height:auto;}
#pm_about .txt_box {width:100%; order:2; margin-top:27px;}
#pm_about .txt_box p {margin-top:17px;}
#pm_about .img_box {position:static; left:unset; top:unset; order:1; width:100%;}
#pm_about .img_box img {width:100%;}

#pm_list ul li {flex-wrap:wrap; margin-top:0;}
#pm_list .img_box {display:none;}
#pm_list .txt_box {width:100%;}
#pm_list ul li .two_img {width:100%; justify-content:space-between; left:unset; margin-top:55px;}
#pm_list ul li .two_img img {width:48%;}
#pm_list ul li .two_img img:first-of-type {margin-right:0;}
#pm_list ul li:nth-of-type(2n) .two_img {left:unset;}
#pm_list ul li .cont {padding-left:0; padding-top:27px;}
#pm_list ul li .cont p {margin-top:17px;}
#pm_list ul li:nth-of-type(2n) .cont {padding-left:0;}


#contact_bnr {background:url('../img/contact/m_contact_bnr.jpg') no-repeat; background-position:bottom center; background-size:cover; height:60vh;}
#contact_step {margin-top:75px;}
#contact_step .img_box {margin-top:35px;}

#ct_locate {margin-top:75px;}
#ct_locate .wrap {flex-wrap:wrap; justify-content:center;}
#ct_locate h3 img {width:140px;}
#ct_locate .txt_box ul {margin-top:27px;}

#ct_locate .txt_box .sns_link ul {justify-content:space-between;}
#ct_locate .txt_box .sns_link ul li {width:32%; margin:0;}
#ct_locate .txt_box .sns_link ul li a {width:100%; box-sizing:border-box; font-size:0.7em; justify-content:center;}
#ct_locate .txt_box .sns_link ul li a img {height:20px;}
#ct_locate .txt_box .sns_link ul li:nth-of-type(2) a img {margin-right:0; width:100%; height:auto;}
#ct_locate .txt_box ul li i img {width:27px;}

#ct_locate .map_box {width:100%; margin-top:35px;}
#ct_locate .map_box iframe {width:100%; height:300px;}

#contact {margin-top:75px;}
#contact .wrap {width:92%;}
#contact .flex_box {justify-content:center; flex-wrap:wrap; margin-top:35px;}
#contact .flex_box .txt_box {width:100%; order:2; margin-top:35px; font-size:16px;}
#contact #frm .inquiry, #contact #frm .ok {font-size:16px;}
#contact .flex_box .img_box {width:100%; order:1;}
#contact .flex_box .img_box img {width:100%;}
input[type='checkbox'] {width:14px !important; height:14px !important; background-size:cover;}
input[type='checkbox']:checked {width:14px !important; height:14px !important; background-size:cover;}
.container .animated-arrow {margin-top:27px;}

#notice_bnr {background:url('../img/notice/notice_bnr.jpg') no-repeat; background-position:bottom center; background-size:cover; height:60vh;}
#nt_sub_menu {top:-55px;}
#nt_sub_menu ul li {font-size:1.2em;}
#nt_sub_menu .title h3 {margin-top:35px;}

#nt_sub_menu .img_box {margin-top:35px;}
#nt_sub_menu .img_box img {width:100%;}
#recruit_section .recruit_slt {justify-content:space-between; padding:0 21px;}
#recruit_section .recruit_slt li {padding:15px 0;}


 #footer {margin-top:75px; font-size:15px;}
}