@charset "utf-8";




/* 가나안넷 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);



html, body, h1, h2, h3, h4, h5, h6, a, div { font-family:'Nanum Gothic' }
html, body {overflow-x: hidden}



#ctt							{ border:0; padding:50px 0 100px 0 }
#ctt>header						{ display: none }
#ctt>#ctt_con>p					{ text-align:center }



.position 						{ width:1000px; margin:0px auto }



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
	margin:0;border:0;padding:0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body				{width:100%; height:100%;font-family: 'PT Sans', sans-serif;  font-size:14px; color:#555;}
ol,ul				{list-style:none}
table				{border-collapse:collapse;border-spacing:0}

a:link				{color:#555;text-decoration:none}
a:visited		{color:#555;text-decoration:none}
a:hover			{text-decoration:none}
a:active			{text-decoration:none}

/* float clear */
.both				{clear:both;}
.clear				{width:auto}
.f-left{float:left;}
.f-right{float:right;}

/* element hide */
.alt				{position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden;overflow:hidden}

/* default class */
label		{vertical-align:middle;cursor:pointer}
input		{vertical-align:middle}

h2{color:#333;font-size:30px;text-align:center;}


/*공통*/
.f-left{float:left;}
.f-right{float:right;}
.a-center{text-align:center;}
.a-left{text-align:left;}

#content		{ margin-top:133px; padding:0px 0 100px 0}
#contentFrame { display:block; width:100%; margin:90px 0 83px 0; }
.contentFrame_product { margin:0 0 83px 0 !important; }



#top_bg.bg_1			{ background-image:url('/img/sub_hd_01.jpg') }
#top_bg.bg_2			{ background-image:url('/img/sub_hd_02.jpg') }
#top_bg.bg_3			{ background-image:url('/img/sub_hd_03.jpg') }
#top_bg.bg_4			{ background-image:url('/img/sub_hd_04.jpg') }
#top_bg.bg_5			{ background-image:url('/img/sub_hd_05.jpg') }
#top_bg.bg_6			{ background-image:url('/img/sub_hd_06.jpg') }
#top_bg.bg_7			{ background-image:url('/img/sub_hd_07.jpg') }
#top_bg					{ background-position: 50% 50%; background-repeat:no-repeat; width:100%; height:229px; display:block }

#side_nav				{ margin:40px 0 }
#side_nav,#side_nav>ul,
#side_nav>ul>li			{ width:auto }
#side_nav>ul			{ list-style: none; padding:0; text-align: center }
#side_nav>ul>li			{ margin:9px 0; width:auto; display:inline-block}
#side_nav>ul>li>a		{ border:1px solid #182335; display:block; padding:15px 37px 15px 37px; color:#000000; background: #ffffff }
#side_nav>ul>li.active>a	{ background:#000000; color:#ffffff  }



#wrapper {position:relative;top:0;width:100%;height:100%;}

#wrapper>header {position:fixed;top:0px;left:0px;width:100%;height:133px;z-index:9999; font-family:'맑은고딕', sans-serif; background:#fff;}
#wrapper>header .header-top {background:#71ad2c; height:44px; line-height:44px; color:#ffffff;}
#wrapper>header .header-top .header-top-inner {width:1100px; margin:0 auto; height:44px; line-height:44px;}
#wrapper>header .header-top ul{float:right;height:44px; line-height:44px; }
#wrapper>header .header-top ul li{display:inline-block;}
#wrapper>header .header-top ul li a{display:inline-block;height:44px; line-height:44px; color:#ffffff;}
#wrapper>header .header-top ul li b{display:inline-block; width:30px; text-align:center; }

#wrapper>header .header_inner {height:89px; border-bottom:solid 1px #dcdcdc;}
#wrapper>header .header_inner .mainmenu{position:relative;width:1100px;margin:0 auto;}
#wrapper>header .header_inner .logo {position:relative;top:22px;width:197px; height:58px;}
#wrapper>header .header_inner .gnb {position:absolute;top:0; left:395px;}
#wrapper>header .header_inner .gnb > div {float:left; text-align:center; width:auto; font-size:16px }
#wrapper>header .header_inner .gnb > div a {position:relative;}
#wrapper>header .header_inner .gnb > div a:hover {color:#71ad2c;}
#wrapper>header .header_inner .gnb > div > a {height:89px; line-height:89px; font-size:18px; display:inline-block; border-bottom:3px}
#wrapper>header .header_inner .gnb > div > a:hover{border-bottom:3px solid #71ad2c;}
#wrapper>header .header_inner .gnb > div.btn_cate1 {width:156px;}
#wrapper>header .header_inner .gnb > div.btn_cate2 {width:142px;}
#wrapper>header .header_inner .gnb > div.btn_cate3 {width:142px;}
#wrapper>header .header_inner .gnb > div.btn_cate4 {width:132px;}
#wrapper>header .header_inner .gnb > div.btn_cate5 {width:132px;}
#wrapper>header .header_inner .gnb > div.btn_cate6 {width:132px;}
#wrapper>header .header_inner .gnb .snb {margin-top:15px;display:none; font-size:13px}
#wrapper>header .header_inner .gnb .snb a {position:relative;display:block;font-size:15px;line-height:38px;line-height:26px; color:#666;}
/*#wrapper>header .header_inner .gnb > div.btn_cate1 {width:112px;}
#wrapper>header .header_inner .gnb > div.btn_cate2 {width:112px;}
#wrapper>header .header_inner .gnb > div.btn_cate3 {width:130px;}
#wrapper>header .header_inner .gnb > div.btn_cate4 {width:155px;}
#wrapper>header .header_inner .gnb > div.btn_cate5 {width:112px;}
#wrapper>header .header_inner .gnb > div.btn_cate6 {width:112px;}*/

#wrapper>header .bg_mask {height:0;background:rgba(255,255,255,1);}


a.btn_admin,
a.btn_b02	{ color :#ffffff }

.btn_submit { background:#71ad2d }






#main_img{width:100%;height:550px;margin-top:134px;}
#main_img > p{position:absolute;top:250px;cursor:pointer;}
#main_img #main_leftBtn{left:30px;z-index:997;}
#main_img #main_rightBtn{right:30px;z-index:998;}
#main_img #slider{width:100%;height:550px;position:relative;top:0;right:0;}
#main_img #slider .on {z-index:1;}
#main_img #slider .common {width:100%; height:703px;position:absolute;top:0;right:0;z-index:1;}
#main_img #slider .img_1 {background: url("/img/Main_Visual01.jpg") no-repeat center top;}
#main_img #slider .img_2 {background: url("/img/Main_Visual02.jpg") no-repeat center top;}
#main_img #slider .img_3 {background: url("/img/Main_Visual03.jpg") no-repeat center top;}


#main					{ width:1200px; margin:0px auto }

.main_slide .bx-wrapper {min-width: 1200px;}


.TriangleDiv			{ width:100%; display:block; height:650px  }
.TriangleDiv .L,
.TriangleDiv .R			{ width:599px; display: inline-block; float: left }
.TriangleDiv .R .Timg	{ height:325px; display: inline-block }

.TriangleDiv .list		{ float:left; height:325px}
.TriangleDiv .list ul 	{ list-style: circle; margin-left:35px }
.TriangleDiv .list ul li { width:100%; display:block}


/* ======================================================== */
/*  테이블 라이브러리												*/
.tbs_01 {border-collapse: separate; margin-top:10px; border:0; width:100%; text-align:center; border-collapse: collapse;}
.tbs_01.col3 th,
.tbs_01.col3 td {width:30%}
.tbs_01 th,
.tbs_01 td {border:1px solid #ccc; word-break:break-all }
.tbs_01 th {background:#f1f1f1; padding:8px 5px; text-align:center }
.tbs_01 td {padding:8px 5px; line-height: 30px}
.tbs_01 td p {display: block; width:670px}
.tbs_01 .clear 		td {background: #bfa}
.tbs_01 .wait 		td {background: #ecebeb}
.tbs_01 .working 	td {font-weight:bold; background:#b4eeff}
.tbs_01 .NotWorking td {background:#ffe7e7}



footer{width:100%; border-top:solid 1px #dfdfdf; background:#70ad2c; color:#ffffff}
footer .footer_inner{width:1200px; margin:0 auto; padding:50px 0;}
footer .footer_inner .logo-bt {width:350px;}
footer .footer_inner .logo-bt img{width:255px; height:45px;}
footer .footer_inner address{font-size:14px; line-height:30px; font-style:normal;}
footer .footer_inner address b{display:inline-block; width:40px; text-align:center;}