<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url("common.css");

#topimg {width:100%; height:px; background:url('http://www.giva.or.kr/img/sub_bg.gif') top left repeat-x; height:300px;}
#topimg div {margin:0 auto; height:300px;}
	.company_img {background:url('../img/sub_main_01.jpg') top center no-repeat;}
	.branch_img {background:url('../img/sub_main_02.jpg') top center no-repeat;}
	.solution_img {background:url('../img/sub_main_03.jpg') top center no-repeat;}
	.client_img {background:url('../img/sub_main_04.jpg') top center no-repeat;}
	.service_img {background:url('../img/sub_main_05.jpg') top center no-repeat;}
	.delivery_img {background:url('../img/sub_main_06.jpg') top center no-repeat;}

#container {position:relative; width:980px; margin:40px auto; overflow:hidden; clear:both; *zoom:1;}

.lnb {float:left; width:190px; margin-right:60px;}
	.lnb ul {width:190px;}
	.lnb li {}
	.lnb li a:link, .lnb li a:visited {width:158px; display:block; padding:10px 15px; background:url(' ') right top no-repeat; color:#666; font-weight:600; border:1px solid #dedede; margin-bottom:2px;}
	.lnb li a:hover {width:160px; display:block; padding:11px 15px; background:url('../img/lnb_hover.jpg') right top no-repeat; color:#fff; font-weight:600; border:none;}
	.lnb li a.hover {width:160px; display:block; padding:11px 15px; background:url('../img/lnb_hover.jpg') right top no-repeat; color:#fff; font-weight:600; border:none;}

	.lnb .depth2 {padding:13px 0px 10px 15px; width:140px;}
	.lnb .depth2 li {line-height:160%; color:#666; font-size:.9em;}
		.depth2 a:link, .depth2 a:visited {color:#666; background:none !important; border:none !important; padding:0 0 2px 0 !important; font-weight:500 !important;}
		.depth2 a:hover {color:#0095ea !important; background:none !important; border:none !important; padding:0 0 2px 0 !important; text-decoration:underline; font-weight:600 !important;}
		.depth2 a.linktop {color:#0095ea !important; background:none !important; border:none !important; padding:0 0 2px 0 !important; text-decoration:underline; font-weight:600 !important;}

.contentArea {float:left; width:730px;}
	.tit_area {width:730px; margin-bottom:30px;}
	.tit_area &gt; p {float:right !important; color:#666; display:block; font-size:0.9em;  line-height:normal;}
	.tit_area p a.home {display:inline-block; background:url(' ') left no-repeat; width:12px; height:14px; line-height:normal;}
	.tit_area p a:link, .tit_area p a:visited {color:#666; font-size:0.9em;}
	.tit_area p strong {color:#333; font-weight:bold;}
	.tit_area h3 {font-size:2.2em; color:#333; font-weight:bold; letter-spacing:-1pt; line-height:normal;}
	
	.contents {position:relative; width:730px; margin:0 auto; padding-bottom:30px;}
	.contents h4 {font-size:2.0em; padding-bottom:25px; line-height:normal; letter-spacing:-1pt; color:#333;}
	.contents h4.cont_tit {padding-bottom:20px !important;}


/* e³μi†μe¶?e|¿ */
.dep_tit {display:block; background:url(' ') left 2px no-repeat; padding-left:23px; font-size:1.2em; color:#333; font-weight:bold; padding-bottom:15px;}
.dep_cont {display:block; padding:0 0 35px 23px; line-height:150%;}
.dep_cont2 {display:block; padding:0 0 30px 12px; line-height:150%;}
.dep_cont3 {display:block; padding:0 0 30px 15px; line-height:150%;}

.dep2_tit {display:block; background:url(' ') left 7px no-repeat; padding-left:15px; font-size:1.1em; color:#333; padding-bottom:10px; font-weight:600;}
.dep2_btit {display:block; background:url(' ') left 4px no-repeat; padding-left:15px; font-size:1.1em; color:#333; padding-bottom:10px; font-weight:600;}
.dep2_cont {display:block; padding:0 0 20px 15px; line-height:150%;}
.dep2_cont2 {display:block; padding:0 0 20px 7px; line-height:150%;}
.dep2_cont3 {display:block; padding:0 0 0 7px; line-height:150%;}

.dep_dot {display:block; background:url(' ') left 8px no-repeat; padding-left:10px; padding-bottom:3px;}
.dep_dot2 {display:block; background:url(' ') 5px 8px no-repeat; padding-left:15px; padding-bottom:3px;}

.point_txt01{color:#093480; font-weight:700}
.tpad_10{padding-top:10px;}
.bpad0{padding-bottom:0;}
.tmar_5{margin-top:5px;}
.tmar_10{margin-top:10px;}
.ls02{letter-spacing:-0.2pt;}

/**************** i?Œi?￢i†Œe°œ ****************/

/* i?¸i?￢e§? */
.greeting {}
.greeting .sub_tit {font-size:1.4em; color:#333333; padding-bottom:10px; line-height:140%; letter-spacing:-1pt;}
.greeting ul {width:100%; overflow:hidden; clear:both; *zoom:1;}
.greeting li {float:left;}
.greeting .txt {width:71%; line-height:150%;}
.greeting .greet_img {width:100%;  background:url('') top right no-repeat; padding-top:20px;}
.greeting .greet_sign {display:block; font-size:1.2em; text-align:right; color:#333; letter-spacing:-0.5pt;}


/* i?¤e|½e°°e²½,e¹?i?? */
.vision li {float:left; padding:16px 0px 18px 0px;}
.vision p {color:#fff; font-size:1.2em; margin:0; font-weight:600;}
.vision span {color:#fff; font-size:0.9em; opacity:0.8;}
	.vbg1 {background:url(' ') left top no-repeat; width:102px; text-align:center;}
	.vbg2 {background:url(' ') left top no-repeat; width:126px; text-align:center;}
	.vbg3 {background:url(' ') left top no-repeat; width:221px; text-align:center;}
	.vbg4 {background:url(' ') left top  no-repeat; width:146px; text-align:center;}
	.vbg5 {background:url(' ') left top  no-repeat; width:111px; text-align:center;}


/* i?°i?? */
.year_tab {width:100%; overflow:hidden; clear:both; *zoom:1;}
.year_tab li {float:left; margin-right:1px;}
.year_tab li.nth-child(4) {float:left; margin-right:0px;}
.year_tab a:link {display:block; background:url(' ') left bottom repeat-x; width:181px; text-align:center; padding-bottom:22px; font-size:1.1em; color:#333;}
.year_tab a:hover, .year_tab a.hover  {display:block; background:url(' ') left bottom no-repeat; width:181px; text-align:center; padding-bottom:22px; font-size:1.1em; color:#333; font-weight:bold;}

ul.listHis {overflow:hidden; margin-top:50px; padding-bottom:6px;}
ul.listHis li {position:relative; padding-left:70px;}
ul.listHis li dl {padding-top:60px; border-left:2px solid #386bc4; *margin-top:-13px}
ul.listHis li dt {position:absolute; left:0; top:57px; font-size:18px; color:#111; background:url(" ") no-repeat right center; padding-right:25px; width:53px;}
ul.listHis li dd {padding:10px 0 0 70px; color:#707070; margin:0; width:auto; display:block;}
ul.listHis li dd em {color:#111; margin-left:-42px; font-weight:bold; font-style:normal !important; display:inline-block; width:60px; }
ul.listHis li:first-child dl, ul.listHis li dl.first {padding:0;}
ul.listHis li:first-child dt, ul.listHis li dt.first {top:0; z-index:2; background-position:right 0;}


/* i?￢e￢´eμ­ i?…e￢´ */
.borderBox {padding:24px 0px; width:700px;}
.borderBox2 {border:1px solid #ddd; padding:24px 19px; width:350px;}
.business_img {background:url('') bottom right no-repeat;}


/* i°¾i??i?¤i?œe?” e¸¸ */
.map_area {margin-bottom:20px; border:1px solid #ddd;}
.map_address {overflow:hidden; clear:both; margin-bottom:15px;}
.map_address .text {float:left; width:80%; line-height:160%; padding-top:10px}
.map_address .text p.add_icon {background:url('') top left no-repeat; padding-left:27px; margin-bottom:5px; line-height:20px;}
.map_address .text p.tel_icon {background:url('') left 3px no-repeat; padding-left:27px; margin-bottom:2px; line-height:20px;}
.map_address .text p.tel_icon img{vertical-align:middle; margin-left:5px}
.map_address .map_btn {float:right; width:20%; text-align:right;}
.map_btn a.google_btn  {display:inline-block; background:url('') top right no-repeat; width:100px; padding:10px; color:#fff; margin-bottom:2px;  text-align:left;}
.map_btn a.print_btn  {display:inline-block; background:url('') top right no-repeat;  width:100px; padding:10px; color:#fff;  text-align:left;}


/**************** i?Œi??i§€i?? ****************/


/* i§€i??i?￢i?… */
.blue_box {width:690px; background:#f2f7fa; padding:22px 20px 19px 20px; margin-top:10px;} 

.edu_list {width:100%; overflow:hidden; clear:both; *zoom:1;}
.edu_list li {float:left; width:50%;}
.edu_list .edu_tit1 {display:block; text-align:center; padding:8px 0; color:#fff; background:url('') left repeat-x; font-weight:bold;}
.edu_list .edu_tit2 {display:block; text-align:center; padding:8px 0; color:#fff; background:url('') left repeat-x; font-weight:bold;}
.edu_list .edu_txt {padding:20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; height:336px;}

.support_tab {width:100%; overflow:hidden; clear:both; *zoom:1; margin-bottom:25px;}
.support_tab li:nth-child(1) {float:left; margin-right:4px;}
.support_tab li:nth-child(2) {float:left; margin-right:4px;}
.support_tab li:nth-child(3) {float:left; margin-right:4px;}
.support_tab li:nth-child(4) {float:left;}
.support_tab li a:link, .support_tab li a:visited {display:block; background:url('') left bottom repeat-x; width:179px; text-align:center; padding-bottom:22px; font-size:14px; color:#555;}
.support_tab li a:hover, .support_tab li a.hover {display:block; background:url('') center bottom no-repeat; width:179px; text-align:center; padding-bottom:22px; font-size:14px; color:#333; font-weight:bold;}

.support7_img{position:absolute; top:85px; right:0}

.support8_process {overflow:hidden; clear:both; padding-bottom:20px;}
.support8_process li{float:left; width:127px; margin-left:24px; padding-top:6px; text-align:center; letter-spacing:-0.5pt; line-height:135%;}
.support8_process li:first-child{margin-left:0;}
.support8_process li:nth-child(2){margin-left:23px;}

/* i?Œi??e°€i?…i??e?´ */
.btn_join{padding-left:150px}
a.btn_download:link, a.btn_download:visited, a.btn_download:hover {float:left; margin-right:2px; display:block; background:url('') bottom right no-repeat; width:220px; height:41px; line-height:41px; text-align:center; font-size:1.2em; color:#fff;}
a.btn_download2:link, a.btn_download2:visited, a.btn_download2:hover {float:left; margin-right:2px; display:block; background:url(' ') bottom right no-repeat; width:220px; height:41px; line-height:41px; text-align:center; font-size:1.2em; color:#fff;}
a.btn_download3:link, a.btn_download3:visited, a.btn_download3:hover {margin:0 auto; display:block; background:url(' ') bottom right no-repeat; width:220px; height:41px; line-height:41px; text-align:center; font-size:1.2em; color:#fff;}

/* i?Œi??i??i™ⓒ */
.mem_tab {width:100%; overflow:hidden; clear:both; *zoom:1;}
.mem_tab li:nth-child(1) {float:left; margin-right:6px;}
.mem_tab li:nth-child(2) {float:left;}
.mem_tab li a:link, .mem_tab li a:visited {display:block; background:url('') left bottom repeat-x; width:362px; text-align:center; padding-bottom:22px; font-size:1.15em; color:#555;}
.mem_tab li a:hover, .mem_tab li a.hover {display:block; background:url('') left bottom no-repeat; width:362px; text-align:center; padding-bottom:22px; font-size:1.15em; color:#333; font-weight:bold;}


/* i?Œe¹?e²°i?￢i??e?´ */
#viewpay{overflow:hidden; padding:5px;}
#viewpay h5{background:url('') left 18px no-repeat; padding:10px 0 5px 15px; color:#333; font-size:15px; font-weight:600; border-top:1px dotted #d4d4d4;}
#viewpay li{float:left; padding-right:20px;}


/**************** i?Œi??i§€i?? ****************/



/* i?Œi??i?￢ i?œi’?i†Œe°œ */
/*.products_view {position:relative; width:688px; border-top:2px solid #333; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:20px; }*/
.products_view {position:relative; width:728px; border-top:1px solid #aaa; border-right:2px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; margin-bottom:10px;}


/**************** i?´i?ⓒi??e?´ ****************/

/* i?￢i?´i?¸e§μ */
.site_area {width:100%; overflow:hidden; clear:both; *zoom:1; margin-bottom:15px; padding-top:20px;}
	.site_col {float:left; width:195px; margin-right:71px;}
	.site_col h4 {border-bottom:1px solid #333; padding:0 0px 15px 5px; margin-bottom:3px; font-size:1.4em;}
	.site_col li {padding:12px 0 8px 5px; border-bottom:1px solid #ddd;} 
		
	.site_col_end {float:left; width:195px;}
	/*.site_col_end h4 {padding:0 0 17px 5px; border-bottom:1px solid #666666;}*/
	.site_col_end h4 {border-bottom:1px solid #333; padding:0 0px 15px 5px; margin-bottom:3px; font-size:1.4em;}
	.site_col_end li {padding:12px 0 8px 5px; border-bottom:1px solid #ddd;} 


/* e²€i?‰e²°e³¼ */
.search_tit {background:url('') top left no-repeat; padding:15px 0px 20px 0px !important; font-size:14px; color:#333;}


/* i?´i?ⓒi?½e´€, e°œi?¸i??e³´i·¨e¸‰e°ⓒi¹¨ */
p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:700 !important; color:#333 !important;}
.cont_txt {padding:0px 0px 35px 20px;}
.cont_txt2 {padding-bottom:35px;}
.cont_box {border:1px soild #a0a0a0; padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; }

.privacy_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:30px;}
.privacy_list li {width:49%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:bold;}


/* e¸°e³¸ i…Œi?´e¸” */
.table_style {border-top:2px solid #333; border-left:1px solid #ddd; width:100%; margin:0 auto; border-collapse:collapse;}
	.table_style table{}
	.table_style th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; background:#f4f4f4; padding:7px 10px; text-align:center;}
	.table_style td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:7px 10px;}
	.table_style td.tit {background:#f4f4f4; font-weight:bold; text-align:center;}
	.table_style td.center {text-align:center;}  
	.table_style th.left {text-align:left;}  

.table_style2 {border-top:2px solid #333; border-left:1px solid #ddd; width:100%; margin:0 auto; border-collapse:collapse;}
	.table_style2 table{}
	.table_style2 th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; background:#f4f4f4; padding:7px 10px; text-align:center;}
	.table_style2 td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:7px 10px; vertical-align:top;}
	.table_style2 td.tit {font-weight:bold; text-align:center; vertical-align:middle}
	.table_style2 td.center {text-align:center; vertical-align:middle}  
	.table_style2 td.middle {vertical-align:middle}  


/* e´€e|￢i?? e°€i?…i??e³´ i?¸i‡? */
.ajoin_title{font-size:21px; font-weight:bold; color:#333; letter-spacing:-1pt; padding:8px 0 10px 0}

.ajoin_table {border-top:1px solid #333; border-left:1px solid #ddd; width:100%; margin:0 auto; border-collapse:collapse;}
.ajoin_table th{width:18%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; background:#f4f4f4; padding:4px 10px; text-align:center;}
.ajoin_table th.tit{width:100%; background-color:#ddd; color:#000; text-align:left; }
.ajoin_table td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:4px 10px;}
.ajoin_table td.memo_list{padding:13px 10px; line-height:18px;}

.ajoin_table2 {border-top:1px solid #333; border-left:1px solid #ddd; width:100%; margin:0 auto; border-collapse:collapse; font-size:11px}
.ajoin_table2 th{width:18%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; background:#f4f4f4; padding:4px 10px; text-align:center;}
.ajoin_table2 th.tit{width:100%; background-color:#ddd; color:#000; text-align:left; }
.ajoin_table2 td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:4px 10px;}

.ajoin_table3 {border-top:1px solid #333; border-left:1px solid #ddd; width:100%; margin:0 auto; border-collapse:collapse; font-size:12px}
.ajoin_table3 th{border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; background:#f4f4f4; padding:4px 10px; text-align:center;}
.ajoin_table3 td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:4px 10px;}
p.date{color:#888; padding:5px 0 0 0; font-size:11px;}


/* i?¨e?¼i?¸ i?‘i?? i…Œi?´e¸” */
#form_info img {margin-bottom:30px;}
#form_area {margin-top:40px;}
#form_area .apply_tit {margin-bottom:20px;}
.apply_tit {background:#0095ea; text-align:center; font-size:14px; padding:10px 0; color:#fff; font-weight:600;}
.apply_style {border-top:0; border-left:1px solid #ddd; width:100%; margin:0 auto; border-collapse:collapse;}
	.apply_style table{}
	.apply_style th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; background:#f4f4f4; padding:7px 10px; text-align:center;}
	.apply_style td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:7px 10px;}
	.apply_style td.tit {background:#f4f4f4; font-weight:bold; text-align:center;}
	.apply_style td.center {text-align:center;}  
	.apply_style td.bgBlue {background:#ecf2f9;}
	.apply_style td.bgYellow {background:#fffff3;}</pre></body></html>