@font-face { font-family:'Pretendard-Black';		src:url('../font/Pretendard-Black.ttf') format('truetype'); }
@font-face { font-family:'Pretendard-Bold';			src:url('../font/Pretendard-Bold.ttf') format('truetype'); }
@font-face { font-family:'Pretendard-ExtraBold';	src:url('../font/Pretendard-ExtraBold.ttf') format('truetype'); }
@font-face { font-family:'Pretendard-ExtraLight';	src:url('../font/Pretendard-ExtraLight.ttf') format('truetype'); }
@font-face { font-family:'Pretendard-Light';		src:url('../font/Pretendard-Light.ttf') format('truetype'); }
@font-face { font-family:'Pretendard-Medium';		src:url('../font/Pretendard-Medium.ttf') format('truetype'); }
@font-face { font-family:'Pretendard-Regular';		src:url('../font/Pretendard-Regular.ttf') format('truetype'); }
@font-face { font-family:'Pretendard-SemiBold';		src:url('../font/Pretendard-SemiBold.ttf') format('truetype'); }
@font-face { font-family:'Pretendard-Thin';			src:url('../font/Pretendard-Thin.ttf') format('truetype'); }

html, body { margin:0; padding:0; }
* { margin:0; padding:0; box-sizing:border-box; }
div, span, strong, td { font-family:'Pretendard-Regular'; }
ul, ol, li { list-style:none; }
img { border-style:none; border:0; }
a { color:inherit; text-decoration:none; }

