@charset "utf-8";
/*---
font-family: 'NanumSquareNeoLight';
font-family: 'NanumSquareNeo';
font-family: 'NanumSquareNeoBold';
font-family: 'NanumSquareNeoExtraBold';
font-family: 'NanumSquareNeoHeavy';
---*/
/*-----------------------공통-----------------------*/
html {width:100%; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust:none; overflow-y:scroll; overflow-x:hidden; word-break:keep-all;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline; list-style:none; font-family: 'NanumSquareNeo'; font-size:17px; color:#000; line-height:1.7; -webkit-text-size-adjust:none;}

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

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

p { word-break:keep-all;}

/*-----드래그----*/
::-moz-selection {
   background: #08624e;
   color: #fff;
}
::selection {
   background: #08624e;
   color: #fff;
}
/*-----드래그----*/

/*-----스크롤----*/
::-webkit-scrollbar { width:8px; height:4px;}
::-webkit-scrollbar-track { background:#fff;}
::-webkit-scrollbar-thumb { background:#08624e;}
/*-----스크롤----*/

/*-----공통----*/
img { height:auto; max-width:100%; vertical-align:middle;}
.text_center { text-align:center;}
.width800 { margin:0 auto; max-width:800px;}
.width1000 { margin:0 auto; max-width:1000px;}

.container { font-family: 'NanumSquareNeo'; max-width:1700px; width:100%; position:relative; margin:0 auto; padding:0 20px;}
.wrap { font-family: 'NanumSquareNeo'; max-width:1400px; width:100%; position:relative; margin:0 auto; padding:0 20px;}


.blue_text { color:#08624e;}
.white_text { color:#fff;}

h1 { font-family: 'NanumSquareNeoHeavy';}
h2 { font-family: 'NanumSquareNeoBold';}
h3 { font-family: 'NanumSquareNeoLight';}

.sub_space01 { clear:both; height:100px;}

#top_btn {position:fixed; bottom:20px; right:20px; width:45px; height:45px; border:1px solid #888; text-align:center; z-index:90; background:rgba(0,0,0,0.3); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
#top_btn img { position:relative; top:-3px;}
#top_btn:hover {border-color:#08624e; background:#08624e;}

.footer { padding:60px 0; background:#15312b;}
.footer_ul { position:relative; font-size:0;}
.footer_ul li { display:inline-block; margin:20px 0;}
.footer_ul li .footer_logo { width:140px; display:inline-block; vertical-align:top; margin-right:80px; margin-bottom:20px;}
.footer_ul li .footer_logo .footer_sns {}
.footer_ul li .footer_logo .footer_sns li  { display:inline-block; vertical-align:middle; margin-right:10px; opacity:0.5;}
.footer_ul li .footer_logo .footer_sns li  a { font-size:13px; font-weight:bold; color:#fff;}
.footer_ul li .footer_logo .footer_sns li img { width:20px;}
.footer_ul li .footer_info { display:inline-block; vertical-align:top; font-size:14px; line-height:2; color:rgba(255,255,255,0.5); padding:0 60px 0 20px; border-left:rgba(255,255,255,0.2) solid 1px;}
.footer_ul li .footer_info h2 { font-size:16px; color:rgba(255,255,255,0.5); margin-bottom:15px;}
.footer_ul .footer_copy { position:absolute; bottom:20px; right:0; text-align:right; font-size:14px; color:rgba(255,255,255,0.3);}
.footer_ul .footer_copy a { font-size:13px; color:rgba(255,255,255,0.3);}
/*-----공통----*/

/* 메인 */
.section_box { padding:150px 0;}
.green_bg { background:#15312b;}
.green_bg02 { background:#e8efed;}
.gray_bg { background:#f4f4f4;}
.gray_bg_half { background: linear-gradient(to bottom, #fff 30%, #f4f4f4 30%);}

.main_port { font-size:0; margin:0 -5px;}
.main_port li { display:inline-block; vertical-align:top; width:25%;}
.main_port li:last-child { width:75%;}
.main_port li .main_port_text { position:relative; margin:5px; padding:40px 30px; height:300px; transition: all 0.5s ease;}
.main_port li .main_port_text p { font-size:15px; font-weight:bold; color:#fff;}
.main_port li .main_port_text h3 { font-size:25px; color:#fff; line-height:1.3; margin:15px 0 10px 0;}
.main_port li .main_port_text h2 { font-size:30px; color:#fff; line-height:1.3;}
.main_port li .main_port_text .main_btn01 { position:absolute; right:0; bottom:40px; width:50px; height:50px; border-radius:50%; font-size:22px; color:#08624e; line-height:50px; text-align:center; background:rgba(255,255,255,0.8); opacity:0; transition: all 0.5s ease;}
.main_port li .main_port_text:hover .main_btn01 { right:30px; opacity:1;}
.main_port li .main_port_text .main_btn02 { font-size:15px; color:#fff;}
.main_port li .port_last h2 { font-size:40px; margin:40px 0 20px 0;}

.main_port li:nth-child(1) .main_port_text { background:url(/kor/img/main/port01.jpg) left top no-repeat; background-size:cover;}
.main_port li:nth-child(2) .main_port_text { background:url(/kor/img/main/port02.jpg) left top no-repeat; background-size:cover;}
.main_port li:nth-child(3) .main_port_text { background:url(/kor/img/main/port03.jpg) left top no-repeat; background-size:cover;}
.main_port li:nth-child(4) .main_port_text { background:url(/kor/img/main/port04.jpg) left top no-repeat; background-size:cover;}
.main_port li:nth-child(5) .main_port_text { background:url(/kor/img/main/port05.jpg) left top no-repeat; background-size:cover;}
.main_port li .port_last { background:#08624e url(/kor/img/main/port06.png) right bottom no-repeat;}

.main_port li:nth-child(1) .main_port_text:hover { background:url(/kor/img/main/port01.jpg) center top no-repeat; background-size:cover;}
.main_port li:nth-child(2) .main_port_text:hover { background:url(/kor/img/main/port02.jpg) center top no-repeat; background-size:cover;}
.main_port li:nth-child(3) .main_port_text:hover { background:url(/kor/img/main/port03.jpg) center top no-repeat; background-size:cover;}
.main_port li:nth-child(4) .main_port_text:hover { background:url(/kor/img/main/port04.jpg) center top no-repeat; background-size:cover;}
.main_port li:nth-child(5) .main_port_text:hover { background:url(/kor/img/main/port05.jpg) center top no-repeat; background-size:cover;}

.main_partner { margin-bottom:80px;}
.main_partner li { display:inline-block; vertical-align:middle;}
.main_partner li h1 { font-size:45px; color:#fff; margin-right:60px;}
.main_partner li .main_partner_text { font-size:18px; color:#fff; max-width:550px;}

.main_title h1 { font-size:45px; color:#333; line-height:1.3; margin-bottom:20px;}
.main_title p { font-size:17px; color:#888;}

/*하단프로세스*/
.process_wrap { position: relative; width: 100%;}
.process_list { font-size:0; position:relative; z-index:2;}
.process_list li { display:inline-block; vertical-align:top; width:25%; margin-top:60px; position:relative;}
.process_list li .process_arrow {
	position:absolute;
	width:38px;
	left:80%;
	margin-left:-19px;
	top:10px;
}
.process_list li .process_arrow02 {
	position:absolute;
	width:38px;
	left:80%;
	margin-left:-19px;
	top:70%;
	transform: rotate(90deg);
}
.process_list li .process_arrow03 {
	position:absolute;
	width:38px;
	left:80%;
	margin-left:-19px;
	top:22px;
	transform: rotate(180deg);
}
.process_list .icon { position:relative; background:#e8efed; width:200px;}
.process_list h2 {
	font-size: 18px;
	color: #084c3e;
	line-height: 1.3;
	margin:15px 0;
}
.process_list span { display: block; font-size: 12px; color: #666;}

.process_list .icon p { display:none; position:absolute; font-size: 12px; color: #999; top:100px; left:50%; width:160px; margin-left:-80px; text-align:left; padding:10px; background:#fff; border:#ccc solid 1px; border-radius:5px; z-index:3;}
.process_list .icon:hover p { display:block;}
/* SVG 라인 */
.process_line {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.process_line path { fill: none; stroke-width: 1px; /* 라인 두께 1px */}
.process_line path.bg { stroke: #ccc; /* 회색 기본 라인 */ }
.process_line path.fg {
	stroke: #08624e; /* 초록 진행 라인 */
	stroke-dasharray: 2000; /* 경로 길이에 맞춰 조정 */
	stroke-dashoffset: 2000;
	animation: dashAnim 5s linear infinite;
}
@keyframes dashAnim {
	0%   { stroke-dashoffset: 2000; }  /* 시작: 안 보임 */
	60%  { stroke-dashoffset: 0; }     /* 60% 시점까지 서서히 채워짐 */
	85%  { stroke-dashoffset: 0; }     /* 채워진 상태 유지 (약 2초) */
	86%  { stroke-dashoffset: 2000; }  /* 순간적으로 사라짐 */
	100% { stroke-dashoffset: 2000; }  /* 대기 후 다시 반복 */
}
/*하단프로세스*/
/* 메인 */

/* 서브 */
.sub_top { padding:140px 0 50px 0; text-align:center;}
.sub_top h1 { font-size:55px; line-height:1; color:#000; margin-bottom:20px;}
.sub_top p { font-size:15px; color:#999; line-height:1.5;}
.sub_top p .nav_dot { font-size:15px; color:#999; margin:0 10px;}
.sub_top p .nav_color { font-size:15px; color:#08624e; line-height:1.5; font-weight:600;}

.sub_top_img { height:350px; display:flex; justify-content:center; align-items:center;}
.sub_top_img > div { text-align:center; max-width:700px; margin:0 auto; color:#fff; text-shadow:#000 0 0 5px;}
.sub_top_img > div img { display:block; width:200px; margin:0 auto 10px auto;}


.sub_topimg01 { background:#eee url("/kor/img/sub/sub_top01.jpg") center center no-repeat; background-size:cover;}
.sub_topimg_cust { background:#eee url("/kor/img/sub/sub_top_cust.jpg") center center no-repeat; background-size:cover;}

.sub_nav { margin-top:50px; text-align:center;}
.sub_nav li { display:inline-block; vertical-align:top; margin:5px 15px;}
.sub_nav li a:hover { font-weight:bold; color:#08624e; border-bottom:#08624e solid 1px;}
.sub_nav li #bo_cate_on { font-weight:bold; color:#08624e; border-bottom:#08624e solid 1px;}
.board_nav_bottom { margin-bottom:100px;}

.sub_title h1 { font-size:55px; color:#08624e; line-height:1.3; margin-bottom:20px;}

.sub_btn a { color:#fff; padding:25px 40px; border-radius:50px; background:#08624e;}
.sub_btn a:hover { background:#014c3b;}
.sub_btn a img { margin-left:10px;}

.com01_top { margin-top:60px;}
.com01_top h3 { font-size:18px; margin:20px 0;}
.com01_top p { font-size:16px; color:#999; text-transform:uppercase;}
.com01_top ul li { display:inline-block; line-height:1; margin:10px 15px 10px 0; padding-left:20px; border-left:#ccc solid 1px;}
.com01_top ul li:first-child { border-left:none;}
.com01_top h2 { font-size:40px; text-transform:uppercase; line-height:1.3; margin:10px 0;}
.com01_top .com01_img01 { margin-top:20px; height:450px; background:url("/kor/img/sub/com01_img01.jpg") center center no-repeat; background-size:cover;}

.com01_partner { font-size:0; margin:40px -10px 0 -10px;}
.com01_partner .com01_partner_li { display:inline-block; vertical-align:top; width:33.33%;}
.com01_partner .com01_partner_li .slide_textbox { position:relative; margin:10px; padding:60px 40px; text-align:center; height:500px;}
.com01_partner .com01_partner_li .slide_textbox img { max-width:200px;}
.com01_partner .com01_partner_li .slide_textbox div { position:absolute; width:100%; padding:0 20%; left:0; bottom:60px;}
.com01_partner .com01_partner_li .slide_textbox div h3 { font-size:16px; color:#fff; margin-bottom:20px;}
.com01_partner .com01_partner_li .slide_textbox div ul li { display:inline-block; font-size:15px; color:#fff; margin:0 5px;}

.com01_greeting { display:flex; gap:60px; align-items:flex-start;}
.com01_greeting img { width:450px; height:auto; flex-shrink:0;}
.greeting_text { flex:1; min-width:0;}
.greeting_text h2 { font-size:35px; color:#08624e; line-height:1.3;}
.greeting_text h3 { font-size:25px; color:#666; line-height:1.3; margin:20px 0 30px 0;}
.greeting_text p { font-weight:bold; color:#666; margin-top:40px;}

.greeting_bottom { display:flex; gap:40px; align-items:center; margin-top:80px;}
.greeting_bottom_l { width:300px; height:auto; flex-shrink:0; text-align:center;}
.greeting_bottom_l h1 { font-size:33px; color:#08624e; line-height:1.3;}
.greeting_bottom_l h2 { font-size:20px; color:#aaa;}
.greeting_bottom_r { flex:1; min-width:0; font-size:20px; color:#666;}
.greeting_line { padding:60px 0; margin:60px 0; border-top:#ccc solid 1px; border-bottom:#ccc solid 1px;}

.com01_ul01 { margin:60px -20px 0 -20px; font-size:0;}
.com01_ul01 .com01_ul01_li { display:inline-block; vertical-align:top; width:50%;}
.com01_ul01 .com01_ul01_li .com01_ul01_box { margin:20px; background:#fff;}
.com01_ul01 .com01_ul01_li .com01_ul01_box .com01_ul01_img { height:330px;}
.com01_ul01 .com01_ul01_li:nth-child(1) .com01_ul01_box .com01_ul01_img { background:url("/kor/img/sub/com01_b01.jpg") center center no-repeat; background-size:cover;}
.com01_ul01 .com01_ul01_li:nth-child(2) .com01_ul01_box .com01_ul01_img { background:url("/kor/img/sub/com01_b02.jpg") center center no-repeat; background-size:cover;}
.com01_ul01 .com01_ul01_li:nth-child(3) .com01_ul01_box .com01_ul01_img { background:url("/kor/img/sub/com01_b03.jpg") center center no-repeat; background-size:cover;}
.com01_ul01 .com01_ul01_li:nth-child(4) .com01_ul01_box .com01_ul01_img { background:url("/kor/img/sub/com01_b04.jpg") center center no-repeat; background-size:cover;}
.com01_ul01 .com01_ul01_li .com01_ul01_box .com01_ul01_text { padding:40px;}
.com01_ul01 .com01_ul01_li .com01_ul01_box .com01_ul01_text h1 { font-size:17px; color:#999;}
.com01_ul01 .com01_ul01_li .com01_ul01_box .com01_ul01_text h2 { font-size:22px; line-height:1.3; color:#08624e; margin:10px 0 20px 0;}
.com01_ul01 .com01_ul01_li .com01_ul01_box ul { margin-top:20px;}
.com01_ul01 .com01_ul01_li .com01_ul01_box ul li { font-size:15px; color:#666; margin:7px 0; padding-left:15px; background:url("/kor/img/sub/li_dot.jpg") left top 8px no-repeat;}

.com02_top { margin-top:60px;}
.com02_top .com02_img01 { height:550px; background:url("/kor/img/sub/com02_img01.jpg") center center no-repeat; background-size:cover;}
.com02_top img { width:300px;}
.com02_top h3 { font-size:20px; margin-bottom:10px;}
.com02_top p { font-size:18px; max-width:800px; margin:60px auto;}

.com02_ul { font-size:0;}
.com02_ul li { display:inline-block; vertical-align:top; width:340px;}
.com02_ul li .com02_ul_box { margin:10px auto; background:#08624e; width:300px; height:300px; border-radius:50%; padding:40px;}
.com02_ul li .com02_ul_box img {}
.com02_ul li .com02_ul_box h3 { font-size:22px; color:#fff; margin:10px 0 5px 0;}
.com02_ul li .com02_ul_box p { font-size:16px; color:#ccc;}

.ci_ul { font-size:0; margin:0 -20px;}
.ci_ul li { display:inline-block; vertical-align:top; width:50%;}
.ci_ul li .ci_ul_box { margin:0 20px;}
.ci_ul li .ci_ul_box h3 { color:#666; margin-bottom:5px;}
.ci_ul li .ci_ul_box .ci_ul_img { border:#ddd solid 1px; background:url("/kor/img/sub/ci_line.jpg") center center; padding:60px 40px; text-align:center;}
.ci_ul li .ci_ul_box .ci_ul_img img { max-width:400px; border:#006853 solid 1px; margin:20px 0;}
.ci_ul li .ci_ul_box .ci_ul_img h1 { font-size:22px; color:#006853;}

.sub_title02 { font-size:30px;}

.ci_bottom { margin:0 -20px; font-size:0;}
.ci_bottom li { display:inline-block; vertical-align:top; width:25%;}
.ci_bottom li .ci_bottom_box { margin:20px 20px 0 20px; font-size:15px; color:#666; line-height:1.5;}
.ci_bottom li .ci_bottom_box .ci_bottom_color { height:90px;}
.ci_bottom li:nth-child(1) .ci_bottom_box .ci_bottom_color { background:#006450; border:#006450 solid 1px;}
.ci_bottom li:nth-child(2) .ci_bottom_box .ci_bottom_color { background:#fff; border:#ccc solid 1px;}
.ci_bottom li:nth-child(3) .ci_bottom_box .ci_bottom_color { background:#000; border:#000 solid 1px;}
.ci_bottom li:nth-child(4) .ci_bottom_box .ci_bottom_color { background:#a0a0a0; border:#a0a0a0 solid 1px;}
.ci_bottom li .ci_bottom_box h1 { font-size:20px; margin:10px 0;}
.ci_bottom li .ci_bottom_box h2 { margin-bottom:5px;}
.ci_bottom li:nth-child(1) .ci_bottom_box h2 { color:#006450;}
.ci_bottom li:nth-child(2) .ci_bottom_box h2 { color:#fff; text-shadow:#000 1px 1px 0;}
.ci_bottom li:nth-child(3) .ci_bottom_box h2 { color:#000;}
.ci_bottom li:nth-child(4) .ci_bottom_box h2 { color:#a0a0a0;}


.brand_top_img { display:block; margin:0 auto; width:400px;}
.brand_title { margin-bottom:60px;}
.brand_title h2 { font-size:40px; text-transform:uppercase; line-height:1.3; margin:30px 0 15px 0;}
.brand_title div { font-size:18px; margin-bottom:20px;}
.brand_title p { font-size:16px; color:#777;}

.brand_top_bg { height:600px; margin-bottom:-150px;}
.brand_bg01 { background:url("/kor/img/sub/brand_bg01.jpg") center center no-repeat; background-size:cover;}
.brand_bg02 { background:url("/kor/img/sub/brand_bg02.jpg") center center no-repeat; background-size:cover;}
.brand_bg03 { background:url("/kor/img/sub/brand_bg03.jpg") center center no-repeat; background-size:cover;}
.brand_bg04 { background:url("/kor/img/sub/brand_bg04.jpg") center center no-repeat; background-size:cover;}
.brand_bg05 { background:url("/kor/img/sub/brand_bg05.jpg") center center no-repeat; background-size:cover;}

.sub_btn01 { margin:20px 0;}
.sub_btn01 a { position:relative; padding:20px 60px 20px 40px; border-radius:50px; background:#006450; color:#fff;}
.sub_btn01 a:hover { background:#014c3b;}
.sub_btn01 a span { position:absolute; color:#fff; right:30px; transition: right 0.3s ease;}
.sub_btn01 a:hover span { right:20px;}

.brand_bottom { font-size:0; margin:0 -10px; padding:30px 0;}
.brand_bottom li { display:inline-block; vertical-align:middle; border-left:#ccc solid 1px;}
.brand_bottom li:first-child { border-left:none;}
.brand_bottom li .brand_bottom_box { margin:0 10px; padding:0 20px;}
.brand_bottom li .brand_bottom_box .brand_bottom_text { position:relative; padding-left:100px; font-size:15px; color:#777;}
.brand_bottom li .brand_bottom_box .brand_bottom_text img { position:absolute; left:0; top:0;}
.brand_bottom li .brand_bottom_box .brand_bottom_text h2 { margin-bottom:5px;}
.brand_bottom li .brand_bottom_box .brand_bottom_text a { display:block; margin-top:10px; font-size:14px; color:#006450;}

.brand_b01 li { width:33.3%;}
.brand_b02 li { width:50%;}

.brand_cust { margin:0 -10px; font-size:0;}
.brand_cust li { display:inline-block; vertical-align:top; max-width:500px;}
.brand_cust li .brand_cust_box { margin:10px; border:#ddd solid 1px;}
.brand_cust li .brand_cust_box .brand_cust_text { padding:20px 15px; background:#f4f4f4; min-height:130px;}
.brand_cust li .brand_cust_box .brand_cust_text h3 { font-size:12px; color:#777; text-transform:uppercase; margin-bottom:5px;}
.brand_cust li .brand_cust_box .brand_cust_text h2 { line-height:1.3;}
.brand_cust li .brand_cust_box .brand_cust_text p { font-size:14px; font-weight:300; color:#777; line-height:1.5; margin-top:10px;}
.brand_cust li .brand_cust_box .brand_cust_text div { padding:10px; font-size:14px; background:#fff; margin-top:10px; border:#eee solid 1px;}

.brand_cust01 li { width:33.3%;}
.brand_cust02 li { width:50%;}

.com05_ul { margin:40px -10px 0 -10px; font-size:0;}
.com05_ul li { display:inline-block; vertical-align:top; width:50%; max-width:660px;}
.com05_ul li .com05_ul_box { margin:10px; border:#ddd solid 1px;}
.com05_ul li .com05_ul_box h2 { padding:15px; background:#f4f4f4;}

.cer_ul { font-size:0;}
.cer_ul li { display:inline-block; vertical-align:top; width:25%; border-left:#ccc solid 1px;}
.cer_ul li:first-child { border-left:none;}
.cer_ul li .cer_ul_box { padding:0 20px;}
.cer_ul li .cer_ul_box img {}
.cer_ul li .cer_ul_box h1 { font-size:35px; color:#08624e; margin:15px 0 5px 0; line-height:1.3;}
.cer_ul li .cer_ul_box p {}

.cer_bottom { font-size:0; margin:-10px;}
.cer_bottom li { display:inline-block; vertical-align:top; width:225px;}
.cer_bottom li .cer_bottom_box { background:#fff; padding:20px; margin:10px; height:270px;}
.cer_bottom li .cer_bottom_box img {}
.cer_bottom li .cer_bottom_box h3 { font-size:17px; margin:15px 0 5px 0; line-height:1.5;}
.cer_bottom li .cer_bottom_box p { font-size:15px; color:#999;}

.com07_img01 { margin-top:-100px; height:450px; background:url("/kor/img/sub/com07_bg.jpg") center center no-repeat; background-size:cover; display:flex; justify-content:center; align-items:center;}
.com07_img02 { padding:40px; text-align:center; background:#fff; border:#ddd solid 1px; border-radius:15px;}

.com07_bottom { font-size:0; margin:-10px;}
.com07_bottom li { display:inline-block; vertical-align:top; width:25%;}
.com07_bottom li .com07_bottom_box { background:#fff; padding:20px; margin:10px;}
.com07_bottom li .com07_bottom_box img {}
.com07_bottom li .com07_bottom_box h2 { font-size:17px; margin:5px 0; line-height:1.5;}
.com07_bottom li .com07_bottom_box p { font-size:15px; color:#999;}

.map iframe { width:100%; height:500px; margin-top:15px; border:#ccc solid 1px;}

.section_board { padding:0 0 150px 0;}
.sub_title03 { font-size:40px; line-height:1.5;}
/* 서브 */

@media screen and (max-width:991px){
	.footer_ul li .footer_info { display:block;}
	.footer_ul .footer_copy { position:relative; margin-top:20px;}
	
	.main_port li { width:50%;}
	.main_port li:last-child { width:50%;}
	.main_port li .port_last { background-size:60%;}
	
	.process_list li .process_arrow {left:90%;}
	.process_list li .process_arrow02 {top:100%;}
	.process_list li .process_arrow03 {left:90%;}
	
	.com01_partner .com01_partner_li { width:50%;}
	
	.com01_greeting { gap:30px;}
	.com01_greeting img { width:350px;}
	
	.ci_bottom li { width:50%;}
	
	.brand_bottom { margin:0; padding:20px 0;}
	.brand_bottom li { border-left:none; border-top:#ccc solid 1px;}
	.brand_bottom li:first-child { border-top:none;}
	.brand_bottom li .brand_bottom_box { margin:10px 0; padding:10px 0;}
	.brand_b01 li { width:100%;}
	.brand_b02 li { width:100%;}
	
	.brand_cust01 li { width:50%;}
	.brand_cust02 li { width:50%;}
	
	.com07_bottom li { display:inline-block; vertical-align:top; width:33.3%;}
}
@media screen and (max-width:767px){
	html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {font-size:15px;}
	
	.section_box { padding:80px 0;}
	.sub_space01 { height:50px;}
	
	.main_port { margin:0;}
	.main_port li { width:100%;}
	.main_port li:last-child { width:100%;}
	.main_port li .main_port_text { height:250px;}
	.main_port li .main_port_text p { font-size:14px;}
	.main_port li .main_port_text h3 { font-size:20px;}
	.main_port li .main_port_text h2 { font-size:25px;}
	
	.main_partner { margin-bottom:40px;}
	.main_partner li h1 { font-size:35px;}
	.main_partner li .main_partner_text { font-size:15px;}
	
	.main_title h1 { font-size:30px;}
	.main_title p { font-size:15px;}
	
	.process_list li .process_arrow {display:none;}
	.process_list li .process_arrow02 {display:none;}
	.process_list li .process_arrow03 {display:none;}
	.process_list .icon {width:80%;}
	.process_list .icon img {width:40px;}
	.process_list h2 { font-size: 15px;}
	.process_list span {display: none;}
	.process_list .icon:hover p {display: none;}
	
	.sub_top { padding:100px 0 30px 0;}
	.sub_top h1 { font-size:35px;}
	.sub_top p { font-size:13px;}
	.sub_top p .nav_dot { font-size:13px;}
	.sub_top p .nav_color { font-size:13px;}

	.sub_nav { margin-top:20px;}
	.sub_nav li { margin:5px 10px;}
	.board_nav_bottom { margin-bottom:60px;}
	
	.sub_title h1 { font-size:35px;}
	
	.com01_top { margin-top:30px;}
	.com01_top h3 { font-size:16px; margin:15px 0;}
	.com01_top p { font-size:14px;}
	.com01_top h2 { font-size:30px;}
	.com01_top .com01_img01 { height:400px;}
	
	.com01_partner { margin:20px 0 0 0;}
	.com01_partner .com01_partner_li { width:100%;}
	.com01_partner .com01_partner_li .slide_textbox { margin:10px 0; height:400px;}
	.com01_partner .com01_partner_li .slide_textbox div { padding:0 10%;}
	
	.com01_greeting { display:block;}
	.greeting_text { margin-top:40px;}
	.greeting_text h2 { font-size:25px;}
	.greeting_text h3 { font-size:20px; margin:10px 0 20px 0;}
	.greeting_text p { margin-top:20px;}
	
	.greeting_bottom { display:block; margin-top:40px;}
	.greeting_bottom_l { text-align:left;}
	.greeting_bottom_l h1 { font-size:25px;}
	.greeting_bottom_l h2 { display:none;}
	.greeting_bottom_r { font-size:16px;}
	.greeting_line { padding:20px 0; margin:20px 0;}
	
	.com01_ul01 { margin:30px 0 0 0;}
	.com01_ul01 .com01_ul01_li { width:100%;}
	.com01_ul01 .com01_ul01_li .com01_ul01_box { margin:20px 0;}
	.com01_ul01 .com01_ul01_li .com01_ul01_box .com01_ul01_img { height:240px;}
	.com01_ul01 .com01_ul01_li .com01_ul01_box .com01_ul01_text { padding:20px; height:auto !important;}
	.com01_ul01 .com01_ul01_li .com01_ul01_box .com01_ul01_text h1 { font-size:15px;}
	.com01_ul01 .com01_ul01_li .com01_ul01_box .com01_ul01_text h2 { font-size:20px; margin:5px 0 15px 0;}
	.com01_ul01 .com01_ul01_li .com01_ul01_box ul li { font-size:14px;}
	
	.com02_top { margin-top:0;}
	.com02_top .com02_img01 { height:400px;}
	.com02_top h3 { font-size:17px;}
	.com02_top p { font-size:16px; margin:40px auto;}
	
	.com02_ul li .com02_ul_box { width:270px; height:270px; padding:40px;}
	.com02_ul li .com02_ul_box img { width:70px;}
	.com02_ul li .com02_ul_box h3 { font-size:18px;}
	.com02_ul li .com02_ul_box p { font-size:15px;}
	
	.sub_title02 { font-size:25px;}
	
	.ci_ul { margin:0;}
	.ci_ul li { width:100%;}
	.ci_ul li .ci_ul_box { margin:20px 0;}
	.ci_ul li .ci_ul_box .ci_ul_img { padding:40px 40px;}
	.ci_ul li .ci_ul_box .ci_ul_img img { max-width:350px; margin:10px 0;}
	.ci_ul li .ci_ul_box .ci_ul_img h1 { font-size:18px;}
	
	.ci_bottom { margin:0;}
	.ci_bottom li { width:100%;}
	.ci_bottom li .ci_bottom_box { margin:20px 0 0 0;}
	.ci_bottom li .ci_bottom_box .ci_bottom_color { height:70px;}
	.ci_bottom li .ci_bottom_box h1 { font-size:17px;}
	
	
	.brand_top_img { width:260px;}
	.brand_title { margin-bottom:30px;}
	.brand_title h2 { font-size:26px;}
	.brand_title div { font-size:16px;}
	.brand_title p { font-size:14px;}
	.brand_top_bg { height:300px; margin-bottom:-80px;}
	
	.sub_btn01 { margin:15px 0;}
	.sub_btn01 a { padding:15px 60px 15px 40px;}
	
	.brand_cust { margin:0;}
	.brand_cust li .brand_cust_box { margin:10px 0;}
	.brand_cust01 li { width:100%;}
	.brand_cust02 li { width:100%;}

	.com05_ul { margin:20px 0 0 0;}
	.com05_ul li { width:100%;}
	.com05_ul li .com05_ul_box { margin:10px 0;}
	
	.cer_ul li { width:50%;}
	.cer_ul li:nth-child(3) { border-left:none; border-top:#ccc solid 1px;}
	.cer_ul li:nth-child(4) { border-top:#ccc solid 1px;}
	.cer_ul li .cer_ul_box { padding:20px 10px;}
	.cer_ul li .cer_ul_box img { width:50px;}
	.cer_ul li .cer_ul_box h1 { font-size:25px;}
	
	.cer_bottom li { width:50%;}
	.cer_bottom li .cer_bottom_box { height:220px;}
	.cer_bottom li .cer_bottom_box img { width:120px;}
	.cer_bottom li .cer_bottom_box h3 { font-size:15px;}
	.cer_bottom li .cer_bottom_box p { font-size:13px;}
	
	.com07_img01 { margin-top:-50px; height:350px;}
	.com07_img01 img { width:200px;}
	
	.com07_img02 { padding:20px;}
	
	.com07_bottom li { width:50%;}
	
	.section_board { padding:0 0 80px 0;}
	.sub_title03 { font-size:30px;}
}