@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
/*---
font-family: 'Jeju Myeongjo', serif;
font-family: 'GmarketSans';

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:15px; line-height:2; -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;}

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

/*-----스크롤----*/
::-webkit-scrollbar { width:8px; height:4px;}
::-webkit-scrollbar-track { background:#fff;}
::-webkit-scrollbar-thumb { background:#00a873; border-radius:10px;}
/*-----스크롤----*/

#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:#00a873; background:#00a873;}

/*-----공통----*/
img { height:auto; max-width:100%; vertical-align:middle;}
.clear {clear:both;}
.clear10 {clear:both; height:10px;}
.clear20 {clear:both; height:20px;}
.clear40 {clear:both; height:40px;}
.clear60 {clear:both; height:60px;}
.clear80 {clear:both; height:80px;}
.clear100 {clear:both; height:100px;}
.clear_dot {clear:both; height:30px; margin-bottom:30px; border-bottom:#ddd dashed 1px;}
.clear_line {clear:both; height:120px; margin-bottom:120px; border-bottom:#ddd solid 1px;}
.text_center { text-align:center;}
.text_right { text-align:right;}

.pc_img {}
.mo_img { display:none;}

#footer { padding:40px 0; border-top:#eee solid 1px; background:#f8f8f8;}
.footer_info {font-size:0;}
.footer_info .footer_info_li .footer_logo { width:220px; margin-bottom:10px;}
.footer_info .footer_info_li { display:inline-block; vertical-align:bottom;}
.footer_info .footer_info_li:nth-child(1) { width:45%;}
.footer_info .footer_info_li:nth-child(2) { width:35%;}
.footer_info .footer_info_li:nth-child(3) { width:20%; text-align:right;}
.footer_info .footer_info_li:nth-child(3) img { margin-left:15px; margin-bottom:10px;}
.footer_info .footer_info_li .footer_info_title { margin:10px 0 5px 0; font-size:17px; font-weight:bold;}
.footer_info .footer_info_li ul li { font-size:12px; color:#555; line-height:1.7; margin:5px 10px 5px 0;}
.footer_info .footer_info_li ul li span { font-size:12px; font-weight:600; color:#444; line-height:1.7; margin:5px 0;}
.footer_info .footer_info_li .copyright { font-size:12px; color:#999; line-height:1.3; margin-bottom:5px;}
.footer_info .footer_info_li .copyright a { font-size:12px; color:#999;}

.wrap { font-family: 'NanumSquareNeo'; max-width:1200px; position:relative; margin:0 auto; padding:0 20px;}
/*-----공통----*/

/*-----메인----*/
.main_title01 { font-family: 'GmarketSans'; font-size:30px; font-weight:500; line-height:1.3; margin-bottom:10px;}
.main_title01 span { font-family: 'GmarketSans'; font-size:30px; font-weight:800; line-height:1.3; color:#006633;}
.main_title02 { font-family: 'Jeju Myeongjo', serif; font-size:20px; line-height:1.3;}

.main_btn01 { margin-top:40px;}
.main_btn01 a { border:#fff solid 1px; background:rgba(0,0,0,0.1); padding:18px 30px; font-size:15px; color:#fff; border-radius:50px;}
.main_btn01 a:hover { background:rgba(0,0,0,0.2);}

.main_section { padding:100px 0;}
.main_section01 { position:relative; z-index:1; background:#fff;}
.main_section02 { background:#f9f9f9;}
.main_section03 { background:#e1f5ef url(/home/img/main/bg01.png) left bottom no-repeat;}
.main_section04 { background:url(/home/img/main/bg02.jpg) center center no-repeat; background-size:cover;}

.main_ul01 { /*margin-top:-160px;*/ font-size:0}
.main_ul01 .main_ul01_li { display:inline-block; vertical-align:middle; width:40%;}
.main_ul01 .main_ul01_li img { border:#fff solid 5px; box-shadow:rgba(0,0,0,0.3) 0 0 20px;}
.main_ul01 .main_ul01_li:last-child { width:60%;}
.main_ul01 .main_ul01_li .main_ul01_textbox { margin-left:60px;}
.main_ul01 .main_ul01_li .main_ul01_textbox .main_ul01_title01 { font-family: 'Jeju Myeongjo', serif; font-size:50px; line-height:1.4;}
.main_ul01 .main_ul01_li .main_ul01_textbox .main_ul01_title02 { font-family: 'Jeju Myeongjo', serif; font-size:18px; line-height:1.2; padding-bottom:10px; border-bottom:#ddd solid 1px;}
.main_ul01 .main_ul01_li .main_ul01_textbox ul { font-size:0;}
.main_ul01 .main_ul01_li .main_ul01_textbox ul li { display:inline-block; vertical-align:top; width:50%; margin-top:20px;}
.main_ul01 .main_ul01_li .main_ul01_textbox ul li div { font-family: 'GmarketSans'; font-size:50px; font-weight:900; line-height:1.3; display:inline-block; vertical-align:bottom;}
.main_ul01 .main_ul01_li .main_ul01_textbox ul li p { font-size:15px; color:#888; font-weight:100;}
.main_ul01 .main_ul01_li .main_ul01_textbox ul li p sub { font-size:10px;}
.main_ul01 .main_ul01_li .main_ul01_textbox ul li span { font-size:20px; font-weight:900;}
.main_ul01 .main_ul01_li .main_ul01_textbox ul li:last-child { color:#2ecaa3;}

.main_img_right .main_img_right_imgbox { float:right; width:40%; position:relative;}
.main_img_right .main_img_right_imgbox .main_img_right_img01 { border-radius:50px;}
.main_img_right .main_img_right_imgbox .main_img_right_img02 { position:absolute; left:-120px; bottom:-50px;}
.main_img_right .main_img_right_textbox { float:right; width:60%; padding-right:60px; margin-top:40px;}

.main_img_left .main_img_left_imgbox { float:left; width:40%; text-align:center;}
.main_img_left .main_img_left_imgbox img { margin-top:-200px; max-width:300px;}
.main_img_left .main_img_left_textbox { float:left; width:60%; padding-left:60px; text-align:right; margin-top:40px;}
.main_img_left .main_img_left_textbox img { margin-left:20px; width:100px;}

.main_img_left02 { font-size:0}
.main_img_left02 li { display:inline-block; vertical-align:middle; width:40%;}
.main_img_left02 li:first-child { margin-top:-150px; margin-bottom:-150px;}
.main_img_left02 li:last-child { width:60%;}
.main_img_left02 li .mmain_img_left02_textbox { padding-left:60px; text-align:right; margin-top:40px; color:#fff !important;}
.main_img_left02 li .mmain_img_left02_textbox span { color:#fff !important;}

.main_ul05_img { font-size:0; padding:60px 20px; margin-top:40px; border-radius:50px; background:url(/home/img/main/bg03.jpg) center center no-repeat; background-size:cover;}
.main_ul05_img li { display:inline-block; vertical-align:middle; width:50%; font-size:35px; line-height:1.3; color:#fff;}
.main_ul05_img li span { font-family: 'GmarketSans'; font-weight:900; font-size:60px; line-height:1.3;}
/*-----메인----*/

/*-----서브----*/
.sub_top { padding:180px 0; position:relative; text-align:center;}
.sub_top_img01 { background:url(/home/img/sub/sub_top01.jpg) center center no-repeat; background-size:cover;}
.sub_top_img02 { background:url(/home/img/sub/sub_top02.jpg) center center no-repeat; background-size:cover;}
.sub_top_img03 { background:url(/home/img/sub/sub_top03.jpg) center center no-repeat; background-size:cover;}
.sub_top_img04 { background:url(/home/img/sub/sub_top04.jpg) center center no-repeat; background-size:cover;}
.sub_top_img05 { background:url(/home/img/sub/sub_top05.jpg) center center no-repeat; background-size:cover;}
.sub_top .sub_top_text { font-size:25px; color:#fff; text-align:center;}
.sub_top .sub_top_text .sub_top_title01 { font-family: 'Jeju Myeongjo', serif; font-size:45px; line-height:1.5;}
.sub_top .sub_top_text .sub_top_title02 { font-family: 'Jeju Myeongjo', serif; font-size:35px; line-height:1.5;}
.sub_top .sub_top_text .sub_top_title_bar { width:1px; height:80px; margin:20px auto; background:#fff;}
.sub_top .sub_top_text .sub_top_title03 { font-family: 'GmarketSans'; font-size:50px; line-height:1.5;}

.sub_nav { font-size:0; text-align:center; padding:40px 10px; background:#fff; border-radius:40px; margin-top:-60px;}
.sub_nav li { display:inline-block; vertical-align:top; margin:10px 3%;}
.sub_nav li a { font-family: 'NanumSquareNeoBold'; padding:5px; font-size:18px; color:#777;}
.sub_nav li .sub_nav_on { font-family: 'NanumSquareNeoExtraBold'; color:#126b37; border-bottom:#126b37 solid 1px;}

.sub_section { padding:80px 0 100px 0;}
.sub_title { font-family: 'GmarketSans'; font-size:40px; font-weight:900; color:#126b37; text-transform:uppercase; line-height:1.3; margin-bottom:60px;}
.sub_title span { font-size:20px; font-weight:300; line-height:1.3;}

/* 연혁 */
.his_box { padding:40px 60px; background:#fafafa url(/home/img/sub/his_bg.jpg) right bottom no-repeat; border:#eee solid 1px; margin-top:-20px;}
.his_list  { position:relative; padding-bottom:20px; padding-left:90px; width:100%;}
.his_list:last-child { padding-bottom:0;}
.his_year { font-family: 'NanumSquareNeoHeavy'; font-size:20px; color:#448134; width:90px; position:absolute; left:0; top:0;}
.his_dot { display:block; position:relative; left:-10px; top:17px; width:4px; height:4px; background:#ccc; border-radius:50%;}
.his_txt { font-size:20px; color:#000; line-height:1.5; position:relative; padding-left:50px;}
.his_txt_kr { font-size:13px; color:#777; margin-bottom:5px;}
.his_txt .month { color:#000; font-weight:bold; position:absolute; width:50px; left:0;}
/* 연혁 */

.com01_bg { background:url(/home/img/sub/com01_bg.jpg) center center no-repeat; background-size:cover; padding:100px 0; margin-bottom:-100px;}
.com01_title { font-family: 'GmarketSans'; font-size:30px; font-weight:500; line-height:1.5; color:#fff; margin-bottom:55px;}
.com01_bg_ul {}
.com01_bg_ul li { font-family: 'Jeju Myeongjo', serif; font-size:17px; line-height:1.5; color:#999; display:inline-block; width:350px; height:350px; border:#ccc solid 1px; border-radius:50%; margin:-20px;}
.com01_bg_ul li img { margin-top:60px;}
.com01_bg_ul li .com01_bg_ul_title { font-family: 'GmarketSans'; font-size:25px; font-weight:500; line-height:1.3; color:#fff; margin:25px 0 5px 0;}

.com01_line { height:200px; width:1px; background:#888; margin:-80px auto 0 auto;}

.sub_text01 { font-size:35px; font-weight:bold; line-height:1.5; margin:40px 0;}

.com01_bg_ul02 {}
.com01_bg_ul02 li { font-family: 'Jeju Myeongjo', serif; font-size:38px; line-height:1.3; color:#000; display:inline-block; width:250px; height:250px; border-radius:50%; padding-top:70px; margin:10px 20px;}
.com01_bg_ul02 li span { display:block; font-family: 'Jeju Myeongjo', serif; font-size:38px; line-height:1.3; color:#126b37;}
.com01_bg_ul02 li:nth-child(1) { background:#d0e6e7;}
.com01_bg_ul02 li:nth-child(2) { background:#d0e1d7;}
.com01_bg_ul02 li:nth-child(3) { background:#e5e7d3;}

.sub_toptext { font-size:20px; line-height:1.7;}
.sub_toptext sub { font-size:12px;}

.sub_toptext_kr { font-size:15px; color:#777; line-height:1.7; margin-top:15px;}
.sub_toptext_kr span { font-size:15px; color:#00a873; font-weight:bold; line-height:1.7;}

.cer_ul { font-size:0; text-align:center; margin:0 -10px;}
.cer_ul li { display:inline-block; vertical-align:top; width:25%; padding:10px 10px;}
.cer_ul li img { border:#ccc solid 1px; box-shadow:#ddd 5px 5px 0;}
.cer_ul li div { font-size:13px; margin-top:10px;}

.vision_box { padding:80px 20px; border:#ddd solid 1px; margin-top:60px; background:url(/home/img/sub/vision_bg.jpg) center bottom no-repeat; background-size:cover;}
.vision_title { font-family: 'GmarketSans'; font-size:30px; font-weight:500; color:#fff; text-shadow:rgba(0,0,0,0.5) 0 0 10px;}
.vision_title_bar { width:60px; height:1px; background:#fff; margin:20px auto;}
.vision_ul { font-size:0; display: flex;}
.vision_ul .vision_li { display:inline-block; vertical-align:top; width:31.33%; margin:10px 1%; padding:40px 20px; background:rgba(0,0,0,0.75); border-radius:20px; color:#fff;}
.vision_ul .vision_li .vision_ul_title { font-size:20px; font-weight:bold; margin:15px 0;}
.vision_ul .vision_li .vision_ul_title span { font-size:15px; color:rgba(255,255,255,0.5); display:block; line-height:1;}
.vision_ul .vision_li ul li { font-size:14px; line-height:1.5; margin:8px 0;}
.vision_ul .vision_li ul li span { font-size:13px; color:rgba(255,255,255,0.5); display:block;}

.process_title { font-size:20px; font-weight:bold; line-height:1.5; color:#00a873; margin-bottom:40px; line-height:1.3;}
.process_title span { display:block; font-size:15px; line-height:1.5; color:#777; margin-top:5px;}

.process_imgtext { font-size:20px; font-weight:bold; color:#fff; padding:5px; background:#00a873; width:220px; border-radius:50px; margin:20px auto;}

.process_line { position:relative; height:129px; background:url(/home/img/sub/process_line.png) center 59px repeat-x;}
.process_line_left { position:absolute; left:0; bottom:0;}
.process_line_center { position:absolute; width:90px; left:50%; margin-left:-45px; top:0;}
.process_line_right { position:absolute; right:0; bottom:0;}

.process_white { padding:30px 10px; background:#fff;}
.process_ul01 { font-size:0; margin-top:-50px; position:relative; z-index:1;}
.process_ul01 li { display:inline-block; vertical-align:top; width:250px; height:250px; background:#ebf8f4; border-radius:50%; line-height:1.5; padding:30px; margin:10px;}
.process_ul01 li .process_ul01_title { font-size:17px; font-weight:bold; line-height:1.5; margin:10px 0;}
.process_ul01 li .process_ul01_title span { font-size:15px; font-weight:300; color:#888; line-height:1.3;}
.process_ul01 li .process_ul01_title sub { font-size:12px; display:inline-block;}
.process_ul01 li div { font-size:15px; line-height:1.5;}
.process_ul01 li div sub { font-size:12px; display:inline-block;}

.process_bg { background:url(/home/img/sub/process_bg.jpg) center center no-repeat; background-size:cover; padding:40px 20px;}
.process_ul02 { font-size:0; margin:0 -1%;}
.process_ul02 li { display:inline-block; width:48%; vertical-align:top; border-radius:20px; line-height:1.5; padding:30px; margin:1%; background:rgba(0,170,115,0.8); color:#fff;}
.process_ul02 li .process_ul02_title { font-size:18px; font-weight:bold; line-height:1.5; margin:10px 0;}
.process_ul02 li div { line-height:1.5;}
.process_ul02 li div sub { font-size:12px; display:inline-block;}

.process_ul03 .process_ul03_title { font-size:30px; font-weight:bold; color:#00a873; margin-bottom:20px; line-height:1.5;}
.process_ul03 li { display:inline-block; margin:5px 5px 5px 0; border:#000 solid 1px; padding:15px; text-align:left; line-height:1.3;}
.process_ul03 li a { font-size:15px; color:#000; font-weight:bold;}
.process_ul03 li a span { display:block; font-size:13px; color:#888; font-weight:normal;}

.process_ul03_bottom { font-size:0;}
.process_ul03_bottom .process_ul_title { font-size:22px; font-weight:bold; color:#00a873; margin:40px 0 20px 0; line-height:1.5;}
.process_ul03_bottom li { padding:20px; background:#eee;}
.process_ul03_bottom li .process_ul03_bottom_title { padding:10px 20px; background:#00a873; color:#fff; font-size:17px; font-weight:bold; border-radius:10px;}
.process_ul03_bottom li .process_ul03_bottom_imgbox { border:#ccc solid 1px; border-radius:10px; padding:10px; background:#fff; margin-top:10px;}
.process_ul03_bottom li img { margin:15px 3%; width:250px;}

.process_ul04 { font-size:0; margin:0 -1%;}
.process_ul04 li { display:inline-block; width:48%; vertical-align:top; border-radius:10px; border:#ccc solid 1px; line-height:1.5; margin:1%; background:#fff; overflow:hidden;}
.process_ul04 li .process_ul04_title { font-size:15px; color:#fff; background:#1d839d; line-height:1.5; padding:10px 0;}
.process_ul04 li div { line-height:1.5; padding:20px 15px;}

.brand_bg { background:url(/home/img/sub/brand_bg.jpg) center bottom no-repeat; background-size:100%;}
.brand_img { background:url(/home/img/sub/brand_img.jpg) center center no-repeat; background-size:cover; padding:100px 40px; border-radius:20px;}
.brand_img .brand_img_text01 { font-size:17px; color:#fff;}
.brand_img .brand_img_text02 { font-family: 'GmarketSans'; font-weight:800; font-size:40px; color:#fff; line-height:1.3; margin:20px 0 0 0;}
.brand_img .brand_img_text03 { font-weight:bold; font-size:40px; color:rgba(255,255,255,0.7);}
.brand_text01 { font-size:25px; font-weight:900; line-height:1.5; margin-top:30px;}
.brand_text01 span { font-family: 'GmarketSans'; font-size:25px; font-weight:800; line-height:1.5; color:#006633;}
.brand_text02 { font-size:20px; font-weight:bold; line-height:1.5; color:#777; margin:30px 0 60px 0;}
.brand_text02 span { font-size:20px; font-weight:bold; line-height:1.5; color:#006633;}

.pro_all_ul01 { font-size:0; margin-bottom:40px;}
.pro_all_ul01 li { display:inline-block; vertical-align:top;}
.pro_all_ul01 li:first-child { width:40%;}
.pro_all_ul01 li:last-child { width:60%;}
.pro_all_ul01 li .pro_all_ul01_textbox { margin-left:60px;}
.pro_all_ul01 li .pro_all_ul01_textbox .pro_all_ul01_text01 { font-size:20px; line-height:1.7; margin-bottom:20px;}
.pro_all_ul01 li .pro_all_ul01_textbox .pro_all_ul01_text01 span { font-size:20px; font-weight:bold; color:#00a873;}
.pro_all_ul01 li .pro_all_ul01_textbox .pro_all_ul01_text02 { font-size:13px; line-height:1.7;}
.pro_all_ul01 li .pro_all_ul01_textbox .pro_all_ul01_text02 span { font-size:13px; font-weight:bold; color:#00a873;}

.pro_all_ul02 { font-size:0; margin:0 -10px;}
.pro_all_ul02 li { display:inline-block; vertical-align:top; width:50%;}
.pro_all_ul02 li .pro_all_ul02_box { margin:10px; border:#444 solid 1px; padding:40px 20px; position:relative;}
.pro_all_ul02 li .pro_all_ul02_box .pro_all_ul02_title { font-family: 'GmarketSans'; font-size:22px; font-weight:500; line-height:1.3;}
.pro_all_ul02 li .pro_all_ul02_box .pro_all_ul02_btn { position:absolute; right:20px; bottom:20px;}
.pro_all_ul02 li .pro_all_ul02_box .pro_all_ul02_btn a { color:#00a873;}
.pro_all_ul02 li .pro_all_ul02_box:hover { border:#00a873 solid 1px; background:#00a873; color:#fff;}
.pro_all_ul02 li .pro_all_ul02_box:hover .pro_all_ul02_btn a { color:#fff;}

.pro_img01 { background:url(/home/img/sub/pro_img01.jpg) left center no-repeat; background-size:cover; width:45%; height:500px; float:right; margin-top:-100px; box-shadow:#eee 20px 20px 0; border-radius:50px 0 0 0;}
.pro_img02 { background:url(/home/img/sub/pro_img02.jpg) center center no-repeat; background-size:cover; width:45%; height:500px; float:right; margin-top:-100px; box-shadow:#eee 20px 20px 0; border-radius:50px 0 0 0;}

.pro_ul { font-size:0; width:50%;}
.pro_ul .pro_li { display:inline-block; vertical-align:top; padding:15px; border:#444 solid 1px; margin:5px;}
.pro_ul .pro_li a { display:block; font-size:17px; font-weight:bold; line-height:1.5;}
.pro_ul .pro_li a span { color:#777; font-size:13px; font-weight:normal; line-height:1.5; display:block;}
.pro_ul .pro_li a sub { font-size:10px;}
.pro_ul .pro_li ul li { list-style:disc; margin-left:20px; margin-top:5px;}
.pro_ul .pro_li ul li a { font-size:15px; font-weight:normal; line-height:1.3;}
.pro_ul .pro_li ul li a span { font-size:12px; color:#aaa; display:block;}
/*-----서브----*/

.partner_ul { font-size:0; margin:0 -0.5%;}
.partner_ul li { display:inline-block; vertical-align:top; width:24%; margin:0.5%; background:#fff; padding:20px; border-radius:10px; border:#ddd solid 1px; background:#fafafa;}
.partner_ul li img { border:#eee solid 1px; padding:10px; background:#fff;}
.partner_ul li div { margin-top:10px;}

/*-----------------------표-----------------------*/
.table_scroll { overflow-y:auto;}
.table_scroll table { min-width:600px;}
.table_scroll::-webkit-scrollbar { width:6px; height:6px;}
.table_scroll::-webkit-scrollbar-track { background:#ddd;}
.table_scroll::-webkit-scrollbar-thumb { background:#888;}

.table_style01 table { width:100%; border-spacing:0; border-collapse:collapse; border-bottom:#00a873 solid 2px; border-top:#00a873 solid 1px;}
.table_style01 table tr td { border:#ddd solid 1px; padding:5px 10px; font-size:14px; line-height:1.5; vertical-align:middle; text-align:left;}
.table_style01 table tr td div { font-size:13px; color:rgba(0,0,0,0.7);}
.table_style01 .table_title01 { background:#00a873; color:#fff; border:#1ec08d solid 1px;}
.table_style01 .table_title01 div { font-size:13px; color:rgba(255,255,255,0.7);}
.table_style01 .table_title02 { background:#e2f7f0; color:#009966; font-weight:bold;}
.table_style01 .table_title02 div { font-size:13px; color:rgba(0,0,0,0.35);}

.table_style01 table tr td sub,
.table_style01 .table_title01 sub,
.table_style01 .table_title01 div sub,
.table_style01 .table_title02 sub,
.table_style01 .table_title02 div sub { font-size:11px;}

.table_style01 table tr td sup,
.table_style01 .table_title01 sup,
.table_style01 .table_title01 div sup,
.table_style01 .table_title02 sup,
.table_style01 .table_title02 div sup { position:relative; font-size:11px; bottom:5px;}


.table_style02 table { width:100%; border-spacing:0; border-collapse:collapse; border-bottom:#009aa8 solid 2px; border-top:#009aa8 solid 1px;}
.table_style02 table tr td { border:#ddd solid 1px; padding:5px 10px; font-size:14px; line-height:1.5; vertical-align:middle; text-align:left;}
.table_style02 table tr td div { font-size:13px; color:rgba(0,0,0,0.7);}
.table_style02 .table_title01 { background:#009aa8; color:#fff; border:#15b3c1 solid 1px;}
.table_style02 .table_title01 div { font-size:13px; color:rgba(255,255,255,0.7);}
.table_style02 .table_title02 { background:#e2f4f7; color:#009aa8; font-weight:bold;}
.table_style02 .table_title02 div { font-size:13px; color:rgba(0,0,0,0.35);}

.table_style02 table tr td sub,
.table_style02 .table_title01 sub,
.table_style02 .table_title01 div sub,
.table_style02 .table_title02 sub,
.table_style02 .table_title02 div sub { font-size:11px;}

.table_style02 table tr td sup,
.table_style02 .table_title01 sup,
.table_style02 .table_title01 div sup,
.table_style02 .table_title02 sup,
.table_style02 .table_title02 div sup { position:relative; font-size:11px; bottom:5px;}
/*-----------------------표-----------------------*/

/*팝업*/
.layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}

.pop-layer01 { display:none;}
.pop-layer01 .btn-r { position:absolute; right:30px; top:30px; z-index:1;}
.pop-layer01 .btn-r a { font-size:20px; color:#000;}
.pop-layer01 .pop-container { position:fixed; top:60px; width:800px; height:80%; left:50%; margin-left:-400px; background:#f5fefe;}
.pop-box { height:90%; margin:30px 10px 30px 20px; padding-right:10px; overflow:hidden; overflow-y:auto;}
.pop_title { font-family: 'GmarketSans'; font-size:22px; font-weight:900; color:#00a873; line-height:1.5; padding-bottom:10px; margin-bottom:40px; border-bottom:#ddd solid 1px;}
.pop_title span { display:block; font-weight:300; color:#777; line-height:1.5;}

.pop-box::-webkit-scrollbar { width:4px; height:2px;}
.pop-box::-webkit-scrollbar-track { background:#fff;}
.pop-box::-webkit-scrollbar-thumb { background:#ccc; border-radius:10px;}
/*팝업*/

.pop_ul01 { margin-bottom:60px;}
.pop_ul01 li { display:inline-block; vertical-align:top; margin-right:20px; padding-right:20px; border-right:#ccc solid 1px; line-height:1;}
.pop_ul01 li span { font-weight:bold; color:#00a873; line-height:1;}
.pop_ul01 li:last-child { margin-right:0; padding-right:0; border-right:none;}

.pop_ul02 { font-size:0; margin-bottom:40px;}
.pop_ul02 .pop_ul02_li { display:inline-block; vertical-align:middle; width:50%;}
.pop_ul02 .pop_ul02_li:first-child { text-align:center; padding:0 10px;}
.pop_ul02 .pop_ul02_li ul li { line-height:1.5; margin-bottom:10px; padding-left:25px; background:url(/home/img/sub/check.png) left 4px no-repeat;}
.pop_ul02 .pop_ul02_li ul li sub { font-size:10px;}
.pop_ul02 .pop_ul02_li ul li strong { line-height:1.5;}

.pop_ul02 .pop_ul02_li ul li div { line-height:1.5; font-size:13px; color:#888;}
.pop_ul02 .pop_ul02_li ul li div sub { font-size:10px;}
.pop_ul02 .pop_ul02_li ul li strong div { line-height:1.5;}


.pop_ul03 { font-size:0; margin-top:-30px; margin-bottom:30px; padding:30px 20px; background:#e1f6ef; border-radius:10px;}
.pop_ul03 .pop_ul03_li { display:inline-block; vertical-align:middle; width:50%;}
.pop_ul03 .pop_ul03_li:first-child { text-align:center; padding:0 10px;}
.pop_ul03 .pop_ul03_li ul li { font-size:15px; line-height:1.5; margin-bottom:10px;}
.pop_ul03 .pop_ul03_li ul li span { font-size:15px; line-height:1.5; font-weight:bold; margin-right:10px;}
.pop_ul03 .pop_ul03_li ul li sub { font-size:10px;}
.pop_ul03 .pop_ul03_li ul li sup { font-size:10px;}

.pop_title02 { font-size:20px; font-weight:bold; color:#00a873; line-height:1.5; margin-bottom:10px;}
.pop_title02 span { font-size:15px; font-weight:bold; color:#aaa; line-height:1.5;}

.pop_ul04 { font-size:0; margin:0 -0.5%;}
.pop_ul04 li { display:inline-block; vertical-align:top; width:19%; height:130px; margin:0 0.5%; border-radius:10px; position:relative; overflow:hidden;}
.pop_ul04 li:nth-child(1) { background:url(/home/img/sub/pro02_pop0101.jpg) center center no-repeat; background-size:cover;}
.pop_ul04 li:nth-child(2) { background:url(/home/img/sub/pro02_pop0102.jpg) center center no-repeat; background-size:cover;}
.pop_ul04 li:nth-child(3) { background:url(/home/img/sub/pro02_pop0103.jpg) center center no-repeat; background-size:cover;}
.pop_ul04 li:nth-child(4) { background:url(/home/img/sub/pro02_pop0104.jpg) center center no-repeat; background-size:cover;}
.pop_ul04 li:nth-child(5) { background:url(/home/img/sub/pro02_pop0105.jpg) center center no-repeat; background-size:cover;}
.pop_ul04 li div { position:absolute; width:100%; padding:5px; background:rgba(0,170,115,0.7); font-size:15px; color:#fff; line-height:1.5; text-align:center; bottom:0;}
.pop_ul04 li div span { font-size:12px; line-height:1.5; display:block;}

.pop_ul05 .pop_ul05_li { line-height:1.5; margin-bottom:10px; padding-left:25px; background:url(/home/img/sub/check.png) left 4px no-repeat;}
.pop_ul05 .pop_ul05_li sub { font-size:12px;}
.pop_ul05 .pop_ul05_li ul li { font-size:13px; line-height:1.5; margin-top:5px; margin-left:15px; list-style:square;}

.pop_ul06 { font-size:0; margin-bottom:30px;}
.pop_ul06 li { display:inline-block; vertical-align:top; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:10px; width:140px; height:140px; margin:0 10px 10px 0; border-radius:50%; background:#00a873; font-size:15px; color:#fff; line-height:1.5;}
.pop_ul06 li span { display:block; font-size:13px; color:rgba(255,255,255,0.75);}

.pop_ul07 { font-size:0; margin:0 -0.5%;}
.pop_ul07 .pop_ul07_li { position:relative; display:inline-block; vertical-align:top; width:49%; height:230px; margin:0 0.5% 5px 0.5%; border-radius:10px; padding:20px; background:#fff; border:#00a873 solid 1px;}
.pop_ul07 .pop_ul07_li img { position:absolute; left:20px;}
.pop_ul07 .pop_ul07_li ul { padding-left:100px;}
.pop_ul07 .pop_ul07_li ul .pop_ul07_title { font-size:18px; font-weight:bold; color:#00a873; line-height:1.5; margin-bottom:10px;}
.pop_ul07 .pop_ul07_li ul .pop_ul07_title span { display:block; font-size:13px; font-weight:bold; color:#777; line-height:1.5;}
.pop_ul07 .pop_ul07_li ul li { font-size:15px; line-height:1.3; margin-top:5px;}
.pop_ul07 .pop_ul07_li ul li span { display:block; font-size:13px; color:#777;}

.pop_title03 { margin:20px 0;}
.pop_title03 span { font-size:17px; font-weight:bold; color:#fff; line-height:1.5; padding:15px 30px; border-radius:50px; background:#009aa8;}
.pop_title04 { font-size:17px; font-weight:bold; color:#009aa8; line-height:1.5; margin-bottom:10px;}
.pop_title04 span { display:block; font-size:15px; font-weight:300; color:#888; line-height:1.5;}

.pop_title05 { font-family: 'GmarketSans'; font-size:22px; font-weight:900; color:#009aa8; line-height:1.5; padding-bottom:10px; margin-bottom:40px; border-bottom:#ddd solid 1px;}
.pop_title05 span { display:block; font-weight:300; color:#777; line-height:1.5;}

.pop_imgbox01 { padding:40px 20px 20px 20px; border:#00a873 solid 1px; border-radius:10px; background:#fff;}
.pop_imgbox02 { padding:40px 20px 20px 20px; border:#009aa8 solid 1px; border-radius:10px; background:#fff;}

.img_scroll { overflow-y:auto;}
.img_scroll img { min-width:600px; margin-bottom:20px;}
.img_scroll::-webkit-scrollbar { width:6px; height:6px;}
.img_scroll::-webkit-scrollbar-track { background:#ddd;}
.img_scroll::-webkit-scrollbar-thumb { background:#888;}

.pop_ul08 { font-size:0; margin:0 -0.5%;}
.pop_ul08 li { display:inline-block; vertical-align:top; width:49%; margin:5px 0.5%; border:#009aa8 solid 1px; border-radius:10px; overflow:hidden;}
.pop_ul08 li:last-child { width:100%;}
.pop_ul08 li .pop_ul08_title { background:#009aa8; font-size:17px; font-weight:bold; color:#fff; padding:10px 20px; line-height:1.5;}
.pop_ul08 li .pop_ul08_title div { font-size:15px; color:rgba(255,255,255,0.5); line-height:1.5; margin-top:10px;}
.pop_ul08 li .pop_ul08_text { padding:10px 20px; line-height:1.5;}
.pop_ul08 li .pop_ul08_text div { font-size:13px; color:#aaa; line-height:1.5; margin-top:10px;}

.pop_ul08 li .pop_ul08_title sub,
.pop_ul08 li .pop_ul08_title div sub,
.pop_ul08 li .pop_ul08_text sub,
.pop_ul08 li .pop_ul08_text div sub { font-size:10px;}
.pop_ul08 li .pop_ul08_title sup,
.pop_ul08 li .pop_ul08_title div sup,
.pop_ul08 li .pop_ul08_text sup,
.pop_ul08 li .pop_ul08_text div sup { position:relative; font-size:10px; bottom:5px;}

.pop_box01 { margin-top:10px; padding:20px; border:#009aa8 solid 1px; border-radius:20px;}
.pop_box01 .pop_box01_title01 { font-size:17px; font-weight:bold; color:#000; line-height:1.5; margin-bottom:10px; padding-bottom:10px; border-bottom:#ccc dashed 1px;}
.pop_box01 .pop_box01_title01 sub { font-size:12px;}
.pop_box01 .pop_box01_title01 span { font-size:15px; font-weight:normal; color:#777;}
.pop_box01 .pop_box01_text { margin-top:20px; line-height:1.3; padding-left:100px; position:relative;}
.pop_box01 .pop_box01_text .pop_box01_title02 { font-size:15px; font-weight:bold; color:#009aa8; line-height:1.5; position:absolute; width:100px; left:0;}
.pop_box01 .pop_box01_text .pop_box01_title02 span { font-size:13px; font-weight:normal; color:#777; line-height:1.5; display:block;}
.pop_box01 .pop_box01_text sub { font-size:12px;}
.pop_box01 .pop_box01_text sup { font-size:12px; position:relative; top:-5px;}
.pop_box01 .pop_box01_text ul { margin-left:15px;}
.pop_box01 .pop_box01_text ul li { list-style:disc; line-height:1.3; margin-bottom:10px;}
.pop_box01 .pop_box01_text ul li sub { font-size:12px; line-height:1.3;}
.pop_box01 .pop_box01_text ul li div { font-size:13px; color:#888; line-height:1.3; margin-top:5px;}
.pop_box01 .pop_box01_text ul li div sub { font-size:10px; line-height:1.3;}

@media screen and (max-width:991px){
	.footer_info .footer_info_li:nth-child(1) { width:100%;}
	.footer_info .footer_info_li:nth-child(2) { width:100%;}
	.footer_info .footer_info_li:nth-child(3) { width:100%; text-align:left;}
	.footer_info .footer_info_li:nth-child(3) img { margin-left:0; margin-right:15px;}
	
	.pc_img { display:none;}
	.mo_img { display:block;}
	
	/*-----메인----*/
	.main_section { padding:60px 0;}
	
	.main_title01 { font-size:25px;}
	.main_title01 span { font-size:25px;}
	.main_title02 { font-size:17px;}
	
	.main_ul01 .main_ul01_li { width:100%;}
	.main_ul01 .main_ul01_li img { max-width:400px;}
	.main_ul01 .main_ul01_li:last-child { width:100%;}
	.main_ul01 .main_ul01_li .main_ul01_textbox { margin-left:0; margin-top:20px;}
	.main_ul01 .main_ul01_li .main_ul01_textbox .main_ul01_title01 { font-size:40px;}
	.main_ul01 .main_ul01_li .main_ul01_textbox .main_ul01_title02 { font-size:15px;}
	.main_ul01 .main_ul01_li .main_ul01_textbox ul li { font-size:30px; margin-top:10px;}
	.main_ul01 .main_ul01_li .main_ul01_textbox ul li:nth-child(1) { width:40%;}
	.main_ul01 .main_ul01_li .main_ul01_textbox ul li:nth-child(2) { width:40%;}
	.main_ul01 .main_ul01_li .main_ul01_textbox ul li:nth-child(3) { width:20%;}
	.main_ul01 .main_ul01_li .main_ul01_textbox ul li div { font-size:33px;}
	.main_ul01 .main_ul01_li .main_ul01_textbox ul li span { font-size:12px;}
	
	.main_img_left02 li { width:100%;}
	.main_img_left02 li:first-child { margin-top:0; margin-bottom:0; text-align:center; padding:0 40px;}
	.main_img_left02 li img { max-width:350px;}
	.main_img_left02 li:last-child { width:100%;}
	.main_img_left02 li .mmain_img_left02_textbox { padding-left:0; text-align:center;}

	.main_img_right .main_img_right_imgbox { float:none; width:100%; max-width:600px;}
	.main_img_right .main_img_right_imgbox .main_img_right_img02 { left:-20px; max-width:350px;}
	.main_img_right .main_img_right_textbox { float:none; width:100%; padding-right:0; margin-top:80px;}
	
	.main_img_left .main_img_left_imgbox img { margin-top:0; max-width:200px;}
	/*-----메인----*/

	/*-----서브----*/
	.cer_ul li { width:33.33%;}

	.partner_ul li { width:32.33%;}
	
	.process_ul03_bottom {}
	/*-----서브----*/
	
	.pop_ul04 li { width:24%; margin-bottom:5px;}
}

@media screen and (max-width:767px){
	.resize_img { max-width:100% !important; height:auto;}
	
	/*-----메인----*/
	.main_img_left .main_img_left_imgbox { float:none; width:100%;}
	.main_img_left .main_img_left_textbox { float:none; width:100%; padding-left:0; text-align:center;}

	.main_ul05_img li { font-size:25px;}
	.main_ul05_img li span { font-size:40px;}
	/*-----메인----*/
	
	.sub_section { padding:40px 0 50px 0;}

	/* 연혁 */
	.his_box { padding:40px 20px;}
	.his_list  { padding-left:0;}
	.his_year { position:relative;}
	.his_dot { display:none;}
	.his_txt { font-size:17px;}
	/* 연혁 */
	
	.cer_ul li { width:50%;}
	
	/*-----서브----*/
	.sub_top { padding:100px 0;}
	.sub_top .sub_top_text .sub_top_title01 { font-size:30px;}
	.sub_top .sub_top_text .sub_top_title02 { font-size:25px;}
	.sub_top .sub_top_text .sub_top_title_bar { height:40px;}
	.sub_top .sub_top_text .sub_top_title03 { font-size:35px;}

	.sub_nav { padding:30px 10px;}
	.sub_nav li a { font-size:15px;}
	
	.sub_title { font-size:30px; margin-bottom:40px;}
	.sub_title span { font-size:17px; display:block;}
	
	.com01_bg_ul li { font-size:15px; width:200px; height:200px; margin:-10px;}
	.com01_bg_ul li img { margin-top:20px; width:80px;}
	.com01_bg_ul li .com01_bg_ul_title { font-size:18px; margin:15px 0 5px 0;}

	.partner_ul li { width:49%;}
	
	.sub_toptext { font-size:17px;}

	.sub_toptext_kr { font-size:13px;}
	.sub_toptext_kr span { font-size:13px;}

	.vision_ul { display:block;}
	.vision_ul .vision_li { width:100%; margin:10px 0;}

	.process_ul01 li { width:200px; height:200px; padding:15px; margin:5px;}
	.process_ul01 li img { width:40px;}
	.process_ul01 li .process_ul01_title span { font-size:13px; display:block;}
	
	.process_ul02 { margin:0;}
	.process_ul02 li { width:100%;}
	.process_ul02 li .process_ul02_title { font-size:17px;}
	
	.process_ul03 li { width:100%;}
	
	.process_ul04 { margin:0;}
	.process_ul04 li { width:100%; margin:1% 0;}
	
	.brand_bg { background-size:200%;}
	.brand_img .brand_img_text02 { font-size:30px;}
	.brand_text01 { font-size:20px;}
	.brand_text01 span { font-size:20px;}
	.brand_text02 { font-size:17px;}
	.brand_text02 span { font-size:17px;}
	
	.pro_all_ul01 li:first-child { width:100%; max-width:500px;}
	.pro_all_ul01 li:last-child { width:100%;}
	.pro_all_ul01 li .pro_all_ul01_textbox { margin-left:0; margin-top:40px;}

	.pro_all_ul01 li .pro_all_ul01_textbox .pro_all_ul01_text01 { font-size:17px;}

	.pro_all_ul02 { margin:0;}
	.pro_all_ul02 li { width:100%;}
	.pro_all_ul02 li .pro_all_ul02_box { margin:10px 0; padding:20px;}
	
	.pro_img01 { width:100%; height:300px; float:none; margin-bottom:40px; margin-top:0;}
	.pro_img02 { width:100%; height:300px; float:none; margin-bottom:40px; margin-top:0;}
	.pro_ul { width:100%;}
	/*-----서브----*/
	
	/*팝업*/
	.pop-layer01 .pop-container { width:90%; margin-left:-45%;}
	/*팝업*/
	
	.pop_ul01 { margin-bottom:30px;}
	
	.pop_ul02 { margin-bottom:30px;}
	.pop_ul02 .pop_ul02_li { width:100%;}
	.pop_ul02 .pop_ul02_li:first-child { padding:0;}
	
	.pop_ul03 .pop_ul03_li { width:100%; text-align:center; }
	.pop_ul03 .pop_ul03_li:first-child { padding:0; margin-bottom:20px;}
	
	.pop_title02 { font-size:15px;}
	.pop_title04 { font-size:15px;}
	.pop_title04 span { font-size:13px;}
	
	.pop_ul04 li { width:32.33%;}
	
	.pop_ul07 { font-size:0; margin:0;}
	.pop_ul07 .pop_ul07_li { width:100%; height:auto; margin:0 0 5px 0;}
	
	.pop_ul08 { font-size:0; margin:0;}
	.pop_ul08 li { width:100%; margin:5px 0;}
	
	.pop_box01 .pop_box01_text { margin-top:20px; padding-left:0;}
	.pop_box01 .pop_box01_text .pop_box01_title02 { position:relative; width:auto; margin-bottom:5px;}
	.pop_box01 .pop_box01_text .pop_box01_title02 span {  display:inline-block;}
}