/* IDEAPICNIC [Web Develop Team] (doolife@ideapicnic.com) LDN 2012-10-16 */
.wrap {min-width:320px; text-align:center; position:relative;}
.main_visual {width:100%; position:absolute;}
.main_visual img {max-width:100%;}
.main_visual2 img{max-width:100%;}

/* header */
.header {height:97px; overflow:hidden; background:#e1e4f0 url("../images/common/top_line.gif") left bottom repeat-x;}
.header .logo {margin:0 auto; margin-top:9px; width:101px; height:73px; -webkit-background-size:101px auto; background:url("../images/common/logo.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.header .logo {background:url("../images/common/logox2.gif") no-repeat; -webkit-background-size:101px auto;}
}

/* navi */
.nav_wrap {padding:0 10px 0 25px; height:329px; background:url("../images/navi/nav_line.gif") left top repeat-x; -webkit-background-size:auto 329px; }
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.nav_wrap {height:329px; background:url("../images/navi/nav_linex2.gif") left top repeat-x; -webkit-background-size:1px 329px; }
}

.nav {height:250px; text-align:left; -webkit-background-size:auto 250px; background:url("../images/navi/navi_img.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.nav {background:url("../images/navi/navi_imgx2.gif") no-repeat; -webkit-background-size:auto 250px; }
}
.nav dt {height:35px; text-indent:-9999px;}
.nav dd {padding:4px 0 0 8px; height:18px;}
.nav dt a {height:35px; display:block;}
.nav dd a {margin-right:5px; display:block; -webkit-background-size:5px 7px; background:url("../images/navi/snav_arrow_right.png") right 4px no-repeat;}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.nav dd a {background:url("../images/navi/snav_arrow_rightx2.png") right 4px no-repeat; -webkit-background-size:5px 7px;}
}


/* main_menu_wrap */
.main_menu_wrap{max-width:640px;margin:0 auto}
.main_menu{margin:0;padding:0}
.main_menu ul{height:0;background:#e6e6e6;overflow:hidden;max-height:0;transition:max-height .3s;transition-timing-function: ease-in;}
.main_menu > li{border-bottom:1px solid #2875bb}
.main_menu ul.on{height:auto;max-height:300px;transition:max-height .8s;transition-timing-function: ease-in;}
.main_menu ul li a{display:block;text-align:left;text-indent:7.5%;line-height:2.2em;border-top:1px solid #fff;border-bottom:1px solid #cfcfcf}
.main_menu img{max-width:100%;vertical-align:middle}

.arrow_down {-webkit-background-size:16px 12px; background:url("../images/navi/nav_arrow_down.png") right 12px no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.arrow_down {background:url("../images/navi/nav_arrow_downx2.png") right 12px no-repeat; -webkit-background-size:16px 12px;}
}

.arrow_right {-webkit-background-size:12px 16px; background:url("../images/navi/nav_arrow_right.png") right 10px no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.arrow_right {background:url("../images/navi/nav_arrow_rightx2.png") right 10px no-repeat; -webkit-background-size:12px 16px;}
}

/* sheader */
.sheader {height:80px; text-align:left; position:relative;}
.sheader .slogo {margin:5px 0 0 5px; width:128px; height:35px; text-indent:-9999px; -webkit-background-size:128px auto; background:url("../images/common/logo02.gif") left top no-repeat;}
.sheader .slogo a {height:100%; display:block;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.sheader .slogo {background:url("../images/common/logo02x2.gif") no-repeat; -webkit-background-size:128px auto; }
}

.sheader .home {width:34px; height:34px; text-indent:-9999px; -webkit-background-size:34px auto;  position:absolute; right:5px; top:0; background:url("../images/common/icon_home.gif") left top no-repeat;}
.sheader .home a {height:100%; display:block;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.sheader .home {background:url("../images/common/icon_homex2.gif") no-repeat; -webkit-background-size:34px auto; }
}

/* snav */
.snav_wrap {margin-top:3px; position:relative;}
.snav {width:100%; display:table; background:url("../images/navi/snav_bg_off.gif") left top repeat-x; overflow:hidden;}
.snav li {height:35px; display:table-cell; text-indent:-9999px; vertical-align:middle;}
.snav li.on {background:url("../images/navi/snav_bg_on.gif") left top repeat-x;}
.snav li a.line_on {height:35px; display:block; background:url("../images/navi/snav_line_on.gif") left top no-repeat; overflow:hidden;}
.snav li a.line_off {height:35px; display:block; background:url("../images/navi/snav_line_off.gif") left top no-repeat; overflow:hidden;}
.snav li a.line_none {height:35px; display:block; overflow:hidden;}
.snav li span {margin-top:12px; display:block;}
.snav01 {margin:0 auto; width:35px; height:13px; display:block; -webkit-background-size:35px auto; background:url("../images/navi/snav_company.png") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.snav01 {background:url("../images/navi/snav_companyx2.png") no-repeat; -webkit-background-size:35px auto; }
}

.snav02 {margin:0 auto; width:47px; height:13px; display:block; -webkit-background-size:47px auto; background:url("../images/navi/snav_pro.png") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.snav02 {background:url("../images/navi/snav_prox2.png") no-repeat; -webkit-background-size:47px auto; }
}

.snav03 {margin:0 auto; width:47px; height:13px; display:block; -webkit-background-size:47px auto; background:url("../images/navi/snav_blood.png") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.snav03 {background:url("../images/navi/snav_bloodx2.png") no-repeat; -webkit-background-size:47px auto;}
}

.snav04 {margin:0 auto; width:48px; height:13px; display:block; -webkit-background-size:48px auto; background:url("../images/navi/snav_scanning.png") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.snav04 {background:url("../images/navi/snav_scanningx2.png") no-repeat; -webkit-background-size:48px auto;}
}

.snav05 {margin:0 auto; width:43px; height:12px; display:block; -webkit-background-size:43px auto; background:url("../images/navi/snav_customer.png") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.snav05 {background:url("../images/navi/snav_customerx2.png") no-repeat; -webkit-background-size:43px auto; }
}

/* sub_nav */
.sub_nav_wrap {position:relative; z-index:9999;}
.sub_nav01 {background:#fff; overflow:hidden;}
.sub_nav01 li {height:30px; float:left;}
.sub_nav01 li a {padding-top:8px; display:block; text-align:center;}
.sub_nav01 li.first {width:50%;}
.sub_nav01 li.second {margin-left:-1px; width:50%; border-left:1px solid #e9e9e9;}
.sub_nav01 li.thrid {width:50%; border-top:1px solid #e9e9e9;}
.sub_nav01 li.fourth {margin-left:-1px; width:50%; border-left:1px solid #e9e9e9; border-top:1px solid #e9e9e9;}

.sub_nav_wrap02 {position:relative; z-index:9999;}
.sub_nav03 {background:#fff; overflow:hidden;}
.sub_nav03 li {height:30px; float:left;}
.sub_nav03 li a {padding-top:8px; display:block; text-align:center;}
.sub_nav03 li.first {width:50%;}
.sub_nav03 li.second {margin-left:-1px; width:50%; border-left:1px solid #e9e9e9;}
.sub_nav03 li.thrid {width:50%; border-top:1px solid #e9e9e9;}
.sub_nav03 li.fourth {margin-left:-1px; width:50%; border-left:1px solid #e9e9e9; border-top:1px solid #e9e9e9;}

.sub_nav_bg {min-height:4px; text-align:right; background:url("../images/navi/snav_line_bg.png") left top repeat-x;}
.nav_btn {margin-right:5px;}

/* container */
.container {margin-top:20px; padding:0 10px 0 10px;}
.con_tit {height:29px; position:relative; background:url("../images/common/tit_line.gif") left bottom repeat-x;}

/* company_tit */
.company_tit01 {width:99px; height:18px; -webkit-background-size:99px auto; background:url("../images/company/company_tit01.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.company_tit01 {background:url("../images/company/company_tit01x2.gif") no-repeat; -webkit-background-size:99px auto; }
}

.company_tit02 {width:122px; height:18px; -webkit-background-size:122px auto; background:url("../images/company/company_tit02.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.company_tit02 {background:url("../images/company/company_tit02x2.gif") no-repeat; -webkit-background-size:122px auto; }
}

.company_tit03 {width:90px; height:18px; -webkit-background-size:90px auto; background:url("../images/company/company_tit03.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.company_tit03 {background:url("../images/company/company_tit03x2.gif") no-repeat; -webkit-background-size:90px auto;}
}

.company_stit03 {margin-top:50px; width:166px; height:32px; -webkit-background-size:148px auto; background:url("../images/company/company_stit03.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.company_stit03 {background:url("../images/company/company_stit03x2.gif") no-repeat; -webkit-background-size:148px auto; }
}

/* product_tit */
.pro_tit01 {width:74px; height:19px; -webkit-background-size:74px auto; background:url("../images/product/pro_tit01.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.pro_tit01 {background:url("../images/product/pro_tit01x2.gif") no-repeat; -webkit-background-size:74px auto; }
}

.pro_stit01 {margin-top:30px; width:217px; height:17px; -webkit-background-size:217px auto; background:url("../images/product/pro_stit02.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.pro_stit01 {background:url("../images/product/pro_stit02x2.gif") no-repeat; -webkit-background-size:217px auto;}
}

/* sc_tit */
.sc_tit01 {width:66px; height:19px; -webkit-background-size:66px auto; background:url("../images/scanning/sc_tit01.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.sc_tit01 {background:url("../images/scanning/sc_tit01x2.gif") no-repeat; -webkit-background-size:66px auto;}
}

/* sc_tit */
.sc_stit01 {margin-bottom:20px; width:250px; height:16px; -webkit-background-size:153px auto; background:url("../images/scanning/sc_stit05.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.sc_stit01 {background:url("../images/scanning/sc_stit05x2.gif") no-repeat; -webkit-background-size:250px auto; }
}

/* sc_tit */
.sc_stit02 {margin:40px 0 20px 0; width:170px; height:16px; -webkit-background-size:170px auto; background:url("../images/scanning/sc_stit02.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.sc_stit02 {background:url("../images/scanning/sc_stit02x2.gif") no-repeat; -webkit-background-size:170px auto;}
}

/* sc_tit */
.sc_stit03 {margin:40px 0 20px 0; width:137px; height:15px; -webkit-background-size:137px auto; background:url("../images/scanning/sc_stit03.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.sc_stit03 {background:url("../images/scanning/sc_stit03x2.gif") no-repeat; -webkit-background-size:137px auto; }
}

/* sc_tit */
.sc_stit04 {margin:40px 0 20px 0; width:150px; height:14px; -webkit-background-size:150px auto; background:url("../images/scanning/sc_stit04.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.sc_stit04 {background:url("../images/scanning/sc_stit04x2.gif") no-repeat; -webkit-background-size:150px auto; }
}

/* sc_tit */
.sc_stit06 {margin-bottom:20px; width:200px; height:16px; -webkit-background-size:200px auto; background:url("../images/scanning/sc_stit06.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.sc_stit01 {background:url("../images/scanning/sc_stit06x2.gif") no-repeat; -webkit-background-size:200px auto; }
}

/* cs_tit */
.cs_tit01 {width:68px; height:19px; -webkit-background-size:68px auto; background:url("../images/customer/customer_tit01.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.cs_tit01 {background:url("../images/customer/customer_tit01x2.gif") no-repeat; -webkit-background-size:68px auto; }
}

/* cs_tit */
.cs_stit01 {margin-bottom:10px; width:124px; height:16px; -webkit-background-size:124px auto; background:url("../images/customer/customer_stit01.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.cs_stit01 {background:url("../images/customer/customer_stit01x2.gif") no-repeat; -webkit-background-size:124px auto; }
}

.cs_con02 {margin-top:15px; padding-right:10px; text-align:left;}
.cs_txt02 {text-align:right;}

/* contents */
.contents {margin:14px 0 20px 0;}

/* ceo */
.com_img img {max-width:100%;}

/* blood03_list */
.blood03_list_wrap {border-top:1px solid #61a4cd;}
.blood03_list01 {padding:13px 0 13px 0; display:block; color:#fff; background:#b0d0e6; border-bottom:1px solid #fff;}
.blood03_list02 {padding:13px 0 13px 0; color:#787878; line-height:1.5; background:#f6f6f6; border-bottom:1px solid #fff;}

/* event */
.info_tab {margin:0 auto; margin-top:10px; width:300px; height:49px; display:block; -webkit-background-size:300px auto; background:url("../images/product/info_tab_off.gif") left top no-repeat; overflow:hidden;}
.info_tab li {width:150px; height:49px; float:left; text-indent:-9999px;}
.info_tab li a {width:100%; height:100%; display:block;}
.info_tab li.tab01_on {width:150px; height:49px; -webkit-background-size:300px auto; background:url("../images/product/info_tab_on.gif") left top no-repeat;}
.info_tab li.tab02_on {width:150px; height:49px; -webkit-background-size:300px auto; background:url("../images/product/info_tab_on.gif") -150px top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.info_tab {background:url("../images/product/info_tab_offx2.gif") no-repeat; -webkit-background-size:300px auto; }
.info_tab li.tab01_on {background:url("../images/product/info_tab_onx2.gif") left top no-repeat; -webkit-background-size:300px auto; }
.info_tab li.tab02_on {background:url("../images/product/info_tab_onx2.gif") -150px top no-repeat; -webkit-background-size:300px auto; }
}

.info_con {margin-top:30px;}
.info_con li {margin-bottom:35px;}
.info_con li img {max-width:100%;}


/* scanning */
.sc_btn {margin:0 auto; margin-top:10px; width:300px; height:29px; display:block; -webkit-background-size:300px auto; background:url("../images/scanning/btn_view.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.sc_btn {background:url("../images/scanning/btn_viewx2.gif") no-repeat; -webkit-background-size:300px auto;}
}

/* product_view */
.product_view {text-align:left;}
.pro_view_img {margin-bottom:10px;}
.pro_view_line {padding-bottom:20px; background:url("../images/product/dot_line.gif") left bottom repeat-x;}
.pro_view_txt img {max-width:100%;}
.pro_con {margin-top:20px;}
.pro_con_txt {margin-top:15px; padding-left:11px; background:url("../images/product/pro_bul.gif") left 4px no-repeat;}
.pro_con_img {margin-top:10px; width:243px; height:245px; border:1px solid #e1e1e1;}
.pro_con_img img {width:243px; height:245px;}

.btn_list {width:101px; height:22px; display:block; position:absolute; right:0; top:0; -webkit-background-size:101px auto; background:url("../images/product/btn_list.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.btn_list {background:url("../images/product/btn_listx2.gif") no-repeat; -webkit-background-size:101px auto;}
}

.pro_con_tit {width:90px; height:20px; display:block; -webkit-background-size:90px auto; background:url("../images/product/pro_tit.gif") left top no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{ /* 아이폰4G와 같은 높은 해상도 이미지스왑 */
.pro_con_tit {background:url("../images/product/pro_titx2.gif") no-repeat; -webkit-background-size:90px auto;}
}

.sc_img02 img {max-width:100%;}

/* customer */
.board_list_wrap {border-top:1px solid #f0f0f0;}
.board_list {padding:5px 10px 5px 10px; text-align:left; border-bottom:1px solid #f0f0f0; background:url("../images/customer/tit_line.gif") left top repeat-x;}
.btn_more {margin-top:50px; display:block;}

.board_view {padding:5px 10px 5px 10px; text-align:left; font-weight:bold; border-bottom:1px solid #f0f0f0; background:#fafafa;}
.board_view_date {margin-top:10px; color:#969696; font-weight:normal;}
.board_view_con {padding:20px 0 20px 0; text-align:left; line-height:1.5; border-bottom:1px solid #f2f2f2;}
.btn_list02 {margin-top:10px; display:block;}

/* btn_pc */
.btn_pc_wrap {margin:0 auto; margin-top:13px; margin-bottom:10px; width:162px; height:25px; background:url("../images/common/btn_pc.png") left top no-repeat; overflow:hidden;}
.btn_pc_wrap a {width:79px; height:25px; float:left; display:block; text-indent:-9999px;}
.btn_pc_wrap a:first-child {margin-right:4px;}

/* footer */
.footer {height:27px; background:url("../images/common/footer_line.gif") left top repeat-x; overflow:hidden;}
.footer .copyright {margin:0 auto; margin-top:8px; width:330px; height:10px; background:url("../images/common/copyright.gif") no-repeat;}
.footer .copyright02{margin:0 auto;width:100%;line-height:27px;background:#676767;text-align:center;color:#fff;font-size:11px}

/* table */
.pro_table01 {width:100%;}
.pro_table01 th {padding:10px; text-align:center; color:#fff; background:#81b3e2; border-left:1px solid #fff; border-bottom:1px solid #e1e1e1;}
.pro_table01 th.br_non {border-left:none;}
.pro_table01 td {padding:15px; color:#787878; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.pro_table01 td.br_non {border-left:none;text-align:center; }
.pro_table01 td.tit {color:#3c3c3c;}
.table_list li {margin-bottom:10px; text-align:left;}

/* paging */
.paging {margin-top:15px; position:relative;}
.paging ul {text-align:center;}
.paging li {margin:0 2px 0 2px; display:inline; vertical-align:middle;}
.paging li img {vertical-align:middle;}
.paging li a {padding:4px 0 4px 0; width:24px; color:#666666; display:inline-block; text-align:center; vertical-align:middle; background:#fff; border:1px solid #d7d7d7;}
.paging li a.br_non {padding:0; border:none;}
.paging li a.on {color:#fff; font-weight:bold; background:#58a4d6; text-decoration:underline;}
.paging li a:hover {color:#fff; font-weight:bold; background:#58a4d6; /*text-decoration:underline;*/}

/* common */
.cr01 {color:#717fbd;}