/* tablet device */
@media all and (min-width:641px) and (max-width:1024px) {

/* header */
#header{width:100%; margin:0 auto;  max-width:1024px; min-width:auto;  height:50px; position:relative; z-index:6; background:#ffc300; min-width:auto;}
#header.mainHeader{ top:50px;}
#header.on{ height:58px; background-color:#222222; padding-top:25px;}
#header .inner{ max-width:1024px; min-width:auto; height:50px; position:absolute; padding:0; margin:0 auto; z-index:999999;}
#header .bg{background-color:transparent; z-index:1; height:50px; width:100%; position:absolute; top:0; left:0;}
#header h1{z-index:10;margin:0 21px 0 28px; float:left;  position:absolute;}
#header h1 a{width:140px; height:51px; display:block; background:url(../images/logo.png) 0 49% no-repeat; background-size:138px; text-indent:-9999px;}

#header #gnbWrap{ width:130px; height:100%; position:fixed; top:0; right:-130px; z-index:5; margin:0; background:#111;}
#header #gnbWrap.on{right:0;}
#header #gnb{ margin:5px 0 0 0; padding:0; height:48px; position:relative;}
#header #gnb li.dep1{ margin:0; padding:0; position:relative; float:none;}
#header #gnb li.dep1 a.d1{ display:block; height:36px; line-height:36px; z-index:3; margin:0 6px; color:#fff; font-size:13px; background:url(../images/blt_line.gif) 0 100% repeat-x;}
#header #gnb li.dep1 a.d1:hover{color:#2323ea; text-decoration:none;}
#header #gnb li.dep1.gnb05{padding:4px 0; display:block;margin:0 6px; background:url(../images/blt_line.gif) 0 100% repeat-x;}
#header #gnb li.dep1.gnb05 #selectArea select{background:#111; color:#fff;border:0;font-size:13px; padding:0; width:100%; margin-left:-4px;}
#header #gnb li.dep1.gnb05 #selectArea select option{padding:0 2px 1px 0;}
#header #gnb li.dep1.gnb07{margin:0 6px; display:block; padding:0 6px 0 0; background:url(../images/blt_line.gif) 0 100% repeat-x;}
#header #gnb li.dep1.gnb07 #search_m{width:116px; background:#111; border:none; margin:5px 0; color:#fff;}
#header #gnb li.dep1.gnb07 #search_m::-webkit-input-placeholder {
    color: #fff;
}
#header #gnb li.dep1.gnb07 #search_m:-moz-placeholder {
    color: #fff;
}
#header #gnb li.dep1.gnb07 #search_m::-moz-placeholder {
    color: #fff;
}
#header #gnb li.dep1.gnb07 #search_m:-ms-input-placeholder {
    color: #fff;
}

/* indicator */
#indicator{ position:absolute; top:0; right:20px;  margin:0; z-index:6;}
#indicator .dropdown{display:none;}
#sb-search{display:none;}
#indicator.on{ right:150px;}
#indicator .m_menu{display:none;}
#indicator .m_menu li{float:left; padding:0; margin:0 0 0 1px;}
#indicator .m_menu li:hover{background-color:transparent;}
#indicator .m_menu li a{ background:url(../images/utill_sns.gif) no-repeat; display:block; width:32px; height:20px; text-indent:-9999px; text-align:center; font-size:11px; color:#fff; line-height:20px; font-weight:600;}
#indicator .m_menu li.mn01 a{ background-position:0 0; display:none;}
#indicator .m_menu li.mn02 a{ background-position:-33px 0;  display:none;}
#indicator .m_menu li.mn03{display:none;}
#indicator .m_menu li.mn03 a{ background-image:none; background-color:#424242; width:82px; text-indent:0;}
#indicator .m_menu li.mn04{ display:block;margin-left:5px; margin-top:14px;}
#indicator .m_menu li.mn04 a{background:url(../images/bt_menu.png) 0 0 no-repeat; background-size:24px 20px; width:24px; height:20px; text-indent:-9999px;}
#indicator .m_menu li.mn04 a.close{ display:none;}
#indicator #selectArea{margin-top:11px; display:none;}
#searchArea{display:none;}

