a:hover { text-decoration:none !important; }
a:focus { text-decoration:none !important; }

.container { width:100%; margin:0; padding:0; }
.page_container { width:1530px; margin:0 auto; padding:0 15px; min-height:700px; }
.none_active { opacity:0; top:20px; position:relative; }

#main_header { width:100%; position:absolute; top:0; left:0; padding:40px 60px; z-index:10; }
#main_nav { position:fixed; top:0; right:0; z-index:50; }
#menu { position:fixed; top:40px; right:60px; display:block; padding:20px; }
#menu .back { width:100%; height:100%; background-color:#2f3092; position:absolute; top:0; left:0; z-index:-1; display:none; }
#menu svg { font-size:40px; color:#fff; z-index:60; }
#menu_wrap { width:100%; list-style:none; margin:0; padding:0; position:absolute; left:0; top:50%; transform:translate3D(0,-50%,0); display:none; }
#menu_wrap li { width:100%; }
#menu_wrap li a { width:100%; padding:40px 20px; text-align:center; height:100%; color:#fff; font-family:'Lato', sans-serif; font-weight:100; display:inline-block; font-size:40px; }
#menu_wrap li a:hover { text-decoration:none !important; }
.open { width:30%; min-width:200px; max-width:700px; height:100%; background-color:rgba(0,0,0,0.8); }
.open .back { display:none !important; }
.menu_logo { height:80px; padding:5px 15px; background-color:rgba(0,0,0,0.2); position:fixed; top:40px; right:135px; display:none; }
.menu_logo img { height:100%; }
.open .menu_logo { display:none !important; }

@media (max-width: 767px){
	#main_header { padding:20px; }
	#main_header img { width:120px; }
	#menu { top:20px; right:20px; }
	#menu svg { font-size:30px; }
	.menu_logo { top:20px; right:85px; height:70px; }
}

