@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:1120px; *zoom:1; }
.wrap:after { content:""; display:block; clear:both; }

/* header */
#header { width:100%; border-top:8px solid #e10b13; background:url('/assets/images/www/common/gnb_bg.jpg') repeat-x left bottom; }
#header h1 { padding:25px 0; font-size:0; line-height:0; text-align:center; }
#header div.language { position:absolute; top:35px; right:0; font-size:0; line-height:0; }
#header div.language a { display:inline-block; margin:0 12px; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; color:#181818; line-height:22px; }
#header div.language img { vertical-align:top; }
#header div.language a.on { font-weight:bold; color:#ed1c24; }
#header div.list { display:none; font-size:0; line-height:0; }

/* gnb */
#gnb { overflow:hidden; }
#gnb li { float:left; width:223px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; font-weight:600; text-align:center; border-right:1px solid #ccc; }
#gnb li.first { width:222px; border-left:1px solid #ccc; }
#gnb li a { display:block; color:#000; line-height:38px; }
#gnb li a.on, #gnb li a:hover { color:#ed1c24; }

/* 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:#e10b14; 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 div.language { overflow:hidden; margin:0 0 15px 10px; font-size:0; line-height:0; }
#mobileMenu div.language a { display:inline-block; margin:0 15px; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; color:#181818; line-height:22px; }
#mobileMenu div.language img { vertical-align:top; }
#mobileMenu div.language a.on { font-weight:bold; color:#ed1c24; }
#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:#e10b14 url('/assets/images/www/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 { display:block; color:#555; }
#mobileMenu .gnb li.on .sub_gnb li { font-weight:normal; background:none; }
#mobileMenu .gnb li.on .sub_gnb li.on { background:#4c5154; }
#mobileMenu .gnb li.on .sub_gnb li.on a { color:#fff; }
#mobileMenu .gnb li.on .sub_snb { border-top:1px solid #d0d0d0; }
#mobileMenu .gnb li.on .sub_snb li { padding-left:15px; line-height:30px; border-bottom:none; }

/* main */
#main { width:100%; margin:0; }
#main div.visual { position:relative; font-size:0; line-height:0; text-align:center; }
#main div.visual a.left { position:absolute; left:14%; top:40%; z-index:2;}
#main div.visual a.left img { max-width:54px; }
#main div.visual a.right { position:absolute; right:14%; top:40%; z-index:2;}
#main div.visual a.right img { max-width:54px; }
#main div.visual img { width:100%; max-width:1920px; }
#main div.visual ul.onoff { position:absolute; bottom:220px; left:50%; margin-left:-44px; overflow:hidden; }
#main div.visual ul.onoff li { float:left; margin:0 4px; }
#main div.visual ul.onoff li a { display:block; width:14px; height:14px; border-radius:16px; background-color:#c6c4c4; }
#main div.visual ul.onoff li a.on, #main div.visual ul.onoff li a:hover { background-color:#ff3f47; }
#main div.visual div.bg { position:absolute; left:0; bottom:0; width:100%; padding:20px 0; background:url('/assets/images/www/main/visual_menubg.png') repeat-x left top; }
#main div.visual div.bg ul.menu { overflow:hidden; width:1120px; margin:0 auto; }
#main div.visual div.bg ul.menu li { float:left; width:250px; margin-left:40px; font-size:0; line-height:0; text-align:center; }
#main div.visual div.bg ul.menu li.first { margin-left:0; }
#main div.visual div.bg ul.menu li img { max-width:230px; }
#main div.visual div.bg ul.menu li a { display:block; padding:0 10px 10px 10px; color:#999; background:url('/assets/images/www/main/menuoff_bg.png') no-repeat left top; }
#main div.visual div.bg ul.menu li a h2 { font-family:"NanumGothic", "Nanum Gothic"; font-size:16px; font-weight:600; line-height:42px; }
#main div.visual div.bg ul.menu li a.on, #main div.visual div.bg ul.menu li a:hover { color:#fff; background:url('/assets/images/www/main/menuon_bg.png') repeat left top; }

.fluid_container {margin:0 auto;max-width:1920px;width:100%;}
#vslide {position:relative; max-width:1920px; max-height:740px;}
#vslide .camera_pag .camera_pag_ul {position:absolute; bottom:220px; left:50%; margin-left:-44px; z-index:2; overflow:hidden; }
#vslide .camera_pag .camera_pag_ul li {cursor:pointer; float:left; display:inline-block; width:14px; height:14px; margin:0 4px; overflow:hidden; border-radius:16px; background-color:#c6c4c4;}
#vslide .camera_pag .camera_pag_ul li:hover {background-color:#ff3f47;}
#vslide .camera_pag .camera_pag_ul li.cameracurrent {background-color:#ff3f47;}
#vslide .camera_prev, #vslide .camera_next {position:absolute; top:40%; z-index:2; background-color:transparent;}
#vslide .camera_prev {left:14%;}
#vslide .camera_prev span {background:transparent;background:url('/assets/images/www/main/visual_left.png') no-repeat 0 0;display: block;width:54px;height:94px;}
#vslide .camera_next {right:14%;}
#vslide .camera_next span {background:transparent;background:url('/assets/images/www/main/visual_right.png') no-repeat 0 0;display: block;width:54px;height:94px;}

#main div.notice { position:relative; overflow:hidden; padding:15px 0 10px 0; border-bottom:1px solid #ddd; }
#main div.notice h2 { float:left; margin-left:30px; font-family:"NanumGothic", "Nanum Gothic"; font-size:16px; font-weight:600; color:#151515; line-height:24px; }
#main div.notice h2 span { color:#e10b14; }
#main div.notice a { float:left; margin-left:120px; font-family:"Dotum"; font-size:12px; color:#555; line-height:24px; }
#main div.notice em { float:left; margin-left:120px; font-family:"Dotum"; font-size:12px; color:#555; line-height:24px; }
#main div.notice ul.notice-list { height:20px; overflow:hidden; }
#main div.notice ul.notice-list li { float:left; width:90%; display:block; height:20px; overflow:hidden; }
#main div.notice div.btn { position:absolute; top:15px; right:0; font-size:0; line-height:0; }
#main div.notice div.btn a { margin-left:0; }
#main ul.box { overflow:hidden; margin:30px 0 50px 0; }
#main ul.box li { position:relative; float:left; width:362px; min-height:168px; margin-left:14px; border:1px solid #ddd; background:url('/assets/images/www/main/box_bg.jpg') repeat-x left bottom; }
#main ul.box li.first { margin-left:0; }
#main ul.box li a { display:block; }
#main ul.box li h2 { margin:21px 0 0 29px; font-family:"NanumGothic", "Nanum Gothic"; font-size:16px; font-weight:600; color:#151515; line-height:24px; }
#main ul.box li h2 span { color:#e10b14; }
#main ul.box li p.txt { margin:21px 0 0 29px; font-family:"NanumGothic", "Nanum Gothic"; font-size:13px; font-weight:600; color:#808080; line-height:20px; }
#main ul.box li div.financial { margin:14px 0 0 29px; font-family:"Malgun Gothic"; font-size:14px; color:#1c8ff0; line-height:30px; }
#main ul.box li div.financial span { font-size:26px; vertical-align:top; }
#main ul.box li div.financial img { margin:0 6px; }
#main ul.box li div.up { color:#fb191d; }
#main ul.box li div.icon { position:absolute; top:40px; right:25px; }

