@charset "utf-8";

@import url('basic.css'); /* 기본설정 */
@import url('setup.css'); /* 사이트 세부설정 */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); /* nanum gothic */

.wrap { position:relative; margin:0 auto; width:996px; *zoom:1; }
.wrap:after { content:""; display:block; clear:both; }
.wrap2 { position:relative; margin:0 auto; width:996px; *zoom:1; }
.wrap2:after { content:""; display:block; clear:both; }

#contents ul.tap2 {
	overflow:hidden;
	width:100%;
	margin-top:40px;
	border-bottom:1px solid #005dab;
}
#contents ul.tap2 li {
	float:left;
	margin-left:2px;
	font-family:"Malgun Gothic";
	font-size:14px;
	text-align:center;
}
#contents ul.tap2 li.first {
	margin-left:0;
}
#contents ul.tap2 li a {
	display:block;
	width:165px;
	height:37px;
	color:#555;
	line-height:37px;
	background:url('/img/tap_bg.gif') no-repeat left top;
}
#contents ul.tap2 li a.on,
#contents ul.tap2 li a:hover {
	color:#fff;
	background:url('/img/tap_bg.gif') no-repeat left -37px;
}

/* header */
#header { width:100%; }
#header div.header { position:fixed; top:0; width:100%; padding-bottom:20px; background-color:#fff; border-bottom:1px solid #ddd; z-index:999; }
#header div.topmenu { width:100%; border-bottom:1px solid #ddd; }
#header div.topmenu div.wrap { overflow:hidden; margin:4px auto; font-size:0; line-height:0; text-align:right; }
#header div.topmenu a { display:inline-block; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; color:#777; line-height:26px; padding:0 15px; background:url('/assets/kr/images/common/top_line.jpg') no-repeat right 7px; }
#header div.topmenu a.language { font-weight:600; color:#0260A8; padding:0 15px; text-align:left; background:url('/assets/kr/images/common/language_bullet.png') no-repeat right 11px; }
#header div.head { overflow:hidden; width:996px; margin:20px auto 0 auto; }
#header div.head h1 { float:left; font-size:0; line-height:0; }
#header ul.language { display:none; position:absolute; top:34px; right:50%; margin-right:-497px; width:72px; padding:10px 15px; border:1px solid #ddd; background-color:#fff; z-index:1000; }
#header ul.language li { font-family:"NanumGothic","Nanum Gothic"; font-size:13px; }
#header ul.language li a { display:block; color:#333; line-height:22px; padding-left:11px; background:url('/assets/images/www/common/language_bullet.jpg') no-repeat left 10px; }
#header ul.language li a:hover { font-weight:600; color:#043294; }
#header div.side { display:none; font-size:0; line-height:0; }

/* gnb */
#gnb { float:right; overflow:hidden; margin:12px 0 0 0; }
#gnb li { float:left; margin-left:0px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; letter-spacing:-0.2px; }
#gnb li.first { margin-left:0; }
#gnb li.ir { margin:0 30px 0 40px; }
#gnb li a { display:block; color:#333; line-height:26px; padding: 0px 35px}
#gnb li a.on, #gnb li a:hover { font-weight:600; color:#fff;padding: 0px 35px;background:#05519D}

/* submenu */
#submenu { display:none; position:absolute; left:0; top:124px; width:100%; background-color:#fff; border-bottom:1px solid #ddd; z-index:999; }
#submenu div.wrap {  }
#submenu div.wrap ul.menu { overflow:hidden; margin-left:0px; padding:10px 0; border-bottom:none; }
#submenu div.wrap ul.menu li { float:left; min-height:172px; padding:10px 0; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; font-weight:normal; letter-spacing:-0.3px; border-right:1px solid #ddd; }
#submenu div.wrap ul.menu li.first { border-left:1px solid #ddd; }
#submenu div.wrap ul.menu li.width0 { width:328px; }
#submenu div.wrap ul.menu li.width1 { width:130px; }
#submenu div.wrap ul.menu li.width2 { width:132px; }
#submenu div.wrap ul.menu li.width3 { width:124px; }
#submenu div.wrap ul.menu li.width4 { width:129px; }
#submenu div.wrap ul.menu li.width5 { width:146px; }
#submenu div.wrap ul.menu li.width6 { width:193px; }
#submenu div.wrap ul.menu li.width7 { width:165px; }
#submenu div.wrap ul.menu li.width8 { width:158px; }
#submenu div.wrap ul.menu li.width9 { width:147px; }
#submenu div.wrap ul.menu li a { display:block; margin-top:9px; color:#555; line-height:20px; padding-left:10px; }
#submenu div.wrap ul.menu li a.first { margin-top:0; }
#submenu div.wrap ul.menu li a.column { margin-top:4px; font-size:12px; line-height:17px; }
#submenu div.wrap ul.menu li a:hover { font-weight:600; color:#DA3C00; }

