@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;500;700;900&family=Roboto:wght@100;300;500;700;900&display=swap');

/* 공통 */
html {width:100%; min-width:500px; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust:none; overflow-y:scroll; word-break:keep-all;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;list-style:none; font-family: "Roboto", "Noto Sans KR", sans-serif; font-weight: 300; -webkit-text-size-adjust:none;}

html, body { height: 100% !important;}

a {text-decoration:none;color:#000;-webkit-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-moz-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-ms-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-o-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;outline:none;}
a:hover, a:focus {text-decoration:none !important;color:#777;}

a { -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease;}

p {margin: 20px 0; word-break:keep-all;}

/*-----드래그----*/
::-moz-selection {
   background: #2c2cc2;
   color: #fff;
}
::selection {
   background: #2c2cc2;
   color: #fff;
}
/*-----드래그----*/
/*-----스크롤----*/
::-webkit-scrollbar { width:8px; height:8px;}
::-webkit-scrollbar-track { background:#999;}
::-webkit-scrollbar-thumb { border-radius:4px; background:#2c2cc2;}
/*-----스크롤----*/

.clear { clear:both;}
.clear10 { clear:both; height:10px;}
.clear20 { clear:both; height:20px;}
.clear30 { clear:both; height:30px;}
.clear40 { clear:both; height:40px;}
.clear50 { clear:both; height:50px;}
.clear60 { clear:both; height:60px;}
.clear80 { clear:both; height:80px;}
.clear100 { clear:both; height:100px;}

.up-on-scroll { opacity:0; transition: transform 0.7s, opacity 0.5s;}

footer { padding:40px 0 !important; background:#fff;}
footer .bottom_ul { margin:0; padding:0; font-size:0;}
footer .bottom_ul .bottom_li { display:inline-block; vertical-align:top; font-size:15px; color:#666; line-height:1.6;}
footer .bottom_ul .bottom_li:first-child { margin-right:40px;}
footer .bottom_ul .bottom_li .bottom_logo { max-width:300px;}
footer .bottom_ul .bottom_li .copyright { font-size:14px; margin-top:10px; color:#888;}
footer .bottom_ul .bottom_li .copyright a { color:#888;}
footer .bottom_ul .bottom_li ul { margin-bottom:15px;}
footer .bottom_ul .bottom_li ul li { color:#000; margin-bottom:8px; line-height:1.3;}
footer .bottom_ul .bottom_li ul li strong { font-weight:700;}
footer .bottom_ul .bottom_li .bottom_nav { font-size:17px; color:#2c2cc2; font-weight:700; margin-right:20px;}

.b_top { margin:0; padding:0; font-size:0;}
.b_top li { display:inline-block; height:14px; width:50%;}
.b_top li:first-child { background:url(/eng/img/main/bottom_pt.png) center right;}
.b_bottom { margin:0; padding:0; font-size:0;}
.b_bottom li { display:inline-block; height:14px; width:50%;}
.b_bottom li:last-child { background:url(/eng/img/main/bottom_pt.png) center left;}

#back-top { z-index:9; text-align:center;}
#back-top a {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
	padding:10px 15px 0 15px;
	background:#2c2cc2;
	bottom:-5px;
	right:20px;
	position:fixed;
}
#back-top a:hover { background:#1a1aa6;}

/* 메인 */
.main_ul { margin:0; padding:0; font-size:0; text-align:center; border-top:#fff solid 2px; border-bottom:#fff solid 2px;}
.main_ul li {
	display:inline-block;
	height:400px;
	width:50%;
	filter: grayscale(100%);
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-ms-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
}
.main_ul li:hover { filter: grayscale(0%);}
.main_ul li img { width:250px; margin-top:100px;}
.main_ul li:first-child { background:url(/eng/img/main/main_briganto.jpg) center center no-repeat; background-size:cover; border-right:#fff solid 1px;}
.main_ul li:last-child { background:url(/eng/img/main/main_vaculift.jpg) center center no-repeat; background-size:cover; border-left:#fff solid 1px;}
.main_ul li .main_ul_btn { margin-top:50px;}
.main_ul li .main_ul_btn a { font-size:15px; font-weight:500; color:#ccc; background:rgba(0,0,0,0.3); border:rgba(255,255,255,0.5) solid 1px; border-radius:50px; padding:15px 30px; margin:10px;}
.main_ul li .main_ul_btn a:hover { color:#fff; background:rgba(0,0,0,0.6);}
/* 메인 */

/* 서브 */
.sub_top { padding:170px 0 100px 0; color:#fff; text-shadow:0 0 5px rgba(0,0,0,0.5);}
.sub_top .sub_top_text01 { font-size:38px; font-weight:700; margin-bottom:15px;}
.sub_top .sub_top_text02 { font-size:22px; font-weight:300; max-width:700px;}
.sub_top03 { background:url(/eng/img/sub/sub_top03.jpg) center center no-repeat; background-size:cover;}

.sub_cont { padding:40px 0 80px 0;}

.sub_title01 { font-size:40px; font-weight:700; color:#fff; text-transform:uppercase;}
.sub_title02 { font-size:30px; font-weight:700; color:#000; text-transform:uppercase;}
.sub_title03 { font-size:30px; font-weight:700; color:#d93733; margin-bottom:15px; text-transform:uppercase;}

.sub_textbox { font-size:20px; max-width:1000px; margin:0 auto;}
.sub_textbox strong { font-size:22px; font-weight:700;}

.vac_sec01 { padding:80px 0; background:#f4b41a url(/eng/img/sub/vac_sec01_bg.png) center center no-repeat; text-align:center; color:#000;}
.vac_sec01 img { margin-bottom:15px;}

.vac_sec02 { padding:80px 0; background:#f4b41a url(/eng/img/sub/vac_sec02_bg.jpg) center center no-repeat; background-size:cover; text-align:center;}
.vac_sec02 .vac_ul01 { margin:0; padding:0; font-size:0;}
.vac_sec02 .vac_ul01 li { display:inline-block; vertical-align:top; width:220px; padding:20px 10px; color:#fff; font-size:16px;}
.vac_sec02 .vac_ul01 li .vac_ul01_title { font-size:22px; font-weight:700; color:#f4b41a; margin:10px 0; text-transform:uppercase;}
.vac_sec02 .vac_ul01 li strong { font-size:18px; font-weight:700;}

.vac_sec03 { padding:80px 0; background:#f4b41a url(/eng/img/sub/vac_sec03_bg.png) right 900px no-repeat; text-align:center; color:#000;}
.vac_sec03 .mov_box { margin:60px auto; box-shadow:rgba(0,0,0,0.3) 0 0 20px;}
.vac_sec03 .vac_ul02 { margin:0; padding:0; font-size:0;}
.vac_sec03 .vac_ul02 li { display:inline-block; vertical-align:middle; width:50%; font-size:18px; text-align:left;}
.vac_sec03 .vac_ul02 li:first-child { background:url(/eng/img/sub/vac_img01.jpg) center center no-repeat; background-size:cover; height:400px;}
.vac_sec03 .vac_ul02 li:last-child { padding-left:40px;}
.vac_sec03 .vac_ul02 li .vac_ul02_title { font-size:22px; font-weight:700; color:#000; margin-bottom:10px;}
.vac_sec03 .vac_ul02 li strong { font-weight:700;}

.vac_sec04 { padding:80px 0; background:#f4b41a url(/eng/img/sub/vac_sec04_bg.jpg) center center no-repeat; background-size:cover; text-align:center;}
.vac_sec04 .vac_ul03 { margin:40px 0 0 0; padding:0; font-size:0;}
.vac_sec04 .vac_ul03 .vac_ul03_li { display:inline-block; vertical-align:top; width:50%; max-width:500px; padding:20px 40px; font-size:16px; color:#fff;}
.vac_sec04 .vac_ul03 .vac_ul03_li .vac_ul03_title { font-size:20px; font-weight:700; color:#000; margin:0 auto 30px auto; text-transform:uppercase; background:#f4b41a; padding:10px 25px; border-radius:50px; width:100%;}
.vac_sec04 .vac_ul03 .vac_ul03_li ul { text-align:left; margin-top:15px;}
.vac_sec04 .vac_ul03 .vac_ul03_li ul li { list-style:disc; margin:0 0 10px 15px;}

.vac_ul04 { margin:0; padding:0; font-size:0; text-align:center;}
.vac_ul04 .vac_ul04_li {
	display:inline-block;
	vertical-align:top;
	width:25%;
	font-size:16px;
	color:#fff;
	overflow:hidden;
	position:relative;
	height:600px;
	background:#000;
}
.vac_ul04 .vac_ul04_li .vac_ul04_bg {
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-ms-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
}
.vac_ul04 .vac_ul04_li:hover .vac_ul04_bg { opacity:0.25;}
.vac_ul04 .vac_ul04_li .vac_ul04_box { display:none; position:absolute; width:100%; top:12%; left:0;}
.vac_ul04 .vac_ul04_li:hover .vac_ul04_box { display:block;}
.vac_ul04 .vac_ul04_li .vac_ul04_box img { width:80px;}
.vac_ul04 .vac_ul04_li .vac_ul04_box ul { margin-bottom:30px;}
.vac_ul04 .vac_ul04_li .vac_ul04_box ul li { margin:5px 0;}
.vac_ul04 .vac_ul04_li .vac_ul04_box .vac_ul04_title { font-size:24px; font-weight:700; margin:10px 0;}
.vac_ul04 .vac_ul04_li .vac_ul04_box .vac_ul04_btn { color:#fff; padding:13px 30px; border-radius:50px;}
.vac_ul04 .vac_ul04_li:nth-child(1) .vac_ul04_box .vac_ul04_btn { background:#018b35;}
.vac_ul04 .vac_ul04_li:nth-child(2) .vac_ul04_box .vac_ul04_btn { background:#e94a08;}
.vac_ul04 .vac_ul04_li:nth-child(3) .vac_ul04_box .vac_ul04_btn { background:#0079bd;}
.vac_ul04 .vac_ul04_li:nth-child(4) .vac_ul04_box .vac_ul04_btn { background:#f39500;}


.vac_bottom_btn { padding:100px 0; text-align:center;}
.vac_bottom_btn a { font-size:40px; font-weight:500; color:#fff; background: linear-gradient(to bottom right, #f4b21a, #f47d1a); padding:20px 40px; border-radius:10px; box-shadow:rgba(0,0,0,0.3) 0 0 20px; text-transform:uppercase;}
.vac_bottom_btn a:hover { box-shadow:rgba(0,0,0,0.3) 0 0 0;}
.vac_bottom_btn a img { width:50px; margin-bottom:-10px;}


.bri_sec01 { padding:80px 0; background:url(/eng/img/sub/bri_sec01_bg.jpg) center left no-repeat; text-align:center; color:#000;}
.bri_sec01 img { margin-bottom:15px; width:200px;}

.bri_sec02 { padding:80px 0; background:#f4b41a url(/eng/img/sub/bri_sec02_bg.jpg) center center no-repeat; background-size:cover; text-align:center;}
.bri_sec02 .bri_ul01 { margin:0; padding:0; font-size:0;}
.bri_sec02 .bri_ul01 li { display:inline-block; vertical-align:top; min-width:220px; width:30%; padding:20px 10px; color:#fff; font-size:16px;}
.bri_sec02 .bri_ul01 li img { margin-bottom:10px;}
.bri_sec02 .bri_ul01 li .bri_ul01_title { font-size:22px; font-weight:700; color:#ed5551; margin:10px 0; text-transform:uppercase;}
.bri_sec02 .bri_ul01 li strong { font-size:18px; font-weight:700;}

.bri_sec03 { padding:80px 0; text-align:center; color:#000;}
.bri_sec04 { background:url(/eng/img/sub/bri_sec04_bg.jpg) center center no-repeat; height:400px;}

.bri_sec05 { padding:80px 0; text-align:center; color:#000;}
.bri_sec05 .mov_box { margin:60px auto 0 auto; box-shadow:rgba(0,0,0,0.3) 0 0 20px;}
.bri_sec05 .bri_ul02 { margin:-300px 0 0 0; padding:0; font-size:0;}
.bri_sec05 .bri_ul02 li { display:inline-block; vertical-align:bottom; font-size:18px; text-align:left;}
.bri_sec05 .bri_ul02 li:first-child { width:35%; background:url(/eng/img/sub/bri_img01.jpg) center center no-repeat; background-size:cover; height:600px;}
.bri_sec05 .bri_ul02 li:last-child { width:65%; padding-left:40px;}
.bri_sec05 .bri_ul02 li .bri_ul02_title { font-size:28px; font-weight:700; color:#d93733; margin-bottom:10px;}
.bri_sec05 .bri_ul02 li strong { font-weight:700;}

.bri_sec06 { padding:80px 0; text-align:center; color:#000; background:#f3f3f3 url(/eng/img/main/bottom_pt.png) top center repeat-x;}
.bri_sec06 .bri_ul03 { margin:40px 0 0 0; padding:0; font-size:0;}
.bri_sec06 .bri_ul03 li { display:inline-block; vertical-align:top; font-size:16px; min-width:220px; width:25%; padding:20px 10px;}
.bri_sec06 .bri_ul03 li img { background:#d0121b; border-radius:50%;}
.bri_sec06 .bri_ul03 li .bri_ul03_text {}

.bri_sec07 { position:relative; padding:80px 0; background:url(/eng/img/sub/bri_sec05_bg.jpg) center center no-repeat; background-size:cover;}
.bri_sec07_titlebar { position:absolute; top:50px; left:0; width:30%; height:80px; background:#d0121b; z-index:-1;}
.bri_sec07 .bri_ul04 { margin:0; padding:0; font-size:0;}
.bri_sec07 .bri_ul04 li { list-style:disc; margin:8px 0 8px 15px; color:#fff; font-size:17px;}

.bri_sec08 { padding:80px 0; text-align:center; color:#000; background:#f3f3f3 url(/eng/img/main/bottom_pt.png) top center repeat-x;}
.bri_sec08 .bri_ul05 { margin:40px 0 0 0; padding:0; font-size:0;}
.bri_sec08 .bri_ul05 li { display:inline-block; vertical-align:top; font-size:16px; width:33%;}
.bri_sec08 .bri_ul05 li .bri_ul05_img { margin-bottom:10px;}
.bri_sec08 .bri_ul05 li .bri_ul05_img img { width:100%;}
.bri_sec08 .bri_ul05 li span { color:#d0121b; font-weight:700;}
.bri_sec08 .bri_ul05 li .bri_ul05_title01 { font-size:20px; text-decoration:underline;}
.bri_sec08 .bri_ul05 li .bri_ul05_title02 { font-size:26px; font-weight:700; margin:10px 0;}

.bri_bottom_btn { padding:100px 0; text-align:center;}
.bri_bottom_btn a { font-size:40px; font-weight:500; color:#fff; background: linear-gradient(to bottom right, #d1151b, #f3791a); padding:20px 40px; border-radius:10px; box-shadow:rgba(0,0,0,0.3) 0 0 20px; text-transform:uppercase;}
.bri_bottom_btn a:hover { box-shadow:rgba(0,0,0,0.3) 0 0 0;}
.bri_bottom_btn a img { width:50px; margin-bottom:-10px;}

/*----------영상 자동높이-----------*/
.video-container{position:relative;padding-bottom:54%;padding-top:30px;height:0;overflow:hidden;} 
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} 
/*----------영상 자동높이-----------*/

/*팝업*/
.layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.pop-layer { display:none;}
.pop-layer .btn-r { position:absolute; right:0; top:-56px;}
.pop-layer .btn-r a { font-size:20px; color:#000;}
.pop-layer .pop-container { position:fixed; top:80px; width:1000px; height:80%; left:50%; margin-left:-500px; background:#fff;}
.pop-box { height:100%; overflow:hidden; overflow-y:scroll;}

.pop_ul { margin:0; padding:0; font-size:0;}
.pop_ul .pop_ul_li { display:inline-block; vertical-align:top; font-size:16px; color:#fff; padding:40px;}
.pop_ul .pop_ul_li:first-child { width:40%;}
.pop_ul .pop_ul_li:last-child { width:60%;}
.pop_ul .pop_ul_li .pop_ul_title { color:#f4b41a; font-size:30px; font-weight:700; margin-bottom:10px;}
.pop_ul .pop_ul_li .pop_ul_title span { font-size:24px; font-weight:300;}
.pop_ul .pop_ul_li ul li { list-style:disc; margin:0 0 10px 15px;}
.pop_ul .pop_ul_li .pop_ul_bottom { padding:10px 0; border-bottom:#fff solid 1px; border-top:#fff solid 1px; margin-top:30px;}

.pop_top_bg01 { background:url(/eng/img/sub/pop_top_bg01.jpg) center center no-repeat; background-szie:cover;}
.pop_li_bg01 { background:rgba(0,100,40,0.9);}
.pop_top_bg02 { background:url(/eng/img/sub/pop_top_bg02.jpg) center center no-repeat; background-szie:cover;}
.pop_li_bg02 { background:rgba(180,0,10,0.9);}
.pop_top_bg03 { background:url(/eng/img/sub/pop_top_bg03.jpg) center center no-repeat; background-szie:cover;}
.pop_li_bg03 { background:rgba(0,80,150,0.9);}
.pop_top_bg04 { background:url(/eng/img/sub/pop_top_bg04.jpg) center center no-repeat; background-szie:cover;}
.pop_li_bg04 { background:rgba(280,90,0,0.9);}

.pop_board_box { padding:40px; background:#4c4948}
.pop_board_box .pop_board_title { color:#f4b41a; font-size:26px; font-weight:700; margin-bottom:10px;}
/*팝업*/

/*-----------------------표-----------------------*/
.table_style01 {}
.table_style01 table { width:100%; border-spacing:0; border-collapse:collapse; margin-bottom:0px; border-bottom:#aaa solid 1px; border-top:#aaa solid 1px;}
.table_style01 table tr td { padding:10px 5px; color:#fff; font-size:15px; line-height:1.5; vertical-align:middle; text-align:center; border:#999 solid 1px;}
.table_style01 .table_title01 { background:#f4b41a; font-size:18px; font-weight:700;}
.table_style01 .table_img { background:#fff;}
.table_style01 .table_title02 { color:#f4b41a; font-size:18px; font-weight:700;}
.table_style01 .table_title03 { background:#f4b41a;}
.table_style01 .table_title04 { background:#7c7c7c;}
/*-----------------------표-----------------------*/
/* 서브 */

@media screen and (max-width:991px){
	footer .bottom_ul .bottom_li { width:100%;}
	footer .bottom_ul .bottom_li:first-child { margin-right:0; margin-bottom:15px;}
	footer .bottom_ul .bottom_li .bottom_logo { max-width:200px;}
	
	.vac_ul04 .vac_ul04_li { width:50%;}
	.vac_ul04 .vac_ul04_li .vac_ul04_bg { opacity:0.7;}
	.vac_ul04 .vac_ul04_li .vac_ul04_box { display:block;}
	
	/*팝업*/
	.pop-layer .pop-container { width:96%; margin-left:-48%;}
	/*팝업*/
}

@media screen and (max-width:767px){
	.main_ul li { height:250px;	width:100%;}
	.main_ul li img { width:220px; margin-top:70px;}
	.main_ul li:first-child { border-right:none;}
	.main_ul li:last-child { border-left:none;}
	.main_ul li .main_ul_btn { margin-top:30px;}
	
	.vac_sec03 .vac_ul02 li { width:100%;}
	.vac_sec03 .vac_ul02 li:first-child { height:300px; margin-bottom:15px;}
	.vac_sec03 .vac_ul02 li:last-child { padding-left:0;}
	
	.vac_sec04 .vac_ul03 .vac_ul03_li { width:100%;}
	
	.bri_sec05 .bri_ul02 { margin:-300px 0 0 0;}
	.bri_sec05 .bri_ul02 li:first-child { width:100%; height:300px; margin-bottom:15px;}
	.bri_sec05 .bri_ul02 li:last-child { width:100%; padding-left:0;}
	
	.bri_sec08 .bri_ul05 { margin:20px 0 0 0;}
	.bri_sec08 .bri_ul05 li { width:100%; margin:20px 0;}
	.bri_sec08 .bri_ul05 li .bri_ul05_img { overflow:hidden; height:200px;}
	
	/*팝업*/
	.pop_ul .pop_ul_li { padding:20px;}
	.pop_ul .pop_ul_li:first-child { width:100%; padding:0;}
	.pop_ul .pop_ul_li:last-child { width:100%;}

	.pop_board_box { padding:20px;}
	/*팝업*/
}