@charset "utf-8";
#comingsoon {width:100%;padding-top:100px;text-align:center}

/* 타이틀 공통 */
h4 {font-size:1.5em;line-height:1.4em;letter-spacing:-0.05em;color:#333} /* 컨텐츠 메인타이틀 */
h4 b{font-size:1.15em;line-height:1.4em;letter-spacing:-0.075em;color:#e95d00}
h5 {background:url('/sh_page/img/h5_arr.png') 0 0 no-repeat;font-weight:bold;font-size:1.5em;padding-top:10px;color:#000;padding-bottom:10px} /* 컨텐츠 중분류 타이틀 */
h6 {} /* 컨텐츠 소분류 타이틀 */

#PageCommon {margin-bottom:100px;font-size:15px;line-height:25px;color:#717171;letter-spacing:-0.3px}
#img_page {margin-top:50px;text-align:center}

/* 회사소개 */
.page40 .img {margin-bottom:60px;text-align:center}
.page40 .cont_wrap {overflow:hidden;width:84%;margin:0 auto 50px;font-size:15.3px}
.page40 .cont_wrap .cont_l {float:left;width:47.5%;text-align:justify}
.page40 .cont_wrap .cont_l p {margin-bottom:23px;font-size:17px;font-weight:bold;line-height:28px;color:#333}
.page40 .cont_wrap .cont_l p span {color:#13a2e5}
.page40 .cont_wrap .cont_r {float:right;width:47.5%;text-align:justify}
.page40 .cont_wrap .cont_r p {;font-weight:bold;color:#333;text-align:right}

/* 독일본사소개 */
.page42 .img {margin-bottom:60px;text-align:center}
.page42 .cont {width:97%;margin:0 auto 50px;text-align:center}

/* 메디컬키보드란? */
.page47 .img {margin-bottom:60px;text-align:center}
.page47 .cont {width:97%;margin:0 auto 50px;text-align:center}

/*제품소개*/
.page_pro .c_img{text-align:center}
.page_pro .top_tit_wrap {margin:30px 0 50px;font-size:12px;text-align:center;color:#373737;background:url(/sh_page/img/pro_tit_line.png)left 40px repeat-x}
.page_pro .top_tit_wrap p {width:37%;margin:0 auto;font-size:26px;font-weight:bold;line-height:32px;background-color:#fff}
.page_pro .clear_box{overflow:hidden}
.page_pro .tit_e {position:relative;display:inline-block; padding-right:80px;font-size:15px;font-weight:bold;color:#333;background:url(/sh_page/img/pro_tit_e_line.png)left 14px repeat-x;transition:all 0.6s ease}
.page_pro .tit_k {margin:12px 0;font-size:19px;font-weight:bold;color:#333}
.page_pro .cont_wrap .img_l {float:left;position:relative;width:535px;height:280px;background-color:#ddf4fa;text-align:center}
.page_pro .cont_wrap .img_l img {margin-top:70px}
.page_pro .cont_wrap .cont_r {float:right;position:relative}
.page_pro .cont_wrap .cont_r ul li {width:500px;padding-left:30px;line-height:34px;background:url(/sh_page/img/pro_list_dot.png) 13px center no-repeat;box-sizing:border-box}
.page_pro .cont {margin:50px 0}
.page_pro .cont .txtbox {padding:30px;background-color:#f7f7f7}
.page_pro .cont .pro_list {margin:30px 0}
.page_pro .cont .pro_list > li {padding:0 0 25px 30px;margin-bottom:25px;border-bottom:1px dotted #ddd}
.page_pro .cont .pro_list > li p {padding-left:40px}
.page_pro .cont .pro_list > li span {display:inline-block;padding:1px 10px 2px;margin-right:12px;font-weight:bold;color:#fff;background-color:#53c9e8}
.page_pro .cont .pro_list > li ul {margin:20px 0 0 42px}
.page_pro .cont .pro_list > li ul li {padding-left:15px;background:url(/sh_page/img/pro_slist_dot.png) left center no-repeat}
.page_pro .cont_c {margin-bottom:70px;text-align:center}
.page_pro .cont_c .tit_e {text-align:center;padding:0 80px}
.page_pro .cont_c .tit_k {margin:12px 0 30px}
.page_pro .cont_c .dimen {padding:12px 0 14px;background:url(/sh_page/img/dimen.png) top center no-repeat,url(/sh_page/img/dimen.png) bottom center no-repeat,url(/sh_page/img/dimen_sasun.png) repeat }

.page31 .cont_wrap .img_l img {margin-top:50px}
.page32 .cont_wrap .img_l img {margin-top:52px}
.page33 .cont_wrap .img_l img {margin-top:42px}
.page34 .cont_wrap .img_l img {margin-top:35px}
.page35 .cont_wrap .img_l {height:310px}
.page35 .cont_wrap .img_l img {margin-top:60px}



/* 오시는길 */
.page_map {margin-bottom:0!important}
.page_map .img {text-align:center}
.page_map .cont{margin-bottom:40px}
.page_map .cont ul {overflow:hidden;margin-top:30px}
.page_map .cont ul li {float:left;position:relative;width:260px;height:225px;margin-right:11px;padding-top:30px;border:1px solid #ddd;text-align:center;box-sizing:border-box}
.page_map .cont ul li .tit {display:inline-block;padding:0 20px;margin-bottom:90px;font-size:18px;color:#222;background:url(/sh_page/img/map_tit.png) left center no-repeat, url(/sh_page/img/map_tit.png) right center no-repeat}
.page_map .cont ul li.last {margin-right:0}
.page_map .cont ul li:hover {background-color:#f9f9f9;cursor:default}
.page_map .cont ul .info-01 {width:257px;background:url(/sh_page/img/map_icon01.png) center 80px no-repeat}
.page_map .cont ul .info-02 {background:url(/sh_page/img/map_icon02.png) center 80px no-repeat}
.page_map .cont ul .info-03 {background:url(/sh_page/img/map_icon03.png) center 85px no-repeat}
.page_map .cont ul .info-04 {margin-right:0;background:url(/sh_page/img/map_icon04.png) center 80px no-repeat}
.page_map .cont ul li em {display:block;position:absolute;background-color:#53c9e8;z-index:10}
.page_map .cont ul li .emL{left:-1px;bottom:-1px;width:2px;height:0}
.page_map .cont ul li .emT{left:-1px;top:-1px;width:0;height:2px}
.page_map .cont ul li .emR{right:-1px;top:-1px;width:2px;height:0}
.page_map .cont ul li .emB {right:-1px;bottom:-1px;width:0;height:2px}
.page_map .cont ul li:hover .emL{-webkit-animation:lineAniL 0.8s 0.1s forwards;animation:lineAniL 0.8s 0.1s forwards}
.page_map .cont ul li:hover .emT{-webkit-animation:lineAniT 0.8s 0.3s forwards;animation:lineAniT 0.8s 0.3s forwards}
.page_map .cont ul li:hover .emR{-webkit-animation:lineAniR 0.8s 0.5s forwards;animation:lineAniR 0.8s 0.5s forwards}
.page_map .cont ul li:hover .emB{-webkit-animation:lineAniB 0.5s forwards;animation:lineAniB 0.5s forwards}
@-webkit-keyframes lineAniL{0%{height:0}25%{height:100%}48%{height:100%}49%{height:100%}100%{height:100%}}
@-webkit-keyframes lineAniT{0%{width:0}25%{width:100%}48%{width:100%}49%{width:100%}100%{width:100%}}
@-webkit-keyframes lineAniR{0%{height:0}25%{height:100%}50%{height:100%}51%{height:100%}100%{height:100%}}
@-webkit-keyframes lineAniB{0%{width:0}25%{width:100%}50%{width:100%}51%{width:100%}100%{width:100%}}
@keyframes lineAniL{0%{height:0}25%{height:100%}48%{height:100%}49%{height:100%}100%{height:100%}}
@keyframes lineAniT{0%{width:0}25%{width:100%}48%{width:100%}49%{width:100%}100%{width:100%}}
@keyframes lineAniR{0%{height:0}25%{height:100%}50%{height:100%}51%{height:100%}100%{height:100%}}
@keyframes lineAniB{0%{width:0}25%{width:100%}50%{width:100%}51%{width:100%}100%{width:100%}}