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


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

Site Name : 최고급형 D
Part :
Last edit : 2022
Author : Gautech

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

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




/* 메인 내용 공통 */

section { background-image:url(/images/main/bg.png); background-repeat:no-repeat; background-position:100% 900px;}
section>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:48px; font-weight:700; margin:110px auto 20px auto; line-height:1.2; letter-spacing:-0.02em;}
.contents_box_title>span { color:#3a74c0;}
.contents_box_txt { font-size:16px; margin:0 auto 60px auto; line-height:1.4; color:rgba(0,0,0,0.7);}
.contents_box_title2 { font-size:36px; font-weight:700; margin:90px auto 0 auto; line-height:1.2; letter-spacing:-0.02em;}
.contents_box_title2>span { color:#3a74c0;}
.contents_box_txt2 { font-size:15px; margin:0 auto 50px auto; line-height:1.4; color:rgba(0,0,0,0.7);}
.display_table_cell { display:table-cell; vertical-align:middle;}
.top_fbtn { display:none;}




/* 메인 오른쪽 메뉴 */

.right_nav { position:fixed; right:62px; z-index:90;}
.right_nav>nav {}
.right_nav>nav>.gnb {}
.right_nav>nav>.gnb>li { margin:10px auto;}
.right_nav>nav>.gnb>li>a { display:block; text-indent:-9999px; height:12px; width:12px; background-color:rgba(208,208,208,0.5); border-radius:6px; opacity:0.7; margin:0 auto; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.right_nav>nav>.gnb>li>a:hover,
.right_nav>nav>.gnb>li.on>a { width:16px; height:16px; border-radius:8px; background-color:#990033; opacity:1;}



/* 상단, 비주얼 */

section>.cont0 { position:relative; width:100%; height:auto; overflow:hidden;}
section>.cont0:after { display:block; content:""; clear:both;}

section>.cont_mv {}
.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:101%; min-height:101%;}
.main_slide_video_msk { background-color:rgba(0,0,0,0.5); background-image:url(/images/main/mask.png); background-repeat:no-repeat; background-position:50% 0%; background-size:100% auto; width:100%; height:100vh; min-height:800px; position:absolute; top:0; left:0; z-index:50;}

.main_vtxt1 { position:absolute; top:50%; left:50%; margin-left:-800px; margin-top:-100px; 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.5em; font-size:13px; 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_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>.cont1 { position:relative; height:100vh; padding:0; overflow:hidden; text-align:left;}
section>.cont1:after { display:block; content:""; clear:both;}

.cont1_box_left { float:left; width:50%; height:100%; position:relative; overflow:hidden;}
.cont_box_video { position:absolute; top:50%; left:50%; -webkit-transform:translate(-52%,-52%); transform:translate(-52%,-52%); min-width:104%; min-height:104%;}
.cont_box_video_msk { background-color:rgba(0,0,0,0); background-image:url(/images/main/mask.png); background-repeat:no-repeat; background-position:50% 0%; background-size:100% auto; width:100%; height:100vh; position:absolute; top:0; left:0; z-index:50;}
.cont1_box_right { float:left; width:50%; height:100%; background-image:url(/images/main/cont1_bg2.jpg); background-size:cover; background-position:center; display:table; padding:90px 130px 90px 130px;}
.cont1_box_right_title { font-size:40px; font-weight:700; margin-bottom:30px;}
.cont1_box_right_title>span { color:#146291;}
.cont1_box_right_txt { font-size:18px; margin-bottom:50px; color:rgba(0,0,0,0.5);}
.cont1_box_right_txt>span { display:block; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; height:44px; line-height:22px;}
.cont1_box_right_btn { display:inline-block; font-size:16px; background-color:#146291; color:rgba(255,255,255,0.9); padding:15px 0; width:100%; max-width:258px; text-align:center;}




/* cont2 */

section>.cont2 { position:relative; height:100vh; padding:0; overflow:hidden; text-align:left;}
section>.cont2:after { display:block; content:""; clear:both;}

.cont2_box_left { float:left; width:50%; height:100%; background-image:url(/images/main/cont2_bg2.jpg); background-size:cover; background-position:center; display:table; padding:90px 130px 90px 130px; text-align:right;}
.cont2_box_left_title { font-size:40px; font-weight:700; margin-bottom:30px; text-align:right;}
.cont2_box_left_title>span { color:#146291;}
.cont2_box_left_txt { font-size:18px; line-height:1.2; margin-bottom:50px; color:rgba(0,0,0,0.5); text-align:right;}
.cont2_box_left_txt>span { display:block; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; height:44px; line-height:22px;}
.cont2_box_left_btn { display:inline-block; font-size:16px; background-color:#146291; color:rgba(255,255,255,0.9); padding:15px 50px; width:100%; max-width:258px; text-align:center;}
.cont2_box_right { float:left; width:50%; height:100%; position:relative; overflow:hidden;}



/* cont3 */

section>.cont3 { position:relative; height:100vh; padding:0; overflow:hidden; text-align:left;}
section>.cont3:after { display:block; content:""; clear:both;}

.cont3_box_left { float:left; width:50%; height:100%; position:relative; overflow:hidden;}
.cont3_box_right { float:left; width:50%; height:100%; background-image:url(/images/main/cont3_bg2.jpg); background-size:cover; background-position:center; display:table; padding:90px 130px 90px 130px;}
.cont3_box_right_title { font-size:40px; font-weight:700; margin-bottom:30px;}
.cont3_box_right_title>span { color:#146291;}
.cont3_box_right_txt { font-size:18px; line-height:1.2; margin-bottom:50px; color:rgba(0,0,0,0.5);}
.cont3_box_right_txt>span { display:block; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; height:44px; line-height:22px;}
.cont3_box_right_btn { display:inline-block; font-size:16px; background-color:#146291; color:rgba(255,255,255,0.9); padding:15px 50px; width:100%; max-width:258px; text-align:center;}


.cont_video_photo { display:block; margin-bottom:50px;}
.cont_video_photo>img { margin-right:5px;}

.cont_video_photo2 { display:block; margin-bottom:50px; text-align:right;}
.cont_video_photo2>img { margin-right:5px;}





/* cont4 */

section>.cont4 { position:relative; height:100vh; display:table; padding:90px 40px 90px 40px; background-color:#f5f5f5; overflow:hidden;}
section>.cont4:after { display:block; content:""; clear:both;}

.cont4_box { float:left; width:33%; height:auto; margin:0 1%; text-align:left;}
.cont4_box_banner1 { width:100%; height:auto; padding:50px; color:rgba(255,255,255,0.9); background-image:url(/images/main/cont4_box_banner1_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.cont4_box_banner1_title { font-size:26px; font-weight:700;}
.cont4_box_banner1_tel { font-size:40px; font-weight:700; letter-spacing:-0.02em;}
.cont4_box_banner1_tel>span { font-size:28px; margin-right:4px;}
.cont4_box_banner1_mail { font-size:18px; font-weight:500;}
.cont4_box_banner1_mail>span { font-size:18px; margin-right:4px;}
.cont4_box_banner1_mail>a {}

.cont4_box_banner2 { width:100%; height:auto; padding:50px; background-image:url(/images/main/cont4_box_banner2_in01_bg.png); background-position:102% 50%; background-repeat:no-repeat; background-size:auto 102%; border:1px solid rgba(0,0,0,0.1); background-color:#fff;}
.cont4_box_banner2_title { font-size:26px; font-weight:700; margin-bottom:15px;}
.cont4_box_banner2_txt { font-size:0; color:rgba(0,0,0,0.6); margin-bottom:3px;}
.cont4_box_banner2_txt1 { display:inline-block; vertical-align:top; font-size:15px; margin-bottom:20px;}
.cont4_box_banner2_txt1>span { display:block; }
.cont4_box_banner2_btn { display:inline-block; padding:10px 30px; background-color:rgba(255,255,255,0.8); border:1px solid rgba(0,0,0,0.1); font-size:15px;}

.cont4_box2 { float:left; width:63%; height:480px; margin:0 1%; text-align:center; background-color:rgba(255,255,255,1); padding:80px 0 0 0; font-size:0; border:1px solid rgba(0,0,0,0.1);}
.cont4_box2_in { display:inline-block; vertical-align:top; width:33.333333333%; border-right:1px solid rgba(0,0,0,0.1);}
.cont4_box2_in:last-child { border-right:none;}
.cont4_box2_in_icon { width:100%; text-align:center;}
.cont4_box2_title { font-size:24px; font-weight:500; margin:20px 0 10px 0;}
.cont4_box2_title1 { color:#222;}
.cont4_box2_title2 { color:#222;}
.cont4_box2_title3 { color:#222;}
.cont4_box2_title4 { color:#444;}
.cont4_box2_txt { font-size:15px; margin-bottom:30px; padding:0 10%;}
.cont4_box2_btn { display:inline-block; width:80%; font-size:15px; color:rgba(255,255,255,0.8); background-color:#666; padding:10px 0;}




/* cont_footer */

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











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

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




/* 메인 내용 공통 */

section { background-image:url(/images/main/bg.png); background-repeat:no-repeat; background-position:100% 600px; background-size:55% auto;}
section>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:40px; font-weight:700; margin:80px auto 15px auto; line-height:1.2; letter-spacing:-0.02em;}
.contents_box_title>span { color:#3a74c0;}
.contents_box_txt { font-size:15px; margin:0 auto 50px auto; line-height:1.4; color:rgba(0,0,0,0.7);}
.contents_box_title2 { font-size:28px; font-weight:700; margin:60px auto 0 auto; line-height:1.2; letter-spacing:-0.02em;}
.contents_box_title2>span { color:#3a74c0;}
.contents_box_txt2 { font-size:14px; margin:0 auto 40px auto; line-height:1.4; color:rgba(0,0,0,0.7);}


/* 메인 오른쪽 메뉴 */

.right_nav { display:none;}



/* 상단, 비주얼 */

section>.cont0 {}

section>.cont_mv { position:relative; width:100%; height:auto; overflow:hidden; background-color:#F7F7F7; padding-top:80px;}
.main_slide { width:100%; height:auto; min-height:1px; position:relative; z-index:1; overflow:hidden; font-size:0;}
.main_slide_p { display:none;}
.main_slide_t { display:block;}
.main_slide_m { display:none;}

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

.main_vtxt1 { position:absolute; top:50%; left:50%; margin-left:-350px; margin-top:-90px; z-index:150; text-align:center; width:700px; line-height:1.2;}
.main_vtxt_t1 { color:rgba(255,255,255,0.9); letter-spacing:0.5em; font-size:12px; font-weight:500; 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_btn { display:block; width:15%; min-width:200px; padding:15px 20px; font-size:15px; 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;}

/* Main scroll icon */
.main-scroll-icon-wrap { display:none;}



/* cont1 */

section>.cont1 { position:relative; height:500px; padding:0; overflow:hidden; text-align:left;}
section>.cont1:after { display:block; content:""; clear:both;}

.cont1_box_left { float:left; width:50%; height:100%; position:relative; overflow:hidden;}
.cont_box_video { position:absolute; top:50%; left:50%; width:auto; height:100%; -webkit-transform:translate(-52%,-52%); transform:translate(-52%,-52%); min-width:104%; min-height:104%;}
.cont_box_video_msk { background-color:rgba(0,0,0,0); background-image:url(/images/main/mask.png); background-repeat:no-repeat; background-position:50% 0%; background-size:100% auto; width:100%; height:100%; position:absolute; top:0; left:0; z-index:50;}
.cont1_box_right { float:left; width:50%; height:100%; background-image:url(/images/main/cont1_bg2.jpg); background-size:cover; background-position:center; display:table; padding:40px;}
.cont1_box_right_title { font-size:28px; font-weight:700; margin-bottom:20px; line-height:1.2;}
.cont1_box_right_title>span { color:#146291;}
.cont1_box_right_txt { font-size:16px; margin-bottom:30px; color:rgba(0,0,0,0.5);}
.cont1_box_right_txt>span { display:block; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; height:44px; line-height:22px;}
.cont1_box_right_btn { display:inline-block; font-size:14px; background-color:#146291; color:rgba(255,255,255,0.9); padding:15px 0; width:98%; max-width:400px; text-align:center;}




/* cont2 */

section>.cont2 { position:relative; height:500px; padding:0; overflow:hidden; text-align:left;}
section>.cont2:after { display:block; content:""; clear:both;}

.cont2_box_left { float:left; width:50%; height:100%; background-image:url(/images/main/cont2_bg2.jpg); background-size:cover; background-position:center; display:table; padding:40px; text-align:right;}
.cont2_box_left_title { font-size:28px; font-weight:700; margin-bottom:20px; text-align:right; line-height:1.2;}
.cont2_box_left_title>span { color:#146291;}
.cont2_box_left_txt { font-size:16px; line-height:1.2; margin-bottom:30px; color:rgba(0,0,0,0.5); text-align:right;}
.cont2_box_left_txt>span { display:block; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; height:44px; line-height:22px;}
.cont2_box_left_btn { display:inline-block; font-size:14px; background-color:#146291; color:rgba(255,255,255,0.9); padding:15px 50px; width:98%; max-width:400px; text-align:center;}
.cont2_box_right { float:left; width:50%; height:100%; position:relative; overflow:hidden;}



/* cont3 */

section>.cont3 { position:relative; height:500px; padding:0; overflow:hidden; text-align:left;}
section>.cont3:after { display:block; content:""; clear:both;}

.cont3_box_left { float:left; width:50%; height:100%; position:relative; overflow:hidden;}
.cont3_box_right { float:left; width:50%; height:100%; background-image:url(/images/main/cont3_bg2.jpg); background-size:cover; background-position:center; display:table; padding:40px;}
.cont3_box_right_title { font-size:28px; font-weight:700; margin-bottom:20px; line-height:1.2;}
.cont3_box_right_title>span { color:#146291;}
.cont3_box_right_txt { font-size:16px; line-height:1.2; margin-bottom:30px; color:rgba(0,0,0,0.5);}
.cont3_box_right_txt>span { display:block; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; height:44px; line-height:22px;}
.cont3_box_right_btn { display:inline-block; font-size:14px; background-color:#146291; color:rgba(255,255,255,0.9); padding:15px 50px; width:98%; max-width:400px; text-align:center;}


.cont_video_photo { display:block; margin-bottom:30px; font-size:0;}
.cont_video_photo>img { margin-right:2%; width:48%; height:auto;}

.cont_video_photo2 { display:block; margin-bottom:30px; font-size:0; text-align:right;}
.cont_video_photo2>img { margin-right:2%; width:48%; height:auto;}





/* cont4 */

section>.cont4 { position:relative; height:auto; display:table; padding:30px; background-color:#f5f5f5; overflow:hidden;}
section>.cont4:after { display:block; content:""; clear:both;}

.cont4_box { float:left; width:100%; height:auto; margin:0 0 20px 0; text-align:left;}
.cont4_box_banner1 { width:100%; height:auto; padding:40px; color:rgba(255,255,255,0.9); background-image:url(/images/main/cont4_box_banner1_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.cont4_box_banner1_title { font-size:22px; font-weight:700;}
.cont4_box_banner1_tel { font-size:36px; font-weight:700; letter-spacing:-0.02em;}
.cont4_box_banner1_tel>span { font-size:24px; margin-right:4px;}
.cont4_box_banner1_mail { font-size:16px; font-weight:500;}
.cont4_box_banner1_mail>span { font-size:16px; margin-right:4px;}
.cont4_box_banner1_mail>a {}

.cont4_box_banner2 { width:100%; height:auto; padding:40px; background-image:url(/images/main/cont4_box_banner2_in01_bg.png); background-position:102% 50%; background-repeat:no-repeat; background-size:auto 102%; border:1px solid rgba(0,0,0,0.1); background-color:#fff;}
.cont4_box_banner2_title { font-size:22px; font-weight:700; margin-bottom:15px;}
.cont4_box_banner2_txt { font-size:0; color:rgba(0,0,0,0.6); margin-bottom:3px;}
.cont4_box_banner2_txt1 { display:inline-block; vertical-align:top; font-size:14px; margin-bottom:20px;}
.cont4_box_banner2_txt1>span { display:block; }
.cont4_box_banner2_btn { display:inline-block; padding:10px 30px; background-color:rgba(255,255,255,0.8); border:1px solid rgba(0,0,0,0.1); font-size:14px;}

.cont4_box2 { float:left; width:100%; height:auto; margin:0; text-align:center; background-color:rgba(255,255,255,1); padding:40px 20px; font-size:0; border:1px solid rgba(0,0,0,0.1);}
.cont4_box2_in { display:inline-block; vertical-align:top; width:33.333333333%; border-right:1px solid rgba(0,0,0,0.1);}
.cont4_box2_in:last-child { border-right:none;}
.cont4_box2_in_icon { width:100%; text-align:center;}
.cont4_box2_in_icon>img { width:50%; height:auto;}
.cont4_box2_title { font-size:20px; font-weight:500; margin:20px 0 10px 0;}
.cont4_box2_title1 { color:#222;}
.cont4_box2_title2 { color:#222;}
.cont4_box2_title3 { color:#222;}
.cont4_box2_title4 { color:#444;}
.cont4_box2_txt { font-size:14px; margin-bottom:30px; padding:0 10%; line-height:1.3;}
.cont4_box2_btn { display:inline-block; width:80%; font-size:14px; color:rgba(255,255,255,0.8); background-color:#666; padding:10px 0;}




/* cont_footer */

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






}



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

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





/* 메인 내용 공통 */

section { background-image:url(/images/main/bg.png); background-repeat:no-repeat; background-position:100% 600px; background-size:80% auto;}
section>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:30px; font-weight:700; margin:60px auto 10px auto; line-height:1.2; letter-spacing:-0.02em;}
.contents_box_title>span { color:#3a74c0;}
.contents_box_txt { font-size:14px; margin:0 auto 30px auto; line-height:1.4; color:rgba(0,0,0,0.7);}
.contents_box_title2 { font-size:20px; font-weight:700; margin:50px auto 0 auto; line-height:1.2; letter-spacing:-0.02em;}
.contents_box_title2>span { color:#3a74c0;}
.contents_box_txt2 { font-size:14px; margin:0 auto 30px auto; line-height:1.4; color:rgba(0,0,0,0.7);}



/* 상단, 비주얼 */

section>.cont0 {}

section>.cont_mv { position:relative; width:100%; height:auto; overflow:hidden; background-color:#F7F7F7; padding-top:60px;}
.main_slide { width:100%; height:auto; min-height:1px; position:relative; z-index:1; overflow: hidden; font-size:0;}
.main_slide_p { display:none;}
.main_slide_t { display:none;}
.main_slide_m { display:block;}

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

.main_vtxt1 { position:absolute; top:45%; left:50%; margin-left:-150px; z-index:150; text-align:center; width:300px; line-height:1.2;}
.main_vtxt_t1 { color:rgba(255,255,255,0.9); letter-spacing:0; font-size:11px; font-weight:500; margin:0 0 10px 0;}
.main_vtxt_t2 { color:rgba(255,255,255,0.9); letter-spacing:-0.02em; font-size:28px; font-weight:700; margin:0 0 20px 0;}
.main_vtxt_btn { display:block; width:15%; min-width:200px; padding:10px 15px; font-size:14px; 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>.cont1 { position:relative; height:auto; padding:0; overflow:hidden; text-align:left;}
section>.cont1:after { display:block; content:""; clear:both;}

.cont1_box_left { float: none; width:100%; height:250px; position:relative; overflow:hidden;}
.cont_box_video { position:absolute; top:50%; left:50%; width:auto; height:100%; -webkit-transform:translate(-52%,-52%); transform:translate(-52%,-52%); min-width:104%; min-height:104%;}
.cont_box_video_msk { background-color:rgba(0,0,0,0); background-image:url(/images/main/mask.png); background-repeat:no-repeat; background-position:50% 0%; background-size:100% auto; width:100%; height:100%; position:absolute; top:0; left:0; z-index:50;}
.cont1_box_right { float: none; width:100%; height:auto; background-image:url(/images/main/cont1_bg2.jpg); background-size:cover; background-position:center; display:table; padding:30px;}
.cont1_box_right_title { font-size:22px; font-weight:700; margin-bottom:15px; line-height:1.2;}
.cont1_box_right_title>span { color:#146291;}
.cont1_box_right_txt { font-size:14px; margin-bottom:20px; color:rgba(0,0,0,0.5); line-height:1.2;}
.cont1_box_right_txt>span { display:block; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; height:44px; line-height:22px;}
.cont1_box_right_btn { display:inline-block; font-size:13px; background-color:#146291; color:rgba(255,255,255,0.9); padding:15px 0; width:98%; max-width:400px; text-align:center;}




/* cont2 */

section>.cont2 { position:relative; height:auto; padding:0; overflow:hidden; text-align:left;}
section>.cont2:after { display:block; content:""; clear:both;}

.cont2_box_left { float: none; width:100%; height:100%; background-image:url(/images/main/cont2_bg2.jpg); background-size:cover; background-position:center; display:table; padding:30px; text-align:left;}
.cont2_box_left_title { font-size:22px; font-weight:700; margin-bottom:15px; text-align:left; line-height:1.2;}
.cont2_box_left_title>span { color:#146291;}
.cont2_box_left_txt { font-size:14px; line-height:1.2; margin-bottom:20px; color:rgba(0,0,0,0.5); text-align:left;}
.cont2_box_left_txt>span { display:block; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; height:44px; line-height:22px;}
.cont2_box_left_btn { display:inline-block; font-size:13px; background-color:#146291; color:rgba(255,255,255,0.9); padding:15px 50px; width:100%; max-width:400px; text-align:center;}
.cont2_box_right { float: none; width:100%; height:250px; position:relative; overflow:hidden;}



/* cont3 */

section>.cont3 { position:relative; height:auto; padding:0; overflow:hidden; text-align:left;}
section>.cont3:after { display:block; content:""; clear:both;}

.cont3_box_left { float: none; width:100%; height:250px; position:relative; overflow:hidden;}
.cont3_box_right { float: none; width:100%; height:100%; background-image:url(/images/main/cont3_bg2.jpg); background-size:cover; background-position:center; display:table; padding:30px;}
.cont3_box_right_title { font-size:22px; font-weight:700; margin-bottom:15px; line-height:1.2;}
.cont3_box_right_title>span { color:#146291;}
.cont3_box_right_txt { font-size:14px; line-height:1.2; margin-bottom:20px; color:rgba(0,0,0,0.5);}
.cont3_box_right_txt>span { display:block; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; height:44px; line-height:22px;}
.cont3_box_right_btn { display:inline-block; font-size:13px; background-color:#146291; color:rgba(255,255,255,0.9); padding:15px 50px; width:98%; max-width:400px; text-align:center;}


.cont_video_photo { display:block; margin-bottom:30px; font-size:0;}
.cont_video_photo>img { margin-right:0; width:50%; height:auto;}

.cont_video_photo2 { display:block; margin-bottom:30px; font-size:0; text-align:left;}
.cont_video_photo2>img { margin-right:0; width:50%; height:auto;}





/* cont4 */

section>.cont4 { position:relative; height:auto; display:table; padding:20px; background-color:#f5f5f5; overflow:hidden;}
section>.cont4:after { display:block; content:""; clear:both;}

.cont4_box { float: none; width:100%; height:auto; margin:0 0 20px 0; text-align:left;}
.cont4_box_banner1 { width:100%; height:auto; padding:30px 20px; color:rgba(255,255,255,0.9); background-image:url(/images/main/cont4_box_banner1_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; margin-bottom:20px;}
.cont4_box_banner1_title { font-size:18px; font-weight:700;}
.cont4_box_banner1_tel { font-size:28px; font-weight:700; letter-spacing:-0.02em;}
.cont4_box_banner1_tel>span { font-size:20px; margin-right:4px;}
.cont4_box_banner1_mail { font-size:14px; font-weight:500;}
.cont4_box_banner1_mail>span { font-size:14px; margin-right:4px;}
.cont4_box_banner1_mail>a {}

.cont4_box_banner2 { width:100%; height:auto; padding:30px 20px; background-image:url(/images/main/cont4_box_banner2_in01_bg.png); background-position:102% 50%; background-repeat:no-repeat; background-size:auto 102%; border:1px solid rgba(0,0,0,0.1); background-color:#fff;}
.cont4_box_banner2_title { font-size:18px; font-weight:700; margin-bottom:15px;}
.cont4_box_banner2_txt { font-size:0; color:rgba(0,0,0,0.6); margin-bottom:3px;}
.cont4_box_banner2_txt1 { display:inline-block; vertical-align:top; font-size:13px; margin-bottom:20px;}
.cont4_box_banner2_txt1>span { display:block; }
.cont4_box_banner2_btn { display:inline-block; padding:10px 30px; background-color:rgba(255,255,255,0.8); border:1px solid rgba(0,0,0,0.1); font-size:13px;}

.cont4_box2 { float: none; width:100%; height:auto; margin:0; text-align:center; background-color:rgba(255,255,255,1); padding:20px; font-size:0; border:1px solid rgba(0,0,0,0.1);}
.cont4_box2_in { display:inline-block; vertical-align:top; width:100%; border-right:none; border-bottom:1px solid rgba(0,0,0,0.1);}
.cont4_box2_in:last-child { border-right:none; border-bottom:none;}
.cont4_box2_in_icon { width:100%; text-align:center; margin:10px 0 0 0;}
.cont4_box2_in_icon>img { width:40%; height:auto;}
.cont4_box2_title { font-size:18px; font-weight:500; margin:10px 0 0 0;}
.cont4_box2_title1 { color:#222;}
.cont4_box2_title2 { color:#222;}
.cont4_box2_title3 { color:#222;}
.cont4_box2_title4 { color:#444;}
.cont4_box2_txt { font-size:13px; margin-bottom:20px; padding:0 10%; line-height:1.2;}
.cont4_box2_btn { display:inline-block; width:80%; font-size:13px; color:rgba(255,255,255,0.8); background-color:#666; padding:10px 0; margin-bottom:30px;}




/* cont_footer */

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




}