@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {
	min-height: 100%;
    height: 100%;
    font-family: Malgun Gothic,맑은 고딕,NanumGothic,나눔고딕,dotum,굴림,do;
    font-size:12px;
	}



        * { margin: 0; padding: 0; }
        body { font-family: 'Helvetica', sans-serif; }
        li { list-style: none; } 
        a { text-decoration: none; }
		img { margin: 0; padding: 0; }


table,tr,td,input,select,textarea { color: #666666;  line-height: 160%;  }

/* Layout Selector */
#wrapper {position:relative; width:100%; min-width:1170px; margin:0px; padding:0px; border-top:5px solid #333333;}
#wrapper_body {position:relative; width:1170px; margin:auto; padding:0px; }

/* 네비게이션 */
#top_wrap {width:100%; background:#FFF;}
#main_header {width:1170px; margin:0 auto; height:77px; position:relative;}
#main_header > #title {position:absolute; top:20px;}
#main_header > #main_lnb {position:absolute; right:0; width:800px; display:lnline; top:30px; letter-spacing:-0.02em; }
#main_header > #main_lnb ul {font-family:Malgun Gothic,맑은 고딕,NanumGothic,나눔고딕,dotum,굴림; overflow:hidden;}
#main_header > #main_lnb ul li {position:relative; float:left; padding-left: 82px; font-size:18px; line-height:25px; }
#main_header > #main_lnb ul li.last {padding-right:0; background:none;}
#main_header > #main_lnb ul li a {color:#000}
#main_header > #main_lnb ul li a span {color:#d51f26;}
#main_header > #main_lnb ul li a:hover{color:#3175c8;}


/* 메인 비주얼 */
#visual { 
	background-color: #e1f1d6;
	height:264px;
	}
