@charset "utf-8";
/* CSS Document */


/* CSS Information ----------------------------------------

Site Name : 반응형 기본디자인 A3
Part : 메인
Last edit : 2020.07.07
Author : Gautech(PDH)

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,600,700,900)
font-family: 'Noto Serif KR', serif; (200,300,400,500,700,900)
font-family: 'NanumSquareRound', sans-serif; (400,500,700,900)
font-family: 'NanumBarunGothic', sans-serif; (200,300,400,700)
font-family: 'Roboto', sans-serif; (300,400,500,700,900)

--------------------------------------------------------- */





/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative; width:100%; min-width:1200px; max-width:1500px; height:100%; margin:0 auto; padding:0 0px;}
.contents_box_title { font-family: 'Play', sans-serif; font-size:42px; font-weight:800; margin-bottom:12px; line-height:1.3; color:#010101; letter-spacing:0.01em;}
.contents_box_title>span{ color:#9d9d9d;}
.contents_box_txt { font-size:16px; opacity:1;  margin-bottom:60px; line-height:1.3; color:#7d7d7d;}
.contents_title_bar { width:50px; height:1px; background-color:#999; margin:0 auto 40px auto;}
.cont_item_box_wrap { position:relative; width:100%; max-width:1500px; margin:0 auto; z-index:10;}
.cont_item_box_wrap:after { display:block; content:""; clear:both;}


/* 상단, 비주얼 */

section>.cont_0 { position:relative; width:100%; overflow:hidden; background-color:#F7F7F7;}
.responsive { position:relative; width:1920px; height:940px; margin-left:-960px; left:50%; top:0%; z-index:1;}
/*.main_slide_p { display:block;}
.main_slide_t { display:none;}
.main_slide_m { display:none;}*/


/* 상단, 비주얼 텍스트 */
.main_slide_txt { position:absolute; top:320px; left:50%; width:1500px; margin-left:-750px; z-index:10; text-align:left;}
.main_slide_title_s { padding:0; font-size:3em; line-height:14px; font-weight:700; color:#FFF; letter-spacing:0.02em; margin-bottom:20px; margin-left:5px; font-family: 'Roboto', sans-serif;}
.main_slide_title { padding:0; margin-left:5px; line-height:70px; font-weight:800; color:#FFF; letter-spacing:0.02em; margin-bottom:20px; font-family: 'Roboto', sans-serif;}
.main_slide_title>span { display: none;}
.main_slide_title>img{ display:block; width:580px !important; animation:none !important;}
.main_slide_title2 { padding:0; font-size:15px; font-weight:300; color:rgba(255,255,255,0.7); margin-bottom:55px; margin-left:5px; letter-spacing:0.03em; font-family: 'Roboto', sans-serif;}
.main_slide_btn { display:inline-block; width:180px; height:40px; line-height:40px; font-size:16px; font-weight:300; color:rgba(255,255,255,0.9); border:1px solid rgba(255,255,255,0.8); border-radius: 30px; box-sizing: border-box; text-align:center; margin-left:5px;}
.main_slide_btn:hover { color:#FFF;}

.main_slide_txt4 { position:absolute; top:460px; left:50%; width:1500px; margin-left:-750px; z-index:10; text-align:center;}
.main_slide_title_s4 { padding:0; font-size:0px; line-height:14px; font-weight:500; color:#FFF; letter-spacing:-0.05em; margin-bottom:15px; margin-left:5px;}
.main_slide_title4 { padding:0; font-size:62px; line-height:70px; font-weight:300; color:#FFF; letter-spacing:-0.05em; margin-bottom:20px; margin-left:5px;}
.main_slide_title4>span { display: none;}
.main_slide_title4>img{ display:block; width:800px !important; animation:none !important;}
.main_slide_title24 { padding:0; font-size:19px; font-weight:300; color:rgba(255,255,255,0.7); margin-bottom:40px; margin-left:5px; letter-spacing:-0.02em;}
.main_slide_btn4 { display:inline-block; width:200px; height:54px; line-height:52px; font-size:18px; font-weight:400; color:rgba(255,255,255,0.9); border:2px solid rgba(255,255,255,0.8); text-align:center; background-color:rgba(0,0,0,0.2); margin-left:5px;}
.main_slide_btn4:hover { color:#FFF;}


.main_slide_p img { width:100%; height:auto;
animation: /*선택자*/slidein_img /*동작시간*/4s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: slidein_img 4s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%;}
@keyframes slidein_img {
	0% { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
	100% { -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}
}

.responsive a.bx-prev, .responsive a.bx-next { position:absolute; top:50%; margin-top:30px; width:28px; height:53px; background-size:100% auto; opacity:0.3; text-indent:-9999px;}
.responsive a.bx-prev { left:50%; margin-left:-728px; background-image: url(/images/icon/slider_left_28x53_w.png); z-index:100;}
.responsive a.bx-next { left:50%; margin-left:700px; background-image: url(/images/icon/slider_right_28x53_w.png); z-index:100;}
.responsive a.bx-start, .responsive a.bx-stop {}
.responsive a.bx-start {}
.responsive a.bx-stop {}
/* 페이저 */
.responsive div.bx-pager { position:absolute; width:100%; left:210px; top:640px; text-align:left; z-index:100;}
.responsive div.bx-pager div { display:inline-block; margin:0 4px;}
.responsive div.bx-pager div a { display:block; width:65px; height:4px; background-color:rgba(255,255,255,0.5); text-indent:-9999px;}
.responsive div.bx-pager div a.active { background-color:#006fc9;}



/* 슬라이딩 컨텐츠 */

.cont_slide { height:auto; padding:90px 0; background-image:url(); background-size:cover; background-position:center;}
.cont_slide:after { display:block; content:""; clear:both;}

.responsive1 { position:absolute; width:100%; height:630px;}
.sliding_menu { padding:10px; color:#FFF; text-align:left; height: 615px;}
.sliding_menu_bg{ width:100%; height:auto; padding:30px 0px;}
.sliding_menu_box { display:block; width:100%; height:400px; background-size:cover; background-position:center; padding:0px 0px;}
.sliding_menu_box1 { background-image:url(/images/main/cont_slide_bg01.jpg);}
.sliding_menu_box2 { background-image:url(/images/main/cont_slide_bg02.jpg);}
.sliding_menu_box3 { background-image:url(/images/main/cont_slide_bg03.jpg);}
.sliding_menu_box4 { background-image:url(/images/main/cont_slide_bg04.jpg);}
.sliding_menu_box5 { background-image:url(/images/main/cont_slide_bg05.jpg);}
.sliding_menu_box6 { background-image:url(/images/main/cont_slide_bg06.jpg);}
.sliding_menu_title { font-size:24px; font-weight:700; margin-top: 420px; margin-bottom:5px; font-family: 'Play', sans-serif; letter-spacing:-0.02em; color:#000;}
.sliding_menu_sun { width:100%; height:1px; margin-top:7px; margin-bottom:12px; background-color:#e7e7e7; }
.sliding_menu_txt { font-size:16px; font-weight:300; margin-bottom:40px; letter-spacing:-0.02em; line-height:22px; color:#444;}
.sliding_menu_img {width:111px; height:11px;}
.sliding_menu_img>img {}
.sliding_menu_logo{ width:100%; height:auto; text-align:center; margin:95px 0 50px 0;}
.sliding_menu_logo>img{ width:auto; height:auto; margin:0 35px;}

/* 좌우 화살표 */
.responsive1 .slick-prev { position:absolute; left:50%; margin-left:-260px; bottom:0; background-image: url(/images/icon/btn_left.jpg); width:39px; height:39px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive1 .slick-next { position:absolute; left:50%; margin-left:220px; bottom:0; background-image: url(/images/icon/btn_right.jpg); width:39px; height:39px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus {opacity: 1;}


/* 페이저 */
.responsive1 .slick-dots { position: absolute; display: inline-block; width:100%; left:50%; /*페이저 위치 설정*/ margin-left:-50%; bottom: -60px; text-align: center;}
.responsive1 .slick-dots li { position: relative; display: inline-block; width:70px; margin: 0; cursor: pointer; line-height:39px;}
.responsive1 .slick-dots li button { display: inline-block; width: 60px; height: 3px; cursor: pointer; background-color:#000; opacity: 0.2; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive1 .slick-dots li.slick-active button, .responsive1 .slick-dots li button:hover, .responsive1 .slick-dots li button:focus { opacity: 1; width: 60px; height: 3px; background-color:#036cc5;}




/* 메인 배너 컨텐츠 */

.cont_banner { height:auto; padding:0;}
.cont_banner:after { display:block; content:""; clear:both;}

.banner_box { float:left; width:50%; height:670px; background-size:cover; background-position:center; color:#FFF; padding:125px 60px;}
.banner_box:nth-child(1) { background-image:url(/images/main/cont_banner_bg01.jpg); text-align:right;}
.banner_box:nth-child(2) { background-image:url(/images/main/cont_banner_bg02.jpg); text-align:left;}
.banner_box_title { display:inline-block; width:480px; font-size:42px; font-weight:600; margin-bottom:20px; font-family: 'GmarketSansL', sans-serif; letter-spacing:0.02em;}
.banner_box_txt { display:inline-block; width:720px; font-size:16px; margin-bottom:20px; font-weight:300;margin-bottom:45px;}
.banner_box_a { display:inline-block; padding: 15px 40px; border:2px solid #FFF; text-align:center; font-size:16px; font-weight:300; margin-bottom:10px; margin-right:8px;}
.banner_box_a_0{margin-right:0px;}
.banner_box_a1 { display:inline-block; padding: 15px 30px; border:2px solid #ee2f24; background:#ee2f24; color:#fff; text-align:center; font-size:16px; font-weight:300; margin-bottom:10px; margin-right:8px;}
.banner_box_a1_0{margin-right:0px;}












em { font-style:normal; }
div.technology { position:relative; overflow:hidden; height:900px; background:url('/images/main/technology_visual.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
div.technology div.top { position:absolute; top:90px; left:0; width:100%; text-align: center;}
div.technology div.top h2 { color:#fff; }
div.technology div.top p.explain { color:#fff; }
div.technology ul.technology { overflow:hidden; margin:0 100px; }
div.technology ul.technology li { float:left; position:relative; width:33.33%; text-align:center; border-right:1px solid rgba(255,255,255,0.25); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
div.technology ul.technology li:first-child { border-left:1px solid rgba(255,255,255,0.25); }
div.technology ul.technology li a { overflow:hidden; display:block; height:900px; }
div.technology ul.technology li a h3 { margin-top:460px; font-size:35px; font-weight:700; color:#fff; line-height:44px; font-family: 'GmarketSansM', sans-serif;}
div.technology ul.technology li a h3 em { display:none; font-size:20px; line-height:44px; }
div.technology ul.technology li a p.tit { margin-top:30px; font-size:18px; font-weight:200; color:rgba(255,255,255,0.7); line-height:29px; }
div.technology ul.technology li a p.txt { display:none; height:116px; margin-top:30px; font-size:18px; font-weight:200; color:rgba(255,255,255,0.7); line-height:29px; }
div.technology ul.technology li a p.txt em { display:block; }
div.technology ul.technology li a div.img { display:none; margin:55px 0 45px 0; font-size:0; line-height:0; }
div.technology ul.technology li a div.view { display:none; width:180px; margin:45px auto 0 auto; font-size:16px; font-weight:200; color:#fff; line-height:35px; border-radius:20px; border:1px solid #fff; }

div.technology ul.technology li div.over-layer { position:absolute; width:100%; top:0; margin-top:900px; }
div.technology ul.technology li div.over-layer a { background:url('/images/main/technology_hover.png') repeat-x left top; background-size:auto 100%; }
div.technology ul.technology li div.over-layer a h3 { margin-top:360px; font-size:45px; font-weight:800; line-height:54px; font-family: 'GmarketSansM', sans-serif;}
div.technology ul.technology li div.over-layer a h3 em { display:block; }
div.technology ul.technology li div.over-layer a p.tit { display:none; }
div.technology ul.technology li div.over-layer a p.txt { display:block; color:rgba(255,255,255,1); }
div.technology ul.technology li div.over-layer a div.img { display:block; }
div.technology ul.technology li div.over-layer a div.view { display:block; }












/* 고객서비스 */

.cont_support { height:780px; padding:120px 0; background:#fafafa; background-size:cover; background-position:50%;}

.cont_support_item_box { float:left; display:block; width:23%; min-height:370px; margin:0 1% 1% 1%; border:1px solid rgba(211,211,211,1); background-repeat:no-repeat; background-position:50% 60px; background-color:#FFF; padding:20px 25px 35px 25px;}
.cont_support_item_box1 { opacity:0; margin-top:0px; background-image:url(/images/main/icon01.png); background-color:rgba(255,255,255,1);
-webkit-transition: all 0.5s 0s; -moz-transition: all 0.5s 0s; -ms-transition: all 0.5s 0s; -o-transition: all 0.5s 0s; transition: all 0.5s 0s;}
.cont_support_item_box2 { opacity:0; margin-top:0px; background-image:url(/images/main/icon02.png); background-color:rgba(255,255,255,1);
-webkit-transition: all 0.5s 0.2s; -moz-transition: all 0.5s 0.2s; -ms-transition: all 0.5s 0.2s; -o-transition: all 0.5s 0.2s; transition: all 0.5s 0.2s;}
.cont_support_item_box3 { opacity:0; margin-top:0px; background-image:url(/images/main/icon03.png); background-color:rgba(255,255,255,1);
-webkit-transition: all 0.5s 0.4s; -moz-transition: all 0.5s 0.4s; -ms-transition: all 0.5s 0.4s; -o-transition: all 0.5s 0.4s; transition: all 0.5s 0.4s;}
.cont_support_item_box4 { opacity:0; margin-top:0px; background-image:url(/images/main/icon04.png); background-color:rgba(255,255,255,1);
-webkit-transition: all 0.5s 0.6s; -moz-transition: all 0.5s 0.6s; -ms-transition: all 0.5s 0.6s; -o-transition: all 0.5s 0.6s; transition: all 0.5s 0.6s;}

.cont_support_item_box1_a { opacity:1; margin-top:0px;}
.cont_support_item_box2_a { opacity:1; margin-top:0px;}
.cont_support_item_box3_a { opacity:1; margin-top:0px;}
.cont_support_item_box4_a { opacity:1; margin-top:0px;}


.main_box_in_title {  width:100%; font-size:21px; font-weight:600; margin:160px auto 10px auto; color:#111111; letter-spacing:0.01em; font-family: 'GmarketSansM', sans-serif;}
.main_box_in_txt { width:100%; font-size:15px;  font-weight:400; margin:0 auto 30px auto; color:#777; letter-spacing:0.01em; line-height:20px; }
.main_box_in_txt span { display:block; width:60%; height:2px; margin:10px auto 13px auto; background-color:rgba(223,223,223,1);}

.btn_white_main { display:inline-block; padding:10px 30px 10px 30px; text-align:center; min-width:200px; font-size:13px; vertical-align:middle; margin:0 5px 10px 5px; font-weight:600; font-family: 'GmarketSansL', sans-serif;}
.btn_white_01 { background-color:#21becf; color:#fff !important; line-height:25px !important; letter-spacing:0.02em;}
.btn_white_02 { background-color:#21becf; color:#fff !important; line-height:25px !important; letter-spacing:0.02em;}
.btn_white_03 { background-color:#21becf; color:#fff !important; line-height:25px !important; letter-spacing:0.02em;}
.btn_white_04 { background-color:#21becf; color:#fff !important; line-height:25px !important; letter-spacing:0.02em;}



/* 고객서비스 */

.cont_brandstory { height:780px; padding:120px 0; background:#fafafa; background-size:cover; background-position:50%;}

.cont_brandstory_item_box { float:left; display:block; width:23%; min-height:370px; margin:0 1% 1% 1%; border:1px solid rgba(211,211,211,1); background-repeat:no-repeat; background-position:50% 60px; background-color:#FFF; padding:20px 25px 35px 25px;}
.cont_brandstory_item_box1 { opacity:0; margin-top:0px; background-image:url(/images/main/icon01.png); background-color:rgba(255,255,255,1);
-webkit-transition: all 0.5s 0s; -moz-transition: all 0.5s 0s; -ms-transition: all 0.5s 0s; -o-transition: all 0.5s 0s; transition: all 0.5s 0s;}
.cont_brandstory_item_box2 { opacity:0; margin-top:0px; background-image:url(/images/main/icon02.png); background-color:rgba(255,255,255,1);
-webkit-transition: all 0.5s 0.2s; -moz-transition: all 0.5s 0.2s; -ms-transition: all 0.5s 0.2s; -o-transition: all 0.5s 0.2s; transition: all 0.5s 0.2s;}
.cont_brandstory_item_box3 { opacity:0; margin-top:0px; background-image:url(/images/main/icon03.png); background-color:rgba(255,255,255,1);
-webkit-transition: all 0.5s 0.4s; -moz-transition: all 0.5s 0.4s; -ms-transition: all 0.5s 0.4s; -o-transition: all 0.5s 0.4s; transition: all 0.5s 0.4s;}
.cont_brandstory_item_box4 { opacity:0; margin-top:0px; background-image:url(/images/main/icon04.png); background-color:rgba(255,255,255,1);
-webkit-transition: all 0.5s 0.6s; -moz-transition: all 0.5s 0.6s; -ms-transition: all 0.5s 0.6s; -o-transition: all 0.5s 0.6s; transition: all 0.5s 0.6s;}

.brandstory_main_box_in_title {  width:100%; font-size:21px; font-weight:600; margin:160px auto 10px auto; color:#111111; letter-spacing:0.01em; font-family: 'GmarketSansM', sans-serif;}
.brandstory_main_box_in_txt { width:100%; font-size:15px;  font-weight:400; margin:0 auto 30px auto; color:#777; letter-spacing:0.01em; line-height:20px; }
.brandstory_main_box_in_txt span { display:block; width:60%; height:2px; margin:10px auto 13px auto; background-color:rgba(223,223,223,1);}











/* 1500 ~ 1025까지 설정 */

@media screen and (max-width:1500px){

.main_slide_txt { width:1200px; margin-left:-600px;}
.support_box01 {width:49%;;}
.notice_box { width:49%;}
.notice_box:nth-child(n+3) { display:none;} /* 이슈 3번째 부터 안나오게 */
.support_box02 {width:50%;}


}



/* 1024 ~ 768까지 태블릿 설정 */

@media screen and (max-width:1024px) {



/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative; width:100%; min-width:inherit; height:100%; margin:0 auto; padding:0 20px;}
.contents_box_title { font-size:30px; font-weight:700; margin-bottom:10px; line-height:36px; color:#010101;}
.contents_box_title>span{ color:#9d9d9d;}
.contents_box_txt { font-size:13px; opacity:1;  margin-bottom:30px; line-height:19px; color:#7d7d7d;}
.contents_title_bar { width:50px; height:1px; background-color:#999; margin:0 auto 30px auto;}
.cont_item_box_wrap { position:relative; width:100%; max-width:1200px; margin:0 auto; z-index:10;}
.cont_item_box_wrap:after { display:block; content:""; clear:both;}


/* 상단, 비주얼 */

section>.cont_0 { position:relative; width:100%; overflow:hidden; background-color:#F7F7F7;}
.responsive { width:1024px; height:500px; position:relative; margin-left:-512px; left:50%; top:0%; z-index:1;}


/* 상단, 비주얼 텍스트 */
.main_slide_txt { position:absolute; top:210px; left:50%; margin-left:-350px; width:700px; z-index:10; text-align:center;}
.main_slide_title_s {  padding:0; font-size:3em; line-height:14px; font-weight:700; color:#FFF; letter-spacing:-0.02em; margin-bottom:16px; margin-left:5px;}
.main_slide_title { padding:0; margin-left:95px; line-height:70px; font-weight:800; color:#FFF; letter-spacing:0.02em; margin-bottom:20px; font-family: 'Roboto', sans-serif;}
.main_slide_title>span { display: none;}
.main_slide_title>img{ display:block; width:480px !important; animation:none !important;}
.main_slide_title2 { padding:0; font-size:16px; font-weight:300; color:rgba(255,255,255,0.9); margin-bottom:40px; margin-left:5px; }
.main_slide_btn { display:inline-block; width:auto; height:auto; line-height:inherit; font-size:16px; font-weight:400; color:rgba(255,255,255,0.9); border:2px solid rgba(255,255,255,0.8); text-align:center; background-color:rgba(0,0,0,0.2); margin-left:5px; padding:10px 20px;}
.main_slide_btn:hover { color:#FFF;}


.main_slide_txt4 { position:absolute; top:210px; left:50%; margin-left:-350px; width:700px; z-index:10; text-align:center;}
.main_slide_title_s4 {  padding:0; font-size:0px; line-height:14px; font-weight:500; color:#FFF; letter-spacing:-0.05em; margin-bottom:16px; margin-left:5px;}
.main_slide_title4 {  font-size:42px; line-height:50px; font-weight:300; color:#FFF; letter-spacing:-0.05em; margin-bottom:20px;}
.main_slide_title4>span { display:block;}
.main_slide_title4>img{ display:none;}
.main_slide_title24 { padding:0; font-size:16px; font-weight:300; color:rgba(255,255,255,0.9); margin-bottom:40px; margin-left:5px;}
.main_slide_btn4 { display:inline-block; width:auto; height:auto; line-height:inherit; font-size:16px; font-weight:400; color:rgba(255,255,255,0.9); border:2px solid rgba(255,255,255,0.8); text-align:center; background-color:rgba(0,0,0,0.2); margin-left:5px; padding:10px 20px;}
.main_slide_btn4:hover { color:#FFF;}






/* 페이저 */
.responsive div.bx-pager { position:absolute; width:100%; left:0; top:470px; text-align:center; z-index:50;}
.responsive div.bx-pager div { display:inline-block; margin:0 4px;}
.responsive div.bx-pager div a { display:block; width:60px; height:4px; background-color:rgba(255,255,255,0.5); text-indent:-9999px;}
.responsive div.bx-pager div a.active { background-color:#006fc9;}


/* 슬라이딩 컨텐츠 */

.cont_slide { height:auto; padding:60px 0;}
.cont_slide:after { display:block; content:""; clear:both;}

.responsive1 { position:absolute; width:100%; height:680px;}
.sliding_menu { padding:10px; color:#FFF; text-align:left;}
.sliding_menu_bg{ width:100%; height:auto; padding:40px 40px;}
.sliding_menu_box { display:block; width:100%; height:400px; background-size:cover; background-position:center;}
.sliding_menu_box1 { background-image:url(/images/main/cont_slide_bg01.jpg);}
.sliding_menu_box2 { background-image:url(/images/main/cont_slide_bg02.jpg);}
.sliding_menu_box3 { background-image:url(/images/main/cont_slide_bg03.jpg);}
.sliding_menu_box4 { background-image:url(/images/main/cont_slide_bg04.jpg);}
.sliding_menu_box5 { background-image:url(/images/main/cont_slide_bg05.jpg);}
.sliding_menu_title { font-size:24px; font-weight:600; margin-bottom:10px;}
.sliding_menu_txt { font-size:15px; font-weight:200; margin-bottom:20px;}
.sliding_menu_img {}
.sliding_menu_img>img {}
.sliding_menu_logo{ width:100%; height:auto; text-align:center; margin:50px 0 10px 0;}
.sliding_menu_logo>img{ width:auto; height:auto; margin:20px 20px;}

/* 좌우 화살표 */
.responsive1 .slick-prev { display:none !important;}
.responsive1 .slick-next { display:none !important;}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus { display:none !important;}


/* 페이저 */
.responsive1 .slick-dots { position: absolute; display: inline-block; width:100%; left:50%; /*페이저 위치 설정*/ margin-left:-50%; bottom: -20px; text-align: center;}
.responsive1 .slick-dots li { position: relative; display: inline-block; width:60px; margin: 0; cursor: pointer; line-height:39px;}
.responsive1 .slick-dots li button { display: inline-block; width: 50px; height: 3px; cursor: pointer; background-color:#000; opacity: 0.2; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive1 .slick-dots li.slick-active button, .responsive1 .slick-dots li button:hover, .responsive1 .slick-dots li button:focus { opacity: 1; width: 50px; height: 3px; background-color:#036cc5;}




/* 메인 배너 컨텐츠 */

.cont_banner { height:auto; padding:0;}
.cont_banner:after { display:block; content:""; clear:both;}

.banner_box { float:left; width:50%; height:600px; background-size:cover; background-position:center; color:#FFF; padding:80px 40px;}
.banner_box:nth-child(1) { background-image:url(/images/main/cont_banner_bg01.jpg); text-align:right;}
.banner_box:nth-child(2) { background-image:url(/images/main/cont_banner_bg02.jpg); text-align:left;}
.banner_box_title { display:inline-block; font-family: 'Roboto', sans-serif; width:100%; font-size:34px; font-weight:500;}
.banner_box_txt { display:inline-block; width:100%; font-size:15px; margin-bottom:20px;}
.banner_box_a { display:inline-block; width:200px; height:50px; padding:0; border:2px solid #FFF; text-align:center; line-height:46px; font-size:16px; margin-bottom:10px; margin-right:0px;}
.banner_box_a1 { display:inline-block; width:200px; height:40px; padding:0; border:2px solid #ee2f24; background:#ee2f24;  text-align:center; line-height:36px; font-size:14px; margin-bottom:10px; margin-right:0px;}


/* cont_support */

.cont_support { height:auto; padding:80px 1%; background:#fafafa; background-size:cover; background-position:50%;}

.cont_support_item_box { float:left; display:block; width:48%; min-height:360px; margin:0 1% 2% 1%; border:1px solid rgba(211,211,211,1); background-repeat:no-repeat; background-position:50% 50px; background-color:#FFF; padding:40px 25px 40px 25px;}
.cont_support_item_box1 { opacity:0; margin-top:70px; background-image:url(/images/main/icon01.png); background-color:rgba(255,255,255,1);}
.cont_support_item_box2 { opacity:0; margin-top:70px; background-image:url(/images/main/icon02.png); background-color:rgba(255,255,255,1);}
.cont_support_item_box3 { opacity:0; margin-top:70px; background-image:url(/images/main/icon03.png); background-color:rgba(255,255,255,1);}
.cont_support_item_box4 { opacity:0; margin-top:70px; background-image:url(/images/main/icon04.png); background-color:rgba(255,255,255,1);}

.cont_support_item_box1_a { opacity:1; margin-top:0px;}
.cont_support_item_box2_a { opacity:1; margin-top:0px;}
.cont_support_item_box3_a { opacity:1; margin-top:0px;}
.cont_support_item_box4_a { opacity:1; margin-top:0px;}

.main_box_in_title {  width:100%; font-size:24px; font-weight:700; margin:120px auto 10px auto;}
.main_box_in_txt { width:100%; font-size:17px;  margin:0 auto 20px auto; color:#777;}





div.technology div.top { position:absolute; top:90px; left:0; width:100%; text-align: center;}
div.technology ul.technology li a h3 { margin-top:460px; font-size:30px; font-weight:700; color:#fff; line-height:44px; font-family: 'GmarketSansM', sans-serif;}
div.technology ul.technology li div.over-layer a h3 { margin-top:360px; font-size:35px; font-weight:800; line-height:54px; font-family: 'GmarketSansM', sans-serif;}


}



/* 767 ~ 320까지 모바일 설정 */

@media screen and (max-width:767px) {
/* 기본화면스타일 : 너비값이 제일 작을 때 */



/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative; width:100%; min-width:inherit; height:100%; margin:0 auto;}
.contents_box_title { font-size:24px; font-weight:700; margin-bottom:5px; line-height:30px; color:#010101;}
.contents_box_title>span{ color:#9d9d9d;}
.contents_box_txt { font-size:13px; opacity:1;  margin-bottom:20px; padding:0 10px; line-height:18px; color:#7d7d7d;}
.contents_title_bar { width:50px; height:1px; background-color:#999; margin:0 auto 20px auto;}
.cont_item_box_wrap { position:relative; width:100%; max-width:1200px; margin:0 auto; z-index:10;}
.cont_item_box_wrap:after { display:block; content:""; clear:both;}


/* 상단, 비주얼 */

section>.cont_0 { position:relative; width:100%; overflow:hidden; background-color:#F7F7F7;}
.responsive { width:768px; height:370px; position:relative; margin-left:-384px; left:50%; top:0%; z-index:1;}


/* 상단, 비주얼 텍스트 */
.main_slide_txt { position:absolute; top:135px; left:50%; margin-left:-150px; width:300px; z-index:10; text-align:center;}
.main_slide_title_s {  padding:0; font-size:18px; line-height:14px; font-weight:500; color:#FFF; letter-spacing:-0.02em; margin-bottom:2px; margin-left:5px;}
.main_slide_title { padding:0; margin-left:10px; margin-top:10px; line-height:70px; font-weight:800; color:#FFF; letter-spacing:0.02em; margin-bottom:20px; font-family: 'Roboto', sans-serif;}
.main_slide_title>span { display: none;}
.main_slide_title>img{ display:block; width:280px !important; animation:none !important;}
.main_slide_title2 { padding:0; font-size:12px; font-weight:300; color:rgba(255,255,255,0.9); margin-bottom:20px; margin-left:5px; line-height:13px;}
.main_slide_btn { display:inline-block; width:auto; height:auto; line-height:inherit; font-size:14px; font-weight:400; color:rgba(255,255,255,0.9); border:2px solid rgba(255,255,255,0.8); text-align:center; background-color:rgba(0,0,0,0.2); margin-left:5px; padding:5px 20px;}
.main_slide_btn:hover { color:#FFF;}


.main_slide_txt4 { position:absolute; top:190px; left:50%; margin-left:-150px; width:300px; z-index:10; text-align:center;}
.main_slide_title_s4 {  padding:0; font-size:0px; line-height:14px; font-weight:500; color:#FFF; letter-spacing:-0.04em; margin-bottom:5px; margin-left:5px;}
.main_slide_title4 {  padding:0;  font-size:28px; line-height:34px; font-weight:300; color:#FFF; letter-spacing:-0.04em; margin-bottom:15px;}
.main_slide_title4>span { display:block;}
.main_slide_title4 { padding:0; font-size:14px; font-weight:300; color:rgba(255,255,255,0.9); margin-bottom:20px; margin-left:5px;}
.main_slide_btn4 { display:inline-block; width:auto; height:auto; line-height:inherit; font-size:14px; font-weight:400; color:rgba(255,255,255,0.9); border:2px solid rgba(255,255,255,0.8); text-align:center; background-color:rgba(0,0,0,0.2); margin-left:5px; padding:10px 20px;}
.main_slide_btn4:hover { color:#FFF;}





/* 페이저 */
.responsive div.bx-pager { position:absolute; width:100%; left:0; top:340px; text-align:center; z-index:50;}
.responsive div.bx-pager div { display:inline-block; margin:0 4px;}
.responsive div.bx-pager div a { display:block; width:40px; height:4px; background-color:rgba(255,255,255,0.5); text-indent:-9999px;}
.responsive div.bx-pager div a.active { background-color:#006fc9;}



/* 슬라이딩 컨텐츠 */

.cont_slide { height:auto; padding:50px 0;}
.cont_slide:after { display:block; content:""; clear:both;}

.responsive1 { position:absolute; width:100%; height:600px;}
.sliding_menu { padding:10px; color:#FFF; text-align:left;}
.sliding_menu_bg{ width:100%; height:auto; padding:30px 30px;}
.sliding_menu_box { display:block; width:100%; height:340px; background-size:cover; background-position:center;}
.sliding_menu_box1 { background-image:url(/images/main/cont_slide_bg01.jpg);}
.sliding_menu_box2 { background-image:url(/images/main/cont_slide_bg02.jpg);}
.sliding_menu_box3 { background-image:url(/images/main/cont_slide_bg03.jpg);}
.sliding_menu_box4 { background-image:url(/images/main/cont_slide_bg04.jpg);}
.sliding_menu_box5 { background-image:url(/images/main/cont_slide_bg05.jpg);}
.sliding_menu_title { font-size:20px; font-weight:600; margin-bottom:10px; margin-top:350px}
.sliding_menu_txt { font-size:13px; font-weight:200; margin-bottom:20px;}
.sliding_menu_img {}
.sliding_menu_img>img {}
.sliding_menu_logo{ width:100%; height:auto; text-align:center; margin:30px 0 0px 0;}
.sliding_menu_logo>img{ width:auto; height:45px; margin:15px 20px;}

/* 좌우 화살표 */
.responsive1 .slick-prev { display:none !important;}
.responsive1 .slick-next { display:none !important;}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus { display:none !important;}


/* 페이저 */
.responsive1 .slick-dots { position: absolute; display: inline-block; width:100%; left:50%; /*페이저 위치 설정*/ margin-left:-50%; bottom: 0; text-align: center;}
.responsive1 .slick-dots li { position: relative; display: inline-block; width:50px; margin: 0; cursor: pointer; line-height:39px;}
.responsive1 .slick-dots li button { display: inline-block; width: 40px; height: 3px; cursor: pointer; background-color:#000; opacity: 0.2; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive1 .slick-dots li.slick-active button, .responsive1 .slick-dots li button:hover, .responsive1 .slick-dots li button:focus { opacity: 1; width: 40px; height: 3px; background-color:#036cc5;}




/* 메인 배너 컨텐츠 */

.cont_banner { height:auto; padding:0;}
.cont_banner:after { display:block; content:""; clear:both;}

.banner_box { float:left; width:100%; height:400px; background-size:cover; background-position:center; color:#FFF; padding:60px 20px;}
.banner_box:nth-child(1) { background-image:url(/images/main/cont_banner_bg01.jpg); text-align:center;}
.banner_box:nth-child(2) { background-image:url(/images/main/cont_banner_bg02.jpg); text-align:center;}
.banner_box_title { display:inline-block; font-family: 'Roboto', sans-serif; width:100%; font-size:24px; font-weight:500;}
.banner_box_txt { display:inline-block; width:100%; font-size:13px; margin-bottom:20px;}
.banner_box_a { display:inline-block; width:200px; height:40px; border:2px solid #FFF; text-align:center; line-height:36px; font-size:14px; margin-bottom:10px;}


/* cont_support */

.cont_support { height:auto; padding:60px 2%; background:#fafafa; background-size:cover; background-position:50%;}

.cont_support_item_box { float:left; display:block; width:98%; min-height:auto; margin:0 1% 3% 1%; border:1px solid rgba(211,211,211,1); background-repeat:no-repeat; background-position:50% 30px; background-color:#FFF; padding:40px 25px 40px 25px;}
.cont_support_item_box1 { opacity:0; margin-top:70px; background-image:url(/images/main/icon01.png); background-color:rgba(255,255,255,1);}
.cont_support_item_box2 { opacity:0; margin-top:70px; background-image:url(/images/main/icon02.png); background-color:rgba(255,255,255,1);}
.cont_support_item_box3 { opacity:0; margin-top:70px; background-image:url(/images/main/icon03.png); background-color:rgba(255,255,255,1);}
.cont_support_item_box4 { opacity:0; margin-top:70px; background-image:url(/images/main/icon04.png); background-color:rgba(255,255,255,1);}

.cont_support_item_box1_a { opacity:1; margin-top:0px;}
.cont_support_item_box2_a { opacity:1; margin-top:0px;}
.cont_support_item_box3_a { opacity:1; margin-top:0px;}
.cont_support_item_box4_a { opacity:1; margin-top:0px;}

.main_box_in_title {  width:100%; font-size:22px; font-weight:700; margin:100px auto 10px auto;}
.main_box_in_txt { width:100%; font-size:14px;  margin:0 auto 20px auto; color:#777; letter-spacing:0.02em;}




div.technology { padding-bottom:40px; height:1170px; }
div.technology ul.technology {overflow: hidden; margin: 200px 30px;}
div.technology ul.technology li { float:none; width:100%; border-bottom:1px solid rgba(255,255,255,0.25); border-left:1px solid rgba(255,255,255,0.25); }
div.technology ul.technology li:first-child { border-top:1px solid rgba(255,255,255,0.25); }
div.technology ul.technology li a { height:290px; }
div.technology ul.technology li a h3 { margin-top:107px; font-size:24px; line-height:33px; }
div.technology ul.technology li a h3 em { font-size:16px; line-height:33px; }
div.technology ul.technology li a p.tit { margin-top:20px; font-size:15px; line-height:23px; }
div.technology ul.technology li a p.txt { height:88px; margin-top:0; font-size:13px; line-height:22px; }
div.technology ul.technology li a p.txt em { display:block; }
div.technology ul.technology li a div.img { display:none; margin:15px 0 45px 0; font-size:0; line-height:0; }
div.technology ul.technology li a div.view { display:none; width:180px; margin:15px auto 0 auto; font-size:16px; font-weight:200; color:#fff; line-height:35px; border-radius:20px; border:1px solid #fff; }

div.technology ul.technology li div.over-layer a { background:url('/images/main/technology_hover.png') repeat-x left top; background-size:auto 100%; }
div.technology ul.technology li div.over-layer a h3 { margin-top:55px; font-size:30px; line-height:39px; }


}