/*초기화*/
html {overflow-y:scroll;}
body {margin:0;padding:0;font-size:14px;line-height: 160%; font-family:'NanumBarunGothic','nanumsquarer',dotum,Sans-serif; background:#fff;}
html, h1, h2, h3, h4, h5, h6, img, ul, li {margin:0;padding:0;border:0}
td {font-family:'NanumBarunGothic','nanumsquarer',dotum,Sans-serif; letter-spacing:0.5px;font-size:14px; line-height: 160%;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
.clear {clear:both;}
a:link, a:visited {color:#333;text-decoration:none;list-style:none;}
a:hover, a:focus, a:active {color:#333;text-decoration:none;list-style:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
@font-face {
font-family: 'NanumBarunGothic';
font-style: normal;
font-weight: 400;
src: url(./NanumBarunGothic.eot);
src: local('NanumBarunGothic'),
local('NanumBarunGothic'),
url(/css/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
url(/css/font/NanumBarunGothic.woff2) format('woff2'),
url(/css/font/NanumBarunGothic.woff) format('woff'),
url(/css/font/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
font-family: 'NanumBarunGothic';
font-style: bold;
font-weight: 500;
src: url(./NanumBarunGothic.eot);
src: local('NanumBarunGothic'),
local('NanumBarunGothic'),
url(/css/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
url(/css/font/NanumBarunGothic.woff2) format('woff2'),
url(/css/font/NanumBarunGothic.woff) format('woff'),
url(/css/font/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
font-family: 'nanumsquarer';
font-style: normal;
font-weight: 500;
letter-spacing:1px;
src: url(./nanumsquarer.eot);
src: local('nanumsquarer'),
local('nanumsquarer'),
url(/css/font/nanumsquarer.eot?#iefix) format('embedded-opentype'),
url(/css/font/nanumsquarer.woff2) format('woff2'),
url(/css/font/nanumsquarerd.woff) format('woff'),
url(/css/font/nanumsquarer.ttf) format('truetype');
}
@font-face {
font-family: 'NanumGothic';
src: url(/css/font/NanumGothic.eot);
src: url(/css/font/NanumGothic.eot?#iefix) format('embedded-opentype'),
url(/css/font/NanumGothic.woff) format('woff'),
url(/css/font/NanumGothic.ttf) format('truetype');
}
#hd {z-index:4;position:relative; width:100%; min-width:1100px; background:#fff;}
.hd_zindex {z-index:10 !important}
#topall {position:relative; width:100%; min-width:1200px; margin:0;padding:18px 0; background:#4e4d4d;zoom:1}
#top {position:relative; width:1200px; height:91px; margin:0 auto;padding:0;}
#tnb {float:right;margin:0;padding:0;list-style:none;zoom:1;}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0 0 0 3px; color:#fff;}
/*#tnb ul {float:right;list-style:none;margin:0px; padding:7px;}
#tnb li {float:left; padding:0 5px 5px 3px;font-size:11px;letter-spacing:0.5px;font-family:'NanumGothic',dotum,Sans-serif;}*/
#tnb li a {display:inline-block; text-decoration:none;color:#fff;font-size:12px;font-family:'NanumGothic','nanumsquarer',dotum,Sans-serif;}
#tnb li a:hover {color:#659de3}
#logo {float:left;padding:10px 0; width:293px; height:69px;}
#topmenu {float:right; width:790px; height:64px;/*background:url(/g5/img/topmenubg.gif) repeat-x 0 0;*/}
#topmenu .wrap{position:relative;height:64px;overflow:hidden}
#topmenu .wrap ul{position:relative;list-style:none;margin:0;padding:0;}
#topmenu .wrap ul:after{content:""; display:block; float:none; clear:both;}
#topmenu .wrap ul li{float:left;list-style:none;margin:0;padding:0;height:60px;font-size:21px;font-family:'NanumBarunGothic','nanumsquarer',dotum,Sans-serif;}
#topmenu .wrap ul li.active{color:#589DF2;/*background:#ffff00;border-radius:3px 3px 3px 3px;*/}
#topmenu .wrap ul li a{height:66px; display:block;cursor:pointer;text-decoration:none;
padding:20px 0px 0px 30px;color:#fff; font-weight:bold; letter-spacing:0.5px;display:inline-block;line-height:30px}
#topmenu .wrap ul li a:hover{color:#8cbfdb;}
#topmenu .wrap ul li.active a {color:#8cbfdb;}
#topmenu .wrap div.subMenuBox{display:none;position:absolute;left:0;
top:54px; height:25px;margin:0;padding:0;/*filter:alpha(opacity=70);opacity:0.7;
background:#000000;border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;*/}
#topmenu .wrap div.subMenuBox ul,#topmenu .wrap div.subMenuBox ul li{
margin:0;padding:0;background:none;padding-left:15px;}
#topmenu .wrap div.subMenuBox ul li {height:25px;}
#topmenu .wrap div.subMenuBox ul li a{
margin:0;padding:0 5px;font:normal 14px 'NanumBarunGothic','nanumsquarer',dotum,Sans-serif;letter-spacing:-1px;
color:#fff;height:25px;line-height:25px;display:inline-block}
#topmenu .wrap div.subMenuBox ul li a:hover{color:#8cbfdb;}
#topmenu .wrap div.subMenuBox ul li a.active,#topmenu .wrap div.subMenuBox ul li a:active{color:#8cbfdb;}
#topmenu .wrap div.subMenuBox ul li.on a{text-decoration:none;}
#mainslide {width:100%; min-width:1200px; margin:0 auto;}
#mslide {width:1200px; margin:0 auto;}
#bodyall {position:relative; width:100%; min-width:1200px; margin:0 auto;}
.banner {width:1200px; margin:0 auto;padding:0;}
.banner ul {float:left;list-style:none;margin:0;padding:0;}
.banner ul li {float:left;padding-right:20px;}
.banner ul .bn {padding:0;}
/*.bn {width:25.4%; float:left }
.bn4 {float:right; }*/
#mboard {width:1200px; margin:0 auto;padding:0; }
#mboard .b1 {float:left; width:23.75%; height:205px; padding-right:1.66%; background:url('/img/b1_bg.jpg') left no-repeat;}
#mboard .b1 h4 {padding-top:10px;text-align:center;color: #fff;}
#mboard .b1 h4 a {font:normal 25px 'NanumBarunGothic','nanumsquarer',dotum,Sans-serif;letter-spacing:-1px;
color:#fff;text-align:center; overflow:hidden; padding:11px 0; font-weight:300; display:block; background: url(/img/b1_line.gif) bottom no-repeat;}
#mboard .b1 h4 a:hover {color: #8cbfdb;}
#mboard .b1 h5 {padding-top:40px;text-align:center;}
#mboard .b1 h5 a {font-size:14px;color:#fff;text-align:center;}
#mboard .b1 .info a {display:inline-block; margin:70px 0 0 90px; font-size:12px; padding:5px 20px; border: 2px #fff solid; color: #fff;}
#mboard .b1 .info a:hover{border: 2px solid #8cbfdb ; color: #8cbfdb;}
/*유튜브 바로가기 추가 2021.01.08 */
#mboard .b2 {float:left; width:17.83%; height:205px; padding-right:1.66%; background:url('/img/b2_ytb_bg.jpg') left no-repeat;}
#mboard .b2 h4 {padding-top:10px;text-align:center;color: #fff;}
#mboard .b2 h4 a {font:normal 25px 'NanumBarunGothic','nanumsquarer',dotum,Sans-serif;letter-spacing:-1px;
color:#fff;text-align:center; overflow:hidden; padding:11px 0; font-weight:300; display:block; background: url(/img/b1_line.gif) bottom no-repeat;}
#mboard .b2 h4 a:hover {color: #8cbfdb;}
#mboard .b2 .info a {margin:40px 0 0 59px;}
/* 기존 새가족 소개
#mboard .b2 {float:left; width:17.83%; height:205px; padding-right:1.66%; background:url('/img/b2_bg.jpg') left no-repeat;}
#mboard .b2 h4 {padding-top:10px;text-align:center;color: #fff;}
#mboard .b2 h4 a {font:normal 25px 'NanumBarunGothic','nanumsquarer',dotum,Sans-serif;letter-spacing:-1px;
color:#fff;text-align:center; overflow:hidden; padding:11px 0; font-weight:300; display:block; background: url(/img/b1_line.gif) bottom no-repeat;}
#mboard .b2 h4 a:hover {color: #8cbfdb;}
*/
#mboard .info a {display:inline-block; margin:70px 0 0 55px; font-size:12px; padding:5px 20px; border: 2px #fff solid; color: #fff;}
#mboard .info a:hover{border: 2px solid #8cbfdb ; color: #8cbfdb;}
#mboard .b3 {float:left; width:17.83%; height:205px; padding-right:1.61%; background:url('/img/b3_bg2.jpg') left no-repeat;}
#mboard .b3 h4 {padding-top:10px;text-align:center;color: #fff;}
#mboard .b3 h4 a {font:normal 25px 'NanumBarunGothic',dotum,Sans-serif;letter-spacing:-1px;
color:#fff;text-align:center; overflow:hidden; padding:11px 0; font-weight:300; display:block; background: url(/img/b1_line.gif) bottom no-repeat;}
#mboard .b3 h4 a:hover {color: #8cbfdb;}
#mboard .b4 {float:right; width:35.4%; height:185px;border:1px solid #c3bfbf; padding:10px 0;}
#mboard .b4 h4 {padding-top:10px;text-align:center;color: #fff;}
#mboard .b4 td {color:#9a9a9a; font-size:13px;}
#mboard .b4 td a {color:#9a9a9a; font-size:13px;}
#photo {width:100%;min-width:1200px;background:#f7f7f7;}
#mphoto {width:1200px; margin:0 auto;padding:30px 0; background:#f7f7f7;height:247px;}
#mphoto h4 {text-align:center;margin-bottom:30px;}
#mphoto h4 a {font:normal 25px 'NanumBarunGothic',dotum,Sans-serif;letter-spacing:-1px;color:#1d2128;}
#mphoto td {color:#000000; font-size:13px;}
#ft {width:100%;min-width:1200px;background:#3c3c3c}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}
#ft_catch {position:relative;margin:0 auto;padding:20px 0 0;width:970px;text-align:center}
#ft_company {text-align:center}
#ft_copy {background:#3c3c3c;}
#ft_copy div {position:relative;margin:0 auto;padding:23px 0;width:1200px;color:#D4D2D2;font-size:12px;font-family:'NanumBarunGothic','nanumsquarer',dotum,Sans-serif;}
#ft_copy a {display:inline-block;margin:0 10px 0 0;color:inherit;}
#ft_copy #ft_totop {position:absolute;top:23px;right:0; color:#589DF2;}
/***************Subpage******************/
.subcolor {width:100%;min-width:1180px;background:#fff;}
#subimg {width:1200px; height:250px; padding:0; margin:0 auto; margin-bottom:30px;}
#subimg .subP1 {width:1200px;height:250px;background: url(/img/subP_s1.jpg) center top;}
#subimg .subP2 {width:1200px;height:250px;background: url(/img/subP_s2.jpg) center top;}
#subimg .subP3 {width:1200px;height:250px;background: url(/img/subP_s3.jpg) center top;}
#subimg .subP4 {width:1200px;height:250px;background: url(/img/subP_s4.jpg) center top;}
#subimg .subP41 {width:1200px;height:250px;background: url(/img/subP_s4_1.jpg) center top;}
#subimg .subP42 {width:1200px;height:250px;background: url(/img/subP_s4_2.jpg) center top;}
#subimg .subP43 {width:1200px;height:250px;background: url(/img/subP_s4_3.jpg) center top;}
#subimg .subP44 {width:1200px;height:250px;background: url(/img/subP_s4_4.jpg) center top;}
#subimg .subP45 {width:1200px;height:250px;background: url(/img/subP_s4_5.jpg) center top;}
#subimg .subP5 {width:1200px;height:250px;background: url(/img/subP_s5.jpg) center top;}
#subimg .subP6 {width:1200px;height:250px;background: url(/img/subP_s6.jpg) center top;}
#subimg .subP7 {width:1200px;height:250px;background: url(/img/subP_s7.jpg) center top;}
#subimg .subP8 {width:1200px;height:250px;background: url(/img/subP_s8.jpg) center top;}
#subimg .subP9 {width:1200px;height:250px;background: url(/img/subP_s9.jpg) center top;}
#suball {position:relative; width:1200px; margin:0 auto;}
.lnb_basic {width:235px;position:relative;float:left;padding:0; margin:0; margin-bottom:30px;overflow:hidden}
.lnb_basic h3 {font-family:'NanumGothic','NanumBarunGothic',Sans-serif;font-size:22px;line-height:60px;padding-left:25px; /*padding:20px 0 20px 20px;*/color:#333;letter-spacing:1px; width:235px; /*background: url(/img/lnb_bg.jpg) repeat-x;*/border-top:1px solid #eee;background:#f7f7f7; border-bottom:1px solid #929393;overflow:hidden}
.lnb_basic li {padding:0; margin:0;list-style:none;background:#fff;}
.lnb_basic li a {display:inline-block; *zoom:1; *display:inline;width:200px; padding:8px 10px 8px 25px; font-size:15px; color:#4c4a4a; border-bottom:1px solid #ddd;/*border-right:1px solid #ddd;border-left:1px solid #ddd; background: #eeeeee; */word-wrap:break-word;text-decoration:none;font-family:'NanumGothic','NanumBarunGothic',Sans-serif;}
.lnb_basic li a:first-child {border-top:0px solid #eee;}
.lnb_basic li a:link, ul.lnb_basic li a:visited {color:#666;}
.lnb_basic li a:active,
.lnb_basic li a:hover,
.lnb_basic li a:focus {background: #eee; color:#666;}
.lnb_basic li a.on {color:#fff;font-weight:600; border-top:0px solid #eee; border-bottom:1px solid #ddd; background: #f7f7f7;}
.lnb_basic li a.on:link,
.lnb_basic li a.on:visited {color:#333;}
.lnb_basic li a.title {color:#333; background: #fff;}
.lnb_basic li a.title:link,
.lnb_basic li a.title:visited {color:#333;}
.lnb_basic li a.title:active,
.lnb_basic li a.title:focus,
.lnb_basic li a.title:hover {color:#fff;}
#subpage {position:relative; float:right; width:880px;padding:0; margin-bottom:30px;font-family:'NanumGothic','NanumBarunGothic',Sans-serif;font-size:14px; line-height:180%; color:#666; background:#fff; min-height:500px;}
.subtitle {font-family: 'NanumGothic','NanumBarunGothic',Sans-serif; font-size:27px;font-weight:500; color:#333;letter-spacing:1px;margin-bottom:30px; border-bottom:1px solid #eee;padding:13px 0; }
.subtitle span {float:right; padding-right:10px; font-size:12px; color:#999;letter-spacing:1px;line-height:25px;font-family:'NanumGothic',"나눔바른고딕",'NanumBarunGothic',Sans-serif;}
.tab {
font-size: 15px; background-color: #9fa1a4;cursor: pointer; color:#fff;}
.tabon {
font-size: 15px; color: #ffffff; font-weight: bold; background-color: #4b86a6; cursor: pointer;
}
.tabbg {background-color: #fff; border:0;}
/*page*/
.ptit {font-family:'NanumBarunGothic','NanumGothic',Sans-serif;font-size:16px; color:#37657d;font-weight: 500;}
.ptit2 {font-family:'NanumBarunGothic','NanumGothic',Sans-serif;font-size:18px; color:#37657d;font-weight: 500;}
.ptit_bg {font-family:'NanumBarunGothic','NanumGothic',Sans-serif;font-size:16px; color:#fff;font-weight: bold; background:#6881bf; padding:6px;clear:both;margin-bottom:15px;}
.pstit { color:#888888;}
.pstit2 { color:#888888; font-size:16px; border-bottom:1px solid #eee; padding:10px; }
.s1_2Pbg {background: url(/img/s1_2Pbg.png) no-repeat;}
.tb_tit {color:#fff;font-size:20px; padding:35px; font-style:bold; background: url(/img/tb_circle.gif) top no-repeat;}
.tb_stit {color:#56aeca; text-align:center; height:30px;}
.hrline {background: url(/img/hrline.gif) repeat-x;}
.hrline2 {background: url(/img/hrline.gif) repeat-x; padding: 20px 0;}
#faq_list {border-bottom:1px solid #ccc}
#faq_list li {border-top:1px solid #ccc; padding:0 5px;list-style:none;}
#faq_list li h4 a {display:block; padding:8px}
#faq_list li p {border-top:1px dotted #eaeaea; padding:8px; line-height:18px}
#faq_list li.unfold h4 a {font-weight:bold}
#faq_list li.fold p {display:none}
.menu_tab{width:100%;overflow:hidden}
.menu_tab ul{padding:23px 0;border-width:1px 0}
.menu_tab li{list-style:none;position:relative;top:-10px;float:left;border:1px solid #ccc; padding: 0 49px; /*width:140px;*/}
.menu_tab li a{display:block;padding:12px 16px 12px;text-decoration:none;text-align:center;}
.menu_tab li a:hover{text-decoration:none}
.menu_tab li.active a{/*background:#ccc;padding:12px 16px 12px;*/color:#3f6a1f; font-weight:bold;}
.menu_tab li.active a:hover{text-decoration:none}
.mb20 {clear:both;margin-bottom:20px}
.mb30 {clear:both;margin-bottom:30px}
.mb40 {clear:both;margin-bottom:40px}
.mb50 {clear:both;margin-bottom:50px}
.mb60 {clear:both;margin-bottom:60px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.pl10 {padding-left:10px}
.pl20 {padding-left:20px}
.pl30 {padding-left:30px}
.pl40 {padding-left:40px}
.pl50 {padding-left:50px}
.pr20 {padding-right:20px}
.pr30 {padding-right:30px}
.pr40 {padding-right:40px}
.pr50 {padding-right:50px}
.pt20 {padding-top:20px}
.pt30 {padding-top:30px}
.pt40 {padding-top:40px}
.pt50 {padding-top:50px}
.pb10 {padding-bottom:10px}
.pb20 {padding-bottom:20px}
.pb30 {padding-bottom:30px}
.pb40 {padding-bottom:40px}
.pb50 {padding-bottom:50px}
.Rt {float:right; padding: 0 0 0 20px;}
.Lt {float:left; padding: 0 20px 0 0;}