.visual_img { width:1170px; margin:0 auto}
.visual_txt {position:relative; left:30px; top:-50px; display:inline-block; *display:inline; *zoom:1; padding:25px 20px; font-size:36px; font-weight:normal; color:#76a51d; }
.visual_txt span.s1 {display:block; padding-top:10px; color:#000; font-size:14px;}
.visual_txt span.s2 {display:block; padding-top:5px; color:#666; font-size:12px;}

/* 서브 비주얼 */
#sub_visual {
	background-color: #40bcd5;
	height:138px;
	}
#sub_visual > #banner {width:1170px; margin:0 auto; padding-top:10px;}
#sub_visual > #banner ul {overflow:hidden;}
#sub_visual > #banner ul li {float:left; display:inline; list-style:disc; line-height:15px; padding-left: 40px;}
.sub_item {overflow:hidden; padding-top:15px; width: 340px; }
.sub_item ul {overflow:hidden;}
.sub_item ul li {float:left; display:inline;; line-height:15px; padding-right: 20px;}
.sub_thumbnail {float:left;}
.sub_description {float:left; margin-left:15px; margin-top:5px; color:#fff;}
.sub_description h3 {line-height: 25px; color:#333;}

/* 서브 콘텐츠 */

#wrap {width:1170px; min-height:100%; margin:0 auto; overflow:hidden; background-color: #fff; padding-bottom: 60px; }
#portfolio { width:1170px; margin:0 auto; overflow:hidden; height:400px; border-bottom:1px solid #d5d7d6; }
#portfolio ul {overflow:hidden;}
#portfolio ul li {float:left; display:inline; padding-right:27px; }
#portfolio ul li:last-child {padding-right:0; }
#portfolio ul li img {border: 1px solid #efefef; }
.title_txt {padding:20px 0 10px 5px; font-size:20px; font-weight:bold; color:#000; }
.title_txt1 {padding:10px 0 0 0px; font-size:14px; font-weight:bold; color:#ecc71e; }
.history{font-size:24px; color:#007F48; font-family:"Malgun Gothic", "맑은 고딕", '돋움',dotum,Helvetica,sans-serif;}

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 35px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    width: 890px;
    font-family:"dotum";
    font-size:13px;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    width:200px;
    height: 34px;
    line-height: 35px;
    border: 1px solid #eee;
    border-left: none;
    font-weight: bold;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}
ul.tabs li.active {
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {
    border: 1px solid #eee;
    border-top: none;
    clear: both;
    float: left;
    width: 890px;
    background: #FFFFFF;
}
.tab_content {
    padding: 5px;
    font-size: 13px;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}

/* 메인공지사항 */
#wrap > #notice { 
	margin: 0 auto;
	overflow:hidden;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 155px;
	width: 1170px;
	}
#wrap > #notice ul {overflow:hidden;}
#wrap > #notice ul li {float:left; display:inline; line-height:15px; padding-right: 30px;}
#wrap > #notice ul li:last-child {padding-right:0;}
.board_area {float:left; display:inline; width:372px; height:155px;}
.board_area ul {width:330px; font-size:12px; color:#666; margin-top:2px; height:90px; padding:5px 30px 30px 2px;}
.board_area ul li {overflow:hidden; width:368px; height:15px; padding-top:2px;}
.board_area ul li span.board_con {float:left; display:inline; width:250px; height:15px; padding-left:7px; background:url(/idea/images/ico_redNemo.gif) left 7px no-repeat;}
.board_area ul li span.board_con a {color:#666;}
.board_area ul li span.board_con a:hover,link,active {color:#000;}
.board_area ul li span.board_date {float:right; display:inline; width:80px; height:15px; color:#666;}
.item {overflow:hidden; padding-top:15px; width: 360px; }
.thumbnail {float:left;}
.description {float:left; margin-left:15px; margin-top:5px; color:#666;}
.description2 {float:left; margin-left:15px;  font-size:14px; color:#000; line-height:20px;}
.description h3 {line-height: 25px;}

/* 본문 */
#content { width: 1170px; margin:0 auto; height: 100%; }
#content > #aside{ float:left; width: 225px; height:100% auto; background-color: #fff;}
#content > #aside h2{margin-top:15px; text-align:center; color:#414141; font-size:2.5em; font-weight:normal; line-height:1.7em;  font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif;letter-spacing:-1.7px; }
#content > #aside .long{ text-align:center; color:#414141; font-size:2.1em; font-weight:normal; line-height:1.7em;  }
#content > #aside .lnb{ float:left; width:100%; margin-top:16px; border-top: 1px solid  #dddddd; }
#content > #aside li{ height:36px; background:url(/idea/images/sub_menu.png) no-repeat; border-bottom: 1px solid  #dddddd; }	   
#content > #aside li a{height:36px; font-size:14px; letter-spacing:-1.5px;color:#595959; }
#content > #aside li a{padding:8px 6px 0 20px;font-size:14px; letter-spacing:-0.5px; color:#444;display:block}
#content > #aside li a:hover{color:#000;text-decoration:none; background:url(/idea/images/sub_menu_on_02.png) no-repeat; }
#content > #aside .on a{color:#fff;text-decoration:none; background:url(/idea/images/sub_menu_on.png) no-repeat; }
#content > #aside .on a:hover{color:#fff;text-decoration:none; background:url(/idea/images/sub_menu_on.png) no-repeat; }	

#content > #section{ float:right; width:895px; margin:0 auto; margin-top:23px;  overflow:hidden; height:auto;}
#content > #section h2{color:#333; font-size:2em; font-weight:normal; line-height:1.7em;  font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif;letter-spacing:-1.7px;}
#content > #section .line{border-bottom: 2px solid  #86d540;}
.cont_body {width:905px; margin-top:20px;}
.contact_txt1 {font-size: 13px; padding-top:10px;line-height:1.7em; }
.contact_txt2 {font-size: 13px; padding-top:10px;line-height:1.5em; padding-bottom:20px;}
.service_txt1 {font-size:18px; padding-top:10px;line-height:1.7em; color:#006699;}


/* 푸터 */
#footer_wrap {
	padding-top: 20px;
	background-color: #333;
	color: #fff;
	height: 50px;
	line-height: 18px;
	text-align: center;
	position:relative;
	}
#footer_wrap >#footer {width:1170px; margin:0 auto; font-weight:normal;position:relative;}

/* Float */
.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}

/* Link */
a {color:#000000;text-decoration:none;}
a:link, visited, active {color:#000000;text-decoration:none;}
a:hover {color:#d51c24;text-decoration:none;}

/* Align */
.l {text-align:left !important;}
.c {text-align:center !important;}
.r {text-align:right !important;}
.j {text-align:justify !important;}

.t {vertical-align:top !important;}
.m {vertical-align:middle !important;}
.b {vertical-align:bottom !important;}

/* btn */
.btn_center {padding:10px 0px 5px 0px; text-align:center;}
.btn_right {padding:10px 0px 25px 0px; text-align:right;}
.btn_right button {margin-left:5px;}

a.btn_white {
	display:inline-block; *display:inline; *zoom:1; 
    font-weight: bold;
	height:25px;
	margin-right:1px;
	padding-left:10px;
    vertical-align: middle;
	color:#333;
	background:url('../images/btn_white_l.gif') left top no-repeat;
}
a.btn_white span {display:inline-block; *display:inline; *zoom:1; height:25px; padding-right:10px; line-height:28px; background:url('/idea/images/btn_white.gif') right top no-repeat; font-family:'dotum'}
a.btn_white span span.ico_qna {padding-left:18px; padding-right:0; background:url('/idea/images/ico_qna.gif') left 6px no-repeat;}
a.btn_white:link, visited, active {color:#333; text-decoration:none;}
a.btn_white:hover {color:#333;}

a.btn_red {
	display:inline-block; *display:inline; *zoom:1; 
    font-weight: bold;
	height:25px;
	margin-right:1px;
	padding-left:9px;
    vertical-align: middle;
	color:#e60012;
	background:url('/idea/images/btn_red_l.gif') left top no-repeat;
}
a.btn_red span {display:inline-block; *display:inline; *zoom:1; height:25px; padding-right:9px; line-height:28px;  background:url('/idea/images/btn_red.gif') right top no-repeat; font-family:'dotum'}
a.btn_red:link, visited, active {color:#e60012; text-decoration:none;}
a.btn_red:hover {color:#e60012;}


/* Font */
.fb {font-weight:bold !important;}
.fb_g {font-size:11px; color:#ababab !important;}
.fb_b {font-weight:normal;color:#7d7d7d !important;}
.fn {text-decoration:none; font-weight:normal !important;}
.fs10 {font-size:10px !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important; line-height:1.7em;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:15px !important;}
.fs18 {font-size:18px !important; padding-top:10px;line-height:1.7em; color:#006699;}

.img_line { padding-top:10px;}
.img_line img{ border: 5px solid #c2c2c2;}

/* Padding */
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}

.pd_none {padding:0px !important;}

.pd_lnone {padding-left:0px !important;}
.pd_l3 {padding-left:3px !important;}
.pd_l5 {padding-left:5px !important;}
.pd_l6 {padding-left:6px !important;}
.pd_l10 {padding-left:10px !important;}
.pd_l11 {padding-left:11px !important;}
.pd_l12 {padding-left:12px !important;}
.pd_l15 {padding-left:15px !important;}
.pd_l16 {padding-left:16px !important;}
.pd_l17 {padding-left:17px !important;}
.pd_l18 {padding-left:18px !important;}
.pd_l19 {padding-left:19px !important;}
.pd_l20 {padding-left:20px !important;}
.pd_l21 {padding-left:21px !important;}
.pd_l25 {padding-left:25px !important;}
.pd_l26 {padding-left:26px !important;}
.pd_l30 {padding-left:30px !important;}
.pd_l35 {padding-left:35px !important;}
.pd_l40 {padding-left:40px !important;}
.pd_l53 {padding-left:53px !important;}
.pd_l60 {padding-left:60px !important;}
.pd_l100 {padding-left:100px !important;}
.pd_l170 {padding-left:170px !important;}

.pd_r3 {padding-right:3px !important;}
.pd_r5 {padding-right:5px !important;}
.pd_r7 {padding-right:7px !important;}
.pd_r8 {padding-right:8px !important;}
.pd_r10 {padding-right:10px !important;}
.pd_r15 {padding-right:15px !important;}
.pd_r17 {padding-right:17px !important;}
.pd_r18 {padding-right:18px !important;}
.pd_r19 {padding-right:19px !important;}
.pd_r20 {padding-right:20px !important;}
.pd_r30 {padding-right:30px !important;}
.pd_rnone {padding-right:0px !important;}

.pd_t2 {padding-top:2px !important;}
.pd_t3 {padding-top:3px !important;}
.pd_t5 {padding-top:5px !important;}
.pd_t8 {padding-top:8px !important;}
.pd_t10 {padding-top:10px !important;}
.pd_t13 {padding-top:13px !important;}
.pd_t15 {padding-top:15px !important;}
.pd_t20 {padding-top:20px !important;}
.pd_t25 {padding-top:25px !important;}
.pd_t30 {padding-top:30px !important;}
.pd_t35 {padding-top:35px !important;}
.pd_t40 {padding-top:40px !important;}
.pd_t50 {padding-top:50px !important;}
.pd_t60 {padding-top:60px !important;}
.pd_t80 {padding-top:80px !important;}
.pd_t90 {padding-top:90px !important;}
.pd_tnone {padding-top:0px !important;}

.pd_b2 {padding-bottom:2px !important;}
.pd_b5 {padding-bottom:5px !important;}
.pd_b8 {padding-bottom:8px !important;}
.pd_b10 {padding-bottom:10px !important;}
.pd_b15 {padding-bottom:15px !important;}
.pd_b20 {padding-bottom:20px !important;}
.pd_b25 {padding-bottom:25px !important;}
.pd_b30 {padding-bottom:30px !important;}
.pd_b45 {padding-bottom:45px !important;}
.pd_b50 {padding-bottom:50px !important;}
.pd_bnone {padding-bottom:0px !important;}


/* spacing */
.sp1 {clear:both; height:1px; font-size:1px; line-height:1px;}
.sp3 {clear:both; height:3px; font-size:3px; line-height:3px;}
.sp5 {clear:both; height:5px; font-size:5px; line-height:5px;}
.sp8 {clear:both; height:8px; font-size:8px; line-height:8px;}
.sp10 {clear:both; height:10px; font-size:1px; line-height:1px;}
.sp15 {clear:both; height:15px;}
.sp20 {clear:both; height:20px;}
.sp25 {clear:both; height:25px;}
.sp30 {clear:both; height:30px;}
.sp35 {clear:both; height:35px;}
.sp40 {clear:both; height:40px;}
.sp45 {clear:both; height:45px;}
.sp50 {clear:both; height:50px;}
.sp80 {clear:both; height:80px;}
.sp90 {clear:both; height:90px;}
.sp100 {clear:both; height:100px;}

/* Color */
.gold {color:#de2431 !important;}
.orange {color:#ff6600 !important;}
.yellow {color:#cc6600 !important;}
.white {color:#ffffff !important;}
.black {color:#000000 !important;}
.gray {color:#707070 !important;}
.dGray {color:#AAACAE !important;}
.black_big {color:#494949 !important; font-size:14px !important; font-weight:bold !important;}
.gray_big {color:#727272 !important; font-size:14px !important; font-weight:bold !important;}
.wine_big{color:#8d122c !important; font-size:14px !important; font-weight:bold !important;}
.gray_normal {color:#999999 !important; font-weight:normal !important;}
.green {color:#5f8d4d !important;}
.blue {color:#406297 !important;}
.red {color:#de2431 !important;}
.brown {color:#6E5D47 !important;}

/* 테이블에 대한 스타일  */
.table_pannel{border-top:2px #303030 solid;}
.table_pannel02{border-top:2px #999999 solid;}
.table_title01{border-bottom:1px #D1D1D1 solid;border-right:1px #D1D1D1 solid; padding:5px 8px 5px 8px;background-color:#F6F6F6;}
.table_title02{border-bottom:1px #D1D1D1 solid; padding:5px 8px 5px 8px;background-color:#F6F6F6;}
.table_title03{border-bottom:1px #D1D1D1 solid;border-right:1px #D1D1D1 solid; padding:5px 8px 5px 8px;background-color:#F6F6F6; text-align:center;}
.table_title04{border-bottom:1px #D1D1D1 solid; padding:5px 8px 5px 8px;background-color:#F6F6F6; text-align:center;}
.table_text01{border-bottom:1px #D1D1D1 solid;border-right:1px #D1D1D1 solid; padding:5px 8px 5px 8px; }
.table_text02{border-bottom:1px #D1D1D1 solid; padding:5px 8px 5px 8px;}
.table_text03{border-bottom:1px #D1D1D1 solid;border-right:1px #D1D1D1 solid; padding:5px 8px 5px 8px; text-align:center;}
.table_text04{border-bottom:1px #D1D1D1 solid; padding:5px 8px 5px 8px; text-align:center;}


/*** 리스트형 테이블 ***/
.gtline { height:2px; background-color:#303030; }
.gtbg { padding-top:2px;  padding-left: 10px; height:30px; background-color:#F0F0F0; text-align:center; font-weight: bold;}
.gcline { height:1px; background-color:#D6D6D6; }
.gbbg { height:60px; background-color:#f7f7f7; text-align:right; }
.gbline { height:1px; background-color:#efefef; }



/* form */
form {display:inline;}
.form { height:20px; padding-top:4px; padding-left:4px; background-color:#FBFBFB; border:1px solid #EBEBEB; color: #444444;font-size:12px; line-height: 100%;}
.login { height:20px; border:1px solid #bbbbbb; padding-top:4px; padding-left:4px; font-size: 12px; color: #053f64; line-height: 100%;}

.contbox { border-left:1px solid #D7D7D7;border-right:1px solid #D7D7D7; padding:10px 20px 10px 20px;}
.joinbox { border-left:1px solid #D7D7D7;border-right:1px solid #D7D7D7;border-bottom:1px solid #D7D7D7; padding:10px 20px 10px 20px;}

.tblhead { font-size: 12px; font-weight: normal; text-align: center; color: #333333; background-color: #f5f5f5; padding-right:5px;}
.tbldata { font-size: 9pt; color: #666666; }


.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}
.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}
.btn-default.active{background-color:#fff;border-color:#ccc}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] 
.btn-default,.btn-default.disabled:hover,.btn-default[disabled]
:hover,fieldset[disabled] 
.btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled]