@import url("common.css");

#visual{position:relative; overflow:hidden; width:100%; background-color:#888f97; height:238px;}
	.subtop_company{background:url('./subtop_company.jpg') center 0 no-repeat;}
	.subtop_product{background:url('./subtop_product.jpg') center 0 no-repeat;}
	.subtop_online{background:url('./subtop_online.jpg') center 0 no-repeat;}
	.subtop_customer{background:url('./subtop_customer.jpg') center 0 no-repeat;}
	.subtop_shop{background:url('./subtop_shop.jpg') center 0 no-repeat;}
	.subtop_member{background:url('./subtop_member.jpg') center 0 no-repeat;}
	.subtop_member_in{background:url('./subtop_member.jpg') center 0 no-repeat;}
	.subtop_other{background:url('./subtop_customer.jpg') center 0 no-repeat;}

#visual h3{width:1180px; overflow:hidden; margin:0 auto; font-size:41px; letter-spacing:-2pt; color:#fff; line-height:110%; padding-top:113px;}
#visual h3 span.eng{font-family:Open Sans, sans-serif; font-size:23px; font-weight:100; text-transform:uppercase; margin: 0 0 0 13px; line-height:110%;}

#contents{overflow:hidden; position:relative; width:100%;}

.lnb {width:100%; margin:0 0 48px 0; background:url('./top_line.gif') bottom repeat-x}
	.lnb ul{position:relative; overflow:hidden; width:1180px; margin:0 auto;}
	.lnb ul.one > li{width:100%}
	.lnb ul.two > li{width:50%}
	.lnb ul.three > li{width:33.33333333333333%}
	.lnb ul.four > li{width:25%}
	.lnb ul.five > li{width:20%}
	.lnb ul.six > li{width:16.66666666666667%}
	.lnb ul.nine > li{width:11.1111111111%}
	.lnb li {float:left;}
	.lnb li a:link, .lnb li a:visited{font-size:16px; letter-spacing:-1pt; color:#777; display:block; line-height:63px; height:63px; text-align:center}
	.lnb li a:hover{display:block; color:#255bab; font-weight:700; text-decoration: none; }
	.left_linktop{display:block; color:#fff !important; font-weight:700 !important; text-decoration: none;  background:#255bab !important;}


.contentArea{width:1180px; overflow:hidden; margin:0 auto;}
.contentArea_wide{width:100%; overflow:hidden;}
#contents .tit_area{width:100%; overflow:hidden; padding-bottom:45px}
	#contents p.location {float:right; font-size:14px; color:#777; padding:15px 0 0 0}
	#contents p.location a:link, .tit_area p.location a:visited{font-size:14px; color:#777; }
	#contents p.location a:hover{color:#222;}
	#contents p.location img{vertical-align:middle; margin:0 9px 2px 9px;}
	#contents h3.title {color:#444; font-weight:bold; font-size:35px; line-height:100%;letter-spacing:-1.8pt;}	


.location_con{position:relative; overflow:hidden;}
.location_tab{height:71px; margin-bottom:30px;}
.location_tab li{float:left; width:202px; text-align:center; background:#f0f0f0; margin-right:3px;}
.location_tab .on a{color:#684e37 !important; background:#fff !important; font-family:NotoKR-Bold; font-weight:100; border:3px solid #684e37 !important; box-sizing: border-box;}
.location_tab li a:link, .location_tab li a:visited{font-size:18px; color:#666; letter-spacing:-1pt; display:block;  padding:19px 0; border:3px solid #f0f0f0;}
.location_tab li a:hover{color:#684e37 !important; background:#fff !important; font-family:NotoKR-Bold; font-weight:100; border:3px solid #684e37 !important; box-sizing: border-box;}
.location_title{font-size:32px; color:#555; clear:both; letter-spacing:-1.5pt; font-family:NotoKR-Light; font-weight:100; margin-bottom:10px; line-height:36px;}
.location_txt{font-size:16px; color:#949494; letter-spacing:-0.8pt; line-height:22px; padding-bottom:30px}

.location_box1{border:1px solid #ddd; width:903px; height:364px; margin-top:60px; background:url('/company/img/location01.gif') center 40px no-repeat;}
.location_box2{border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px dashed #ddd; width:903px; height:480px; background:url('/company/img/location_icon01.gif') 30px 30px no-repeat;}
.location_box3{border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px dashed #ddd; width:903px; height:150px; background:url('/company/img/location_icon02.gif') 30px 30px no-repeat;}
.location_box4{border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; width:903px; height:140px; background:url('/company/img/location_icon03.gif') 30px 30px no-repeat;}
.lobox1{padding:30px 0 0 140px;}
.lotxt1{font-size:19px; color:#444; font-family:NotoKR-Medium; font-weight:100; letter-spacing:-0.8pt; margin-bottom:8px;}
.lotxt2{font-size:14px; color:#444; letter-spacing:-0.8pt; font-family:NotoKR-Medium; font-weight:500; margin-bottom:5px;}
.lotxt3{font-size:13px; color:#666; letter-spacing:-0.3pt; line-height:22px;}
.lobox2{padding:15px 0 0 140px;}
.txt01{font-size:13px; color:#666; letter-spacing:-0.3pt; font-family:NotoKR-Regular; font-weight:100; line-height:19px; }
.point01{color:#c66321; letter-spacing:-0.5pt; line-height:25px; text-decoration:underline; }
.point02{color:#c66321; letter-spacing:-1.5pt; font-family:NotoKR-Bold; font-weight:100; line-height:36px;}
.point03{color:#684e37; letter-spacing:-1.5pt; font-family:NotoKR-Bold; font-weight:100; line-height:36px;}


	.map_txt{position:relative; overflow:hidden; clear:both; margin-top:30px;}
	.map_table{width:800px; border-collapse:separate; border-spacing:0px;}
	.map_table th{font-family:NotoKR-Medium; font-weight:100; width:70px; color:#444; text-align:left; padding:5px 0 5px 0; vertical-align:top; font-size:14px;}
	.map_table td{padding:5px 0 5px 10px; font-size:14px; color:#666; letter-spacing:-0.3pt;} 
	.locationBtn{position:absolute; top:0; right:0}
	.locationBtn img{margin-left:2px;}

.contents_in {position:relative; clear:both; margin:0 0 100px 0; *zoom:1;}

.pay_add_tit {font-size: 11px; color: #555;}
.pay_add_tit2 {font-size: 11px; color: #ee2d7a;}

.pointBlue{color:#00abce !important;}
.point333{color:#000 !important;}
.ls0{letter-spacing:0 !important; }

.blind{display:none; }
.pc_img{display:block;}
.m_img{display:none; }
.cont_tit{font-size:34px; line-height:124%; color:#666666; font-weight:100; font-family:Open Sans, sans-serif; letter-spacing:-1pt}
	.cont_tit span{font-weight:100; line-height:124%; font-family:NotoKR-Bold;  letter-spacing:-1pt}
.cont_stit{font-size:21px; letter-spacing:-0.75pt; line-height:130%; color:#a3a3a3; font-family:Open Sans, sans-serif; }

.dep_tit{font-size:22px; letter-spacing:-0.75pt; line-height:130%; color:#333; font-weight:100; font-family:NotoKR-Medium; background:url('/product/img/dep_tit.gif') no-repeat left 5px; padding:0 0 10px 14px }
	.dep_tit span{font-family:Open Sans, sans-serif; letter-spacing:-0.75pt;line-height:130%;}


.table_pc{display:block; }
.table_m{display:none; }
.table_style{border-top:1px solid #333; border-collapse:separate; width:100%; }
.table_style th{font-weight:100; font-family:NotoKR-Medium; color:#333; letter-spacing:-0.55pt; font-size:14px; padding:14px 11px; background:#f9f9f9; border-bottom:1px solid #ddd;}
.table_style td{ font-size:14px; letter-spacing:-0.55pt; padding:14px 11px; border-bottom:1px solid #ddd;}




/*** °øÅëcss ***/
.point_txt{font-weight:bold; color:#333; letter-spacing:-0.5pt;}

.tpad_10{padding-top:10px}
.tpad_20{padding-top:20px}
.tpad_35{padding-top:35px}
.bpad_5{padding-bottom:5px}
.bpad_10{padding-bottom:10px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}
.bpad_50{padding-bottom:50px}

.con_tit{font-size:23px; line-height:100%; letter-spacing:-1.5pt; color:#444; font-weight:700; padding:0 0 18px 0;}
.con_tit span.stxt{line-height:100%; letter-spacing:0; color:#666; font-size:18px; font-weight:100;}


.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.table_style th{color:#444; font-weight:600; text-align:left; padding:14px 0 14px 15px; border-bottom:1px solid #d4d4d4; background-color:#f9f9f9; letter-spacing:-0.5pt;}
.table_style td{border-bottom:1px solid #e9e9e9; padding:14px 0 14px 15px; text-align:left}

h4.sub_title{font-family:Open Sans, sans-serif; font-size:31px; line-height:37px; letter-spacing:0pt; color:#255bab; font-weight:normal;}
 span.sky{font-family:Open Sans, sans-serif; line-height:37px; letter-spacing:0; color:#10a2f3; font-weight:normal;}



/***************** ȸ»ç¼Ò°³_ CEOÀλ縻 *****************/
.greeting_cont{background:url('./greeting_bg.jpg') no-repeat center top; background-size:100%;padding:90px 105px 5px 0; overflow:hidden; clear:both ;}
	.greeting_cont .greeting_in{float:right;  background:url('./greeting_bg2.gif') no-repeat right 43px bottom 33px, #fff; width:618px; box-sizing:border-box; box-shadow:3px 3px 5px rgba(0,0,0,0.08); padding:78px 69px 78px;  }
	.greeting_in .cont_stit{margin:19px 0 19px; }
	.greeting_in .txt{letter-spacing:-0.25pt; line-height:157%; font-size:14px; padding:0 0 60px}
	.greeting_in .ceo{font-size:20px; letter-spacing:-0.55pt; line-height:120%; color:#333; }
	.greeting_in .ceo img{line-height:100%; vertical-align:top; margin:-2px 0 0 18px;}

/*** ȸ»ç¼Ò°³ ***/
.about_con{position:relative;}
.about_con h4{padding-bottom:15px}
.about_con p.stitle{font-size:17px; line-height:23px; letter-spacing:-0.7pt; color:#666; padding-bottom:35px}
.about_img{height:252px; background:url('./about_img.jpg') 0 0 no-repeat;}
.about_con h5{position:absolute; width:315px; height:262px; background-color:#255bab; box-sizing:border-box; padding:150px 0 0 27px;
z-index:99; top:170px; left:40px; color:#fff; font-size:28px; font-family:Open Sans, sans-serif;}
.about_con h5 p{font-size:16px; line-height:23px; letter-spacing:-0.7pt; color:#fff; font-weight:100; padding:5px 0 0 0;}
.about_con .about_in{position:relative; background:url('./about_bg.gif') 205px 130px no-repeat; background-size:120px; padding:48px 0 0 400px}
	.about_in dl{position:relative; overflow:hidden; padding-bottom:35px}
	.about_in dt{float:left; font-family:Open Sans, sans-serif; font-size:23px; font-weight:800; width:75px;}
	.about_in dt.one{color:#10a2f3; background:url('./about_dot1.gif') right 6px no-repeat;}
	.about_in dt.two{color:#255bab; background:url('./about_dot2.gif') right 6px no-repeat;}
	.about_in dd{float:left;  padding:5px 0 0 18px}
	.about_in dd p.eng{font-family:Open Sans, sans-serif; font-size:17px; padding-bottom:5px; color:#555}
	.about_in dd p.ko{font-size:17px; color:#666; letter-spacing:-0.6pt; line-height:27px}

.location_con{position:relative; overflow:hidden}
.location_con h4{padding-bottom:15px}
.location_con h5{padding-bottom:28px}

	.loca_ready{text-align:center; height:502px; background:#f5f5f5; margin-top:5px}
	.loca_ready p.tit{font-size:28px; color:#444; font-weight:bold; padding:160px 0 0 0;}
	.loca_ready p.txt{font-size:15px;  line-height:25px; padding:12px 0 0 0; letter-spacing:-0.2pt; }
	.loca_ready .btn{ padding:25px 0 0 0; margin:0 auto; width:347px;}
	.loca_ready .btn a{display:block; float:left;width:169px; box-sizing:border-box; height:54px; background:rgba(255,255,255,0.8); border-radius:15px; font-size:14px; letter-spacing:-0.5pt; color:#666; line-height:54px; }
	.loca_ready .btn a:first-child{margin-right:9px;}

	.map_txt{position:relative; overflow:hidden; padding-top:30px;}
	.map_table{border-collapse:separate; border-spacing:0px;}
	.map_table th{font-size:15px; color:#333; text-align:left; padding:5px 0 5px 0; vertical-align:top;}
	.map_table th img{margin:0 0 3px 0;}
	.map_table th .tel{margin:2px 0 0 0;}
	.map_table th .fax{margin:2px 0 0 0;}
	.map_table th .email{margin:4px 0 0 0;}
	.map_table td{padding:5px 35px 5px 12px; font-size:17px; color:#666; letter-spacing:-0.5pt;} 
	.locationBtn{position:absolute; top:35px; right:0px;}
	.locationBtn .detail_bt{display:inline-block; width:168px; line-height:58px; height:61px; color:#fff; font-size:17px; letter-spacing:-0.7pt;
	background:#255bab url('./detail_btn.gif') 19px 19px no-repeat; box-sizing:border-box; padding:0 0 0 55px;}
	.locationBtn .detail_bt:hover{background:#1751a7 url('./detail_btn.gif') 19px 19px no-repeat;}
	.locationBtn .print_bt{display:inline-block; width:168px; line-height:58px; height:61px; color:#fff; font-size:17px; letter-spacing:-0.7pt;
	background:#10a2f3 url('./print_btn.gif') 19px 19px no-repeat; box-sizing:border-box; padding:0 0 0 65px;}
	.locationBtn .print_bt:hover{background:#0b99e8 url('./print_btn.gif') 19px 19px no-repeat;}


/*** Á¦Ç°¼Ò°³ ***/
.process_con{position:relative;}
.process_dia01{position:relative; overflow:hidden; height:631px; margin-bottom:50px; background:url('./process_img01.jpg') 0 0 no-repeat;}
.process_dia01 li{position:absolute; width:250px;}
.process_dia01 li.one{top:45px; left:35px}
.process_dia01 li.two{top:45px; left:322px}
.process_dia01 li.three{top:45px; left:608px}
.process_dia01 li.four{top:45px; left:895px}
.process_dia01 li.five{top:287px; left:895px}
.process_dia01 li.six{top:287px; left:322px}
.process_dia01 li.seven{top:287px; left:35px}
.process_dia01 li.in_txt{width:197px; top:472px; left:637px}
.process_dia01 p.num{position:absolute; right:12px; top:12px; font-family:Open Sans, sans-serif; text-align:center; color:#fff; font-weight:800; font-size:23px; width:50px; height:50px;}
.process_dia01 p.txt{text-align:center; color:#444; font-size:17px; font-weight:bold; letter-spacing:-0.7pt; line-height:115%; padding-top:158px}
.process_dia01 p.txt2{text-align:center; color:#666; font-size:16px; font-weight:100; letter-spacing:-0.7pt; line-height:115%; padding-top:80px}

.process_dia02{position:relative; overflow:hidden; height:631px; margin-bottom:50px; background:url('./process_img02.jpg') 0 0 no-repeat;}
.process_dia02 li{position:absolute; width:250px;}
.process_dia02 li.one{top:45px; left:35px}
.process_dia02 li.two{top:45px; left:467px}
.process_dia02 li.three{top:45px; left:895px}
.process_dia02 li.four{top:287px; left:895px}
.process_dia02 li.five{top:287px; left:322px}
.process_dia02 li.six{top:287px; left:35px}
.process_dia02 li.in_txt{width:197px; top:472px; left:637px}
.process_dia02 p.num{position:absolute; right:12px; top:12px; font-family:Open Sans, sans-serif; text-align:center; color:#fff; font-weight:800; font-size:23px; width:50px; height:50px;}
.process_dia02 p.txt{text-align:center; color:#444; font-size:17px; font-weight:bold; letter-spacing:-0.7pt; line-height:115%; padding-top:158px}
.process_dia02 p.txt2{text-align:center; color:#666; font-size:16px; font-weight:100; letter-spacing:-0.7pt; line-height:115%; padding-top:80px}




/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy_con{position:relative; overflow:hidden;}
.cont_title{font-size:24px; color:#333; padding-bottom:18px; letter-spacing:-1.2pt; font-weight:600;}
p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:600; color:#333 !important;}
.cont_txt {padding:0px 0px 35px 0;}
.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;} 

/* Ãß°¡ */
.pay_add_tit {font-size: 11px; color: #555;}
.pay_add_tit2 {font-size: 11px; color: #ee2d7a;}


/* »çÀÌÆ®¸Ê */

.sitemap {position:relative; overflow:hidden; margin-bottom:45px;}
.sitemap dl{float:left; position:relative; overflow:hidden; width:370px;}
.sitemap dt{background-color:#f1f1f1; padding:13px 0 13px 0; text-align:center; border-top:1px solid #333;  border-bottom:1px solid #ddd; color:#333; font-weight:100; font-family:NotoKR-Medium; font-size:16px; letter-spacing:-1pt;}
.sitemap dd{border-bottom:1px dashed #d4d4d4}
.sitemap dd a:link, .sitemap_con dd a:visited{font-size:15px; display:block; padding:13px 0 13px 0; text-align:center; letter-spacing:-0.5pt; font-family:NotoKR-Regular; font-weight:100;}
.sitemap dd a:hover{color:#333;}

.sitemap2 {position:relative; overflow:hidden; clear:both;}
.sitemap2 dl{float:left; position:relative; overflow:hidden; width:370px;}
.sitemap2 dt{background-color:#f1f1f1; padding:13px 0 13px 0; text-align:center;  border-top:1px solid #333;  border-bottom:1px solid #ddd; color:#333; font-weight:100; font-family:NotoKR-Medium; font-size:16px; letter-spacing:-1pt;}
.sitemap2 dd{border-bottom:1px dashed #d4d4d4}
.sitemap2 dd a:link, .sitemap_con dd a:visited{font-size:15px; display:block; padding:13px 0 13px 0; text-align:center; letter-spacing:-0.5pt; font-family:NotoKR-Regular; font-weight:100;}
.sitemap2 dd a:hover{color:#333;}
.rmar_45{margin-right:25px;}
.tmar45{margin-top:45px;}