:root {
	--width:1100px;
	--noto:'Noto sans KR',sans-serif;
}
/* @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Noto+Sans+KR:wght@100;200;600&display=swap'); */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Noto Sans KR',sans-serif;
	/* font-family:wfont_e0348d_f0a15955744c42c88487bf4704661574,wf_f0a15955744c42c88487bf470,orig_nanumsquare_regular; */
	
	color:#414141;	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { text-decoration: none; color:inherit;}




/* 공통 */
.container { width:1000px; margin:0 auto; position: relative;}
.d_flex { display:flex;}
.jsb { justify-content: space-between;}
.aic { align-items: center;}


.order_btn { 
	color:#fff; 
	display: flex; 
	justify-content: center; 
	width: 220px; margin:0 auto; font-size: 18px; font-weight: 400; background-color: #286bd1; padding:10px 0; border-radius: 10px;}

.popup { position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); z-index:100; font-size: 0; }
.popup ion-icon { position: absolute; top:-10px; right:-120px; font-size: 90px; color:#fff; cursor: pointer; }
.popup a { display: block; background-color: #414141; line-height: 40px; text-align: center; color:#fff; font-size: 17px; font-weight: 500;}

.dim { position: fixed; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0, 0.3);; z-index: 100;}

header { display:flex; justify-content: space-between; align-items: center; height: 100px;}
header ul { display:flex;}
header ul li { padding:0 15px; font-size:17px; font-weight: 500; color:#414141; }
header ul li a:hover,
header ul li a.active { color:#286bd1; }

/* .top_img { height: 300px; background-size:cover;  } */
.top_img { height:300px; background-size:cover; background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url(./img/connect_back.webp); }
.top_img > div {  height: 100%; }
.top_img p { position: absolute; bottom:40px; right:0; font-size: 52px; color:#fff; text-align: right;}
.top_img span { display:block; font-size: 24px; padding-top:10px;}

.top_title { border-bottom:1px solid #e8e6e6; padding:80px 0 30px; margin-bottom:30px;  }
.top_title b { font-size: 36px; padding:0 0 20px; display: block; }
.top_title p { font-size: 18px; color:#999997}


.main_info h2 { text-align: center; font-size: 28px; padding:40px 0;}
.main_info h2 span { color:#ff6000; font-weight: 700;}

.main_info ul { display: flex; justify-content: space-between; font-size: 0;}

.main_info 	li span { display: block; text-align: center; background:#213d4d; line-height: 54px; color:#fff; font-size: 20px; font-weight: 700;}

.company b { display:block; padding-bottom:30px; font-size: 28px; color:#286BD1; line-height: 1.3;}
.company p { line-height:60px; font-size: 20px; font-weight: 100;}
.company em { display: block; font-style: italic;}


.icepack ul { flex-wrap: wrap;}
.icepack li { width:50%;}
.icepack .info1 { line-height: 50px; background:#e8e6e6; padding:0 20px; margin:0 0 20px;}
.icepack .info1 a { background:#286bd1; color:#fff; display:block; line-height: 30px; padding:0px 15px; border-radius: 10px;}
.icepack_info .online { flex-direction: column; }

.icepack_info.info2 { background:#e8e6e6; height: 100px; padding:0 20px; font-family: var(--noto); }
.icepack_info.info2 span { color:#414141; font-size:20px; font-weight: 400; }
.icepack_info.info2 .tel { font-size:50px; padding-right:20px;}
.icepack_info.info2 b { color:#ff7700; font-size:32px; font-weight: 400; }
.icepack_info.info2 a { background:#ff7700; color:#fff; display:block; width: 200px; line-height: 60px;  border-radius: 10px; text-align: center; font-weight: 400; font-size: 17px; }


.icepack1_1 { display: block; text-align: center; border:3px solid #eee; padding:60px 0; margin-bottom:60px;}
.icepack1_1  p { line-height: 2;}
.icepack1_1  h2 { color:#0aa166; font-weight: 600; font-size: 24px; padding:0 0 30px 0;}
.icepack1_1  h3 { color:#da0939; font-weight: 600; font-size: 20px; padding:20px 0; }
.icepack1_1  h4 { color:#0aa166; font-weight: 400; font-size: 18px; padding:50px 0 30px;}
.icepack1_1 li { line-height: 2;}
.icepack1_1 span { color:#da0939; font-weight: 600; }
.icepack1_1 a { background-color: #327ee2; padding:10px 0; margin:30px auto; display: block; width: 180px; color:#fff;}


.icepack .p_info p b { width:50px; display: inline-block; font-weight: 600; text-align: right; }
.icepack .p_info li { line-height: 2; position: relative; margin:0 0 60px;}
/* .icepack .p_info li img { background:#fff;} */
.icepack .p_info li .line { position: absolute; border-bottom:1px solid #999997; width:100%; top:100px; z-index: -1; left:20px; }
/* .icepack .p_info li p:first-child  { color:Red; border-bottom:1px solid red; padding:30px 0; margin:0 0 30px;} */
.icepack .p_info li p:first-child  { color:#3d9be9; font-size:22px; padding:30px 0; margin:0 0 30px; font-weight: 400;}
.icepack .p_info li:nth-child(even) p b { width:160px; display: inline-block; font-weight: 400; }
.icepack .p_info span { font-weight: normal; display: inline-block; padding:0 0 0 20px;}
.icepack > p { text-align: center; padding:30px 0; font-size: 18px; color:#8b0000; font-weight: 400;}

.icepack1 { text-align: center; margin-bottom:60px;}



.hr { height:100px; border-bottom:1px dotted #213d4d; margin:0 0 100px;  }

.about { padding-top:60px;}
.about img { padding-right:80px; width: fit-content; height: fit-content;}
.about ul { border-left:1px solid #424242; padding:0 0 0 30px;}
.about li span { display: block;}
.about li { padding:15px 0;}
.about li b { font-weight: bold; padding:0 0 10px; display: block;}

.about_map { margin-top:100px;}

.connect input[type='text'],
.connect textarea { width:100%; height: 40px; }
.connect textarea { height: 120px;}
.connect a { margin-top:30px;}

.connect ul { margin:0 0 0 120px; border-left:1px solid #e8e6e6; padding:0 0 0 30px; flex:1;}
.connect li { padding-bottom:20px; position: relative;}
.connect li:before { 
    position: absolute;
    right: 900px;
    text-align: right;
    font-weight: 400;
    width: 100px;
    top: 50%;
    transform: translateY(-50%);
	font-size: 18px;
}
.connect li:nth-child(1):before { content:'이름';}
.connect li:nth-child(2):before { content:'회사(단체)명'; }
.connect li:nth-child(3):before { content:'전화번호'; }
.connect li:nth-child(4):before { content:'이메일 주소'; }
.connect li:nth-child(5):before { content:'제품명'; }
.connect li:nth-child(6):before { content:'상세내용'; }
.connect input,
.connect textarea  { border:1px solid #979797; text-indent: 10px;}
.connect textarea { padding:15px 0 0 0;}


footer { background:#414141; color:#999997; font-size: 14px; line-height: 1.2; margin-top:100px; font-family: 'Nanum Gothic', sans-serif; }
footer > div { height: 200px;}
footer > div > img { padding-right:60px;}
footer p:first-child { padding-bottom:20px; color:#e8e6e6;}


/* swiper */
.swiper-button-next, .swiper-button-prev { color:#fff !important; }