#wrap {width:100%; min-width:1200px;}
.inner {width:1200px; margin:0 auto;}
.grayback {width:100%; position:fixed; left:-1026px; z-index:52; background:url('/images/common/bg_navigation.png') repeat 0 0; display:none;}
.overlay {background:url('/images/common/bg_overlay.png') repeat 0 0; position:fixed; width:100%; z-index:56; display:none;}
.overlay2 {width:100%; position:fixed; display:none; z-index:54;}
.overlay3 {background:url('/images/common/bg_overlay3.png') repeat 0 0; position:fixed; width:100%; z-index:56; display:none;}

#header {height:161px; background:#f7f7f7;} /*height:165px */
.headerWrap {width:100%; position:fixed; z-index:55;}
.headerWrap {background:#ffffff;}
.headerWrap .top {width:1200px; margin:0 auto; overflow:hidden;}
.headerWrap .top:after {content:''; clear:both; height:0; visibility:hidden;}

.headerWrap .topmenu {background:#00082f;}
.headerWrap .topmenu .utilTablet {display:none;}
.headerWrap .tabletMenu {display:none;}
.headerWrap h1 {float:left; margin:35px 0 15px 0;}
.headerWrap .util {float:right; margin-top:55px; overflow:hidden;}
.headerWrap .util li {float:left; background:url('/images/common/util_gap.gif') no-repeat right center; margin-right:15px; padding-right:15px;}
.headerWrap .util li.last {background:none; margin-right:0; padding-right:0;}
.headerWrap .util li a {color:#00082f; font-size:13px; font-weight:300;}

.headerWrap .topmenu .inner:after {content:''; clear:both; display:block; height:0; visibility:hidden; overflow:hidden;}
.headerWrap .topmenu .inner > ul {float:left;}
.headerWrap .topmenu .inner> ul > li {float:left; padding:20px 55px 20px 0; position:relative;}
.headerWrap .topmenu .inner> ul > li.active > a, .headerWrap .topmenu .inner> ul > li:hover > a {color:#fff; border-bottom: 10px solid #2a539e ; padding-bottom:10px;}
.headerWrap .topmenu .inner > ul > li a {font-size:20px; color:#fff; font-weight:500; margin-bottom:8px;}

.headerWrap .topmenu .submenu {display:none; position:absolute; width:1200px; z-index:53; background:#fff; height:481px;}
.headerWrap .topmenu .submenu01 {left:2px; top:69px;}
.headerWrap .topmenu .submenu02 {left:-187px; top:69px;}
.headerWrap .topmenu .submenu03 {left:-377px; top:69px;}
.headerWrap .topmenu .submenu04 {left:-524px; top:69px;}
.headerWrap .topmenu .submenu ul.atozInfo {overflow:hidden;} 
.headerWrap .topmenu .submenu ul.atozInfo li {float:left; width:46px; height:46px; line-height:46px; text-align:center; background:#f5f5f5;}
.headerWrap .topmenu .submenu ul.atozInfo li.active {width:48px; line-height:44px; background:#fff; border-bottom:none;}
.headerWrap .topmenu .submenu ul.atozInfo li a {font-size:14px; display:block; padding:0; color:#444}
.headerWrap .topmenu .submenu .atoz {overflow:hidden; padding:35px 0; display:none;}
.headerWrap .topmenu .submenu .atoz1 {display:block;}
.headerWrap .topmenu .submenu .atozArea a {font-size:14px; font-weight:300; display:inline-block; width:22%; line-height:22px; padding:0; margin:0px 10px 8px 10px; padding:0 5px; color:#555; text-align:left;}
.headerWrap .topmenu .submenu .atozArea a.menublue {color:#000330; text-decoration:underline;}
.headerWrap .topmenu .submenu .atozArea a:hover {color:#000; outline:2px solid #222;}
.headerWrap .topmenu .submenu .cateInfo {width:210px; height:480px; float:left;}
.headerWrap .topmenu .submenu .cateInfo li {height:35px; line-height:35px; background:#f5f5f5; border:1px solid #f5f5f5;}
.headerWrap .topmenu .submenu .cateInfo li a {font-size:14px; font-weight:300; font-weight:400; display:block; padding:0 15px; color:#444;}
.headerWrap .topmenu .submenu .cateInfo li.active {border-right:none; background:#fff;}
.headerWrap .topmenu .submenu .cateInfo li.active a {color:#000330; font-size:16px;}
.headerWrap .topmenu .submenu .cg {padding:20px 40px 16px 40px; width:910px; float:left; display:none;}
.headerWrap .topmenu .submenu .cg1 {display:block;}
.headerWrap .topmenu .submenu .cg .left {float:left;}
.headerWrap .topmenu .submenu .cg .leftHead {overflow:hidden;}
.headerWrap .topmenu .submenu .cg .leftHead .img {float:left;}
.headerWrap .topmenu .submenu .cg .leftHead .data {float:left; margin-left:15px; width:360px;}
.headerWrap .topmenu .submenu .cg .leftHead .data dt {font-size:20px; margin-bottom:8px;}
.headerWrap .topmenu .submenu .cg .leftHead .data dd {font-size:14px; font-weight:300; color:#222; letter-spacing:-0.7px;}
.headerWrap .topmenu .submenu .cg .leftHead .cateList {clear:both; padding-top:15px; overflow:hidden;}
.headerWrap .topmenu .submenu .cg .leftHead .cateList ul {width:670px; margin-right:15px;}
.headerWrap .topmenu .submenu .cg .leftHead .cateList li {width:325px; height:25px; float:left; line-height:25px; border:2px solid #f5f5f5; background:#f5f5f5; margin-right:3px; margin-bottom:3px;}
.headerWrap .topmenu .submenu .cg .leftHead .cateList li:hover {border:2px solid #222; background:#fff;}
.headerWrap .topmenu .submenu .cg .leftHead .cateList li a {font-size:13px; font-weight:300; color:#555; display:block; padding:0 10px;}
.headerWrap .topmenu .submenu .cg .leftHead .cateList li:hover a {color:#222;}
.headerWrap .topmenu .submenu .cg .right {width:220px; float:right;}
.headerWrap .topmenu .submenu .cg .right a {display:block;}
.headerWrap .topmenu .submenu .cg .right a:last-child {margin-bottom:0;}
.headerWrap .topmenu .design_sub {overflow:hidden;}
.headerWrap .topmenu .design_sub .grayleft {width:13%; height:100%; float:left; background:#f5f5f5; padding:30px; font-size:14px; color:#555; line-height:20px;}
.headerWrap .topmenu .design_sub .grayleft p {font-size:22px; color:#000330; margin-bottom:15px;}
.headerWrap .topmenu .design_sub .whiteright {float:left; width:82%; height:100%;}
.headerWrap .topmenu .design_sub .right01 {border-right:1px solid #d0d0d0; float:left; height:100%; padding-top:20px;}
.headerWrap .topmenu .design_sub .right01 li {width:330px; box-sizing:border-box; border:2px solid #fff; padding:0 25px; margin-bottom:2px;}
.headerWrap .topmenu .design_sub .right01 li, .headerWrap .topmenu .design_sub .right01 li a {font-weight:300; font-size:16px; display:block; line-height:33px; height:37px; cursor:pointer; color:#555;}
.headerWrap .topmenu .design_sub .right01 li:hover, .headerWrap .topmenu .design_sub .right01 li.active {border:2px solid #222; color:#222;}
.headerWrap .topmenu .design_sub .right01 li a:hover {color:#222;}
.headerWrap .topmenu .design_sub .right01 li .more {font-weight:500; color:#ccc;}
.headerWrap .topmenu .design_sub .right02 {float:left; width:330px; padding-top:20px;}
.headerWrap .topmenu .design_sub .right02 li {display:none;}
.headerWrap .topmenu .design_sub .right02 li a {padding:0 20px; line-height:37px; height:37px; display:block; font-size:15px; font-weight:300; color:#555; margin-bottom:2px;}
.headerWrap .topmenu .design_sub .right02 li a:hover {background:#f5f5f5; color:#000330;}
.headerWrap .topmenu .design_sub .contactBox {float:right; width:195px; padding:30px 30px 0 0;}
.headerWrap .topmenu .design_sub .contactBox dl {font-size:18px; font-weight:500; overflow:hidden;}
.headerWrap .topmenu .design_sub .contactBox dl.f {margin-bottom:20px; border-bottom:1px solid #d0d0d0; padding-bottom:20px;}
.headerWrap .topmenu .design_sub .contactBox dt {color:#222; float:left;}
.headerWrap .topmenu .design_sub .contactBox dd {color:#000330; font-weight:600; padding-left:73px;}
.headerWrap .topmenu .design_sub .contactBox a {display:block; box-sizing:border-box; border:2px solid #222; height:37px; line-height:34px; text-align:center; font-size:14px; font-weight:400; margin-top:30px;}
.headerWrap .topmenu .design_sub .bannerArea {position:absolute; bottom:15px; right:-25px; width:653px;}
.headerWrap .topmenu .design_sub .bannerArea a {display:inline-block; width:28.5%; height:120px; box-sizing:border-box; border:3px solid #aaa; transition:border 0.2s; padding:12px 12px 18px 15px;}
.headerWrap .topmenu .design_sub .bannerArea a {background-size:45px !important;}
.headerWrap .topmenu .design_sub .bannerArea a.banner_cs01 {background:url('/images/common/banner_cs01.png') no-repeat 16px 75px;}
.headerWrap .topmenu .design_sub .bannerArea a.banner_cs02 {background:url('/images/common/banner_cs02.png') no-repeat 16px 72px; margin:0 2.5%;}
.headerWrap .topmenu .design_sub .bannerArea a.banner_cs03 {background:url('/images/common/banner_cs03.png') no-repeat 16px 72px;}
.headerWrap .topmenu .design_sub .bannerArea a.banner_cp01 {background:url('/images/common/banner_cp01.png') no-repeat 16px 65px; background-size:38px !important;}
.headerWrap .topmenu .design_sub .bannerArea a.banner_cp02 {background:url('/images/common/banner_cp02.png') no-repeat 16px 65px; margin:0 2.5%;}
.headerWrap .topmenu .design_sub .bannerArea a.banner_cp03 {background:url('/images/common/banner_cp03.png') no-repeat 16px 65px;}
.headerWrap .topmenu .design_sub .bannerArea a .title {font-size:17px; font-weight:500; display:block; color:#aaa;}
.headerWrap .topmenu .design_sub .bannerArea a .more {display:block; height:21px; background:url('/images/common/arrow_banner.png') no-repeat right top; text-indent:-9999px; overflow:hidden; margin-top:45px;}
.headerWrap .topmenu .design_sub .bannerArea a:hover {border:3px solid #222;}
.headerWrap .topmenu .design_sub .bannerArea a:hover .title {color:#222;}

.headerWrap .mobileSearch {display:none;}
.headerWrap .searchWrap {position:absolute; top:109px; right:50%; margin-right:-602px; border:2px solid #fff; background:#fff; width:460px; height:36px; padding:0 5px; z-index:56;}
.headerWrap .searchWrap .text {border:none; color:#909090; width:415px; height:36px;}
.headerWrap .searchWrap .search {position:absolute; right:5px; top:5px;}
.headerWrap .searchWrap .search_close {display:none;}
.headerWrap .relative {position:absolute; top:39px; left:-3px; width:474px; border:1px solid #000330; border-top:none; background:#fff; z-index:52; display:none;}
.headerWrap .relative dt {height:40px; line-height:40px; background:#f3f3f3; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; color:#222; padding:0 15px;}
.headerWrap .relative dd {line-height:25px; padding:10px 10px;}
.headerWrap .relative dd a {display:block; color:#555; padding:0 5px;}
.headerWrap .relative dd a:hover {outline:2px solid #222;}

.mainVisual {position:relative; height:460px;}
.mainVisual li {left:50%; margin-left:-952px;}
.mainVisual li .visual {position:relative; width:1920px; min-width:1200px;}
.mainVisual li .pcVisual {display:block;}
.mainVisual li .tabletVisual {display:none;}
.mainVisual li .mobileVisual {display:none;}
.mainVisual li .visualTxt {position:absolute; left:50%; top:90px; margin-left:-600px; z-index:51; width:1200px; overflow:hidden;}
.mainVisual li .visualTxt .txtBox {float:right;}
.mainVisual li .visualTxt h2 {font-size:60px; color:#434343; font-weight:600; margin-bottom:10px;}
.mainVisual li .visualTxt p {font-size:20px; font-weight:300; color:#2a2a2a;}
.mainVisual li .visualTxt .btn_visual {display:inline-block; min-width:73px; height:39px; line-height:39px; padding:0 30px; text-align:center; border:2px solid #3e373b; color:#3e373b; font-weight:500; font-size:16px; margin-top:40px;}
.mainVisual .bx-controls {position:absolute; bottom:30px; left:0; width:100%; z-index:51; text-align:center;}
.mainVisual .bx-pager-item {display:inline-block; margin:0 5px;}
.mainVisual .bx-pager-item a {text-indent:-9999px; overflow:hidden; display:block; width:11px; height:11px; background:url('/images/main/pager_off.png') no-repeat 0 0;}
.mainVisual .bx-pager-item a.active {background:url('/images/main/pager_on.png') no-repeat 0 0;}

.itemWrap .itemHead {height:80px; background:#dcdee2; color:#fff; line-height:80px;}
.itemWrap .itemHead .inner {overflow:hidden;}
.itemWrap .itemHead ul {overflow:hidden;}
.itemWrap .itemHead .onlyMobile {display:none;}
.itemWrap .itemHead ul li {width:108px; font-size:18px; float:left; cursor:pointer; border-left:1px solid #8b8b8b; padding-left:90px; transition:border-color 0.2s, background 0.2s, color 0.2s;}
.itemWrap .itemHead ul li:hover {border-color:#dfdfdf;}
.itemWrap .itemHead ul li:last-child {border-right:1px solid #8b8b8b;}
.itemWrap .itemHead ul li.item01 {text-align:center; padding-left:0; width:199px; font-weight:500; color:#222;}
.itemWrap .itemHead ul li.item01:hover, .itemWrap .itemHead ul li.item01.active {background:#fff; color:#222;}
.itemWrap .itemHead ul li.item02 {background:url('/images/main/icon2021_1.png') no-repeat 30px center; color:#222; }
.itemWrap .itemHead ul li.item02:hover, .itemWrap .itemHead ul li.item02.active {color:#222; background:#fff url('/images/main/icon2021_1.png') no-repeat 30px center;}
.itemWrap .itemHead ul li.item03 {padding-left:70px; width:129px; background:url('/images/main/icon2021_2.png') no-repeat 20px center; color:#222;}
.itemWrap .itemHead ul li.item03:hover, .itemWrap .itemHead ul li.item03.active {color:#222; background:#fff url('/images/main/icon2021_2.png') no-repeat 20px center;}
.itemWrap .itemHead ul li.item04 {background:url('/images/main/icon2021_3.png') no-repeat 30px center; color:#222;}
.itemWrap .itemHead ul li.item04:hover, .itemWrap .itemHead ul li.item04.active {color:#222; background:#fff url('/images/main/icon2021_3.png') no-repeat 30px center;}
.itemWrap .itemHead ul li.item05 {background:url('/images/main/icon2021_4.png') no-repeat 30px center; color:#222;}
.itemWrap .itemHead ul li.item05:hover, .itemWrap .itemHead ul li.item05.active {color:#222; background:#fff url('/images/main/icon2021_4.png') no-repeat 30px center;}
.itemWrap .itemHead ul li.item06 {background:url('/images/main/icon2021_5.png') no-repeat 30px center; color:#222;}
.itemWrap .itemHead ul li.item06:hover, .itemWrap .itemHead ul li.item06.active {color:#222; background:#fff url('/images/main/icon2021_5.png') no-repeat 30px center;}
.itemWrap .itemCon {width:1200px; margin:50px auto 0; display:none;}
.itemWrap .itemCon01 {display:block;}
.itemWrap .itemCon ul {overflow:hidden;}
.itemWrap .itemCon ul li {float:left; width:288px; margin-right:16px; min-height:292px; margin-bottom:30px;}
.itemWrap .itemCon ul li:nth-child(1), .itemWrap .itemCon ul li:nth-child(5) {clear:both; float:left;}
.itemWrap .itemCon ul li:nth-child(4), .itemWrap .itemCon ul li:nth-child(8) {float:right; margin-right:0;}
.itemWrap .itemCon ul li a > img {border:4px solid #fff; transition:border 0.2s;}
.itemWrap .itemCon ul li:hover a > img {border:4px solid #000330;}
.itemWrap .itemCon ul li p {font-size:18px; color:#222; font-weight:500; line-height:24px; margin:10px 0; letter-spacing:-0.7px;}
.itemWrap .itemCon ul li span {color:#555; font-size:14px; font-weight:300; line-height:20px;}
.article {width:1200px; margin:0 auto;}
.article h3 {font-size:30px; font-weight:500; color:#222; margin-bottom:15px;}
.article .newsWrap {overflow:hidden; margin-bottom:70px;}
.article .newsWrap .subject {display:none; opacity:0;}
.article .newsWrap .news01 {width:441px; height:386px; overflow:hidden; float:left; position:relative;}
.article .newsWrap .news01 .thumb {}
.article .newsWrap .news01 .thumb img {width:100%;}
.article .newsWrap .news01 .subject {position:absolute; width:92.5%; height:100%; text-align:center; background:url('/images/main/bg_overlay.png') repeat 0 0; color:#fff; font-size:30px; font-weight:400; line-height:32px; padding:37% 4%;}
.article .newsWrap .news02 {width:440px; float:left; overflow:hidden;}
.article .newsWrap .news02 span {display:block; width:220px; height:193px; float:left; position:relative;}
.article .newsWrap .news02 span .subject {position:absolute; width:90%; height:100%; text-align:center; padding:34% 5%; background:url('/images/main/bg_overlay.png') repeat 0 0; color:#fff; font-size:17px; line-height:19px;}
.article .newsWrap .event {width:300px; float:right;}
.article .newsWrap .event a {display:block; width:232px; border:4px solid #222; padding:30px 20px 30px 30px; transition:border 0.2s;}
.article .newsWrap .event a:hover {border:4px solid #b1b1b1;}
.article .newsWrap .event a:hover .title {color:#b1b1b1;}
.article .newsWrap .event a:first-child {height:143px; background:url('/images/main/ico_anti.png') no-repeat 87% 34%;}
.article .newsWrap .event a:first-child .more {margin-top:80px;}
.article .newsWrap .event a:last-child {height:94px; margin-top:13px; background:url('/images/main/ico_workshop.png') no-repeat 87% 34%;}
.article .newsWrap .event a:last-child .more {margin-top:33px;}
.article .newsWrap .event a .title {font-size:30px; font-weight:500; display:block; color:#222;}
.article .newsWrap .event a .more {display:block; font-size:16px; margin-top:46px; text-align:right; color:#555; background:url('/images/common/ico_arrow02.gif') no-repeat right center; padding-right:25px; letter-spacing:-0.7px;}
.contactWrap {height:61px; line-height:61px; background:url('/images/common/bg_bottom_tel.gif') no-repeat center top;}
.contactWrap .contact {width:1200px; margin:0 auto;}
.contactWrap .contact .tel01, .contactWrap .contact .tel02 {display:block; width:50%; color:#fff; font-size:18px;}
.contactWrap .contact b {font-size:24px; padding:0 25px 0 0; margin:0 25px 0 0; vertical-align:top;}
.contactWrap .contact .tel01 {float:left; text-align:center;}
.contactWrap .contact .tel01 .gap {background:url('/images/main/tel_gap.png') no-repeat right center; padding-left:25px;}
.contactWrap .contact .tel02 {float:right; text-align:center;}
.contactWrap .contact .tel02 b {padding-left:25px;}
.contactWrap .contact .tel02 a {font-size:14px; color:#fff;}
.contactWrap .contact .tel02 a img {vertical-align:baseline;}

/*=== Sub Page ===*/
.subVisual {background:#f7f7f7;}
.subVisual .snbShow {display:none;}
.subVisual .subTitle {width:1200px; margin:0 auto; height:110px; line-height:110px; display:none;}
.subVisual .subTitle h2 {color:#222; font-weight:500; font-size:40px;}
.subVisual .subTitle h2 span {color:#555; font-weight:300; font-size:18px;}
.subVisual .location {border-bottom:1px solid #d0d0d0; border-top:1px solid #d0d0d0; background:#fff;}
.subVisual .location .inner {position:relative;}
.subVisual .location h3 {display:inline-block; height:49px; line-height:49px; font-size:14px; font-weight:300; color:#999; position:relative;}
.subVisual .location h3 span {color:#222; display:inline-block; position:relative;}
.subVisual .location h3 .dropdown {position:absolute; z-index:1; right:0; width:200px; height:200px; overflow-y:scroll; background:#fff; border:1px solid #d0d0d0; display:none;}
.subVisual .location h3 .dropdown li {overflow:hidden; line-height:normal;}
.subVisual .location h3 .dropdown li a {display:block; padding:4px 10px; font-size:12px;}
.subVisual .location h3 .dropdown li a:hover {background:#f9f9f9; color:#222;}
.subVisual .location h3 .midcate {display:inline-block; position:relative; cursor:pointer;}
.subVisual .location h3 .lastcate {display:inline-block; position:relative; cursor:pointer;}
.subVisual .location .hiddenCate {display:none; position:absolute; right:0; top:49px; background:#fff; border:1px solid #d0d0d0; padding:5px; z-index:1;}
.subVisual .location .hiddenCate li {line-height:14px; padding:4px 5px;}
.subVisual .location .hiddenCate li:hover {background:#000330;}
.subVisual .location .hiddenCate li a {font-size:12px; display:block; font-weight:400;}
.subVisual .location .hiddenCate li:hover a {color:#fff;}
#content {width:1200px; margin:50px auto; overflow:hidden;}
#content2 {width:1200px; margin:50px auto; overflow:hidden;}
#container {overflow:hidden;}
#SNB {width:210px; float:left; display:block;}
#SNB .snbShow {display:none;}
#SNB .pcSnb {display:block;}
#SNB .tabletSnb {display:none;}
#SNB .snbHide {display:none;}
#SNB .snblist01 {border-top:1px solid #d0d0d0;}
#SNB .snblist01 > li {}
#SNB .snblist01 > li.moreSnb > a {display:block; height:49px; line-height:49px; border-bottom:1px solid #d0d0d0; background:url('/images/common/bg_snblist01_off.png') no-repeat left top; font-size:15px; padding-left:14px;}
#SNB .snblist01 > li.moreSnb:hover > a, #SNB .snblist01 > li.active01.moreSnb > a {background:#666 url('/images/common/bg_snblist01_on.png') no-repeat right top; color:#fff;}
#SNB .snblist01 > li.active01 .snblist02 {display:block;}
#SNB .snblist02 {display:none; background:#f5f5f5; padding:10px 0; border-bottom:1px solid #d0d0d0;}
#SNB .snblist02 > li > a {padding-left:12px; line-height:24px; color:#555; font-size:13px; display:block;}
#SNB .snblist02 > li:hover > a, #SNB .snblist02 > li.active02> a {color:#111;}
#SNB .detail {margin-top:25px;}
#SNB .detail h4 {font-size:18px; color:#111; font-weight:500; margin-bottom:10px;}
#SNB .detail ul {background:#f5f5f5; border:1px solid #d0d0d0; padding:15px 12px;}
#SNB .detail ul li {font-size:12px; font-weight:300; color:#555; line-height:24px;}
#SNB .detail ul li .checkbox {display:inline-block; vertical-align:middle; margin-right:5px;}
#SNB .detail #detailSearch {border:1px solid #111; width:198px; padding:5px 5px; font-weight:300;}
#SNB .detail .text {border:1px solid #111; width:198px; padding:5px 5px; font-weight:300;}
#SNB .detail .btn_search {display:block; background:#666; color:#fff; font-size:18px; font-weight:400; height:41px; line-height:39px; text-align:center; margin-top:5px;}
#SNB .detail .btn_search img {vertical-align:sub;}

#SNB .snblist01 > li > a {display:block; height:49px; line-height:49px; border-bottom:1px solid #d0d0d0; background:#fff; font-size:16px; padding-left:20px;}
#SNB .snblist01 > li:hover > a, #SNB .snblist01 > li.active01 > a {background:#666; color:#fff;}

#paging {text-align:center;}
#paging a {display:inline-block; width:25px; height:25px; text-align:center; line-height:25px; font-size:14px; font-weight:300;}
#paging a.current {background:#666; border-radius:2px; color:#fff;}
#paging a img {vertical-align:top;}

.tabArea {margin-bottom:40px;}
.tabArea ul {overflow:hidden; background:#f5f5f5;}
.tabArea ul li {float:left; border-top:3px solid #f5f5f5; border-bottom:1px solid #555; background:url('/images/customer/bg_tabarea.png') no-repeat right center; text-align:center;}
.tabArea ul li a {display:block; color:#888; font-size:16px; font-weight:300;}
.tabArea ul li.on {background:#fff; border:1px solid #555; border-bottom:1px solid #fff; border-top:3px solid #555;}
.tabArea ul li.on a {color:#222;}
.tabArea ul li:last-child {background:none;}
.tabArea ul li:last-child.on {background:#fff;}
.tabArea ul.list2 li {width:49.8%; height:40px; line-height:40px;}
.tabArea ul.list3 li {width:33.2%; height:40px; line-height:40px;}
.tabArea ul.list6 li {width:16.6%; height:85px;}
.tabArea ul.list6 li a {padding:15px 0;}
.mobileTabArea {display:none;}

.boardSearch {text-align:right; position:relative; margin-bottom:10px;}
.boardSearch .total {position:absolute; left:0; top:0; color:#888; line-height:40px;}
.boardSearch .selCustom {display:inline-block; height:auto; padding:5px 12px; min-width:110px; background:transparent url('/images/common/ico_select.png') no-repeat 90% center; overflow:hidden; vertical-align:top; border:1px solid #555;}
.boardSearch select {border:none; width:130%; box-shadow:none; background:transparent; /*-webkit-appearance:none; -moz-appearance:none; appearance:none;*/}
.boardSearch input.text {width:190px; height:38px; border:1px solid #555; padding:0 10px;}

#Board {width:100%; border-top:1px solid #666;}
#Board2 {width:100%; border-top:1px solid #666;}
.eventBoard.list {border-top:1px solid #d0d0d0;}
.eventBoard.list thead th {text-align:center; font-weight:400; background:#f9f9f9; padding:13px; border-bottom:1px solid #d0d0d0;}
.eventBoard.list tbody tr:hover {background:#f9f9f9;}
.eventBoard.list th, .eventBoard.list td {padding:15px; border-bottom:1px solid #d0d0d0;}
.eventBoard.list .subject {font-size:18px; font-weight:500; color:#222; display:block;}
.eventBoard.list .latest {display:block; font-size:14px; color:#555; font-weight:300; margin-top:10px;}
.eventBoard.list .date {font-size:14px; color:#888; display:block; margin-top:20px; font-weight:300;}
.eventBoard.list .pcNone {display:none;}
.eventBoard.list #paging {margin-top:40px;}

.eventBoard.view {}
.eventBoard.view th, .eventBoard.view td {padding:15px; border-bottom:1px solid #d0d0d0; font-weight:300;}
.eventBoard.view tbody th {text-align:left; font-weight:300;}
.eventBoard.view .subject {text-align:left; background:#f5f5f5; font-size:18px; font-weight:500;}
.eventBoard.view .file {font-size:14px; font-weight:300; color:#888;}
.eventBoard.view .date {display:block; text-align:right; margin-top:5px; color:#888; font-weight:300; font-size:14px;}
.eventBoard.view .imgArea {margin:2% 0; }
.eventBoard.view .imgArea img {max-width:100%;}
.eventBoard.view .keyword {color:#555; font-weight:300; vertical-align:middle;}
.eventBoard.view .btnArea {margin-top:20px;}

.eventBoard.write {}
.eventBoard.write th, .eventBoard.write td {padding:8px 15px; border-bottom:1px solid #d0d0d0; font-weight:300;}
.eventBoard.write .fixed th, .eventBoard.write .fixed td {height:42px;}
.eventBoard.write tbody th {text-align:left; font-weight:300;}
.eventBoard.write .subject {text-align:left; background:#f5f5f5; font-size:18px; font-weight:500;}
.eventBoard.write input.text {background:#f9f9f9; border:1px solid #bfbfbf; width:40%; height:40px;}
.eventBoard.write input#subject {width:99%;}
.eventBoard.write .textarea {width:98%; padding:1%; resize:none; height:90px; border:1px solid #bfbfbf; background:#f5f5f5;}
.eventBoard.write .textarea.others {background:#fff !important;}
.eventBoard.write .bg_white {background:#fff !important;}
.eventBoard.write b.red {font-weight:400;}
.eventBoard.write .btnArea {margin-top:40px;}

.basicBoard .btnArea {margin-top:20px;}
.basicBoard .ico_blue, .basicBoard .ico_lgray, .basicBoard .ico_dgray {font-size:14px; min-width:62px; height:26px; line-height:26px; border-radius:4px;}

.basicBoard.list {}
.basicBoard.list #paging {margin-top:40px;}
.basicBoard.list #antibody td.alignL a {font-size:13px; line-height:16px; display:block;}
.basicBoard.list thead th {text-align:center; font-weight:400; background:#f9f9f9; padding:13px; border-bottom:1px solid #d0d0d0;}
.basicBoard.list tbody th, .basicBoard.list tbody td {padding:13px; border-bottom:1px solid #d0d0d0; height:40px; word-break:break-all;}
.basicBoard.list tbody tr:hover {background:#f9f9f9;}
.basicBoard.list .btnArea {margin-top:40px;}
.basicBoard.list .qttTd {position:relative;}
.basicBoard.list tr:hover .qttTd {background:#f9f9f9;}
.basicBoard.list input.quantity {width:43px; height:28px; border:1px solid #aaa;}
.basicBoard.list .qtt {border-bottom:none; border-right:none; position:relative; display:block; width:49px; margin:0 auto;}
.basicBoard.list .qtt span {display:block; width:24px; height:6px; padding:4px 0; text-align:center; cursor:pointer; border-left:1px solid #aaa;}
.basicBoard.list .qtt span img {vertical-align:top;}
.basicBoard.list .qtt span.qtt_up {position:absolute; right:1px; top:0; border-bottom:1px solid #aaa; height:7px;}
.basicBoard.list .qtt span.qtt_down {position:absolute; right:1px; bottom:0;}
.basicBoard.list .qtt a.btn_qttmdf {position:absolute; right:-34px; height:30px; text-align:center; line-height:30px; width:35px; box-sizing:border-box; border:1px solid #aaa; font-size:12px;}
.basicBoard.list .qtt a.btn_qttmdf:hover {text-decoration:none;}

.basicBoard.view {}
.basicBoard.view tbody th {font-weight:400; background:#f9f9f9;}
.basicBoard.view tbody th, .basicBoard.view tbody td {padding:20px 17px; border-bottom:1px solid #d0d0d0;}
.basicBoard.view .answerWrap {border:1px solid #d0d0d0; background:#f9f9f9; padding:25px; margin-top:30px;}
.basicBoard.view .answerWrap h4 {background:url('/images/common/ico_answer.png') no-repeat left center; height:28px; line-height:28px; font-size:18px; font-weight:500; color:#222; padding-left:35px; margin-bottom:20px;}

.faqBoard {}
.faqBoard thead th {text-align:center; font-weight:400; background:#f9f9f9; padding:9px 13px; border-bottom:1px solid #d0d0d0;}
.faqBoard tbody th, .faqBoard tbody td {padding:13px; border-bottom:1px solid #d0d0d0;}
.faqBoard tbody tr:hover {background:#f9f9f9;}
.faqBoard tbody tr.on {background:#f9f9f9;}
.faqBoard tbody tr.answer {display:none;}
.faqBoard tbody tr.answer td:first-child {vertical-align:top;}
.faqBoard tbody tr.answer td {background:#f9f9f9;}
.faqBoard .faqcg {text-align:center; color:#000330;}
.faqBoard .q {color:#fff; font-weight:300; background:#cbcbcb; border-radius:100px; display:inline-block; width:30px; height:30px; text-align:center; line-height:28px;}
.faqBoard .a {color:#fff; font-weight:300; background:#000330; border-radius:100px; display:inline-block; width:30px; height:30px; text-align:center; line-height:28px; vertical-align:top;}
.faqBoard .question .last:hover {text-decoration:underline; cursor:pointer;}
.faqBoard #paging {margin-top:40px;}

#layerPop {position:fixed; background:#fff; z-index:57; display:none;}
#layerPop h4 {font-size:24px; color:#222; font-weight:500; margin-bottom:30px;}
#layerPop input.text {background:#f9f9f9; font-size:14px; font-weight:300; height:38px;}
#layerPop .layerClose {position:absolute; right:30px; top:35px;}
#layerPop.layerAff {padding:30px; width:538px; left:50%; margin-left:-299px; top:20%;}
#layerPop.layerAff input.text {width:77%; border:1px solid #d0d0d0;}
#layerPop.layerAff .searchList {overflow-y:scroll; height:252px; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; margin-top:30px;}
#layerPop.layerAff .searchList li {line-height:50px; border-bottom:1px solid #d0d0d0; padding:0 20px; overflow:hidden;}
#layerPop.layerAff .searchList li:hover {background:#f9f9f9;}
#layerPop.layerAff .searchList li .ico_white {float:right; margin:10px 0;}
#layerPop.layerMail {padding:30px; width:615px; left:50%; margin-left:-307px; top:20%;}
#layerPop.layerMail h5 {font-size:20px; font-weight:400; border-bottom:2px solid #000330; padding-bottom:15px; margin-bottom:25px;}
#layerPop.layerMail dl {margin-bottom:20px;}
#layerPop.layerMail dt {color:#222; font-weight:500; font-size:16px; margin-bottom:10px;}
#layerPop.layerMail dd {margin-bottom:10px;}
#layerPop.layerMail dd input.text {width:96%; background:#fff;}
#layerPop.layerMail dd textarea {width:95%; padding:1%; font-weight:300; resize:none;}

.contentsArea {width:940px; float:right;}
.contentsArea.w100 {width:100%; float:none; position:relative;}
.contentsArea h3.title {color:#222; font-size:36px; font-weight:500; line-height:36px; margin-bottom:45px; position:relative;}
.contentsArea h3.title_intab {color:#222; font-size:36px; font-weight:500; line-height:36px; margin-bottom:25px; position:relative;}
.contentsArea h3.s_title {color:#222; font-size:24px; font-weight:500; line-height:24px; margin-bottom:15px; position:relative;}
.contentsArea h4.b_title {color:#000330; font-size:30px; font-weight:300; line-height:35px;}
.contentsArea h5 {font-size:18px; font-weight:500; color:#222; line-height:24px;}
.contentsArea h5.s_title {font-size:16px; font-weight:500; color:#222; line-height:34px;}
.contentsArea p.l_title {color:#222; font-size:18px; font-weight:300; line-height:24px;}
.contentsArea p.z_title {color:#222; font-size:18px; font-weight:300; line-height:30px;}
.contentsArea .pdLeft {padding-left:10px; display:inline-block;}
.contentsArea .viewIcon {position:absolute; text-align:right; right:0; top:0;}
.contentsArea .bulletList li {background:url('/images/common/bullet1.png') no-repeat left 10px; padding-left:10px;}

.contentsArea .cateDepth01 {font-size:18px; font-weight:300; color:#111; display:block; margin-bottom:15px;}

.contentsArea .category1 {overflow:hidden; height:282px; background:#f5f5f5;}
.contentsArea .category1 .thumb {float:left; width:430px; height:282px;}
.contentsArea .category1 .thumb img {width:100%; height:100%;}
.contentsArea .category1 .description {float:left; width:458px; padding:25px;}
.contentsArea .category1 .description p {font-size:16px; line-height:23px; font-weight:400; color:#111;}
.contentsArea .ctList {margin-top:40px;}
.contentsArea .ctList li {display:inline-block; width:32%; height:54px; margin-right:1.5%; margin-bottom:10px;}
.contentsArea .ctList li a {display:block; border:2px solid #f5f5f5; height:50px; line-height:50px; background:#f5f5f5; padding:0 20px; font-size:14px;}
.contentsArea .ctList li a:hover {border:2px solid #222; background:#fff;}

.contentsArea .cateThumb {overflow:hidden; padding:4px;}
.contentsArea .cateThumb li {width:25%; min-height:280px; margin-bottom:20px; float:left;}
.contentsArea .cateThumb li a img {outline:1px solid #d0d0d0;}
.contentsArea .cateThumb li a:hover img {outline:4px solid #000330;}
.contentsArea .cateThumb li b {display:block; width:94%; margin:13px 0 5px 0; color:#111; font-weight:500; font-size:16px;}
.contentsArea .cateThumb li span {display:inline-block; width:94%; font-size:14px; color:#555; line-height:20px; font-weight:300;}

.contentsArea .workshopWrap {margin-top:40px;}
.contentsArea .workshopWrap .wsinfo {background:url('/images/customer/bg_workshop_info.png') no-repeat 0 0; overflow:hidden; margin-top:10px;}
.contentsArea .workshopWrap .wsinfo dl {float:left; width:19%; padding:20px 3%;}
.contentsArea .workshopWrap .wsinfo dt {text-align:center; font-size:16px; font-weight:500; color:#222;}
.contentsArea .workshopWrap .wsinfo dt .round {display:inline-block; width:34px; height:34px; line-height:34px; color:#fff; font-weight:500; background:#000330; border-radius:100px; font-size:14px; margin-bottom:10px;}
.contentsArea .workshopWrap .wsinfo dd {text-align:left; margin-top:35px;}
.contentsArea .workshopWrap .wsinfo dd .btnArea {text-align:center; margin-top:15px;}
.contentsArea .workshopWrap .wsinfo dd .btnArea a {padding:0 16px;}
.contentsArea .workshopWrap .wsinfo dd .btnArea1 a {padding:0 25px;}
.contentsArea .completeWrap {border:1px solid #d0d0d0; text-align:center; padding:70px 0;}
.contentsArea .completeWrap h4 {font-size:24px; color:#222; font-weight:500; margin:40px 0 10px 0;}
.contentsArea .completeWrap p {font-size:18px; font-weight:300; line-height:20px;}
.contentsArea .contactus {border-top:1px solid #222; margin-top:50px;}
.contentsArea .contactus table {margin-bottom:50px;}
.contentsArea .contactus td {padding:10px 25px; border-bottom:1px solid #d0d0d0;}
.contentsArea .contactus td b {font-size:18px; font-weight:500; padding-right:10px; color:#222;}
.contentsArea .contactus .bdr {border-right:1px solid #d0d0d0;}
.contentsArea .root_daum_roughmap {width:100% !important; height:400px; margin-top:20px;}
.contentsArea .mapSection {margin-bottom:45px;}
.contentsArea .mapSection h5 {border-bottom:1px solid #222; padding-bottom:10px; margin-bottom:15px;}
.contentsArea .mapSection .bulletList {position:relative;}
.contentsArea .mapSection .bulletList li {line-height:24px;}
.contentsArea .mapSection .bulletList li span {padding-right:10px;}
.contentsArea .mapSection .bulletList .mapView {position:absolute; right:0; top:0; background:none;}

.contentsArea .btn_step {height:50px; line-height:50px; width:98%; padding:0 1%; font-size:18px; font-weight:400; color:#fff; background:#666 url('/images/customer/bg_arrow_off.png') no-repeat 97% center; border-radius:2px; cursor:pointer; margin-bottom:10px; transition:background 0.2s;}
.contentsArea .btn_step span {background:#fff; color:#666; border-radius:2px; font-size:14px; font-weight:500; display:inline-block; width:78px; height:33px; line-height:35px; text-align:center; margin-right:10px; vertical-align:inherit;}
.contentsArea .btn_step.active {background:#000330 url('/images/customer/bg_arrow_on.png') no-repeat 97% center;}
.contentsArea .btn_step.active span {color:#000330;}
.contentsArea .fileAttach {width:110px; height:40px; position:relative; display:inline-block; vertical-align:top;}
.contentsArea .fileAttach .btn_gray {vertical-align:middle;}
.contentsArea .fileAttach input.attach {position:absolute; width:110px; height:38px; opacity:0; right:0px; top:0px; cursor:pointer; vertical-align:top;}
.contentsArea .stepWrap .total {color:#888; line-height:40px; font-weight:300;}
.contentsArea.asForm .write input.text {height:38px !important;}
.contentsArea.asForm .write {margin-bottom:50px;}
.contentsArea.contactArea .write {margin-bottom:50px;}

.contentsArea .joinCheck01 {border-bottom:1px solid #d0d0d0; padding-bottom:25px;}
.contentsArea .joinCheck02 {text-align:center; color:#555; font-size:16px; line-height:35px; margin-top:35px;}
.contentsArea .joinCheck02 p {font-size:16px; color:#222;}

.contentsArea .checkPrivacy {background:#f9f9f9; border:1px solid #d0d0d0; padding:2%; width:100%; font-weight:300; box-sizing:border-box;}
.contentsArea .checkPrivacy .section {margin-bottom:20px; text-align:right;}
.contentsArea .checkPrivacy .section:last-child {margin-bottom:0;}
.contentsArea .checkPrivacy .section h5 {text-align:left; margin-bottom:5px; font-weight:400;}
.contentsArea .checkPrivacy .section h5 .agrCheck {color:#555; font-size:14px; font-weight:300; padding-left:10px;}
.contentsArea .checkPrivacy .section h5 .agrCheck .checkbox {vertical-align:middle; width:14px; height:14px;}
.contentsArea .checkPrivacy .textarea {width:98%; height:120px; overflow-y:scroll; text-align:left; background:#fff; border:1px solid #d0d0d0; padding:1%; resize:none; display:block; margin-bottom:10px;}
.contentsArea .checkPrivacy .agreeWrap {padding:25px 0 0 0; border-top:1px solid #d0d0d0; text-align:center;}
.contentsArea .checkPrivacy .agreeWrap p {font-size:18px; font-weight:300; line-height:22px; color:#222; margin:20px 0;}
.contentsArea .checkPrivacy input[type=checkbox] {width:17px; height:17px; vertical-align:bottom;}
.contentsArea .checkPrivacy input[type=radio] {width:17px; height:17px; vertical-align:bottom;}
.contentsArea .btnArea.asInquiry {margin:30px 0 35px 0;}
.contentsArea .btnArea.asInquiry a.btn_white {padding:0 6px;}

.contentsArea .processWrap {}
.contentsArea .processWrap dl {overflow:hidden; border-top:1px solid #555; padding:15px 0 40px 0;}
.contentsArea .processWrap dl dt {width:23%; float:left; font-size:18px; font-weight:500; color:#222; padding-left:32px; line-height:24px;}
.contentsArea .processWrap dl dt .num {display:inline-block; width:23px; height:23px; text-align:center; line-height:23px; color:#fff; font-weight:500; background:#000330; border-radius:2px; margin-right:5px; font-size:14px; margin-left:-31px;}
.contentsArea .processWrap dl dd {width:72%; float:right; line-height:20px;}
.contentsArea .processWrap dl dd .btn_process {display:block; width:180px; height:30px; line-height:30px; text-align:center; color:#555; border:1px solid #555; margin:15px 0 0 0;}
.contentsArea .processWrap ul {margin:15px 0;}
.contentsArea .processWrap ul li strong {font-weight:400; background:url('/images/common/bullet1.png') no-repeat left 10px; padding-left:10px;}

.contentsArea.asForm .processWrap dl:first-child {border-top:none;}

.contentsArea .antibody {background:#f9f9f9; border:1px solid #d0d0d0; padding:20px; margin-bottom:15px; overflow:hidden;}
.contentsArea .antibody dl {overflow:hidden; width:50%; float:left; margin:3px 0;}
.contentsArea .antibody dl dt {font-weight:500; color:#222; float:left; min-width:100px; margin-right:10px; line-height:28px;}
.contentsArea .antibody dl dd select {width:50%;}

.contentsArea#loginWrap {text-align:center;}
.contentsArea#loginWrap h3.title {margin:20px 0;}
.contentsArea#loginWrap p {font-size:18px; font-weight:300;}
.contentsArea#loginWrap .logInput {margin:20px auto; width:450px; overflow:hidden;}
.contentsArea#loginWrap .logInput .logInfo {float:left;}
.contentsArea#loginWrap .logInput .logInfo .text {display:block; margin-bottom:9px; width:310px; height:40px; background:#f9f9f9; font-weight:300;}
.contentsArea#loginWrap .logInput .btn_white {float:right; width:84px; height:90px; line-height:90px; min-width:auto;}
.contentsArea#loginWrap .logInput .btn_common {padding:0; width:125px; height:38px; line-height:38px;}
.contentsArea#loginWrap .saveInfo {overflow:hidden; width:450px; margin:20px auto; padding:20px 0; border-top:1px solid #d0d0d0; line-height:30px;}
.contentsArea#loginWrap .saveInfo .btn_black {display:block; width:128px; height:30px; text-align:center; line-height:30px; color:#555; border:1px solid #555;}

.contentsArea#findWrap {overflow:hidden;}
.contentsArea#findWrap .findBox {padding:60px; border:1px solid #d0d0d0; overflow:hidden; width:38.5%; min-height:200px;}
.contentsArea#findWrap .findBox .findInput {float:left;}
.contentsArea#findWrap .findBox .btn_white {float:right; font-size:24px; padding:0; min-width:auto; width:131px; height:90px; line-height:90px;}
.contentsArea#findWrap .findBox .text {background:#f9f9f9; width:310px; height:40px; display:block; margin-bottom:9px;}
.contentsArea#findWrap .findId {float:left;}
.contentsArea#findWrap .findPw {float:right;}
.contentsArea#findWrap .result {clear:both;}
.contentsArea#findWrap .result p {margin-bottom:40px;}
.contentsArea#findWrap .result a {display:inline-block; border:2px solid #222; color:#222; font-weight:500; width:131px; height:40px; text-align:center; line-height:40px;}
.contentsArea#findWrap .result .id_show {background:#f9f9f9; border:1px solid #d0d0d0; padding:20px 15px; overflow:hidden; line-height:44px;}
.contentsArea#findWrap .result .id_show a {float:right; background:#fff;}

.contentsArea#joinWrap .step {margin-bottom:40px;}
.contentsArea#joinWrap .step ol {overflow:hidden;}
.contentsArea#joinWrap .step ol li {float:left; width:300px; font-size:16px; text-indent:20px;}
.contentsArea#joinWrap .step ol li.current {color:#fff;}
.contentsArea#joinWrap .step01 {background:url('/images/member/bg_joinstep01.png') no-repeat 0 0; height:46px; line-height:46px;}
.contentsArea#joinWrap .step02 {background:url('/images/member/bg_joinstep02.png') no-repeat 0 0; height:46px; line-height:46px;}
.contentsArea#joinWrap .step03 {background:url('/images/member/bg_joinstep03.png') no-repeat 0 0; height:46px; line-height:46px;}
.contentsArea#joinWrap .step04 {background:url('/images/member/bg_joinstep04.png') no-repeat 0 0; height:46px; line-height:46px;}
.contentsArea#joinWrap .agreeWrap {border-top:1px solid #222; padding:25px 0; margin-bottom:20px;}
.contentsArea#joinWrap .agreeWrap input.text {background:#f9f9f9; width:310px; height:38px; margin-right:5px;}
.contentsArea#joinWrap .checkPrivacy {width:100%; box-sizing:border-box; outline:0 none; border:1px solid #d0d0d0;}
.contentsArea.member .goNext {text-align:center; margin-top:30px;}
.contentsArea.mybms .tabArea .list4 {}
.contentsArea.mybms .tabArea .list4 li {width:24.9%;}
.contentsArea.mybms .tabArea .list4 li a {padding:12px 0;}
.contentsArea.mybms .dateChoice {position:relative; margin-bottom:20px; border:2px solid #bfbfbf; box-sizing:border-box; padding:20px 0; text-align:center;}
.contentsArea.mybms .dateChoice .month {display:inline-block; width:80px; height:40px; text-align:center; line-height:40px; border:1px solid #d0d0d0; vertical-align:middle; cursor:pointer;}
.contentsArea.mybms .dateChoice .month.on {color:#222; border:1px solid #222;}
.contentsArea.mybms .dateChoice .btn_white_small {width:90px;}
.contentsArea.mybms .dateChoice #startDate, .contentsArea.mybms .dateChoice #endDate {width:160px; height:38px;}
.contentsArea.mybms .dateChoice .calendar {display:inline-block; margin-left:-25px; margin-right:8px; padding-top:5px; vertical-align:middle;}

.contentsArea .textarea table {width:100%; border:0 none; border-spacing:0; border-top:1px solid #222;}
.contentsArea .textarea table tr, .contentsArea .textarea table th, .contentsArea .textarea table td {margin:0;}
.contentsArea .textarea table th, .contentsArea .textarea table td {padding:10px 10px; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;}
.contentsArea .textarea table th:last-child, .contentsArea .textarea table td:last-child {border-right:none;}
.contentsArea .textarea table thead {background:#f9f9f9;}
.contentsArea .textarea table thead th {text-align:center; font-weight:500;}
.contentsArea .textarea table tbody th {text-align:center; font-weight:400;}

.contentsArea.service table {width:100%; border:0 none; border-spacing:0; border-top:1px solid #222;}
.contentsArea.service table tr, .contentsArea.service table th, .contentsArea.service table td {margin:0;}
.contentsArea.service table th, .contentsArea.service table td {padding:10px 10px; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;}
.contentsArea.service table th:last-child, .contentsArea.service table td:last-child {border-right:none;}
.contentsArea.service table thead {background:#f9f9f9;}
.contentsArea.service table thead th {text-align:center; font-weight:500;}
.contentsArea.service table tbody th {text-align:center; font-weight:400;}

table.pcNone {display:none;}
table.mobileNone {display:inline-table;}

.contentsArea .share {position:absolute; right:0; top:3px;}
.contentsArea .detailWrap {overflow:hidden;}
.contentsArea .thumbSlider {width:502px; float:left;}
.contentsArea #detailThumb {width:422px; margin:10px auto 0; position:relative;}
.contentsArea #detailThumb .flex-direction-nav {position:absolute; left:-40px; top:0; width:502px;}
.contentsArea #detailThumb .flex-direction-nav li.flex-nav-prev {position:absolute; left:10px; top:25px;}
.contentsArea #detailThumb .flex-direction-nav li.flex-nav-next {position:absolute; right:10px; top:25px;}
.contentsArea #detailThumb .goodsViewSmall {border:1px solid #d0d0d0;}
.contentsArea #detailThumb .flex-active-slide img {border:1px solid #000330}
.contentsArea #detailThumb .flex-nav-prev a {text-indent:-9999px; overflow:hidden; display:block; width:7px; height:11px; background:url('/images/common/ico_arrowLeft.png') no-repeat 0 0;}
.contentsArea #detailThumb .flex-nav-next a {text-indent:-9999px; overflow:hidden; display:block; width:7px; height:11px; background:url('/images/common/ico_arrowRight.png') no-repeat 0 0;}
.contentsArea .detailCon {width:455px; float:left; overflow:hidden; margin-left:20px;}
.contentsArea .detailCon .context1 dt {font-size:16px; font-weight:500; color:#222; margin-bottom:6px;}
.contentsArea .detailCon .context1 dd {margin-bottom:20px;}
.contentsArea .detailInfo {width:210px; float:right;}
.contentsArea .detailInfo p {font-size:18px; color:#222; font-weight:500; margin-bottom:10px;}
.contentsArea .detailInfo .context2 dt {height:40px; line-height:40px; color:#fff; font-size:14px; background:#000330 url('/images/common/detail_off.png') no-repeat 95% center; padding-left:20px; cursor:pointer; border-bottom:1px solid #505383;}
.contentsArea .detailInfo .context2 dt.on {background:#000330 url('/images/common/detail_on.png') no-repeat 95% center;}
.contentsArea .detailInfo .context2 dd {background:#f5f5f5; padding:10px 20px; display:none;}
.contentsArea .detailInfo .context2 dd.first {display:block;}
.contentsArea .detailInfo .context2 dd a {display:block; padding:3px 0;}
.contentsArea .detailInfo .context2 dd a:hover {color:#222; text-decoration:underline;}
.contentsArea .tabTarget {margin-bottom:60px; position:relative;}
.contentsArea .tabTarget h4 {font-size:24px; color:#222; font-weight:500; margin-bottom:15px;}
.contentsArea .tabTarget .btnArea.alignR {position:absolute; right:0; top:5px;}
.contentsArea .tabTarget .recentSlide a {font-weight:500; color:#222;}
.contentsArea .tabTarget .recentSlide a img {padding-bottom:10px;}
.contentsArea .tabTarget .recent {position:relative;}
.contentsArea .tabTarget .recent .bx-controls-direction a {text-indent:-9999px; overflow:hidden; display:block; width:8px; height:14px; position:absolute; top:36%;}
.contentsArea .tabTarget .recent .bx-controls-direction a.bx-prev {background:url('/images/common/ico_recent_arrow.png') no-repeat left top; left:0;}
.contentsArea .tabTarget .recent .bx-controls-direction a.bx-next {background:url('/images/common/ico_recent_arrow.png') no-repeat left bottom; right:0;}
.contentsArea .prdSpec table tr:hover {background:none;}
.contentsArea .prdSpec th, .contentsArea #tabTarget01 td {height:auto; padding:15px 13px;}
.contentsArea .prdSpec th {background:#f9f9f9; font-weight:400; text-align:left;}
.contentsArea .result_cg {margin:0 0 20px 0;}
.contentsArea .result_cg a:hover, .contentsArea .result_cg a.on {text-decoration:underline;}

.contentsArea.faq .tabArea ul.list6 {background:url('/images/common/bg_tabborder.png') repeat-x left bottom; background-color:#f5f5f5;}
.contentsArea.faq .tabArea ul.list6 li {width:16.6%; height:40px; line-height:40px;}
.contentsArea.faq .tabArea ul.list6 li a {padding:0;}

.contentsArea.company .overviewWrap img {max-width:100%;}
.contentsArea.company .overviewWrap h6 {font-size:38px; font-weight:300; text-align:center; margin:65px 0; color:#000830; letter-spacing:2px;}
.contentsArea.company .overviewWrap h5 {font-size:28px; font-weight:600; text-align:center; margin:65px 0; color:#000830;}
.contentsArea.company .overviewWrap h5.blue {font-size:45px; font-weight:400; text-align:center; background:url('/images/company/bg_overviewTitle.png') no-repeat center top; padding-top:45px; color:#000830;}
.contentsArea.company .overviewWrap p {font-size:19px; font-weight:200; text-align:center; color:#000;}
.contentsArea.company .overviewWrap dl {float:left; width:29%; padding:0 2%; text-align:center; margin-bottom:30px;}
.contentsArea.company .overviewWrap dt {font-size:48px; color:#fff; display:inline-block; width:140px; height:140px; margin:0 auto; line-height:140px; background:#000830; border-radius:100px; font-weight:300; margin-bottom:30px; letter-spacing:5px;}
.contentsArea.company .overviewWrap dd {text-align:justify; font-size:15px; line-height:24px;}
.contentsArea.company .overviewWrap .mission {padding:78px 90px 52px 420px;}
.contentsArea.company .overviewWrap .mission p {text-align:justify; font-size:15px; line-height:22px;}
.contentsArea.company .overviewWrap .mission span.blue {display:block; font-size:30px; font-weight:400; margin-bottom:20px; text-align:left; line-height:38px; color:#000830;}
.contentsArea.company .overviewWrap .mission span.ms {display:block; font-size:20px; line-height:26px; margin-bottom:10px; color:#000;}
.contentsArea.company .overviewWrap .mission01 {background:url('/images/company/bg_mission01.png') no-repeat 75px center; margin-bottom:70px;}
.contentsArea.company .overviewWrap .mission02 {background:url('/images/company/bg_mission02.png') no-repeat 75px center; padding-top:93px;}
.contentsArea.company h5 {margin-top:10px; margin-bottom:10px;}
.contentsArea.company .missionBox {border:1px solid #d0d0d0; padding:18px;}
.contentsArea.company .missionBox h5 {font-size:16px; margin-bottom:3px;}
.contentsArea.company .recruitL {float:left; width:50%; margin:45px 0 30px 0;}
.contentsArea.company .recruitL h5 {margin-bottom:5px;}
.contentsArea.company .recruitR {float:right; width:50%; margin:45px 0 30px 0;}
.contentsArea.company .recruitR h5 {margin-bottom:5px;}
.contentsArea.company .recruitC {clear:both; margin-bottom:5px;}
.contentsArea.company .rcinfo {background:url('/images/company/bg_recruit.png') no-repeat 0 0; overflow:hidden;}
.contentsArea.company .rcinfo dl {float:left; text-align:center; width:25%; padding:28px 0;}
.contentsArea.company .rcinfo dl dt {font-weight:500; font-size:16px; line-height:26px; margin-bottom:5px; color:#222;}
.contentsArea.company .application {overflow:hidden; border-bottom:0px solid #d0d0d0; padding-bottom:10px; margin-bottom:10px;}
.contentsArea.company .application1 {overflow:hidden; border-bottom:1px solid #d0d0d0; padding-bottom:1px; margin-bottom:1px;}
.contentsArea.company .application dl {float:left; width:33.3%;}
.contentsArea.company .application dl dt {font-weight:500; font-size:16px; line-height:26px; margin-bottom:5px; color:#222;}
.contentsArea.company .application dl dd b {color:#222; font-weight:500; padding-right:10px;}
.contentsArea.company .application dl dd .btn_blackLine {margin-top:8px;}
.contentsArea.company .basicBoard.list tbody th, .contentsArea.company .basicBoard.list tbody td {height:auto;}
.contentsArea.partner .alphabet {overflow:hidden; border-left:1px solid #d0d0d0; margin-bottom:30px;}
.contentsArea.partner .alphabet a {display:block; float:left; border:1px solid #d0d0d0; background:#fff; margin-left:-1px; width:35px; height:35px; text-align:center; line-height:35px; font-weight:300;}
.contentsArea.partner .alphabet a.on {border:1px solid #666; background:#666; color:#fff;}
.contentsArea.partner .eventBoard.list .alignL {line-height:26px;}

.detailTab {height:50px;}
.tabWrap {background:#f5f5f5; height:50px; line-height:50px;}
.tabWrap.on {position:fixed; width:100%; left:0; top:75px; border-top:1px solid #d0d0d0; z-index:50;}
.tabWrap .detailTab {width:1200px; margin:0 auto;}
.tabWrap .detailTab a {display:inline-block; width:13%; font-size:18px; font-weight:400; color:#888; text-align:center;}
.tabWrap .detailTab a:hover, .tabWrap .detailTab a.active {color:#555; background:url('/images/sub/bg_tabactive.png') repeat-x left bottom;}

/*=== Footer ===*/
#footer {background:#eaeaea;}
.footWrap {overflow:hidden; padding:70px 0;}
.footWrap .left {float:left; overflow:hidden;}
.footWrap .left dl {width:155px; float:left; text-align:center; margin-right:40px;}
.footWrap .left dl dt {font-weight:500; font-size:18px; color:#222; border-top:2px solid #222; padding-top:10px; margin-bottom:10px;}
.footWrap .left dl dd {line-height:22px;}
.footWrap .left dl dd a {color:#555; font-weight:300;}
.footWrap .right {float:right; border:4px solid #000330; background:#fff; width:540px; padding:30px; position:relative;}
.footWrap .right h4 {font-size:24px; font-weight:500; float:left; margin-right:25px; vertical-align:top;}
.footWrap .right p {float:left; font-weight:300; margin-top:3px;}
.footWrap .right p:after {content:''; clear:both; height:0; visibility:hidden;}
.footWrap .right .quickInquiry {overflow:hidden; clear:both; padding-top:20px;}
.footWrap .right .quickInquiry .text {width:402px; padding:6px 8px; float:left;}
.footWrap .right .quickInquiry .btn_inquiry {display:inline-block; width:105px; height:42px; line-height:42px; text-align:center; color:#222; background:#cbcbcb; float:left;}
.footWrap .bottom {clear:both; position:relative; padding-top:65px; font-size:13px; font-weight:300; color:#555;}
.footWrap .bottom address span {background:url('/images/common/util_gap2.gif') no-repeat right center; padding-right:10px; margin-right:10px;}
.footWrap .bottom address span.last {padding:0; margin:0; background:none;}
.footWrap .bottom .copyright {font-size:11px;}
.footWrap .bottom .footUtil {position:absolute; right:0; top:65px;}
.footWrap .bottom .footUtil .gap {background:url('/images/common/util_gap2.gif') no-repeat right center; margin-right:10px; padding-right:10px; font-size:14px; color:#000330;}

/*======================= Tablet 1024 px ~ =======================*/
@media only screen and (max-width:1024px){
	#wrap {width:100%; min-width:100%;}
	#header {height:90px;}
	.inner {width:94%; padding:0 3%;}
	.overlay {display:none;}
	.overlay2 {display:none !important;}
	.overlay3 {display:none !important;}
	.grayback {display:none;}
	.headerWrap {position:relative; height:90px;}
	.headerWrap .top {width:94%; height:90px; position:absolute; padding:0 3%; margin-top:0 !important; background:#fff; z-index:51;}
	.headerWrap .topmenu {display:none; left:-1026px;}
	.headerWrap .topmenu .utilTablet {display:block;  overflow:hidden; background:#e7e7e7;}
	.headerWrap .tabletMenu {display:block; float:left; padding:32px 0 0 0; margin-right:30px;}
	.headerWrap h1 {margin:28px 0 15px 0;}
	.headerWrap .util {display:none;}
	.headerWrap .searchWrap {position:absolute; top:18px !important; right:3%; width:65%; height:48px; margin:0; z-index:52;}
	.headerWrap .searchWrap .text {width:90%; height:48px; font-size:17px; font-weight:300;}
	.headerWrap .searchWrap .search {top:12px; right:12px;}
	.headerWrap .relative {left:-1px; top:48px; width:100%;}
	.headerWrap .topmenu {border-top:none !important; position:absolute; top:0px; width:100%; z-index:100;}
	.headerWrap .topmenu .inner {width:100%; padding:0;}
	.headerWrap .topmenu .utilTablet {width:100%; border-bottom:1px solid #c0c0c0;}
	.headerWrap .topmenu .utilTablet ul {overflow:hidden; width:92%; float:left;}
	.headerWrap .topmenu .utilTablet li {float:left; width:25%; height:70px; line-height:70px; text-align:center; border-right:1px solid #c0c0c0; box-sizing:border-box; line-height:35px; position:relative;}
	.headerWrap .topmenu .utilTablet li .cartNum{color:#fff; font-weight:400; line-height:normal; padding:0 7px; background:#000330; border-radius:100px; margin-left:5px;}
	.headerWrap .topmenu .utilTablet li a {display:block; color:#222; font-size:16px; font-weight:300; line-height:70px;}
	.headerWrap .topmenu .utilTablet .close {float:right; width:8%; min-width:60px; height:70px; text-align:center; background:#e7e7e7; overflow:hidden; text-indent:-9999px; overflow:hidden; background:url('/images/common/ico_menuClose.png') no-repeat center center; background-size:cover; position:absolute; right:0;}
	.headerWrap .topmenu .inner > ul {width:100%; margin:0; background:#000330;}
	.headerWrap .topmenu .inner> ul > li {position:inherit; width:25%; margin:0; text-align:center; box-sizing:border-box;}
	.headerWrap .topmenu .inner > ul > li > a {font-size:20px; color:#babcd0;}
	.headerWrap .topmenu .inner> ul > li.active > a, .headerWrap .topmenu .inner> ul > li:hover > a {color:#fff;}
	.headerWrap .topmenu .inner> ul > li.on > a {color:#fff}
	.headerWrap .topmenu .submenu {left:0; top:144px; width:100%;}
	.headerWrap .topmenu .submenu01 {display:block;}
	.headerWrap .topmenu .submenu ul.atozInfo {border-bottom:1px solid #d0d0d0;}
	.headerWrap .topmenu .submenu ul.atozInfo li {width:7.69%; height:55px; line-height:55px; box-sizing:border-box; border:1px solid #d0d0d0; border-left:none; border-bottom:none;}
	.headerWrap .topmenu .submenu ul.atozInfo li a {font-size:17px;}
	.headerWrap .topmenu .submenu ul.atozInfo li.active {width:7.69%; line-height:55px; border:1px solid #000330;}
	.headerWrap .topmenu .submenu .atozArea {text-align:left;}
	.headerWrap .topmenu .submenu .atozArea a {width:27%; margin:0 2%; line-height:normal; padding:14px 1%; border-bottom:1px solid #d0d0d0; font-size:14px; font-weight:400; vertical-align:top;}
	.headerWrap .topmenu .submenu .cateInfo {width:100%; height:auto; overflow-y:inherit; background:#f5f5f5;}
	.headerWrap .topmenu .submenu .cateInfo li {float:left; height:40px; line-height:38px; text-align:left; width:25%; border:1px solid #d0d0d0; border-left:none; border-top:none; box-sizing:border-box;}
	.headerWrap .topmenu .submenu .cateInfo li a {font-size:14px; font-weight:400;}
	.headerWrap .topmenu .submenu .cateInfo li.active {border:1px solid #000330; height:40px; line-height:38px;}
	.headerWrap .topmenu .submenu .cg {width:94%; padding:3%;}
	.headerWrap .topmenu .submenu .cg .left {float:none;}
	.headerWrap .topmenu .submenu .cg .leftHead .img {width:28%; margin-right:2%;}
	.headerWrap .topmenu .submenu .cg .leftHead .img img {max-width:100%; width:100%; height:100%;}
	.headerWrap .topmenu .submenu .cg .leftHead .data {width:70%; text-align:left; margin:0;}
	.headerWrap .topmenu .submenu .cg .leftHead .data dt {font-size:24px; margin-bottom:0;}
	.headerWrap .topmenu .submenu .cg .leftHead .data dd {font-size:15px; color:#555; font-weight:300;}
	.headerWrap .topmenu .submenu .cg .leftHead .cateList {margin-bottom:5%;}
	.headerWrap .topmenu .submenu .cg .leftHead .cateList ul {width:100%;}
	.headerWrap .topmenu .submenu .cg .leftHead .cateList li {width:32%; margin-right:5px; text-align:left;}
	.headerWrap .topmenu .submenu .cg .leftHead .cateList li a {font-weight:400; font-size:14px; padding:0 8px;}
	.headerWrap .topmenu .submenu .cg .right {float:none; width:98%; text-align:center;}
	.headerWrap .topmenu .submenu .cg .right a {display:inline-block; width:32%;}
	.headerWrap .topmenu .submenu .cg .right a:nth-child(2) {margin:0 1%;}
	.headerWrap .topmenu .submenu .cg .right a img {width:100%; max-width:100%; height:auto;}
	.headerWrap .topmenu .design_sub {box-sizing:border-box; height:600px;}
	.headerWrap .topmenu .design_sub .grayleft {width:100%; box-sizing:border-box; float:none; height:auto;}
	.headerWrap .topmenu .design_sub .grayleft br {display:none;}
	.headerWrap .topmenu .design_sub .whiteright {width:100%; box-sizing:border-box; float:none;}
	.headerWrap .topmenu .design_sub .right01 {text-align:left; width:30%; height:auto;}
	.headerWrap .topmenu .design_sub .right01 li {width:100%}
	.headerWrap .topmenu .design_sub .right02 {text-align:left; width:30%;}
	.headerWrap .topmenu .design_sub .bannerArea {position:inherit; margin-left:0; margin-top:20px; width:100%;}
	.headerWrap .topmenu .design_sub .bannerArea a {width:30%; height:132px;}
	.headerWrap .topmenu .design_sub .bannerArea a .title {text-align:left; font-size:18px;}
	.headerWrap .topmenu .design_sub .bannerArea a .more {margin-top:17%;}

	.mainVisual {height:auto;}
	.mainVisual li {left:0; margin:0;}
	.mainVisual li .visual {width:100%; min-width:100%;}
	.mainVisual li .pcVisual {display:none;}
	.mainVisual li .tabletVisual {display:block; width:100%;}
	.mainVisual li .mobileVisual {display:none;}
	.mainVisual li .visualTxt {width:95%; right:5%; margin-left:0; left:inherit;}

	.itemWrap .itemHead {height:68px; line-height:68px;}
	.itemWrap .itemHead .inner {width:100%; padding:0;}
	.itemWrap .itemHead ul li {width:16.6% !important; background:none !important; box-sizing:border-box; padding:0 !important; text-align:center; font-size:17px;}
	.itemWrap .itemHead ul li:hover, .itemWrap .itemHead ul li.active {background:#fff !important;}
	.itemWrap .itemHead ul li:first-child {width:17% !important;}
	.itemWrap .itemHead ul li:last-child {border-right:none;}
	.itemWrap .itemCon ul li {width:24%; margin-right:1%; margin-bottom:1%; min-height:180px;}
	.itemWrap .itemCon ul li img {max-width:96%; height:130px;}
	.itemWrap .itemCon ul li p {font-size:16px; font-weight:400; height:48px; overflow:hidden;}
	.itemWrap .itemCon ul li span {display:none;}
	.itemWrap .itemCon {width:94%; padding:0 3%;}
	.article {width:94%; padding:0 3%;}
	.article .newsWrap .thumb img {width:100%; max-width:100%; vertical-align:top;}
	.article .newsWrap .news01 {width:50%;}
	.article .newsWrap .news01 .subject {width:90%; padding:0 5%; height:50px; line-height:50px; bottom:0; text-align:left; font-size:18px; font-weight:300;}
	.article .newsWrap .news01 .subject br {display:none;}
	.article .newsWrap .news02 {width:50%;}
	.article .newsWrap .news02 span {width:50%; height:100%;}
	.article .newsWrap .news02 span .subject {padding:0 5%; height:50px; line-height:50px; bottom:0; text-align:left; font-size:18px; font-weight:300;}
	.article .newsWrap .event {float:none; clear:both; width:100%; overflow:hidden; padding:20px 0 0 0;}
	.article .newsWrap .event a {width:49%; height:161px !important; float:left; margin:0 !important; padding:3%; box-sizing:border-box;}
	.article .newsWrap .event a:last-child {float:right;}
	.article .newsWrap .event a .title {font-weight:400; font-size:30px;}
	.article .newsWrap .event a .more {font-size:20px; background-position:right 10px; font-weight:300;}
	.article .newsWrap .event a:first-child .more {margin-top:40px;}
	.article .newsWrap .event a:last-child .more {margin-top:40px;}

	.contactWrap .contact {width:94%; padding:0 3%;}
	.contactWrap .contact .tel01 {text-align:left;}
	.contactWrap .contact .tel01, .contactWrap .contact .tel02 {width:45%; font-size:18px;}
	.contactWrap .contact .tel02 b {padding-left:25px;}
	.contactWrap .contact .tel02 a {font-size:18px;}
	.contactWrap .contact b {font-size:18px; padding:0 20px 0 0; margin:0 20px 0 0;}

	/*=== Sub Page ===*/
	.subVisual {position:relative; padding:3% 0; border-bottom:1px solid #d0d0d0;}
	.subVisual .subTitle {width:94%; padding:0 3%; height:auto; line-height:normal; display:block;}
	.subVisual .location {border:none; background:#f5f5f5; margin-top:20px;}
	.subVisual .location h3 {width:94%; padding:0 3%; height:auto; font-size:16px; font-weight:400; line-height:normal;}
	.subVisual .location h3 .dropdown {position:absolute; right:inherit; top:inherit; z-index:11;}
	.subVisual .snbShow {position:absolute; right:3%; top:27%; display:block;}
	.subVisual .pcSnb {display:none;}
	.subVisual .tabletSnb {display:block; position:relative;}
	.subVisual .tabletSnb .current {border:1px solid #000330; display:block; padding:0 1%; height:40px; line-height:40px; color:#000330; font-size:16px; box-sizing:border-box; background:url('/images/common/ico_mobile_tab.png') no-repeat 98% center; background-size:8px;}
	.subVisual .tabletSnb > ul {position:absolute; top:39px; background:#fff; width:100%; box-sizing:border-box; border:1px solid #d0d0d0; border-bottom:none; border-top:1px solid #000330; z-index:11; display:none;}
	.subVisual .tabletSnb > ul > li {border-bottom:1px solid #d0d0d0; min-height:40px; line-height:40px; padding:0 1%;}
	.subVisual .tabletSnb > ul > li > a {display:block;}
	.subVisual .tabletSnb .snblist02 {background:#f9f9f9; border-top:1px solid #d0d0d0;}
	.subVisual .tabletSnb .snblist02 li {border-bottom:1px solid #d0d0d0; height:40px; line-height:40px; padding:0 3%;}
	.subVisual .tabletSnb .snblist02 li:last-child {border-bottom:none;}
	.subVisual .tabletSnb .snblist02 li a {display:block;}
	.subVisual .detail {margin-top:25px;}
	.subVisual .detail h4 {font-size:18px; color:#111; font-weight:500; margin-bottom:10px;}
	.subVisual .detail ul {background:#f5f5f5; border:1px solid #d0d0d0; padding:15px 10px; overflow:hidden;}
	.subVisual .detail ul li {font-size:14px; font-weight:300; color:#555; line-height:24px; width:50%; float:left;}
	.subVisual .detail ul li .checkbox {display:inline-block; vertical-align:middle; margin-right:5px;}
	.subVisual .detail #detailSearch {border:1px solid #111; width:198px; padding:5px 5px; font-weight:300;}
	.subVisual .detail #detailSearch2 {border:1px solid #111; width:198px; padding:5px 5px; font-weight:300; height:40px;}
	.subVisual .detail .btn_search {display:inline-block; width:100px; background:#666; color:#fff; font-size:14px; font-weight:400; height:41px; line-height:39px; text-align:center; margin-top:0px;}
	.subVisual .detail .btn_search img {vertical-align:sub;}

	#SNB {width:87%; float:none; position:absolute; top:8%; left:50%; margin-left:-43.5%; z-index:57;}
	#SNB .snbShow {display:block; position:absolute; right:-3%; top:50px;}
	#SNB .pcSnb {display:none;}
	#SNB .tabletSnb {display:none;}
	#SNB .snbWrap {width:93%; background:#fff;}
	#SNB .snbHide {display:block; position:absolute; right:-3%; top:0;}
	#SNB .snblist01 > li > a {background:#fff; height:56px; line-height:56px; font-size:20px; font-weight:400;}
	#SNB .snblist01 > li:hover > a, #SNB .snblist01 > li.active01 > a {background:#666; font-size:20px;}
	#SNB .snblist01 > li.moreSnb > a {height:56px; line-height:56px; font-size:20px; background-position:right center}
	#SNB .snblist01 > li.moreSnb:hover > a, #SNB .snblist01 > li.active01.moreSnb > a {background:#666 url('/images/common/bg_snblist01_on.png') no-repeat right top; color:#fff;}
	#SNB .snblist02 > li > a {font-size:16px; line-height:28px;}
	#SNB .detail {width:94%; padding:5% 3% 5%; margin-top:3%;}
	#SNB .detail ul {overflow:hidden;}
	#SNB .detail ul li {width:50%; float:left;}
	#SNB .detail .btn_search {display:inline-block; margin-top:0; width:100px; vertical-align:top; height:40px;}

	.tabWrap.on {top:0px;}
	.tabWrap .detailTab {width:100%; overflow:hidden;}
	.tabWrap .detailTab a {width:25%; float:left;}

	table.pcNone {display:inline-table;}
	table.mobileNone {display:none;}
	.basicBoard.list table.pcNone tr:hover .qttTd {background:#fff;}
	.basicBoard.list table.pcNone tbody tr:hover {background:#fff;}
	.basicBoard.list table.pcNone thead th, .basicBoard.list table.pcNone thead td {padding:15px 3px; height:auto;}
	.basicBoard.list table.pcNone tbody th, .basicBoard.list table.pcNone tbody td {padding:15px 3px; height:auto;}
	.basicBoard.list table.pcNone tbody td.selectCheck {vertical-align:top;}
	.basicBoard.list table.pcNone tbody td.cartTd {border-left:1px solid #d0d0d0; line-height:24px;}
	.basicBoard.list table.pcNone tbody td.cartTd a {font-size:16px;}
	.basicBoard.list table.pcNone tbody .detailSection01 {float:left; width:80%; border-right:1px solid #d0d0d0;}
	.basicBoard.list table.pcNone tbody .detailSection02 {float:right; width:19%; text-align:center; padding:5% 0;}
	.basicBoard.list table.pcNone tbody .detailSection02.pd5 {padding:5% 0;}
	.basicBoard.list table.pcNone tbody .detailSection02 a {font-size:16px;}
	.basicBoard.list table.pcNone tbody b.datailSubject {display:block; font-size:16px; margin-bottom:5px;}
	.basicBoard.list table.pcNone tbody td dl.datailList {overflow:hidden;}
	.basicBoard.list table.pcNone tbody td dl.datailList dt {float:left; width:15%; color:#888;}
	.basicBoard.list table.pcNone tbody td dl.datailList dd {float:left; width:80%; color:#222;}
	.basicBoard.list table.pcNone tbody td dl.datailList dt, .basicBoard.list table.pcNone tbody td dl.datailList dd {line-height:28px; font-size:16px;}
	.basicBoard.list table.pcNone .qtt {margin:0;}
	.basicBoard.list table.pcNone .qtt input.quantity {width:49px; vertical-align:top;}
	.basicBoard.list table.pcNone .qtt a.btn_qttmdf {height:28px; line-height:28px;}
	.eventBoard.write .pwGuide {display:inline-block; width:58%; float:right;}

	#content {width:94%; padding:0 3%; margin:3% auto;}
	#content2 {width:94%; padding:0 3%; margin:3% auto;}
	.contentsArea {width:100%; float:none;}
	.contentsArea h3.title {font-size:28px; margin-bottom:3%;}
	.contentsArea h3.title_intab {font-size:28px; margin-bottom:3%;}
	.contentsArea h3.prdTitle {padding-left:27%; font-size:24px;}
	.contentsArea h4.b_title {font-size:23px; line-height:27px;}
	.contentsArea .category1 {background:#fff; height:auto; margin-top:-8%;}
	.contentsArea .category1 .thumb {width:25%; height:auto;}
	.contentsArea .category1 .thumb img {width:100%; height:auto;}
	.contentsArea .category1 .description {width:71%; padding:5% 2% 0 2%;}
	.contentsArea .category1 .description p {font-size:16px;}
	.contentsArea .ctList {margin-top:5%;}
	.contentsArea .ctList li {width:33%; height:40px; margin-right:0; margin-bottom:1%;}
	.contentsArea .ctList li a {height:40px; line-height:40px; font-size:15px; font-weight:400;}
	.contentsArea .cateThumb li {width:33.3%;}
	.contentsArea .cateThumb li a img {max-width:95%;}
	.contentsArea#joinWrap .step {display:none;}
	.contentsArea#joinWrap .agreeWrap input.text {width:30%;}
	.contentsArea#joinWrap .joinCheck02 p {line-height:20px;}
	.contentsArea#loginWrap .logInput {width:57%;}
	.contentsArea#loginWrap .logInput .logInfo {width:63%;}
	.contentsArea#loginWrap .logInput .logInfo .text {width:100%;}
	.contentsArea#loginWrap .logInput .btn_white {width:20%;}
	.contentsArea.mybms .dateChoice {padding:2%;}
	.contentsArea.mybms .dateChoice .dateSearch {display:block; margin-top:10px;}
	.contentsArea.mybms .basicBoard.list table.pcNone tbody .detailSection02 {padding:4% 0;}
	.contentsArea .basicBoard.list table.workshop tbody .detailSection01 {border-right:none; width:100%;}
	.contentsArea#loginWrap .logBanner {max-width:100%}
	.contentsArea#loginWrap .logBanner img {max-width:100%}
	.contentsArea#findWrap .findBox {width:100%; padding:3%; box-sizing:border-box; text-align:center; height:auto; margin-bottom:5%;}
	.contentsArea#findWrap .findBox .findInput {width:100%; float:none;}
	.contentsArea#findWrap .findBox .text {width:50%; margin:0 auto 9px;}
	.contentsArea#findWrap .findBox .btn_white {float:none; width:50%; height:42px; line-height:42px; font-size:16px;}
	.contentsArea#findWrap .findId {float:none;}
	.contentsArea#findWrap .findPw {float:none;}
	.contentsArea#findWrap .result .id_show {width:50%; margin:0 auto;}

	.contentsArea .share {position:inherit;}
	.contentsArea .detailCon {width:52%; margin-left:3%;}
	.contentsArea .detailCon .context1 dt {font-size:18px;}
	.contentsArea .detailCon .context1 dd {font-size:16px;}
	.contentsArea .detailInfo {clear:both; float:none; width:100%; padding:3% 0 0 0;}
	.contentsArea .detailInfo .context2 dt {background-position:98% center; font-size:16px;}
	.contentsArea .detailInfo .context2 dt.on {background-position:98% center;}
	.contentsArea .thumbSlider {width:45%;}
	.contentsArea .thumbSlider img {width:99%; max-width:100%; height:auto;}
	.contentsArea #detailThumb {width:93%;}
	.contentsArea #detailThumb li {width:89px !important;}
	.contentsArea #detailThumb .flex-direction-nav {width:112%; left:-25px;}
	.contentsArea #detailThumb .flex-direction-nav li {width:auto !important;}
	.contentsArea #detailThumb .flex-direction-nav li.flex-nav-prev {top:20px; left:11px;}
	.contentsArea #detailThumb .flex-direction-nav li.flex-nav-next {top:20px;}
	.contentsArea #detailThumb img {width:92%;}
	.contentsArea .tabTarget .recent {width:94%; padding:0 3%;}
	.contentsArea .tabTarget .recentSlide li {width:280px !important; margin-right:15px !important;}
	.contentsArea .tabTarget .recentSlide a {font-size:16px;}
	.contentsArea .tabTarget .recentSlide a img {width:99%; max-width:100%;}

	.contentsArea.company .overviewWrap h5.blue {font-size:40px; padding-top:30px;}
	.contentsArea.company .overviewWrap dt {font-size:36px; width:120px; height:120px; line-height:120px;}
	.contentsArea.company .overviewWrap .mission {min-height:200px; padding:0 220px 0 0; background-size:200px; background-position:right top;}
	.contentsArea.company .overviewWrap .mission span.blue {font-size:25px; text-align:left;}
	.contentsArea.company .overviewWrap .mission span.ms {font-size:18px;}
	.contentsArea.company .rcinfo {background:none;}
	.contentsArea.company .rcinfo dl {border:1px solid #d0d0d0; border-top:2px solid #000330; width:22%; margin:0 1%; height:117px;}
	.contentsArea.company .rcinfo dl dt img {width:35px;}

	.contentsArea.partner .alphabet {padding-top:1px;}
	.contentsArea.partner .alphabet a {margin-top:-1px;}

	.contentsArea .workshopWrap .wsinfo {background:none;}
	.contentsArea .workshopWrap .wsinfo dl {float:none; width:100%; padding:2% 1%; margin-bottom:3%; border-bottom:1px solid #d0d0d0; border-top:2px solid #000330; box-sizing:border-box;}
	.contentsArea .workshopWrap .wsinfo dl dt {text-align:left; overflow:hidden; line-height:34px;}
	.contentsArea .workshopWrap .wsinfo dl dt br {display:none;}
	.contentsArea .workshopWrap .wsinfo dt .round {float:left; text-align:center; margin-right:10px;}
	.contentsArea .workshopWrap .wsinfo dl dd {margin-top:0;}
	.contentsArea .workshopWrap .wsinfo dl dd br {display:none;}
	.contentsArea .workshopWrap .wsinfo dl dd .btnArea {text-align:left;}
	.contentsArea .workshopWrap .wsinfo dl dd .btnArea a {text-align:center;}

	/*=== Footer ===*/
	.footWrap.inner {padding-top:5%; padding-bottom:5%;}
	.footWrap .left {width:58%;}
	.footWrap .left dl {width:28%; margin-right:5%;}
	.footWrap .left dl:last-child {margin-right:0;}
	.footWrap .left dl dt {font-size:20px;}
	.footWrap .left dl dd {line-height:28px;}
	.footWrap .left dl dd a {font-size:15px;}
	.footWrap .right {width:34%; padding:3%;}
	.footWrap .right p {font-size:15px; font-weight:300; letter-spacing:0px;}
	.footWrap .right p br {display:none;}
	.footWrap .right .quickInquiry .text {width:93%; padding:6px 3%; font-size:15px; font-weight:300;}
	.footWrap .right .quickInquiry .btn_inquiry {width:100%; font-size:15px; font-weight:300;}
	.footWrap .bottom .footUtil {left:0; top:42px;}
	.footWrap .bottom address span {margin-right:6px; padding-right:6px;}
}

/*======================= Tablet 768px ~ =======================*/
@media only screen and (max-width:768px){
	.headerWrap .topmenu .utilTablet li {height:45px;}
	.headerWrap .topmenu .utilTablet li .cartNum {top:17px; right:23%;}
	.headerWrap .topmenu .utilTablet li a {font-size:14px; line-height:45px;}
	.headerWrap .topmenu .utilTablet .close {width:47px; min-width:auto; height:45px;}
	.headerWrap .topmenu .inner > ul > li {border-right:1px solid #747799; box-sizing:border-box; padding:15px 0;}
	.headerWrap .topmenu .inner > ul > li:last-child {border:none;}
	.headerWrap .topmenu .inner > ul > li a {font-size:16px;}
	.headerWrap .topmenu .submenu {top:100px; height:auto;}
	.headerWrap .topmenu .submenu .atoz {padding:3% 0;}
	.headerWrap .topmenu .submenu .atozArea {text-align:left; width:94%; padding:0 3%;}
	.headerWrap .topmenu .submenu .atozArea a {width:45%; margin:0 1%;}
	.headerWrap .topmenu .submenu .cg .leftHead .cateList li {width:48%;}
	.headerWrap .topmenu .design_sub .right01 {width:50%; box-sizing:border-box; height:auto;}
	.headerWrap .topmenu .design_sub .right02 {width:50%; box-sizing:border-box;}
	.headerWrap .topmenu .design_sub .contactBox {float:none; width:100%; box-sizing:border-box; clear:both; padding:5%; overflow:hidden;}
	.headerWrap .topmenu .design_sub .contactBox dl {text-align:left; width:43%; float:left; padding:0 3%; font-size:16px;}
	.headerWrap .topmenu .design_sub .contactBox dl.f {border-bottom:none; border-right:1px solid #d0d0d0; width:44%;}
	.headerWrap .topmenu .design_sub .contactBox a {clear:both;}
	.headerWrap .topmenu .design_sub .bannerArea a {font-size:16px; height:78px; background-size:cover !important; padding:20px 20px 20px 17px;}

	.mainVisual {height:auto;}
	.mainVisual li .pcVisual {display:none;}
	.mainVisual li .tabletVisual {display:none;}
	.mainVisual li .mobileVisual {display:block; width:100%; max-width:100%;}
	.mainVisual li .visualTxt {width:58%; right:2%; top:0; padding:7% 0;}
	.mainVisual li .visualTxt h2 {font-size:35px;}
	.mainVisual li .visualTxt p {font-size:16px;}
	.itemWrap .itemHead {height:auto;}
	.itemWrap .itemHead ul {background:#dcdee2;}
	.itemWrap .itemHead ul li {width:33.3% !important;}
	.itemWrap .itemHead ul li:nth-child(1), .itemWrap .itemHead ul li:nth-child(2), .itemWrap .itemHead ul li:nth-child(3) {border-bottom:1px solid #8b8b8b;}
	.itemWrap .itemHead ul li:first-child {width:33.3% !important;}
	.itemWrap .itemCon ul li img {height:120px;}

	#layerPop.layerMail {width:84%; padding:3%; left:50%; margin-left:-45%; top:20%;}
	#layerPop .layerClose {right:3%; top:3%;}

	#Board .formCol {width:25% !important;}
	#Board2 .formCol {width:25% !important;}
	#Board .faqCol {width:14% !important;}
	#Board .requestCol {width:23% !important;}
	.boardSearch .selCustom {min-width:75px;}
	.boardSearch input.text {width:140px;}

	.basicBoard.list table.pcNone tbody .detailSection02 {float:right; width:19%; text-align:center; padding:9% 0;}
	.contentsArea .share {text-align:left !important; margin-bottom:25px;}
	.contentsArea .tabTarget .recentSlide li {width:180px !important;}
	.contentsArea .tabTarget .recentSlide a {font-size:14px;}

	.contentsArea .cateDepth01 {margin-bottom:0px;}
	.contentsArea .category1 .description p {font-size:14px; line-height:20px;}
	.contentsArea .ctList li {width:48%;}
	.contentsArea .ctList li a {font-size:14px; line-height:18px; height:auto; padding:3.5% 1%;}
	.contentsArea .processWrap dl dt {width:24%; font-size:16px;}
	.contentsArea .processWrap dl dd {width:68%;}

	.contentsArea .antibody {margin-top:20px;}

	.contentsArea.company .recruitL {width:45%;}
	.contentsArea.company .recruitR {width:45%;}
	.contentsArea.company .rcinfo dl {height:auto; width:46%; margin:1%;}

	.contentsArea .checkPrivacy .section h5 .agrCheck {display:block; padding-left:0;}
	.contentsArea#loginWrap .logInput {width:90%;}
	.contentsArea#loginWrap .logInput .logInfo {width:68%;}
	.contentsArea#loginWrap .saveInfo {width:90%;}

	.contactWrap {background:url('/images/common/bg_bottom_tel.gif') no-repeat center top; background-size:cover; height:auto; line-height:normal;}
	.contactWrap .contact {overflow:hidden;}
	.contactWrap .contact b {background:none !important; display:block; margin:0; padding:0 !important; font-size:18px;}
	.contactWrap .contact .tel01 {background:none;}
	.contactWrap .contact .tel02 {background:none; text-align:right;}
	.contactWrap .contact .tel02 a {font-weight:300; font-size:16px; vertical-align:top;}
	.contactWrap .contact .tel02 a img {vertical-align:super;}
	.contactWrap .contact .tel01, .contactWrap .contact .tel02 {width:35%; padding:3% 5%;}
}

/*======================= Tablet 640px ~ =======================*/
@media only screen and (max-width:640px){
	.headerWrap .tabletMenu {margin-right:15px;}
	.headerWrap h1 {margin:26px 0 15px 0;}
	.headerWrap h1 img {width:70px;}
	.headerWrap .searchWrap {width:55%; top:24px !important; height:38px;}
	.headerWrap .searchWrap .text {height:38px; font-size:15px;}
	.headerWrap .searchWrap .search {top:7px; right:7px;}
	.headerWrap .relative {top:38px;}
	.headerWrap .topmenu .submenu ul.atozInfo li {height:45px; line-height:45px;}
	.headerWrap .topmenu .submenu ul.atozInfo li.active {line-height:45px;}
	.headerWrap .topmenu .submenu .atozArea a {width:41%; font-size:14px; margin:0 3%; padding:9px 1%;}
	.headerWrap .topmenu .submenu .cateInfo li a {font-size:14px;}
	.headerWrap .topmenu .submenu .cg .leftHead .img {width:100%; margin-right:0; float:none;}
	.headerWrap .topmenu .submenu .cg .leftHead .data {width:100%; float:none;}
	.headerWrap .topmenu .submenu .cg .right a {width:31%;}
	.headerWrap .topmenu .design_sub .contactBox dt {float:none;}
	.headerWrap .topmenu .design_sub .contactBox dd {float:none; padding:0;}
	.itemWrap .itemHead {height:auto; line-height:50px;}
	.itemWrap .itemHead ul li {font-size:14px;}
	.itemWrap .itemCon ul li {width:49%;}
	.itemWrap .itemCon ul li:nth-child(4), .itemWrap .itemCon ul li:nth-child(8) {float:left; margin-right:2.5%;}
	.itemWrap .itemCon ul li:nth-child(even) {float:right; margin-right:0;}
	.article h3 {font-size:25px;}
	.article .newsWrap .news01 {width:100%; float:none;}
	.article .newsWrap .news01 img {width:100%; max-width:100%;}
	.article .newsWrap .news02 {width:100%; float:none;}
	.article .newsWrap .news02 img {width:100%; max-width:100%; height:100%;}
	.article .newsWrap .event a {width:100%; float:none; height:100px !important; background-size:10% !important; background-position:95% 60% !important;}
	.article .newsWrap .event a:first-child {margin-bottom:2% !important;}
	.article .newsWrap .event a .title {font-size:22px;}
	.article .newsWrap .event a .more {display:inline-block; font-size:17px; background-position:right 9px; text-align:left; margin-top:0 !important;}

	.subVisual {text-align:left; padding:4% 0;}
	.subVisual .snbShow {top:18%; z-index:50;}
	.subVisual .snbShow img {width:42px;}

	#content {margin:14px auto 6%;}
	#content2 {margin:14px auto 6%;}
	#SNB .snbWrap {width:86%;}
	#SNB .snbHide {width:46px; height:46px; right:0;}
	#SNB .snbHide img {width:100%;}
	#SNB .snblist01 > li > a {height:45px; line-height:45px; font-size:16px;}
	#SNB .snblist01 > li:hover > a, #SNB .snblist01 > li.active01 > a {font-size:16px;}
	#SNB .snblist01 > li.moreSnb > a {font-size:17px; height:46px; line-height:46px;}
	#SNB .snblist02 > li > a {font-size:14px; line-height:24px;}
	#SNB .detail ul li {width:100%; float:none;}
	#SNB .detail #detailSearch {width:93%;}
	#SNB .detail #detailSearch2 {width:98%; padding:2%; height:40px; box-sizing:border-box;}
	#SNB .detail .btn_search {width:98%;}

	#layerPop h4 {font-size:20px;}
	#layerPop .layerClose {top:4%;}
	#layerPop .layerClose img {width:20px;}
	#layerPop.layerAff {padding:3%; width:89%; left:50%; margin-left:-47%; top:20%;}
	#layerPop.layerAff input.text {width:68%;}

	.contentsArea h3.title {margin-bottom:5%; font-size:24px; padding:0;}
	.contentsArea h4.b_title {font-size:16px; line-height:22px; font-weight:500;}
	.contentsArea p.l_title {font-size:14px; line-height:20px;}
	.contentsArea .cateDepth01 {display:block; font-size:16px;}

	.contentsArea .category1 {margin-top:0;}
	.contentsArea .category1 .thumb {width:100%; height:auto; padding:0%; float:none;}
	.contentsArea .category1 .description {width:100%; padding:2% 0;}
	.contentsArea .cateThumb li {min-height:185px; margin-bottom:10px;}
	.contentsArea .cateThumb li b {font-size:14px; margin-top:5px;}
	.contentsArea .cateThumb li span {display:none;}

	.contentsArea .antibody {margin-top:5%;}
	.contentsArea .antibody dl {width:100%; float:none;}
	.contentsArea .antibody dl dt {width:35%;}
	.contentsArea .antibody dl dd select {width:60%;}

	.contentsArea .btn_step {font-size:14px; height:39px; line-height:37px;}
	.contentsArea .btn_step span {width:65px; font-size:12px; height:27px; line-height:27px; margin-right:5px;}

	.contentsArea .processWrap dl {padding:5% 0;}
	.contentsArea .processWrap dl dt {width:100%; float:none; margin-bottom:5%;}
	.contentsArea .processWrap dl dt br {display:none;}
	.contentsArea .processWrap dl dd {width:100%; float:none;}
	.contentsArea#joinWrap .l_title {margin-bottom:3%;}
	.contentsArea#joinWrap .agreeWrap input.text {width:99%; margin-bottom:1%;}
	.contentsArea#joinWrap .agreeWrap .btn_white_small {width:99%; display:block; box-sizing:border-box;}
	.contentsArea .completeWrap {padding:7% 3%;}
	.contentsArea .completeWrap > img {width:60px;}
	.contentsArea .completeWrap p {margin-top:3% !important; font-size:15px;}
	.contentsArea .completeWrap .btnArea a {width:33%; min-width:auto; font-size:14px; height:36px; line-height:36px;}

	.tabArea {margin-bottom:3%; display:none;}
	.tabWrap .detailTab a {font-size:16px;}

	.mobileTabArea {position:relative; display:block; background:#f5f5f5; width:95%; z-index:10; margin-bottom:3%; padding:0 2%; border:1px solid #d0d0d0;}
	.mobileTabArea span {display:block; background:url('/images/common/ico_mobile_tab.png') no-repeat 98% center; background-size:10px; height:40px; line-height:40px;}
	.mobileTabArea ul {display:none; position:absolute; left:-1px; top:40px; background:#f5f5f5; width:100%; border:1px solid #d0d0d0; border-bottom:none;}
	.mobileTabArea ul li {line-height:40px; height:40px; padding:0 2%; border-bottom:1px solid #d0d0d0;}
	.mobileTabArea ul li a {display:block;}

	#Board .imgCol {width:40% !important;}
	#Board .formCol {width:30% !important;}
	#Board2 .imgCol {width:40% !important;}
	#Board2 .formCol {width:30% !important;}
	#Board.partner .imgCol {width:20% !important;}

	.write th, .write td {font-size:12px;}
	.eventBoard.write th, .eventBoard.write td {padding:5px;}
	.eventBoard.write .pwGuide {float:none; width:100%;}
	.eventBoard.write input.text {width:100%; margin-bottom:1%;}
	.eventBoard.list th, .eventBoard.list td {padding:10px;}
	.eventBoard.list td img {width:100%; max-width:100%; height:auto;}
	.eventBoard.list td.alignR {display:none;}
	.eventBoard.list .latest {display:none;}
	.eventBoard.list .pcNone {display:inline-block; margin-top:2%; font-size:14px;}
	.eventBoard.list .alignR .ico_blue, .eventBoard.list .alignR .ico_lgray {display:none;}
	.eventBoard.list .subject {font-size:15px;}
	.eventBoard.list .date {margin-top:3%; font-size:12px;}
	.eventBoard.list.partner th:last-child, .eventBoard.list.partner td:last-child {display:none;}
	.contentsArea.partner .eventBoard.list .alignL {line-height:21px; font-size:13px;}
	.contentsArea.partner .eventBoard.list .black {font-weight:500;}
	.eventBoard.view .file {display:inline-block; width:100%;}
	.eventBoard.view .date {float:none; display:inline-block; margin:1% 0 0 0;}

	.boardSearch {text-align:left;}
	.boardSearch .total {position:relative; display:block;}
	.boardSearch .selCustom {min-width:18%;}
	.boardSearch input.text {width:37%;}

	.contentsArea .viewIcon {position:relative; left:0; top:8px; text-align:left;}
	.contentsArea .checkPrivacy {padding:5% 2%; font-size:13px;}
	.contentsArea .checkPrivacy .section h5 {font-size:16px;}
	.contentsArea .checkPrivacy .agreeWrap p {font-size:15px;}
	.contentsArea.mybms .dateChoice .month {width:53px; height:30px; line-height:30px; font-size:13px;}
	.contentsArea.mybms .dateChoice #startDate, .contentsArea.mybms .dateChoice #endDate {width:25%;}
	.contentsArea.mybms .dateChoice .btn_white_small {width:70px;}
	.contentsArea.mybms .basicBoard.list table.pcNone tbody .detailSection02 {padding:3% 0 0 0;}
	.contentsArea .contactus td b {display:block;}

	.contentsArea .thumbSlider {width:100%; float:none;}
	.contentsArea .detailCon {margin:0; float:none; width:100%;}
	.contentsArea .detailCon .context1 {margin-top:25px;}
	.contentsArea .detailCon .context1 dt {margin-bottom:0; font-size:15px;}
	.contentsArea .detailCon .context1 dd {margin-bottom:10px; font-size:14px;}
	.contentsArea .detailInfo .context2 dt {background-position:94% center;}
	.contentsArea .detailInfo .context2 dt.on {background-position:94% center;}
	.contentsArea .detailInfo .context2 dd a {font-size:14px;}
	.contentsArea .detailInfo p {margin-bottom:0;}
	.contentsArea #detailThumb {width:80%;}
	.contentsArea #detailThumb img {width:100%;}
	.contentsArea .tabTarget h4 {font-size:20px;}
	.basicBoard.list table.pcNone tbody .detailSection01 {float:none; width:100%; border-right:none;}
	.basicBoard.list table.pcNone tbody .detailSection02 {float:none; width:100%; padding:3% 0 0 0; margin-top:3%; border-top:1px solid #d0d0d0; text-align:left;}
	.basicBoard.list table.pcNone tbody .detailSection02.pd5 {padding:3% 0 0 0;}
	.basicBoard.list table.pcNone tbody .detailSection02 a {display:inline-block; margin-right:5%;}
	.basicBoard.list table.pcNone tbody .detailSection02 br {display:none;}

	.contentsArea.company .overviewWrap h5 {font-size:22px; line-height:38px; margin:3% 0;}

	.contentsArea.company .overviewWrap p {font-size:15px;}
	.contentsArea.company .overviewWrap p br {display:none;}
	.contentsArea.company .overviewWrap h5.blue {font-size:22px; padding-top:3%; background-size:100px; margin:13% 0 6% 0;}
	.contentsArea.company .overviewWrap dl {float:none; width:100%; padding:0;}
	.contentsArea.company .overviewWrap dl.last {margin-bottom:25%;}
	.contentsArea.company .overviewWrap dt {font-size:25px; width:80px; height:80px; line-height:80px; margin-bottom:2%;}
	.contentsArea.company .overviewWrap dd {font-size:15px; line-height:22px;}
	.contentsArea.company .overviewWrap .mission {background:none; padding:0; min-height:auto;}
	.contentsArea.company .overviewWrap .mission span.blue {font-size:18px; font-weight:500; margin-bottom:2%;}
	.contentsArea.company .overviewWrap .mission span.ms {font-size:16px; line-height:20px;}
	.contentsArea.company .overviewWrap .mission01 {margin-bottom:8%;}
	.contentsArea.company .application {padding-bottom:0; margin:0 0 2% 0;}
	.contentsArea.company .application dl {width:100%; float:none; padding:2% 0; margin:2% 0; border-top:1px solid #d0d0d0;}
	.contentsArea.company .application dl:first-child {margin-top:0;}
	.contentsArea.company .application dl dt img, .contentsArea.company .application dl dt br {display:none;}

	.contentsArea#loginWrap .logInput {width:100%;}
	.contentsArea#loginWrap .logInput .logInfo {width:96%; padding:0 2%; float:none;}
	.contentsArea#loginWrap .logInput .logInfo .text {width:99%;}
	.contentsArea#loginWrap .logInput .btn_white {width:97%; float:none; height:50px; line-height:50px; box-sizing:border-box;}
	.contentsArea.asForm .total {font-size:12px;}
	.contentsArea.asForm .btn_gray {min-width:94%;}

	.contentsArea .mapSection .bulletList .mapView {position:inherit; left:0; top:0; margin-top:10px; padding-left:0;}

	.footWrap .left {width:100%; float:none; margin-bottom:5%;}
	.footWrap .left dl dd {line-height:28px;}
	.footWrap .left dl dd a {font-size:16px;}
	.footWrap .right {width:94%; float:none;}
	.footWrap .right p {font-size:15px; letter-spacing:0;}
	.footWrap .right .quickInquiry .text {width:100%; padding:4% 3%; box-sizing:border-box; font-size:15px;}
	.footWrap .right .quickInquiry .btn_inquiry {font-size:15px; font-weight:400;}

}

/*=======================  Mobile 520px ~ =======================*/
@media only screen and (max-width:520px){
	#wrap {overflow-y:hidden;}
	#header {height:70px;}
	.headerWrap {height:70px;}
	.headerWrap .top {height:70px; z-index:52;}
	.headerWrap h1 {width:75%; text-align:center; margin:15px 0;}
	.headerWrap .tabletMenu {padding:21px 0 0 0;}
	.headerWrap .topmenu .utilTablet ul {width:100%;}
	.headerWrap .topmenu .utilTablet li {width:22%; height:40px;}
	.headerWrap .topmenu .utilTablet li .cartNum {top:13px;}
	.headerWrap .topmenu .utilTablet li.find, .headerWrap .topmenu .utilTablet li.mypage {display:none;}
	.headerWrap .topmenu .utilTablet li:nth-child(3) {}
	.headerWrap .topmenu .utilTablet li:last-child {display:block;}
	.headerWrap .topmenu .utilTablet li a {line-height:40px; font-size:12px;}
	.headerWrap .topmenu .utilTablet li a img {display:inline-block; margin-bottom:5px; width:25px;}
	.headerWrap .topmenu .utilTablet li:nth-child(4) a img {width:38px;}
	.headerWrap .topmenu .utilTablet .close {width:11%; text-indent:-9999px; overflow:hidden; display:block; height:40px; position:absolute; right:0; top:0; box-sizing:border-box; border-bottom:none; border-left:none;}
	.headerWrap .topmenu .inner> ul > li {width:50%; border-bottom:1px solid #747799; border-right:1px solid #747799; box-sizing:border-box; padding:10px 0;}
	.headerWrap .topmenu .inner > ul > li:last-child {border-bottom:1px solid #747799; border-right:1px solid #747799;}
	.headerWrap .topmenu .submenu {top:130px;}
	.headerWrap .topmenu .submenu .atozArea a {float:none;}
	.headerWrap .topmenu .submenu ul.atozInfo li.active {line-height:43px;}
	.headerWrap .topmenu .submenu ul.atozInfo {height:114px; background:#f5f5f5; border-bottom:none;}
	.headerWrap .topmenu .submenu ul.atozInfo li {width:11.1%; height:38px; line-height:38px; border-bottom:1px solid #d0d0d0; border-top:none;}
	.headerWrap .topmenu .submenu ul.atozInfo li.active {width:11.1%; line-height:36px;}
	.headerWrap .topmenu .submenu .cateInfo li {width:50%; text-align:center;}
	.headerWrap .topmenu .submenu .cateInfo li a {padding:0;}
	.headerWrap .topmenu .submenu .cg .leftHead .cateList li {width:47%;}
	.headerWrap .topmenu .submenu .cg .leftHead .cateList li a {font-size:12px;}
	.headerWrap .topmenu .submenu .cg .leftHead .data dt {font-size:18px; margin:10px 0;}
	.headerWrap .topmenu .submenu .cg .leftHead .data dd {font-size:13px;}
	.headerWrap .topmenu .submenu .cg .right a {float:none; width:100%; background-position:right bottom;}
	.headerWrap .topmenu .submenu .cg .right a:nth-child(2) {margin:3% 0;}
	.headerWrap .topmenu .submenu03 {display:none !important;}
	.headerWrap .topmenu .submenu04 {display:none !important;}
	.headerWrap .topmenu .design_sub .bannerArea a {width:90%; background-size:65% !important; background-position:95% 10% !important;}
	.headerWrap .topmenu .design_sub .bannerArea a.banner_cs02 {margin:0 0 8px 0;}
	.headerWrap .topmenu .design_sub .bannerArea a.banner_cp02 {margin:0 0 8px 0;}
	.headerWrap .mobileSearch {display:block; width:30px; position:absolute; right:3%; top:18px; z-index:52;}
	.headerWrap .mobileSearch img {width:100%;}
	.headerWrap .searchWrap {width:92%; right:2%; top:13px !important; z-index:51;}
	.headerWrap .searchWrap .search {right:35px;}
	.headerWrap .searchWrap .search_close {display:block; position:absolute; right:6px; top:8px;}
	.mainVisual li .visualTxt {width:60%; padding:2% 0;}
	.mainVisual li .visualTxt h2 {font-size:20px; margin-bottom:0;}
	.mainVisual li .visualTxt p {font-size:14px;}
	.mainVisual li .visualTxt p br {display:none;}
	.mainVisual li .visualTxt .btn_visual {font-size:14px; width:94px; height:30px; line-height:30px; margin-top:10px; padding:0 5px;}
	.mainVisual .bx-controls {bottom:5px;}
	.itemWrap .itemCon {margin:3% auto 0;}
	.itemWrap .itemCon ul li p {font-size:14px; height:54px; margin:3px 0; line-height:18px; letter-spacing:0;}
	.article .newsWrap {margin-bottom:6%;}
	.article .newsWrap .news01 {height:283px;}
	.article .newsWrap .news02 span {height:142px;}
	.article .newsWrap .news02 span .subject {font-size:15px;}
	.article .newsWrap .event a {height:88px !important;}

	.subVisual .subTitle {text-align:left;}
	.subVisual .subTitle h2 {font-size:22px;}
	.subVisual .location {margin:0;}
	.subVisual .location h3 {font-size:14px; display:none;}
	.contentsArea h3.title {font-size:22px; line-height:42px;}
	.contentsArea h3.s_title {font-size:18px; margin-bottom:8px;}

	.subVisual .detail ul li {width:100%; float:none;}
	#SNB .snbWrap {width:81%;}

	.contentsArea .titleImage {width:20%;}
	.contentsArea .cateDepth01 {margin-bottom:0; line-height:normal; font-size:14px;}
	.contentsArea .ctList li {width:100%; height:auto;}
	.contentsArea .cateThumb li {min-height:155px; width:50%;}
	.contentsArea#loginWrap h3.title {margin:2% 0; font-size:22px;}
	.contentsArea#loginWrap p {font-size:15px;}
	.contentsArea#loginWrap .saveInfo {width:100%;}
	.contentsArea#loginWrap .saveInfo .floatL {float:none !important;}
	.contentsArea#loginWrap .saveInfo .floatR {float:none !important;}
	.contentsArea#loginWrap .saveInfo .floatR a {margin:10px auto 0;}

	.contentsArea.bybms .basicBoard.view tbody th, .contentsArea.bybms .basicBoard.view tbody td {padding:20px 12px;}

	.contentsArea.company .recruitL {width:100%; float:none; margin:5% 0 0 0; border-top:1px dashed #d0d0d0; padding-top:5%;}
	.contentsArea.company .recruitR {width:100%; float:none; margin:5% 0;}
	.contentsArea.company .rcinfo dl {width:96%;}

	.basicBoard.list table.pcNone .qtt {top:0;}
	.basicBoard.list table.pcNone tbody td dl.datailList {margin-bottom:5px;}
	.basicBoard.list table.pcNone tbody td dl.datailList dt {width:25%;}
	.basicBoard.list table.pcNone tbody td dl.datailList dd {width:75%;}
	.basicBoard.list table.pcNone tbody td dl.datailList dt, .basicBoard.list table.pcNone tbody td dl.datailList dd {line-height:20px; font-size:14px;}
	.basicBoard.list table.pcNone tbody .detailSection02 a {font-size:14px;}

	.faqBoard tbody th, .faqBoard tbody td {padding:8px 6px;}

	.tabWrap.on {top:0px;}

	#Board .faqCol {width:19% !important;}
	#Board .requestCol {width:32% !important;}

	.contentsArea .tabTarget .recentSlide li {width:155px !important; margin-right:0 !important;}
	.contentsArea .tabTarget .recentSlide a {font-size:7.5px; line-height:normal;}
	.contentsArea .tabTarget .recentSlide a img {padding-bottom:3px; width:95%;}
	.contentsArea .tabTarget .recentSlide a span {display:none;}

	.contactWrap .contact b {font-size:16px;}
	.footWrap {position:relative;}
	.footWrap .left {padding-top:62%;}
	.footWrap .left dl {width:29%;}
	.footWrap .left dl dt {font-size:18px;}
	.footWrap .left dl dd {line-height:20px;}
	.footWrap .left dl dd a {font-size:14px;}
	.footWrap .right {position:absolute; top:2%; width:84%; left:4%;}
	.footWrap .right .quickInquiry {padding-top:10px;}
	.footWrap .right .quickInquiry .text {padding:7% 3%;}
	.footWrap .bottom {font-size:13px;}
	.footWrap .bottom .copyright {font-size:12px;}
}

/*=======================  Mobile 380px ~ =======================*/
@media only screen and (max-width:380px){
	.footWrap .left {padding-top:70%;}
}