/* visual */
#visual1 { width:100%; font-size:0; line-height:0; background:url('/assets/images/www/company/visual_bg.jpg') no-repeat center top; }
#visual1 div.wrap img { width:100%; max-width:1120px; }
#visual2 { width:100%; font-size:0; line-height:0; background:url('/assets/images/www/business/visual_bg.jpg') no-repeat center top; }
#visual2 div.wrap img { width:100%; max-width:1120px; }
#visual3 { width:100%; font-size:0; line-height:0; background:url('/assets/images/www/product/visual_bg.jpg') no-repeat center top; }
#visual3 div.wrap img { width:100%; max-width:1120px; }
#visual4 { width:100%; font-size:0; line-height:0; background:url('/assets/images/www/stone/visual_bg.jpg') no-repeat center top; }
#visual4 div.wrap img { width:100%; max-width:1120px; }
#visual5 { width:100%; font-size:0; line-height:0; background:url('/assets/images/www/financial/visual_bg.jpg') no-repeat center top; }
#visual5 div.wrap img { width:100%; max-width:1120px; }

/* contentsWrap */
#contentsWrap { overflow:hidden; width:1120px; margin:30px auto; padding-bottom:70px; }

/* snb */
#snb { float:left; width:190px; }
#snb h2 { font-family:"NanumGothic","Nanum Gothic"; font-size:24px; color:#fff; line-height:106px; text-align:center; background:url('/assets/images/www/common/h2_bg.jpg') no-repeat left top; }
#snb ul.snb { border-left:1px solid #ddd; border-right:1px solid #ddd; }
#snb ul.snb li { font-family:"NanumGothic","Nanum Gothic"; font-size:14px; }
#snb ul.snb li a { display:block; overflow:hidden; padding-left:19px; color:#666; line-height:43px; border-bottom:1px solid #ddd; }
#snb ul.snb li a.on, #snb ul.snb li a:hover { font-weight:bold; color:#e56606; background:url('/assets/images/www/common/snb_bullet.png') no-repeat right 19px top 17px #eee; }
#snb ul.snb li.second a.on, #snb ul.snb li.second a:hover { font-weight:bold; color:#e56606; background:url('/assets/images/www/common/snb_bullet2.png') no-repeat right 17px top 19px #eee; }
#snb ul.snb li ul { display:none; }
#snb ul.snb li.selected ul, #snb ul.snb li.on ul { display:block; }
#snb ul.snb li ul li { font-size:13px; border-top:1px solid #fff; }
#snb ul.snb li ul li a { line-height:42px; padding-left:29px; background:#f7f7f7; }
#snb ul.snb li.second ul li a.on, #snb ul.snb li.second ul li a:hover { background:url('/assets/images/www/common/snb_bullet.png') no-repeat right 19px top 17px #f7f7f7; }