/*location*/
#location{width:100%;height:50px; margin:0; background:#999;min-width:auto;clear:both;}
#location ul{height:50px; margin:0 auto; max-width:1024px; min-width:auto;padding:0 28px; }
#location ul li{float:left; line-height:48px; padding-right:5px;}
#location ul li a.home{}
#location ul li a.active{color:#2323ea;}
#location ul li a{text-decoration:none; font-size:13px;}

/* 각종 background */
#headerbg{background:#f2f2f2;min-width:auto; height:50px; width:100%;}
.subBg{width:100%; height:100%;}

/* container */
#wrapper{ max-width:1024px; min-width:auto; clear:both;}
#container{ max-width:1024px; min-width:auto; padding:0 10px; margin:0 auto;/* padding:0 0 150px 0;*/padding:0;width:100%; z-index:3; position:relative;background:#ddd9c4;  min-height:100%;}
#container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#container #contentWrap{ max-width:1024px; min-width:auto; margin:0 auto;}

/*Sub Menu*/
#subMenu{width:100%; background-color:#ffc300; position:relative; left:0;padding:30px 0;}
#subMenu h2{display:inline-block; color:#2323ea; font-size:24px; line-height:24px; font-weight:normal;padding:0 28px; margin-bottom:15px;word-spacing:-1px;}
#subMenu ul li{padding:0 28px; font-size:16px; line-height:26px;}
#subMenu ul li a{text-transform:uppercase;}
#subMenu ul li a.active{color:#444;}
#subMenu ul li a:hover{text-decoration:none; color:#444;}




/* common */
h2.h2Blt{ margin:120px 0 25px; text-align:center; color:#ffae00; font-size:35px; font-weight:bold; font-family:'Segoe UI', Tahoma, Geneva, sans-serif ;}

.dec01{ font-size:18px; color:#999; text-align:center; margin:0; line-height:1.6em; font-weight:bold;}


/* main */
.cbp-bislideshow {
	list-style: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 0;
	margin: 0;
}

.cbp-bislideshow li {
	position: absolute;
	width: 101%;
	height: 101%;
	top: -0.5%;
	left: -0.5%;
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
}
/* If background-size supported we'll add the images to the background of the li */
.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	background-position: center top;
	background-repeat:no-repeat;
}
/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
	display: none;
}
.cbp-bislideshow li img {
	display: block;
	width: 100%;
}

/*.product_detail p.detail{line-height:22px; word-break:keep-all;}*/

#container #contentWrap .product_detail {padding:30px 0 20px 0px; position:relative; min-height:154px;}
#container #contentWrap .product_detail .thum{ height:334px; position:relative; margin:0 auto;width:100%;text-align:center;}
#container #contentWrap .product_detail .thum img{ height:100%;}
#container #contentWrap .product_detail .txt_wrap{width:100%;}
#container #contentWrap .product_detail .titTx{text-align:left; color:#2323ea; font-size:30px; font-weight:normal;line-height:34px; padding-bottom:20px; padding-top:24px;}
#container #contentWrap .product_detail .titTx2{text-align:left; font-size:25px; line-height:25px; padding-bottom:15px;}
#container #contentWrap .product_detail .txt{text-align:justify; margin:20px 0 15px; font-size:15px; line-height:20px; }
#container #contentWrap .product_detail .txt img{width:auto;}
#container #contentWrap .product_detail2{padding: 20px 0 20px 0; word-break:keep-all;line-height:22px;}
#container #contentWrap .product_detail2 .subTit{font-size:25px; margin-bottom:20px;}
#container #contentWrap .product_detail2 .subTit2{margin-bottom:5px;}
#container #contentWrap .product_detail2 ul{margin-bottom:20px;}
#container #contentWrap .product_detail2 ul.deco {margin-left:20px;}
#container #contentWrap .product_detail2 ul.deco li{list-style:disc;}
#container #contentWrap .product_detail2 .txt img{width:auto;}
#container #contentWrap .product_detail2 .txt {text-align:justify; width:auto;}
#container #contentWrap .product_detail2 .downBtnArea button{display:block; line-height:45px;text-align:left;}

