@charset "UTF-8";
@import "style.css";
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
/* style.css - 
---------------------------------------------------------------- */
/* ///////////////////////////////////////// 
	= DESKTOP Classes
///////////////////////////////////////// */

/*body*/
body .row2 { max-width: 715px; width: 715px; float: left; margin-left:45px;}
.fl{float:left;}

/*header*/



/*gnb*/
body #visual { position: relative; display:block; border-top: solid 1px #799bc5;border-bottom: solid 1px #799bc5;width:100%; min-width:1000px; background:url(../images/visual_bg.png) repeat-x; margin-bottom:20px;background-size:cover;}
body #visual .sub_visual{position:relative; width:1000px; height:200px; margin:0 auto;}


/*-----------------------lnb-------------------------------*/
.lnbbg { width: 168px; float: left; border:1px #b1b1b1 solid; background:url(../images/lnb_bg.png) no-repeat top left;}
#lnb>ul{margin:6px; width:156px}
#lnb>ul>li{border-bottom:1px solid #d3d3d3;}
#lnb li{ margin:0px;}
#lnb li.subbtntitle { font:30px "Ubuntu", Helvetica, 'Nanum Gothic', Sans-Serief, Dotum; display:inline-block; width:156px;height: auto; text-align: center; font-weight: bold; color: #3d3d3d; line-height:78px;}
li.lnb_btn{position:relative;margin:0px;}
li.lnb_btn>a, li.lnb_btn>a:link{border-left:5px solid #fff; position:relative; text-align:left; display:block; font-weight:normal; height:35px; line-height:35px; text-indent:15px; color: #666666;}
li.lnb_btn>a:hover, li.lnb_btn>a:focus{ background:url(../images/lnb_over.png) no-repeat right #d3d3d3; border-left:5px solid #6f6f6f; color:#000;transition:background-color .2s;}

li.current>a{ border-left:5px solid #6f6f6f !important; color:#000 !important; background:url(../images/lnb_over.png) no-repeat right #d3d3d3 !important;}
li.current1>a{ border-left:5px solid #6f6f6f !important; color:#000 !important; background:url(../images/lnb_on.png) no-repeat right #d3d3d3 !important;}
ul.depth3{background-color:#abb1b6; margin:0px;}
ul.depth3 a,ul.depth3 a:link{border-left:5px solid #6f6f6f; color:#fff; display:block; line-height:17px;padding:4px 20px 4px 20px; text-align:left;word-break:normal;}
ul.depth3 a:hover,ul.depth3 a:focus{color: #000;border-left:5px solid #6f6f6f;}
ul.depth3 li.sub_current a{color:#000}

/*contents ??�ぉ*/
.contents { position: relative; margin-bottom:5px;}
.title { position: relative; border-bottom: 1px solid #d3d3d3; margin-bottom:10px;}
.contents h2 { position: relative; float:left; height:30px; font: 20px 'Nanum Gothic'; font-weight:bold; color: #000; margin:10px 0 0;}
.contents p.route { position: relative; font: 12px "Helvetica Neue", Helvetica, Sans-Serief, Dotum; float: right; margin-top: 20px; color: #727272; }


.contents h3 { font: 22px/24px "Nanum Gothic", Helvetica, Sans-Serief, Dotum; }
.contents .margin20 { margin-bottom: 20px; }
.contents .margin10 { margin-bottom: 10px; }
.contents .margin0 { margin-bottom: 0px;}
.contents li { margin-bottom:20px; list-style: none; }
.contents li h4 {position: relative; margin:0 0 5px 0;font: 14px dotum;font-weight: bold;color: #799bc5; letter-spacing: -1px; word-spacing:-2pt}
span.h4-icon1 { float: left; width: 4px; height: 12px; display: block; background-color: #799bc5; margin-top: 1px; margin-right: 4px; }
.contents li h5 { font: 12px dotum; line-height: 14px; position: relative; font-weight:bold; margin: 0;color:#666}
.contents li p { font: 12px "Dotum", Helvetica, Sans-Serief, Dotum; color: #818181; line-height: 15px; margin: 0 0 5px 0; text-align:justify}
.contents p a{color: #818181;}
.contents #people a { text-decoration: none; }
.contents .bbs a:hover { color: #1aa0d5; }
.contents .bbs a, .contents .bbs a:active { font-size: 11px; color: #666; text-decoration: none; }


/*sub*/	
.contents ul.list{margin:0;}
.contents ul.list li { font: 12px "Dotum", Helvetica, Sans-Serief, Dotum; color: #818181; text-align: justify; list-style: outside disc; line-height: 14px; margin: 0 0 5px 20px; }



/*-----------------------------------------style----------------------------------------------------------*/
.background-img1 { background: url(../images/company/company_img002.png) no-repeat; width:715px; height:460px; text-indent:-5000em; display:block;}


/*------------------------------------------tab style--------------------------------------------------------------*/
.tab_btn ul { position: relative; float: left; }
.tab_btn ul a { margin-right: 1%; border-top: #dfdfdf solid 10px; display: block; }
.tab_btn ul a:hover { border-top: #20548d solid 10px; }
.tab_btn ul.tab_btn_on a { border-top: #20548d solid 10px; }
.tab_btn ul li.tab_btn_row1 { text-indent: 10px; font-size: 13px; font-weight: bold; color: #888888; margin: 5px 0 !important; }
.tab_btn ul li.tab_btn_row2 { text-indent: 10px; font-size: 20px; color: #3288CC; margin: 0 !important; }
.tab_btn ul.tab_btn_on li.tab_btn_row1 { text-indent: 10px; font-weight: bold; color: #000000; margin: 5px 0 !important; }
.tab_btn ul.tab_btn_on li.tab_btn_row2 { text-indent: 10px; font-size: 20px; font-weight: bold; color: #000000; margin: 0 !important; }


/*------------------------------------------연혁style--------------------------------------------------------------*/
.history { border-top: 2px #CCCCCC dotted; margin-bottom: 0px !important; padding-top: 10px; }
.his2014 { text-indent: -5000em; background: url(../images/company_icon.png) no-repeat -500px -50px; display: block; width: 100px; height: 40px; margin: 0px !important; }
.his2013 { text-indent: -5000em; background: url(../images/company_icon.png) no-repeat -400px -50px; display: block; width: 100px; height: 40px; margin-top: 10px !important; }
.his2012 { text-indent: -5000em; background: url(../images/company_icon.png) no-repeat 0px 0px; display: block; width: 100px; height: 40px; margin-top: 10px !important; }
.his2011 { text-indent: -5000em; background: url(../images/company_icon.png) no-repeat -100px 0; display: block; width: 100px; height: 40px; margin-top: 10px !important; }
.his2010 { text-indent: -5000em; background: url(../images/company_icon.png) no-repeat -200px 0; display: block; width: 100px; height: 40px; margin-top: 10px !important; }
.his2009 { text-indent: -5000em; background: url(../images/company_icon.png) no-repeat -300px 0; display: block; width: 100px; height: 40px; margin-top: 10px !important; }
.his2008 { text-indent: -5000em; background: url(../images/company_icon.png) no-repeat -400px 0; display: block; width: 100px; height: 40px; margin-top: 10px !important; }
.his2007 { text-indent: -5000em; background: url(../images/company_icon.png) no-repeat -500px 0; display: block; width: 100px; height: 40px; margin-top: 10px !important; }
.his2006 { text-indent: -5000em; background: url(../images/company_icon.png) no-repeat -600px 0; display: block; width: 100px; height: 40px; margin-top: 10px !important; }
.his2005 { text-indent: -5000em; background: url(../images/company_icon.png) no-repeat -700px 0; display: block; width: 100px; height: 40px; margin-top: 10px !important; }
.his2004 { text-indent: -5000em; background: url(../images/company_icon.png) no-repeat -800px 0; display: block; width: 100px; height: 40px; margin-top: 10px !important; }
.his2003 { text-indent: -5000em; background: url(../images/company_icon.png) no-repeat -900px 0; display: block; width: 100px; height: 40px; margin-top: 10px !important; }
.his2002 { text-indent: -5000em; background: url(../images/company_icon.png) no-repeat 0 -50px; display: block; width: 100px; height: 40px; margin-top: 10px !important; }
.his2001 { text-indent: -5000em; background: url(../images/company_icon.png) no-repeat -100px -50px; display: block; width: 100px; height: 40px; margin-top: 10px !important; }
.his2000 { text-indent: -5000em; background: url(../images/company_icon.png) no-repeat -200px -50px; display: block; width: 100px; height: 40px; margin-top: 10px !important; }
.his1999 { text-indent: -5000em; background: url(../images/company_icon.png) no-repeat -300px -50px; display: block; width: 100px; height: 40px; margin-top: 10px !important; }
.his_p p { background: url(../images/company_icon.png) no-repeat 0 -380px; display: block; margin: 0; padding-left: 20px; }


/*--------------------------------------------------������ style-------------------------------------------------------*/
.web{display:block;}
.mobile{display:none;}
ul.box001 { border: 1px dotted #39C; margin-top: 30px; box-sizing:border-box; padding:20px;}
.group ul { width: 100%; margin: 0px; }
.group li { position: relative; margin-bottom: 0px !important; background: url(../images/company_icon.png) no-repeat; }
ul.group-top { height: 8px; margin-top: 20 !important; }
li.group-top-left { float: left; width: 100%; height: 8px; background-position: 0 -140px; }
li.group-top-right { float: right; top: -8px; right: 0; width: 11px; height: 8px; margin-bottom: 0px; background-position: -938px -140px; }
dl.group-middle { margin: 0; }
dl.group-middle dt { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; text-align: center; font-size: 15px; height: 35px; line-height: 35px; }
dl.group-middle dd { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; background: url(../images/company_icon.png) no-repeat 10px -367px #f2f2f2; text-indent: 20px; text-align: left; font-size: 13px; padding-top: 5px; line-height: 35px; margin: 0; }
dl.group-middle > dd > p{margin:0; text-indent:20px;position: relative;}
ul.group-bottom { height: 10px; }
li.group-bottom-left { float: left; width: 100%; height: 10px; background-position: 0 -160px; }
li.group-bottom-right { float: right; top: -10px; right: 0; width: 11px; height: 10px; background-position: -938px -160px; }


/*---------------------------------------------------recruit-style--------------------------------------------------*/
div p.recruit-p1 { font-size: 12px; text-align: center; word-spacing: 1px;}
table.recruit-table1 { position: relative; width: 100%; border-collapse: collapse; height: 210px; top: 30px; font:12px; font: 12px "Dotum", Helvetica, Sans-Serief, Dotum;}
table.recruit-table1 td.recruit-table1-title { text-align: center; border: 1px solid #ccc; background-color: #eeeeee;}
table.recruit-table1 td.recruit-table1-data { padding: 3px 10px; text-align: left; border: 1px solid #ccc; }
.recruit_bg{ background: url(../images/pr/pr_img01.png) no-repeat; background-position:right bottom;}


/*----------------------------------------------ceo인사말--------------------------------------------------------------*/
span.ceo-sign { margin: 0 20px; font-weight: normal; font-family: 'Nanum Brush Script'; font-size: 60px; }


/*-------------------------------------------------solution------------------------------------------------------*/
li>p.solution-table1_title{text-align: center;background-color: #6886b1; margin:0px; color: #fff; font-size:12px; font-weight:bold; display:block; line-height:12px;padding:5px;}
.solution-table1_data{margin:2px 0px; border:2px dotted #ebebeb;background-color:#f9f9f9;}
.solution-table1_data dt{box-sizing:border-box; padding:10px; font-size:12px; font-weight:bold;}
.solution-table1_data dd{box-sizing:border-box; padding:5px 10px;font-size:12px;margin:0; line-height:12px; font-family:dotum;}
.solution-table1_data dt a{color:#000;}
.solution-table1_data dd a{color:#676767;}
.solution-table1_data_dl{float:left;margin:0;margin-right:60px;}

/*---------------------------------------------주요고객사-------------------------------------------------*/
.client{margin:10px 0;}
.client li{width:213px !important;border:1px solid #CCC; margin-bottom:20px; margin-right:20px;padding:5px;}
.client p{margin:0}
.client p.list-title{list-style:none; font-size:13px; font-weight:bold; text-align:left;}
.client p.list-title a{color: #818181;}
.client p.list-date{display:none;text-align:end; color:#666}
.client p.client-name{border-bottom:2px dotted #CCCCCC;width:100%;}
.client p.client-name a{float:left;color:#69C;display:block;}
.client .client-logo{display:block;position:relative; text-align:center; height:60px; vertical-align:middle; line-height:60px;}
.client .client-logo img{max-height:60px;max-width:180px;}

.partner{border-bottom:#CCC 2px dotted;}
.partner li{ outline:1px solid #CCC; margin-bottom:10px; box-sizing:border-box; padding:5px 10px;}
.partner a{color:#666;margin:0;float:left; position:relative; height:50px; width:150px; vertical-align:middle; line-height:50px;}
.partner .partner-logo{margin-right:15px;}
.partner .partner-logo img{max-height:50px;max-width:150px;}


/*---------------------------------------------업무담당자-------------------------------------------------*/
.customer_contact li{width:50%; float:left;}
.customer_contact img{float:left; margin-right:15px; width:95px; height:95px; display:block;padding:0}




/* ///////////////////////////////////////// 
	= Tab Classes
///////////////////////////////////////// */
@media handheld, only screen and (max-width: 999px) {
}
/* ///////////////////////////////////////// 
	= Mobile Classes
///////////////////////////////////////// */
@media handheld, only screen and (max-width: 767px) {
}



/* ??�쎌???4 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
}
/* ///////////////////////////////////////// 
	=.Global Classes
///////////////////////////////////////// */
.clearfix:after { content: ""; display: block; clear: both; }
.ie6 .clearfix { height: 1px; }
.ie7 .clearfix { min-height: 1px; }