/* contents */
#contents { float:left; position:relative; width:886px; margin-left:44px; }
#contents div.locwrap { overflow:hidden; padding-bottom:10px; border-bottom:1px solid #ddd; }
#contents div.locwrap h3 { float:left; font-family:"NanumGothic","Nanum Gothic"; font-size:30px; font-weight:600; color:#333; line-height:50px; }
#contents div.locwrap div.Location { float:right; margin-top:20px; font-family:"NanumGothic","Nanum Gothic"; font-size:12px; color:#777; line-height:15px; }
#contents div.locwrap div.Location em { margin:0 6px; }
#contents div.locwrap div.Location img { margin:1px 6px 0 0; vertical-align:top; }
#contents div.ceo { padding-right:360px; background:url('/assets/images/www/company/ceo.jpg') no-repeat right 10px bottom 10px; }
#contents p.txt1 { margin-top:33px; font-family:"NanumGothic", "Nanum Gothic"; font-size:30px; color:#000; line-height:40px; letter-spacing:-0.5px; word-break:keep-all; word-wrap:break-word; }
#contents p.txt1 span { font-weight:600; color:#095ac0; }
#contents p.txt1 strong { font-weight:600; }
#contents p.txt2 { margin-top:20px; font-family:"NanumGothic", "Nanum Gothic"; font-size:26px; color:#095ac0; line-height:35px; letter-spacing:-0.5px; word-break:keep-all; word-wrap:break-word; }
#contents p.txt2 em { display:block; }
#contents p.txt3 { margin-top:20px; font-family:"NanumGothic", "Nanum Gothic"; font-size:14px; color:#666; line-height:23px; word-break:keep-all; word-wrap:break-word; }
#contents p.txt3 span { font-weight:bold; color:#77a659; }
#contents p.txt4 { margin-top:15px; font-family:"NanumGothic", "Nanum Gothic"; font-size:15px; color:#666; line-height:24px; word-break:keep-all; word-wrap:break-word; }
#contents div.name { margin:40px 40px 0 0; font-size:0; line-height:0; text-align:right; }
#contents ul.bullet { margin-top:10px; }
#contents ul.bullet li { font-family:"NanumGothic", "Nanum Gothic"; font-size:14px; color:#666; line-height:21px; padding:2px 0 2px 11px; background:url('/assets/images/www/company/bullet.jpg') no-repeat left 11px; }
#contents ul.bullet li.cn { font-family:"Microsoft YaHei"; }
#contents ul.bullet li strong { display:inline-block; font-family:"NanumGothic", "Nanum Gothic"; color:#1b1b1b; width:86px; }
#contents ul.vision { width:100%; }
#contents ul.vision li { overflow:hidden; margin-top:60px; }
#contents ul.vision li h4 { float:left; margin:0; padding:0; width:90px; font-family:"NanumGothic", "Nanum Gothic"; font-size:18px; font-weight:600; color:#1b1b1b; line-height:27px; background:url('/assets/images/www/company/arrow_bullet.jpg') no-repeat right 8px; }
#contents ul.vision li div.cont { float:left; width:710px; margin-left:86px; }
#contents ul.vision li div.vision { font-family:"NanumGothic", "Nanum Gothic"; font-size:18px; font-weight:600; color:#fff; line-height:28px; text-align:center; padding:15px 60px; border-radius:90px; background:url('/assets/images/www/company/vision_bg1.jpg') repeat left top; }
#contents ul.vision li div.value1 { position:relative; min-height:440px; background:url('/assets/images/www/company/vision_bg2.jpg') no-repeat center bottom; }
#contents ul.vision li div.value1 h5 { display:none; }
#contents ul.vision li div.value1 .mg1 { position:absolute; top:0; left:210px; }
#contents ul.vision li div.value1 .mg2 { position:absolute; top:210px; left:0; width:180px; }
#contents ul.vision li div.value1 .mg3 { position:absolute; top:210px; left:540px; }
#contents ul.vision li div.value2 { font-family:"NanumGothic", "Nanum Gothic"; font-size:18px; font-weight:600; color:#1b1b1b; line-height:28px; padding:22px 0; border-radius:90px; text-align:center; border:5px solid #f48416; }
#contents ul.vision li ul.promise { width:100%; }
#contents ul.vision li ul.promise li { position:relative; margin:0 0 30px 0; min-height:120px; padding:40px 0 0 180px; }
#contents ul.vision li ul.promise li.last { min-height:130px; padding:30px 0 0 180px; }
#contents ul.vision li ul.promise li div.icon { position:absolute; top:0; left:0; font-size:0; line-height:0; }
#contents ul.vision li h5 { margin-top:0; font-family:"NanumGothic", "Nanum Gothic"; font-size:16px; font-weight:600; color:#1b1b1b; line-height:25px; }
#contents ul.vision li ul.bullet li { min-height:0; margin:0; padding:0 0 0 11px; }
#contents ul.hstap { overflow:hidden; margin-top:25px; border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; }
#contents ul.hstap li { float:left; width:150px; font-family:"NanumGothic", "Nanum Gothic"; font-size:16px; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; }
#contents ul.hstap li a { display:block; color:#444; line-height:41px; padding-left:12px; background:url('/assets/images/www/company/tap_bullet1.png') no-repeat right 12px top 16px; }
#contents ul.hstap li a.on, #contents ul.hstap li a:hover { font-weight:600; color:#fff; background:url('/assets/images/www/company/tap_bullet2.png') no-repeat right 12px top 18px #555; }
#contents ul.history { overflow:hidden; }
#contents ul.history li { position:relative; padding:30px 0 30px 180px; background:url('/assets/images/www/company/history_line.jpg') repeat-x left bottom; }
#contents ul.history li div.year { position:absolute; top:25px; left:30px; width:82px; font-family:"NanumGothic", "Nanum Gothic"; font-size:26px; font-weight:bold; color:#1b1b1b; line-height:35px; }
#contents ul.history li div.line1 { background:url('/assets/images/www/company/year_line1.jpg') no-repeat right 24px; }
#contents ul.history li div.line2 { background:url('/assets/images/www/company/year_line2.jpg') no-repeat right 24px; }
#contents ul.history li div.cont { font-family:"NanumGothic", "Nanum Gothic"; font-size:14px; color:#666; line-height:25px; }
#contents ul.history li div.cont strong { display:inline-block; width:50px; }
#contents div.image { font-size:0; line-height:0; }
#contents div.image img { width:100%; }
#contents div.image2 { margin-top:20px; font-size:0; line-height:0; }
#contents div.image2 img { width:100%; max-width:655px; }
#contents div.image3 { margin-top:20px; font-size:0; line-height:0; }
#contents div.image3 img { width:100%; max-width:425px; }
#contents div.image4 { margin-top:20px; font-size:0; line-height:0; }
#contents div.image4 img { width:100%; max-width:846px; }
#contents div.image5 { margin-top:20px; font-size:0; line-height:0; }
#contents div.image5 img { width:100%; max-width:818px; }
#contents div.image6 { margin-top:20px; font-size:0; line-height:0; padding:30px; text-align:center; background-color:#aeada9; }
#contents div.image6 img { width:100%; max-width:566px; }
#contents div.image7 { margin-top:20px; font-size:0; line-height:0; }
#contents div.image7 img { width:100%; max-width:460px; }
#contents div.image8 { width:784px; margin-top:20px; font-size:0; line-height:0; padding:10px; text-align:center; background-color:#aeada9; }
#contents div.image8 img { width:100%; max-width:784px; }
#contents div.image9 { margin-top:40px; font-size:0; line-height:0; }
#contents div.image9 img { width:100%; max-width:804px; }
#contents div.image10 { margin-top:40px; font-size:0; line-height:0; text-align:center; }
#contents div.image10 img { width:100%; max-width:738px; }
#contents div.image11 { margin-top:40px; font-size:0; line-height:0; text-align:center; }
#contents div.image11 img { width:100%; max-width:700px; }
#contents div.image12 { margin-top:15px; font-size:0; line-height:0; text-align:center; }
#contents div.image12 img { width:100%; max-width:620px; }
#contents div.subway { margin-top:20px; font-family:"NanumGothic", "Nanum Gothic"; font-size:14px; color:#1b1b1b; line-height:30px; padding-left:40px; background:url('/assets/images/www/company/subway.jpg') no-repeat left top; }
#contents div.subway strong { margin-right:20px; color:#1864c4; }
#contents div.map { margin-top:25px; font-size:0; line-height:0; border-top:2px solid #f48416; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; }
#contents div.map img { width:100%; max-width:884px; }
#contents div.recruit { margin-top:35px; font-size:0; line-height:0; }
#contents div.recruit img { width:100%; max-width:796px; }
#contents h4 { position:relative; margin-top:40px; font-family:"NanumGothic", "Nanum Gothic"; font-size:20px; font-weight:600; color:#333; line-height:29px; padding-top:10px; background:url('/assets/images/www/company/h4_line.jpg') no-repeat left top; }
#contents h4.construct { margin-left:17px; }
#contents h4 em { margin-left:30px; font-size:14px; font-weight:normal; color:#666; vertical-align:top; }
#contents h4 div.unit { position:absolute; top:17px; right:0; font-family:"NanumGothic", "Nanum Gothic"; font-size:13px; font-weight:normal; color:#777; line-height:22px; }
#contents h4 div.print { position:absolute; top:9px; right:0; font-family:"NanumGothic", "Nanum Gothic"; font-size:14px; font-weight:bold; text-align:center; }
#contents h4 div.print a { display:block; width:130px; color:#fff; line-height:31px; background-color:#555; }
#contents ul.prize { overflow:hidden; margin-top:15px; }
#contents ul.prize li { float:left; width:350px; margin:10px 0 0 10px; font-family:"NanumGothic", "Nanum Gothic"; font-size:16px; font-weight:600; color:#fff; line-height:19px; padding:20px 0 20px 43px; letter-spacing:-0.5px; background:url('/assets/images/www/company/arrow.png') no-repeat left 17px #a1c1ef; }
#contents ul.prize li.first { margin-left:0; }
#contents ul.prize li.bg { background:url('/assets/images/www/company/arrow.png') no-repeat left 17px #aeaed5; }
#contents ul.bullet2 { margin-top:30px; }
#contents ul.bullet2 li { font-family:"NanumGothic", "Nanum Gothic"; font-size:14px; color:#666; line-height:22px; padding:4px 0 4px 11px; background:url('/assets/images/www/company/bullet2.jpg') no-repeat left 14px; }
#contents ul.bullet2 li strong { display:inline-block; color:#579131; }
#contents ul.ensign { overflow:hidden; margin-top:15px; }
#contents ul.ensign li { float:left; width:197px; min-height:170px; margin-left:30px; padding:30px 0; border-radius:10px; border:1px solid #d5d5d5; }
#contents ul.ensign li.first { margin-left:0; }
#contents ul.ensign li div.tit { font-family:"NanumGothic", "Nanum Gothic"; font-size:21px; font-weight:600; color:#333; line-height:24px; text-align:center; }
#contents ul.ensign li div.tit img { vertical-align:top; margin-right:10px; border:1px solid #d5d5d5; }
#contents ul.ensign li ul.cont { width:100%; margin-top:20px; }
#contents ul.ensign li ul.cont li { float:none; min-height:0; margin:0; padding:0; font-family:"NanumGothic", "Nanum Gothic"; font-size:12px; color:#666; line-height:21px; text-align:center; border-radius:0; border:none; background:url('/assets/images/www/business/ensign_line.jpg') no-repeat center bottom; }
#contents ul.item { overflow:hidden; margin-top:15px; }
#contents ul.item li { float:left; width:197px; margin-left:30px; font-size:0; line-height:0; border:1px solid #d5d5d5; }
#contents ul.item li.first { width:199px; margin-left:0; font-family:"NanumGothic", "Nanum Gothic"; font-size:14px; color:#333; line-height:30px; border:none; }
#contents ul.tap { overflow:hidden; margin-top:40px; }
#contents ul.tap li { float:left; width:50%; font-family:"NanumGothic", "Nanum Gothic"; font-size:14px; text-align:center; }
#contents ul.tap li.three1 { width:33.4%; }
#contents ul.tap li.three2 { width:33.3%; }
#contents ul.tap li.four { width:25%; }
#contents ul.tap li.nine1 { width:11.2%; }
#contents ul.tap li.nine2 { width:11.1%; }
#contents ul.tap li a { display:block; font-weight:600; color:#777; line-height:17px; padding:10px 0; border:1px solid #d5d5d5; }
#contents ul.tap li a.on, #contents ul.tap li a:hover { color:#fff; padding:11px 0 16px 0; border:1px solid #1660ab; border:none; background:url('/assets/images/www/business/tap_bullet.jpg') no-repeat center bottom #1660ab; }
#contents ul.city { overflow:hidden; }
#contents ul.city li { float:left; width:50%; }
#contents ul.city li ul.bullet li { width:100%; }
#contents h5 { position:relative; margin-top:25px; font-family:"NanumGothic", "Nanum Gothic"; font-size:16px; font-weight:600; color:#1864c4; line-height:25px; }
#contents h5 em { color:#666; }
#contents h5 div.unit { position:absolute; top:3px; right:0; font-family:"NanumGothic", "Nanum Gothic"; font-size:13px; font-weight:normal; color:#777; line-height:22px; }
#contents ul.gallery { overflow:hidden; margin-top:5px; }
#contents ul.gallery li { float:left; width:438px; margin:10px 0 0 10px; font-size:0; line-height:0; }
#contents ul.gallery li img { width:100%; }
#contents ul.gallery li.first { margin:10px 0 0 0; }
#contents ul.gallery2 { overflow:hidden; }
#contents ul.gallery2 li { float:left; width:438px; margin-left:10px; font-size:0; line-height:0; }
#contents ul.gallery2 li img { width:100%; }
#contents ul.gallery2 li h5 { margin-bottom:15px; }
#contents ul.gallery2 li.first { margin-left:0; }
#contents ul.gallery3 { overflow:hidden; margin-top:5px; }
#contents ul.gallery3 li { float:left; width:214px; margin:10px 0 0 10px; font-size:0; line-height:0; }
#contents ul.gallery3 li img { width:100%; }
#contents ul.gallery3 li.first { margin:10px 0 0 0; }
#contents div.stony1 { margin-top:35px; font-size:0; line-height:0; text-align:center; }
#contents div.stony1 img { width:100%; max-width:636px; }
#contents div.stony2 { margin-top:35px; font-size:0; line-height:0; }
#contents div.stony2 img { width:100%; max-width:608px; }
#contents div.stony3 { overflow:hidden; width:100%; margin-top:30px; }
#contents div.stony3 div.img { float:left; width:50%; font-size:0; line-height:0; }
#contents div.stony3 div.img img { width:100%; }
#contents div.stony3 div.cont { float:left; width:46%; margin-left:4%; }
#contents div.construct { overflow:hidden; margin-top:35px; padding:30px; border:1px solid #ccc; }
#contents div.construct div.img { float:left; width:310px; font-size:0; line-height:0; }
#contents div.construct div.cont { float:left; width:484px; margin-left:30px; }
#contents div.construct div.cont div.tit { font-family:"NanumGothic", "Nanum Gothic"; font-size:24px; color:#f48416; line-height:33px; }
#contents div.board-search { overflow:hidden; width:100%; margin-top:40px; }
#contents div.board-search div.search { float:right; }
#contents div.board-search div.search select { width:100px; height:28px; vertical-align:top; }
#contents div.board-search div.search input { width:180px; height:22px; vertical-align:top; }
#contents div.board-search div.search a { display:inline-block; width:60px; height:28px; font-family:"NanumGothic","Nanum Gothic"; font-size:12px; font-weight:bold; color:#fff; line-height:28px; text-align:center; background-color:#767676; }
#contents div.board-search div.search button { display:inline-block; width:60px; height:28px; font-family:"NanumGothic","Nanum Gothic"; font-size:12px; font-weight:bold; color:#fff; line-height:28px; text-align:center; background-color:#767676; border:none; }
#contents div.nomination { margin-top:45px; font-family:"NanumGothic", "Nanum Gothic"; font-size:24px; font-weight:600; color:#444; line-height:29px; text-align:center; }
#contents div.nomination div.img { font-size:0; line-height:0; margin-bottom:25px; }
#contents div.nomination div.img img { width:100%; max-width:480px; }
#contents div.nomination span { color:#777; }
#contents div.nomination em { display:block; margin-top:6px; font-size:12px; font-weight:normal; color:#888; line-height:17px; }
#contents div.nomi-btn { margin-top:30px; font-size:0; line-height:0; text-align:center; }
#contents ul.boundary { width:100%; margin-top:20px; }
#contents ul.boundary li { position:relative; padding:15px 0 15px 60px; border-bottom:1px solid #d5d5d5; }
#contents ul.boundary li div.no { position:absolute; top:7px; left:0; font-family:"Malgun Gothic"; font-size:37px; font-weight:bold; color:#095ac0; line-height:46px; }
#contents ul.boundary li div.txt { font-family:"NanumGothic", "Nanum Gothic"; font-size:14px; color:#777; line-height:23px; }
#contents ul.boundary li div.txt strong { display:block; font-size:16px; font-weight:600; color:#555; }
#contents div.boundary { overflow:hidden; }
#contents div.boundary div.boundary1 { float:left; width:433px; }
#contents div.boundary div.boundary2 { float:left; width:433px; margin-left:20px; }
#contents div.example { overflow:hidden; margin-top:15px; }
#contents div.example div.bimg { float:left; width:580px; margin-top:5px; font-size:0; line-height:0; border:1px solid #d5d5d5; }
#contents div.example div.bimg img { width:100%; }
#contents div.example div.simg { float:right; width:270px; }
#contents div.example div.simg ul.simg { overflow:hidden; }
#contents div.example div.simg ul.simg li { float:left; width:120px; margin:5px; font-size:0; line-height:0; border:1px solid #d5d5d5; }
#contents div.example div.simg ul.simg li img { width:100%; min-height:78px; max-height:78px; }
#contents div.example div.simg div.paging { overflow:hidden; margin-top:8px; font-size:0; line-height:0; text-align:center; }
#contents div.example div.simg div.paging a { font-family:"NanumGothic", "Nanum Gothic"; font-size:14px; color:#555; line-height:35px; }
#contents div.example div.simg div.paging a span { font-weight:600; color:#1e199a; }
#contents div.intro { overflow:hidden; margin-top:20px; padding:30px; border:1px solid #ccc; }
#contents div.intro div.img { float:left; width:154px; font-size:0; line-height:0; }
#contents div.intro div.img img { width:100%; max-width:154px; }
#contents div.intro div.cont { float:left; width:640px; margin-left:30px; }
#contents div.choice { overflow:hidden; }
#contents div.choice div.cont { float:left; width:465px; }
#contents div.choice div.img { float:right; margin:62px 40px 0 0; font-size:0; line-height:0; }
#contents div.cork { width:100%; background:url('/assets/images/www/product/cork1.jpg') no-repeat right 100px top 100px; }
#contents ul.cork { width:100%; }
#contents ul.cork li { position:relative; min-height:82px; padding:20px 0 20px 102px; background:url('/assets/images/www/product/cork_line.jpg') repeat-x left bottom; }
#contents ul.cork li.last { background:none; }
#contents ul.cork li div.icon { position:absolute; top:20px; left:0; font-size:0; line-height:0; }
#contents ul.cork li h5 { margin-top:5px; color:#1b1b1b; }
#contents ul.cork li p.txt { margin-top:5px; font-family:"NanumGothic", "Nanum Gothic"; font-size:13px; color:#777; line-height:20px; }
#contents div.cork2 { margin-top:20px; font-size:0; line-height:0; padding:25px 0 20px 0; text-align:center; border-radius:5px; border:1px solid #d5d5d5; }
#contents div.cork2 p.name { margin-top:15px; font-family:"NanumGothic", "Nanum Gothic"; font-size:14px; color:#666; line-height:23px; }
#contents div.cork2 img { width:100%; max-width:690px; }
#contents ul.mark { overflow:hidden; }
#contents ul.mark li { float:left; width:220px; margin-top:20px; text-align:center; border-left:1px solid #d5d5d5; }
#contents ul.mark li.first { border-left:none; }
#contents ul.mark li p.name { margin-top:10px; font-family:"NanumGothic", "Nanum Gothic"; font-size:13px; color:#777; line-height:18px; }
#contents div.fila { width:100%; background:url('/assets/images/www/product/fila1.jpg') no-repeat right 60px top 19px; }
#contents div.fila2 { margin-top:20px; font-family:"NanumGothic", "Nanum Gothic"; font-size:14px; color:#777; line-height:23px; padding:7px 0 7px 130px; background:url('/assets/images/www/product/fila2.jpg') no-repeat left top; word-break:keep-all; word-wrap:break-word; }
#contents ul.stage { overflow:hidden; }
#contents ul.stage li { float:left; width:180px; margin:20px 0 0 28px; }
#contents ul.stage li.first { margin:20px 0 0 0; }
#contents ul.stage li h5 { margin:0; }
#contents ul.stage li h5 span { margin-right:8px; color:#383838; }
#contents ul.stage li div.img { margin-top:10px; padding:10px; background-color:#aeada9; }
#contents ul.stage li div.img img { width:100%; }
#contents ul.stage li p.txt { margin-top:15px; font-family:"NanumGothic", "Nanum Gothic"; font-size:13px; color:#777; line-height:20px; }
#contents ul.stage li p.txt span { display:block; margin-bottom:10px; color:#222; }
#contents div.step { position:relative; width:804px; margin-top:40px; }
#contents div.step ul.step { position:absolute; top:0; left:0; width:100%; }
#contents div.step ul.step li { float:left; width:25%; font-family:"NanumGothic", "Nanum Gothic"; font-size:16px; font-weight:600; text-align:center; }
#contents div.step ul.step li a { display:block; color:#666; line-height:36px; border:1px solid #c5c5c5; background:url('/assets/images/www/product/step_bg.jpg') repeat-x left top; }
#contents div.step ul.step li a.on, #contents div.step ul.step li a:hover { color:#fff; line-height:38px; padding-bottom:8px; border:none; background:url('/assets/images/www/product/step_bg2.png') no-repeat center top; }
#contents div.step div.img { padding-top:45px; font-size:0; line-height:0; border:1px solid #d5d5d5; }
#contents div.step div.img img { width:100%; max-width:802px; }
#contents ul.kind { overflow:hidden; width:100%; }
#contents ul.kind li { float:left; width:268px; margin:38px 0 0 38px; font-size:0; line-height:0; border:1px solid #d5d5d5; }
#contents ul.kind li img { width:100%; }
#contents ul.kind li.first { margin:38px 0 0 0; }
#contents ul.kind li.first3 { margin:38px 0 0 0; }
#contents ul.stone { overflow:hidden; margin-top:20px; padding-bottom:30px; border-top:2px solid #0b4899; border-bottom:1px solid #ddd; }
#contents ul.stone li { float:left; width:159px; margin:30px 15px 0 15px; padding:15px; border:1px solid #aaa; }
#contents ul.stone li.no-data {width:100%;border:none;text-align:center;}
#contents ul.stone li div.img { position:relative; font-size:0; line-height:0; }
#contents ul.stone li div.img img { width:100%; max-width:159px; max-height:159px; }
#contents ul.stone li div.img div.expand { position:absolute; top:0; left:0; width:100%; min-height:100%; }
#contents ul.stone li p.name { margin-top:10px; font-family:"NanumGothic", "Nanum Gothic"; font-size:14px; color:#262626; line-height:23px; text-align:center; height:69px; }
#contents dl.stone { overflow:hidden; margin-top:35px; }
#contents dl.stone dt { float:left; width:11%; font-family:"NanumGothic", "Nanum Gothic"; font-size:14px; font-weight:600; color:#1660ab; line-height:23px; text-align:center; }
#contents dl.stone dd { float:left; width:18%; font-family:"NanumGothic", "Nanum Gothic"; font-size:14px; color:#262626; line-height:23px; }
#contents dl.stone dd.name { width:31%; }
#contents div.stoneimg { margin-top:15px; padding-top:40px; font-size:0; line-height:0; text-align:center; border-top:2px solid #7a7a7a; }
#contents div.stoneimg img { width:100%; max-width:424px; }
#contents div.stoneimg p.txt { margin:30px 100px 0 100px; font-family:"NanumGothic", "Nanum Gothic"; font-size:14px; color:#555; line-height:23px; text-align:left; }
#contents ul.construct { overflow:hidden; width:872px; margin:0 auto; }
#contents ul.construct li { float:left; margin:15px 10px 0 10px; }
#contents ul.construct li div.img { font-size:0; line-height:0; border:1px solid #d5d5d5; }
#contents ul.construct li div.img img { width:100%; }
#contents ul.construct li p.name { margin-top:10px; font-family:"NanumGothic", "Nanum Gothic"; font-size:14px; color:#555; line-height:23px; text-align:center; }
#contents div.list-btn { margin-top:40px; font-size:0; line-height:0; text-align:center; }
#contents div.domestic { overflow:hidden; margin-top:40px; padding:25px 40px; border:1px solid #aaa; }
#contents div.domestic div.cont { float:left; width:400px; }
#contents div.domestic div.cont p.txt3 { letter-spacing:-0.5px; }
#contents div.domestic div.cont p.tit { margin-top:30px; font-family:"NanumGothic", "Nanum Gothic"; font-size:24px; font-weight:600; color:#095ac0; line-height:33px; }
#contents div.domestic div.korea { float:right; margin-right:20px; width:278px; }

