<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */


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

Site Name : 바다에너지
Part : 
Last edit : 2022.04
Author : Gautech

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

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




/* 메인 내용 공통 */

section&gt;article { width:100%; text-align:center;}
.contents_box_1600 { position:relative; width:100%; max-width:1600px; height:100%; margin:0 auto;}
.contents_box_100p50 { position:relative; width:100%; height:100%; margin:0 auto; padding:0 50px;}
.contents_box_100p { position:relative; width:100%; height:100%; margin:0 auto;}
.contents_box_1600:after { display:block; content:""; clear:both;}
.contents_box_100p50:after { display:block; content:""; clear:both;}
.contents_box_100p:after { display:block; content:""; clear:both;}
.contents_box_title { font-size:44px; font-weight:700; margin:110px auto 20px auto; line-height:1.2; letter-spacing:-0.02em;}
.contents_box_title&gt;span { color:rgba(0,0,0,0.5);}
.contents_box_txt { font-size:17px; margin:0 auto 70px auto; line-height:1.4; color:rgba(0,0,0,0.7);}
.contents_box_title2 { font-size:40px; font-weight:700; margin:90px auto 0 auto; line-height:1.2; letter-spacing:-0.02em;}
.contents_box_title2&gt;span { color:rgba(0,0,0,0.5);}
.contents_box_txt2 { font-size:16px; margin:0 auto 50px auto; line-height:1.4; color:rgba(0,0,0,0.7);}



/* 상단, 비주얼 */

section&gt;.cont_mv { position:relative; width:100%; height:auto; overflow:hidden;}
.main_slide { width:100%; height:100vh; min-height:800px; position:relative; z-index:1; overflow:hidden;}
.main_slide_p { display:block;}
.main_slide_t { display:none;}
.main_slide_m { display:none;}

.main_slide_video { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); min-width:100%; min-height:100%;}
.main_slide_video_msk { background-color:rgba(0,0,0,0.2); width:100%; height:100vh; min-height:800px; position:absolute; top:0; left:0; z-index:50;}
.main_slide_vimg { position:absolute; right:-10px; bottom:0; background-image:url(/images/main/main_vimg.png); height:501px; width:638px; background-repeat:no-repeat; background-position:center; background-size:auto; z-index:51;}