.productH2 .font25{margin-right:20px;float:left;}
.productH2 .font18{float:left;}

.apiTitle{width:100%; background-color: #01254d; line-height:35px; font-size:18px; color:#fff;}
.apiTitle2{width:100%;background-color: #92938c;  line-height:23px;  font-size:13px; color:#fff;}

#container #contentWrap img{}
#container #contentWrap .companyPD3 img{width:80%;}
#container #contentWrap img.subBg{width:100%; height:auto;}
#container #contentWrap ul.package li{display:inline-block; margin-bottom:25px;}
#container #contentWrap ul.package li.pdr38{padding-right:0px !important;}
#container #contentWrap ul.package li.pdr95{padding-right:0px !important;}
#container #contentWrap ul.package.certification li img{width:100%;}
#container #contentWrap ul.catalogue li img{width:100%;}
#container #contentWrap ul.catalogue li.downBtnArea{position:relative; padding-left:0px !important; left:0;}
#container #contentWrap ul.catalogue li.downBtnArea button{padding:0;line-height:18px;}
#container #contentWrap ul.catalogue li.catalogueImg2{margin-top:25px;}

/* company > aboutus > our misson */
#container #contentWrap .our_mission{padding-bottom:72px; padding-top:0px;}

/* company > aboutus > our misson */
#container #contentWrap #pdsWrap{width:100%; margin:auto;}
#container #contentWrap #pdsWrap .pdsWrap2{text-align:center;}
#container #contentWrap #pdsWrap .pdsWrap2 div{width:100%; display:inline-block; vertical-align:top; text-align:left; margin:0;}
#container #contentWrap #pdsWrap .pdsWrap2 div img{width:auto;}
#container #contentWrap #pdsWrap .pdsWrap2 div h2{margin-bottom:15px;font-weight:normal;}
#container #contentWrap #pdsWrap .pdsWrap2 div h2 .fa{vertical-align:text-top;margin-right:10px;}
#container #contentWrap #pdsWrap .pdsWrap2 div ul li{font-size:15px;line-height:25px;}
#container #contentWrap #pdsWrap .pdsWrap2 .pds2{margin-top:50px;}
#container #contentWrap #pdsWrap .pdsWrap2 .pds4{margin-top:50px;}

/*site map*/
.sitemap{display:block; vertical-align:top; margin-right:0px; text-align:left;margin-top:40px;}
.sitemap.sitemapFir{margin-top:0px;}
.sitemap.width23per {width:100%;}

.contactLogo img{width:auto !important; }

/* Company */
.company .companyPD{padding:227px 0 374px 0;}
.company .companyPD p{margin:0 auto; width:100%; text-align:center;}
.company .companyPD p .pdl40{padding-left:0 !important;}
.company .companyPD2 .bi{margin-left:0px;}
.company .companyPD3 .ci{margin-left:0px;}
.company .companyPD2{padding:290px 0 376px 0;}
.company .companyPD3{padding:286px 0 373px 0;}

/*Who We Are*/
.whoweare .textContent{margin-right:0; text-align:justify;}

/*Terms*/
.terms .textContent{text-align:justify;}

/* 공통 css */
.textContent{text-align:left; word-break:keep-all; display:block; }

/*검색결과*/

.searchResult .prdImg img{width:90px !important;}

/*API*/
.api_contents{padding-bottom:30px;}
.api_contents .productH2.pdb10{padding-bottom:30px !important;}


}