/* footer */
#footer { width:100%; padding:40px 0; background-color:#666; }
#footer div.flogo { float:left; font-size:0; line-height:0; }
#footer address { float:left; margin:6px 0 0 40px; font-family:"NanumGothic","Nanum Gothic"; font-size:12px; font-style:normal; color:#ccc; line-height:16px; }
#footer address em { display:block; font-size:11px; }
#footer div.family { position:relative; float:right; margin-top:5px; width:120px; font-family:"NanumGothic", "Nanum Gothic"; font-size:12px; padding:0 15px; border:1px solid #555; background:url('/assets/images/www/common/family_bullet.png') no-repeat right 15px top 11px #999; }
#footer div.family a { display:block; color:#eee; line-height:26px; }
#footer div.family ul.family-site { position:absolute; display:none; left:0; width:120px; margin-left:-1px; padding:0 15px; border:1px solid #555; background-color:#999; }

.no-data {width:100%;border:none;text-align:center;}
.password-wrap {display:none;position:absolute;width:300px;left:50%; margin-left:-150px; top:50%; margin-top:65px; }
.password-popup {position:relative;width:100%; border:3px solid #f48416; background-color:#fff; }
.password-popup strong { font-family:"NanumGothic", "Nanum Gothic"; font-size:16px; font-weight:600; color:#555; }
.password-popup input { width:140px; height:22px; font-size:14px; border:1px solid #767676; }
.password-popup button { width:80px; height:28px; font-size:14px; display:inline-block; font-family:"NanumGothic","Nanum Gothic"; font-weight:bold; color:#fff; line-height:28px; text-align:center; background-color:#767676; border:none; vertical-align:middle; }
.password-popup div.close {position:absolute; right:5px; top:5px; vertical-align:top; cursor:pointer;}
.password-popup ul { margin:20px 30px; }
.password-popup li { line-height:30px; }
.password-popup li.s { line-height:60px; }

.popCookie {width:97%;}

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

	#gnb li { width:195px; }
	#gnb li.first { width:194px; }

	#main div.visual a.left { left:15px; top:40%; }
	#main div.visual a.left img { max-width:27px; }
	#main div.visual a.right { right:15px; top:40%; }
	#main div.visual a.right img { max-width:27px; }
	#main div.visual ul.onoff { bottom:180px; }
	#main div.visual div.bg { padding:10px 0; }
	#main div.visual div.bg ul.menu { width:980px; }
	#main div.visual div.bg ul.menu li { width:230px; margin-left:20px; }
	#main div.visual div.bg ul.menu li a { padding:0 8px 8px 8px; background:none; border:1px solid rgba(255, 255, 255, .2); }
	#main div.visual div.bg ul.menu li a.on, #main div.visual div.bg ul.menu li a:hover { padding:1px 9px 9px 9px; border:none; } 
	#main div.notice h2 { margin-left:20px; }
	#main div.notice a { margin-left:80px;  }
	#main div.notice em { margin-left:80px; }
    #main div.notice ul.notice-list li { width:99%; height:30px;}
	#main ul.box li { width:316px; margin-left:13px; }
	#main ul.box li h2 { margin:21px 0 0 19px; }
	#main ul.box li p.txt { margin:21px 0 0 19px; }
	#main ul.box li div.financial { margin:14px 0 0 19px; }
	#main ul.box li div.icon { position:absolute; top:40px; right:10px; }

    #vslide .camera_pag .camera_pag_ul {bottom:180px;}
    #vslide .camera_prev {left:15px;}
    #vslide .camera_prev span {background:url('/assets/images/www/main/visual_left.png') no-repeat 0 0;background-size:27px 47px;width:27px;height:47px;}
    #vslide .camera_next {right:15px;}
    #vslide .camera_next span {background:url('/assets/images/www/main/visual_right.png') no-repeat 0 0;background-size:27px 47px;width:27px;height:47px;}

	#contentsWrap { width:980px; }
	#contents { width:746px; }
	#contents div.ceo { padding-right:310px; background:url('/assets/images/www/company/ceo.jpg') no-repeat right 0 bottom 0; }
	#contents ul.vision li div.cont { width:620px; margin-left:36px; }
	#contents ul.vision li div.value1 .mg1 { left:170px; }
	#contents ul.vision li div.value1 .mg2 { left:0; width:180px; }
	#contents ul.vision li div.value1 .mg3 { left:460px; }
	#contents ul.hstap { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#contents ul.hstap li { width:20%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#contents ul.prize li { width:325px; }
	#contents ul.ensign li { width:23.5%; min-height:232px; margin-left:2%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#contents ul.ensign li ul.cont li { width:100%; }
	#contents ul.item li { width:23.5%; margin-left:2%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#contents ul.item li.first { width:23.5%; line-height:26px; }
	#contents ul.item li img { width:100%; }
	#contents ul.gallery li { width:49%; margin:10px 0 0 2%; }
	#contents ul.gallery2 li { width:49%; margin-left:2%; }
	#contents ul.gallery3 li { width:23.5%; margin:10px 0 0 2%; }
	#contents div.construct div.img { width:310px; }
	#contents div.construct div.cont { width:344px; }
	#contents div.boundary div.boundary1 { width:363px; }
	#contents div.boundary div.boundary2 { width:363px; }
	#contents div.example div.bimg { width:65%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#contents div.example div.simg { width:30%; }
	#contents div.example div.simg ul.simg li { width:46%; margin:5px 2%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#contents div.intro div.cont { width:500px; }
	#contents div.choice div.cont { width:386px; }
	#contents div.choice div.img { margin:62px 0 0 0; }
	#contents ul.mark li { width:25%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#contents div.image8 { width:auto; }
	#contents div.fila { background:url('/assets/images/www/product/fila1.jpg') no-repeat right 0 top 19px; }
	#contents ul.stage li { width:23.5%; margin:20px 0 0 2%; }
	#contents div.step { width:100%; }
	#contents ul.kind { margin-top:5px; }
	#contents ul.kind li { width:30%; margin:30px 0 0 5%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#contents ul.kind li.first { margin:30px 0 0 0; }
	#contents ul.kind li.first3 { margin:30px 0 0 0; }
	#contents ul.stone li { width:23%; margin:30px 1% 1%; padding:15px 2%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#contents h4.construct { margin-left:0; }
	#contents ul.construct { width:auto; }
	#contents ul.construct li { width:23%; margin:15px 1% 0 1%; }
	#contents div.domestic { padding:25px 30px; }
	#contents div.domestic div.cont { width:386px; }
	#contents div.domestic div.korea { margin-right:0; }

	#footer { position:relative; padding:30px 0; }
	#footer div.flogo { display:none; }
	#footer address { float:none; margin:0; padding-right:180px; }
	#footer div.family { position:absolute; top:2px; right:0; margin:0; }
}

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

	#gnb li { width:149px; }
	#gnb li.first { width:148px; }

	#main div.visual ul.onoff { bottom:150px; }
	#main div.visual div.bg ul.menu { width:750px; }
	#main div.visual div.bg ul.menu li { width:183px; margin-left:6px; }
	#main div.visual div.bg ul.menu li a { padding:0 5px 5px 5px; }
	#main div.visual div.bg ul.menu li a h2 { font-size:14px; line-height:32px; }
	#main div.visual div.bg ul.menu li a.on, #main div.visual div.bg ul.menu li a:hover { padding:1px 6px 6px 6px; }
	#main ul.box li { width:240px; margin-left:12px; }
	#main ul.box li div.icon { display:none; }

    #vslide .camera_pag .camera_pag_ul {bottom:150px;}

	#contentsWrap { width:750px; padding-bottom:50px; }
	#contents { width:526px; margin-left:34px; }
	#contents div.ceo { padding-right:0; background:none; }
	#contents ul.vision li h4 { float:none; }
	#contents ul.vision li div.cont { float:none; width:auto; margin:15px 0 0 0; }
	#contents ul.vision li div.value1 { min-height:480px; }
	#contents ul.vision li div.value1 .mg1 { top:0; left:150px; }
	#contents ul.vision li div.value1 .mg2 { top:90px; left:0; width:180px; }
	#contents ul.vision li div.value1 .mg3 { top:90px; left:360px; }
	#contents ul.hstap { border-bottom:none; }
	#contents ul.hstap li { width:33.3%; border-bottom:1px solid #d5d5d5; }
	#contents ul.history li { padding:30px 0 30px 130px; }
	#contents ul.history li div.year { left:0; }
	#contents ul.prize li { margin:10px 0 0 0; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#contents ul.city li { float:none; width:100%; }
	#contents div.construct div.img { width:38%; }
	#contents div.construct div.img img { width:100%; }
	#contents div.construct div.cont { width:58%; margin-left:4%; }
	#contents div.boundary div.boundary1 { float:none; width:100%; }
	#contents div.boundary div.boundary2 { float:none; width:100%; margin:0; }
	#contents div.intro div.cont { width:290px; margin-left:20px; }
	#contents div.intro div.img { width:18%; }
	#contents div.intro div.cont { width:78%; margin-left:4%; }
	#contents div.choice div.cont { float:none; width:100%; }
	#contents div.choice div.img { float:none; margin:15px 0 0 0; }
	#contents div.choice div.img img { width:100%; max-width:350px; }
	#contents div.cork { background:url('/assets/images/www/product/cork1.jpg') no-repeat right 0 top 100px; }
	#contents div.domestic div.cont { float:none; width:100%; }
	#contents div.domestic div.korea { float:none; width:100%; margin-top:20px; text-align:center; }
}

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

	#header { background:none; }
	#header h1 { padding:15px 0; text-align:left; }
	#header h1 img { height:32px; }
	#header div.language { display:none; }
	#header div.list { display:block; position:absolute; top:20px; right:0; }

	#gnb { display:none; }

	#main div.visual a.left { left:10px; top:30%; }
	#main div.visual a.left img { max-width:20px; }
	#main div.visual a.right { right:10px; top:30%; }
	#main div.visual a.right img { max-width:20px; }
	#main div.visual ul.onoff { bottom:50%; margin-left:-28px; }
	#main div.visual ul.onoff li { margin:0 2px; }
	#main div.visual ul.onoff li a { width:10px; height:10px; border-radius:10px; }
	#main div.visual div.bg { padding:5px 0; }
	#main div.visual div.bg ul.menu { width:auto; }
	#main div.visual div.bg ul.menu li { width:23.5%; margin-left:2%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#main div.visual div.bg ul.menu li a h2 { font-size:12px; line-height:25px; }
	#main div.notice { position:relative; overflow:hidden; padding:15px 0 10px 0; border-bottom:1px solid #ddd; }
	#main div.notice h2 { float:none; margin-left:0; }
	#main div.notice a { display:inline-block; float:none; margin:5px 0 0 0; }
	#main div.notice em { display:none; }
	#main div.notice div.btn a { margin:0; }
	#main ul.box { overflow:hidden; margin:10px 0 30px 0; }
	#main ul.box li { float:none; width:auto; margin:10px 0 0 0; }
	#main ul.box li div.icon { display:block; right:25px; }

    #vslide .camera_pag .camera_pag_ul {position:absolute; bottom:50%; margin-left:-28px;}
    #vslide .camera_pag .camera_pag_ul li {width:10px; height:10px; margin:0 2px;border-radius:10px;}

	#contentsWrap { margin:20px 15px; width:auto; padding-bottom:30px; }
	#snb { display:none; }
	#contents { width:100%; margin:0; }
	#contents div.locwrap div.Location { display:none; }
	#contents div.name { margin:30px 30px 0 0; }
	#contents ul.vision li { margin-top:35px; }
	#contents ul.vision li div.vision { font-size:15px; line-height:22px; border-radius:200px; }
	#contents ul.vision li div.value1 { min-height:0; background:none; }
	#contents ul.vision li div.value1 h5 { display:block; margin-top:10px; }
	#contents ul.vision li div.value1 .mg1 { position:static; }
	#contents ul.vision li div.value1 .mg2 { position:static; width:100%; }
	#contents ul.vision li div.value1 .mg3 { position:static; }
	#contents ul.vision li div.value2 { margin-top:20px; font-size:15px; line-height:22px; padding:15px 0; border:3px solid #f48416; }
	#contents ul.vision li ul.promise li { margin:0 0 20px 0; min-height:104px; padding:10px 0 0 130px; }
	#contents ul.vision li ul.promise li.last { min-height:104px; padding:10px 0 0 130px; }
	#contents ul.vision li ul.promise li div.icon img { width:100px; }
	#contents ul.vision li ul.bullet li { min-height:0; margin:0; padding:0 0 0 11px; }
	#contents ul.mark li { width:50%; }
	#contents ul.mark li.first2 { border-left:none; }
}

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

	#main div.visual a.left { display:none; }
	#main div.visual a.right { display:none; }
	#main div.visual ul.onoff { bottom:50%; }
	#main div.visual div.bg ul.menu li a h2 { font-size:10px; line-height:15px; letter-spacing:-0.5px; }
	#main ul.box { overflow:hidden; margin:10px 0 30px 0; }
	#main ul.box li { float:none; width:auto; margin:10px 0 0 0; }
	#main ul.box li h2 { margin:21px 0 0 9px; }
	#main ul.box li p.txt { margin:21px 0 0 9px; }
	#main ul.box li div.financial { margin:14px 0 0 9px; }
	#main ul.box li div.financial img { margin:0 6px; }
	#main ul.box li div.icon { right:5px; }

    #vslide .camera_pag .camera_pag_ul {bottom:35%;}

	#contentsWrap { margin:20px 10px; width:auto; padding-bottom:20px; }
	#contents div.locwrap h3 { float:none; font-size:24px; line-height:40px; }
	#contents p.txt1 { font-size:24px; line-height:34px; }
	#contents p.txt2 { font-size:20px; line-height:30px; }
	#contents p.txt2 em { display:inline-block; }
	#contents p.txt3 { font-size:13px; line-height:22px; }
	#contents p.txt4 { font-size:14px; line-height:23px; }
	#contents ul.bullet li strong { width:60px; }
	#contents ul.vision li ul.promise li { min-height:0; padding:0; }
	#contents ul.vision li ul.promise li.last { min-height:0; padding:0; }
	#contents ul.vision li ul.promise li div.icon { display:none; }
	#contents ul.vision li h5 { font-size:15px; line-height:24px; }
	#contents ul.vision li ul.bullet li { font-size:13px; line-height:20px; padding:0 0 0 11px; background:url('/assets/images/www/company/bullet.jpg') no-repeat left 10px; }
	#contents ul.hstap li { width:50%; font-size:14px; }
	#contents ul.hstap li a { line-height:35px; background:url('/assets/images/www/company/tap_bullet1.png') no-repeat right 12px top 13px; }
	#contents ul.hstap li a.on, #contents ul.hstap li a:hover { background:url('/assets/images/www/company/tap_bullet2.png') no-repeat right 12px top 15px #555; }
	#contents ul.history li { padding:25px 0; }
	#contents ul.history li div.year { position:static; width:70px; font-size:20px; line-height:29px; }
	#contents ul.history li div.line1 { background:url('/assets/images/www/company/year_line1.jpg') no-repeat right 20px; }
	#contents ul.history li div.line2 { background:url('/assets/images/www/company/year_line2.jpg') no-repeat right 20px; }
	#contents ul.history li div.cont { margin-top:10px; font-size:13px; line-height:22px; }
	#contents ul.history li div.cont strong { width:auto; margin-right:10px; }
	#contents ul.prize li { font-size:14px; padding:15px 0 15px 43px; background:url('/assets/images/www/company/arrow.png') no-repeat left 12px #a1c1ef; }
	#contents ul.prize li.bg { background:url('/assets/images/www/company/arrow.png') no-repeat left 12px #aeaed5; }
	#contents ul.ensign li { width:49%; min-height:212px; padding:20px 0; }
	#contents ul.ensign li.first2 { margin:10px 0 0 0; min-height:0; }
	#contents ul.ensign li.first3 { margin:10px 0 0 2%; min-height:0; }
	#contents ul.ensign li div.tit { font-size:17px; }
	#contents ul.item li { width:49%; }
	#contents ul.item li.first { width:49%; font-size:12px; line-height:21px; }
	#contents ul.item li.first2 { margin:10px 0 0 0; }
	#contents ul.item li.first3 { margin:10px 0 0 2%; }
	#contents h4 { font-size:18px; line-height:27px; padding-top:6px; }
	#contents h5 { font-size:15px; }
	#contents ul.gallery li { float:none; width:100%; margin:10px 0 0 0; }
	#contents ul.gallery2 li { float:none; width:100%; margin-left:0; }
	#contents ul.gallery3 li { width:49%; margin:10px 0 0 2%; }
	#contents ul.gallery3 li.first2 { margin:10px 0 0 0; }
	#contents div.stony3 div.img { float:none; width:100%; }
	#contents div.stony3 div.cont { float:none; width:100%; margin:20px 0 0 0; padding-bottom:20px; border-bottom:1px solid #d5d5d5; }
	#contents div.construct { padding:20px; }
	#contents div.construct div.img { float:none; width:100%; }
	#contents div.construct div.cont { float:none; width:100%; margin:15px 0 0 0; }
	#contents div.construct div.cont div.tit { font-size:20px; line-height:29px; }
	#contents div.board-search div.search select { width:80px; }
	#contents div.board-search div.search input { width:140px; }
	#contents div.nomination { font-size:20px; line-height:25px; }
	#contents ul.boundary li { padding:15px 0 15px 50px; }
	#contents ul.boundary li div.no { top:9px; font-size:30px; line-height:39px; }
	#contents ul.boundary li div.txt { font-size:13px; line-height:22px; }
	#contents ul.boundary li div.txt strong { font-size:15px; }
	#contents div.example div.bimg { float:none; width:98%; margin:0 1%; }
	#contents div.example div.simg { float:none; width:100%; margin-top:5px; }
	#contents div.example div.simg ul.simg li { width:48%; margin:5px 1%; }
	#contents div.intro { padding:20px; }
	#contents div.intro div.img { float:none; width:100%; }
	#contents div.intro div.cont { float:none; width:100%; margin:15px 0 0 0; }
	#contents div.image6 { padding:20px; }
	#contents div.cork { background:none; }
	#contents ul.cork li { min-height:60px; padding:20px 0 20px 80px; }
	#contents ul.cork li div.icon img { width:60px; }
	#contents ul.cork li h5 { margin-top:0; }
	#contents div.fila { background:none; }
	#contents ul.stage li { width:49%; margin:20px 0 0 2%; }
	#contents ul.stage li.first2 { margin:20px 0 0 0; }
	#contents div.step ul.step li { font-size:13px; }
	#contents ul.kind { margin-top:15px; }
	#contents ul.kind li { width:48%; margin:20px 0 0 4%; }
	#contents ul.kind li.first { margin:20px 0 0 0; }
	#contents ul.kind li.first2 { margin:20px 0 0 0; }
	#contents ul.kind li.first3 { margin:20px 0 0 4%; }
	#contents ul.kind li.first4 { margin:20px 0 0 0; }
	#contents ul.tap li.nine1 { font-size:12px; letter-spacing:-0.8px; }
	#contents ul.tap li.nine2 { font-size:12px; letter-spacing:-0.8px; }
	#contents ul.stone { padding-bottom:20px; }
	#contents ul.stone li { width:48%; margin:20px 1% 1%; padding:10px 2%; }
	#contents ul.stone li p.name { font-size:12px; line-height:21px; height:63px; }
	#contents dl.stone dt { width:28%; font-size:13px; text-align:left; padding-left:2%; }
	#contents dl.stone dd { width:70%; font-size:13px; }
	#contents dl.stone dd.name { width:70%; }
	#contents ul.construct li { width:48%; margin:15px 1% 0 1%; }
	#contents ul.construct li p.name { font-size:12px; line-height:21px; }
	#contents div.domestic { padding:0px 20px 20px 20px; }
	#contents div.domestic div.cont p.tit { margin-top:20px; font-size:20px; line-height:29px; }

	#footer { padding:20px 0; }
	#footer address { float:none; margin:0; padding-right:0; text-align:center; }
	#footer div.family { display:none; }

    .password-wrap {width:260px; margin-left:-130px;}
    .password-popup input { width:120px; height:20px; font-size:12px; }
    .password-popup button { width:60px; height:26px; font-size:12px; line-height:26px; }
    .password-popup ul { margin:20px 30px; }
    .password-popup li { line-height:28px; }
    .password-popup li.s { line-height:40px; }
}