.page_header{ width:100%; height:480px; overflow:hidden; position:relative; }
.page_header .wrap { position:absolute; top:0; left:50% !important; width:1920px; height:100%; margin-left:-960px; list-style:none; }
.page_header .wrap img { position:absolute; top:0; width:100%; }
.page_top { text-align:center; margin-top:110px; }
.page_top h1 { font-family: 'Noto Sans KR', sans-serif; margin:0 0 40px 0; font-size:35px; color:#2e3192; }
.page_top .tab_wrap { width:1275px; margin:0 auto; }
.page_top .tab { font-family: 'Noto Sans KR', sans-serif; font-weight:bold; float:left; display:block; width:20%; font-size:16px; color:#aaa; padding:10px; border:1px solid #aaa; }
.page_top .tab:hover { color:#2e3192; border:1px solid #2e3192; }

.page_content { width:100%; margin-top:110px; }
.page_content h4 { font-family: 'Noto Sans KR', sans-serif; font-size:25px; color:#000; margin-top:0; margin-bottom:40px; }
.page_content h4 a { font-size:14px; margin-left:10px; color:#888; }
.page_content h4 a:hover { color:#333; }
.page_content .images { width:100%; border:1px solid #ddd; }
.page_content p { font-family: 'Noto Sans KR', sans-serif; font-size:16px; margin:20px 0; text-align:center; color:#5d5d5d; word-break:keep-all; overflow:hidden; height:4.2em; }

.popup_wrap { width:100%; height:100%; background-color:rgba(0,0,0,0.8); display:none; position:fixed; top:0; left:0; z-index:999; }
.works_popup { width:100%; max-width:1920px; height:100%; background-color:#eee; position:absolute; top:0; left:0; z-index:1000; }
.works_popup .close { color:#666; font-size:20px; position:absolute; top:20px; right:20px; opacity:1; }
.works_popup .close:hover { color:#333; }
.popup_text { width:25%; float:right; padding:50px 20px; }
.popup_text h1 { word-break:keep-all; line-height:1.3em; font-family:'Lato', sans-serif; color:#000; font-size:40px; margin-bottom:20px; margin-top:0; }
.popup_text p { font-family: 'Noto Sans KR', sans-serif; color:#666; font-size:16px; margin-bottom:20px; }
.popup_image { width:75%; height:100%; float:left; overflow:auto; }
.popup_image img { width:100%; }

@media (min-width: 1921px){
	.page_header .wrap { left:0 !important; width:100%; margin-left:0; height:auto; }
	.works_popup { left:50%; transform:translate3D(-50%,0,0); }
}
@media (max-width: 1530px){
	.page_container { width:100%; }
}
@media (max-width: 1310px){
	.page_top .tab_wrap { width:100%; }
}
@media (max-width: 1199px){
	#menu_wrap li a { font-size:30px; padding:30px 20px; }
}
@media (max-width: 842px){
	.popup_text { padding:20px; }
	.popup_text { width:100%; float:left; }
	.popup_image { width:100%; height:auto; }
	.works_popup { overflow:auto; } 
	.popup_text p { margin-bottom:10px; }
	.works_popup .close { font-size:30px; }
} 
@media (max-width: 767px){
	#menu_wrap li a { font-size:20px; padding:20px; }
	.page_header { height:250px; }
	.page_header .wrap { width:1000px; margin-left:-500px; }
	.page_top .tab { width:100%; }
}

.noto { font-family:'Noto Sans KR', sans-serif; }
.lato { font-family:'Lato', sans-serif; }
.text-center { text-align:center; }
.margin-15 { margin-bottom:150px; }

.about_section { width:100%; margin-top:110px; }
.about_section h1 { font-size:45px; text-align:center; color:#2e3192; margin:0; }
.about_section h2 { font-size:35px; color:#333; margin:0; }
.about_section h3 { font-size:30px; color:#333; margin:0; }
.about_section h4 { font-size:25px; color:#333; margin:0; }
.about_section p { font-size:18px; color:#333; margin:0; }
.about_section svg { font-size:70px; color:#2e3192; margin-bottom:10px; }

.about_section .carousel-control { background-image:none; width:10%; left:-7%; }
.about_section .right { right:-7%; left:auto; }
.about_section .glyphicon { font-size:40px; }
.about_section .margin-8 { margin-bottom:80px; }
.about_section .margin-4 { margin-bottom:40px; }
.about_section .margin-2 { margin-bottom:20px; }
.about_table_web { border-top:2px solid #2e3192; width:100%; }
.about_table_web th { font-family:'Noto Sans KR', sans-serif; width:10%; font-weight:bold; text-align:center; font-size:20px; padding:14px; border-bottom:1px solid #ddd; }
.about_table_web td { font-family:'Noto Sans KR', sans-serif; font-size:20px; padding:14px; border-bottom:1px solid #ddd; }
.about_table_web .left_td { width:45%; }
.about_table_web .right_td { width:30%; }
.about_table_mobile { display:none; border-top:2px solid #2e3192; width:100%; }
.about_table_mobile th { font-family:'Noto Sans KR', sans-serif; width:25%; font-weight:bold; text-align:center; font-size:12px; padding:10px; border-bottom:1px solid #ddd; }
.about_table_mobile td { font-family:'Noto Sans KR', sans-serif; width:75%; font-size:12px; padding:10px; border-bottom:1px solid #ddd; word-break:keep-all; }
.about_section iframe { width:100%; height:560px; }

.contact_h3 { color:#000; height:2.2em; overflow:hidden; }
.margin-80 { margin-bottom:80px; }

@media (max-width: 1600px){
	.about_section .carousel-control { left:0; }
	.about_section .right { right:0; left:auto; }
}
@media (max-width: 1199px){
	.about_section h1 { font-size:30px; }
	.about_section h2 { font-size:25px; }
	.about_section h3 { font-size:20px; }
	.about_section h4 { font-size:18px; }
	.about_section p { font-size:14px; }
	.about_table_web th { font-size:14px; padding:10px; }
	.about_table_web td { font-size:14px; padding:10px; }
	.about_section iframe { height:460px; }
}
@media (max-width: 842px){
	.about_section h1 { font-size:25px; }
	.about_section h2 { font-size:20px; }
	.about_section h3 { font-size:18px; }
	.about_section h4 { font-size:14px; }
	.about_section p { font-size:12px; }
	.about_table_web th { font-size:12px; }
	.about_table_web td { font-size:12px; }
	.about_section iframe { height:360px; }
}
@media (max-width: 767px){
	.about_table_web { display:none; }
	.about_table_mobile { display:table; }
	.margin-15 { margin-bottom:75px; }
	.contact_h3 { font-size:14px !important; }
	.margin-80 { margin-bottom:40px; }
	.about_section .margin-8 { margin-bottom:40px; }
	.about_section .margin-4 { margin-bottom:20px; }
	.about_section .margin-2 { margin-bottom:10px; }
}

.margin-20 { margin-bottom:20px; }
.margin-10 { margin-bottom:10px; }

.page_footer { width:100%; border-top:1px solid #e5e5e5; padding:35px 0; color:#5d5d5d; }
.page_footer .page_container { min-height:1px; }
.page_footer .title { font-size:20px; margin:0; font-weight:bold; }
.page_footer .contents { font-size:16px; margin:0; }
.page_footer .contents svg { font-size:16px; color:#2e3192; }

.first_anim { opacity:1; top:0 !important; -webkit-transition:all 0.6s ease; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }
.second_anim { opacity:1; top:0 !important; -webkit-transition:all 0.6s ease; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; transition-delay: 0.3s; }
.third_anim { opacity:1; top:0 !important; -webkit-transition:all 0.6s ease; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; transition-delay: 0.6s; }

.conti_anim1 { opacity:1; top:0 !important; -webkit-transition:all 0.6s ease; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; transition-delay: 0.5s; }
.conti_anim2 { opacity:1; top:0 !important; -webkit-transition:all 0.6s ease; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; transition-delay: 0.7s; }
.conti_anim3 { opacity:1; top:0 !important; -webkit-transition:all 0.6s ease; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; transition-delay: 0.9s; }
.conti_anim4 { opacity:1; top:0 !important; -webkit-transition:all 0.6s ease; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; transition-delay: 1.1s; }
.conti_anim5 { opacity:1; top:0 !important; -webkit-transition:all 0.6s ease; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; transition-delay: 1.3s; }
.conti_anim6 { opacity:1; top:0 !important; -webkit-transition:all 0.6s ease; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; transition-delay: 1.5s; }
.conti_anim7 { opacity:1; top:0 !important; -webkit-transition:all 0.6s ease; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; transition-delay: 1.7s; }
.conti_anim8 { opacity:1; top:0 !important; -webkit-transition:all 0.6s ease; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; transition-delay: 1.9s; }
.conti_anim9 { opacity:1; top:0 !important; -webkit-transition:all 0.6s ease; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; transition-delay: 2.1s; }
.conti_anim10 { opacity:1; top:0 !important; -webkit-transition:all 0.6s ease; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; transition-delay: 2.3s; }
.conti_anim11 { opacity:1; top:0 !important; -webkit-transition:all 0.6s ease; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; transition-delay: 2.5s; }
.conti_anim12 { opacity:1; top:0 !important; -webkit-transition:all 0.6s ease; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; transition-delay: 2.7s; }

.more_opt li { width:94px !important; } 


/* main */
.main_banner { width:100%; overflow:hidden; height:950px; position:relative; }
.main_banner .main_bnr1 { width:1920px; position:relative; top:0; left:calc(50% - 960px) }
.main_banner .main_bnr1 .main_bnr1_title { position:absolute; top:calc(40% - 48.5px); left:calc(50% - 165px); }
.main_banner .main_bnr1 h2 { font-size:20px; width:100%; font-weight:bold; color:#fff; text-align:center; position:absolute; bottom:260px; left:0; }

.main_wrap { width:100%; text-align:center; position:relative; }
.main_wrap2 { padding:100px 0; }
.main_wrap::after { content:""; clear:both; display:block; }

.title1 { font-size:46px; font-weight:bold; color:#000; margin-top:30px; margin-bottom:20px; }
.content1 { font-size:26px; color:#000; position:absolute; top:350px; left:0; width:100%; line-height:1.8em; }

.main_youtube_header { width:50%; position:relative; float:left; }
.main_youtube_header .youtube_header_inner { position:absolute; top:calc(50% - 84px); text-align:center; }
.main_youtube_header .youtube_header_inner p { font-size:28px; color:#fff; font-weight:bold; margin-bottom:30px; }
.main_youtube_header .youtube_header_inner1 { right:100px; }
.main_youtube_header .youtube_header_inner2 { left:100px; }

.main_youtube { background:#000; width:100%; float:left; }
.main_youtube h4 { color:#fff; font-weight:bold; font-size:36px; margin-top:100px; margin-bottom:50px; }
.main_youtube .iframe_wrap { margin-bottom:100px; }
.main_youtube iframe { width:900px; height:500px; }

.main_process_wrapper { padding:100px 0; background-image:url("http://www.kowinsblue.com/ab/image/main/5_1.jpg"); background-size:cover; }
.title2 { font-size:30px; color:#fff; font-weight:bold; margin-bottom:50px; }
.main_process { width:1000px; max-width:100%; margin:0 auto; }
.main_process::after { content:""; clear:both; display:block; }
.main_process .main_process_inner { float:left; width:22%; margin-right:4%; position:relative; }
.main_process .main_process_inner:last-child { margin-right:0; }
.main_process .main_process_inner img { width:100%; }
.main_process .main_process_inner p { color:#fff; font-size:18px; position:absolute; bottom:20px; width:100%; line-height:1.6em; }
.main_process .main_process_inner1 { margin-top:20px; }

.main_process_inner3 { width:60%; float:left; }
.main_process_inner3 img { width:100%; }
.main_process_inner4 { width:40%; float:left; margin-bottom:350px; }
.main_process_inner4 h4 { margin-top:150px; font-size:36px; color:#666; margin-bottom:30px; }

.title3 { font-size:30px; color:#000; font-weight:bold; margin-bottom:50px; }
.main_wrap3 { top:-200px; }

#card_news .item a { display:block; width:49.5%; float:left; margin-right:1%; }
#card_news .item a:last-child { margin-right:0; }
.card_slide { width:36px !important; height:64px !important; top:calc(50% - 32px); }
#card_news .carousel-control { background-image:none; width:10%; left:-10%; }
#card_news .right { right:-10%; left:auto; }

.main_bnr1_titles { position:absolute; left:25%; }
.main_bnr1_title2 { top:100px; }
.main_bnr1_title3 { top:260px; }

.modal-content { border-radius:0; box-shadow:none; }

@media (min-width: 1201px){
	#card_news .carousel-control { background-image:none; width:10%; left:-10%; }
	#card_news .right { right:-10%; left:auto; }
}

@media (max-width: 1200px){
	#card_news .carousel-control { left:0; }
	#card_news .right { right:0; left:auto; }
}

@media (max-width: 1000px){
	.main_bnr1_titles { left:calc(50% - 139.5px); }
}

@media (max-width: 900px){
	.main_youtube .iframe_wrap { position:relative; height:0; padding-bottom:56.25%; }
	.main_youtube iframe { position: absolute; left:0; top:0; width:100%; height:100%; }
}

@media (max-width: 767px){
	.main_wrap2 { padding:50px 0; }
	.title1 { font-size:26px; }
	.content1 { font-size:14px; top:60%; }
	.main_youtube_header { width:100%; }
	.main_youtube_header .youtube_header_inner { top:calc(50% - 50px); }
	.main_youtube_header .youtube_header_inner p { font-size:18px; margin-bottom:10px; }
	.main_youtube_header .youtube_header_inner a img { width:150px; }
	.main_youtube_header .youtube_header_inner1 { right:30px; }
	.main_youtube_header .youtube_header_inner2 { left:30px; }
	.main_youtube h4 { font-size:20px; margin-top:50px; margin-bottom:30px; }
	.main_youtube .iframe_wrap { margin-bottom:50px; }
	
	.main_process_wrapper { padding:50px 0; }
	
	.main_process .main_process_inner { width:49.5%; margin-right:1%; margin-bottom:10px; }
	.main_process .main_process_inner:nth-child(2n) { margin-right:0; }
	.main_process_inner3 { width:100%; }
	.main_process_inner4 { width:100%; margin-bottom:50px; }
	.main_process_inner4 h4 { margin-top:20px; }
	
	.main_wrap3 { top:0; }
	.title2 { font-size:20px; }
	.title3 { font-size:18px; margin-top:50px; }
}


/* mail */
.page_mail { width:800px; max-width:100%; }
.page_mail table { width:100%; }
.page_mail table td, .page_mail table th { padding:7px; vertical-align:middle; font-size:18px; }
.page_mail input { width:100%; }
.page_mail textarea { width:100%; }
.page_mail .btn_mail { background:#2e3192; color:#fff; padding:14px 24px; border-radius:5px; }


/* sample page */
.sample_wrapper { width:100%; display:flex; flex-wrap:wrap; padding:50px 0; }
.sample_wrapper .sample_inner { width:20%; padding:0 15px; display:block; margin-bottom:30px; }
.sample_wrapper .sample_inner > .img_wrap { width:100%; height:250px; background:#eee; }
.sample_wrapper .sample_inner > h4 { font-size:16px; color:#333; margin-top:20px; margin-bottom:0;
	font-weight:500; }
.sample_wrapper .sample_inner > p { font-size:12px; color:#888; margin-top:10px; margin-bottom:0; }
.sample_wrapper .sample_inner:hover > .img_wrap { background:#ddd; }

@media (max-width: 1000px){
	.sample_wrapper .sample_inner { width:calc(100% / 3); }
}

@media (max-width: 767px){
	.sample_wrapper .sample_inner { width:50%; padding:0 5px; }
}