@charset "utf-8";
@font-face {font-family:'NanumBarunGothic';
font-style:normal;
font-weight:400;
src: url('/fonts/NanumBarunGothic.eot');
src: url('/fonts/NanumBarunGothic.eot') format('embedded-opentype'), url('/fonts/NanumBarunGothic.woff') format('woff'), url('/fonts/NanumBarunGothic.ttf') format('truetype');
}

@font-face {font-family:'NanumBarunGothicBold';
font-style:normal;
font-weight:700;
src: url('/fonts/NanumBarunGothicBold.eot');
src: url('/fonts/NanumBarunGothicBold.eot') format('embedded-opentype'), url('/fonts/NanumBarunGothicBold.woff') format('woff'), url('/fonts/NanumBarunGothicBold.ttf') format('truetype');
}

*{margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html, body{width:100%; height:100%; font-size:1em; line-height:1.5;}
body, input, button, textarea{color:#333; font-family:'NanumBarunGothic', '나눔바른고딕', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum;}
body{min-width:1100px; *word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none;}
img, fieldset, iframe{border:0 none;}
li{list-style:none;}
input, select, button, textarea{vertical-align:middle;}
button{padding:0; border:0; cursor:pointer; background:none; vertical-align:middle; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
img{vertical-align:middle;}
i, em, address{font-style:normal;}
button{cursor:pointer;}
a{color:#333; text-decoration:none;}
a:hover{color:#151515; text-decoration:none;}
html:first-child select{height:20px; padding-right:6px;}
option{padding-right:6px;}
hr{display:none;}
legend{*width:0;}
legend, caption, figcaption{visibility:hidden; overflow:hidden; width:0; height:0; line-height:0; text-indent:-9999em;}
table{font-size:inherit; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
button span{position:relative; left:0; top:0}
textarea{resize:none;} /* textarea 크기 조정 막음 */

.NanumBarunGothic * {font-family:"NanumBarunGothic", "나눔바른고딕",  "맑은 고딕", "Malgun Gothic", "돋움", Dotum, sans-serif;}

#header:after,
#container:after,
#contents:after,
#footer:after{content:''; display:block; clear:both;}

#wrap{position:relative; width:100%; height:100%;}

#header{z-index:900; position:fixed; top:0; left:0; width:100%; border-bottom:1px solid rgba(6, 6, 6, 0.6); background-color:#fff;}
#header div.gnb{position:relative; width:1100px;height:100px; margin:0 auto;}
#header div.gnb > h1{float:left;}
#header div.gnb > h1 > a{display:inline-block; width:246px; height:61px; margin:30px 0 8px; text-indent:-9999em; background:url('../img/index/logo.gif') no-repeat;}
#header div.gnb > ul{float:right; margin-top:32px;}
/*#header div.gnb > ul:hover{font-weight: bold; color:red;}*/

#header div.gnb > ul > li{position:relative; float:left; padding-right:60px; text-align:right; font-size:18px; font-weight:400;}
#header div.gnb > ul >li > .menu1:hover{ color:blue; font-weight: 400;}

#header div.gnb > ul > li:last-child{padding-right:40px;}
#header div.gnb > ul > li > a{display:block; color:#636363; line-height:70px;}
#header div.gnb > ul > li > a:hover{color:#333;}

#header  div.gnb .sub_area{z-index:900; position:absolute; display:none; left:0; width:110px; padding-top:15px;}
#header  div.gnb .sub_area ul{float:left;}
#header  div.gnb .sub_area li{width:110px; text-align:left; line-height:20px;}
#header  div.gnb .sub_area li a{color:#696969 !important; font-size:12px; height:20px !important; line-height:20px !important; font-family:"돋움", Dotum, sans-serif;}
#header  div.gnb .sub_area li a:hover{color:#dd3e3e !important; text-decoration:underline;}
#header .sub_open{z-index:800; position:absolute; display:none; top:103px; width:100%; height:145px; /*background-color:#fff;*/ border-bottom:1px solid rgba(6, 6, 6, 0.6);background:url(../img/head/tel_bg2.gif)no-repeat center center #fff;}
/*
#header .sub_tel{position:absolute;top:110px;left:30px;z-index:801;background : url(../img/head/tel_bg.gif)no-repeat left bottom;display:block;width:250px;height:75px;}*/



#footer{position:relative; width:1024px; margin:25px auto; padding-left:225px;  font-size:12px; color:#000; line-height:18px; font-family:"돋움", Dotum, sans-serif; background:url('../img/index/logo_footer.gif') no-repeat 0 0;}
#footer .copy{margin-top:10px;width:400px;}
#footer .adm{width:80px;position:absolute;right:0;top:60px;text-align: center;background:#efefef;}



.spacediv_60 {height:60px;}



/*담당자정보*/

#direct_tel{width:100%; margin-top:60px; padding:40px 0; background-color:#e8e8e8;}
#direct_tel{height:404px;}
#direct_tel ul .tel:after{content: '';display:block;clear:both;}
#direct_tel ul .tel{float:left;}
#direct_tel ul .tel2{margin:0 56px;}
#direct_tel ul .tel3{}

/*#direct_tel ul .tel .icon_span{display:inline-block;}*/

#direct_tel .icon_span{display:inline-block;width:37px;height:22px;background:url('../img/product/tel_bg.gif' )no-repeat;margin-left:13px;margin-top:8px;}

#direct_tel .tel > ul > li:nth-child(2) .icon_span{background-position:0 -49px;}
#direct_tel .tel > ul > li:nth-child(3) .icon_span{background-position:0 -84px;}

#direct_tel .tel > .pp{width:302px;height:54px;border-radius: 0 40px 0 0;padding:16px 0 0 13px; font:600 21px 'NanumBarunGothic';color:#fff;letter-spacing: 1px;display:inline-block;}
#direct_tel .tel > .pp1{background:#00ccff;}
#direct_tel .tel > .pp2{background:#99cc33;}
#direct_tel .tel > .pp3{background:#666699;}


/*#direct_tel li > ul {margin-top:28px;}*/
#direct_tel li > ul > li{height:45px;font-family: 'NanumBarunGothic';font-size:14px;color:#666;font-weight: 600;border-left:1px solid #ccc;border-right:1px solid #ccc;}


#direct_tel li > ul > li:first-child{height:65px;padding-top:20px;}

#direct_tel .name1{display:inline-block;;padding:0;}
#direct_tel li > ul > li > span.name1{font-size:19px;color:#333;letter-spacing:5px;margin-bottom:50px}
#direct_tel li > ul > li > span.number{font-size:26px;color:#21aed7;letter-spacing: -0.5px;}
#direct_tel li > ul > li > span.mail{font-size:14px;letter-spacing: -0.5px;font-weight: 600;}
#direct_tel .tel > ul > li:nth-child(3){border-bottom:1px solid #ccc;}