/* location */
.Location { width:100%; margin-top:124px; background:#406CD3; *zoom:1; z-index:888; }
.Location .Location-inner { position:relative; width:996px; margin:0 auto; height:35px; z-index:100; }
.Location ul { position:absolute; left:0; top:0; width:100%; z-index:1; }
.Location ul:after { content:""; display:block; clear:both; }
.Location ul li { }
.Location ul li a { display:inline-block; margin:0 20px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#fff; line-height:35px; padding-right:0px; }
.Location ul li a:hover, .Location ul li a:focus { color:#fff; }
.Location ul li .depth-in { position:static; display:none; padding:0 0 15px 0; }
.Location ul li .depth-in li { padding:0; }
.Location ul li .depth-in li a { display:block; margin:0; font-size:13px; color:#333; line-height:34px; padding:0 0 0 10px; background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.Location ul li .depth-in li a.para { background:url('/assets/kr/images/common/location_icon1.png') no-repeat right 15px top 12px #fff; }
.Location ul li .depth-in li a.para:hover { background:url('/assets/kr/images/common/location_icon2.png') no-repeat right 15px top 12px #fff; }
.Location ul li .depth-in li a:hover,
.Location ul li .depth-in li a:focus { text-decoration:underline; font-weight:600; color:#0c4da2; }
.Location ul li.depth-first { float:left; }
.Location ul li.depth-first a { display:block; margin-left:0; padding:35px 0 0 13px; font-size:0; line-height:0; background:url('/assets/kr/images/common/home_icon.png') no-repeat left 12px; }
.Location ul li.depth-middle { float:left; background:url('/assets/kr/images/common/home_arrow.png') no-repeat left top; }
.Location ul li.depth-middle a { padding-left:18px;}
.Location ul li.depth-middle.on { background:url('/assets/kr/images/common/home_arrow.png') no-repeat left top; }
.Location ul li.depth-middle.on .depth-in { display:block; }
.Location ul li.depth-second { float:left; background:url('/assets/kr/images/common/home_arrow.png') no-repeat left top;}
.Location ul li.depth-second a { font-size:14px; color:#fff; padding-left:18px; }
.Location ul li.depth-second.on { background:url('/assets/kr/images/common/home_arrow.png') no-repeat left top; }
.Location ul li.depth-second.on .depth-in { display:block; }
.Location ul li.depth-second .depth-in li a { color:#333; padding-right:23px; }
.Location ul li.depth-second .depth-in li a:hover,
.Location ul li.depth-second .depth-in li a:focus { color:#0c4da2; }
.Location ul li.depth-last { float:left; background:url('/assets/kr/images/common/home_arrow.png') no-repeat left top; }
.Location ul li.depth-last a { display:block; font-size:14px; color:#fff; padding-left:18px; background:url('/assets/kr/images/common/home_bullet.png') no-repeat right 15px; }
.Location ul li.depth-last.on { background:url('/assets/kr/images/common/home_arrow.png') no-repeat left top; }
.Location ul li.depth-last.on .depth-in { display:block; }
.Location ul li.depth-last .depth-in li a { color:#333; padding-right:23px; }
.Location ul li.depth-last .depth-in li a:hover,
.Location ul li.depth-last .depth-in li a:focus { color:#0c4da2; }

/* idxlink */
.idxlink { display:none; overflow:hidden; margin-top:15px; text-align:center; background:url('/assets/kr/images/common/menu_bg.png') repeat left top; }
.idlk { overflow:hidden; width:100%; margin:0 auto; display: none; z-index: 500; }
.idlk li { display:block; width:100%; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; color:#fff; background:url('/assets/kr/images/common/menu_bg2.png') repeat left top; border-bottom:1px solid #aaa; text-align:left; }
.idlk li a { display:block; padding-left:15px; color:#fff; line-height:30px; }
.idlk li a:hover { font-weight:bold; color: #fff; }
.menu { display:none; }
.menu { position:relative; display:block; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; font-weight:600; color:#fff; line-height:30px; padding-left:15px; text-align:left; border-bottom:1px solid #85a6d0; }
.menu div.bullet { position:absolute; right:15px; top:13px; font-size:0; line-height:0; }
.inner { width: 100%; margin: 0 auto; cursor: pointer; }
.idlk.on {display: block; position: absolute; border-top: none; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }

/* margin */
.mgtop1 { margin-top:30px !important; }
.mgtop2 { margin-top:40px !important; }
.mgtop3 { margin-top:25px !important; }
.mgtop4 { margin-top:20px !important; }

/* mobileMenu */
#mobileMenu { display:none; overflow-y:auto; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; background:#fff; }
#mobileMenu div.top { position:relative; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; font-weight:600; color:#0c4da2; line-height:50px; padding-left:25px; }
#mobileMenu div.top div.close { position:absolute; width:auto; height:auto; top:13px; right:19px; font-size:0; line-height:0; margin:0; padding:0; background:none; }
#mobileMenu a { color:#333; }
#mobileMenu .gnb { border-top:1px solid #d0d0d0; }
#mobileMenu .gnb li { font-family:"NanumGothic","Nanum Gothic"; font-size:15px; line-height:40px; border-bottom:1px solid #d0d0d0; font-weight:600; background:#f5f5f5; }
#mobileMenu .gnb li a { display:block; padding-left:25px; }
#mobileMenu .gnb li .sub_gnb { display:none; }
#mobileMenu .gnb li.on { background:#0c4da2 url('/assets/kr/images/common/mobile_bullet.png') no-repeat right 19px; border-bottom:none; }
#mobileMenu .gnb li.on a {  color:#fff; }
#mobileMenu .gnb li.on .sub_gnb { display:block; background:#fff; }
#mobileMenu .gnb li.on .sub_gnb a { color:#555; }
#mobileMenu .gnb li.on .sub_gnb li { font-weight:normal; background:none; }
#mobileMenu .gnb li.on .sub_gnb li.on { background:#272727; }
#mobileMenu .gnb li.on .sub_gnb li.on a { color:#fff; }

/* main */
#main { width:100%; margin:107px auto 0 auto; }
#main div.visual { position:relative; width:100%; font-size:0; line-height:0; text-align:center; }
#main div.visual div.onoff { position:absolute; top:50%; right:15%; overflow:hidden; margin-top:-35px; z-index:777; }
#main div.visual div.onoff a { display:block; margin:5px 0; }
#main div.visual div.img1 { width:100%; background:url('/assets/kr/images/main/visual1_bg.jpg') no-repeat center top; }
#main div.visual div.img1 img { width:100%; max-width:996px; }
#main div.visual div.img2 { width:100%; background:url('/assets/kr/images/main/visual2_bg.jpg') no-repeat center top; }
#main div.visual div.img2 img { width:100%; max-width:996px; }
#main div.visual div.img3 { width:100%; background:url('/assets/kr/images/main/visual3_bg.jpg') no-repeat center top; }
#main div.visual div.img3 img { width:100%; max-width:996px; }


.fluid_container {margin:0 auto; max-width:2000px; width:100%;}
#vslide {position:relative; max-width:2000px; max-height:548px;}
#vslide .camera_pag {}
#vslide .camera_pag .camera_pag_ul { position:absolute; display:block; top:50%; right:15%; font-size:0; line-height:0; margin-top:-35px; z-index:777; overflow:hidden;}
#vslide .camera_pag .camera_pag_ul li {cursor:pointer; width:10px; height:10px; margin:5px 0; overflow:hidden; border-radius:10px; background-color:#fff;}
#vslide .camera_pag .camera_pag_ul li:hover {background-color:#ecee71;}
#vslide .camera_pag .camera_pag_ul li.cameracurrent {height:30px;background-color:#ecee71;}
#vslide .camera_prev, #vslide .camera_next {position:absolute; top:50%; z-index:2; background-color:transparent;}
#vslide .camera_prev {left:1%;}
#vslide .camera_prev span {background:transparent;background:url('/assets/kr/images/main/visual_left.png') no-repeat 0 0;display: block;width:40px;height:40px;}
#vslide .camera_next {right:1%;}
#vslide .camera_next span {background:transparent;background:url('/assets/kr/images/main/visual_right.png') no-repeat 0 0;display: block;width:40px;height:40px;}

#main h2 { margin-top:15px; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:normal; color:#222; line-height:33px; }
#main h2 strong { font-weight:600; }
#main ul.item { overflow:hidden; margin-top:15px; }
#main ul.item li { float:left; position:relative; margin:0 0 36px 35.5px; font-size:0; line-height:0; }
#main ul.item li.first { margin:0 0 35.8px 0; }
#main ul.item li.first3 { margin:0 0 35.8px 0; }
#main ul.item li div.name { position:absolute; bottom:0; left:0; width:100%; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; font-weight:600; color:#fff; line-height:37px; text-align:center; background:url('/assets/kr/images/main/item_bg.png') repeat left top; }
#main ul.item li div.over { position:absolute; bottom:0; left:0; font-size:0; line-height:0; display:none; }
#main ul.icon { overflow:hidden; margin:24px 0 60px 0; background:url('/assets/kr/images/main/icon_line.jpg') no-repeat right top; }
#main ul.icon li { float:left; width:16.66666%; font-size:0; line-height:0; text-align:center; background:url('/assets/kr/images/main/icon_line.jpg') no-repeat left top; }
#main ul.icon li a { display:block; }
#main ul.icon li div.icon { overflow:hidden; height:70px; font-size:0; line-height:0; }
#main ul.icon li p.name { margin-top:15px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; font-weight:600; color:#111; line-height:25px; }
#main ul.icon li a:hover div.icon img { margin-top:-70px; }
#main ul.icon li a:hover p.name { color:#406CD3; }

/* contentswrap */
#contentswrap { overflow:hidden; width:996px; margin:0 auto; background:url('/assets/kr/images/common/snb_line.jpg') repeat-y left top; }

/* snb */
#snb { float:left; width:194px; padding:0 1px; margin-bottom:100px; }
#snb h2 { margin:45px 0 35px 0; font-family:"NanumGothic","Nanum Gothic"; font-size:28px; font-weight:600; color:#406CD3; line-height:37px; text-align:center; letter-spacing:-0.5px; }
#snb ul.snb { border-top:1px solid #ddd; }
#snb ul.snb li { font-family:"NanumGothic","Nanum Gothic"; font-size:14px; border-bottom:1px solid #ddd; }
#snb ul.snb li a { display:block; overflow:hidden; padding:15px 0 15px 20px; color:#333; line-height:23px; background-color:#f1f1f1; }
#snb ul.snb li a.on, #snb ul.snb li a:hover { font-weight:600; color:#fff; background:url('/assets/kr/images/common/snb_bullet.jpg') no-repeat 165px 25px #406CD3; }
#snb ul.snb li ul { display:none; width:auto; padding:12px 0 12px 20px; border-top:1px solid #ddd; }
#snb ul.snb li.selected ul, #snb ul.snb li.on ul { display:block; }
#snb ul.snb li ul li { font-size:14px; border-bottom:none; }
#snb ul.snb li ul li a { line-height:23px; padding:3px 0 3px 20px; background:none; }
#snb ul.snb li ul li a.on, #snb ul.snb li ul li a:hover { color:#406CD3; background:url('/assets/kr/images/common/snb_bullet2.jpg') no-repeat left 13px; }

/* contents */
#contents { float:right; width:760px; margin-bottom:100px; }
#contents h3 { margin-top:38px; font-family:"NanumGothic","Nanum Gothic"; font-size:28px; font-weight:600; color:#333; line-height:37px; padding-top:7px; background:url('/assets/kr/images/common/h3_bullet.jpg') no-repeat left top; }
#contents p.explain { margin-top:2px; font-family:"NanumGothic","Nanum Gothic"; font-size:12px; font-weight:600; color:#888; line-height:19px; }
#contents div.ceo { margin-top:20px; font-size:0; line-height:0; }
#contents div.ceo img { width:100%; }
#contents p.txt99 { margin-top:15px; font-family:"NanumGothic","Nanum Gothic"; font-size:15px; color:#555; line-height:25px; }
#contents p.txt1 { margin-top:15px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#555; line-height:25px; }
#contents p.txt1 span { font-weight:600; color:#406CD3; }
#contents p.txt1 span.black { font-weight:normal; color:#222; }
#contents p.txt1 span.tit { display:block; margin:20px 0 7px 0; font-size:16px; font-weight:600; color:#406CD3; line-height:25px; }
#contents p.txt1 a { font-weight:600; color:#406CD3; line-height:25px; text-decoration:underline; }
#contents p.begin { margin-top:30px; font-family:"NanumGothic","Nanum Gothic"; font-size:22px; font-weight:600; color:#555; line-height:31px; }
#contents p.begin span { color:#ef7a07; }
#contents h4 { position:relative; margin-top:35px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:600; color:#222; line-height:29px; }
#contents h4 span { color:#9f7154; }
#contents h4 div.unit { position:absolute; top:0; right:0; font-size:14px; font-weight:normal; color:#666; }
#contents h4 div.unit select { width:64px; height:29px; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; vertical-align:top; }
#contents h4.center { margin-top:45px; font-size:26px; font-weight:normal; text-align:center; }
#contents div.image { margin-top:20px; font-size:0; line-height:0; }
#contents div.image img { width:100%; }
#contents div.vision { margin-top:20px; padding:50px 0; font-size:0; line-height:0; text-align:center; border:1px solid #d5d5d5; }
#contents ul.tap { overflow:hidden; margin-top:25px; }
#contents ul.tap li { float:left; margin:5px 5px 0 0; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; }
#contents ul.tap li a { display:block; padding:0 9px; color:#555; line-height:33px; letter-spacing:-0.2px; background-color:#fff; border:1px solid #b5b5b5; }
#contents ul.tap li a.on, #contents ul.tap li a:hover { font-weight:600; color:#fff; background-color:#555; border:1px solid #555; }
#contents div.pattern { margin-top:35px; font-size:0; line-height:0; padding:10px; background:url('/assets/kr/images/company/pattern_bg.jpg') repeat left top; }
#contents div.pattern img { width:100%; }
#contents ul.philosophy { overflow:hidden; margin-top:10px; }
#contents ul.philosophy li { overflow:hidden; position:relative; min-height:120px; margin-top:30px; padding:0 0 30px 150px; font-family:"NanumGothic","Nanum Gothic"; background:url('/assets/kr/images/company/dotted_line.jpg') repeat-x left bottom; }
#contents ul.philosophy li div.icon { position:absolute; top:0; left:0; font-size:0; line-height:0; }
#contents ul.philosophy li h4 { margin-top:5px; }
#contents ul.philosophy li p.txt { margin-top:10px; font-size:14px; color:#555; line-height:23px; }
#contents p.begin2 { margin-top:30px; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; color:#222; line-height:35px; }
#contents p.begin2 span { font-weight:600; color:#406CD3; }
#contents div.v-btn { width:200px; margin:35px auto 0 auto; font-family:"NanumGothic","Nanum Gothic"; font-size:15px; font-weight:600; text-align:center; }
#contents div.v-btn a { display:block; padding:10px 0; color:#fff; line-height:20px; background-color:#515f7a; }
#contents div.v-btn img { margin-right:8px; vertical-align:top; }
#contents div.quality { position:relative; min-height:180px; margin-top:25px; padding:30px 0; background-color:#fafafa; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; }
#contents div.quality div.icon { position:absolute; top:30px; left:30px; font-size:0; line-height:0; }
#contents div.quality ul.mg { margin:20px 0 0 300px !important; }
#contents div.quality ul.cont { margin:32px 0 0 300px; }
#contents div.quality ul.cont li { padding:5px 0 5px 15px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; color:#555; line-height:25px; background:url('/assets/kr/images/company/bullet.png') no-repeat left 15px; }
#contents div.quality ul.cont li strong { font-weight:600; color:#333; }
#contents p.txt2 { margin-top:30px; font-family:"NanumGothic","Nanum Gothic"; font-size:18px; font-weight:600; color:#333; line-height:27px; }
#contents p.txt2 em { font-weight:normal; }
#contents p.txt2 span { font-weight:600; color:#406CD3; }
#contents ul.technology { overflow:hidden; margin-top:35px; }
#contents ul.technology li { float:left; width:29.33333%; min-height:312px; padding:15px 2%; font-family:"NanumGothic","Nanum Gothic"; text-align:center; background:url('/assets/kr/images/company/technology_line.jpg') no-repeat left top; }
#contents ul.technology li div.icon { font-size:0; line-height:0; }
#contents ul.technology li p.tit { margin-top:20px; font-size:16px; font-weight:600; color:#406CD3; line-height:25px; }
#contents ul.technology li p.txt { margin-top:15px; font-size:13px; color:#555; line-height:22px; }
#contents ul.history { position:relative; overflow:hidden; margin-top:40px; padding:10px 0; background:url('/assets/kr/images/company/technology_line.jpg') repeat-y 6px top; }
#contents ul.history li { margin-top:30px; font-family:"NanumGothic","Nanum Gothic"; }
#contents ul.history li.photo1 { position:absolute; top:-30px; right:0; font-size:0; line-height:0; }
#contents ul.history li.photo2 { position:absolute; top:36px; right:0; font-size:0; line-height:0; }
#contents ul.history li.photo3 { position:absolute; top:36px; right:0; font-size:0; line-height:0; }
#contents ul.history li.first { margin-top:0; }
#contents ul.history li div.year { font-size:30px; font-weight:600; color:#406CD3; line-height:39px; padding-left:33px; background:url('/assets/kr/images/company/history_bullet.png') no-repeat left 13px; }
#contents ul.history li ul.cont { margin-top:8px; background:none; }
#contents ul.history li ul.cont li { position:relative; margin:0; padding:5px 0 5px 70px; font-size:13px; color:#555; line-height:20px; background:none; }
#contents ul.history li ul.cont li div.month { position:absolute; top:5px; left:33px; font-size:14px; font-weight:600; color:#222; line-height:20px; }
#contents ul.image { overflow:hidden; margin-top:15px; }
#contents ul.image li { float:left; width:370px; margin:20px 0 0 20px; font-size:0; line-height:0; }
#contents ul.image li.first { margin:20px 0 0 0; }
#contents ul.image li img { width:100%; }
#contents ul.confi { overflow:hidden; margin-top:5px; }
#contents ul.confi li { margin-top:10px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#555; line-height:25px; padding-left:15px; background:url('/assets/kr/images/company/confi_bullet.jpg') no-repeat left 10px; }
#contents ul.confi li strong { display:block; font-weight:600; color:#222; }
#contents ul.display { margin-top:30px; border-top:3px solid #406CD3; border-bottom:3px solid #406CD3; }
#contents ul.display li { overflow:hidden; padding:10px 0; font-family:"NanumGothic","Nanum Gothic"; border-top:1px solid #d5d5d5; }
#contents ul.display li.first { border-top:none; }
#contents ul.display li div.tit { float:left; width:100%; padding:0 2.5%; font-size:16px; font-weight:600; color:#444; line-height:23px; }
#contents ul.display li div.txt { float:left; width:75%; padding:0 2.5%; font-size:14px; color:#555; line-height:23px; background:url('/assets/kr/images/company/technology_line.jpg') no-repeat left top; }
#contents ul.product { overflow:hidden; margin-top:10px; padding:0 3.5%; }
#contents ul.product li { float:left; width:46%; padding:0 2%; margin-top:30px; font-size:0; line-height:0; text-align:center; }
#contents ul.product li p.name { margin:10px 0 5px 0; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; color:#333; line-height:25px; }
#contents ul.bullet { margin-top:10px; margin-left:10px}
#contents ul.bullet li { margin-top:5px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#555; line-height:23px; padding-left:15px; background:url('/img/bullet.jpg') no-repeat left 7px; }
#contents ul.bullet li div.img { margin-top:20px; font-size:0; line-height:0; }
#contents ul.bullet2 { margin-top:10px; }
#contents ul.bullet2 li { float:left; width:45%; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#555; line-height:23px; padding-left:15px; background:url('/img/bullet.jpg') no-repeat left 7px; }
#contents div.image2 { margin-top:20px; font-size:0; line-height:0; text-align:center; border:1px solid #d5d5d5; }
#contents ul.graph { overflow:hidden; margin-top:30px; border-top:2px solid #406CD3; border-right:1px solid #d5d5d5; }
#contents ul.graph li { float:left; font-size:0; line-height:0; border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; }
#contents ul.graph li img { width:100%; max-width:378px; }
#contents div.pattern2 { margin-top:20px; font-size:0; line-height:0; padding:10px; text-align:center; background:url('/assets/kr/images/company/pattern_bg.jpg') repeat left top #fff; }
#contents div.pattern2 div.white { padding:16px; text-align:left; background:#fff; }
#contents ul.technology2 { }
#contents ul.technology2 li { position:relative; }
#contents ul.technology2 li.pd1 { padding-right:170px; }
#contents ul.technology2 li p.txt1 { margin-top:30px; }
#contents ul.technology2 li div.img1 { margin-top:20px; font-size:0; line-height:0; text-align:center; }
#contents ul.technology2 li div.img2 { position:absolute; top:7px; right:0; font-size:0; line-height:0; }
#contents ul.technology2 li div.img3 { margin-top:20px; font-size:0; line-height:0; text-align:center; }
#contents ul.technology2 li div.img4 { position:absolute; top:-15px; right:0; font-size:0; line-height:0; }
#contents ul.technology2 li div.img5 { margin-top:20px; font-size:0; line-height:0; text-align:center; }
#contents div.termsea { margin-top:35px; padding:15px 0; text-align:center; background-color:#f5f5f5; }
#contents div.termsea input { width:300px; height:24px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#555; border:1px solid #ccc; }
#contents div.termsea a { display:inline-block; margin-left:5px; padding:0 15px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; font-weight:600; color:#fff; line-height:30px; background-color:#444; }
#contents ul.term { overflow:hidden; margin-top:25px; }
#contents ul.term li { float:left; margin:2px 0 0 0; }
#contents ul.term li.no { float:left; margin:2px 0 0 28px; }
#contents ul.term li ul { overflow:hidden; }
#contents ul.term li ul li { float:left; margin:3px 3px 0 0; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; text-align:center; }
#contents ul.term li ul li a { display:block; width:23px; color:#222; line-height:23px; border-radius:3px; border:1px solid #ccc; }
#contents ul.term li ul li a.on, #contents ul.term li ul li a:hover { font-weight:600; color:#fff; border:1px solid #406CD3; background-color:#406CD3; }
#contents div.total { overflow:hidden; margin-top:30px; padding-bottom:10px; border-bottom:2px solid #406CD3; }
#contents div.total div.matter { float:left; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#555; line-height:25px; }
#contents div.total div.matter span { font-weight:600; color:#ef7a07; }
#contents div.total div.source { float:right; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#555; line-height:25px; }
#contents div.total div.source a { vertical-align:top; margin-left:10px; font-size:0; line-height:0; }
#contents div.term { overflow:hidden; margin-top:15px; }
#contents div.term div.list { float:left; width:48.5%; }
#contents div.term div.list h5 { font-family:"NanumGothic","Nanum Gothic"; font-size:16px; font-weight:600; color:#406CD3; line-height:25px; }
#contents div.term div.list ul.list { margin-top:10px; background:url('/assets/kr/images/company/dotted_line.jpg') repeat-x left top; }
#contents div.term div.list ul.list li { font-family:"NanumGothic","Nanum Gothic"; font-size:13px; background:url('/assets/kr/images/company/dotted_line.jpg') repeat-x left bottom; }
#contents div.term div.list ul.list li a { display:block; color:#555; line-height:20px; padding:8px; }
#contents div.term div.list ul.list li a:hover { font-weight:600; color:#406CD3; }
#contents div.term div.explain { float:left; width:48.5%; margin-left:2.8%; }
#contents div.term div.explain h5 { font-family:"NanumGothic","Nanum Gothic"; font-size:16px; font-weight:600; color:#406CD3; line-height:25px; }
#contents div.term div.explain div.cont { overflow-y:scroll; height:330px; margin-top:10px; padding:15px 20px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#555; line-height:23px; background-color:#f8f8f8; }
#contents div.stock { margin-top:35px; font-size:0; line-height:0; text-align:center; }
#contents div.stock img { width:100%; max-width:720px; }
#contents div.search { overflow:hidden; width:100%; margin-top:30px; padding:10px 0; text-align:center; background-color:#f5f5f5; }
#contents div.search select { width:100px; height:28px; margin:5px 0; font-family:"NanumGothic","Nanum Gothic"; vertical-align:top; border:1px solid #d5d5d5; }
#contents div.search input { width:180px; height:28px; margin:5px 0; font-family:"NanumGothic","Nanum Gothic"; vertical-align:top; border:1px solid #d5d5d5; }
#contents div.search a { display:inline-block; width:60px; height:28px; margin:5px 0; font-family:"NanumGothic","Nanum Gothic"; font-size:12px; font-weight:bold; color:#fff; line-height:28px; text-align:center; background-color:#555; }
#contents div.search a.btn { width:auto; padding:0 15px; background-color:#a00525; }
#contents div.search button { border:none; display:inline-block; width:60px; height:28px; margin:5px 0; font-family:"NanumGothic","Nanum Gothic"; font-size:12px; font-weight:bold; color:#fff; line-height:28px; text-align:center; background-color:#615f60; }
#contents div.search button.btn { width:auto; padding:0 15px; background-color:#a00525; }
#contents div.rule { overflow-y:scroll; height:570px; margin-top:35px; padding:15px 20px; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; color:#555; line-height:22px; border:1px solid #d5d5d5; }
#contents div.rule strong { font-weight:600; color:#406CD3; }
#contents ul.notice { overflow:hidden; margin-top:35px; padding-bottom:20px; }
#contents ul.notice li { position:relative; min-height:120px; margin-top:20px; padding:20px 0 0 200px; font-family:"NanumGothic","Nanum Gothic"; border-top:1px solid #d5d5d5; }
#contents ul.notice li.first { margin-top:0; border-top:2px solid #406CD3; }
#contents ul.notice li a { display:block; }
#contents ul.notice li div.img { position:absolute; top:20px; left:0; font-size:0; line-height:0; border:1px solid #d5d5d5; }
#contents ul.notice li p.tit { overflow:hidden; height:22px; font-size:14px; font-weight:600; color:#333; line-height:22px; }
#contents ul.notice li p.txt { overflow:hidden; height:66px; margin-top:5px; font-size:13px; color:#555; line-height:22px; }
#contents ul.notice li p.date { margin-top:5px; font-size:13px; color:#555; line-height:22px; }
#contents div.app { overflow:hidden; margin-top:35px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; font-weight:600; color:#406CD3; line-height:36px; text-align:center; padding:25px 0; background-color:#f8f8f8; border:1px solid #d5d5d5; }
#contents div.app a { margin-left:50px; font-size:0; line-height:0; vertical-align:top; }
#contents h5 { margin-top:0px; font-family:"NanumGothic","Nanum Gothic"; font-size:15px; font-weight:500; color:#406CD3; line-height:25px; }
#contents ul.step { overflow:hidden; margin-top:15px; border:1px solid #d5d5d5; }
#contents ul.step li { float:left; width:12.555%; padding:20px 1% 20px 3%; font-family:"NanumGothic","Nanum Gothic"; line-height:25px; background:url('/assets/kr/images/recruit/step_arrow.png') no-repeat left center; }
#contents ul.step li.first { background:none; }
#contents ul.step li.last { width:12.667%; background:url('/assets/kr/images/recruit/step_arrow.png') no-repeat left center #fafafa; }
#contents ul.step li p.tit { font-size:14px; color:#406CD3; }
#contents ul.step li p.txt { font-size:18px; color:#262626; }
#contents div.wage { margin-top:15px; padding:15px 25px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; background-color:#fafafa; }
#contents div.wage ul.bullet { margin-top:0; }
#contents div.wage ul.bullet li { color:#333; }
#contents div.wage ul.bullet li p { margin-top:5px; color:#777; line-height:23px; }
#contents ul.welfare { overflow:hidden; margin-top:35px; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; }
#contents ul.welfare li { float:left; width:20%; min-height:181px; padding:35px 2.5%; font-family:"NanumGothic","Nanum Gothic"; text-align:center; border-top:1px solid #d5d5d5; background:url('/assets/kr/images/recruit/welfare_line.jpg') no-repeat left top; }
#contents ul.welfare li.height1 { min-height:160px; }
#contents ul.welfare li.height2 { min-height:139px; }
#contents ul.welfare li.height3 { min-height:118px; }
#contents ul.welfare li div.icon { font-size:0; line-height:0; }
#contents ul.welfare li p.tit { margin-top:15px; font-size:18px; color:#333; line-height:27px; }
#contents ul.welfare li p.txt { margin-top:5px; font-size:14px; color:#777; line-height:21px; }
#contents ul.faq-list { width:100%; margin-top:35px; border-top:2px solid #406CD3; }
#contents ul.faq-list li { font-family:"NanumGothic","Nanum Gothic"; font-size:14px; }
#contents ul.faq-list li div.question { position:relative; display:block; overflow:hidden; padding-right:50px; border-bottom:1px solid #d5d5d5; background:url('/assets/kr/images/recruit/faq_arrow.jpg') no-repeat right top; }
#contents ul.faq-list li div.q { display:inline-block; padding-left:20px; margin-top:10px; }
#contents ul.faq-list li div em { position:absolute; top:10px; left:20px; font-size:0; line-height:0; }
#contents ul.faq-list li div a { display:inline-block; padding:10px 0 10px 10px; color:#555; line-height:24px; vertical-align:top; }
#contents ul.faq-list li div a:hover { font-weight:bold; color:#0079c8; }
#contents ul.faq-list li div.ans { display:none; padding:10px 10px 10px 60px; color:#555; line-height:23px; border-bottom:1px solid #d5d5d5; background:url('/assets/kr/images/recruit/a_icon.png') no-repeat 20px 10px #f5f5f5; }
#contents ul.faq-list li.selected p { display:block; }
#contents ul.faq-list li.no-data { font-size:14px;padding:25px 0 20px 0;text-align:center; }
#contents p.txt3 { margin-top:30px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; color:#555; line-height:27px; }
#contents ul.work { overflow:hidden; margin-top:35px; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; }
#contents ul.work li { float:left; width:42%; min-height:291px; padding:50px 4% 45px 4%; font-family:"NanumGothic","Nanum Gothic"; text-align:center; border-bottom:1px solid #d5d5d5; background:url('/assets/kr/images/recruit/welfare_line.jpg') no-repeat left top; }
#contents ul.work li div.icon { font-size:0; line-height:0; }
#contents ul.work li p.tit { margin-top:25px; font-size:18px; color:#222; line-height:27px; }
#contents ul.work li p.txt { margin-top:10px; font-size:14px; color:#555; line-height:23px; }
#contents ul.register { overflow:hidden; margin-top:35px; }
#contents ul.register li { float:left; width:240px; margin-left:20px; text-align:center; }
#contents ul.register li.first { margin-left:0; }
#contents ul.register li a { display:block; padding:40px 0 35px 0; border-radius:10px; border:2px solid #c5c7ce; }
#contents ul.register li div.icon { overflow:hidden; height:110px; }
#contents ul.register li p.name { margin-top:15px; font-family:"NanumGothic","Nanum Gothic"; font-size:18px; font-weight:600; color:#333; line-height:27px; }
#contents ul.register li a:hover { border:2px solid #0c4da2; background-color:#0c4da2; }
#contents ul.register li a:hover div.icon img { margin-top:-88px; }
#contents ul.register li a:hover p.name { color:#fff; }
#contents div.result { margin-top:20px; padding:15px 20px 20px 20px; background-color:#f5f5f5; }
#contents div.result p.txt { font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#333; line-height:23px; letter-spacing:-0.5px; }
#contents div.result p.txt span { font-weight:600; color:#0c4da2; }
#contents div.result div.check { margin-top:15px; padding:20px 0 20px 20px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; font-weight:600; color:#333; line-height:30px; background-color:#fff; border:1px solid #ddd; }
#contents div.result div.check input { width:185px; height:24px; margin:0 10px 0 10px; font-family:"NanumGothic","Nanum Gothic"; vertical-align:top; }
#contents div.result div.check a { display:inline-block; width:70px; font-size:13px; color:#fff; text-align:center; vertical-align:top; background-color:#515f7a; }
#contents div.result div.check button { display:inline-block; width:82px; font-size:13px; color:#fff; text-align:center; vertical-align:top; background-color:#515f7a; border:none; line-height:28px; font-weight:600; font-family:"NanumGothic","Nanum Gothic"; }
#contents ul.report2 { overflow:hidden; margin-top:15px; }
#contents ul.report2 li { float:left; width:370px; margin-left:20px; font-size:0; line-height:0; }
#contents ul.report2 li img { width:100%; }
#contents ul.report2 li.first { margin-left:0; }
#contents div.go { position:relative; height:43px; margin-top:25px; padding:20px 30px 20px 88px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#444; line-height:43px; border:1px solid #ddd; background:url('/assets/kr/images/customer/go_icon.jpg') no-repeat 30px 20px; }
#contents div.go a { position:absolute; top:27px; right:30px; display:block; width:82px; font-weight:bold; color:#fff; line-height:29px; text-align:center; background-color:#515f7a; }
#contents div.policy { margin-top:20px; padding:10px 20px; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; color:#555; line-height:20px; border:1px solid #ddd; }
#contents div.policy strong { display:block; margin:8px 0; font-weight:600; color:#444; }
#contents div.policy span { display:block; margin:8px 0; font-size:15px; color:#444; line-height:24px; }
#contents div.consent { margin-top:15px; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; color:#555; line-height:22px; text-align:center; }
#contents div.consent input { margin:0 5px 0 0; padding:0; border:none; vertical-align:-2px; }
#contents div.consent em { margin:0 10px; }
#contents ul.sitemap { overflow:hidden; width:100%; }
#contents ul.sitemap li { float:left; width:240px; margin:35px 0 0 20px; font-family:"NanumGothic","Nanum Gothic"; }
#contents ul.sitemap li p { font-size:16px; font-weight:600; color:#fff; line-height:35px; text-align:center; border-radius:5px; background-color:#406CD3; }
#contents ul.sitemap li.first { margin-left:0; }
#contents ul.sitemap li a { display:block; }
#contents ul.sitemap li ul.sub { margin-top:8px; }
#contents ul.sitemap li ul.sub li { float:none; width:100%; min-height:0; margin:0; font-size:14px; border-bottom:1px solid #d0d0d0; background:url('/img/bullet.jpg') no-repeat 15px 14px; }
#contents ul.sitemap li ul.sub li a { color:#555; line-height:37px; padding-left:30px; }
#contents ul.sitemap li ul.sub li a:hover { font-weight:600; color:#0a5aab; }
#contents ul.sitemap li ul.sub li ul { margin:0 0 12px 0; }
#contents ul.sitemap li ul.sub li ul li { font-size:13px; border-bottom:none; background:none; }
#contents ul.sitemap li ul.sub li ul li a { line-height:22px; }
#contents ul.sitemap li ul.sub li ul li a:hover { color:#333; }
#contents ul.system { overflow:hidden; margin-top:35px; padding:40px 0 35px 0; border:1px solid #d5d5d5; }
#contents ul.system li { float:left; width:252px; font-size:0; line-height:0; text-align:center; border-left:1px solid #d5d5d5; }
#contents ul.system li.first { border-left:none; }
#contents ul.system li a { display:block; }
#contents ul.system li p.name { margin-top:20px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; font-weight:600; color:#555; line-height:25px; }
#contents div.philosophy { padding:0 60px 440px 60px; font-family:"NanumGothic","Nanum Gothic"; text-align:center; background:url('/assets/kr/images/company/philosophy_bg.jpg') no-repeat left bottom; background-size:100%; }
#contents div.philosophy h4 { margin-top:50px; color:#034ea1; padding-bottom:10px; background:url('/assets/kr/images/company/h4_line.jpg') no-repeat center bottom; }
#contents div.philosophy p.txt { margin-top:15px; font-size:14px; color:#555; line-height:23px; }
#contents div.ethical { padding:0 60px 320px 60px; background:url('/assets/kr/images/company/ethical_bg.jpg') no-repeat left bottom; background-size:100%; }
#contents div.ethical p.begin2 { margin-top:40px; text-align:center; }
#contents div.ethical p.txt1 { margin:30px 18px 0 18px; }
#contents div.iso { margin-top:40px; padding:25px 30px; background-color:#f5f5f5; }
#contents div.iso h4 { margin-top:0; text-align:center; }
#contents div.iso p.txt1 { text-decoration:underline; }
#contents p.txt4 { margin:35px 70px 0 70px; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:600; color:#333; line-height:35px; text-align:center; }
#contents p.txt4 span { font-weight:600; color:#406CD3; }
#contents ul.technology3 { overflow:hidden; margin-top:35px; }
#contents ul.technology3 li { float:left; width:240px; margin-left:20px; font-family:"NanumGothic","Nanum Gothic"; text-align:center; }
#contents ul.technology3 li.first { margin-left:0; }
#contents ul.technology3 li div.icon { font-size:0; line-height:0; }
#contents ul.technology3 li div.icon img { width:100%; }
#contents ul.technology3 li div.cont1 { min-height:172px; padding:25px 10px; border-left:1px solid #70899f; border-right:1px solid #70899f; border-bottom:1px solid #70899f; }
#contents ul.technology3 li div.cont2 { min-height:172px; padding:25px 10px; border-left:1px solid #a39a8f; border-right:1px solid #a39a8f; border-bottom:1px solid #a39a8f; }
#contents ul.technology3 li div.cont3 { min-height:172px; padding:25px 10px; border-left:1px solid #2f6ca2; border-right:1px solid #2f6ca2; border-bottom:1px solid #2f6ca2; }
#contents ul.technology3 li p.tit { font-size:18px; font-weight:600; color:#406CD3; line-height:27px; }
#contents ul.technology3 li p.txt { margin-top:15px; font-size:13px; color:#555; line-height:22px; }
#contents div.hope { padding:0 40px 480px 40px; font-family:"NanumGothic","Nanum Gothic"; text-align:center; background:url('/assets/kr/images/company/hope_bg.jpg') no-repeat left bottom; background-size:100%; }
#contents div.hope p.begin2 { margin-top:40px; text-align:center; }
#contents div.hope p.txt1 { margin:30px 18px 0 18px; }
#contents div.vision1 { position:relative; margin-top:25px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; color:#555; line-height:29px; text-align:center; padding:35px 0; border-radius:20px; border:2px solid #56acf7; }
#contents div.vision1 div.bullet { position:absolute; top:-4px; left:0; width:100%; font-size:0; line-height:0; text-align:center; }
#contents div.vision1 span { font-weight:600; color:#2985ce; }
#contents div.vision2 { position:relative; margin-top:25px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; color:#555; line-height:29px; text-align:center; padding:35px 0; border-radius:20px; border:2px solid #49c2cd; }
#contents div.vision2 div.bullet { position:absolute; top:-4px; left:0; width:100%; font-size:0; line-height:0; text-align:center; }
#contents div.vision2 span { font-weight:600; color:#039fac; }
#contents p.txt5 { margin-top:15px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; color:#333; line-height:29px; text-align:center; }
#contents ul.core { overflow:hidden; margin-top:25px; }
#contents ul.core li { float:left; width:196px; font-size:0; line-height:0; }
#contents ul.core li.bl { width:86px; padding-top:11.3%; text-align:center; }
#contents div.vision3 { overflow:hidden; margin-top:50px; padding:35px 0; border-radius:20px; background-color:#f8f8f8; }
#contents div.vision3 h4 { margin-top:0; }
#contents div.image3 { margin-top:20px; font-size:0; line-height:0; text-align:center; }
#contents ul.welfare2 { overflow:hidden; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; background-color:#f9f9f9; }
#contents ul.welfare2 li { float:left; width:23%; min-height:77px; padding:15px 1%; font-family:"NanumGothic","Nanum Gothic"; text-align:center; background:url('/assets/kr/images/recruit/welfare_line.jpg') no-repeat left top; border-top:1px solid #d5d5d5; }
#contents ul.welfare2 li.width1 { width:48%; }
#contents ul.welfare2 li.width2 { width:31.33333%; }
#contents ul.welfare2 li div.tit { font-size:16px; font-weight:600; color:#333; line-height:25px; }
#contents ul.welfare2 li div.tit img { margin-right:8px; vertical-align:top; }
#contents ul.welfare2 li p.txt { margin-top:10px; font-size:14px; color:#555; line-height:21px; }

/* footer */
#footer { width:100%;}
#footer div.bg { padding:15px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fafafa; }
#footer ul.fmenu { float:left; overflow:hidden; }
#footer ul.fmenu li { float:left; margin-left:15px; padding-left:15px; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; font-style:normal; background:url('/assets/kr/images/common/top_line.jpg') no-repeat left 7px; }
#footer ul.fmenu li.first { margin-left:0; padding-left:0; background:none; }
#footer ul.fmenu li a { display:block; color:#0c4da2; line-height:25px; }
#footer div.foot { overflow:hidden; width:996px; margin:0 auto; padding:30px 0 30px 0; }
#footer div.foot div.flogo { float:left; margin-top:4px; font-size:0; line-height:0; }
#footer div.foot address { float:left; margin:0 0 0 50px; font-family:"NanumGothic","Nanum Gothic"; font-size:12px; font-style:normal; color:#555; line-height:19px; }

/* sitemap */
#sitemap { position:absolute; top:0; left:0; width:100%; min-height:100%; background:url('/assets/kr/images/common/popup_bg.png') repeat left top; z-index:999; }
#sitemap div.sitemap { width:996px; margin:0 auto; }
#sitemap div.close { margin-top:120px; font-size:0; line-height:0; text-align:right; }
#sitemap ul.menu { overflow:hidden; padding:0; background-color:#4d4d4d; border-bottom:none; }
#sitemap ul.menu li { float:left; width:16.25%; margin-left:0.5%; font-family:"NanumGothic","Nanum Gothic"; font-size:15px; font-weight:600; text-align:center; }
#sitemap ul.menu li.first { margin-left:0; }
#sitemap ul.menu li a { display:block; color:#fff; line-height:38px; background-color:#0c4da2; }
#sitemap ul.submenu { overflow:hidden; padding:20px 0; background-color:#4d4d4d; }
#sitemap ul.submenu li { float:left; width:16.25%; margin-left:0.25%; padding-left:0.25%; height:272px; background:url('/assets/kr/images/common/sitemap_line.jpg') repeat-y left 20px; }
#sitemap ul.submenu li.first { margin-left:0; padding-left:0; background:none; }
#sitemap ul.submenu li ul { padding:0 0 0 20px; }
#sitemap ul.submenu li ul li { float:none; width:100%; height:auto; margin-top:10px; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; background:none; }
#sitemap ul.submenu li ul li.first { margin-top:0; }
#sitemap ul.submenu li ul li a { color:#fff; line-height:18px; }
#sitemap ul.submenu li ul li ul { padding:0; margin-top:5px; }
#sitemap ul.submenu li ul li ul li { margin:0; font-size:12px; }
#sitemap ul.submenu li ul li ul li a { color:#ccc; }

@media screen and (max-width:996px) {
	.wrap { margin:0 auto; width:750px; }

	#header div.head { width:750px; }
	#header ul.language { display:none; position:absolute; top:34px; right:50%; margin-right:-375px; width:72px; padding:10px 15px; border:1px solid #ddd; background-color:#fff; z-index:1000; }
	#gnb li { margin-left:20px; font-size:14px; }
	#gnb li.ir { margin:0 0 0 20px; }
	#submenu { display:none; }

	.Location .Location-inner { width:750px; }

	#main div.visual div.onoff { right:50%; margin:-35px -375px 0 0; }
	#main ul.item li { width:32%; margin:0 0 36px 2%; }
	#main ul.item li.first { width:49%; margin:0 0 36px 0; }
	#main ul.item li.first2 { width:49%; margin:0 0 36px 2%; }
	#main ul.item li img { width:100%; }
	#main ul.icon li { float:left; width:16.55566%; font-size:0; line-height:0; text-align:center; background:url('/assets/kr/images/main/icon_line.jpg') no-repeat left top; }
	#main ul.icon li a { display:block; }
	#main ul.icon li p.name { margin-top:15px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; font-weight:600; color:#111; line-height:25px; }

	#contentswrap { width:750px; background:url('/assets/kr/images/common/snb_lines.jpg') repeat-y left top; }

	#snb { float:left; width:168px; padding:0 1px; }
	#snb h2 { font-size:24px; line-height:37px; }
	#snb ul.snb li a { padding:15px 0 15px 15px; }
	#snb ul.snb li a.on, #snb ul.snb li a:hover { background:url('/assets/kr/images/common/snb_bullet.jpg') no-repeat 140px 25px #406CD3; }
	#snb ul.snb li ul { padding:12px 0 12px 15px; }
	#snb ul.snb li ul li a { padding:3px 0 3px 18px; }

	#contents { width:550px; }
	#contents h3 { margin-top:38px; font-family:"NanumGothic","Nanum Gothic"; font-size:28px; font-weight:600; color:#333; line-height:37px; padding-top:7px; background:url('/assets/kr/images/common/h3_bullet.jpg') no-repeat left top; }
	#contents ul.tap li { float:none; width:100%; margin:5px 0 0 0; }
	#contents ul.history li.photo1 { display:none; }
	#contents ul.history li.photo2 { display:none; }
	#contents ul.history li.photo3 { display:none; }
	#contents ul.image li { width:48%; margin:20px 0 0 4%; }
	#contents ul.graph li { width:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#contents ul.term li.no { margin:2px 0 0 0; }
	#contents div.total div.source { float:left; }
	#contents ul.register li { width:31%; margin-left:3.5%; }
	#contents div.result div.check input { width:80px; }
	#contents ul.bullet2 li { width:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#contents ul.report2 li { width:49%; margin-left:2%; }
	#contents ul.report2 li img { width:100%; }
	#contents ul.sitemap li { width:32%; margin:35px 0 0 2%; }
	#contents ul.system { width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#contents ul.system li { width:33.33333%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#contents div.quality ul.cont { margin:0 0 0 300px; }
	#contents ul.technology3 li { width:32%; margin-left:2%; }
	#contents ul.technology3 li div.cont1 { min-height:240px; }
	#contents ul.technology3 li div.cont2 { min-height:240px; }
	#contents ul.technology3 li div.cont3 { min-height:240px; }
	#contents ul.core li { width:28%; }
	#contents ul.core li img { width:100%; }
	#contents ul.core li.bl { width:8%; padding-top:12%; }
	#contents ul.core li.bl img { width:22px; }

	#footer div.foot { width:750px; }

	#sitemap div.sitemap { width:750px; }
	#sitemap ul.submenu li ul { padding:0 0 0 8px; }
	#sitemap ul.submenu li ul li { letter-spacing:-0.2px; }
}

@media screen and (max-width:768px) {
	.wrap { width:auto; margin:0 20px; }
	.wrap2 { width:auto; }

	#header div.header { padding-bottom:15px; }
	#header div.topmenu { width:auto; position:absolute; top:16px; right:64px; margin:0; border-bottom:none; }
	#header div.topmenu div.wrap { margin:0; }
	#header div.topmenu a { display:none; font-size:12px; line-height:19px; }
	#header div.topmenu a.language { display:block; background:url('/assets/kr/images/common/language_bullet.png') no-repeat right 8px; }
	#header div.head { width:auto; margin:15px 20px 0 20px; }
	#header div.head h1 img { height:23px; }
	#header div.side { float:right; display:block; margin-top:2px; }
	#header ul.language { top:40px; right:60px; margin-right:0; width:45px; padding:5px 15px; }
	#header ul.language li { font-size:12px; }
	#header ul.language li a { line-height:21px; padding-left:0; }

	#gnb { display:none; }

	.Location { margin-top:54px; }
	.Location .Location-inner { position:relative; width:auto; }
	.Location ul li a { margin:0 10px; font-size:12px; padding-right:19px; }
	.Location ul li .depth-in { position:absolute; width:100%; top:35px; left:0; display:none; padding:0; background-color:#8f8f92; }
	.Location ul li .depth-in li a { padding-left:20px; }
	.Location ul li .depth-in li a:hover,
	.Location ul li .depth-in li a:focus { font-size:12px; }
	.Location ul li.depth-first { overflow:hidden; float:none; width:0; height:0; }
	.Location ul li.depth-middle { padding-left:0; background:none; }
	.Location ul li.depth-middle a { margin-left:0; padding-left:20px; }
	.Location ul li.depth-middle.on { background:none #8f8f92; }
	
	.Location ul li.depth-last { padding-left:0; }
	.Location ul li.depth-last a { font-size:12px; }
	.Location ul li.depth-last.on .depth-in { display:block; }
	.Location ul li.depth-last .depth-in li a { font-size:12px; padding-right:10px; }

	.idxlink { display:block; width:auto; }
	.mgtop1 { margin-top:20px !important; }
	.mgtop2 { margin-top:20px !important; }
	.mgtop3 { margin-top:15px !important; }
	.mgtop4 { margin-top:10px !important; }

	#main { margin:54px auto 0 auto; }
	#main div.visual div.onoff { right:20px; margin:-21px 0 0 0; }
	#main div.visual div.onoff a { margin:3px 0; }
	#main div.visual div.onoff img { width:6px; }
	#main h2 { margin-top:10px; font-size:16px; line-height:25px; }
	#main ul.item { margin-top:10px; }
	#main ul.item li { margin:0 0 20px 2%; }
	#main ul.item li.first { margin:0 0 20px 0; }
	#main ul.item li.first2 { margin:0 0 20px 2%; }
	#main ul.item li.first3 { margin:0 0 20px 0; }
	#main ul.item li div.name { font-size:12px; line-height:31px; }
	#main ul.icon { margin:0 0 20px 0; }
	#main ul.icon li { width:33.33333%; margin:10px 0; }
	#main ul.icon li img { height:80px; }
	#main ul.icon li div.icon { height:40px; }
	#main ul.icon li p.name { margin-top:10px; font-size:13px; line-height:22px; }
	#main ul.icon li a:hover div.icon img { margin-top:-40px; }

	#contentswrap { width:auto; margin:0 20px; background:none; }
	#snb { display:none; }
	#contents { float:none; width:auto; }
	#contents h3 { margin-top:20px; font-size:20px; line-height:27px; padding-top:5px; letter-spacing:-0.5px; background:url('/assets/kr/images/common/h3_bullets.jpg') no-repeat left top; }
	#contents p.explain { font-size:11px; line-height:18px; }
	#contents div.ceo { margin-top:10px; }
	#contents p.txt1 { margin-top:10px; font-size:12px; line-height:19px; }
	#contents p.txt1 span.tit { margin:15px 0 5px 0; font-size:13px; line-height:20px; }
	#contents p.begin { margin-top:15px; font-size:16px; line-height:23px; }
	#contents h4 { margin-top:15px; font-size:15px; line-height:22px; }
	#contents h4 div.unit { font-size:12px; }
	#contents h4 div.unit select { width:60px; height:22px; font-size:11px; }
	#contents h4.center { margin-top:25px; font-size:16px; }
	#contents div.image { margin-top:14px; }
	#contents div.vision { margin-top:14px; padding:20px 0; }
	#contents ul.tap { display:none; }
	#contents div.pattern { margin-top:18px; padding:5px; }
	#contents ul.philosophy { margin-top:5px; }
	#contents ul.philosophy li { min-height:80px; margin-top:15px; padding:0 0 15px 95px; }
	#contents ul.philosophy li div.icon img { height:80px; }
	#contents ul.philosophy li h4 { margin-top:0; }
	#contents ul.philosophy li p.txt { margin-top:3px; font-size:12px; line-height:19px; }
	#contents p.begin2 { margin-top:15px; font-size:16px; line-height:23px; }
	#contents div.v-btn { width:150px; margin:20px auto 0 auto; font-size:13px; }
	#contents div.v-btn a { padding:6px 0; line-height:18px;}
	#contents div.v-btn img { height:18px; margin-right:6px; }
	#contents div.quality { min-height:0; margin-top:15px; padding:15px 0 10px 0; }
	#contents div.quality div.icon { position:static; text-align:center; }
	#contents div.quality div.icon img { height:100px; }
	#contents div.quality ul.mg { margin:10px 0 0 15px !important; }
	#contents div.quality ul.cont { margin:10px 0 0 15px; }
	#contents div.quality ul.cont li { padding:3px 0 3px 13px; font-size:12px; line-height:19px; background:url('/assets/kr/images/company/bullet.png') no-repeat left 10px; }
	#contents p.txt2 { margin-top:20px; font-size:14px; line-height:21px; }
	#contents ul.technology { margin-top:10px; }
	#contents ul.technology li { float:none; width:100%; min-height:0; padding:10px 0; background:url('/assets/kr/images/company/dotted_line.jpg') repeat-x left bottom; }
	#contents ul.technology li div.icon img { height:80px; }
	#contents ul.technology li p.tit { margin-top:5px; font-size:13px; line-height:20px; }
	#contents ul.technology li p.txt { margin-top:5px; font-size:11px; line-height:18px; }
	#contents ul.history { margin-top:20px; padding:5px 0; }
	#contents ul.history li { margin-top:12px; }
	#contents ul.history li div.year { font-size:18px; line-height:25px; padding-left:25px; background:url('/assets/kr/images/company/history_bullet.png') no-repeat left 6px; }
	#contents ul.history li ul.cont { margin-top:2px; background:none; }
	#contents ul.history li ul.cont li { padding:3px 0 3px 50px; font-size:11px; line-height:17px; }
	#contents ul.history li ul.cont li div.month { top:2px; left:25px; font-size:12px; line-height:17px; }
	#contents ul.image { margin-top:10px; }
	#contents ul.image li { margin:10px 0 0 4%; }
	#contents ul.image li.first { margin:10px 0 0 0; }
	#contents ul.confi { margin-top:0px; }
	#contents ul.confi li { margin-top:7px; font-size:12px; line-height:19px; padding-left:13px; background:url('/assets/kr/images/company/confi_bullet.jpg') no-repeat left 7px; }
	#contents ul.display { margin-top:20px; border-top:1px solid #406CD3; border-bottom:1px solid #406CD3; }
	#contents ul.display li { padding:8px 0; }
	#contents ul.display li div.tit { float:none; width:auto; padding:0 10px; font-size:13px; line-height:20px; }
	#contents ul.display li div.txt { float:none; width:auto; padding:0 10px; font-size:12px; line-height:19px; background:none; }
	#contents ul.product { padding:0; }
	#contents ul.product li { margin-top:15px; }
	#contents ul.product li img { width:100%; max-width:290px; }
	#contents ul.product li p.name { margin:6px 0 0 0; font-size:12px; line-height:19px; }
	#contents ul.bullet { margin-top:5px; }
	#contents ul.bullet li { margin-top:4px; font-size:12px; line-height:19px; padding-left:13px; background:url('/img/bullet.jpg') no-repeat left 6px; }
	#contents ul.bullet li div.img { margin-top:10px; }
	#contents ul.bullet li div.img img { width:100%; max-width:302px; }
	#contents ul.graph { margin-top:15px; }
	#contents div.pattern2 { margin-top:0px; padding:5px; }
	#contents div.pattern2 div.white { padding:10px; }
	#contents ul.technology2 li.pd1 { padding-right:0; }
	#contents ul.technology2 li p.txt1 { margin-top:10px; }
	#contents ul.technology2 li div.img1 { margin-top:10px; }
	#contents ul.technology2 li div.img1 img { width:100%; max-width:434px; }
	#contents ul.technology2 li div.img2 { position:static; margin-top:10px; text-align:center; }
	#contents ul.technology2 li div.img3 { margin-top:10px; }
	#contents ul.technology2 li div.img3 img { width:100%; max-width:292px; }
	#contents ul.technology2 li div.img4 { position:static; margin-top:10px; text-align:center; }
	#contents ul.technology2 li div.img5 { margin-top:10px; }
	#contents ul.technology2 li div.img5 img { width:100%; max-width:397px; }
	#contents div.termsea { margin-top:15px; padding:8px 0; }
	#contents div.termsea input { width:200px; height:19px; font-size:12px; }
	#contents div.termsea a { padding:0 10px; font-size:12px; line-height:25px; }
	#contents ul.term { margin-top:15px; }
	#contents ul.term li { margin:0; }
	#contents ul.term li ul li { float:left; margin:3px 3px 0 0; font-size:12px; }
	#contents ul.term li ul li a { width:19px; line-height:19px; }
	#contents div.total { margin-top:15px; padding-bottom:8px; text-align:center; border-bottom:1px solid #406CD3; }
	#contents div.total div.matter { float:none; font-size:12px; line-height:19px; }
	#contents div.total div.source { float:none; font-size:12px; line-height:19px; }
	#contents div.total div.source a { display:block; margin:5px 0 0 0; }
	#contents div.term { margin-top:10px; }
	#contents div.term div.list { float:none; width:100%; }
	#contents div.term div.list h5 { font-size:14px; line-height:21px; }
	#contents div.term div.list ul.list { margin-top:10px; }
	#contents div.term div.list ul.list li { font-size:11px; }
	#contents div.term div.list ul.list li a { line-height:18px; padding:+px; }
	#contents div.term div.explain { float:none; width:100%; margin:20px 0 0 0; }
	#contents div.term div.explain h5 { font-size:14px; line-height:21px; }
	#contents div.term div.explain div.cont { height:150px; margin-top:10px; padding:6px 10px; font-size:12px; line-height:19px; }
	#contents div.search { margin-top:20px; }
	#contents div.search select { width:80px; }
	#contents div.search input { width:120px; }
	#contents div.rule { height:328px; margin-top:15px; padding:10px; font-size:11px; line-height:16px; }
	#contents ul.notice { margin-top:15px; padding-bottom:10px; }
	#contents ul.notice li { min-height:80px; margin-top:10px; padding:10px 0 0 130px; }
	#contents ul.notice li div.img { top:10px; }
	#contents ul.notice li div.img img { width:118px; }
	#contents ul.notice li p.tit { height:20px; font-size:13px; line-height:20px; }
	#contents ul.notice li p.txt { height:34px; margin-top:4px; font-size:12px; line-height:17px; }
	#contents ul.notice li p.date { margin-top:3px; font-size:12px; line-height:17px; }
	#contents div.app { margin-top:15px; font-size:13px; line-height:22px; padding:10px 0 15px 0; }
	#contents div.app a { display:block; margin:10px 0 0 0; }
	#contents div.app a img { height:28px; }
	#contents h5 { margin-top:15px; font-size:13px; line-height:20px; }
	#contents ul.step { margin-top:15px; }
	#contents ul.step li { width:22.333%; padding:10px 5.5%; line-height:21px; background:url('/assets/kr/images/recruit/step_arrow.png') no-repeat left center; }
	#contents ul.step li.first2 { background:none; border-top:1px solid #d5d5d5; }
	#contents ul.step li.bord { border-top:1px solid #d5d5d5; }
	#contents ul.step li.last { width:22.333%; background:url('/assets/kr/images/recruit/step_arrow.png') no-repeat left center #fafafa; border-top:1px solid #d5d5d5; }
	#contents ul.step li p.tit { font-size:12px; }
	#contents ul.step li p.txt { font-size:14px; }
	#contents div.wage { margin-top:10px; padding:10px 15px; }
	#contents div.wage ul.bullet li p { line-height:19px; }
	#contents ul.welfare { margin-top:15px; }
	#contents ul.welfare li { width:48%; min-height:111px; padding:15px 1%; }
	#contents ul.welfare li.height1 { min-height:72px; }
	#contents ul.welfare li.height2 { min-height:72px; }
	#contents ul.welfare li.height3 { min-height:72px; }
	#contents ul.welfare li.last { display:none; }
	#contents ul.welfare li div.icon img { height:40px; }
	#contents ul.welfare li p.tit { margin-top:8px; font-size:14px; line-height:21px; }
	#contents ul.welfare li p.txt { margin-top:3px; font-size:12px; line-height:19px; }
	#contents ul.faq-list { margin-top:10px; }
	#contents ul.faq-list li { font-size:12px; }
	#contents ul.faq-list li div.question { padding-right:50px; background:url('/assets/kr/images/recruit/faq_arrows.jpg') no-repeat right top; }
    #contents ul.faq-list li div.q { display:inline-block; padding-left:10px; margin-top:6px; }
	#contents ul.faq-list li div em { top:6px; left:10px; }
	#contents ul.faq-list li div a { padding:8px 0 8px 4px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
	#contents ul.faq-list li div.ans { padding:8px 10px 8px 42px; line-height:20px; background:url('/assets/kr/images/recruit/a_icon.png') no-repeat 10px 6px #f5f5f5; }
	#contents p.txt3 { margin-top:10px; font-size:12px; line-height:19px; }
	#contents ul.work { margin-top:15px; }
	#contents ul.work li { float:none; width:96%; min-height:0; padding:15px 2%; }
	#contents ul.work li div.icon img { height:80px; }
	#contents ul.work li p.tit { margin-top:10px; font-size:14px; line-height:21px; }
	#contents ul.work li p.txt { margin-top:5px; font-size:12px; line-height:19px; }
	#contents ul.register { margin-top:25px; }
	#contents ul.register li { width:32%; margin-left:2%; }
	#contents ul.register li a { padding:20px 0 15px 0; border-radius:5px; border:1px solid #c5c7ce; }
	#contents ul.register li div.icon { height:50px; }
	#contents ul.register li div.icon img { height:100px; }
	#contents ul.register li p.name { margin-top:5px; font-size:13px; line-height:18px; }
	#contents ul.register li p.name em { display:block; }
	#contents ul.register li a:hover { border:1px solid #0c4da2; }
	#contents ul.register li a:hover div.icon img { margin-top:-50px; }
	#contents div.result { margin-top:10px; padding:10px 15px 15px 15px; }
	#contents div.result p.txt { font-size:12px; line-height:21px; }
	#contents div.result div.check { margin-top:10px; padding:15px 0; font-size:12px; line-height:25px; text-align:center; }
	#contents div.result div.check span { display:inline-block; width:55px; text-align:left; }
	#contents div.result div.check em { display:block; margin-bottom:10px; }
	#contents div.result div.check input { width:150px; height:19px; margin:0; font-family:"NanumGothic","Nanum Gothic"; }
	#contents div.result div.check a { display:inline-block; width:82px; font-size:13px; color:#fff; text-align:center; background-color:#515f7a; }
	#contents div.result div.check button { font-size:13px; color:#fff; text-align:center; background-color:#515f7a; line-height:23px; }
	#contents ul.report2 { margin-top:0; }
	#contents ul.report2 li { float:none; width:100%; margin:10px 0 0 0; }
	#contents ul.report2 li img { max-width:370px; }
	#contents div.go { height:auto; margin-top:15px; padding:15px 0; font-size:12px; line-height:21px; text-align:center; background:none; }
	#contents div.go a { position:static; width:60px; margin:5px auto 0 auto; line-height:25px; }
	#contents div.policy { margin-top:10px; padding:10px 15px; font-size:12px; line-height:19px; }
	#contents div.policy strong { margin:5px 0; }
	#contents div.policy span { margin:0; font-size:13px; line-height:20px; }
	#contents div.consent { margin-top:10px; font-size:12px; line-height:21px; text-align:left; }
	#contents div.consent input { margin:0 5px 0 0; padding:0; border:none; vertical-align:-2px; }
	#contents div.consent em { display:block; margin:0; }
	#contents ul.sitemap li { float:none; width:100%; margin:20px 0 0 0; }
	#contents ul.sitemap li p { font-size:12px; line-height:31px; border-radius:3px; }
	#contents ul.sitemap li ul.sub { margin-top:8px; }
	#contents ul.sitemap li ul.sub li { font-size:12px; background:url('/img/bullet.jpg') no-repeat 10px 12px; }
	#contents ul.sitemap li ul.sub li a { line-height:31px; padding-left:20px; }
	#contents ul.sitemap li ul.sub li ul { margin:0 0 10px 0; }
	#contents ul.sitemap li ul.sub li ul li { font-size:11px; }
	#contents ul.sitemap li ul.sub li ul li a { line-height:20px; }
	#contents ul.system { margin-top:15px; padding:20px 0 15px 0; }
	#contents ul.system li img { width:80px; height:80px; }
	#contents ul.system li p.name { margin-top:5px; font-size:13px; line-height:20px; }
	#contents div.philosophy { padding:0 0 200px 0; }
	#contents div.philosophy h4 { margin-top:25px; padding-bottom:8px; }
	#contents div.philosophy p.txt { margin-top:6px; font-size:12px; line-height:19px; }
	#contents div.ethical { padding:0 0 150px 0; }
	#contents div.ethical p.begin2 { margin-top:15px; text-align:left; }
	#contents div.ethical p.txt1 { margin:10px 0 0 0; }
	#contents div.iso { margin-top:20px; padding:10px 15px; }
	#contents p.txt4 { margin:15px 0 0 0; font-size:16px; line-height:25px; }
	#contents ul.technology3 { margin-top:15px; }
	#contents ul.technology3 li { float:none; width:100%; margin:10px 0 0 0; }
	#contents ul.technology3 li.first { margin:0; }
	#contents ul.technology3 li div.cont1 { min-height:0; padding:15px 10px; }
	#contents ul.technology3 li div.cont2 { min-height:0; padding:15px 10px; }
	#contents ul.technology3 li div.cont3 { min-height:0; padding:15px 10px; }
	#contents ul.technology3 li p.tit { font-size:14px; line-height:23px; }
	#contents ul.technology3 li p.txt { margin-top:5px; font-size:11px; line-height:18px; }
	#contents div.hope { padding:0 0 200px 0; }
	#contents div.hope p.begin2 { margin-top:20px; }
	#contents div.hope p.txt1 { margin:10px 0 0 0; }
	#contents div.image2 img { width:100%; max-width:566px; }
	#contents div.vision1 { margin-top:10px; font-size:14px; line-height:21px; padding:15px 10px; border-radius:10px; }
	#contents div.vision2 { margin-top:10px; font-size:14px; line-height:21px; padding:15px 10px; border-radius:10px; }
	#contents p.txt5 { margin-top:5px; font-size:14px; line-height:21px; }
	#contents ul.core li { width:28%; }
	#contents ul.core li.bl img { width:16px; }
	#contents div.vision3 { margin-top:30px; padding:15px 0; border-radius:10px; }
	#contents div.image3 { margin-top:15px; }
	#contents div.image3 img { width:100%; }
	#contents ul.welfare2 li { width:48%; min-height:60px; padding:10px 1%; }
	#contents ul.welfare2 li.width1 { width:48%; }
	#contents ul.welfare2 li.width2 { width:48%; }
	#contents ul.welfare2 li:nth-child(1), #contents ul.welfare2 li:nth-child(3) { clear:both; }
	#contents ul.welfare2 li div.tit { font-size:14px; line-height:21px; }
	#contents ul.welfare2 li div.tit img { height:21px; margin-right:6px; }
	#contents ul.welfare2 li p.txt { margin-top:5px; font-size:12px; line-height:17px; }

	#footer div.bg { display:none; }
	#footer div.foot { width:auto; margin:0; padding:15px 20px; border-top:1px solid #d0d0d0; }
	#footer div.foot div.flogo { display:none; }
	#footer div.foot address { float:none; margin:0; font-size:11px; line-height:16px; text-align:center; }

	#sitemap { display:none; }
}

@media screen and (max-width:480px) {
	.wrap { width:auto; margin:0 10px; }

	#header div.topmenu { right:49px; }
	#header div.head { margin:15px 10px 0 10px; }
	#header ul.language { right:45px; }

	.Location ul li a { margin:0 4px; font-size:12px; padding-right:15px; }
	.Location ul li.depth-in li a { padding-left:10px; }
	.Location ul li.depth-middle a { margin-left:0; padding-left:10px; }

	#main div.visual div.onoff { right:10px; }
	#main ul.item { margin-top:10px; }
	#main ul.item li { float:none; width:100%; margin:0 0 10px 0; }
	#main ul.item li.first { width:100%; margin:0 0 10px 0; }
	#main ul.item li.first2 { width:100%; margin:0 0 10px 0; }
	#main ul.item li.first3 { width:100%; margin:0 0 10px 0; }
	#main ul.item li.wide { width:100%; overflow:hidden; }
	#main ul.item li.wide div.over img { width:340px; }
	#main ul.icon { margin:0 0 10px 0; }

	#contentswrap { margin:0 10px; }
	#contents { margin-bottom:40px; }
	#contents ul.faq-list li div a { width:80%; text-overflow:ellipsis; white-space:nowrap;}
	#contents div.vision img { width:260px; height:260px; }
	#contents div.pattern2 div.white img { max-width:260px; }

	#footer div.foot { padding:10px; }
}