.main_vtxt1 { position:absolute; top:35%; left:50%; margin-left:-800px; z-index:150; text-align:center; width:1600px; line-height:1.2;}
.main_vtxt_t1 { color:rgba(255,255,255,0.9); letter-spacing:-0.02em; font-size:38px; font-weight:500; margin:0 0 10px 0;}
.main_vtxt_t2 { color:rgba(255,255,255,0.9); letter-spacing:-0.02em; font-size:60px; font-weight:700; margin:0 0 20px 0;}
.main_vtxt_t2&gt;img { vertical-align:inherit;}
.main_vtxt_t3 { color:rgba(255,255,255,0.9); letter-spacing:-0.02em; font-size:22px;}
.main_vtxt_btn { display:block; width:15%; min-width:200px; padding:20px; font-size:18px; background-color:rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.8); margin:40px auto 0 auto; color:#FFF;}
.main_vtxt_btn:hover { color:#96ddfd !important;}



/* cont1 */

section&gt;.cont1 { position:relative; height:auto; padding:0 0 110px 0; background-color:#fff; overflow:hidden;}
section&gt;.cont1:after { display:block; content:""; clear:both;}

.contents_box_txt_cont1 { width:100%; font-size:22px; max-width:950px;}

.responsive1 { width:100%; min-height:600px;}

.cont1_logo { width:100%; text-align:center; margin:100px 0 40px 0;}
.cont1_box { display:block;}
.cont1_box01, .cont1_box02, .cont1_box03 { width:50%; min-height:600px; padding:0 20px;}
.cont1_box_wrap { display:block;}
.cont1_box_photo { height:380px; width:100%; overflow:hidden; border-radius:30px; border-top:8px solid #196fa7; position:relative;}
.cont1_box_photo&gt;p { height:100%; width:100%; background-size:cover; background-position:center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cont1_box_txt { width:100%; padding:35px 0 0 0; position:relative; text-align:center; font-size:0;}
.cont1_box_txt1 { display:inline-block; vertical-align:middle; min-height:90px; background-position:50% 50%; background-repeat:no-repeat;}
.cont1_box_txt1_bg1 { background-image:url(/images/sub/sub02_02_logo.jpg); background-size:155px auto; width:100%;}
.cont1_box_txt1_bg2 { background-image:url(/images/sub/sub02_03_logo.jpg); background-size:125px auto; width:100%;}
.cont1_box_txt1_bg3 { background-image:url(/images/sub/sub02_03_logo_new.jpg); background-size:190px auto; width:100%;}
.cont1_box_txt2 { display:inline-block; vertical-align:middle; font-size:15px; opacity:0.7; letter-spacing:-0.04em;}
.cont1_box_txt2_bg1 { width:73%;}
.cont1_box_txt2_bg2 { width:76%;}
.cont1_box_wrap:hover&gt;.cont1_box_photo&gt;p { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.cont1_box_more { display: inline-block; position:relative; margin:40px auto 0 auto; width:auto; height:auto; text-align:left; font-size:22px; font-weight:500; padding:20px 80px 20px 40px; z-index:1; letter-spacing:-0.06em; border:1px solid rgba(0,0,0,0.2); border-radius:20px;}
.cont1_box_more_icon { position:absolute; top:50%; margin-top:-15px; right:30px; background-image:url(/images/icon/ar_30x30.png); width:30px; height:30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cont1_box_more:hover&gt;.cont1_box_more_icon { -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); transform: rotate(720deg);}

.cont1_box_bgtxt{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; color:#fff !important; background-color:rgba(0,0,0,0.2);}
.cont1_box_bgtxt&gt;span{display: block; width: 100%; position: absolute; left: 0; bottom: 0; padding:40px 70px; font-size:1.3em; box-sizing:border-box;}



/* cont2 */

section&gt;.cont2 { position:relative; height:auto; padding:0 0 110px 0; background-color:#f5f5f5; overflow:hidden;}
section&gt;.cont2:after { display:block; content:""; clear:both;}

.contents_box_txt_cont2 { width:64%; font-size:22px;}

.responsive2 { width:100%; min-height:630px;}

.cont2_box {}
.cont2_box01, .cont2_box02, .cont2_box03 { width:50%; min-height:630px; padding:0 40px;}
.cont2_box_wrap { display:block;}
.cont2_box_photo { height:500px; width:100%; overflow:hidden; border-radius:30px; border-top:8px solid #196fa7; position:relative;}
.cont2_box_photo&gt;p { height:100%; width:100%; background-size:cover; background-position:center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cont2_box_txt { width:100%; min-height: inherit; padding:35px 40px 0 40px; position:relative; border:0px solid rgba(0,0,0,0.2); border-right:none; border-top:none; text-align:left; border-radius:0 0 0 30px;}
.cont2_box_txt1 { font-size:26px; font-weight:700; margin:0 0 5px 0;}
.cont2_box_txt2 { font-size:16px; opacity:0.7;}
.cont2_box_more { position:absolute; right:0; bottom:-20px; background-color:#f5f5f5; width:160px; height:40px; line-height:40px; text-align:center; font-size:16px; padding:0 30px 0 0; z-index:1;}
.cont2_box_more_icon { position:absolute; top:3px; right:10px; background-image:url(/images/icon/ar_30x30.png); width:30px; height:30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cont2_box_wrap:hover&gt;.cont2_box_photo&gt;p { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.cont2_box_wrap:hover&gt;.cont2_box_txt&gt;.cont2_box_more&gt;.cont2_box_more_icon { -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); transform: rotate(720deg);}

.cont1_box_bgtxt02&gt;span{ position: absolute; left: 0; top: 0 !important; padding:50px 70px; font-size:2.4em; text-align:left;}
.cont1_box_bgtxt02&gt;span&gt;h3{font-size:22px; }





/* cont3 */

section&gt;.cont3 { position:relative; height:auto; padding:110px 0; background-color:#e8e8e8; overflow:hidden;}
section&gt;.cont3:after { display:block; content:""; clear:both;}

.cont3_box { width:100%; background-color:rgba(255,255,255,1); padding-bottom:90px; border-radius:30px;}
.cont3_box:after { display:block; content:""; clear:both;}
.cont3_box01 { float:left; width:50%;}
.cont3_box02 { float:left; width:50%;}
.cont3_box02:after { display:block; content:""; clear:both;}

.cont3_box01_in { width:100%; border-right:1px solid rgba(0,0,0,0.1); padding:0 60px; min-height:360px;}
.cont3_box01_in_wrap { display:block;}
.cont3_box01_in_wrap:after { display:block; content:""; clear:both;}
.cont3_box01_in_photo { height:290px; float:left; width:50%; overflow:hidden;}
.cont3_box01_in_photo&gt;p { height:100%; width:100%; background-size:cover; background-position:center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cont3_box01_in_txt { float:left; width:50%; padding:0 0 60px 40px; position:relative; text-align:left;}
.cont3_box01_in_txt1 { font-size:22px; font-weight:500; margin:0 0 40px 0; /* 내용 3줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap:break-word; line-height:30px; height:90px;}
.cont3_box01_in_txt2 { font-size:16px; opacity:0.7;/* 내용 6줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient: vertical; word-wrap:break-word; line-height:25px; height:150px;}
.cont3_box01_in_more { position:absolute; right:0px; bottom:0; background-color:rgba(255,255,255,1); width:160px; height:40px; line-height:40px; text-align:center; font-size:16px; padding:0 30px 0 0;}
.cont3_box_more_icon { position:absolute; top:3px; right:10px; background-image:url(/images/icon/ar_30x30.png); width:30px; height:30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cont3_box01_in_wrap:hover&gt;.cont3_box01_in_photo&gt;p { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.cont3_box01_in_wrap:hover&gt;.cont3_box01_in_txt&gt;.cont3_box01_in_more&gt;.cont3_box_more_icon { -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); transform: rotate(720deg);}

.cont3_box02_in { float:left; width:60%; padding:0 60px 0 20px; min-height:360px;}
.cont3_box02_in2 { float:left; width:40%; padding:0 0 0 40px; min-height:360px; text-align:left;}
.cont3_box02_in2_0 { display:block; border:1px solid rgba(0,0,0,0.1); border-radius:10px; margin-bottom:20px; padding:10px 30px 10px 115px; min-height:106.5px; background-image:url(/images/main/cont3_box02_icon0.png); background-repeat:no-repeat; background-position:10% 50%; background-size:auto 75px;}
.cont3_box02_in2_1 { display:block; border:1px solid rgba(0,0,0,0.1); border-radius:10px; margin-bottom:20px; padding:10px 30px 10px 115px; min-height:106.5px; background-image:url(/images/main/cont3_box02_icon1.png); background-repeat:no-repeat; background-position:10% 50%; background-size:auto 75px;}
.cont3_box02_in2_2 { display:block; border:1px solid rgba(0,0,0,0.1); border-radius:10px; padding:10px 30px 10px 115px; min-height:106.5px; background-image:url(/images/main/cont3_box02_icon2.png); background-repeat:no-repeat; background-position:10% 50%; background-size:auto 75px;}
.cont3_box02_in2_title { font-size:20px; font-weight:700; letter-spacing:-0.06em; margin:7px 0 5px 0; color:rgba(0,0,0,0.8);}
.cont3_box02_in2_txt { font-size:13px; color:rgba(0,0,0,0.5); line-height:16px;}
.cont3_box02_in2_1:hover, .cont3_box02_in2_2:hover, .cont3_box02_in2_0:hover { background-color:#196fa7;}
.cont3_box02_in2_1:hover&gt;.cont3_box02_in2_title, .cont3_box02_in2_1:hover&gt;.cont3_box02_in2_txt,
.cont3_box02_in2_2:hover&gt;.cont3_box02_in2_title, .cont3_box02_in2_2:hover&gt;.cont3_box02_in2_txt,
.cont3_box02_in2_0:hover&gt;.cont3_box02_in2_title, .cont3_box02_in2_0:hover&gt;.cont3_box02_in2_txt { color:rgba(255,255,255,0.9);}
.cont3_box02_in_map { height:350px; width:100%; overflow:hidden; border:1px solid rgba(0,0,0,0.1); border-radius:10px;}
.cont3_box02_in_map_in { width:100% !important;}
.cont3_box02_in_support { width:100%;}
.cont3_box02_in_support:after { display:block; content:""; clear:both;}
.cont3_box02_in_support1 { float:left; width:100%; padding:0 20px;}
.cont3_box02_in_support_title { font-size:24px; margin:0; font-weight:700; line-height:1; letter-spacing:-0.02em;}
.cont3_box02_in_support_txt { font-size:15px; margin:10px 0 15px 0; color:rgba(0,0,0,0.7);}
.cont3_box02_in_support_tel_wrap { width:100%; margin:10px 0 0 0;}
.cont3_box02_in_support_tel { display:inline-block; vertical-align:middle; font-size:44px; font-weight:700; line-height:1; letter-spacing:-0.04em;}
.cont3_box02_in_support_tel&gt;span { color:#196fa7;}
.cont3_box02_in_support_fax { display:inline-block; vertical-align:middle; font-size:24px; font-weight:700; line-height:1; margin:0 0 0 20px; letter-spacing:-0.04em;}
.cont3_box02_in_support_email { font-size:15px; color:rgba(0,0,0,0.7);}

.cont3_box02_in_support2 { float:left; width:50%; padding:0 20px; border-left:1px solid rgba(0,0,0,0.1);}
.cont3_box02_in_support_btn { display:inline-block; background-color:#0082c8; padding:15px 70px 15px 70px; color:rgba(255,255,255,0.9); font-size:16px; border-radius:5px; background-image:url(/images/main/cont3_btn_bg.png); background-repeat:no-repeat; background-position:100% 100%; background-size:auto 100%;}
.cont3_box02_in_support_btn:hover { color:#FF0 !important;}


/* 풋터 */

section&gt;.cont_footer { position:relative; width:100%; height:100%; margin:0 auto;}











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

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




/* 메인 내용 공통 */

section&gt;article { width:100%; text-align:center; overflow:hidden;}
.contents_box_1600 { position:relative; width:94%; max-width:100%; height:100%; margin:0 auto;}
.contents_box_100p50 { position:relative; width:100%; height:100%; margin:0 auto; padding:0 40px;}
.contents_box_100p { position:relative; width:100%; height:100%; margin:0 auto;}
.contents_box_1600:after { display:block; content:""; clear:both;}
.contents_box_100p50:after { display:block; content:""; clear:both;}
.contents_box_100p:after { display:block; content:""; clear:both;}
.contents_box_title { font-size:36px; font-weight:700; margin:80px auto 15px auto; line-height:1.2; letter-spacing:-0.02em;}
.contents_box_title&gt;span { color:rgba(0,0,0,0.5);}
.contents_box_txt { font-size:15px; margin:0 auto 70px auto; line-height:1.4; color:rgba(0,0,0,0.7);}
.contents_box_title2 { font-size:30px; font-weight:700; margin:60px auto 0 auto; line-height:1.2; letter-spacing:-0.02em;}
.contents_box_title2&gt;span { color:rgba(0,0,0,0.5);}
.contents_box_txt2 { font-size:15px; margin:0 auto 40px auto; line-height:1.4; color:rgba(0,0,0,0.7);}



/* 상단, 비주얼 */

section&gt;.cont_mv { position:relative; width:100%; height:auto; overflow:hidden; background-color:#F7F7F7;}
.main_slide { width:100%; height:700px; min-height:1px; position:relative; z-index:1; overflow:hidden;}
.main_slide_p { display:none;}
.main_slide_t { display:block;}
.main_slide_m { display:none;}

.main_slide_video { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); min-width:100%; min-height:700px;}
.main_slide_video_msk { background-color:rgba(0,0,0,0.2); width:100%; height:700px; min-height:1px; position:absolute; top:0; left:0; z-index:50;}

.main_vtxt1 { position:absolute; top:25%; left:50%; margin-left:-350px; z-index:150; text-align:center; width:700px;}
.main_vtxt_t1 { color:rgba(255,255,255,0.9); letter-spacing:0; font-size:22px; margin:0 0 10px 0;}
.main_vtxt_t2 { color:rgba(255,255,255,0.9); letter-spacing:-0.02em; font-size:40px; font-weight:700; margin:0 0 20px 0;}
.main_vtxt_t2&gt;img { vertical-align:inherit; height:35px; width:auto;}
.main_vtxt_t3 { color:rgba(255,255,255,0.9); letter-spacing:-0.02em; font-size:19px; padding:0 80px;}
.main_vtxt_btn { display:block; width:15%; min-width:200px; padding:15px; font-size:17px; background-color:rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.8); margin:30px auto 0 auto; color:#FFF;}
.main_vtxt_btn:hover { color:#96ddfd !important;}



/* cont1 */

section&gt;.cont1 { position:relative; height:auto; padding:0 0 80px 0; background-color:#fff; overflow:hidden;}
section&gt;.cont1:after { display:block; content:""; clear:both;}

.contents_box_txt_cont1 { width:auto;}

.responsive1 { width:100%; min-height:450px;}

.cont1_logo { width:100%; text-align:center; margin:70px 0 30px 0;}
.cont1_logo&gt;img { height:160px; width:auto;}
.cont1_box {}
.cont1_box01, .cont1_box02, .cont1_box03 { width:31.333333333%; min-height:1px; padding:0 20px;}
.cont1_box_wrap { display:block;}
.cont1_box_photo { height:250px; width:100%; overflow:hidden; border-radius:20px; border-top:8px solid #196fa7;}
.cont1_box_photo&gt;p { height:100%; width:100%; background-size:cover; background-position:center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cont1_box_txt { width:100%; padding:25px 0 0 0; position:relative; text-align:left; font-size:0;}
.cont1_box_txt1 { display:inline-block; vertical-align:middle; min-height:90px; background-position:50% 50%; background-repeat:no-repeat; margin-bottom:20px;}
.cont1_box_txt1_bg1 { background-image:url(/images/sub/sub02_02_logo.jpg); background-size:155px auto; width:100%;}
.cont1_box_txt1_bg2 { background-image:url(/images/sub/sub02_03_logo.jpg); background-size:125px auto; width:100%;}
.cont1_box_txt1_bg3 { background-size:190px auto; width:100%;}
.cont1_box_txt2 { display:inline-block; vertical-align:middle; font-size:14px; opacity:0.7; letter-spacing:-0.02em; text-align:center;}
.cont1_box_txt2_bg1 { width:100%;}
.cont1_box_txt2_bg2 { width:100%;}
.cont1_box_wrap:hover&gt;.cont1_box_photo&gt;p { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.cont1_box_more { display: inline-block; position:relative; margin:40px auto 0 auto; width:auto; height:auto; text-align:left; font-size:20px; font-weight:500; padding:20px 80px 20px 40px; z-index:1; letter-spacing:-0.06em; border:1px solid rgba(0,0,0,0.2); border-radius:20px;}
.cont1_box_more_icon { position:absolute; top:50%; margin-top:-15px; right:30px; background-image:url(/images/icon/ar_30x30.png); width:30px; height:30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cont1_box_more:hover&gt;.cont1_box_more_icon { -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); transform: rotate(720deg);}

/* 페이저 */
.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:70px; margin: 0; cursor: pointer; line-height:39px;}
.responsive1 .slick-dots li button { display: inline-block; width: 60px; height: 7px; cursor: pointer; background-color:#000; opacity: 0.2; text-indent:-9999px; vertical-align:middle; border:none !important; border-radius:20px;}
.responsive1 .slick-dots li.slick-active button, .responsive1 .slick-dots li button:hover, .responsive1 .slick-dots li button:focus { opacity: 1; width: 60px; height: 7px; background-color:#4b8cb5; border-radius:20px;}

.cont1_box_bgtxt&gt;span{ padding:30px 30px; font-size:1.2em;}





/* cont2 */

section&gt;.cont2 { position:relative; height:auto; padding:0 0 80px 0; background-color:#f5f5f5; overflow:hidden;}
section&gt;.cont2:after { display:block; content:""; clear:both;}

.contents_box_txt_cont2 { width:auto;}

.responsive2 { width:100%; min-height:450px;}

.cont2_box {}
.cont2_box01, .cont2_box02, .cont2_box03 { width:31.333333333%; min-height:1px; padding:0 20px;}
.cont2_box_wrap { display:block;}
.cont2_box_photo { height:320px; width:100%; overflow:hidden; border-radius:20px; border-top:8px solid #196fa7;}
.cont2_box_photo&gt;p { height:100%; width:100%; background-size:cover; background-position:center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cont2_box_txt { width:100%; min-height: inherit; padding:30px 25px 40px 25px; position:relative; border:0px solid rgba(0,0,0,0.2); border-right:none; border-top:none; text-align:left; margin:0 0 20px 0; border-radius:0 0 0 20px;}
.cont2_box_txt1 { font-size:22px; font-weight:700; margin:0 0 5px 0;}
.cont2_box_txt2 { font-size:15px; opacity:0.7;}
.cont2_box_more { position:absolute; right:0; bottom:-20px; background-color:#f5f5f5; width:160px; height:40px; line-height:40px; text-align:center; font-size:15px; padding:0 30px 0 0;}
.cont2_box_more_icon { position:absolute; top:3px; right:10px; background-image:url(/images/icon/ar_30x30.png); width:30px; height:30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cont2_box_wrap:hover&gt;.cont2_box_photo&gt;p { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.cont2_box_wrap:hover&gt;.cont2_box_txt&gt;.cont2_box_more&gt;.cont2_box_more_icon { -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); transform: rotate(720deg);}

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

.cont1_box_bgtxt02&gt;span{ padding:30px 30px; font-size:1.5em;}
.cont1_box_bgtxt02&gt;span&gt;h3{font-size:16px; }




/* cont3 */

section&gt;.cont3 { position:relative; height:auto; padding:80px 0; background-color:#e8e8e8; overflow:hidden;}
section&gt;.cont3:after { display:block; content:""; clear:both;}

.cont3_box { width:100%; background-color:rgba(255,255,255,1); padding-bottom:60px; border-radius:20px;}
.cont3_box:after { display:block; content:""; clear:both;}
.cont3_box01 { float:left; width:100%;}
.cont3_box02 { float:left; width:100%;}

.cont3_box01_in { width:100%; border-right: none; padding:0 40px 40px 40px; border-bottom: 20px solid #e8e8e8;}
.cont3_box01_in_wrap:after { display:block; content:""; clear:both;}
.cont3_box01_in_photo { height:220px; float:left; width:50%; overflow:hidden; margin-top:10px;}
.cont3_box01_in_photo&gt;p { height:100%; width:100%; background-size:cover; background-position:center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cont3_box01_in_txt { float:left; width:50%; padding:0 0 60px 40px; position:relative; text-align:left;}
.cont3_box01_in_txt1 { font-size:20px; font-weight:500; margin:10px 0 20px 0; /* 내용 3줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap:break-word; line-height:26px; height:78px;}
.cont3_box01_in_txt2 { font-size:15px; opacity:0.7;/* 내용 5줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical; word-wrap:break-word; line-height:22px; height:110px;}
.cont3_box01_in_more { position:absolute; right:0px; bottom:0; background-color:rgba(255,255,255,1); width:160px; height:40px; line-height:40px; text-align:center; font-size:15px; padding:0 30px 0 0;}

.cont3_box_more_icon { position:absolute; top:3px; right:10px; background-image:url(/images/icon/ar_30x30.png); width:30px; height:30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cont3_box01_in_wrap:hover&gt;.cont3_box01_in_photo&gt;p { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.cont3_box01_in_wrap:hover&gt;.cont3_box01_in_txt&gt;.cont3_box01_in_more&gt;.cont3_box_more_icon { -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); transform: rotate(720deg);}

.cont3_box02_in { float:left; width:100%; padding:0 40px 0 40px; min-height:1px;}
.cont3_box02_in2 { float:left; width:100%; padding:0 40px 0 40px; min-height:1px;}
.cont3_box02_in2_0 { float:left; width:100%; border:1px solid rgba(0,0,0,0.1); border-radius:10px; margin:0 2% 30px 0; padding:30px 0 30px 130px; min-height:1px;}
.cont3_box02_in2_1 { float:left; width:48%; border:1px solid rgba(0,0,0,0.1); border-radius:10px; margin:0 2% 30px 0; padding:30px 0 30px 130px; min-height:1px;}
.cont3_box02_in2_2 { float:left; width:48%; border:1px solid rgba(0,0,0,0.1); border-radius:10px; margin:0 0 30px 2%; padding:30px 0 30px 130px; min-height:1px;}
.cont3_box02_in2_title { font-size:18px; font-weight:700; letter-spacing:-0.06em; margin:0 0 5px 0; color:rgba(0,0,0,0.8);}
.cont3_box02_in2_txt { font-size:13px; color:rgba(0,0,0,0.5); line-height:16px;}
.cont3_box02_in_map { height:250px; width:100%; overflow:hidden; margin-bottom:30px;}
.cont3_box02_in_map_in { width:100% !important;}
.cont3_box02_in_support { width:100%;}
.cont3_box02_in_support:after { display:block; content:""; clear:both;}
.cont3_box02_in_support1 { float:left; width:100%; padding:0 20px;}
.cont3_box02_in_support_title { font-size:20px; margin:0; font-weight:700; line-height:1; letter-spacing:-0.02em;}
.cont3_box02_in_support_txt { font-size:14px; margin:10px 0 15px 0; color:rgba(0,0,0,0.7);}
.cont3_box02_in_support_tel_wrap { width:100%; margin:10px 0 0 0;}
.cont3_box02_in_support_tel { display:inline-block; vertical-align:middle; font-size:40px; font-weight:700; line-height:1; letter-spacing:-0.04em;}
.cont3_box02_in_support_tel&gt;span { color:#196fa7;}
.cont3_box02_in_support_fax { display:inline-block; vertical-align:middle; font-size:20px; font-weight:700; line-height:1; margin:0 0 0 20px; letter-spacing:-0.04em;}
.cont3_box02_in_support_email { font-size:14px; color:rgba(0,0,0,0.7);}

.cont3_box02_in_support2 { float:left; width:50%; padding:0 20px; border-left:1px solid rgba(0,0,0,0.1);}
.cont3_box02_in_support_btn { display:inline-block; background-color:#0082c8; padding:15px 70px 15px 70px; color:rgba(255,255,255,0.9); font-size:15px; border-radius:5px; background-image:url(/images/main/cont3_btn_bg.png); background-repeat:no-repeat; background-position:100% 100%; background-size:auto 100%;}
.cont3_box02_in_support_btn:hover { color:#FF0 !important;}


/* 풋터 */

section&gt;.cont_footer { position:relative; width:100%; height:100%; margin:0 auto;}






}



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

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





/* 메인 내용 공통 */

section&gt;article { width:100%; text-align:center; overflow:hidden;}
.contents_box_1600 { position:relative; width:94%; max-width:100%; height:100%; margin:0 auto;}
.contents_box_100p50 { position:relative; width:100%; height:100%; margin:0 auto; padding:0 10px;}
.contents_box_100p { position:relative; width:100%; height:100%; margin:0 auto;}
.contents_box_1600:after { display:block; content:""; clear:both;}
.contents_box_100p50:after { display:block; content:""; clear:both;}
.contents_box_100p:after { display:block; content:""; clear:both;}
.contents_box_title { font-size:28px; font-weight:700; margin:60px auto 10px auto; line-height:1.2; letter-spacing:-0.02em;}
.contents_box_title&gt;span { color:rgba(0,0,0,0.5);}
.contents_box_txt { font-size:14px; margin:0 auto 40px auto; line-height:1.4; color:rgba(0,0,0,0.7);}
.contents_box_title2 { font-size:22px; font-weight:700; margin:50px auto 0 auto; line-height:1.2; letter-spacing:-0.02em;}
.contents_box_title2&gt;span { color:rgba(0,0,0,0.5);}
.contents_box_txt2 { font-size:14px; margin:0 auto 30px auto; line-height:1.4; color:rgba(0,0,0,0.7);}



/* 상단, 비주얼 */

section&gt;.cont_mv { position:relative; width:100%; overflow:hidden; background-color:#F7F7F7;}
.main_slide { width:100%; height:600px; position:relative; z-index:1; overflow:hidden;}
.main_slide_p { display:none;}
.main_slide_t { display:none;}
.main_slide_m { display:block;}

.main_slide_video { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); min-width:100%; min-height:600px;}
.main_slide_video_msk { background-color:rgba(0,0,0,0.2); width:100%; height:600px; min-height:1px; position:absolute; top:0; left:0; z-index:50;}

.main_vtxt1 { position:absolute; top:auto; bottom:20%; left:50%; margin-left:-150px; z-index:150; text-align:center; width:300px;}
.main_vtxt_t1 { color:rgba(255,255,255,0.9); letter-spacing:0; font-size:24px; margin:0 0 30px 0;}
.main_vtxt_t2 { color:rgba(255,255,255,0.9); letter-spacing:-0.02em; font-size:23px; font-weight:500; margin:0 0 20px 0;}
.main_vtxt_t2&gt;img { vertical-align:inherit; height:23px; width:auto;}
.main_slide_m_t2 { color:#b1f8eb;}
.main_vtxt_t3 { display:none; color:rgba(255,255,255,0.9); letter-spacing:-0.02em; font-size:12px; padding:0;}
.main_vtxt_btn { display:block; width:15%; min-width:200px; padding:10px; font-size:16px; background-color:rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.8); margin:120px auto 0 auto; color:#FFF;}
.main_vtxt_btn:hover { color:#96ddfd !important;}



/* cont1 */

section&gt;.cont1 { position:relative; height:auto; padding:0 0 60px 0; background-color:#fff; overflow:hidden;}
section&gt;.cont1:after { display:block; content:""; clear:both;}

.contents_box_txt_cont1 { width:auto;}

.responsive1 { width:100%; min-height:480px;}

.cont1_logo { width:100%; text-align:center; margin:50px 0 25px 0;}
.cont1_logo&gt;img { height:140px; width:auto;}
.cont1_box {}
.cont1_box01, .cont1_box02, .cont1_box03 { width:31.333333333%; min-height:1px; padding:0 10px;}
.cont1_box_wrap { display:block;}
.cont1_box_photo { height:240px; width:100%; overflow:hidden; border-radius:10px; border-top:8px solid #196fa7;}
.cont1_box_photo&gt;p { height:100%; width:100%; background-size:cover; background-position:center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cont1_box_txt { width:100%; padding:25px 0 0 0; position:relative; text-align:left; font-size:0;}
.cont1_box_txt1 { display:inline-block; vertical-align:middle; min-height:90px; background-position:50% 50%; background-repeat:no-repeat; margin-bottom:10px;}
.cont1_box_txt1_bg1 { background-image:url(/images/sub/sub02_02_logo.jpg); background-size:155px auto; width:100%;}
.cont1_box_txt1_bg2 { background-image:url(/images/sub/sub02_03_logo.jpg); background-size:125px auto; width:100%;}
.cont1_box_txt1_bg3 { background-size:190px auto; width:100%;}
.cont1_box_txt2 { display:inline-block; vertical-align:middle; font-size:13px; opacity:0.7; letter-spacing:-0.02em; text-align:center;}
.cont1_box_txt2_bg1 { width:100%;}
.cont1_box_txt2_bg2 { width:100%;}
.cont1_box_wrap:hover&gt;.cont1_box_photo&gt;p { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.cont1_box_more { display: inline-block; position:relative; margin:40px auto 0 auto; width:auto; height:auto; text-align:left; font-size:18px; font-weight:500; padding:15px 70px 15px 20px; z-index:1; letter-spacing:-0.06em; border:1px solid rgba(0,0,0,0.2); border-radius:10px;}
.cont1_box_more_icon { position:absolute; top:50%; margin-top:-15px; right:15px; background-image:url(/images/icon/ar_30x30.png); width:30px; height:30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cont1_box_more:hover&gt;.cont1_box_more_icon { -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); transform: rotate(720deg);}

/* 페이저 */
.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:60px; margin: 0; cursor: pointer; line-height:39px;}
.responsive1 .slick-dots li button { display: inline-block; width: 50px; height: 6px; 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: 6px; background-color:#4b8cb5;}

.cont1_box_bgtxt&gt;span{ padding:20px 20px; font-size:1.2em;}




/* cont2 */

section&gt;.cont2 { position:relative; height:auto; padding:0 0 60px 0; background-color:#f5f5f5; overflow:hidden;}
section&gt;.cont2:after { display:block; content:""; clear:both;}

.contents_box_txt_cont2 { width:auto;}

.responsive2 { width:100%; min-height:480px;}

.cont2_box {}
.cont2_box01, .cont2_box02, .cont2_box03 { width:31.333333333%; min-height:1px; padding:0 10px;}
.cont2_box_wrap { display:block;}
.cont2_box_photo { height:300px; width:100%; overflow:hidden; border-radius:10px; border-top:8px solid #196fa7;}
.cont2_box_photo&gt;p { height:100%; width:100%; background-size:cover; background-position:center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cont2_box_txt { width:100%; min-height: inherit; padding:30px 25px 40px 25px; position:relative; border:0px solid rgba(0,0,0,0.2); border-right:none; border-top:none; text-align:left; margin:0 0 20px 0; border-radius:0 0 0 10px;}
.cont2_box_txt1 { font-size:22px; font-weight:700; margin:0 0 5px 0;}
.cont2_box_txt2 { font-size:14px; opacity:0.7;}
.cont2_box_more { position:absolute; right:0; bottom:-20px; background-color:#f5f5f5; width:160px; height:40px; line-height:40px; text-align:center; font-size:15px; padding:0 30px 0 0;}
.cont2_box_more_icon { position:absolute; top:3px; right:10px; background-image:url(/images/icon/ar_30x30.png); width:30px; height:30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cont2_box_wrap:hover&gt;.cont2_box_photo&gt;p { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.cont2_box_wrap:hover&gt;.cont2_box_txt&gt;.cont2_box_more&gt;.cont2_box_more_icon { -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); transform: rotate(720deg);}

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

.cont1_box_bgtxt02&gt;span{ padding:25px 25px; font-size:1.7em;}
.cont1_box_bgtxt02&gt;span&gt;h3{font-size:15px; }




/* cont3 */

section&gt;.cont3 { position:relative; height:auto; padding:40px 0; background-color:#e8e8e8; overflow:hidden;}
section&gt;.cont3:after { display:block; content:""; clear:both;}

.cont3_box { width:100%; background-color:rgba(255,255,255,1); padding-bottom:60px; border-radius:10px;}
.cont3_box:after { display:block; content:""; clear:both;}
.cont3_box01 { float:left; width:100%;}
.cont3_box02 { float:left; width:100%;}

.cont3_box01_in { width:100%; border-right: none; padding:0 20px; border-bottom: 15px solid #e8e8e8;}
.cont3_box01_in_wrap { display:block;}
.cont3_box01_in_photo { height:180px; width:100%; overflow:hidden; margin-top:0;}
.cont3_box01_in_photo&gt;p { height:100%; width:100%; background-size:cover; background-position:center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cont3_box01_in_txt { width:100%; padding:25px 0 80px 0; position:relative; text-align:left;}
.cont3_box01_in_txt1 { font-size:18px; font-weight:500; margin:0 0 20px 0; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; line-height:25px; height:50px;}
.cont3_box01_in_txt2 { font-size:14px; opacity:0.7;/* 내용 3줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap:break-word; line-height:18px; height:54px;}
.cont3_box01_in_more { position:absolute; right:0px; bottom:20px; background-color:rgba(255,255,255,1); width:160px; height:40px; line-height:40px; text-align:center; font-size:15px; padding:0 30px 0 0;}
.cont3_box_more_icon { position:absolute; top:3px; right:10px; background-image:url(/images/icon/ar_30x30.png); width:30px; height:30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cont3_box01_in_wrap:hover&gt;.cont3_box01_in_photo&gt;p { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.cont3_box01_in_wrap:hover&gt;.cont3_box01_in_txt&gt;.cont3_box01_in_more&gt;.cont3_box_more_icon { -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); transform: rotate(720deg);}

.cont3_box02_in { float:left; width:100%; padding:0 20px 0 20px; min-height:1px;}
.cont3_box02_in2 { float:left; width:100%; padding:0 20px 0 20px; min-height:1px;}
.cont3_box02_in2_0 { float:left; width:100%; border:1px solid rgba(0,0,0,0.1); border-radius:10px; margin:0 0 20px 0; padding:20px 20px 20px 120px; min-height:1px; background-size:auto 60px;}
.cont3_box02_in2_1 { float:left; width:100%; border:1px solid rgba(0,0,0,0.1); border-radius:10px; margin:0 0 20px 0; padding:20px 20px 20px 120px; min-height:1px; background-size:auto 60px;}
.cont3_box02_in2_2 { float:left; width:100%; border:1px solid rgba(0,0,0,0.1); border-radius:10px; margin:0 0 20px 0; padding:20px 20px 20px 120px; min-height:1px; background-size:auto 60px;}
.cont3_box02_in2_title { font-size:17px; font-weight:700; letter-spacing:-0.06em; margin:0 0 5px 0; color:rgba(0,0,0,0.8);}
.cont3_box02_in2_txt { font-size:13px; color:rgba(0,0,0,0.5); line-height:16px;}
.cont3_box02_in_map { height:250px; width:100%; overflow:hidden; margin-bottom:30px;}
.cont3_box02_in_map_in { width:100% !important;}
.cont3_box02_in_support { width:100%;}
.cont3_box02_in_support:after { display:block; content:""; clear:both;}
.cont3_box02_in_support1 { float:left; width:100%; padding:0 ;}
.cont3_box02_in_support_title { font-size:18px; margin:0; font-weight:700; line-height:1; letter-spacing:-0.02em;}
.cont3_box02_in_support_txt { font-size:14px; margin:10px 0 15px 0; color:rgba(0,0,0,0.7);}
.cont3_box02_in_support_tel_wrap { width:100%; margin:10px 0 0 0;}
.cont3_box02_in_support_tel { display:block; vertical-align:middle; font-size:30px; font-weight:700; line-height:1; letter-spacing:-0.04em;}
.cont3_box02_in_support_tel&gt;span { color:#196fa7;}
.cont3_box02_in_support_fax { display:block; vertical-align:middle; font-size:18px; font-weight:700; line-height:1; margin:0; letter-spacing:-0.04em;}
.cont3_box02_in_support_email { font-size:14px; color:rgba(0,0,0,0.7);}

.cont3_box02_in_support2 { float:left; width:100%; padding:0; border-left:none;}
.cont3_box02_in_support_btn { display:inline-block; background-color:#0082c8; padding:15px 70px 15px 70px; color:rgba(255,255,255,0.9); font-size:15px; border-radius:5px; background-image:url(/images/main/cont3_btn_bg.png); background-repeat:no-repeat; background-position:100% 100%; background-size:auto 100%;}
.cont3_box02_in_support_btn:hover { color:#FF0 !important;}


/* 풋터 */

section&gt;.cont_footer { position:relative; width:100%; height:100%; margin:0 auto;}




}
</pre></body></html>