@charset "UTF-8";
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 300;
    src: url(../font/NanumSquareL.eot);
    src: url(../font/NanumSquareL?#iefix) format('embedded-opentype'),
         url(../font/NanumSquareL.woff) format('woff'),
         url(../font/NanumSquareL.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 400;
    src: url(../font/NanumSquareR.eot);
    src: url(../font/NanumSquareR?#iefix) format('embedded-opentype'),
         url(../font/NanumSquareR.woff) format('woff'),
         url(../font/NanumSquareR.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 700;
    src: url(../font/NanumSquareB.eot);
    src: url(../font/NanumSquareB?#iefix) format('embedded-opentype'),
         url(../font/NanumSquareB.woff) format('woff'),
         url(../font/NanumSquareB.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 900;
    src: url(../font/NanumSquareEB.eot);
    src: url(../font/NanumSquareEB?#iefix) format('embedded-opentype'),
         url(../font/NanumSquareEB.woff) format('woff'),
         url(../font/NanumSquareEB.ttf) format('truetype');
}



/* 모바일 -> 레이아웃이 가변이기 때문에 늘어나지 못하도록 막아주는 역할 */
*,:before, :after {box-sizing: border-box;}

/* rem단위 사용시 root요소에 폰트 지정 */
/* html{font-size: 10px;} */


/* -webkit-tap-highlight-color : 모바일에서 클릭시 hover효과처럼 보이는 색상지정 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,code,em,img,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,footer,header,hgroup,menu,nav,section,main,audio,video {margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0.1);}

/*html5추가 시멘틱엘리먼트를 익스하위버전에서 블럭으로 인식되도록함*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display: block}

/* button태그에 손모양 커서 */
button {cursor:pointer}
/* 익스하위버전에서 이미지 선없애기 */
fieldset,img {border: 0; vertical-align: top}
/* 리스트 기호 빼기 */
ol,ul {list-style: none}
/* 태그 기본 기울임꼴 제거 */
address,em {font-style: normal}
/* 페이지안에서 가장 많은 링크색 지정 */
/* a태그 컬러는 디자인시안상에 가장 많은 컬러로 변경해야함 */
a {text-decoration: none; color: #666; }
/* iframe으로 외부컨텐츠를 연결했을때
외부컨텐츠안쪽내용이 우리페이지에 영향을 주지못하도록 가려줌*/
iframe {overflow: hidden; border: 0}
/* 칸의 선을 합치기, 칸의 간격없애기, 가로를 늘려줌 */
table {border-collapse: collapse; border-spacing: 0; width: 100%}
/* 굵기 빼고 헤딩태그 폰트크기를 body에 선언한 크기와 일치시킴 */
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%}
/* 폼요소의 높이가 다를때 요소끼리 세로정렬시킴 */
input,select,textarea,button { vertical-align: middle; margin: 0; padding: 0; border-radius: 0; }    

/* ios 하위버전, 상위버전에서 폼 요소 스타일 초기화 */
button,select,input { -webkit-appearance: none; appearance: none; -webkit-tap-highlight-color: rgba(0,0,0,0.1); }

/* textarea 리사이즈기능 빼기 */
textarea {resize: none}

/* 페이지안의 모든 폰트의 줄간격을 1.5로 통일시킴
모바일 크롬, 모바일 사파리 브라우져의 텍스트 자동확대 방지*/
/* -webkit-text-size-adjust:none ios는 viwefort에 따라 사이즈가 달라질 수 있으므로 자동확대를 방지하기 위해 사용한 것 */
body {line-height: 1.5; -webkit-text-size-adjust:none}



/************** 공통스타일 ***********/
/* 폼요소는 폰트가 브라우저마다 지정되어 있으므로 따로 선언 */
body,input,button,select,textarea,table {
    font-family: 'NanumSquare',돋움,sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 1.5;
    word-break: keep-all;
    word-wrap: break-word;
}

/* 스킵네비게이션(공통) */
#skipNavi { position: relative; }
#skipNavi a { position: absolute; left: 0; top: -9999px; width: 100%; line-height: 40px; text-align: center; font-size: 14px; background: #ddd; color: #fff; }

#skipNavi a:hover, #skipNavi a:active, #skipNavi a:focus { top: 0; }

/* 글자선택시 배경색, 글자색 변경(드래그했을시) */
/* -moz-::selection {
    background-color: #ef151e;
    color: #ffffff;

::selection {
    background-color: #ef151e;
    color: #ffffff;
} */

/* legend,caption,메뉴제목,섹션제목 블라인드*/
legend,caption,.blind,input[type="checkbox"],input[type="radio"],input[type="file"] {position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px}

.clearfix:after { content: ''; display: block; clear: both; }

/* 폰트스타일 공통 */
/* .orange {color:#eb6242 !important} */

/* 버튼 공통 */
.btn_detail { border: 1px solid #6e0000; display: block; text-align: center; width: 170px; color: #fff; font-size: 18px; font-weight: 500; background: #6e0000; line-height: 50px; }
.btn_white { display: inline-block; line-height: 50px; border: 2px solid #009223; padding: 0 20px; border-radius: 50px; font-size: 18px; font-weight: 700; color: #009223; box-sizing: border-box; text-align: center; background: #fff; margin: 0 4px; }
.btn_point { display: inline-block; line-height: 50px; border: 2px solid #009223; padding: 0 20px; border-radius: 50px; font-size: 18px; font-weight: 700; color: #fff; box-sizing: border-box; text-align: center; background: #009223; margin: 0 4px; }
.btn_point:after { content: ''; display: inline-block; width: 21px; height: 16px; background: url(../images/icon_reg.png) no-repeat; margin-left: 5px; }
.btn_line { display: inline-block; line-height: 26px; height: 30px; border: 2px solid #fff; border-radius: 30px; color: #fff; padding: 0 12px; }

/* 폼요소 공통 */

/* ---placeholder 공통컬러--- */
input::-webkit-input-placeholder {color: #bbbbbb;}
input:-moz-placeholder {color: #bbbbbb;}
input::-moz-placeholder {color: #bbbbbb; opacity:1;}
input:-ms-input-placeholder {color:#bbbbbb !important;}


textarea::-webkit-input-placeholder {color: #bbbbbb;}
textarea:-moz-placeholder {color: #bbbbbb;}
textarea::-moz-placeholder {color: #bbbbbb; opacity:1;}
textarea:-ms-input-placeholder {color:#bbbbbb;}

/* ie input x버튼 가리기 ie 10,11 적용*/
input[type="text"]::-ms-clear { display: none; }

/* ie input password 아이콘 가리기 ie 10,11 적용*/
input[type="password"]::-ms-reveal{ display: none; }

/* 인접형제 선택자로 checkbox다음에 오는 label 선택 */
input[type="checkbox"] + label { position: relative; padding-left: 40px; cursor: pointer; color: #292929; }
input[type="checkbox"] + label em { color: #009223; }
input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: -2px; width: 26px; height: 26px; border: 2px solid #dddddd; border-radius: 50%; }
input[type="checkbox"] + label:after { content: ''; position: absolute; left: 6px; top: 0; width: 0px; height: 20px; background: url(../images/icon_checkbox.png) no-repeat; transition: all 0.2s; }

input[type="checkbox"]:checked + label:after { width: 24px; } 

/* input text 공통 */
input{ outline: none; }
input[type="text"] { background: #f8f8f8; height: 45px; width: 100%; border: none; padding: 0 15px; color: #292929; box-sizing: border-box; }
input.input_small { width: 200px; }

/* select 공통 */
.select_wrap { border: 2px solid #dddddd; display: inline-block; width: 196px; box-sizing: border-box; position: relative; }
.select_wrap select { width: 100%; height: 41px; border: none; color: #999999; padding-left: 9px; outline: none; background: #fff; }

/* 익스 화살표 제거 */
select::-ms-expand { display: none; }
.select_wrap:after { content: ''; position: absolute; right: 10px; top: 50%; width: 12px; height: 7px; margin-top: -3px; background: url(../images/icon_select_arr.png) no-repeat; }

/* textarea 공통 */
textarea { background: #f8f8f8; border: none; width: 100%; outline: none; padding: 15px; box-sizing: border-box; }

/* input file 공통 */
.file_wrap { border: 2px solid #ddd; display: inline-block; position: relative; width: 466px; }
.file_wrap input[type="text"] { background: #fff; height: 41px; }
.file_wrap label { position: absolute; right: 0; top: 0; width: 98px; height: 41px; cursor: pointer; text-align: center; line-height: 41px; color: #009223; font-weight: 500; background: #fff; }
.file_wrap label:before { content: ''; position: absolute; left: 0; top: 50%; width: 2px; height: 16px; margin-top: -8px; background: #e8e8e8; }


/* ****************게시판 테이블 공통 스타일************** */
.board_wrap { border-top: 1px solid #000; }
.board_wrap table {table-layout: fixed;}
.board_wrap table th { font-weight: normal; background: #f5f5f5; }

/* ios문제대응(table에 talbe-layout:fixde 지정시 ios에서 col의 width가 안먹는 버그가 있기 때문에 따로 width지정) */
.board_wrap table .th01{width: 10%;}
.board_wrap table .th03{width: 10%;}
.board_wrap table tbody td:nth-child(2) { text-align: left; }
.board_wrap table th,
.board_wrap table td {
    border-bottom: 1px solid #eee;
    font-size: 16px;
    padding: 18px 0;
    text-align: center;
}
.board_wrap table td { color: #555; padding: 11px 0;}
.board_wrap table td a {color: #555;}

/* 게시판 하단 선 스타일 */
.board_wrap table tr:last-child td { border-bottom: 1px solid #ddd; }

/* -게시판 제목 말줄임- */
.board_wrap table .link_board { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; max-width: 90%; }

/* **** 게시판 pagination 공통 스타일 ***** */
.board_wrap .pagination_wrap { text-align: center; padding-top: 20px; }
.board_wrap .pagination_wrap .pagination { display: inline-block; vertical-align: top; }
.board_wrap .pagination .btn_paging { float: left; line-height: 40px; height: 40px; }
.board_wrap .pagination .first,
.board_wrap .pagination .prev,
.board_wrap .pagination .next,
.board_wrap .pagination .last {
    width: 22px;
    text-indent: -9999px;
}

/* -icon img 삽입- */
.board_wrap .pagination .first.icon:after { background-position: -397px -310px; width: 14px; height: 14px; }
.board_wrap .pagination .prev.icon:after { background-position: -369px -182px; width: 8px; height: 14px; }
.board_wrap .pagination .next.icon:after { background-position: -30px -431px; width: 8px; height: 14px; }
.board_wrap .pagination .last.icon:after { background-position: -443px -388px; width: 14px; height: 14px; }
/* -icon img 삽입 종료- */

.board_wrap .pagination .prev { margin-right: 8px; }
.board_wrap .pagination .next { margin-left: 8px; }

/* ----------sprite pc 아이콘 공통---------- */
.icon { position: relative; }
.icon:after { content: ''; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; transform: translate(-50%,-50%); background: url(../images/sprite_pc.png) no-repeat; }

/* -pagination number- */
.board_wrap .pagination .num { width: 40px; border: 1px solid #eee; box-sizing: border-box; margin: 0 5px; background: #fff; }
.board_wrap .pagination .num.on { background: #bb0841; border-color: #bb0841; color: #fff; }

/* --btn_down공통 (파일 다운로드)-- */
.btn_down { display: inline-block; text-indent: -9999px; padding: 7px 3px; position: relative; }

/* --icon hover 효과-- */
.btn_down:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000; display: none; }
.btn_down:hover:before { display: block; }
.btn_down:hover:after { transform: translateY(-1px); }
.btn_down:after { content: ''; display: block; width: 20px; height: 20px; background: url(../images/sprite_pc_new.png) no-repeat; }

/* 첨부파일다운로드 아이콘 sprite이미지 */
.btn_down.pdf:after {background-position: -125px 0;}
.btn_down.mp4:after{background-position: 0 0;}
.btn_down.excel:after{background-position: -100px 0;}
.btn_down.word:after{background-position: -75px 0;}
.btn_down.ppt:after{background-position: -50px 0;}
.btn_down.txt:after{background-position: -26px 0;}

/* easeOutExpo */
.easeOutExpo {
	-webkit-transition-timing-function:cubic-bezier(0.190, 1.000, 0.220, 1.000) !important; 
	-moz-transition-timing-function:cubic-bezier(0.190, 1.000, 0.220, 1.000) !important; 
	-o-transition-timing-function:cubic-bezier(0.190, 1.000, 0.220, 1.000) !important; 
	transition-timing-function:cubic-bezier(0.190, 1.000, 0.220, 1.000) !important; /* easeOutExpo */
}

/* ---------------------------게시판 테이블 공통 스타일 종료-------------------- */
/* swiper 페이지네이션 공통 */
.swiper-pagination.swiper-pagination-bullets {bottom: 29px;}
.swiper-pagination span { width: 42px; margin-left: 8px;}
.swiper-pagination .swiper-pagination-bullet { width: 42px; height: 3px; background: #fff; border-radius: 0px; opacity: 0.2; }
/* 페이지네이션 활성화 */
.swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }

/* 메인 news섹션 페이지네이션 */
.swiper-pagination.news_pagination span { width: 10px; height: 10px; background: #000; margin-left: 8px;}
.swiper-pagination.news_pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #000; border-radius: 50%; opacity: 0.2; }
/* 페이지네이션 활성화 */
.swiper-pagination.news_pagination .swiper-pagination-bullet-active { opacity: 1; }

/* sprite 공통 */
[class*="icon_c"] { display: block; text-indent: -9999px; background: url(../images/sp_svg_icon.svg)no-repeat; }
.icon_ci { background-position: -4px -4px; width: 145px; height: 22px; }
[class*="icon_m"] { display: block; text-indent: -9999px; background: url(../images/sp_svg_icon_m.svg)no-repeat; }
.icon_m_menu { background-position: -216px -160px; width: 20px; height: 16px; }
[class*="icon_m_close"] { display: block; text-indent: -9999px; background-image: url(../images/sp_clova.png); background-size: 795px 754px; width: 20px; height: 20px;}

/* 섹션제목공통 */
.main_tit { font-family: 'Poppins',sans-serif; font-size: 36px; font-weight: 600; line-height: 48px; letter-spacing: -0.8px; }
.main_txt { margin-top: 14px; font-size: 19px; line-height: 34px; letter-spacing: -0.05em; width: 500px; margin: auto; }

/* 최소 단말기 사이즈 */
#wrap { min-width: 320px; }


#header { height: 86px; position: fixed; left: 0; top: 0; width: 100%; z-index: 9999; background: rgba(0,0,0,0.8); transition: transform 0.7s ease;}
#header:before { content: ''; position: absolute; left: 0; top: 86px; width: 100%; height: 1px; background: rgba(255,255,255,0.1); }
#header .header_inner { max-width: 1240px; padding: 0 50px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
#header .header_inner .icon_ci a { display: block; height: 100%; }

/* gnb */
#header .header_inner .gnb_wrap { float: left; margin-left: 3%;}
#header .header_inner .gnb_wrap .gnb { text-align: center; display:flex; }
#header .header_inner .gnb_wrap .gnb>li { float: left; padding: 0 36px; }
#header .header_inner .gnb_wrap .gnb>li>a { display: block; color: rgba(255,255,255,0.6); line-height: 86px; position: relative; font-weight: 700; }
#header .header_inner .gnb_wrap .gnb>li:hover>a { color: #fff; }
#header .header_inner .gnb_wrap .gnb>li:hover>a:after { display: block; }
#header .header_inner .gnb_wrap .gnb>li>a:after { content: ''; position: absolute; left: 0; bottom: 32px; width: 100%; height: 1px; background: #fff; display: none; }
#header .header_inner .gnb_wrap .gnb .depth2 { border-top: 1px solid rgba(255,255,255,0.1); background-color: rgba(0,0,0,0.8); position: absolute; left: 0; top: 86px; padding: 20px 0; width: 100%; height: 139px; display: none; }
#header .header_inner .gnb_wrap .gnb>li:hover .depth2 { display: block; }
#header .header_inner .gnb_wrap .gnb .depth2>li { display: inline-block; vertical-align: top; }
#header .header_inner .gnb_wrap .gnb .depth2 li+li { margin-left: 130px; }
#header .header_inner .gnb_wrap .gnb .depth2>li>a { display: block; padding: 10px 0; font-size: 15px; font-weight: 700; line-height: 15px; text-align: left; position: relative; }
#header .header_inner .gnb_wrap .gnb .depth2>li>a:hover span { color: #fff; border-bottom: 1px solid #fff; }

#header .header_inner .util {display:flex;}
#header .header_inner .util li { float: left; }
#header .header_inner .util li+li {margin-left: 8px}
#header .header_inner .util li a { display: inline-block; padding: 8px 13px; font-size: 12px; font-weight: 700; line-height: 14px; text-align: center; transition: all 0.3s ease; border: 1px solid rgba(255,255,255,0.6); border-radius: 3px; color: rgba(255,255,255,0.8); }
#header .header_inner .util li a:hover { border: 1px solid #fff; background: #fff; color: #000; }

/* 스크롤시 헤더 변경 */
/* 스크롤 up시 작동 */
#header.show { transform: translateY(-100%); }

/* 스크롤 down시 작동 */
#header.white { background: #fff; border-bottom: 1px solid rgba(0,0,0,0.05);}
#header.white .header_inner .gnb_wrap .gnb>li>a { color:rgba(0,0,0,0.6); }
#header.white .header_inner .util li a { border: 1px solid rgba(0,0,0,0.4); color: rgba(0,0,0,0.8); }
#header.white .header_inner .icon_ci { background-position: -4px -62px; }
#header.white .header_inner .gnb_wrap .gnb .depth2 { background: #fff; border-bottom: 1px solid rgba(0,0,0,0.05);}
#header.white .header_inner .gnb_wrap .gnb .depth2>li>a:hover span { color: #000; border-bottom: 1px solid #000; }
#header.white .header_inner .util li a:hover { border-color: #05d685; background-color: #05d685; color: #fff; }

/* 메인 슬라이더 */
.main_slider_wrap { position: relative; margin-top: -86px; overflow: hidden; }
.main_slider_wrap .main_slider { position: relative; overflow: hidden; height: 626px; min-height: 557px; }
.main_slider_wrap .main_slider .swiper-slide { background: url(../images/main_lamp.jpg) no-repeat 50% 100%; background-size: cover; overflow: hidden;}
.main_slider_wrap .main_slider .swiper-slide.slide2 { background: url(../images/main_clock_plus.png) no-repeat 50% 100%; }
.main_slider_wrap .main_slider .swiper-slide.slide3 { width: 100%; height: 100%; }
.main_slider .video_1 { height: 100%; /* object-fit: cover; */ position: absolute; left: 50%; top: 0; transform: translateX(-50%); }

.main_slider_wrap .main_slider .swiper-slide.active .txt_wrap { transform: translateY(0px); }
.main_slider_wrap .main_slider .txt_wrap { display: block; text-align: center; position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); }
.main_slider_wrap .main_slider .txt_wrap h3 { font-size: 42px; font-weight: 900; line-height: 56px; letter-spacing: -2.62px; color: #fff; transform: translateY(50px); transition: transform 0.5s, opacity 0.5s; opacity: 0; margin-top: 86px; padding: 0 10px; }
.main_slider_wrap .main_slider .txt_wrap .btn_more { display: inline-block; vertical-align: top; border: 1px solid #fff; border-radius: 28px; color: #fff; margin-top: 25px; transform: translateY(50px); transition: transform 0.5s, opacity 0.5s; opacity: 0; }
.main_slider_wrap .main_slider .txt_wrap .btn_more a { padding: 0 32px 0 33px; font-weight: 900; line-height: 48px; text-align: center; color: #fff; }
.main_slider_wrap .main_slider .txt_wrap .btn_more:hover { background: #05d685; border-color: #05d685; } 

.main_slider_wrap .main_slider .swiper-slide.on .txt_wrap h3 { transition: transform 0.5s, opacity 0.5s;}
.main_slider_wrap .main_slider .swiper-slide.on .txt_wrap .btn_more {transition: transform 0.5s, opacity 0.5s;}
.main_slider_wrap .main_slider .swiper-slide-active .txt_wrap h3 { transform: translateY(0); opacity: 1;}
.main_slider_wrap .main_slider .swiper-slide-active .txt_wrap .btn_more { transform: translateY(0); opacity: 1; }

.dimm { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.2); }


/* 메인 ai섹션 */
.main_ai { padding: 147px 20px 150px; overflow: hidden; }
.main_ai.on .ai_txt_wrap {opacity: 1; transform: translateY(0px);}
.ai_txt_wrap { text-align: center; transition:  cubic-bezier(0.25,0.1,0.25,1) 0.1s,transform 0.6s cubic-bezier(0.25,0.1,0.25,1) 0.2s ; opacity: 0; transform: translateY(10px);}
.main_ai .list_ai_wrap { text-align: center; margin-top: 80px; }
.main_ai .list_ai { display: inline-block; text-align: center; }
.main_ai .list_ai li { float: left; opacity: 0; transform: translateY(10px); height: 225px; }
.main_ai .list_ai li+li { margin-left: 112px; }

/* icon이미지 */
.main_ai .list_ai li:before { content: ''; display: block; background-image: url(../images/sp_svg_icon.png); background: url(../images/sp_svg_icon.svg); background-position: -4px -120px; background-repeat: no-repeat; width: 90px; height: 90px; margin: 0 auto 32px; }
.main_ai .list_ai li:nth-child(2):before {background-position: -102px -120px;}
.main_ai .list_ai li:nth-child(3):before {background-position: -241px -4px;}
.main_ai .list_ai li:nth-child(4):before {background-position: -241px -102px;}

.main_ai .list_ai li h3 { display: block; font-family: 'Poppins',sans-serif; font-weight: 500; letter-spacing: -0.3px; font-size: 24px; line-height: 33px; }
.main_ai .list_ai li p { font-size: 17px; color: #4a4a4a; margin-top: 12px; line-height: 28px; letter-spacing: -0.5px; }

/* 스크롤시 작동 */
.main_ai .list_ai li:first-child {transition: opacity 0.6s ease-in-out 0.2s,transform 0.6s ease-in-out 0.1s;}
.main_ai .list_ai li:nth-child(2) {transition: opacity 0.6s ease-in-out 0.25s,transform 0.6s ease-in-out 0.15s;}
.main_ai .list_ai li:nth-child(3) {transition: opacity 0.6s ease-in-out 0.3s,transform 0.6s ease-in-out 0.2s;}
.main_ai .list_ai li:nth-child(4) {transition: opacity 0.6s ease-in-out 0.35s,transform 0.6s ease-in-out 0.25s;}
.main_ai.on .list_ai li {opacity: 1; transform: translateY(0px);}

/* 메인 special Feature 섹션 */
.main_special {width: 100%; padding: 150px 20px; background-color: #f8fafc; text-align: center; }
.main_special .special_txt_wrap { display: inline-block; vertical-align: middle; width: 290px; text-align: left; }
.main_special .special_txt_wrap .main_tit {width: 100%;}
.main_special .special_txt_wrap .main_txt {width: 100%;}

.main_special .special_list { display: inline-block; vertical-align: middle; margin-left: 100px; text-align: left; }
.main_special .special_list li { float: left; width: 380px; height: 457px; padding: 62px 52px 60px 56px; border: 1px solid #eff3f7; border-radius: 10px; background-color: #fff; opacity: 0; transform: translateY(10px); }
.main_special .special_list li:before { content: ''; display: block; margin-bottom: 38px; background-image: url(../images/sp_svg_icon.png); background: url(../images/sp_svg_icon.svg); background-position: -157px -4px; width: 76px; height: 90px; }
.main_special .special_list li:nth-child(2):before { background-position: -4px -218px; }
.main_special .special_list li+li { margin-left: 30px; }

.main_special .special_list .list_txt_wrap h3 { display: block; font-size: 24px; line-height: 33px; font-weight: 700; letter-spacing: -0.4px; color: #1e1e1e; }
.main_special .special_list .list_txt_wrap p { margin-top: 14px; line-height: 32px; font-size: 17px; letter-spacing: -0.5px; color: #4a4a4a; }

/* 스크롤시 작동 */
.main_special .special_list li:first-child {transition: opacity 0.6s ease-in-out 0.2s,transform .6s ease-in-out 0.15s;}
.main_special .special_list li:nth-child(2) {transition: opacity 0.6s ease-in-out 0.25s,transform .6s ease-in-out 0.2s;}
.main_special.on .special_list li {opacity: 1; transform: translateY(0px);}

/* 메인 blog 섹션 */
.main_blog { width: 100%; height: 292px;}
.main_blog .blog_bg { width: 100%; height: 100%; overflow: hidden; position: relative; }
.main_blog .blog_bg .blog_pc { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.main_blog .blog_bg .blog_txt { height: 100%; position: relative; padding: 0 20px; color: #fff; text-align: center; }
.main_blog .blog_bg .blog_txt h3 { padding-top: 66px; font-size: 38px; line-height: 47px; letter-spacing: -0.89px; }
.main_blog .blog_bg .blog_txt p { margin-top: 12px; font-size: 20px; line-height: 22px; }

.main_blog .blog_bg .blog_txt .btn_more { display: inline-block; margin-top: 36px; padding: 14px 28px; font-size: 14px; font-weight: 900; line-height: 14px; border-color: rgba(255,255,255,0.5); color: rgba(255,255,255,0.9); border: 1px solid #fff; border-radius: 28px; }
.main_blog .blog_bg .blog_txt .btn_more:hover { background: #fff; color: #05d685; }

/* 메인 news 섹션 */
.main_news { padding: 147px 20px 75px; }
.main_news .news_wrap { text-align: center; max-width: 1240px; margin: 0 auto; }
.main_news .news_wrap .news_tit_wrap { opacity: 0; transform: translateY(10px); transition: opacity .6s cubic-bezier(.25,.1,.25,1),transform .6s cubic-bezier(.25,.1,.25,1); }
.main_news.on .news_wrap .news_tit_wrap { opacity: 1; transform: translateY(0px); }

/* news섹션 슬라이더 */
.main_news .news_slider{margin-top: 80px; padding-bottom: 75px;}
.main_news .news_slider .swiper-slide a { display: block; }
.main_news .news_slider .swiper-slide .news_list { border: 1px solid #eee; border-radius: 5px; overflow: hidden; }
.main_news .news_slider .swiper-slide .img_box img { width: 100%; height: 100%; }
.main_news .news_slider .swiper-slide .news_txt { padding: 40px; }
.main_news .news_slider .swiper-slide .news_txt h3 { display: block; font-size: 19px; font-weight: 600; line-height: 26px; letter-spacing: -0.4px; color: #1e1e1e; }
.main_news .news_slider .swiper-slide .news_txt p { font-size: 17px; letter-spacing: -0.5px; color: #4a4a4a; margin-top: 10px; line-height: 30px; }

/* 메인 cloud 섹션 */
.main_cloud { width: 100%; height: 100%; padding: 68px 0 67px; background: url(../images/bg_cloud.png) no-repeat 50% 0; background-size: cover; }
.main_cloud .cloud_box {width: 100%; height: 100%; overflow: hidden; position: relative;}
.main_cloud .cloud_box .cloud_txt { padding: 0 20px; color: #000; text-align: center; }
.main_cloud .cloud_box .cloud_txt h3 { font-size: 37px; font-weight: 600; line-height: 52px; letter-spacing: -0.41px; font-family: 'Poppins',sans-serif; }
.main_cloud .cloud_box .cloud_txt p { margin-top: 10px; font-size: 18px; line-height: 24px; letter-spacing: -0.2px; color: rgba(0,0,0,.5);}
.main_cloud .cloud_box .cloud_txt .btn_start { display: inline-block; margin-top: 25px; padding: 0 39px 0 38px; border-radius: 23px; border: 1px solid rgba(0,0,0,.15); font-family: 'Poppins',sans-serif; font-size: 16px; font-weight: 500; line-height: 44px; letter-spacing: -0.18px; color: #000; }

/* 메인 business 섹션 */
.main_business { width: 100%; height: 310px; background: url(../images/bg_business.png) no-repeat 50% 50%; background-size: cover; padding: 66px 20px 66px; }
.main_business .business_box {width: 100%; height: 100%; overflow: hidden; position: relative;}
.main_business .business_box .business_txt {text-align: center;}
.main_business .business_box .business_txt h3 { font-size: 37px; font-weight: 600; line-height: 48px; letter-spacing: -0.8px; color: #fff; font-family: 'Poppins',sans-serif; }
.main_business .business_box .business_txt p { font-size: 17px; line-height: 30px; color: rgba(255,255,255,0.8); letter-spacing: -0.5px; margin-top: 14px; }

.main_business .business_box .business_txt .btn_ask { display: inline-block; border: 1px solid #fff; color: #fff; padding: 16px 30px; margin-top: 29px; font-size: 16px; font-weight: 900; line-height: 18px; border-color: rgba(255,255,255,0.7); border-radius: 28px; letter-spacing: -0.5px; }
.main_business .business_box .business_txt .btn_ask:hover { background: #fff; color: #00a9a4; }

/* footer */
#footer { width: 100%; height: 132px; background: #191919; font-size: 13px; font-weight: 700; color: #666; line-height: 14px; letter-spacing: -0.3px; }
#footer .footer_inner { overflow: hidden; max-width: 1140px; height: 100%; padding: 40px 0; margin: 0 auto; }

#footer .footer_inner .top_footer { overflow: hidden; }
#footer .footer_inner .top_footer .logo { display: inline-block; position: relative; }
#footer .footer_inner .top_footer .logo:before { content: ''; display: block; width: 145px; height: 20px; background-image: url(../images/sp_svg_icon.png); background: url(../images/sp_svg_icon.svg) no-repeat; background-size: 335px 311px; background-position: -4px -34px; }

#footer .footer_inner .sns_area { float: right; }
#footer .footer_inner .sns_area .sns_link { display: inline-block; background-image: url(../images/sp_svg_icon.png); background: url(../images/sp_svg_icon.svg) no-repeat; background-size: 335px 311px; }
#footer .footer_inner .sns_area .sns_link+.sns_link { margin-left: 26px; }
#footer .footer_inner .sns_area .sns_link.blog { width: 21px; height: 18px; background-position: -128px -92px; }
#footer .footer_inner .sns_area .sns_link.facebook { width: 18px; height: 18px; background-position: -114px -244px; }
#footer .footer_inner .sns_area .sns_link.instagram { width: 18px; height: 18px; background-position: -88px -244px; }
#footer .footer_inner .sns_area .sns_link.youtube { width: 20px; height: 14px; background-position: -138px -218px; vertical-align: top; margin-top: 3px; }

#footer .footer_inner .info_txt { float: left; margin-top: 18px; }
#footer .footer_inner .info_txt a { display: inline-block; }
#footer .footer_inner .info_txt span:before { content: ''; display: inline-block; width: 1px; height: 10px; margin: 0 8px; background: #2c2c2c; }

#footer .footer_inner .copyright { display: inline-block; margin-left: 198px; }
#footer .footer_inner .info_more { float: right; margin-top: 18px; }
#footer .footer_inner .info_more a { display: inline-block; }
#footer .footer_inner .info_more a+a:before { content: ''; display: inline-block; width: 1px; height: 10px; margin: 0 12px; background: #2c2c2c; }


/* 모바일 요소 hidden */
#header .header_inner .btn_side { display: none;}                   /* 모바일 메뉴 */
.main_slider .img_m { display: none; }                              /* 모바일 메인 슬라이드 배경이미지 */
#headerWrap .icon_m_ci {display: none;}                   /* 모바일 로고 이미지 */
#headerWrap .side_menu {display: none;}                             /* 모바일 gnb */
.main_special .special_txt_wrap .main_txt_m {display: none;}        /* 메인 special 섹션 text 내용 */
.main_blog .blog_bg .blog_m {display: none;}                        /* 모바일 blog섹션 배경이미지 */










/* 미디어쿼리 분기점 설정 */
/* pc 분기점 */
@media screen and (max-width:1280px) {
    #header .header_inner .gnb_wrap .gnb>li { padding: 0 26px; }
    
    /* 메인 ai 섹션 */
    .main_ai .list_ai li+li { margin-left: 30px; }

    /* 메인 special 섹션 */
    .main_special .special_list { margin-left: 15px; }
    .main_special .special_list li+li { margin-left: 15px; }

    /* 메인 news 섹션 */
    .main_news .news_slider .swiper-slide .news_txt h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .main_news .news_slider .swiper-slide .news_txt p { height: 120px; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; display: -webkit-box; }
}

/* 타블렛 분기점 */
@media screen and (max-width:1140px) {
    #header { height: 54px; background: rgba(0,0,0,0.15); }
    #header .header_inner { height: 54px; padding: 0 20px; }

    /* 모바일 메뉴 버튼 */
    #header .header_inner .btn_side { display: block; position: absolute; right: 20px; top: 18px; }
    /* #header .header_inner .btn_close {display: block;} */
    
    #headerWrap .side_menu { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; transition: all 0.2s ease-out; transform: translateX(101%); z-index: 10000; display: block; }
    #headerWrap .side_menu.on{ transform: translateX(0);}
    
    /* 메인 gnb */
    #headerWrap .side_menu .top_gnb { width:100%;height: 54px; background: #fff;}
    
    #headerWrap .side_menu .top_gnb .icon_ci { position: absolute; left: 20px; top: 17px; background-position: -4px -62px; display: block; }
    #headerWrap .side_menu .top_gnb .icon_ci a { display: block; }
    
    #headerWrap .side_menu .top_gnb .btn_close { display: block; position: absolute; right: 20px; top: 18px; background-position: -599px -532px; }
    #headerWrap .side_menu .top_gnb .btn_close a { display: block; width: 19px; height: 19px; }
    
    #headerWrap .side_menu .bottom_gnb { width: 100%; height: 100%; padding: 0 20px; position: absolute; left: 0; top: 54px; overflow: auto; }
    #headerWrap .side_menu .bottom_gnb .list_inner { border-bottom: 1px solid #f3f4f7; padding: 30px 0; }
    #headerWrap .side_menu .bottom_gnb .list_inner .top_menu { float: left; width: 150px; font-size: 21px; font-weight: 700; color: #000; }
    #headerWrap .side_menu .bottom_gnb .list_inner .sub_menu { overflow: hidden; font-size: 21px; font-weight: 400; }
    #headerWrap .side_menu .bottom_gnb .list_inner .sub_menu a { display: block; }
    #headerWrap .side_menu .bottom_gnb .list_inner .sub_menu a+a { margin-top: 24px; }
    #headerWrap .side_menu .bottom_gnb .btn_area { padding: 20px 0; text-align: center; width: 100%; height: 142px; }
    #headerWrap .side_menu .bottom_gnb .btn_area .btn_biz { display: block; overflow: hidden; }
    #headerWrap .side_menu .bottom_gnb .btn_biz>li { float: left; width: calc(calc(100% - 11px)/ 2); border: 1px solid rgba(0,0,0,0.4); border-radius: 4px; }
    #headerWrap .side_menu .bottom_gnb .btn_biz>li>a { display: inline-block; font-size: 18px; font-weight: 700; line-height: 50px; color: rgba(0,0,0,0.8); }
    #headerWrap .side_menu .bottom_gnb .btn_biz>li+li { margin-left: 11px; }

    /* 헤더 스크롤 다운시 메뉴 아이콘 변경 */
    #header.white .header_inner .icon_m_menu { background-position: -244px -160px; width: 20px; height: 16px; }

    /* 메인 슬라이더 */
    .main_slider_wrap {margin-top: 0; position: relative;}
    .main_slider_wrap .main_slider {height: 100vw; min-height: 415px;}
    .main_slider_wrap .main_slider .swiper-slide { background: url(../images/main_flick_lamp.png) no-repeat 50% 50%; background-size: cover; overflow: hidden;}
    .main_slider_wrap .main_slider .swiper-slide.slide2 { background: url(../images/main_flick_clock_plus.png) no-repeat 50% 50%; background-size: cover; }
    .main_slider_wrap .main_slider .swiper-slide.slide3 { background: url(../images/main_flick_ocr.png) no-repeat 50% 50%; background-size: cover; }
    .main_slider_wrap .main_slider .swiper-slide.slide4 { background: url(../images/main_flick_ccai.png) no-repeat 50% 50%; background-size: cover; }
    .main_slider_wrap .main_slider .swiper-slide.slide5 { background: url(../images/main_flick_voice.png) no-repeat 50% 50%; background-size: cover; }
    .main_slider_wrap .main_slider .txt_wrap h3 { transition: none;}
    .main_slider_wrap .main_slider .txt_wrap .btn_more {transition: none;}
    .main_slider_wrap .main_slider .txt_wrap .btn_more:hover { background: none; border: 1px solid #fff; } 

    /* pagination */
    .swiper-pagination.swiper-pagination-bullets {bottom: 20px;}
    .swiper-pagination span { width: 35px; height: 3px; margin-left: 8px;}
    .swiper-pagination .swiper-pagination-bullet { width: 35px; height: 3px; background: #fff; border-radius: 0px; opacity: 0.3; }
    .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }

    /* 메인 ai섹션 */
    .main_ai.on .ai_txt_wrap {transform: none;}
    .ai_txt_wrap {transition: none; transform: none; opacity: 1;}
    .main_ai .list_ai li { width: calc(50% - 20px); opacity: 1; transform: none; }
    .main_ai .list_ai li+li { margin-left: 40px; }

    .main_ai .list_ai li:first-child(1) {transition: none;}
    .main_ai .list_ai li:nth-child(2) {transition: none;}
    .main_ai .list_ai li:nth-child(3) {margin-left: 0px; margin-top: 25px; transition: none;}
    .main_ai .list_ai li:nth-child(4) {margin-top: 25px; transition: none;}


    /* 메인 스페셜 섹션 */
    .main_special .special_txt_wrap { width: 100%; text-align: center; }
    .main_special .special_txt_wrap .main_tit {width: 100%;}
    .main_special .special_txt_wrap .main_txt {width: 100%; margin-top: 14px;}

    .main_special .special_list { margin-left: 0px; margin-top: 40px; text-align: center; }
    .main_special .special_list li { width: calc(50% - 15px); padding: 80px 20px; opacity: 1; transform: none; }
    .main_special .special_list li:before { content: ''; display: block; margin: 0 auto 22px;}
    .main_special .special_list li+li { margin-left: 30px; }
    .main_special .special_list .list_txt_wrap h3 { font-family: 'Poppins',sans-serif; font-size: 24px; font-weight: 500; letter-spacing: -0.3px; line-height: 33px; color: #1e1e1e; }
    .main_special .special_list .list_txt_wrap p { margin-top: 30px; font-size: 17px; line-height: 32px; color: #4a4a4a; letter-spacing: -0.5px; }

    /* 메인 blog 섹션 */
    .main_blog .blog_bg .blog_txt .btn_more:hover { background: none; color: rgba(255,255,255,0.9); }

    /* 메인 news 섹션 */
    .main_news .news_wrap .news_tit_wrap {opacity: 1; transform: none; transition: none;}
    .main_news.on .news_wrap .news_tit_wrap {transition: none;}
    .main_news .news_slider .swiper-slide .news_txt p {height: 95px; -webkit-line-clamp: 3; }

    /* 메인 business 섹션 */
    .main_business { padding: 60px 20px 30px; }
    .main_business .business_box .business_txt .btn_ask:hover { background: none; color: #fff; }
    


    /* footer */
    #footer .footer_inner { width: 100%; height: 100%; padding: 27px 0 26px; }
    #footer .footer_inner .top_footer { overflow: hidden; }

    #footer .footer_inner .sns_area { float: none; text-align: center; }
    #footer .footer_inner .sns_area .sns_link { display: inline-block; background: url(../images/sp_svg_icon.svg) no-repeat; background-size: 335px 311px; }
    #footer .footer_inner .sns_area .sns_link+.sns_link { margin-left: 26px; }
    #footer .footer_inner .sns_area .sns_link.blog { width: 21px; height: 18px; background-position: -128px -92px; }
    #footer .footer_inner .sns_area .sns_link.facebook { width: 18px; height: 18px; background-position: -114px -244px; }
    #footer .footer_inner .sns_area .sns_link.instagram { width: 18px; height: 18px; background-position: -88px -244px; }
    #footer .footer_inner .sns_area .sns_link.youtube { width: 20px; height: 14px; background-position: -138px -218px; vertical-align: top; margin-top: 3px; }

    #footer .footer_inner .info_txt { float: none; text-align: center; position: relative; margin-top: 7px; }
    #footer .footer_inner .info_txt a { display: inline-block; }
    #footer .footer_inner .info_txt span:before { content: ''; display: inline-block; width: 1px; height: 1px; margin: 5px 4px -2px; background: rgba(255,255,255,0.1); border-radius: 50%; vertical-align: top;}

    #footer .footer_inner .copyright { height: 100%; display: inline-block; margin-left: 0px; position: absolute; left: 0; top: 20px; right: 0; bottom: 0; }
    #footer .footer_inner .info_more { float: none; text-align: center; }
    #footer .footer_inner .info_more a { display: inline-block; }
    #footer .footer_inner .info_more a+a:before { content: ''; display: inline-block; width: 1px; height: 10px; margin: 0 12px; background: #2c2c2c; }

    /* pc요소 hidden */
    #header:before {display: none;}                             /* header border */
    #header .header_inner .util {display: none;}                /* header util */
    #header .header_inner .gnb_wrap { display: none; }
    .main_slider .video_1 { display: none; }                    /* 메인 슬라이더 비디오 */
    .main_special .special_txt_wrap br { display: none; }
    .main_special .special_list .list_txt_wrap br {display: none;}
    #footer .footer_inner .top_footer .logo { display: none;}
}



/* 모바일 분기점 */
@media screen and (max-width:767px) {
    /* 모바일용 로고 */
    #headerWrap .icon_m_ci { display: block; width: 124px; height: 17px; background-position: -4px -4px;}
    #headerWrap #header.white .icon_m_ci {background-position: -4px -29px;}

    /* 모바일 메뉴 버튼 */
    #headerWrap .side_menu .top_gnb .icon_m_ci { position: absolute; left: 20px; top: 17px; background-position: -4px -29px; }
    #headerWrap .side_menu .top_gnb .icon_m_ci a { display: block; width: 124px; height: 17px; }
    #headerWrap .side_menu .bottom_gnb .list_inner .top_menu { float: left; width: 110px; font-size: 16px; font-weight: 700; color: #000; }
    #headerWrap .side_menu .bottom_gnb .list_inner .sub_menu { overflow: hidden; font-size: 16px; font-weight: 400; }
    #headerWrap .side_menu .bottom_gnb .btn_biz>li>a { display: inline-block; font-size: 14px; font-weight: 700; line-height: 42px; color: rgba(0,0,0,0.8); }

    /* 메인 slider */
    .main_slider_wrap .main_slider {height: 100vw; min-height: 415px;}
    .main_slider_wrap .main_slider .txt_wrap h3 { font-size: 29px; font-weight: 700; line-height: 40px; letter-spacing: -1px; color: #fff; margin-top: 0px; }
    .main_slider_wrap .main_slider .txt_wrap .btn_more  { display: inline-block; vertical-align: top; border: 1px solid #fff; border-radius: 28px; color: #fff; margin-top: 22px; }
    .main_slider_wrap .main_slider .txt_wrap .btn_more a { padding: 13px 25px; font-size: 14px; font-weight: 900; line-height: 42px; text-align: center; color: #fff; }

    /* pagination */
    .swiper-pagination span { width: 30px; height: 2px; margin-left: 8px;}
    .swiper-pagination .swiper-pagination-bullet { width: 30px; height: 2px; background: #fff; border-radius: 0px; opacity: 0.3; }
    .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
    
    /* 섹션제목 공통 */
    .main_tit { font-family: 'Poppins',sans-serif; font-size: 24px; font-weight: 600; line-height: 28px; letter-spacing: -0.4px; }
    .main_txt { padding:0 5px; margin-top: 12px; font-size: 15px; line-height: 25px; letter-spacing: -0.6px; width: 100%; }
    
    /* 메인 ai섹션 */
    .main_ai { padding: 90px 20px; }
    .main_ai .ai_txt_wrap {width: 100%;}
    .main_ai .list_ai_wrap { margin-top: 20px; }
    .main_ai .list_ai {text-align: left; width: 100%;}
    .main_ai .list_ai li { overflow: hidden; padding: 30px 16px; width: 100%; height: 100%; }
    .main_ai .list_ai li+li { margin-left: 0; border-top: 1px solid #ededed; }
    .main_ai .list_ai li:nth-child(3) {margin: 0;}
    .main_ai .list_ai li:nth-child(4) {margin: 0;}
    .main_ai .list_ai li:before { content:''; display: block; background: url(../images/sp_svg_icon_m.svg) no-repeat; background-size: 290px 208px; background-position: -4px -134px; width: 70px; height: 70px; margin: 0; float: left; margin-right: 28px; }
    .main_ai .list_ai li:nth-child(2):before {background-position: -216px -82px;}
    .main_ai .list_ai li:nth-child(3):before {background-position: -82px -134px;}
    .main_ai .list_ai li:nth-child(4):before {background-position: -216px -4px;}
    .main_ai .list_ai li .list_txt_wrap h3 {display: block; font-size: 16px; font-weight: 500; line-height: 20px; color: #1e1e1e; text-align: left; }
    .main_ai .list_ai li .list_txt_wrap p {margin-top: 4px; max-width: 295px; text-align: left; font-size: 13px; line-height: 21px; letter-spacing: -0.5px; }

    /* 메인 special 섹션 */
    .main_special {padding: 90px 20px;}
    .main_special .special_txt_wrap .main_txt_m {display: block; margin-top: 14px;}
    .main_special .special_list { margin-left: 0px; margin-top: 40px; text-align: center; }
    .main_special .special_list li { float:none; width: 100%; height: auto; padding: 50px 20px; opacity: 1; transform: none; }
    .main_special .special_list li:before { content: ''; display: block; margin: 0 auto 22px; background: url(../images/sp_svg_icon_m.svg)no-repeat; background-size: 290px 208px;background-position: -136px -4px; width: 72px; height: 72px; }
    .main_special .special_list li:nth-child(2):before { background-position: -4px -54px; }
    .main_special .special_list li+li { margin-left: 0px; margin-top: 30px; }
    .main_special .special_list .list_txt_wrap h3 { font-size: 18px; font-weight: 500; letter-spacing: -0.3px; line-height: 20px; }
    .main_special .special_list .list_txt_wrap p { margin-top: 12px; font-size: 13px; line-height: 21px; letter-spacing: -0.5px; }

    /* 메인 blog섹션 */
    .main_blog { width: 100%; height: 285px;}
    .main_blog .blog_bg { width: 100%; height: 100%; overflow: hidden; position: relative; }
    /* 모바일용 이미지 */
    .main_blog .blog_bg .blog_m { display: block; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .main_blog .blog_bg .blog_txt { height: 100%; position: relative; padding: 0 20px; color: #fff; z-index: 10; text-align: center; }
    .main_blog .blog_bg .blog_txt h3 { margin: 15px 0 0; font-size: 24px; line-height: 28px; letter-spacing: -0.89px; font-family: 'Poppins',sans-serif; font-weight: 500; }
    .main_blog .blog_bg .blog_txt p {width: 200px; margin: auto; font-size: 15px; line-height: 25px;}
    .main_blog .blog_bg .blog_txt .btn_more { display: inline-block; margin-top: 24px; padding: 13px 25px; font-size: 14px; font-weight: 900; line-height: 14px; border-color: rgba(255,255,255,0.5); color: rgba(255,255,255,0.9); border: 1px solid #fff; border-radius: 28px; }

    /* 메인 news섹션 */
    .main_news { padding: 90px 20px; }
    .main_news .news_slider{margin-top: 40px;}
    .main_news .news_slider .swiper-slide a { display: block; }
    .main_news .news_slider .swiper-slide .news_txt { padding: 20px 10px; }
    .main_news .news_slider .swiper-slide .news_txt h3 { display: block; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: -0.4px; color: #1e1e1e; }
    .main_news .news_slider .swiper-slide .news_txt p { font-size: 13px; letter-spacing: -0.5px; color: #4a4a4a; margin-top: 10px; line-height: 21px; height: 42px; -webkit-line-clamp: 2; }


    /* 메인 cloud 섹션 */
    .main_cloud { width: 100%; height: 261px; padding: 0px; padding-top: 57px; background: url(../images/bg_cloud_m.png) no-repeat 50% 0; background-size: cover; }
    .main_cloud .cloud_box .cloud_txt { padding: 0 20px; color: #000; text-align: center; }
    .main_cloud .cloud_box .cloud_txt h3 { font-size: 24px; font-weight: 600; line-height: 29px; letter-spacing: -0.5px; font-family: 'Poppins',sans-serif; }
    .main_cloud .cloud_box .cloud_txt p { width: 180px; margin: 16px auto 0; font-size: 13px; line-height: 22px; letter-spacing: -0.6px; color: rgba(0,0,0,0.5);}
    .main_cloud .cloud_box .cloud_txt .btn_start { display: inline-block; margin-top: 29px; padding: 0 28px; border-radius: 22px; border: 1px solid rgba(0,0,0,0.15); font-family: 'Poppins',sans-serif; font-size: 14px; font-weight: 500; line-height: 39px; letter-spacing: -0.18px; color: #000; }

    /* 메인 business 섹션 */
    .main_business { width: 100%; height: 305px; padding: 0px; padding-top: 78px; }
    .main_business .business_box .business_txt h3 { font-size: 24px; font-weight: 600; line-height: 28px; letter-spacing: -0.4px; color: #fff; font-family: 'Poppins',sans-serif; }
    .main_business .business_box .business_txt p { font-size: 13px; line-height: 22px; color: #fff; letter-spacing: -0.6px; width: 250px; margin: 12px auto 0; }
    .main_business .business_box .business_txt .btn_ask { display: inline-block; border: 1px solid rgba(255,255,255,0.5); color: #fff; padding: 13px 25px; margin-top: 24px; font-size: 14px; font-weight: 900; line-height: 18px; border-radius: 28px; letter-spacing: -0.5px; }

    /* footer */
    #footer .footer_inner .info_txt { float: none; text-align: center; position: relative; margin-top: 0px; font-size: 9px; }
    #footer .footer_inner .info_more { float: none; text-align: center; font-size: 9px; }
    #footer .footer_inner .info_more a+a:before { content: ''; display: inline-block; width: 1px; height: 8px; margin: 1px 7px 0; background: #2c2c2c; }
    #footer .footer_inner .info_more span{display: none;}
    #footer .footer_inner .sns_area .sns_link { display: inline-block; background: url(../images/sp_svg_icon_m.svg) no-repeat; background-size: 290px 208px; }
    #footer .footer_inner .sns_area .sns_link+.sns_link { margin-left: 22px; }
    #footer .footer_inner .sns_area .sns_link.blog { width: 18px; height: 16px; background-position: -136px -84px; }
    #footer .footer_inner .sns_area .sns_link.facebook { width: 15px; height: 16px; background-position: -185px -84px; }
    #footer .footer_inner .sns_area .sns_link.instagram { width: 15px; height: 16px; background-position: -162px -84px; }
    #footer .footer_inner .sns_area .sns_link.youtube { width: 18px; height: 16px; background-position: -216px -184px; margin-top: -1px; }


    /* pc hidden 요소 */
    #header .header_inner .icon_ci {display: none;}
    #headerWrap .side_menu .top_gnb .icon_ci {display: none;}
    .main_blog .blog_bg .blog_pc {display: none;}
    .main_special .special_txt_wrap .main_txt {display: none;}
}