@charset "UTF-8";
/* CSS Document */
/*제품페이지 공통*/
.contents_area { width: 100%; position: relative; }
.contents_area .contents-product { width: 100%; text-align: center; height: 100%; font-family: 'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic; }
.contents_area .contents-product > div { margin: 0 0 120px 0; }
.contents_area .contents-product .btn_set { text-align: center; }
.contents_area .contents-product .btn_set input { display: inline-block; min-width: 100px; height: 40px; padding: 0 30px; background: #88d1d1; font-size: 16px; color: #fff; cursor: pointer; margin: 0 3px; }

.cover { text-align: left; width: 100%; background-position-x: center; background-position-y: top; background-repeat: no-repeat; letter-spacing: -1px; color: #fb7c00;  margin-bottom: 0px !important; font-size: 18px; background-size: contain; }
.cover p { color: #fb7c00; }
.cover p.korean { font-size: 48px; font-weight: bold; line-height: 45px; padding-top: 20px; }
.cover p.eng { font-size: 33px; font-weight: 100; line-height: 60px; }

.section { width: 100%; }
.section a { cursor: pointer; }
.section p { text-align: center; font-size: 17px; color: #4e4a45; letter-spacing: -0.4px; line-height: 25px; }
.section p span { font-size: 26px; font-weight: bold; display: block; letter-spacing: -1px; }
.section img { margin: 30px auto 30px; display: block; width:inherit;}
.section .color { color: #fb7c00; }
.section .spec { padding: 50px 0 0px; text-align: left; }
.section .spec:after { content: ''; display: block; clear: both; }
.section .spec::after { content: ''; display: block; clear: both; }
.section .spec h2 { font-size: 18px; color: #8f8e8e; padding-bottom: 20px; }
.section .spec ul li { color: #8f8e8e; letter-spacing: -0.4px; font-size: 16px; line-height: 27px; background: url(../images/kocoafab/0629_bullet.png) no-repeat center left; padding-left: 15px; }
.section .spec ul li span.under { text-decoration: underline; }
.section .spec ul li span.blod { font-weight: bold; }
.section .doc { text-align: center; }
.section .doc > li { cursor: pointer; padding: 50px 0 0 50px; display: inline-block; }
.section .doc > li:first-child { padding-left: 0; }
.section .doc .doc-down a { background-image: url(../images/kocoafab/doc-download.png); background-repeat: no-repeat; display: block; width: 142px; height: 142px; }
.section .doc .doc1 a { background-position: 0 0; }
.section .doc .doc1 a:hover { background-position: 0 -142px; }
.section .doc .doc2 a { background-position: 0 -284px; }
.section .doc .doc2 a:hover { background-position: 0 -426px; }
.section .doc .doc3 a { background-position: 0 -568px; }
.section .doc .doc3 a:hover { background-position: 0 -710px; }
.section .doc .doc4 a { background-position: 0 -852px; }
.section .doc .doc4 a:hover { background-position: 0 -994px; }
.section .doc-link { text-align: center; }
.section .doc-link li { cursor: pointer; padding: 5px 0 0px 25px; display: inline-block; width: 165px; }
.section .doc-link li a { display: block; padding: 10px 0; }
.section .doc-link li:first-child { padding-left: 0; }

.guide { margin: 0 0 50px 0 !important; text-align: left !important; }
.guide .title { font-size: 24px; color: #555; }
.guide .sub-title { padding-top: 50px; font-size: 20px; }
.guide .title + div { width: 28px; height: 4px; background: #353a3d; margin: 20px 0 20px 2px; }
.guide .title + div + p { font-size: 14px; line-height: 22px; color: #8f8e8e; }
.guide table { border-top: 1px solid #555; width: 100%; margin-top: 20px; }
.guide table tr td { color: #6f6f6f; font-size: 14px; padding: 18px 40px 15px 40px; border-bottom: 1px solid #a3a3a3; }
.guide table tr td:first-child { background: #f3f3f3; }
.guide table tr td:last-child { background: #fff; }
.guide table tr td a { color: #6f6f6f; padding: 10px 10px 10px 0px; }
.guide table tr td a:hover { color: #88d1d1; }

/*오렌지보드*/
.orange .cover { height: 464px; background: url(../images/kocoafab/0629_productimg.png) no-repeat center; background-size: contain;}

/*오렌지보드BLE*/
.orangeble .cover { height: 479px; background: url(../images/kocoafab/product_ble_1.jpg) no-repeat center; background-size: contain;}

/*오렌지보드nano*/
.orangenano .cover { height: 475px; background: url(../images/kocoafab/0414_nano01.png) no-repeat center; background-size: contain;}
.orangenano .section .spec li ul { padding-left: 30px; }

/*조이스틱 센서쉴드*/
.joystick .cover { height: 880px; background: url(../images/kocoafab/joystick_01.jpg) no-repeat center; background-size: contain;}

/*지니어스키트 */
.genius .cover { height: 165px; background: url(../images/kocoafab/gunieskit.png) no-repeat center; background-size: contain;}

/*런던시티*/
.londoncity .cover { height: 590px; background: url(../images/kocoafab/london_1.png) no-repeat center; background-size: contain;}
.londoncity .section .spec { padding-left: 30px; }
.londoncity .section .spec h2 + li { width: 280px !important; }
.londoncity .section .spec > li { display: inline-block; width: 220px; }
.londoncity .section .spec > li:last-child { width: 140px; }

/*rccar*/
.rccar .cover { height: 600px; background: url(../images/kocoafab/rccar_1.png) no-repeat center; background-size: contain;}
.rccar .section .spec { padding-left: 30px; }
.rccar .section .spec h2 + li { width: 280px !important; }
.rccar .section .spec > li { display: inline-block; width: 220px; }
.rccar .section .spec > li:last-child { width: 140px; }

/*옐로우캣*/
.yellowcat .cover { height: 550px; background: url(../images/kocoafab/0908_productimg.png) no-repeat center; background-size: contain; color: #ffb400; }
.yellowcat .cover p { color: #ffb400; }
.yellowcat .section .spec > li:first-child { width: 100% !important; }
.yellowcat .section .spec > li { display: inline-block; width: 100%; margin-top:20px;}
.yellowcat .section .liLeft > li ul li { float:left; width:235px;}
.yellowcat .section .spec > li:last-child { width: 100%; }
/* .yellowcat .spec.yellow { padding: 50px 55px 0 80px; } */
.yellowcat .spec.yellow > li { width: 350px !important; text-align: left; background: none; padding: 0; }
.yellowcat .spec.yellow > li:first-child { width: 400px !important; }
.yellowcat .spec.yellow > li ul li { background: none; line-height: 65px;}
.yellowcat .spec.yellow > li ul li > img { display: inline; padding-right: 15px; margin: 0; }

/*페이퍼 램프: 기초 + 응용 */
.paperlamp .cover { height: 671px; background: url(../images/kocoafab/detail_pen_01.png) no-repeat center; background-size: contain; color: #555; }
.paperlamp .cover p { color: #555; }

/*스쿨팩*/
.schoolpack .cover { height: 420px; background: url(../images/kocoafab/detail_pen_school_02.png) no-repeat center; background-size: contain; color: #555;}

/*북키트*/
.bookkit input { cursor: pointer; }
.bookkit .bookkit1 > input { margin-left: 185px !important; }
.bookkit .bookkit2 { float: left; }

/*# sourceMappingURL=product0.css.map */



.fleft {float:left !important; }
.fright {float:right !important; }