@charset "euc-kr";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/******************************************** 񃧯 ********************************************/
html{overflow:scroll; overflow-x:hidden;} /* ie6 °¡·Î½ºÅ©·Ñ ¹®Á¦ ÇØ°á */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,address,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,input,textarea,select,option,label,legend,table,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;}
body,h1,h2,h3,h4,h5,dl,dt,dd,th,td,div,p,li,form,fieldset,select,legend,input,label,textarea{font-size:14px;font-family: "Noto Sans KR", sans-serif;color:#4c4c4c;}
th, td, li, p{line-height:1.4;}
/* a tag selector */
a {outline:none; selector-dummy:expression(this.hideFocus=true);}
a:link{color:#4c4c4c;text-decoration:none;}
a:visited{color:#4c4c4c;text-decoration:none;}
a:active,a:hover,a:focus{color:#0073c4;text-decoration:none !important;}
/* basic tags selector */
img,fieldset,iframe{border:0 none;}
ul ol,li{list-style:none outside;}
input,select,button{vertical-align:middle;}
img{vertical-align:top;}
em,address{font-style:normal;}
label,button{cursor:pointer;}
textarea{overflow:auto;}
button,label{cursor:pointer;_cursor /**/:hand}
hr,caption{display:none;}
table{border-spacing:0;border-collapse:collapse;*border-collapse:collapse;}
legend,caption{visibility:hidden;overflow:hidden;position:absolute;left:-9999px;top:-9999px;width:0;height:0;font-size:0;line-height:0;}
/* form select */
/* ff,opera,safari */
input[type=text],input[type=password],input[type=file],input[type="email"],input[type="tel"]{border:0;height:25px;line-height:25px;background:#f7f7f7;border:1px solid #ddd;}
input[type=image]{margin:0 !important; padding:0 !important;}
input[type=radio],input[type=checkbox],input[type="search"]{border:0 !important; padding:0; background:none !important;}
input[type=radio]{margin-bottom:-1px;}
/* ie6,7,8,9 */
input{border:expression((type=='radio'||type=='button'||type=='checkbox'||type=='image') ? '0px': '1px solid #ddd');margin:expression((type=='radio'||type=='checkbox') ? '0px 0px -1px 0px': 'inherit');height:expression((type=='text'||type=='password') ? '22px': 'inherit');vertical-align:top;background-color:expression((type=='text'||type=='password'||type=='file') ? '#f7f7f7': 'inherit');}
select{border:0;height:25px;background:#fff;color:#000;border:1px solid #ccc;}
button {border:0; background:transparent; cursor:pointer; *overflow:visible;}
textarea{width:97%;overflow:hidden;overflow-y:auto;padding:3px 6px;background:#f7f7f7;border:1px solid #ccc;line-height:18px;}
fieldset,blockquote,iframe,button{border:none;}
/******************************************** ·¹À̾ƿô ********************************************/
#wrap{width:100%;position:relative;margin:0 auto;background:#fff;}
#header_wrap{position:relative;z-index:900;background:#fff url('../img/common/bg_header.gif') repeat-x;}
#header{width:970px;height:117px;position:relative;z-index:800;margin:0 auto;}
/* header */
#header h1{position:absolute;top:50px;left:20px;}
#header .gnb{position:absolute;top:57px;right:0;}
#header .gnb li{float:left;position:relative;font-size:13px; padding-left:24px;}
#header .util{position:absolute;top:0;right:0;text-align:right;}
#header .util li{float:left;height:27px;line-height:27px;padding:0 10px 0 10px;font-size:11px;}
#header .util li a{color:#414141;}
#header .util li a:hover{color:#0073c4;}
#header .gnb .sub_nav li {padding:0;}
/* gnb */
#header .gnb h2{height:58px;}
#header .gnb h2 a{display:block;height:58px;padding:0;}
#header .gnb h2 a.on{height:30px;font-size:0;line-height:0;color:transparent;overflow:hidden;text-indent:100%;white-space:nowrap;}
#header .gnb h2 a.on img{display:none;}/* ie10, firefox */
#header .gnb h2.hn1 a.on{background: url("../img/common/gnb01_on.gif") no-repeat;width:90px;}
#header .gnb h2.hn2 a.on{background: url("../img/common/gnb02_on.gif") no-repeat;width:70px;}
#header .gnb h2.hn3 a.on{background: url("../img/common/gnb03_on.gif") no-repeat;width:170px;}
#header .gnb h2.hn4 a.on{background: url("../img/common/gnb04_on.gif") no-repeat;width:120px;}
#header .gnb h2.hn5 a.on{background: url("../img/common/gnb05_on.gif") no-repeat;width:70px;}
#header .gnb .sub_nav_box{position:absolute;top:59px;left:0px;padding:15px 0 15px 20px;background:#0073c4;display:none;width:120px;overflow: hidden;}



#header .gnb ul li:nth-child(2) .sub_nav_box{width:130px; left:-20px;}
#header .gnb ul li:nth-child(3) .sub_nav_box{width:170px; left:10px;}
#header .gnb ul li:nth-child(4) .sub_nav_box{width:140px; left:20px; padding-left:10px;}
#header .gnb ul li:nth-child(5) .sub_nav_box{width:100px;left:5px;}



#header .gnb .sub_nav_box .sub_nav{width:170px;margin:0 5px 0 0;}
#header .gnb .sub_nav_box .sub_nav ul{padding:0 0 0 0;}
#header .gnb .sub_nav_box .sub_nav li{width:100%;font-size:15px;letter-spacing:-1px;}
#header .gnb .sub_nav_box .sub_nav li a{display:block;color:#fff;padding:3px 10px !important;}
#header .gnb .sub_nav_box .sub_nav li.on a{display:block;color:#b7ecff;}#container{position:relative;width:970px;margin:0 auto;*zoom:1;}
#container:after {content:""; clear:both; display:block;}




#footer_wrap{position:relative;width:100%;background:#626262;clear:both; margin-top:60px;}
.footer{width:970px;position:relative;margin:0 auto;padding:25px 0 30px;}
.footer .flogo{float:left;width:140px;height:100px; padding-top:20px;}
.footer .fmenu{overflow:hidden;}
.footer .fmenu li{float:left;color:#fff;font-size:15px;font-weight:700;margin-right:15px;font-weight:400;}
.footer .fmenu li a{color:#fff;}
.footer .fmenu li a:hover{color:#000;}
.footer .address{font-size:13px;color:#d7d7d7;margin-top:10px;}
.footer .copyright{font-size:10px;color:#aaaaaa;}




/******************************************** ¸ÞÀÎ ********************************************/
/* main : mainvisual */
#rollingBanner{position:absolute;top:0;left:50%;margin:0 0 0 -650px;}
.m_visual{position:relative;height:420px;overflow-x:hidden;overflow-y:hidden;}
.m_visual .b_img{position:absolute;top:0;left:50%;margin:0 0 0 -50px;}
.m_visual .btn_text_box{width:970px;margin:0 auto;position:absolute;top:0;left:50%;margin:0 0 0 -940px;}
.m_visual .btn_left{position:absolute;top:180px;left:0;cursor:pointer;}
.m_visual .btn_right{position:absolute;top:180px;right:0;cursor:pointer;}
.m_visual .cnt{position:absolute;top:386px;left:454px;}
.m_visual .cnt span{margin:0 0 0 10px;display:inline-block;}
.m_visual .cnt a{margin-right:5px;}
.main_content{overflow:hidden;margin-top:60px;position:relative;}
.main_content .notice{float:left;width:305px;position:relative;margin:0 40px 30px 0;height:140px;}
.main_content .notice h3{margin-bottom:20px;}
.main_content .notice .more{position:absolute;top:4px;right:5px;}
.main_content .main_banner{width:640px;clear:both;padding-top:25px;border-top:1px solid #e8e8e8;}
.main_content .main_rightbanner{position:absolute;top:0;right:0;width:280px;}
.main_content .main_rightbanner .customer{margin-top:18px;}



.main_content .notice .board_output_13_tr td:first-child img {display:none;}




/******************************************** ¼­ºêÀüü ********************************************/
.content{float:right;width:730px;}
.content2{width:100%;}
.bg_company{background:url('../img/common/bg_company.gif') no-repeat top right;}
.bg_business{background:url('../img/common/bg_business.gif') no-repeat top right;}
.bg_product{background:url('../img/common/bg_product.gif') no-repeat top right;}
.bg_customer{background:url('../img/common/bg_customer.gif') no-repeat top right;}


/* lnb */
.lnb{float:left;width:170px;}
.lnb h2{font-size:30px; font-weight:700; color:#000;padding:70px 0 30px; width:170px;border-bottom:2px solid #0073c4;}
.lnb li{font-size:15px;border-bottom:1px solid #e9e9e9;font-weight:700;}
.lnb li a{display:block;padding:10px 10px 10px 5px;color:#4d4d4d;font-weight:700;}
.lnb li a:hover{color:#0073c4;background:#fff;}
.lnb li a.on{color:#fff;background:#0073c4;}


/* path */
.path{font-size:12px;color:#999999;margin:40px 0 8px 0;}
.path img{vertical-align:-1px;margin-right:10px;}
.path span{padding:0 7px;}
.path .current{display:inline-block;color:#444;}


/* title */
h3.title{margin:0;font-size:40px;color:#000;}
.content .content_body{margin:60px 0 0 0;min-height:420px;height:auto !important;height:420px;}
.content .content_body p, .content .content_body span, .content .content_body div{line-height:1.6;}
h3.stitle {position:relative; padding-left:10px;font-size: 24px; font-weight: 700; color: #363636; line-height: 24px; margin-bottom:30px; overflow: hidden;}
h3.stitle:before {content:''; position:absolute; top:1px; left:0; width:5px; height:22px; background-color:#147fc1;}
h4.sty {width:600px; font-size:18px; color:#147fc1; font-weight:700; line-height:30px;}


/*ȸ»ç¼Ò°³-Àλ縻*/
.com_history {overflow:hidden;margin-top:30px; text-align:center;}
.com_history h2 {font-size:30px; margin:50px 0 30px;}
.com_history h3 {font-size:15px; margin-bottom:10px; color:#4b4b4b;}
.com_history h3:nth-child(3) {margin-bottom:70px; font-weight:400;}
.com_history .history {position:relative; overflow:hidden; text-align: center; margin: 0 auto; width: 560px; padding-left:150px; margin-top:60px;}
.com_history .history ul {overflow:hidden; margin-bottom:50px; line-height: 24px;}
.com_history .history ul li{font-size:15px; font-weight:700; float: left; text-align: left; line-height:24px;}
.com_history .history ul li:nth-child(1){width:50px;}
.com_history .history ul li:nth-child(3){width:360px;}
.com_history .history ul li span {font-size:12px; color:#929292;}
.com_history .history ul li strong {font-size:24px; color:#147fc1;}
.com_history .history ul li.zum_line {width:20px;margin:3px 20px 0 40px;}
.com_history .history ul li.zum_line:after {content:''; position:absolute; width:20px; height:20px;background:url("../img/company/com_history_zum.gif") no-repeat center; z-index: 999;}
.content_body .com_history .history ul li.zum_line:before {content:''; position:absolute; top:10px; height:91%; margin-left:9px; border-left:2px solid #778288;}


/*ȸ»ç¼Ò°³-ÁÖ¿ä¾÷¹«*/
.content_body ul.task {overflow:hidden; margin-bottom:30px;}
.content_body ul.task li {float:left; margin-right:16px;}
.content_body ul.task li:last-child { margin-right:0px;}
.content_body ul.task li > h2.t_task {position:relative; width:166px; height:166px; border:2px dashed #b1b1b1; border-radius:50%; background-color:#fff;}
.content_body ul.task li > h2.t_task:before {content:''; position:absolute; top:5px; left:5px; width:156px; height:156px;border-radius:50%; background-color:#bde9f3;}
.content_body ul.task li b { position:absolute; width:166px; height:166px;padding-top:70px; text-align:center; font-size:15px; color:#fff;}
.content_body ul.task li:nth-child(1) b,.content_body ul.task li:nth-child(3) b { color:#000;}
.content_body ul.task li > ul {width:168px; background-color:#f9f9f9; z-index:-1; margin-top:-100px; padding: 120px 0 0 0; height: 360px; border:1px solid #b1b1b1; border-radius:15px;}
.content_body ul.task li > ul li {position:relative; float:none; padding:0 20px 8px 40px; margin:0; font-size:13px; color:#333;}
.content_body ul.task li > ul li:before {content:''; position:absolute; top:6px; left:30px; width:5px; height:5px; background-color:#0b7bba; }
.content_body ul.task li:nth-child(2n) h2.t_task:before {background-color:#afcff1;}


/* ȸ»ç¼Ò°³-¾àµµ */
.location{overflow:hidden;margin-top:30px;}
.location dt{float:left;width:140px;font-size:18px;color:#000;font-weight:700;margin:20px 0 0 0;padding:20px 0 0 0;border-top:1px solid #e7e7e7;font-weight:700;}
.location dd{float:left;width:590px;font-size:15px;color:#0073c4;margin:20px 0 0 0;padding:20px 0 0 0;border-top:1px solid #e7e7e7;}
.location dd ul{ line-height:30px;}
.location dd ul li{ line-height:22px;}


/*Á¡ÀÚÀμâ-Á¡ÀÚ¶õ*/
.sub02_01 {overflow:hidden; margin-bottom:30px;}
.sub02_01 li { font-weight:400; margin-bottom:30px; line-height:25px;}
.sub02_01 li span {font-weight:700;}
.sub02_02 {overflow:hidden;}
.sub02_02 li {position:relative; line-height:25px;margin-bottom:10px; padding-left:40px;}
.sub02_02 li:before {content:''; position:absolute; top:9px; left:296px; width:8px; height:8px; background-color:#147fc1;}
/*Á¡ÀÚÀμâ-Àμâ¹æ½Ä*/
.sub02_03 {overflow:hidden; margin:50px 0;}
.sub02_03 li{padding:0 80px;}
.sub02_03 li span.font16 {position:relative; padding-left:15px; color: #363636; font-weight: 700;}
.sub02_03 li span.font16:before {content:''; position:absolute; top:8px; left:0px; width:8px; height:8px; background-color:#147fc1;}
.sub02_03 li p {font-weight: 400;}
/*Á¡ÀÚÀμâ-ÀμâÁ¾·ù*/
.sub02_01 p.font16 {color: #363636; font-size:16px; font-weight: 700; margin-bottom:10px;}
.sub02_01 table {width: 100%;}
.sub02_01 table th {border-top:2px solid #147fc1; background: #deedf6; border-bottom: 1px solid #5aa5d4; color: #333;text-align: center;}
.sub02_01 table tr {border-bottom:1px solid #ccc; height:35px;}
.sub02_01 table td {border-left:1px solid #ccc; font-size:13px;padding: 10px 20px; color: #888;}
.sub02_01 table td:first-child {border-left:none;}
/*Á¡ÀÚ¸íÇÔ¡¤°øº¹¡¤°ø¾à¼­*/
.sub03_01 {overflow:hidden; margin-bottom:50px; }
.sub03_01 li {position:relative; margin-bottom:0; padding-left:20px; line-height:25px;}
.sub03_01 li:before {content:''; position:absolute; top:10px; left:10px; width:4px; height:4px;background-color:#147fc1;}
.sub03_01 li strong {color: #ef9b2e; font-size:13px;}
.sub02_01 li strong {color: #ef9b2e;}
.sub02_01 li p.box {display: block; padding: 10px 0; border: 1px solid #ccc; color: #2488c5; font-size: 18px; font-weight: bold; font-family: nanummyeongjo; text-align: center;}
.sub02_01 li p.box span {color: #ef9b2e;}
.sub02_01 .ex {padding-left: 18px; background: url("../img/sub03/bullet_h4.png") no-repeat; background-position-y:6px; display: -webkit-inline-box;}
.sub03_02 {overflow:hidden;}
.sub03_02 li {margin:0; line-height: 22px;}
.sub03_02 li span {color: #2488c5; font-weight:700;}
.sub03_02 p { margin-top: 20px; font-weight: 700; line-height: 21px; color: #333;}


/* ÄÁÅÙÃ÷ ¸®½ºÆ® */
.con1 li {background:url('../img/common/ico_jum.gif') no-repeat 0px 10px;padding:4px 0 4px 15px;}
.con2 {overflow:hidden;}
.con2 dt {background:#eaeaf1;font-size:20px;color:#0073c4;font-weight:700;padding:10px 15px;}
.con2 dd {padding:10px 0 30px 35px;font-size:15px;}






////////////////////// °¶·¯¸® °Ô½ÃÆÇ ////////////////////////////////
#container_list {width:100% !important;margin:0;border:none;}
#container_list{width:730px !important;margin:0 !important;border:none !important;}
#container_list .gallery_item_table {margin:0 11px 34px;}
#container_list .gallery_item_table .item_cell_subject {font-size:16px; font-weight:bold;}
#container_list .gallery_item_table_split {display:none;}


#container_view {width:100% !important;}
#container_view #cafe_bbs_view_table .view_cell_main {border:none !important;}
#container_view #cafe_bbs_view_table #view_main_table tr {display:none;}
#container_view #cafe_bbs_view_table #view_main_table tr:last-child {display:block;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_content {border:none !important;}




.table_caption{width:100%;*zoom:1;clear:both;margin-bottom:4px;}
.table_caption:after{clear:both;content:"";display:block;}
.table_caption .title{float:left;}
.table_caption .per{float:right;font-size:11px;font-family:dotum;color:#666666;}
.table_caption.tab img {margin-right:1px;}
.table_01{width:100%;}
.table_01 th{border-top:3px solid #3caede;border-bottom:1px solid #7bbfdc; padding:7px 0 6px; font:bold 12px/1.3em verdana; color:#3695be; text-align:center;}
.table_01 td{border-right:1px solid #d7e8ef;border-bottom:1px solid #d7e8ef;height:26px;font-size:12px;font-family:dotum;color:#666666;text-align:center;padding-top:5px;padding-bottom:5px;line-height:17px;}
.table_01 td.last {border-right:0}
.table_01 td.sub_title{background:#f8f8f8;}
.table_01 .left{text-align:left;padding-left:10px;}




.partners{padding:0;margin:43px 0 0 0;}
.partners table {margin-left:220px;}
.partners td{text-align:center;font-size:11px;font-family:dotum;color:#787878;width:157px;height:109px;vertical-align:top;}
.product{border-top:2px solid #45abd7;border-bottom:2px solid #45abd7;}
.product th {width:211px;text-align:left;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}
.product th img {border:4px solid #e1e3d8;}
.product td {vertical-align:top;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}
.product .title {font-weight:bold;font-size:13px;color:#333333;border-bottom:1px solid #45abd7;height:19px;}
.product .information {font-size:12px;font-family:dotum;color:#757575;line-height:17px;padding:10px 0 0 0;}
.product .last{border-bottom:0;}
.agreement_tle {float:left; margin:39px 25px 0 0;}
.agreement_list {list-style:none; float:left; width:446px; height:186px; margin:39px 0 0 0;}
.agreement_list p {float:left;width:210px;}
.agreement_list p img {margin-bottom:7px;}
.agreement {}
.agreement th {text-align:left;width:183px;vertical-align:top;}
.agreement td {font-size:11px;font-family:dotum;color:#787878;padding:0 0 29px 0;}


/* 2011.12.22 - Á¦Ç°¼Ò°³ ÄÁÅÙÃ÷ */
.table_product{ width:100%; table-layout:fixed; border-top:2px #45abd7 solid; border-bottom:2px #45abd7 solid; }
.table_product td{ padding:25px 0; border-bottom:1px #e7e7e7 solid; vertical-align:top; }
.table_product .tle{ padding:5px 0;font-size:18px;font-weight:700;color:#0073c4;}
.table_product .txt{ display:block; height:70px; margin-top:8px; }
.item_border { border:1px #e1e3d8 solid; }
.mtle_01 { padding:0 0 0 20px; height:21px !important; margin:30px 0 0 0 !important; font:bold 13px/1.3em dotum; color:#222; }
.line_001 { padding-top:2px; }
.txt_001 { font:12px/1.4em dotum; color:#666; }
.list_01 li { padding:0 0 2px 8px; font:12px/1.3em dotum; color:#666; }
.dbp { height:180px; padding:0 0 0 240px; margin-top:30px; line-height:1.4em; color:#666; }
.dbp a { display:inline-block; padding:3px 0; width:210px; font:bold 11px/1.2em dotum; letter-spacing:-1px; color:#555; }
.dbp a:hover { font:bold 11px/1.2em dotum; text-decoration:none; color:#ff6600; }
.dbp_table { width:100%; table-layout:fixed; }
.dbp_table th { vertical-align:top; text-align:left; font:bold 12px/1.4em verdana; color:#2499d4; padding-bottom:25px; }
.dbp_table td { vertical-align:top; font:11px/1.4em dotum; color:#777; padding:0 0 25px 15px; }
.login_box { border:1px #ebebeb solid; padding:40px 140px; text-align:center; margin-top:20px; font:12px/1.5em dotum; color:#555; }
.login_box .txt_01 { text-align:right; padding-right:10px; font:bold 12px/1.0em dotum; }
.login_box .box { border:1px #cdcdcd solid; padding:2px 4px 0; height:19px; *height:21px; width:100%; background-color:#f6f6f6; }
.login_box .find { border-top:1px #eaeaea solid; margin-top:25px; padding:25px 44px 0; text-align:right; font:11px/1.2em dotum; color:#777; }











/*Á¡ÀÚ¼±°Å°ø¾à¼­ ¾È³»*/
.election_wrap {width:100%;}
.election_wrap .election_txt {width:100%; margin-bottom: 30px;}
.election_wrap .election_txt h4 {font-size:15px;}
.election_wrap .election_txt li {padding-left:20px;line-height:24px;padding-top:10px;}
.election_wrap .election_txt li h5 {position: relative; font-weight:400;}
.election_wrap .election_txt li h5:before {font-weight: 400; content: ''; position: absolute; width: 4px; height: 4px; background-color: #000; border-radius: 50%;top: 10px; left: -10px;}
.election_wrap .election_txt li p {padding-left: 10px !important;}

.election_wrap .election_txt li .gray_box {background-color: rgba(0, 0, 0, 0.1);padding: 10px 20px;margin-top:10px;}