@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* LAYOUT */
body { -webkit-text-size-adjust: 100%; }
#wrap { overflow: hidden; margin: 0 auto; -webkit-overflow-scrolling : touch; }
#header { display: flex; justify-content: center; position: fixed; width: 100%; height: 100px; left: 0; top: 0; padding: 0 32px; background-color: #fff; z-index: 11; }
#container { overflow: hidden; margin: 100px auto 0; }
#footer { position: relative; padding: 35px 0 ; background-color: #252726; }

/* 공통 */
:root {
	--font-14: 14px;
	--font-16: 16px;
	--font-18: 18px;
	--font-20: 20px;
	--font-22: 22px;
	--font-24: 24px;
	--font-28: 28px;
	--font-30: 30px;
	--font-36: 36px;
	--font-40: 40px;
	--font-50: 50px;
	--font-60: 60px;

	--line-120: 120%;
	--line-140: 140%;
	--line-150: 150%;

	--font-color-000: #000;
	--font-color-333: #333;
	--font-color-5f: #5f5f5f;
	--font-color-505: #505050;
	--font-color-666: #666;
	--font-color-999: #999;
	--font-color-purple: #40068B;
}


/* HEADER */
#header > .outer { display: flex; position: relative; width: 100%; justify-content: space-between; align-items: center; margin:0 auto; }
#header > .outer h1 { cursor: pointer; margin: 0; padding: 0; line-height: 0;}


/* HEADER - GNB */
#header > .outer .gnb { position: absolute; height: 61px; right: 0; top: 40px; }
#header > .outer .gnb ul { margin: 0; padding: 0; }
#header > .outer .gnb li { position: relative; list-style: none; float: left; margin: 0 0 0 90px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header > .outer .gnb li:first-child { margin: 0; }
#header > .outer .gnb a,
#header > .outer .gnb a:hover { display: block; font-weight: 600; font-size: 20px; line-height: 20px; color: #202020; letter-spacing: -0.25px; text-align: left; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header > .outer .gnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


#header > .outer .gnb .sub_menu { position: absolute; width: 180px; left: 0; top: 60px; margin-left: -54px; background-color: #F4F6F8; z-index: 1; display: none; }
#header > .outer .gnb .sub_menu.v1 { margin-left: -34px; }
#header > .outer .gnb .sub_menu ul { margin: 0; padding: 20px 0; }
#header > .outer .gnb .sub_menu li { list-style: none; float: none; margin: 0;}
#header > .outer .gnb .sub_menu a,
#header > .outer .gnb .sub_menu a:hover { display: block; font-weight: 400; font-size: 16px; line-height: 30px; color: #444444; letter-spacing: -0.5px; text-align: center; }


/* 모바일버튼 */
#header > .outer .gnb_btn { position:absolute; top:20px; right:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; }
#header > .outer .gnb_btn .btn_nav { position:relative; width:26px; height:20px; cursor:pointer; }
#header > .outer .gnb_btn .btn_nav span { display:block; position:absolute; width:100%; height:3px; left:0; background:#666; -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out; }
#header > .outer .gnb_btn .btn_nav span.ico1 { top:0px; }
#header > .outer .gnb_btn .btn_nav span.ico2,
#header > .outer .gnb_btn .btn_nav span.ico3 { top:8px; }
#header > .outer .gnb_btn .btn_nav span.ico4 { top:16px; }
#header > .outer .gnb_btn .btn_nav.open span.ico1 { width:0%; left:50%; top:18px; }
#header > .outer .gnb_btn .btn_nav.open span.ico2 { width:100%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
#header > .outer .gnb_btn .btn_nav.open span.ico3 { width:100%; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg); transform:rotate(-45deg); }
#header > .outer .gnb_btn .btn_nav.open span.ico4 { width:0%; top:18px; left:50%;}



/* 모바일 메뉴영역 */
.gnb_m_bg { position:fixed; overflow-y:auto; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); -webkit-overflow-scrolling:touch; z-index:99999999; display:none; }
.gnb_m { position:fixed; overflow-y:auto; width:85%; height:100vh; left:-100%; top:0; margin-right:15%; background-color:#ef4c5f; opacity:0; -webkit-overflow-scrolling:touch; z-index:99999999; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition:none; }
.gnb_m .head { height:55px; background-color:#fff; }

.gnb_m .head .member_message { display: inline-block; vertical-align: middle; margin: 10px 30px 10px; color:#333; font-size:14px; line-height:35px; font-weight:400; letter-spacing:0; }
.gnb_m .head .member_message ul { margin: 0; padding: 0; }
.gnb_m .head .member_message li { list-style: none; float: left; margin-left: 15px; }
.gnb_m .head .member_message li:first-child { margin-left: 0; }
.gnb_m .head .member_message:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
.gnb_m .head .member_message a,
.gnb_m .head .member_message a:hover { display: block; color:#333; font-size:14px; line-height:35px; font-weight:400; letter-spacing:0; }

.gnb_m .head .gnb_btn_close { position:absolute; right:20px; top:16px; width:20px; cursor:pointer; }
.gnb_m .head .gnb_btn_close img { width:100%; }

.gnb_m .list { position:relative; margin-bottom:100px; -webkit-overflow-scrolling:touch; z-index:99999999; }
.gnb_m .list ul { margin:0; padding:0; }
.gnb_m .list li { position:relative; list-style:none; min-height:42px; border-bottom:1px solid #f77080; cursor:pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
.gnb_m .list .list_title { margin:0 0 0 30px; color:#ffffff; font-size:14px; line-height:60px; font-weight:500; letter-spacing:1px; }

.gnb_m .list li.select { background-color:#eb2c3b; }
.gnb_m .list li.select .list_title { color:#fff; }

.gnb_m .list .sub_list { background-color:#fff; display:none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition:none; }
.gnb_m .list .sub_list ul { margin:0; padding:0; }
.gnb_m .list .sub_list li { padding:0 0 0 30px; list-style:none; border-top:1px solid #ccc; border-bottom:none; color:#666666; font-size:14px; line-height:42px; font-weight:500; letter-spacing:0; }
.gnb_m .list .sub_list a,
.gnb_m .list .sub_list a:hover { display: block; color:#666666; font-size:14px; line-height:42px; font-weight:500; letter-spacing:0; }

.gnb_m .list .sub_list li.select { background-color:#F8F9FB; }
.gnb_m .list .sub_list li.select a,
.gnb_m .list .sub_list li.select a:hover { color:#333; font-size:14px; line-height:42px; font-weight:500; letter-spacing:0; }
.gnb_m .list:after { content:""; clear:both; display:block; }

.gnb_m .list li.on { background-color:#123590; }
.gnb_m .list li.on .list_title { color:#fff; }


/* CONTAINER */
#container .slide { position: relative; }
#container .slide ul { margin:0; padding:0; }
#container .slide li { display: flex; align-items: center; list-style:none; float:left; width: 100%; height: 900px; }

#container .slide .outer { display: flex; align-items: center; width:1500px; margin:0 auto; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .slide .info { flex-grow:1; display: flex; gap: 60px; flex-direction:column; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .slide .info .info_logo { line-height:0; }
#container .slide .info .info_logo img { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .slide .info .info_box { display:flex; flex-direction:column; gap:28px; padding:0 0; }
#container .slide .info .info_box.v1 { padding:0 30px; }
#container .slide .info .info_box.v2 { padding:0 15px; }
#container .slide .info .info_box .info_text { font-weight: 500; font-size: 40px; line-height: 120%; color: #000000; letter-spacing: -1px; }
#container .slide .info .info_box .info_text i { display:block; }
#container .slide .info .info_box .more { }
#container .slide .info .info_box .more a,
#container .slide .info .info_box .more a:hover { padding: 0 4px; font-weight: 600; font-size: 14px; line-height: 150%; color: #EF4C5F; letter-spacing: 0; border-bottom:1px solid #EF4C5F; }

#container .slide .thumb1 { line-height:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .slide .thumb1.v2 { padding-right:150px; }
#container .slide:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}



#container .summary { display: flex; gap: 1.666%; width: 1920px; margin: 0 auto; padding: 120px 100px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .summary .item { display: flex; flex-direction: column; gap: 20px; position: relative; width: 32.3336%; padding: 48px 40px 68px; background-color:#F5F5F5; border-radius:20px; }
#container .summary .item .subject { font-weight: 600; font-size: 24px; line-height: 150%; color: #000000; letter-spacing: -0.5px; }
#container .summary .item .number { font-weight: 700; font-size: 56px; line-height: 100%; color: #FF8C00; letter-spacing: 0; }
#container .summary .item .number.v1 { color: #EB2C3C; }
#container .summary .item .icon { position:absolute; width: 100px; right:30px; bottom:30px; line-height:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .summary .item .icon img { width:100%; }



#container .about { height:700px; padding: 120px 0 0; background:url('/images/main/about.jpg') no-repeat center; background-size:cover; background-attachment:fixed; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
/*  background-attachment:fixed; */
#container .about .about_outer { display: flex; flex-direction: column; align-items: start; gap: 60px; width:1640px; margin:0 auto; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .about .about_outer .info { display: flex; flex-direction: column; gap: 20px; }
#container .about .about_outer .info .subject { font-weight: 700; font-size: 48px; line-height: 140%; color: #000000; letter-spacing: -0.5px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .about .about_outer .info p { margin:0; padding:0; font-weight: 400; font-size: 20px; line-height: 150%; color: #666666; letter-spacing: -0.5px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .about .about_outer .info p i { display:block; }
#container .about .about_outer .more { cursor: pointer; display: flex; gap: 12px; justify-content: center; align-items: center; height: 46px; padding: 0 32px; background-color:#000; border-radius:999px; }
#container .about .about_outer .more .more_text { font-weight: 500; font-size: 16px; line-height: 150%; color: #FFFFFF; letter-spacing: 0; }



#container > .volonic { display: flex; align-items: center; height:930px; background:url('/images/main/volonic.jpg') no-repeat right; background-size:contain; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container > .volonic .volonic_outer { display: flex; flex-direction: column; gap: 40px; width:1360px; margin:0 auto;  }

#container > .volonic .volonic_outer .info { display:flex; flex-direction:column; align-items: start; gap:60px; }
#container > .volonic .volonic_outer .info .info_head { display:flex; flex-direction:column; gap:20px; }
#container > .volonic .volonic_outer .info .info_head .subject { font-weight: 700; font-size: 52px; line-height: 140%; color: #000000; letter-spacing: -0.5px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container > .volonic .volonic_outer .info .info_head p { margin:0; padding:0; font-weight: 400; font-size: 20px; line-height: 150%; color: #666666; letter-spacing: -0.5px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container > .volonic .volonic_outer .info .info_head p i { display:block; }
#container > .volonic .volonic_outer .info .more { cursor: pointer; display: flex; gap: 12px; justify-content: center; align-items: center; height: 46px; padding: 0 32px; background-color:#FD071F; border-radius:999px; }
#container > .volonic .volonic_outer .info .more .more_text { font-weight: 500; font-size: 16px; line-height: 150%; color: #FFFFFF; letter-spacing: 0; }

#container > .volonic .volonic_outer .thumb { line-height:0; }



#container .products { padding: 120px 0; background-color:#F4F6F8; }
#container .products .proudcts_outer { display: flex; flex-direction: column; gap: 100px; width:1360px; margin:0 auto; }
#container .products .proudcts_outer .head { display:flex; flex-direction:column; gap:20px; }
#container .products .proudcts_outer .head .subject { font-weight: 700; font-size: 52px; line-height: 140%; color: #000000; letter-spacing: -0.5px; }
#container .products .proudcts_outer .head p { margin:0; padding:0; font-weight: 400; font-size: 20px; line-height: 150%; color: #666666; letter-spacing: -0.5px; }
#container .products .proudcts_outer .head p i { display:block; }

#container .products .proudcts_outer .list { display:flex; gap:2.95%; }
#container .products .proudcts_outer .list .item { width: 31.36666%; display:flex; flex-direction:column; gap:28px; }
#container .products .proudcts_outer .list .item .thumb { overflow: hidden; line-height:0; border-radius:12px; }
#container .products .proudcts_outer .list .item .thumb img { width: 100%; border-radius:12px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#container .products .proudcts_outer .list .item:hover .thumb img { transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); } 

#container .products .proudcts_outer .list .item .thumb_info { display:flex; flex-direction:column; gap:40px; }
#container .products .proudcts_outer .list .item .thumb_info .info_head { display:flex; flex-direction:column; gap:12px; }
#container .products .proudcts_outer .list .item .thumb_info .info_head .subject { font-weight: 600; font-size: 28px; line-height: 150%; color: #000000; letter-spacing: -0.5px; }
#container .products .proudcts_outer .list .item .thumb_info .info_head p { margin:0; padding:0; font-weight: 400; font-size: 18px; line-height: 150%; color: #666666; letter-spacing: -0.5px; word-break: keep-all; }
#container .products .proudcts_outer .list .item .thumb_info .info_head i { display:block; }

#container .products .proudcts_outer .list .item .thumb_info .more { display:flex; justify-content:end; }
#container .products .proudcts_outer .list .item .thumb_info .more a,
#container .products .proudcts_outer .list .item .thumb_info .more a:hover { font-weight: 500; font-size: 14px; line-height: 24px; color: #468436; letter-spacing: 0; border-bottom:1px solid #468436; }



/* FOOTER */
#footer .outer { width: 1600px; margin:0 auto; }
#footer .info { position: relative; padding: 0 20px 28px; border-bottom:1px solid #464646; }
#footer .info ul { display: flex; gap: 6px 30px; flex-wrap: wrap; margin:0; padding:0; }
#footer .info li { list-style:none; font-weight: 400; font-size: 15px; line-height: 200%; color: #bababa; }
#footer .info li strong { padding-right: 10px; font-weight: 500; font-size: 15px; line-height: 200%; color: #ffffff; }
#footer .info li.v1 { width:100%; }
#footer .info li.v3 { font-size:16px; }
#footer .info:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


#footer .copyright { position: relative; margin: 16px 20px 0; font-weight: 400; font-size: 15px; line-height: 200%; color: #BABABA; }

#footer .family { cursor: pointer; display: flex; justify-content: space-between; align-items: center; position: absolute; width:180px; height:40px; right:0; top:0; padding: 0 12px; font-weight: 500; font-size: 14px; line-height: 38px; color: #9299A3; border:1px solid #272829; background-color:#000000; }
#footer .family .subject { font-weight: 500; font-size: 14px; line-height: 20px; color: #9299A3; }
#footer .family .dot { line-height:0; }

#footer .family .list { display: none; flex-direction: column; position:absolute; left:-1px; right: -1px; bottom:42px; padding: 15px 0; background-color: #000000; border:1px solid #272829; }
#footer .family .list .item { }
#footer .family .list .item a,
#footer .family .list .item a:hover { display:block; padding: 0 20px; font-weight: 300; font-size:16px; line-height: 36px; color:#bababa; letter-spacing:-0.75px; }


#quick { display: flex; flex-direction: column; align-items: end; gap: 12px; position:fixed; right:0; bottom:200px; }
#quick .quick_item { cursor: pointer; display: flex; justify-content: center; align-items: center; gap: 8px; min-width: 56px; height: 48px; padding: 0 15px; background-color: #fff; border-top-left-radius:8px; border-bottom-left-radius:8px; box-shadow:-2px 0 4px rgba(0, 0, 0, 0.2); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#quick .quick_item .item_menu { display: none; font-weight: 500; font-size:16px; line-height: 100%; color:#666666; letter-spacing:0; }


/* SUB CONTAINER */
#sub_container { width: 1460px; margin: 0 auto; padding:160px 0 120px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }


/* CEO MESSAGE */
#company div, h2, p, strong, img { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#company { display:flex; flex-direction:column; gap:80px; }
#company .head { display:flex; flex-direction:column; gap:28px; }
#company .head h2 { margin:0; padding:0; font-weight: 700; font-size: var(--font-60); line-height: var(--line-120); color: var(--font-color-000); letter-spacing: -1px; }
#company .head p { margin:0; padding:0; font-weight: 400; font-size: var(--font-20); line-height: var(--line-150); color: var(--font-color-666); letter-spacing: -0.5px; }

#company .message { display:flex; flex-direction:column; gap:80px; }

#company .message .message_thumb { margin:0; padding:0; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#company .message .message_thumb img { width: 100%; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }

#company .message .message_info { display:flex; flex-direction:column; gap:60px; }
#company .message .message_info .info { display:flex; flex-direction:column; gap:12px; font-weight: 500; font-size: var(--font-28); line-height: var(--line-120); color: var(--font-color-000); letter-spacing: -0.5px; word-break: keep-all; }
#company .message .message_info .info strong { display: block; font-weight: 700; font-size: var(--font-40); line-height: var(--line-120); color: var(--font-color-000); letter-spacing: -0.5px; }

#company .message .message_info .content { display:flex; flex-direction:column; align-items: end; gap:80px; }
#company .message .message_info .content p { margin:0; padding:0; font-weight: 400; font-size: var(--font-22); line-height: var(--line-150); color: var(--font-color-666); letter-spacing: 0; }
#company .message .message_info .content p strong { font-weight: 500; font-size: var(--font-22); line-height: var(--line-150); color: var(--font-color-000); letter-spacing: 0; }

#company .message .message_info .content .sign { display:flex; gap:20px; }
#company .message .message_info .content .sign .sign_info { display:flex; flex-direction: column; align-items: end; gap:8px; font-weight: 500; font-size: var(--font-22); line-height: var(--line-120); color: var(--font-color-333); letter-spacing: -0.5px; }
#company .message .message_info .content .sign .sign_info strong { font-weight: 700; font-size: var(--font-36); line-height: var(--line-120); color: var(--font-color-000); letter-spacing: -0.5px; }


/* COMPANY PROFILE */
#company .profile { display:flex; flex-direction:column; gap:120px; }
#company .profile .head { display:flex; flex-direction:column; gap:60px; }
#company .profile .head .sloagan { font-weight: 700; font-size: var(--font-40); line-height: var(--line-150); color: var(--font-color-000); letter-spacing: -0.5px; word-break: keep-all; }
#company .profile .head .sloagan i { display:block; }

#company .profile .head .thumb { display:flex; justify-content:space-between; gap: 4%; }
#company .profile .head .thumb .thumb_item { width: 22%; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; }
#company .profile .head .thumb .thumb_item img { width: 100%; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; }

#company .profile .head p { margin:0; padding:0; font-weight: 400; font-size: var(--font-22); line-height: var(--line-150); color: var(--font-color-666); letter-spacing: 0; }
#company .profile .head p strong { font-weight: 500; font-size: var(--font-22); line-height: var(--line-150); color: var(--font-color-000); letter-spacing: 0; }
#company .profile .head p i { display:block; }


#company .profile .certifications { display:flex; flex-direction:column; gap:40px; }
#company .profile .certifications .title { font-weight: 700; font-size: var(--font-40); line-height: var(--line-150); color: var(--font-color-000); letter-spacing: -0.5px; word-break: keep-all; }
#company .profile .certifications .thumb { display:flex; justify-content:space-between; gap: 1.9%; }
#company .profile .certifications .thumb .thumb_item { width: 15.0833%; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; border:1px solid #E6E6E6; }
#company .profile .certifications .thumb .thumb_item img { width: 100%; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }


/* LOCATION */
#company .location { display:flex; flex-direction:column; gap:60px; }
#company .location .location_head { display:flex; flex-direction:column; gap:40px; }
#company .location .location_head .address { display:flex; align-items: column; gap:10px; font-weight: 500; font-size: var(--font-24); line-height: var(--line-150); color: var(--font-color-000); letter-spacing: -0.5px; }
#company .location .location_head .map { height: 560px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
#company .location .location_head .map iframe { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }

#company .location .location_info { display:flex; gap:4%; }
#company .location .location_info .info_item { display: flex; flex-direction: column; gap: 16px; width:30.66666%; padding: 32px 8px; font-weight: 700; font-size: var(--font-28); line-height: var(--line-120); color: var(--font-color-000); letter-spacing: 0; border-top:2px solid #3C3835; }
#company .location .location_info .info_item.email { font-size: var(--font-24); letter-spacing: -0.5px; }
#company .location .location_info .info_item .item_title { display: flex; gap: 12px; align-items: center; font-weight: 600; font-size: var(--font-20); line-height: var(--line-120); color: var(--font-color-999); letter-spacing: -0.5px; }


/* PRODUCTS */
#product div, h2, p, strong, img { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#product { display:flex; flex-direction:column; gap:80px; }

#product .product_title { display:flex; flex-direction:column; align-items: center; gap:28px; }
#product .product_title h2 { margin:0; padding:0; font-weight: 700; font-size: var(--font-60); line-height: var(--line-120); color: var(--font-color-000); letter-spacing: -1px; text-align:center; }
#product .product_title p { margin:0; padding:0; font-weight: 400; font-size: var(--font-20); line-height: var(--line-150); color: var(--font-color-666); letter-spacing: -0.5px; text-align:center; }
#product .product_title p strong { font-weight: 500; font-size: var(--font-20); color: var(--font-color-000); }
#product .product_title p i { display:block; }

#product .product_btn { display:flex; justify-content: center; align-items: center; gap:12px; }
#product .product_btn .btn_item { cursor: pointer; display:flex; justify-content: center; align-items: center; gap:10px; height: 46px; padding:0 18px; font-weight: 500; font-size: var(--font-16); line-height: 130%; color: var(--font-color-5f); letter-spacing: -0.5px; background-color:#fff; border:1px solid #D9D9D9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#product .product_btn .btn_item.video { color: #fff; background-color:#FD071F; border:1px solid #FD071F; }


#product .volonic { display:flex; flex-direction:column; align-items: center; gap:120px; }
#product .volonic .volonic_head { width: 100%; height:560px; background:url('/images/products/volonic_head.jpg') no-repeat center; }

#product .volonic .volonic_list { display:flex; gap:4%; width: 100%; }
#product .volonic .volonic_list .volonic_item { display: flex; flex-direction: column; gap: 20px; width:30.66666%; }
#product .volonic .volonic_list .volonic_item .item_subject { padding: 12px 0; font-weight: 700; font-size: var(--font-28); line-height: var(--line-140); color: var(--font-color-000); letter-spacing: -0.5px; text-align: center; background-color:#F4F6F8; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
#product .volonic .volonic_list .volonic_item .item_thumb { position: relative; text-align:center; line-height:0; }
#product .volonic .volonic_list .volonic_item .item_thumb .ce { position:absolute; left:10px; top:36px; }
#product .volonic .volonic_list .volonic_item .item_list { display:flex; flex-direction:column; gap:28px; }
#product .volonic .volonic_list .volonic_item .item_list .row { display:flex; }
#product .volonic .volonic_list .volonic_item .item_list .row .row_title { width: 180px; font-weight: 600; font-size: var(--font-18); line-height: var(--line-150); color: var(--font-color-000); letter-spacing: -0.5px; }
#product .volonic .volonic_list .volonic_item .item_list .row .row_info { font-weight: 400; font-size: var(--font-18); line-height: var(--line-150); color: var(--font-color-666); letter-spacing: 0; }


/* epiticon */
#product .epiticon { display:flex; flex-direction:column; align-items: center; gap:120px; }
#product .epiticon .epiticon_head { width: 100%; height:560px; background:url('/images/products/epiticon_head.jpg') no-repeat center; }

#product .epiticon .epiticon_list { display:flex; gap:4%; width: 100%; }
#product .epiticon .epiticon_list .epiticon_item { display: flex; flex-direction: column; gap: 20px; width:30.66666%; }
#product .epiticon .epiticon_list .epiticon_item .outer { display: flex; flex-direction: column; gap: 60px; }
#product .epiticon .epiticon_list .epiticon_item .item_subject { padding: 12px 0; font-weight: 700; font-size: var(--font-28); line-height: var(--line-140); color: var(--font-color-000); letter-spacing: -0.5px; text-align: center; background-color:#F4F6F8; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
#product .epiticon .epiticon_list .epiticon_item .item_thumb { position: relative; text-align:center; line-height:0; }
#product .epiticon .epiticon_list .epiticon_item .item_thumb img { width:100%; }
#product .epiticon .epiticon_list .epiticon_item .item_list { display:flex; flex-direction:column; gap:28px; }
#product .epiticon .epiticon_list .epiticon_item .item_list .row { display:flex; }
#product .epiticon .epiticon_list .epiticon_item .item_list .row .row_title { width: 180px; font-weight: 600; font-size: var(--font-18); line-height: var(--line-150); color: var(--font-color-000); letter-spacing: -0.5px; }
#product .epiticon .epiticon_list .epiticon_item .item_list .row .row_info { font-weight: 400; font-size: var(--font-18); line-height: var(--line-150); color: var(--font-color-666); letter-spacing: 0; }

#product .epiticon .epiticon_list .epiticon_item .more_area { display:flex; padding-top:40px; }
#product .epiticon .epiticon_list .epiticon_item .more_area .more { display: flex; justify-content: center; align-items: center; height: 46px; background-color:#000000; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }
#product .epiticon .epiticon_list .epiticon_item .more_area .more a,
#product .epiticon .epiticon_list .epiticon_item .more_area .more a:hover { padding: 0 32px; font-weight: 500; font-size: 16px; line-height: 150%; color: #FFFFFF; letter-spacing: 0; }


/* epiticon - original */
#product .epiticon_tab { display:flex; align-items: center; gap:3.28%; }
#product .epiticon_tab .tab_item { width:31.14666%; }
#product .epiticon_tab .tab_item a,
#product .epiticon_tab .tab_item a:hover { display: block; padding: 16px 0; font-weight: 600; font-size: var(--font-18); line-height: var(--line-150); color: var(--font-color-666); letter-spacing: 0; background-color: #fff; border-bottom:2px solid #888888; text-align:center; }

#product .epiticon_tab .tab_item.selected a,
#product .epiticon_tab .tab_item.selected a:hover { font-weight: 500; color: #fff; background-color:#000000; border: none; -webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; }

#product .epiticon_original { display:flex; flex-direction:column; align-items: center; gap:120px; }

#product .epiticon_original .original_head { width: 100%; height:560px; background:url('/images/products/epiticon_head.jpg') no-repeat center; }
#product .epiticon_original .original_head.bi { background:url('/images/products/epiticon_bi_head.jpg') no-repeat center; background-size:cover; }
#product .epiticon_original .original_head.jamber { background:url('/images/products/epiticon_jamber_head.jpg') no-repeat center; background-size:cover; }

#product .epiticon_original .original_detail { display:flex; justify-content:space-between; align-items:center; gap: 6.85%; width:100%; }
#product .epiticon_original .original_detail .detail_side { display:flex; flex-direction:column; gap:28px; width:52.15%; }
#product .epiticon_original .original_detail .detail_side .detail_side_title { line-height:0; }
#product .epiticon_original .original_detail .detail_side .detail_side_list { display:flex; flex-direction:column; gap:10px; }
#product .epiticon_original .original_detail .detail_side .detail_side_list .list_item { display:flex; gap:10px; padding: 20px 10px; border-bottom:1px solid #D9D9D9; }
#product .epiticon_original .original_detail .detail_side .detail_side_list .list_item .check { line-height:0; }
#product .epiticon_original .original_detail .detail_side .detail_side_list .list_item .info { display:flex; flex-direction:column; gap:4px; font-weight: 400; font-size: var(--font-18); line-height: var(--line-150); color: var(--font-color-666); letter-spacing: 0; }
#product .epiticon_original .original_detail .detail_side .detail_side_list .list_item .info strong { display: block; font-weight: 600; font-size: var(--font-20); color: var(--font-color-purple); }

#product .epiticon_original .original_detail .detail_thumb { width:41%; }
#product .epiticon_original .original_detail .detail_thumb img { width:100%; }

#product .epiticon_original .original_spec { width:100%; }

#product .table { }
#product .table table{ width:100%; }
#product .table th { padding: 16px 8px; font-weight: 600; font-size: var(--font-20); line-height: var(--line-150); color: var(--font-color-purple); letter-spacing: -0.5px; text-align: center; background-color: #F1F0FB; border-left: 1px solid #C7C7C7; border-top: 1px solid #40068B; border-bottom: 1px solid #40068B; }
#product .table th:first-child { border-left: none; }
#product .table td { padding: 15px 8px; font-weight: 400; font-size: var(--font-18); line-height: var(--line-150); color: var(--font-color-505); letter-spacing: 0; text-align: center; border-left: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; }
#product .table td.v1 { border-left: none; }
#product .table td.pa0 { padding:0; }

#product .table .jambrer_col { display:flex; }
#product .table .jambrer_col .col_subject { display: flex; justify-content: center; align-items: center; width: 120px; font-weight: 600; font-size: var(--font-18); color: var(--font-color-purple); letter-spacing: 0; text-align: center; background-color:#F1F0FB; }
#product .table .jambrer_col .col_thumb { flex-grow: 1; display: flex; justify-content: center; align-items: center; padding-top: 20px; line-height:0; }


/* NEXDERM */
#product .nexderm { display:flex; flex-direction:column; align-items: center; gap:120px; }
#product .nexderm .nexderm_head { width: 100%; height:560px; background:url('/images/products/nexderm_head.jpg') no-repeat center; background-size:cover; }

#product .nexderm .nexderm_list { display:flex; gap:4%; width: 100%; }
#product .nexderm .nexderm_list .nexderm_item { display: flex; flex-direction: column; gap: 40px; width:48%; }
#product .nexderm .nexderm_list .nexderm_item .outer { display: flex; flex-direction: column; gap: 60px; }
#product .nexderm .nexderm_list .nexderm_item .item_subject { padding: 12px 0; font-weight: 700; font-size: var(--font-28); line-height: var(--line-140); color: var(--font-color-000); letter-spacing: -0.5px; text-align: center; background-color:#F4F6F8; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
#product .nexderm .nexderm_list .nexderm_item .item_thumb { position: relative; text-align:center; line-height:0; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#product .nexderm .nexderm_list .nexderm_item .item_thumb img { width:100%; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#product .nexderm .nexderm_list .nexderm_item .item_list { display:flex; flex-direction:column; gap:28px; }
#product .nexderm .nexderm_list .nexderm_item .item_list .row { display:flex; }
#product .nexderm .nexderm_list .nexderm_item .item_list .row .row_title { flex-shrink: 0; width: 180px; font-weight: 600; font-size: var(--font-18); line-height: var(--line-150); color: var(--font-color-000); letter-spacing: -0.5px; }
#product .nexderm .nexderm_list .nexderm_item .item_list .row .row_info { font-weight: 400; font-size: var(--font-18); line-height: var(--line-150); color: var(--font-color-666); letter-spacing: 0; }


/* LABOSSEN */
#product .labossen { display:flex; flex-direction:column; align-items: center; gap:120px; }
#product .labossen .labossen_head { width: 100%; height:560px; background:url('/images/products/labossen_head.jpg') no-repeat center; background-size:cover; }

#product .labossen .labossen_list { display:flex; gap:4%; width: 100%; }
#product .labossen .labossen_list .labossen_item { display: flex; flex-direction: column; gap: 40px; width:48%; }
#product .labossen .labossen_list .labossen_item .outer { display: flex; flex-direction: column; gap: 60px; }
#product .labossen .labossen_list .labossen_item .item_subject { padding: 12px 0; font-weight: 700; font-size: var(--font-28); line-height: var(--line-140); color: var(--font-color-000); letter-spacing: -0.5px; text-align: center; background-color:#F4F6F8; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
#product .labossen .labossen_list .labossen_item .item_thumb { position: relative; text-align:center; line-height:0; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#product .labossen .labossen_list .labossen_item .item_thumb img { width:100%; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#product .labossen .labossen_list .labossen_item .item_list { display:flex; flex-direction:column; gap:28px; }
#product .labossen .labossen_list .labossen_item .item_list .row { display:flex; }
#product .labossen .labossen_list .labossen_item .item_list .row .row_title { flex-shrink: 0; width: 140px; font-weight: 600; font-size: var(--font-18); line-height: var(--line-150); color: var(--font-color-000); letter-spacing: -0.5px; }
#product .labossen .labossen_list .labossen_item .item_list .row .row_info { display: flex; flex-direction: column; gap: 20px; font-weight: 400; font-size: var(--font-18); line-height: var(--line-150); color: var(--font-color-666); letter-spacing: 0; }

#product .labossen .labossen_list .labossen_item .item_list .row .row_info .col { display: flex; flex-direction: column; gap: 10px; font-weight: 400; font-size: var(--font-18); line-height: var(--line-150); color: var(--font-color-666); letter-spacing: 0; }
#product .labossen .labossen_list .labossen_item .item_list .row .row_info .col strong { font-weight: 600; font-size: var(--font-18); line-height: var(--line-150); color: var(--font-color-000); letter-spacing: 0; }

#product .labossen .labossen_bottom { line-height:0; }
#product .labossen .labossen_bottom img { width:100%; }


/* NEWS */
#news div, h2, p, strong, img { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#news { display:flex; flex-direction:column; gap:80px; }

#news .news_title { display:flex; flex-direction:column; gap:28px; }
#news .news_title h2 { margin:0; padding:0; font-weight: 700; font-size: var(--font-60); line-height: var(--line-120); color: var(--font-color-000); letter-spacing: -1px; }
#news .news_title p { margin:0; padding:0; font-weight: 400; font-size: var(--font-20); line-height: var(--line-150); color: var(--font-color-666); letter-spacing: -0.5px; }

#news .news_area {}


/* CONTACT */
#contact div, h2, p, strong, img { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#contact { display:flex; }

#contact .contact_title { display:flex; flex-direction:column; gap:28px; width:34%; min-width:360px; }
#contact .contact_title h2 { margin:0; padding:0; font-weight: 700; font-size: var(--font-60); line-height: var(--line-120); color: var(--font-color-000); letter-spacing: -1px; }
#contact .contact_title p { margin:0; padding:0; font-weight: 400; font-size: var(--font-20); line-height: var(--line-150); color: var(--font-color-666); letter-spacing: -0.5px; }

#contact .contact_area { flex-grow:1; }


/* NOT FOUNT */
#not_found { display: flex; flex-direction: column;; justify-content: center; align-items: center; gap: 48px; width:100%; height:100vh; }
#not_found .found_content { display:flex; flex-direction:column; align-items: center; gap:20px; }
#not_found .found_content .found_info { display:flex; flex-direction:column; align-items: center; gap:8px; }
#not_found .found_content .found_info .found_title { font-family:'Pretendard'; font-weight:700; color:#1D5CEE; font-size:24px; line-height:140%; letter-spacing:-0.5px; text-align:center; }
#not_found .found_content .found_info .found_text { font-family:'Pretendard'; font-weight:400; color:#5F5F5F; font-size:14px; line-height:140%; letter-spacing:-0.5px; text-align:center; word-break: keep-all; }

#not_found .found_btn { display:flex; justify-content: center; align-items: center; gap:6px }
#not_found .found_btn a,
#not_found .found_btn a:hover { display:block; padding:9px 20px; font-family:'Pretendard'; font-weight:500; color:#737373; font-size:14px; line-height:130%; letter-spacing:0; text-align:center; background-color: #F8F8F8; border: 1px solid #D9D9D9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#not_found .found_btn a.v1,
#not_found .found_btn a.v1:hover { font-weight:400; color:#ffffff; background-color: #0082DA; border: 1px solid #0082DA; }



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

	#container .summary { width: auto; margin: 0 auto; padding: 120px 5%; }


}


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

	#container .about .about_outer { display: flex; flex-direction: column; align-items: start; gap: 60px; width:auto; margin:0 5%; }

	/* FOOTER */
	#footer .outer { width: auto; margin:0 5%; }

}


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

	/* CONTAINER */
	#container .slide li { height: 700px; }

	#container .slide .outer { justify-content: space-between; width:100%; padding: 0 5%; }
	#container .slide .info { flex-grow:0; width: 45%; gap: 40px; }
	#container .slide .info .info_logo { }
	#container .slide .info .info_logo img { height: 120px; }
	#container .slide .info .info_logo.v1 img { height: 80px; }
	#container .slide .info .info_logo.v2 img { height: 50px; }
	#container .slide .info .info_box .info_text { font-size: 32px; }

	#container .slide .thumb1 { width:55%; }
	#container .slide .thumb1.v1 { width:45%; }
	#container .slide .thumb1.v2 { width:45%; padding-right:50px; }
	#container .slide .thumb1 img { width:100%; }


	#container > .volonic .volonic_outer { width:auto; margin:0 5%;  }


	#container .products .proudcts_outer { width:auto; margin:0 5%; }


	/* SUB CONTAINER */
	#sub_container { width: auto; padding:160px 5% 120px; }



}


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

	/* HEADER - GNB */
	#header > .outer .gnb li { margin: 0 0 0 48px; }
	#header > .outer .gnb a,
	#header > .outer .gnb a:hover { font-size: 18px; }


	/* CONTAINER */
	#container .slide .info .info_logo img { height: 100px; }
	#container .slide .info .info_box .info_text { font-size: 24px; }

	#container .summary { padding: 80px 5%; }
	#container .summary .item .subject { font-size: 20px; }
	#container .summary .item .number { font-size: 50px; }
	#container .summary .item .icon { width: 80px; right:20px; bottom:20px; }

	#container .about { padding: 80px 0 0; }
	#container .about .about_outer { width:auto; margin:0 5%; }
	#container .about .about_outer .info .subject { font-size: 40px; }
	#container .about .about_outer .info p { font-size: 18px; }


	#container > .volonic { height:700px; background:url('/images/main/volonic.jpg') no-repeat right; background-size:contain; }
	#container > .volonic .volonic_outer { width:auto; margin:0 5%;  }

	#container > .volonic .volonic_outer .info { width:70%; }
	#container > .volonic .volonic_outer .info .info_head .subject { font-size: 40px; }
	#container > .volonic .volonic_outer .info .info_head p { font-size: 18px; }


	#container .products { padding: 80px 0; }
	#container .products .proudcts_outer .head .subject { font-size: 40px; }
	#container .products .proudcts_outer .head p { font-size: 18px; }
	#container .products .proudcts_outer .list .item .thumb_info .info_head .subject { font-size: 24px; }
	#container .products .proudcts_outer .list .item .thumb_info .info_head p { font-size: 16px; }
	#container .products .proudcts_outer .list .item .thumb_info .info_head i { display:none; }


	/* FOOTER */
	#footer .info ul { gap: 0 30px; }

	/* SUB CONTAINER */
	#sub_container { padding:140px 5% 100px; }


	/* CEO MESSAGE */
	#company .head h2 { font-size: var(--font-50); }
	#company .head p { font-size: var(--font-18); }

	#company .message .message_info .info { font-size: var(--font-22); }
	#company .message .message_info .info strong { font-size: var(--font-36); }

	#company .message .message_info .content p { font-size: var(--font-20); }
	#company .message .message_info .content p strong { font-size: var(--font-20); }

	#company .message .message_info .content .sign img { width:140px; }
	#company .message .message_info .content .sign .sign_info { font-size: var(--font-20); }
	#company .message .message_info .content .sign .sign_info strong { font-size: var(--font-30); }


	/* COMPANY PROFILE */
	#company .profile .head .sloagan { font-size: var(--font-36); }
	#company .profile .head .sloagan i { display:none; }

	#company .profile .head .thumb { flex-wrap: wrap; gap: 20px 2%; }
	#company .profile .head .thumb .thumb_item { width: 23.5%; }

	#company .profile .head p { font-size: var(--font-20); }
	#company .profile .head p strong { font-size: var(--font-20); }
	#company .profile .head p i { display:none; }

	#company .profile .certifications .title { font-size: var(--font-36); }


	/* LOCATION */
	#company .location .location_head .address { font-size: var(--font-22); }
	#company .location .location_head .map { height: 460px; }

	#company .location .location_info .info_item { font-size: var(--font-24); }
	#company .location .location_info .info_item.email { font-size: var(--font-22); }
	#company .location .location_info .info_item .item_title { font-size: var(--font-18); }


	/* PRODUCTS */
	#product .product_title h2 { font-size: var(--font-50); }
	#product .product_title p { font-size: var(--font-18); }
	#product .product_title p strong { font-size: var(--font-18); }

	#product .volonic .volonic_head { height:460px; background:url('/images/products/volonic_head.jpg') no-repeat center; background-size:cover; }

	#product .volonic .volonic_list .volonic_item .item_subject { padding: 10px 0; font-size: var(--font-22); }
	#product .volonic .volonic_list .volonic_item .item_thumb img { width:60%; }
	#product .volonic .volonic_list .volonic_item .item_thumb .ce img { width:80%; }
	#product .volonic .volonic_list .volonic_item .item_list .row { flex-direction:column; }
	#product .volonic .volonic_list .volonic_item .item_list .row .row_info { font-size: var(--font-16); }


	/* epiticon */
	#product .epiticon .epiticon_head { height:460px; background-size:cover; }

	#product .epiticon .epiticon_list .epiticon_item .outer { gap: 40px; }
	#product .epiticon .epiticon_list .epiticon_item .item_subject { padding: 10px 0; font-size: var(--font-22); }
	#product .epiticon .epiticon_list .epiticon_item .item_list .row { flex-direction:column; }
	#product .epiticon .epiticon_list .epiticon_item .item_list .row .row_info { font-size: var(--font-16); }


	/* epiticon - original */
	#product .epiticon_tab .tab_item a,
	#product .epiticon_tab .tab_item a:hover { padding: 12px 0; font-size: var(--font-16); }

	#product .epiticon_original .original_head { height:460px; background-size:cover; }

	#product .epiticon_original .original_detail .detail_side .detail_side_title img { width:100%; }
	#product .epiticon_original .original_detail .detail_side .detail_side_list .list_item .info { font-size: var(--font-16); }
	#product .epiticon_original .original_detail .detail_side .detail_side_list .list_item .info strong { font-size: var(--font-18); }

	#product .table th { font-size: var(--font-18); }
	#product .table td { font-size: var(--font-16); }
	#product .table .jambrer_col .col_subject { font-size: var(--font-16);  }


	/* NEXDERM */
	#product .nexderm .nexderm_head { height:460px; }

	#product .nexderm .nexderm_list .nexderm_item .outer { gap: 40px; }
	#product .nexderm .nexderm_list .nexderm_item .item_subject { padding: 10px 0; font-size: var(--font-22); }
	#product .nexderm .nexderm_list .nexderm_item .item_list .row .row_info { font-size: var(--font-16); }


	/* LABOSSEN */
	#product .labossen .labossen_head { height:460px; }

	#product .labossen .labossen_list .labossen_item .outer { gap: 40px; }
	#product .labossen .labossen_list .labossen_item .item_subject { padding: 10px 0; font-size: var(--font-22); }
	#product .labossen .labossen_list .labossen_item .item_list .row .row_info { font-size: var(--font-16); }

	/* NEWS */
	#news .news_title h2 { font-size: var(--font-50); }
	#news .news_title p { font-size: var(--font-18); }


	/* CONTACT */
	#contact .contact_title h2 { font-size: var(--font-50); }
	#contact .contact_title p { font-size: var(--font-18); }



}



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

	#container .summary .item { padding: 30px 20px 38px; }
	#container .summary .item .subject { font-size: 18px; }
	#container .summary .item .number { font-size: 40px; }
	#container .summary .item .icon { width: 70px; }

}

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

	#header { height: 60px; padding: 0 24px; }
	#container { margin: 60px auto 0; }

	/* HEADER */
	#header > .outer h1 { cursor: pointer; width: 86px; height: 40px; background-size:cover; }
	#header > .outer h1 img { height:100%; }

	#header > .outer .gnb { display: none; }
	#header > .outer .gnb_btn { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; visibility: visible; }


	#container .slide .outer { flex-direction: column; gap:40px; }
	#container .slide .info { width: 100%; gap: 40px; }
	#container .slide .info .info_logo { text-align:center; }
	#container .slide .info .info_logo img { height: 60px; }
	#container .slide .info .info_logo.v1 img { height: 50px; }
	#container .slide .info .info_logo.v2 img { height: 30px; }
	#container .slide .info .info_box { align-items: center; gap:8px; padding:0 0; }
	#container .slide .info .info_box .info_text { font-size: 20px; text-align:center; }
	#container .slide .info .info_box .info_text i { display:none; }


	#container .slide .thumb1 { width:100%; text-align:center; }
	#container .slide .thumb1.v1 { width:80%; }
	#container .slide .thumb1.v2 { width:80%; padding:0; }
	#container .slide .thumb1 img { width:70%; }


	#container .summary { display: flex; flex-direction: column; gap: 10px; padding: 60px 3.5%; }
	#container .summary .item { gap: 10px; width: auto; padding: 30px 25px 32px; }
	#container .summary .item .number { font-size: 30px; }
	#container .summary .item .icon { width: 60px; right:20px; bottom:20px; }


	#container .about { height:600px; padding: 40px 0 0; background:url('/images/main/about.jpg') no-repeat 80%; background-size:cover; background-attachment:fixed; }
	#container .about .about_outer .info .subject { font-size: 30px; }
	#container .about .about_outer .info p { font-size: 16px; }
	#container .about .about_outer .info p i { display: none; }
	#container .about .about_outer .more { gap: 8px; height: 40px; padding: 0 20px; }
	#container .about .about_outer .more img { width:16px; }
	#container .about .about_outer .more .more_text { font-size: 14px; }


	#container > .volonic { height:auto; padding: 40px 0; background:none; }
	#container > .volonic .volonic_outer { display: flex; flex-direction: column; gap: 40px; margin:0 3.5%;  }

	#container > .volonic .volonic_outer .info { align-items: center; gap:40px; width:100%; }
	#container > .volonic .volonic_outer .info .info_head .subject { font-size: 30px; text-align:center; }
	#container > .volonic .volonic_outer .info .info_head p { font-size: 16px; text-align:center; }
	#container > .volonic .volonic_outer .info .info_head p i { display:none; }
	#container > .volonic .volonic_outer .info .more { gap: 8px; height: 40px; padding: 0 20px; }
	#container > .volonic .volonic_outer .info .more img { width:16px; }
	#container > .volonic .volonic_outer .info .more .more_text { font-size: 14px; }

	#container > .volonic .volonic_outer .thumb { width:50%; margin:0 auto; }
	#container > .volonic .volonic_outer .thumb img { width:100%; }


	#container .products { padding: 40px 0; }
	#container .products .proudcts_outer { gap: 40px; margin:0 3.5%; }
	#container .products .proudcts_outer .head .subject { font-size: 30px; }
	#container .products .proudcts_outer .head p { font-size: 16px; }
	#container .products .proudcts_outer .head p i { display:none; }

	#container .products .proudcts_outer .list { flex-direction: column; gap:40px; }
	#container .products .proudcts_outer .list .item { width: auto; display:flex; flex-direction:column; gap:28px; }

	#container .products .proudcts_outer .list .item .thumb_info .info_head .subject { font-size: 20px; }


	/* FOOTER */
	#footer .outer { margin:0 3.5%; }
	#footer .info { position: relative; padding: 0 20px 28px; border-bottom:1px solid #464646; }
	#footer .info ul { gap: 0 20px; }
	#footer .info li { font-size: 14px; }
	#footer .info li strong { font-size: 14px; }
	#footer .info li.v3 { font-size:15px; }


	#footer .copyright { font-size: 14px; }

	#footer .family { cursor: pointer; display: flex; justify-content: space-between; align-items: center; position: relative; width:auto; height:40px; right:auto; top:auto; margin: 25px 0 0 0; }



	/* SUB CONTAINER */
	#sub_container { padding:80px 3.5% 100px; }


	/* CEO MESSAGE */
	#company { gap:60px; }
	#company .head { gap:12px; }
	#company .head h2 { font-size: var(--font-36); }
	#company .head p { font-size: var(--font-16); }

	#company .message { display:flex; flex-direction:column; gap:60px; }

	#company .message .message_info { gap:40px; }
	#company .message .message_info .info { font-size: var(--font-20); }
	#company .message .message_info .info strong { font-size: var(--font-30); }

	#company .message .message_info .content { gap:60px; }
	#company .message .message_info .content p { font-size: var(--font-18); }
	#company .message .message_info .content p strong { font-size: var(--font-18); }

	#company .message .message_info .content .sign { gap:16px; }
	#company .message .message_info .content .sign img { width:100px; }
	#company .message .message_info .content .sign .sign_info { font-size: var(--font-18); }
	#company .message .message_info .content .sign .sign_info strong { font-size: var(--font-22); }



	/* COMPANY PROFILE */
	#company .profile { gap:80px; }
	#company .profile .head { gap:30px; }
	#company .profile .head .sloagan { font-size: var(--font-22); }

	#company .profile .head .thumb { gap: 20px 4%; }
	#company .profile .head .thumb .thumb_item { width: 48%; }

	#company .profile .head p { font-size: var(--font-18); }
	#company .profile .head p strong { font-size: var(--font-18); }


	#company .profile .certifications { gap:20px; }
	#company .profile .certifications .title { font-size: var(--font-30); }
	#company .profile .certifications .thumb { flex-wrap: wrap; gap: 20px 3%; }
	#company .profile .certifications .thumb .thumb_item { width: 31.33333%; }


	/* LOCATION */
	#company .location .location_head { gap:28px; }
	#company .location .location_head .address { align-items: start; font-size: var(--font-20); }
	#company .location .location_head .map { height: 260px; }

	#company .location .location_info { flex-direction: column; gap:20px; }
	#company .location .location_info .info_item { gap: 10px; width:100%; padding: 24px 8px; font-size: var(--font-20); }
	#company .location .location_info .info_item.email { font-size: var(--font-20); }
	#company .location .location_info .info_item .item_title { gap: 6px; font-size: var(--font-16); }
	#company .location .location_info .info_item .item_title img { width: 20px; }


	/* PRODUCTS */
	#product { gap:60px; }

	#product .product_title { gap:20px; }
	#product .product_title h2 { font-size: var(--font-36); }
	#product .product_title p { font-size: var(--font-16); }
	#product .product_title p strong { font-size: var(--font-16); }
	#product .product_title p i { display:none; }

	#product .product_btn { gap:10px; }
	#product .product_btn .btn_item { height: 40px; font-size: var(--font-14) }


	#product .volonic { display:flex; flex-direction:column; align-items: center; gap:60px; }
	#product .volonic .volonic_head { height:300px; }

	#product .volonic .volonic_list { flex-direction: column; gap:50px; }
	#product .volonic .volonic_list .volonic_item { width:100%; }
	#product .volonic .volonic_list .volonic_item .item_subject { font-size: var(--font-20); }
	#product .volonic .volonic_list .volonic_item .item_thumb img { width:50%; }
	#product .volonic .volonic_list .volonic_item .item_thumb .ce img { width:60%; }
	#product .volonic .volonic_list .volonic_item .item_list { gap:28px; }
	#product .volonic .volonic_list .volonic_item .item_list .row { flex-direction: row; padding:0 25px; }
	#product .volonic .volonic_list .volonic_item .item_list .row .row_title { width: 180px; font-size: var(--font-16); }


	/* epiticon */
	#product .epiticon { gap:60px; }
	#product .epiticon .epiticon_head { height:300px; }

	#product .epiticon .epiticon_list .epiticon_item .item_subject { font-size: var(--font-20); }
	#product .epiticon .epiticon_list .epiticon_item .item_list .row .row_title { width: 180px; font-size: var(--font-16); }

	#product .epiticon .epiticon_list .epiticon_item .more_area .more a,
	#product .epiticon .epiticon_list .epiticon_item .more_area .more a:hover { font-size: 14px; }


	/* epiticon - original */
	#product .epiticon_tab { gap:2%; }
	#product .epiticon_tab .tab_item { width:32%; }
	#product .epiticon_tab .tab_item a,
	#product .epiticon_tab .tab_item a:hover { padding: 10px 0; font-size: var(--font-14); }

	#product .epiticon_original { gap:60px; }

	#product .epiticon_original .original_head { height:260px; }

	#product .epiticon_original .original_detail { flex-direction: column; gap: 30px; }
	#product .epiticon_original .original_detail .detail_side { gap:28px; width:100%; }
	#product .epiticon_original .original_detail .detail_side .detail_side_title img { width:100%; }

	#product .epiticon_original .original_detail .detail_thumb { width:100%; text-align:center; }
	#product .epiticon_original .original_detail .detail_thumb img { width:70%; }

	#product .epiticon_original .original_spec { overflow-x: auto; width:100%; }

	#product .table table { width:1000px; }
	#product .table th { font-size: var(--font-16); }
	#product .table td img { width: 80%; }

	#product .table .jambrer_col .col_thumb { padding-top: 10px; line-height:0; }
	#product .table .jambrer_col .col_thumb img { width:14px; }


	/* NEXDERM */
	#product .nexderm { gap:60px; }
	#product .nexderm .nexderm_head { height:300px; }

	#product .nexderm .nexderm_list { flex-direction:column; gap:60px; }
	#product .nexderm .nexderm_list .nexderm_item { gap: 40px; width:100%; }
	#product .nexderm .nexderm_list .nexderm_item .item_subject { font-size: var(--font-20); }
	#product .nexderm .nexderm_list .nexderm_item .item_list .row .row_title { width: 130px; font-size: var(--font-16); }


	/* LABOSSEN */
	#product .labossen { gap:60px; }
	#product .labossen .labossen_head { height:300px; }

	#product .labossen .labossen_list { flex-direction:column; gap:60px; }
	#product .labossen .labossen_list .labossen_item { width:100%; }
	#product .labossen .labossen_list .labossen_item .item_subject { font-size: var(--font-20); }
	#product .labossen .labossen_list .labossen_item .item_list .row .row_title { width: 120px; font-size: var(--font-16); }

	#product .labossen .labossen_list .labossen_item .item_list .row .row_info .col { font-size: var(--font-16); }
	#product .labossen .labossen_list .labossen_item .item_list .row .row_info .col strong { font-size: var(--font-16); }


	/* NEWS */
	#news { gap:60px; }

	#news .news_title { gap:20px; }
	#news .news_title h2 { font-size: var(--font-36); }
	#news .news_title p { font-size: var(--font-16); }


	/* CONTACT */
	#contact { flex-direction:column; gap:60px; }

	#contact .contact_title { width:100%; }
	#contact .contact_title h2 { font-size: var(--font-36); }
	#contact .contact_title p { font-size: var(--font-16); }


}


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

	/* CONTAINER */
	#container .slide li { height: 650px; }

}


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

	/* CONTAINER */
	#container .slide li { height: 550px; }

	/* PRODUCTS */
	#product .volonic .volonic_list .volonic_item .item_list .row { flex-direction: column; }
	#product .volonic .volonic_list .volonic_item .item_list .row .row_title { width: auto; }

	/* epiticon */
	#product .epiticon { gap:60px; }

	#product .epiticon .epiticon_list { flex-direction: column; gap:50px; }
	#product .epiticon .epiticon_list .epiticon_item { display: flex; flex-direction: column; gap: 0; width:100%; }
	#product .epiticon .epiticon_list .epiticon_item .item_list .row { padding:0 25px; }

}