.bold { font-family:'Pretendard-Bold'; }
.exbold { font-family:'Pretendard-ExtraBold'; }
.floatl { float:left; }
.floatr { float:right; }
.clear { clear:both; }
.position_sticky { position:sticky; top:20px; }
.center_wrap { position:relative; width:1600px; margin:0 auto; padding:0 40px; }
.display_flex { display:flex; }
.navy { color:#003973; }
.sky { color:#1465f4; }


.header { width:100%; height:129px; }
.header .logo { display:inline-block; width:251px; height:125px; }
.header .logo img { width:100%; }
.header .gnb { float:right; font-size:20px; }
.header .gnb li { display:inline-block; padding-top:52px; margin-left:60px; height:129px; cursor:pointer; }
.header .gnb li:hover { border-bottom:4px solid #000; }
.header .snb { position:absolute; display:none; width:100%; height:200px; background:#ccccccee; z-index:1; }
.header .snb .snb_menu { float:right; padding-top:20px; font-size:16px; }
.header .snb .snb_menu .snb_wrap { display:inline-block; width:160px; line-height:40px; vertical-align:top; }
.header .snb .snb_menu .snb_wrap > a { cursor:pointer; }
.header .snb .snb_menu .snb_wrap > a:hover { color:blue; }
.header:after { content:''; clear:both; } 

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

.footer { position:relative; width:100%; }
.footer .f_top { height:80px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.footer .f_top::after { content:''; clear:both; }
.footer .f_menu { display:inline-block; margin-right:40px; line-height:80px; font-family:'Pretendard-SemiBold'; cursor:pointer; }
.footer .f_icon { margin-top:10px; margin-left:32px; width:56px; height:56px; cursor:pointer; }
.footer .f_logo { margin-top:40px; width:223px; height:97px; }
.footer .f_bottom { height:180px; }
.footer .f_bottom .f_text_wrap { margin-top:28px; }
.footer .f_bottom .f_text { line-height:24px; }

/* MAIN PAGE */
.main_top_slider { display:block; width:100%; height:847px; }
.main_top { display:block; width:100%; height:100%; background-position:center center; background-size:cover; background-repeat:no-repeat; }
.main_top .main_top_txt_wrap { margin:0 auto; padding-top:260px; width:80%; text-align:right; }
.main_top .main_top_txt_wrap .main_top_txt { text-align:right; color:#fff; }
.main_top .main_top_txt_wrap .main_top_txt .main_top_title { font-size:80px; line-height:0.9; }
.main_top .main_top_txt_wrap .main_top_txt .main_top_desc { margin-top:60px; font-size:30px; }
.main_top.bg1 { background-image:url('../images/main1_bg.jpg'); }
.main_top.bg2 { background-image:url('../images/main2_bg.jpg'); }
.main_top.bg3 { background-image:url('../images/main3_bg.jpg'); }
.main_top.bg4 { background-image:url('../images/main4_bg.jpg'); }

.main_logo_desc { position:relative; display:flex; align-items:center; justify-content:right; width:100%; height:480px; background:url('../images/main_logo.jpg'); background-position:left bottom; background-repeat:no-repeat; border-width:1px 0 1px 0; border-style:solid; border-color:#ccc; }
.main_logo_desc .main_txt_wrap { width:80%; margin:0 auto; }
.main_logo_desc .main_txt_wrap .main_logo_txt { text-align:right; }
.main_logo_desc .main_txt_wrap .main_logo_txt .main_desc_desc { font-size:24px; }
.main_logo_desc .main_txt_wrap .main_logo_txt .main_desc_title { margin-top:25px; font-size:45px; }

.main_prd { width:100%; height:976px; background:url('../images/main_prd_bg.jpg'); background-position:center center; background-size:cover; background-repeat:no-repeat; }
.main_prd .main_prd_txt { text-align:center; padding:90px 0 70px 0; text-shadow:0px 0px 3px #fff; }
.main_prd .main_prd_txt .main_desc_title { font-size:59px; padding-bottom:20px; }
.main_prd .main_prd_txt .main_desc_desc { font-size:25px; }

.main_prd .main_prd_wrap { margin:0 auto; margin-top:48px; width:80%; max-width:1600px; }
.main_prd .main_prd_box { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap:10px; }
.main_prd .main_prd_box .main_prd_item { position:relative; display:flex; margin:8px; flex-grow:1; align-items:center; justify-content:center; aspect-ratio:1; border:1px solid #b4c2d0; overflow:hidden; cursor:pointer; background-color:#003973; border-radius:4px; }
.main_prd .main_prd_box .main_prd_img { position:absolute; top:0; left:0; width:100%; height:100%; }
.main_prd .main_prd_box .main_prd_img > img { width:100%; height:100%; transition:all 0.2s linear; overflow:hidden; }
.main_prd .main_prd_box .main_prd_img:hover > img { transform:scale(1.05); opacity:0.2; }
.main_prd .main_prd_box .main_prd_txt { }
.main_prd .main_prd_box .main_prd_txt .main_prd_title { font-size:24px; color:#fff;}


.main_company { position:relative; display:flex; width:100%; height:480px; border-width:1px 0 1px 0; border-style:solid; border-color:#ccc; }
.main_company .company { position:relative; }
.main_company .company .company_img { position:absolute; top:0; left:240px; }
.main_company .main_text_wrap { text-align:left; }
.main_company .main_desc_desc { margin-top:150px; font-size:24px; }
.main_company .main_desc_title { margin-top:25px; font-size:50px; }
.main_company .main_circle { position:absolute; top:190px; left:1150px; }

.main_partner { position:relative; width:100%; height:616px; background:url('../images/main_partner_bg.jpg'); background-position:center center; background-size:cover; background-repeat:no-repeat; }
.main_partner .main_text_wrap { text-align:right; }
.main_partner .main_desc_desc { margin-top:80px; font-size:24px; }
.main_partner .main_desc_title { margin-top:25px; font-size:50px; }

.main_partner_logo_wrap { margin-top:60px; width:100%; overflow:hidden;}
.main_partner_logo_wrap .main_partner_logo { display:inline-block; margin:0 25px 10px 0; width:231px; height:94px; padding-top:7px; background:#fff; border-radius:8px; box-shadow:6px 6px 8px rgb(0, 24, 80, 0.3);border: 1px solid #ccd4ef; overflow:hidden; }
.main_partner_logo_wrap .main_partner_logo > img { display: block; margin:5px auto; width:187px; height:67px;}

.main_foot { width:100%; height:360px; background:url('../images/main_foot_bg.jpg'); background-position:center center; background-size:cover; background-repeat:no-repeat; }
.main_foot .btn_foot_area { padding-top:100px; }
.main_foot .btn_foot { position:relative; margin-left:30px; padding:24px; width:439px; height:182px; cursor:pointer; }
.main_foot .btn_foot .btn_text_eng { font-size:16px; color:#888; }
.main_foot .btn_foot .btn_text_kor { margin-top:16px; font-size:35px; color:navy; }
.main_foot .btn_foot .btn_text_move{ margin-top:35px; font-size:16px; color:navy; position:relative; width:fit-content; border-bottom:2px solid navy; }
.main_foot .btn_foot .btn_text_move::after { content:''; position:absolute; top:0; right:-8px; width:16px; height:16px; border-right:2px solid navy; transform:rotate(135deg); }

.main_foot .btn_foot.btn1 { background:url('../images/main_btn1.png'); }
.main_foot .btn_foot.btn2 { background:url('../images/main_btn2.png'); }
.main_foot .btn_foot.btn3 { background:url('../images/main_btn3.png'); }
.main_foot .btn_foot.btn1:hover { background:url('../images/main_btn1_on.png'); }
.main_foot .btn_foot.btn2:hover { background:url('../images/main_btn2_on.png'); }
.main_foot .btn_foot.btn3:hover { background:url('../images/main_btn3_on.png');}

.main_foot .btn_foot:hover .btn_text_eng { color:#ddd; }
.main_foot .btn_foot:hover .btn_text_kor { color:#fff; }
.main_foot .btn_foot:hover .btn_text_move{ color:#fff; border-color:#fff; }
.main_foot .btn_foot:hover .btn_text_move::after { border-color:#fff; }

/* PAGING */
.pagination { margin:0 auto; padding-top:40px; width:fit-content; }
.pagination img { vertical-align:text-top; }
.pagination a { padding:8px 16px; }
.pagination a.on { color:red; }

/* SUB COMMON */
.sub_img { display:flex; align-items:center; justify-content:center; width:100%; height:200px; color:#fff; background-position:center center; background-size:cover; background-repeat:no-repeat; }
.sub_img.about		{ background-image:url('../images/sub_img_about.jpg');		}
.sub_img.product	{ background-image:url('../images/sub_img_product.jpg');	}
.sub_img.tech		{ background-image:url('../images/sub_img_tech.jpg');		}
.sub_img.app		{ background-image:url('../images/sub_img_app.jpg');		}
.sub_img.contact	{ background-image:url('../images/sub_img_contact.jpg');	}
.sub_img .sub_box { display:block; text-align:center; font-size:20px; }
.sub_img .sub_box .sub_title { margin-bottom:8px; font-size:32px; }

/* SUB TITLE MENU */
.body_sub_menu_area { position:relative; width:100%; height:40px; line-height:40px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; z-index:1; font-size:16px }
.body_area.sub { padding:0; height:38px; line-height:38px; }
.body_sub_menu_area .sub_menu { display:flex; align-items:center; justify-content:left; }
.body_sub_menu_area .sub_menu .sub { position:relative; width:200px; text-align:center; border-left:1px solid #ccc; }
.body_sub_menu_area .sub_menu .sub:nth-child(n+2) { cursor:pointer; }
.body_sub_menu_area .sub_menu .sub:last-child { border-right:1px solid #ccc; }
.body_sub_menu_area .sub_menu .sub .hide_menu { display:none; position:absolute; top:39px; grid-template:repeat(5, 40px) / repeat(4, 199px); grid-auto-flow:column; gap:0px; }
.body_sub_menu_area .sub_menu .sub .hide_menu > div { margin-top:-1px; margin-left:-1px; background:#fff; line-height:38px; border:1px solid #ccc; }
.body_sub_menu_area .sub_menu .sub:nth-child(n+2):hover .hide_menu { display:grid; }

.body_area { margin:0 auto; padding-top: 50px; padding-bottom:80px; width:60%; min-width:1000px; }
.body_area .body_title_area { width:100%; height:140px; }
.body_title { margin-top:20px; font-size:34px; }
.body_sub_title { margin-top:8px; font-size:20px; color:#666; }
.body_path { margin-top:24px; color:#515151}

/* ABOUT */
.about_menu { width:200px; }
.about_menu .a_menu { margin-bottom:20px; width:100%; height:32px; cursor:pointer; }
.about_menu .a_menu.on { color:blue; border-bottom:4px solid blue; }
.about_right { width:calc(100% - 300px); }
.about_right img { width:100%; }
.about_right .pack { padding-top:40px;}
.about_right .text { font-size:16px; line-height:24px; }
.about_right .about_tit { font-size:20px; }
.about_right .line { margin: 80px 0 50px 0 ; width:100%; height:1px; background-color: #ccc;}
.about_right table { width:100%; table-layout:fixed; }
.about_right table th, td { height:32px; line-height:32px; }
.about_right table th { font-family:'Pretendard-Bold'; text-align:left; }


/* PRODUCTS */
.prd_container { }
.prd_box { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap:40px; }
.prd_box .prd_item { width:100%; }
.prd_box .prd_item .prd_poster { position:relative; width:100%; height:100%; background:#edf0f3; border:1px solid #8a8a8a; border-radius:18px; overflow:hidden; cursor:pointer; }
.prd_box .prd_item .prd_poster img { width:100%; height:100%; border-radius:16px; transition:all 0.5s; }
.prd_box .prd_item .prd_poster img:hover { transform:scale(1.2); }
.prd_box .prd_item .prd_poster .num { position:absolute; bottom:0; padding:0 8px; width:100%; height:40px; line-height:40px; background:#00000088; color:#fff; border-bottom-left-radius:16px; border-bottom-right-radius:16px; }
.prd_box .prd_item .prd_title { margin:8px 0; font-size:16px; }
.prd_box .prd_item .prd_desc { display:none; font-size:14px; }

.div_overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#00000088; z-index:5; }
.div_overlay .div_overlay_box { display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%; }
.div_overlay .div_overlay_box .div_overlay_img img { width:100%; max-width:800px; }
.div_overlay .div_overlay_box .div_overlay_txt { margin:16px auto; padding:24px; background:#fff; border-radius:16px; font-size:16px; text-align:center; }
.div_overlay .div_overlay_box .div_overlay_txt > div:first-child { margin-bottom:20px; font-size:20px; }

/* TECH */
.tech_right { width:calc(100% - 300px); }
.material_table .border_white { border-right:1px solid #fff; }
.material_table{ width:100%; text-align:center; }
.material_table td { border-bottom:1px solid #ececf1; border-right:1px solid #ececf1; padding:16px 10px 16px 10px; font-size:14px; color:434343; line-height:20px; }
.material_table th { height:59px; background-color:#2359b1; color:#fff; width:21%; }
.material_table .td1 { width:16%; }
.material_table .td_first { color:#0052e3; font-family:'Pretendard-Bold'; font-size:16px; }

/* APPLICATION */
.app_container { }
.app_box { display:grid; grid-template-columns: 1fr 1fr 1fr; grid-gap:80px; }
.app_box .app_item { width:100%; cursor:pointer; }
.app_box .app_item .app_poster { width:100%; aspect-ratio:1.6; background:#edf0f3; }
.app_box .app_item .app_title { margin:8px 0; font-size:16px; }
.app_box .app_item .app_datetime { font-size:12px; color:#666; }

/* CONTACT */
.contact_box { padding:80px; width:100%; background:#edf0f3; }
.contact_box table { width:100%; border:0; table-layout:fixed; }
.contact_box .input_area { margin-top:8px; margin-bottom:32px; }
.contact_box input[type=text] { width:100%; height:40px; line-height:40px; padding:10px; border:1px solid #ddd; }
.contact_box textarea { margin-top:8px; width:100%; height:120px; padding:10px; border:1px solid #ddd; }
.contact_box .btn_write { margin:0 auto; margin-top:32px; padding:16px 80px; width:fit-content; background:#24235b; color:#fff; border-radius:30px; cursor:pointer; font-size:20px}

/* POPUP */
.popup_wrap { position:absolute; top:0; left:0; width:440px; min-height:500px; background:#fff; border:5px solid #00266c; }
.popup_wrap .popup_text_area { margin:48px auto; margin-bottom:96px; width:80%; color:#00266c; text-align:center; }
.popup_wrap .popup_text_area .popup_title { font-family:'Pretendard-bold'; font-size:35px; margin-bottom:48px; }
.popup_wrap .popup_text_area .popup_detail { font-size:20px; line-height:30px; }
.popup_wrap .popup_btn_area { position:absolute; bottom:0px; width:100%; height:50px; line-height:50px; font-family:'Pretendard-bold'; text-align:center; }
.popup_wrap .popup_btn_area .close_today { float:left; width:50%; height:50px; border-top:1px solid #ccc; color:#a3a3a3; cursor:pointer; }
.popup_wrap .popup_btn_area .close { float:right; width:50%; height:50px; border-top:1px solid #ccc; border-left:1px solid #ccc; cursor:pointer; }

/* MODAL */
.modal { display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:3; }
.modal .modal_overlay { position:absolute; top:0; left:0; width:100vw; height:100vh; background:#000000bb; }
.modal .modal_center { position:absolute; left:calc(50vw - 280px); top:calc(50vh - 170px); left: width:560px; height:340px; }
.modal .modal_center .modal_wrap { width:560px; height:340px; }
.modal .modal_center .modal_close { text-align:right; }
.modal .modal_center .modal_close img { cursor:pointer; }
.modal .modal_center .modal_text { margin-top:8px; color:#fff; font-size:16px; line-height:24px; }
@media only screen and (max-width: 1400px) {
	.footer .f_top { width:fit-content; }
}