@charset "utf-8";

/*~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ 
2017.04 Nara Lee 인팩 영문 컨텐츠화면 css
~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~*/

@import url(common_en.css);

a{display: inline-block;}
.sub_footer {overflow:hidden; clear:both; margin-bottom:50px; border-top: 1px solid #ccc; padding-top: 20px;}

/* 메뉴탭 */
.tab ul{overflow: hidden; }
.tab ul li{float: left; width: 282px; height: 56px; background-color: #fff; font-size: 15px; text-align: center; font-weight: bold; line-height: 135%;}
.tab ul li a{width: 282px; height: 36px; padding-top: 14px; border: 1px solid #ccc;}
.tab ul li .on{background-color: #717075; color: #fff; border-color:#ccc;}
.tab ul li a:hover{background-color: #717075; color: #fff; border-color: #ccc; text-decoration:none;}
.tab ul .home{float: left; width: 132px; height: 56px; background-color: #fff; font-size: 15px; text-align: center; font-weight: bold;}
.tab ul .home .regist_pro{width: 132px; height: 36px; padding-top: 14px; border: 1px solid #ccc; }
.tab ul .home .regist_pro:hover{background-color: #717075; color: #fff; border-color: #ccc; text-decoration:none;}

/* 구매본부소개 */
.container h2{font-size: 20px; float: left; margin: 37px 0 0 15px; }
.pass{float:right; padding-right: 15px; margin-top: 42px; font-size: 11px;}
.pass>a:HOVER{text-decoration: underline;}
.d_line{width: 980px; border-bottom: 1px solid #ccc; display: inline-block;}
.text{width: 890px; margin: 0 auto; } 
.text h3{font-size: 16px; background: url('../img/bullet.png') no-repeat 0 7px; padding-left: 17px; margin: 40px 0 30px 0;;}
.pro_info{margin-bottom:50px ;}

/* 신규협력사등록 Process */
.information{width: 888px; height: 210px; border: 1px solid #ccc; margin-bottom: 50px;}
.s_box{overflow: hidden; height: 120px;}
.s_box>img{float: left; margin-right: 16px;}
.s_info>h4{font-size: 16px; margin: 2px 0 14px 0;}
.s_info>p{font-size: 13px; word-spacing: -2px; }
.s_info>p>span{padding-left: 76px;}
.pdl30{padding-left: 30px;}

/* 사용자매뉴얼 */
.contents1{width: 888px; height: 413px; border: 1px solid #ccc; overflow: hidden;}
.contents1>img{float: left; margin: 30px 0 0 30px;}
.contents1 ul {float: left; margin: 57px 0 0 20px;}
.contents1 ul li{font-size: 14px; font-weight: bold; padding-bottom: 15px;}
.contents1 ul li img{vertical-align: middle;}
.contents1 ul li span{padding-left: 23px;}
.contents2{width: 888px; height: 388px; border: 1px solid #ccc; margin-bottom: 50px; overflow: hidden;}
.contents2>img{float: left; margin: 30px 0 0 30px;}
.contents2 ul {float: left;  margin: 35px 0 0 20px;}
.contents2 ul li{font-size: 14px; font-weight: bold; padding-bottom: 15px;}
.contents2 ul li img{vertical-align: middle;}
.contents2 ul li span{padding-left: 23px;}