@charset "utf-8";

/* ==============================
 * common - 컨텐츠 공통
 * ============================== */
.btnTop { position:fixed; bottom:10px; right:10px; z-index:10; width:50px; height:50px; font-size:0; background:url('../images/common/btn-top.png') no-repeat;}

.layout { width:1200px; margin:0 auto;}
.layout2 { width:1100px; margin:0 auto;}

#container .contTitle { margin:45px 0 34px; font-size:28px; color:#222; text-align:center;} /* 공통 타이틀 */
#container .contTitle span { display:block; margin-top:3px; font-size:16px;}
#container .contTitle:after { content:''; display:block; width:50px; height:3px; margin:20px auto 0; background:#b5d9e9;}

.dotList {}
.dotList li { position:relative; padding-left:11px; margin-bottom:8px; font-size:14px;}
.dotList li:before { content:''; display:block; position:absolute; top:8px; left:0; width:3px; height:3px; background:#b2b2b2;}

.tapBox { width:1100px; margin:0 auto;}
.tapBox.fixed_tab{z-index:8;}
.tapBox ul { display:table; table-layout:fixed; width:100%; border-right:1px solid #e8e8e8;}
.tapBox li { display:table-cell; height:60px; border:1px solid #e8e8e8; border-width:1px 0; vertical-align:middle; text-align:center;}
.tapBox li a { display:block; height:100%; border-left:1px solid #e8e8e8; font-size:18px; color:#666; line-height:60px;}
.tapBox li.on { background:#0095da;}
.tapBox li.on a { color:#ffffff;}

 /* ==============================
 * main
 * ============================== */
#container.main { overflow:hidden; position:relative; width:100%; background:url('../images/main/bg_main.jpg?20170412') repeat-x center 0;}

#container.main h2 { margin:98px 0 65px; text-align:center; font-size:40px; color:#222;text-transform: uppercase;}
#container.main > article { position:relative; z-index:3;}
.main_banner { position:relative; width:1200px; margin:0 auto;}
.main_banner .banner {}
.main_banner .banner ul { position:relative; width:1200px; height:540px;}
.main_banner .banner li { display:none; position:absolute; top:0; left:0;}
.main_banner .banner li a { overflow:hidden; display:block; border-radius:30px;}
.main_banner [class*=btn] { position:absolute; top:50%; width:63px; height:99px; margin-top:-49.5px; font-size:0;}
.main_banner .btn_left { left:-80px; background:url('../images/main/main_banner_left.png') no-repeat;}
.main_banner .btn_right { right:-80px; background:url('../images/main/main_banner_right.png') no-repeat;}
.main_banner .icon { margin-top:21px; height:14px; text-align:center; font-size:0; line-height:0;}
.main_banner .icon a { display:inline-block; width:14px; height:14px; margin:0 7px; border-radius:50%; font-size:0; background:#dedede;}
.main_banner .icon a.on { background:#0095da;}

#container.main .toriplay { width:1200px; margin:0 auto 170px; text-align:center;}
#container.main .toriplay .toriplay_sns,
#container.main .toriplay .toriplay_list { display:inline-block;}

.main_visual { margin-top:140px; height:852px;}
.main_visual .visual { position:relative; width:1200px; margin:0 auto;}
.main_visual .icon { position:absolute; top:117px; left:0; z-index:3; height:14px; text-align:center; font-size:0; line-height:0;}
.main_visual .icon a { display:inline-block; width:14px; height:14px; margin-right:15px; border-radius:50%; font-size:0; background:#dedede;}
.main_visual .icon a.on { background:#0095da;}
.main_visual .visual {}
.main_visual .visual li { display:none; position:absolute; width:100%;}
.main_visual .visual li.on { display:block;}
.main_visual .text_box { position:absolute; top:175px; left:0; z-index:2;}
#container.main .main_visual .text_box h2 { padding:0; margin:0; text-align:left;}
.main_visual .text_box .robotori { margin:20px 0 28px;}
.main_visual .text_box .text { font-size:40px; color:#222; letter-spacing: -1px; line-height:1.2;}
.main_visual .text_box .btnMore { display:block; width:248px; height:58px; border-radius:60px; font-size:18px; color:#243273; font-weight:bold; line-height:54px; text-align:center; border:2px solid #243273; margin-top:50px; transition: all .3s ease;}
.main_visual .text_box .btnMore:hover { color:#fff; background:#243273;}
.main_visual .img { text-align:right;}

.main .item { position:relative; z-index:4; width:1200px; margin:0 auto;}
.main .item > div { position:absolute; left:50%; z-index:4;}
.main .item > div img {animation:mainItem 2.5s ease-in-out infinite alternate;}
.main .item .item1 { top:100px; margin-left:-915px;}
.main .item .item2 { top:113px; margin-left:-20px;}
.main .item .item3 { top:693px; margin-left:220px;}
.main .item .item4 { top:113px; margin-left:507px;}
.main .item .item5 { top:359px; margin-left:633px;}
.main .bgCycle {position:absolute; left:50%;  top:126px; z-index:0; width:717px; height:717px; margin-left:200px; background:url('../images/main/bg_visual.png') no-repeat; animation:inherit;}

.main .item .item1 img {}
.main .item .item2 img {animation:mainItem 3s ease-in-out infinite alternate;}
.main .item .item3 img {animation:mainItem 4s ease-in-out infinite alternate;}
.main .item .item4 img {animation:mainItem 3s ease-in-out infinite alternate;}
.main .item .cell5 img {animation:mainItem 3s ease-in-out infinite alternate;}
@keyframes mainItem{
	0%{transform:translate(0,5%);}
	100%{transform:translate(0,-5%);}
}
.main .bgCell.globalBg .item1 { top:950px;}

.icoArrowDown { position:absolute; top:800px; left:50%; z-index:4; margin-left:-42px; text-align:center;}

 /* ==============================
 * content
 * ============================== */
#container {}

.locationBar { min-width:1200px; border-bottom:1px solid #e8e8e8;}
.locationBar .layout:after { content:''; display:block; clear:both;}
.locationBar .home { float:left; padding:10px; border:1px solid #e8e8e8; border-width:0 1px;}
.locationBar .home span { display:block; width:17px; height:15px; font-size:0; background:url('../images/common/spr.png') no-repeat -6px -56px;}
.locationBar .location { float:left; position:relative; border-right:1px solid #e8e8e8;}
.locationBar .location > a { display:block; position:relative; min-width:160px; height:35px; padding:0 30px 0 15px; font-size:14px; color:#666; line-height:35px;}
.locationBar .location > a br { display:none;}
.locationBar .location > a:after { content:''; display:block; position:absolute; top:50%; right:10px; width:10px; height:5px; margin-top:-2.5px; background:url('../images/common/spr.png') no-repeat -30px -59px;}
.locationBar .location ul { display:none; position:absolute; left:-1px; right:-1px; top:35px; z-index:6; border:1px solid #e8e8e8; background:#fff;}
.locationBar .location li {}
.locationBar .location li a { display:block; padding:5px 10px; font-size:14px;}
.locationBar .location li a:hover { text-decoration:underline;}
.cont_in{width:1100px; margin:0 auto; padding-bottom: 160px;}
.cont_in.pb0{padding-bottom: 0;}
.cont_tit{padding: 50px 0 55px;  font-size: 16px;text-align: center;color: #444;}
.cont_tit h1{font-size: 44px;color: #222; font-weight:normal;}
.cont_tit p { font-size:18px;}
.cont_tit2{position: relative;margin:80px 0 0;font-size: 16px;text-align: center;color: #444;}
.cont_tit2 .tit{font-size: 32px;color: #222;}
.cont_tit2 .btn_more{position: absolute;right:0;top: 50%;margin-top:-24px;}
.cont_tit2 + .manual_tab{margin-top: 30px;}
.global_map {margin-bottom:95px;}
.btn_more{position:relative;display:inline-block;width:48px;height:48px;border-radius:50%;background:#dddddd;font-size:0;overflow:hidden;text-indent:-999em;}
.btn_more:before,.btn_more:after{content:'';display:block;position:absolute;left:50%;top:50%;background:#fff;border:2px;}
.btn_more:before{width:4px;height:20px;margin:-10px 0 0 -2px;}
.btn_more:after{width:20px;height:4px;margin:-2px 0 0 -10px;}


.productIndex { overflow:hidden; position:relative; width:100%; min-width:1200px;}
.productIndex .item {}
.productIndex .item > div { position:absolute; left:50%;}
.productIndex .item > div img {animation:productItem 2.5s ease-in-out infinite alternate;}
.productIndex .item .item1 img {}
.productIndex .item .item2 img {animation:productItem 3s ease-in-out infinite alternate;}
.productIndex .item .item3 img {animation:productItem 4s ease-in-out infinite alternate;}
.productIndex .item .item4 img {animation:productItem 3s ease-in-out infinite alternate;}
.productIndex .cont_tit { position:absolute; top:0; left:0; right:0; color:#fff;}
.productIndex .cont_tit h1 { color:#fff; text-transform: uppercase;}
.productIndex .cont_tit p { min-height:50px;}
.productIndex .cont_tit .kind { width:1142px; height:88px; margin:20px auto 0; font-size:0; background:url('../images/content/productIndex/index_kind.png') no-repeat;}
.productIndex .cont_tit .kind a { display:block; float:left; width:25%; height:68px; margin:10px 0; font-size:0; }
.productIndex .visual { height:703px;}
.productIndex .visual a { position:absolute; top:0; left:50%; width:165px; height:83px; margin-left:391px; font-size:0; opacity:0; background:red;}
.productIndex .visual:after { content:''; display:block; position:absolute; bottom:0; height:26px; left:0; right:50%; margin-right:560px; background:#fff;}
.productIndex .visual:before { content:''; display:block; position:absolute; bottom:0; height:26px; left:50%; right:0; margin-left:560px; background:#fff;}
.productIndex .layout { position:relative;}
.productIndex .pointText { padding-top:50px; color:#222; font-size:29px; text-align:center;}
.productIndex .pointText span { position:relative; display:inline-block; padding-top:10px;}
.productIndex .pointText span:after { content:''; display:block; position:absolute; top:0; left:50%; width:7px; height:7px; margin-left:-3.5px; border-radius:50%; background:#0095da;}
.productIndex h2 { font-size:60px; color:#222; text-align:center; font-weight:normal;}
.productIndex .imgProduct { position:absolute; right:0;}
.productIndex .textBox { overflow:hidden; margin-top:60px;}
.productIndex .textBox .half { float:left; width:50%; }
.productIndex .textBox .title { font-size:18px; color:#0080da;}
.productIndex .textBox .text { margin-top:5px; font-size:16px; color:#222;}

.productIndex.type1 .cont_tit .kind  { background-position:0 0;}
.productIndex.type1 .visual { background:#0095da url('../images/content/productIndex/bg_make.jpg') no-repeat center;}

.productIndex.type2 .cont_tit .kind  { background-position:0 -88px;}
.productIndex.type2 .visual { background:#abd65f url('../images/content/productIndex/bg_play.jpg') no-repeat center;}
.productIndex.type2 .pointText span:after { background:#abd65f;}
.productIndex.type2 .textBox .title { color:#97c34c;}

.productIndex.type3 .cont_tit .kind  { background-position:0 -176px;}
.productIndex.type3 .visual { background:#ef4873 url('../images/content/productIndex/bg_code.jpg') no-repeat center;}
.productIndex.type3 .pointText span:after { background:#ef4873;}
.productIndex.type3 .textBox .title { color:#ef4873;}

.productIndex.type4 .cont_tit .kind  { background-position:0 -264px;}
.productIndex.type4 .visual { background:#fddb1f url('../images/content/productIndex/bg_edu.jpg') no-repeat center;}
.productIndex.type4 .pointText span:after { background:#ffd800;}
.productIndex.type4 .textBox .title { color:#f19f10;}


@keyframes productItem{
	0%{transform:translate(0,5%);}
	100%{transform:translate(0,-5%);}
}

.bgCell {}
.bgCell div { position:fixed; top:0; left:50%; z-index:3; opacity:0;}
.bgCell .item1 { top:241px; width:432px; height:360px; margin-left:-1000px; background:url('../images/content/item-cell1.png') no-repeat; animation:slide 3s ease-in-out infinite alternate;}
.bgCell .item2 { top:179px; width:252px; height:187px; background:url('../images/content/item-cell2.png') no-repeat; animation:slide 2s ease-in-out infinite alternate;}
.bgCell .item3 { top:183px; width:282px; height:237px; margin-left:600px; background:url('../images/content/item-cell3.png') no-repeat; animation:slide 3.5s ease-in-out infinite alternate;}
.bgCell .item4 { top:528px; width:202px; height:178px; margin-left:500px; background:url('../images/content/item-cell4.png') no-repeat; animation:slide 2.5s ease-in-out infinite alternate;}
.bgCell .item6 { top:1500px; width:282px; height:237px; margin-left:600px; background:url('../images/content/item-cell3.png') no-repeat; animation:slide 3.5s ease-in-out infinite alternate;}
.bgCell .item7 { top:2500px; width:202px; height:178px; margin-left:500px; background:url('../images/content/item-cell4.png') no-repeat; animation:slide 2.5s ease-in-out infinite alternate;}
.bgCell .item8 { top:5000px; width:432px; height:360px; margin-left:650px; background:url('../images/content/item-cell1.png') no-repeat; animation:slide 3s ease-in-out infinite alternate;}
.bgCell .item9 { top:6000px; width:202px; height:178px; margin-left:-900px; background:url('../images/content/item-cell4.png') no-repeat; animation:slide 2.5s ease-in-out infinite alternate;}

@keyframes slide{
	0%{transform:translate(0,4px);}
	100%{transform:translate(0,-4px);}
}

.productList{}
.product {overflow: hidden; position:relative; width:1200px; margin:0 auto;}
.product :after{content: '';display: block;clear: both;}
.product .textBox { position:absolute; top:90px; left:0;}
.product .textBox h1 { width:550px; font-size:55px; color:#222; font-weight:normal; letter-spacing:-1px;}
.product .textBox .title { margin-top:5px; font-size:18px; color:#222;}
.product .textBox .cycleBox { overflow:hidden; margin-top:40px;}
.product .textBox .cycle { display:block; float:left; width:110px; height:110px; margin-right:10px; border-radius:50%; text-align:center; background:#8dc63f;}
.product .textBox .cycle strong { display:block; padding-top:20px; font-size:34px; color:#ffffff; letter-spacing:-1px;}
.product .textBox .cycle span { font-family:'Myriad Pro'; font-size:14px; color:#fff; text-transform: uppercase;}
.product .textBox .cycle.loding-act { position:relative; background:none;}
.product .textBox .cycle.loding-act:after { content:''; position:absolute; top:0; left:0; z-index:3; width:110px; height:110px; background:url('../images/content/bg-cycle.png') no-repeat;}
.product .textBox .cycle.loding-act strong { position:absolute; top:0; left:0; right:0; color:#8dc63f;}
.product .textBox .cycle.loding-act span { position:absolute; top:67px; left:0; right:0; color:#c4c6c2;}
.product .textBox .btnGroup { margin-top:30px;}
.product .textBox .btnGroup span,
.product .textBox .btnGroup a { display:inline-block; position:relative; width:155px; height:55px; border-radius:3px; padding-left:20px; line-height:55px; color:#fff; font-size:14px;}
.product .textBox .btnGroup span:after,
.product .textBox .btnGroup a:after { content:''; display:block; position:absolute; top:50%; right:15px; width:9px; height:16px; margin-top:-8px; background:url('../images/content/spr.png') no-repeat;}
.product .textBox .btnGroup .btnBlue { background:#0095da;}
.product .textBox .btnGroup .btnRed { background:#ef4873}
.product .visualImg { position:relative; float:right; margin:45px 0 0 0;}
.product .visualImg .productVisual { position:relative; z-index:2; width:700px; height:653px; margin-right:51px;}
.product .visualImg .productVisual li { display:none; position:absolute; top:0; right:0;}
.product .visualImg .productVisual li:first-child { display:block;}
.product .visualImg .icon { position:absolute; bottom:30px; right:0px; z-index:4; width:600px; margin:0 auto; text-align:center; font-size:0;}
.product .visualImg .icon a { display:inline-block; width:14px; height:14px; margin:0 6px; border-radius:50%; font-size:0; line-height:0; background:#dedede;}
.product .visualImg .icon a.on { background:#0095da;}
.product .visualImg .bg { position:absolute; top:0; right:0;}
.product .btn_arr{display: block;width: 81px;height: 81px;position: absolute;top:197px;font-size: 0;text-indent: -999em;background: url('../images/content/spr.png') no-repeat;}
.product .btn_arr.btn_prev{left: -81px;background-position: -220px 0;}
.product .btn_arr.btn_next{right: -81px;background-position: -301px 0;}

.special {}
.special h2 { margin:50px 0 30px; line-height:1; font-size:32px; color:#222; text-align:center; font-family:'Myriad Pro'; text-transform: uppercase;}
.special ul { overflow:hidden;}
.special li { float:left; text-align:center;}
.special li .img.play { position:relative;}
.special li .img.play:after { content:''; display:block; position:absolute; top:50%; left:50%; width:141px; height:141px; margin:-70px 0 0 -70px; background:url('../images/content/ico-play.png') no-repeat;}
.special li .text { display:none; margin-top:15px; font-size:16px; color:#333; line-height:1.5;}

.model { margin-top:100px;}
.model h2 { margin:50px 0 30px; line-height:1; font-size:32px; color:#222; text-align:center; font-family:'Myriad Pro'; text-transform: uppercase;}
.model h2 + p{font-size:16px;text-align: center;margin: -20px 0 30px;}
.model ul { margin-left:-14px;}
.model ul:after { content:''; display:block; clear:both;}
.model li { float:left; margin:0 0 60px 14px; text-align:center;}
.model li .img { overflow:hidden; width:260px; height:260px; border:2px solid #dfdfdf; border-radius:50%; box-sizing:content-box;}
.model li .img img { width:260px; height:260px; border-radius:50%; transition:all .3s ease; transform:scale(0.8);}
.model li .text { width:260px;height:44px; margin-top:20px; font-size:16px; color:#444;}
.model li:hover {}
.model li:hover .img { border:2px solid #b3dc6f;}
.model li:hover .img img { transform:scale(1);}
.model li:hover .text { font-weight:bold;}
.model.type2 li.on .img,
.model.type2 li:hover .img{background: #b3dc6f;}
.model.manual li .img img{transform:scale(0.8);}
.model.manual li:hover .img img { transform:scale(1);}
.model.blue li:hover .img { border:2px solid #0095da;}
.model.red li:hover .img { border:2px solid #ef4873;}
.model.yellow li:hover .img { border:2px solid #ffd146;}


.model.blue li:hover .img {border-color:#0095da;}
.model.green li:hover .img {border-color:#b4dc70;}
.model.red li:hover .img{border-color:#ef4873;}
.model.yellow li:hover .img{border-color:#ffd146;}

.Parts { margin-top:40px; background:#f6f6f6;}
.Parts h2 { padding:30px 0 30px; line-height:1; font-size:32px; color:#222; text-align:center; font-family:'Myriad Pro'; text-transform: uppercase; background:#fff;}

.relatedProduct { overflow:hidden; margin-top:50px; margin-bottom:155px;}
.relatedProduct h2 { padding:30px 0 30px; line-height:1; font-size:32px; color:#222; text-align:center; /*font-family:'Myriad Pro';*/ text-transform: uppercase; background:#fff;}
.relatedProduct .slideMotion { position:relative}
.relatedProduct .slideMotion .slide { overflow:hidden; width:1060px; margin:0 70px;}
.relatedProduct .slideMotion .slide ul { overflow:hidden;}
.relatedProduct .slideMotion .slide li { float:left; width:220px; margin-right:60px; text-align:center;}
.relatedProduct .slideMotion .slide .img { overflow:hidden; width:220px; height:220px; border:2px solid #fff; transition:all .3s ease-in-out;}
.relatedProduct .slideMotion .slide .img img { width:216px; height:216px; transition:all .3s ease-in-out;}
.relatedProduct .slideMotion .slide .text { margin-top:15px; font-size:16px; color:#666}
.relatedProduct .slideMotion .slide a:hover .img { border:2px solid #b8de79;}
.relatedProduct .slideMotion .slide a:hover .img img { transform:scale(1.1);}
.relatedProduct .slideMotion .arrow {}
.relatedProduct .slideMotion .arrow a { position:absolute; top:50%; width:47px; height:80px; margin-top:-40px; font-size:0; background:url('../images/content/spr.png') no-repeat;}
.relatedProduct .slideMotion .arrow .left { left:0; background-position:0 -28px;}
.relatedProduct .slideMotion .arrow .right { right:0; background-position:-61px -28px;}
.relatedProduct .linkGroup { display:table; margin-top:70px;}
.relatedProduct .linkGroup a { display:table-cell; position:relative; width:600px; height:100px; padding-left:35px; vertical-align:middle; color:#fff;}
.relatedProduct .linkGroup a span { font-size:15px;}
.relatedProduct .linkGroup a p { font-size:25px;}
.relatedProduct .linkGroup a:after { content:''; display:block; position:absolute; top:50%; right:19px; width:38px; height:38px; margin-top:-19px; background:url('../images/content/spr.png') no-repeat -124px -49px;}
.relatedProduct .linkGroup a:before { content:''; display:block; position:absolute; bottom:20px; left:35px; width:0; height:1px; background:#fff; transition: all 0.5s ease;}
.relatedProduct .linkGroup a:hover:before { width:100px;}
.relatedProduct .linkGroup .color1 { background:#f4aab6;}
.relatedProduct .linkGroup .color2 { background:#89d5db;}

.firstHistory { width:1100px; margin:0 auto 80px;}
.firstHistory:after { content:''; display:block; clear:both;}
.firstHistory > div { float:left; width:550px; height:520px;}
.firstHistory .year { padding-top:15px; font-size:70px; color:#0095da; font-family:'Myriad Pro';}
.firstHistory .one { position:relative; padding-left:45px; border-radius:30px 10px 30px 10px; background:#efe7de;}
.firstHistory .one .text { padding-top:60px; font-size:38px; font-weight:normal; line-height:1.2; color:#222;}
.firstHistory .one .text strong { display:block; margin-bottom:15px; font-size:22px; font-weight:bold;}
.firstHistory .historyCell {}
.firstHistory .historyCell .cell1 { overflow:hidden; position:absolute; top:322px; left:0; width:275px; height:305px;}
.firstHistory .historyCell .cell1 span { display:block; width:275px; height:305px; background:url('../images/content/history/first-cell1.png') no-repeat;}
.firstHistory .historyCell .cell2 { overflow:hidden; position:absolute; top:42px; right:0; width:122px; height:208px;}
.firstHistory .historyCell .cell2 span { display:block; width:122px; height:208px; background:url('../images/content/history/first-cell2.png') no-repeat;}
.firstHistory .historyCell .cell3 { overflow:hidden; position:absolute; bottom:0; right:0; width:158px; height:155px;}
.firstHistory .historyCell .cell3 span { display:block; width:158px; height:155px; background:url('../images/content/history/first-cell3.png') no-repeat;}
.firstHistory .historyCell .cell6 { overflow:hidden; position:absolute; bottom:0; right:0; width:418px; height:217px;}
.firstHistory .historyCell .cell6 span { display:block; width:385px; height:200px; background:url('../images/content/history/first-cell6.png') no-repeat;}
.firstHistory .two .year { padding-top:45px;}
.firstHistory .two > div { height:260px;}
.firstHistory .two .bg { position:relative; width:275px; height:260px;}
.firstHistory .two .right { text-align:right;}
.firstHistory .two .right .bg { float:right; margin-left:30px; border-radius:30px 10px 30px 10px; background:#bae46c;}
.firstHistory .two .right .bg img { position:absolute; top:50%; left:50%; margin:-85px 0 0 -161.5px;}
.firstHistory .two .left {}
.firstHistory .two .left .bg { float:left; margin-right:30px; border-radius:0px 0px 0px 30px; background:#fff346;}
.firstHistory .two .left .bg img { position:absolute; top:50%; left:50%; margin:-96.5px 0 0 -129px;}

.historyList { width:1100px; margin:0 auto; font-size:0;}
.historyList dl { display:inline-block; width:550px; margin-bottom:40px; vertical-align: top;}
.historyList dl dt { float:left; width:160px; font-family:'Myriad Pro'; font-size:42px; color:#0095da;}
.historyList dl dd { float:left; width:390px;}

.tabelSlideView { display:none; position:relative; height:360px; padding:35px; border-bottom:2px solid #d0e6f0; text-align:left; background:#ecf9ff;}
.tabelSlideView h3 { font-size:20px; color:#222;}
.tabelSlideView .text { margin-right:750px; margin-top:35px; font-size:14px; color:#666;}
.tabelSlideView .text strong { display:block; margin-bottom:13px; color:#222;}
.tabelSlideView .img { overflow:hidden; position:absolute !important; top:35px; right:35px; width:730px; height:290px; border:1px solid #e9e9eb;}

.store .tableCont .arrow { display:inline-block; width:19px; height:12px; font-size:0; cursor:pointer; vertical-align:middle; background:url('../images/content/spr.png') no-repeat -193px -35px;}
.store .tableCont .on .arrow { background-position:-193px -14px;}

.QAslideList { border-top:2px solid #0095da; border-bottom:1px solid #b7b7b7;}
.QAslideList dl {}
.QAslideList dl + dl { border-top:1px solid #eeeeee;}
.QAslideList dl .QA { position:absolute; top:26px; left:38px; font-size:34px; color:#222; font-family:'Myriad Pro'; line-height:1;}
.QAslideList dl dt a { display:block; position:relative; padding:25px 0 25px 110px; font-size:21px; color:#222; font-weight:bold;}
.QAslideList dl dt .arrow { display:block; position:absolute; top:50%; right:30px; width:19px; height:12px; margin-top:-6px; background:url('../images/content/spr.png') no-repeat -193px -35px;}
.QAslideList dl dt.on .arrow { background-position:-193px -14px;}
.QAslideList dl dd { display:none; position:relative; padding:25px 0 25px 110px; background:#ecf9ff;}
.QAslideList dl dd .text { color:#666; font-size:16px;}
.QAslideList dl dd .btnFile { display:block; width:150px; height:66px; margin-top:20px; padding-top:30px; text-align:center; color:#fff; font-size:16px; background:url('../images/content/btn_fileDown.png') no-repeat;}
.list_top.border_none + .QAslideList {margin-top: -10px;}

.agreementBox { overflow:hidden; height:630px;}
.agreementBox .imgBox { float:left; width:400px;}
.agreementBox .imgBox .img { overflow:hidden; width:400px; height:410px;}
.agreementBox .imgBox .img img {transition: all 0.2s ease;}
.agreementBox .imgBox .img:hover img { transform:scale(1.1);}
.agreementBox .scrollWrap { float:left; width:700px; height:630px; border:1px solid #eee; border-left:0;}
.agreementBox .scroll { overflow-y:scroll; position:relative; height:630px; padding:50px 20px 50px 50px;}
.agreementBox .scroll h3 { margin-bottom:15px; font-size:16px; color:#222;}
.agreementBox .scroll p { margin-bottom:20px; font-size:14px; color:#666;}

.onlineList { width:1100px; margin:0 auto;}
.onlineList ul { overflow:hidden; margin-left:-6px;}
.onlineList li { position:relative; float:left; margin-left:6px; margin-bottom:8px; box-shadow: 1px 1px 2px rgba(20,22,54,0.06)}
.onlineList li:after { content:''; position:absolute; top:0; left:0; width:2px; height:0%; background:#0095da; transition: all 0.2s ease-in-out;}
.onlineList li:before { content:''; position:absolute; bottom:0; right:0; width:2px; height:0%; background:#0095da; transition: all 0.2s ease-in-out;}
.onlineList li a:after { content:''; position:absolute; top:0; left:0; width:0%; height:2px; background:#0095da; transition: all 0.2s ease-in-out;}
.onlineList li a:before { content:''; position:absolute; bottom:0; right:0; width:0%; height:2px; background:#0095da; transition: all 0.2s ease-in-out;}
.onlineList li:hover:after { height:100%;}
.onlineList li:hover:before { height:100%;}
.onlineList li:hover a:after { width:100%;}
.onlineList li:hover a:before { width:100%;}

.globalWrap { position:relative; z-index:5;}
.globalWrap > .img { margin-bottom:20px;}
.robothinkList { overflow:hidden;}
.robothinkList li { float:left;}
.robothinkList .textBox { display:table; width:100%;}
.robothinkList .textBox > div { display:table-cell; height:300px; vertical-align: middle; text-align:center; color:#222; background:#fff;}
.robothinkList .textBox .title { font-size:20px; font-weight:bold;}
.robothinkList .textBox .text { margin-top:15px; font-size:14px;}

.globalWrap .img2 { overflow:hidden; margin-top:70px;}
.globalWrap .img2 img { float:left;}
.globalWrap .img2 .textBox { float:left; display:table; width:550px;}
.globalWrap .img2 .textBox > div { display:table-cell; height:300px; vertical-align: middle; text-align:center; color:#222; background:#fff346;}
.globalWrap .img2 .textBox .title { font-size:20px; font-weight:bold;}
.globalWrap .img2 .textBox .text { margin-top:8px; font-size:14px;}

.globalWrap .tableWrap { margin-bottom:40px;}

.bgCell.globalBg {}
.bgCell.globalBg div { position:fixed; top:0; left:50%; z-index:3; opacity:0;}
.bgCell.globalBg .item1 { top:700px; width:552px; height:552px; margin-left:450px; background:url('../images/content/global/bg_cycle2.png') no-repeat; animation:inherit;}
.bgCell.globalBg .item2 { top:800px; width:841px; height:841px; margin-left:-1300px; background:url('../images/content/global/bg_cycle1.png') no-repeat; animation:inherit;}

.guideWrap { overflow:hidden; position:relative; min-width:1200px; padding-bottom:200px; background:#87e0e6 url('../images/content/guide/bg.png') repeat-y center 0%;}
.guideWrap .cont_tit { padding-bottom:35px;}

.guideWrap .bg {}
.guideWrap .bg > div { position:absolute; left:50%;}
.guideWrap .bg .bg1 { top:77px; width:79px; height:96px; margin-left:287px; background:url('../images/content/guide/bg_guide_O.png') no-repeat;}
.guideWrap .bg .bg2 { top:48px; width:86px; height:99px; margin-left:385px; background:url('../images/content/guide/bg_guide_X.png') no-repeat;}
.guideWrap .bg .bg3 { top:57px; width:736px; height:660px; margin-left:440px; background:url('../images/content/guide/bg_guide_hand.png') no-repeat;}

.guideWrap .guideBox { width:1100px; min-height:1770px; padding:82px 0px 0 0px; margin:0 auto; background:url('../images/content/guide/bg_guide.png') no-repeat;}
.guideWrap .guideBox > * { padding:0 70px;}

.guideWrap .guideBox .sns { height:59px; text-align:right;}
.guideWrap .guideBox .sns a { display:inline-block; position:relative; width:36px; height:36px; z-index:3; font-size:0;vertical-align:top; background:url('../images/content/guide/spr.png') no-repeat;}
.guideWrap .guideBox .sns .sns_f { background-position:-499px -126px;}
.guideWrap .guideBox .sns .sns_t { background-position:-538px -126px;}

.guideWrap .guideBox .guideList { margin-left:-12px;}
.guideWrap .guideBox .guideList li { float:left; position:relative; width:312px; height:200px; margin-left:12px; margin-bottom:12px; border:1px solid #e8e8e8; box-shadow: 1px 1px 2px rgba(20,22,54,0.06); background:#f9f9f9;}
.guideWrap .guideBox .guideList li a { display:block; height:100%;}
.guideWrap .guideBox .guideList li .text { padding:25px; color:#222; font-size:22px; font-weight:bold;}
.guideWrap .guideBox .guideList li .text span { display:block; color:#444; font-size:14px; font-weight:normal;}
.guideWrap .guideBox .guideList li [class*=ico] { position:absolute; bottom:30px; right:35px; opacity:0.5; transition: all 0.2s ease-in-out;; transform:scale(0.9); background:url('../images/content/guide/spr.png') no-repeat;}
.guideWrap .guideBox .guideList li .ico1 { width:124px; height:79px; background-position:0 0;}
.guideWrap .guideBox .guideList li .ico2 { width:126px; height:73px; background-position:-176px 0px;}
.guideWrap .guideBox .guideList li .ico3 { width:51px; height:88px; background-position:-373px 0px;}
.guideWrap .guideBox .guideList li .ico4 { width:81px; height:80px; background-position:-490px 0px;}
.guideWrap .guideBox .guideList li .ico5 { width:173px; height:77px; background-position:-617px 0px;}
.guideWrap .guideBox .guideList li .ico6 { width:71px; height:79px; background-position:-862px 0px;}
.guideWrap .guideBox .guideList li .ico7 { width:77px; height:72px; background-position:0px -118px;}
.guideWrap .guideBox .guideList li .ico8 { width:74px; height:74px; background-position:-176px -118px;}
.guideWrap .guideBox .guideList li .ico9 { width:95px; height:82px; background-position:-351px -118px;}

.guideWrap .guideBox .guideList li:after { content:''; position:absolute; top:0; left:0; width:5px; height:0%; background:#0095da; transition: all 0.2s ease-in-out;}
.guideWrap .guideBox .guideList li:before { content:''; position:absolute; bottom:0; right:0; width:5px; height:0%; background:#0095da; transition: all 0.2s ease-in-out;}
.guideWrap .guideBox .guideList li a:after { content:''; position:absolute; top:0; left:0; width:0%; height:5px; background:#0095da; transition: all 0.2s ease-in-out;}
.guideWrap .guideBox .guideList li a:before { content:''; position:absolute; bottom:0; right:0; width:0%; height:5px; background:#0095da; transition: all 0.2s ease-in-out;}
.guideWrap .guideBox .guideList li:hover { background:#fff;}
.guideWrap .guideBox .guideList li:hover:after { height:100%;}
.guideWrap .guideBox .guideList li:hover:before { height:100%;}
.guideWrap .guideBox .guideList li:hover a:after { width:100%;}
.guideWrap .guideBox .guideList li:hover a:before { width:100%;}
.guideWrap .guideBox .guideList li:hover [class*=ico] { opacity:1; transform:scale(1)}

.guideWrap .quiz { position:relative; margin-top:30px; text-align:center;}
.guideWrap .quiz h2 { width:250px; height:40px; margin:0 auto; color:#fff; font-size:22px; line-height:40px; font-weight:normal; background:url('../images/content/guide/spr.png') no-repeat -683px -125px;}
.guideWrap .quiz > .text { margin-top:70px; padding:0 80px; font-size:40px; color:#222;}
.guideWrap .quiz .button { display:block; margin-top:75px; font-size:0;}
.guideWrap .quiz .button label { display:inline-block; width:181px; height:182px; margin:0 11px; cursor:pointer; background:url('../images/content/guide/spr.png') no-repeat;}
.guideWrap .quiz .button input { opacity:0;}
.guideWrap .quiz .button .butYes { background-position:0 -236px;}
.guideWrap .quiz .button .butYes.on { background-position:0 -418px;}
.guideWrap .quiz .button .butNo { background-position:-204px -236px;}
.guideWrap .quiz .button .butNo.on { background-position:-204px -418px;}
.guideWrap .quiz .arrow a { position:absolute; top:227px; width:51px; height:95px; font-size:0; background:url('../images/content/guide/spr.png') no-repeat;}
.guideWrap .quiz .arrow .btnLeft { left:70px; background-position:-433px -259px;}
.guideWrap .quiz .arrow .btnLeft:hover { background-position:-433px -367px;}
.guideWrap .quiz .arrow .btnRight { right:70px; background-position:-487px -259px;}
.guideWrap .quiz .arrow .btnRight:hover { background-position:-487px -367px;}

.guideWrap .model { margin-top:70px; margin-left:50px;}
.guideWrap .model ul { margin-left:-32px;}
.guideWrap .model li { margin-left:32px;}
.guideWrap .model li .btnGroup { margin-top:20px;}
.guideWrap .model li .btnGroup a { display:inline-block; width:132px; height:55px; line-height:55px; font-size:14px; color:#ffffff;}
.guideWrap .model li .btnGroup a:hover { text-decoration:underline;}
.guideWrap .model li .btnGroup a span { display:inline-block; width:9px; height:16px; margin:-2px 0 0 5px; vertical-align:middle; background:url('../images/content/guide/spr.png') no-repeat -683px -199px;}
.guideWrap .model li .btnGroup .btnBlue { border-radius:3px 0 0 3px; background:#0095da;}
.guideWrap .model li .btnGroup .btnRed { border-radius:0 3px 3px 0; background:#ef4873;}

.guideWrap .result { position:relative;}
.guideWrap .result:before { content:''; display:block; position:absolute; top:650px; left:0; right:0; bottom:47px; background:url('../images/content/guide/bg_guide_1.jpg') repeat-y 0 800px;}
.guideWrap .result * { position:relative;}
.guideWrap .result:after { content:''; display:block; margin:0 -70px; height:47px; background:url('../images/content/guide/bg_guide.jpg') no-repeat 0 bottom;}

.guideWrap .btnRetry { margin:40px 0 95px; text-align:center;}
.guideWrap .btnRetry a { display:inline-block; padding:10px 65px 13px; border-radius:40px; color:#0095da; border:3px solid #0095da; font-size:18px; font-weight:bold;}
.guideWrap .btnRetry a:hover { text-decoration:underline;}
.guideWrap .btnRetry a span { display:inline-block; width:25px; height:19px; margin:-2px 0 0 10px; vertical-align:middle; background:url('../images/content/guide/spr.png') no-repeat -728px -197px;}

.txtRed { margin-top:15px; line-height:2; font-size:14px; color:#db0000;}

/* 테이블 */
.tableWrap { border-bottom:1px solid #b7b7b7;}
.tableWrap + .tableWrap { margin-top:40px;}
.tableWrap > .title { margin-bottom:5px; font-size:20px; color:#222222;}
.tableWrap > .right { margin:-24px 0 5px; text-align:right; font-size:14px;}
.tableWrap .red { color:#db0000;}
.tableWrap .tableCont { border-top:2px solid #0095da;}
.tableWrap .tableCont th { padding:18px 0; border-bottom:1px solid #b7b7b7; font-size:14px; color:#222;}
.tableWrap .tableCont tbody tr:first-child td { border-top:0;}
.tableWrap .tableCont td { padding:15px 0; border-top:1px solid #e9e9eb; font-size:14px; color:#666; text-align:center;}
.tableWrap .tableCont td.tl { text-align:left;}
.tableWrap .tableCont td.tl-bold {text-align:left; font-weight: bold;}
.tableWrap .tableCont td a { display:block;}
.tableWrap .tableCont tr.view td { padding:0; border:0;}

.tableWrap .tableCont.type2 { background:#fff;}
.tableWrap .tableCont.type2 th { padding:10px 0; color:#444; background:#f7f7f7;}
.tableWrap .tableCont.type2 td { padding:10px 30px;}
/*.tableWrap .tableCont.type2 td + td { border-left:1px solid #d7d7d7;}*/

.tableWrap .tableCont.type3 { background:#fff;}
.tableWrap .tableCont.type3 th { padding:10px 0; color:#444; border-color:#ededed; background:#f7f7f7;}
.tableWrap .tableCont.type3 td { padding:10px 15px;}
.tableWrap .tableCont.type3 td + td { border-left:1px solid #ededed;}
.tableWrap .tableCont.type3 .bg { background:#f7f7f7;}
.tableWrap .tableCont.type3 .bg2 { background:#fff;}
.tableWrap .tableCont.type3 .line { border-left:1px solid #ededed;}

.tableWrap .tableCont.type4 { background:#fff;}
.tableWrap .tableCont.type4 th { padding:10px 0; color:#444; border-color:#ededed; background:#f7f7f7;}
.tableWrap .tableCont.type4 td { padding:10px 15px; vertical-align: top;}
.tableWrap .tableCont.type4 td .ctit { font-weight:bold;font-size:16px;}
.tableWrap .tableCont.type4 td img {padding:20px 0 10px 0;}
.tableWrap .tableCont.type4 td p { padding:10px 15px; line-height:1.6em;}
.bold {font-weight:bold;}
.tableWrap .tableCont.type4 td + td { border-left:1px solid #ededed;}
.tableWrap .tableCont.type4 .bg { background:#f7f7f7;}
.tableWrap .tableCont.type4 .bg2 { background:#fff;}
.tableWrap .tableCont.type4 .line { border-left:1px solid #ededed;}


.tableCont.write th,.tableCont.write td{text-align: left;border-bottom: 1px solid #dbdbdb;}
.tableCont.write th{padding: 20px 10px 20px 45px;font-weight: bold;color: #222;background: #f7f7f7;}
.tableCont.write th i{font-weight: bold;color: #e71a46;}
.tableCont.write td{padding:13px 20px;}
.tableCont.write .input, .tableCont.write .select{height:33px;line-height:31px;padding: 0 10px;border:1px solid #dbdbdb;box-sizing: border-box;}
.tableCont.write .textarea{width: 100%;padding: 10px;box-sizing: border-box;border:1px solid #dbdbdb;height:160px;}
.tableCont.write .inp1{width:355px;}
.tableCont.write .inp2{width:225px;}
.tableCont.write .inp3{width:165px;}
.tableCont.write .sel1{width:200px;}
.tableCont.write .sel2{width:150px;}
.tableCont.write .file {width:350px; padding:0;}
.tableCont.write .mail .sel1{margin-left:-1px;}
.tableCont.write .button{display:inline-block;line-height: 31px;border: 1px solid #969696;color: #666;text-align: center;padding: 0 25px;vertical-align:middle;}

/* //테이블 */

.list_top{overflow: hidden; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 2px solid #0095da;}
.list_top.border_none { border-bottom:0;}
.list_top .list_count{float: left;}
.list_top .list_count + .list_date{float: right;}
.list_top .list_search{float: right;}
.list_count,.list_date{font-size: 14px; line-height: 38px;}
.list_count strong,.list_date strong{font-weight: bold;}
.list_search{overflow: hidden;font-size: 14px;}
.list_search select{float: left; padding-left:10px; width: 80px; height: 38px; line-height: 34px; border: 2px solid #0095da; border-right: 0 none;}
.list_search input{float: left; padding: 0 10px; width: 155px; height: 34px; line-height: 34px; border: 2px solid #0095da;}
.list_search .btnSearch{float: left; display: inline-block; width: 64px; height: 38px; line-height: 34px; text-align: center; background: #0095da;color: #fff; font-weight: bold;}

.bbs_list{margin: 0px -12px 0; font-size: 14px; color: #666;overflow: hidden;}
.list_top + .bbs_list{margin-top: 25px;}
.bbs_list > li{position: relative; float: left; width: 350px;margin:15px 12px;o overflow: hidden;}
.bbs_list > li > a{display: block; padding: 25px 30px ;border: 1px solid #f0f0f1; background: #fbfbfb;}
.bbs_list > li > a:hover{background: #fff;}
.bbs_list > li > a:after{content: '';display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; border: 2px solid #0095da; transition: all 0.5s ease;}
.bbs_list > li > a:hover:after{opacity: 1; transition-delay: 0.5s;}
.bbs_list .tit{position: relative; display: block; height: 50px; margin-bottom:15px; font-size: 18px; color: #222; overflow: hidden;}
.bbs_list .line{display: block; width: 34px; height: 2px; background: #999999; transition: all 0.5s ease  0.5s;}
.bbs_list > li > a:hover .line{width: 319px;background: #0095da; transition-delay: 0s;}
.bbs_list .txt{height: 57px; margin: 15px 0 20px; overflow: hidden;}
.bbs_list .date{display: block; color: #999;}

.paging{ margin-top:40px; text-align:center;}
.paging a,
.paging strong{ display:inline-block; margin:0 5px;padding: 2px 0; font-size:12px; color:#777; vertical-align:top;}
.paging a:hover,
.paging strong{font-weight: bold; color: #3b77b8; border-bottom: 1px solid #3b77b8;}
.paging a[class*=btn]{ overflow:hidden; width:24px; height:24px;margin: 0;padding: 0; font-size: 0; text-indent: -999em;}
.paging a[class*=btn]:hover{position:relative;border: 0 none;background-position: left bottom;}
.paging a.btn-first{ background:url('../images/common/paging-first.gif') no-repeat;}
.paging a.btn-prev{ margin:0 20px 0 -1px; background:url('../images/common/paging-prev.gif') no-repeat;}
.paging a.btn-next{ margin:0 -1px 0 20px; background:url('../images/common/paging-next.gif') no-repeat;}
.paging a.btn-last{ background:url('../images/common/paging-last.gif') no-repeat;}

.sns_wrap{text-align: right;margin-bottom: 20px;}
.sns_wrap a{display: inline-block;width: 36px;height: 36px;overflow: hidden;font-size: 0;text-indent: -999em;vertical-align: middle;}
.sns_wrap .btn_facebook{background: url('../images/common/btn_facebook.png') no-repeat;}
.sns_wrap .btn_insta{background: url('../images/common/btn_insta.png') no-repeat;}
.sns_wrap .cate{ display:inline-block; float:left;  font-size:24px; margin:0 0 0 35px;}
.sns_wrap .cate img{ vertical-align:middle; margin:0 5px 0 0; }

.list_view{border: 2px solid #0095da;border-width: 2px 0;font-size: 14px;color: #666;}
	.sns_tab + .list_view{margin-top:20px;}
.list_view img{max-width: 100%}
.list_view .view_top{padding:25px 35px;border-bottom: 1px solid #e9e9eb;color: #222222;}
.list_view .view_top .tit{margin-top: 10px;font-size: 20px;font-weight: normal;}
.list_view .view_top .tit strong{color: #0095da;font-weight: bold;}
.list_view .view_top .link{margin-top: 10px;}
.list_view .view_top .link a{display:inline-block;color: #666;line-height: 20px;padding-left: 25px;background:url('../images/common/ic_view_link.png') no-repeat left center;}
.list_view .view_cont{padding:40px 35px;min-height:500px;}
.list_view .youtube_cont{padding:40px 35px;}
.list_view .youtube_cont .iframe{text-align:center;}
.list_view .view_navi > li{padding: 18px 35px 18px 50px;border-top: 1px solid #e9e9eb;overflow:hidden;font-size:12px;background-repeat:no-repeat;background-position:24px center;}
.list_view .view_navi > li:first-child{border-color: #b7b7b7;}
.list_view .view_navi .prev{background-image:url('../images/common/ic_list_prev.png');}
.list_view .view_navi .next{background-image:url('../images/common/ic_list_next.png');}
.list_view .view_navi strong,
.list_view .view_navi span,
.list_view .view_navi a{display:block;float: left;}
.list_view .view_navi strong{color: #222222;width: 70px;padding: 1px 0;}
.list_view .view_navi span{width: 95px;padding: 1px 0;}
.list_view .view_navi span.none,
.list_view .view_navi a{font-size:14px;width: 850px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list_view .view_navi span.none{margin-left: 95px;}
.view_btn{text-align: center;margin-top:30px;position:relative;min-height:50px;}
.view_btn .fl{position:absolute;left:0;top:0;}
.view_btn .fr{position:absolute;right:0;top:0;}
.view_btn .btn{display: inline-block;width: 180px;line-height: 48px;text-align: center; border: 1px solid #969696; color: #000;font-size: 14px;font-weight: bold;color: #666;background: #fff;}
.view_btn .btn.btn-blue{color: #fff;background: #0095da;border-color: #0095da;}
.view_btn .btn.btn-gray{color: #fff;background: #bbbbbb;border-color: #a3a3a3;}
.list_view.in_info .view_top{position: relative;padding-right: 400px;}
.list_view.in_info .view_top .info{position:absolute;width: 350px;right:35px;top:45px;}
.list_view.in_info .view_top .info .txt_level{width: 280px;}
.list_view.in_info .view_top .info .btn_like{position: absolute;right: 0;top: 50%;margin-top: -12px;}

.sns_tab{text-align: center;}
.sns_tab li{display: inline;margin: 0 2px;}
.sns_tab li a{position: relative; display: inline-block;width: 69px;height: 69px;font-size: 0;text-indent: -999em;overflow: hidden;background-repeat: no-repeat;background-position: left top;vertical-align: top;}
.sns_tab li a.insta{background-image:url('../images/content/sns_tab_insta.gif');}
.sns_tab li a.youtube{background-image:url('../images/content/sns_tab_youtube.gif');}
.sns_tab li a.blog{background-image:url('../images/content/sns_tab_blog.gif');}
.sns_tab li a:hover,
.sns_tab li.on a{background-position:left bottom;}
.sns_tab + .list_top{margin-top: -38px;}

.img_list{overflow: hidden;margin: 0 -12px;font-size: 14px;color: #999;}
	.list_top + .img_list{margin-top: 25px;}
.img_list .img{position: relative;overflow:hidden;width:350px;height:197px; background:#eee;}
.img_list .img img{ position:absolute; top:50%; width:100%; transition: transform .5s ease-out; transform:translateY(-50%); -ms-transform:translateY(-50%);}
.img_list a:hover .img img{ transform:translateY(-50%) scale(1.1); -ms-transform:translateY(-50%) scale(1.1);}
.img_list > li{float: left;width: 350px;margin: 15px 12px;height: 285px;}
.img_list > li > a{display: block;}
.img_list > li > a >span{display: block;}
.img_list .tit{margin-top: 15px;font-size: 16px;color: #222222;max-height: 44px;overflow: hidden;}
.img_list .tit strong{color: #0095da;font-weight: bold;}
.img_list .date{margin-top: 10px;}
.img_list .time{display: block;position: absolute;right: 10px;top: 10px;background: #f4ef5f;text-align: center;color: #444;font-size: 12px;border-radius: 50%}
.img_list .time span{display: table-cell;width: 60px;height: 60px;vertical-align: middle;}
.img_list.insta_list > li{height:438px;}
.img_list.insta_list .img { height:350px;}
.img_list.insta_list .img img{ position:static; width:350px;height:350px; transform:translateY(0); -webkit-transform:translateY(0);}
.img_list.insta_list a:hover .img img { transform:scale(1.1) translateY(0); -webkit-transform:scale(1.1) translateY(0);}
.img_list.youtube_list .img:after{content: '';display: block;width: 84px;height: 84px;position: absolute;left: 50%;top: 50%;margin: -42px 0 0 -42px;background: url('../images/content/btn_play.png') no-repeat;}

.img_list2{overflow: hidden;margin: 20px -10px 0;font-size: 14px;color: #666;}
.img_list2 > li{position: relative;float: left;width: 260px;margin: 20px 10px;border:1px solid #e3e3e3;background: #fff;}
.img_list2 > li:hover:before{content:'';display: block;position: absolute;top: -1px;right: -1px;bottom: -1px;left: -1px;border: 2px solid #0095da;}
.img_list2 > li a{display: block;}
.img_list2 .img{position: relative;overflow:hidden;width:258px;height:258px;}
.img_list2 .img img{width:100%;height:258px;transition: transform .5s ease-out}
.img_list2 .img:hover img{transform: scale(1.1);}
.img_list2 > li:hover .img:after{content:'';display: block;position: absolute;top: -1px;right: -1px;bottom: -1px;left: -1px;border: 2px solid #0095da;border-bottom:0 none;}
.img_list2 .txt{position: relative;padding: 15px;}
.img_list2 .userid{font-size: 12px;}
.img_list2 .tit{display: block;margin: 5px 0 10px;font-size: 16px;font-weight: bold;color: #444;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.img_list2 .txt .info{position: relative;}
.img_list2 .txt_level{width: 165px;}
.img_list2 .btn_like{position: absolute;right: 0;top: 50%;margin-top: -12px;}
.img_list2 .txt .cate{ margin:0 0 5px 0; line-height:20px; height:20px;}
.img_list2 .txt .cate img{ vertical-align:top; line-height:20px; }

.resultNone { float:none !important; display:block !important; width:auto !important; height:auto !important; margin:0 12px !important; padding:50px 0 !important; text-align:center; font-size:20px !important;}

.btn_like{display: inline-block;padding-right: 30px;width: 60px;text-align: center;line-height: 25px;background: url('../images/content/moretips/btn_like.png') no-repeat right top;}
.btn_like:hover,
.btn_like.on{background-position: right bottom;}
.txt_level{display: table;table-layout: fixed;font-size:12px;}
.txt_level div{display: table-cell;vertical-align: middle;}
.txt_level div:first-child{width: 48px;}

.txt_tabmenu{text-align: center;font-size: 16px;}
.txt_tabmenu.left{text-align:left;}
.txt_tabmenu li{display: inline;margin: 0 2px;}
.txt_tabmenu li+li:before{content:'';display: inline-block;width: 2px;height: 2px;margin-right: 7px;background: #b2b2b2;vertical-align: middle;}
.txt_tabmenu li a{position: relative; display: inline-block;padding:0 5px;color: #222222;vertical-align: middle;font-weight: bold;}
.txt_tabmenu li a:hover,
.txt_tabmenu li a:focus{text-decoration:underline;}
.txt_tabmenu li.on a{color: #0095da;}
.txt_tabmenu + .list_top{margin-top: -30px;} 
.tapBox + .txt_tabmenu{margin-top: 45px;}

.download_list > li{display:table;table-layout:fixed;width:100%;font-size: 16px;}
.download_list > li:hover{background: #f5fcff;}
.download_list > li > div{display:table-cell;padding:30px 0;border-bottom:1px solid #e6e7e8;vertical-align:middle;}
.download_list .img{width:360px;padding-right:40px;}
.download_list .img img{max-width: 100%}
.download_list .down{width:190px;padding-left:40px;text-align:center;}
.btn_fileDown{display:inline-block;width:150px;line-height:60px;padding-top:6px;font-size:16px;color:#fff !important;font-weight:bold;text-align:center;background:url('../images/content/btn_fileDown.png') no-repeat;}
.download_list .tit{font-size: 21px;}
.download_list .txt{margin-top: 20px;}
.download_list .date{font-size: 14px;color: #999999;margin-top: 15px;}
.download_list2{padding:1px 0 0 1px;margin-top:30px;}
.download_list2:after{content:'';display: block;clear: both;}
.download_list2 > li{position:relative;float:left;width:548px;padding:30px 190px 30px 20px;border:1px solid #e3e3e3;margin:-1px 0 0 -1px;}
.download_list2 .btn_fileDown{position: absolute;right:30px;top:50%;margin-top:-33px;}
.download_list2 .txt{height: 44px;color: #222222;overflow:hidden;}
.download_list2 .date{font-size:12px;color: #999999;margin-top: 10px;}

.manual_tab:after{content:'';display: block;clear: both;}
.manual_tab > li{float: left;width: 25%;}
.manual_tab > li > a{position: relative;display: block;padding: 16px 0;text-align: center;font-weight:bold;font-size: 20px;color: #fff;background: #0095da;}
.manual_tab > li > a:after{position: absolute;left: 50%;bottom:-16px;margin-left: -8px;border: 8px solid transparent;border-top-color: #0095da;}
.manual_tab > li.on > a:after,.manual_tab > li > a:hover:after{content: '';display: block;}
.manual_tab > li.green > a{background: #b4dc70;}
.manual_tab > li.green > a:after{border-top-color: #b4dc70;}
.manual_tab > li.red > a{background: #ef4873;}
.manual_tab > li.red > a:after{border-top-color: #ef4873;}
.manual_tab > li.yellow > a{background: #ffd146;}
.manual_tab > li.yellow > a:after{border-top-color: #ffd146;}

.manual_list{padding:1px;margin-top: 20px;font-size: 16px;}
.manual_list:after{content:'';display: block;clear: both;}
.manual_list>li{position:relative;float:left;width:20%;}
.manual_list>li:before{content:'';display:block;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid #0095da;}
.manual_list>li>a{position:relative;display:block;padding:20px;height:218px;text-align:center;transition:all .5s ease;}
.manual_list>li>a img{transition:all .5s ease;}
.manual_list>li>a:hover{background:#0095da;}
.manual_list>li>a:hover img{transform:scale(1.1);}
.manual_list>li>a span{display:table-cell;width:180px;height:38px;vertical-align:middle;line-height:1.2;}
.manual_list.green>li:before{border-color:#b4dc70;}
.manual_list.green>li>a:hover{background:#b4dc70;}
.manual_list.red>li:before{border-color:#ef4873;}
.manual_list.red>li>a:hover{background:#ef4873;}
.manual_list.yellow>li:before{border-color:#ffd146;}
.manual_list.yellow>li>a:hover{background:#ffd146;}

.moretips_tit{ padding-top:30px; font-size:18px;color: #222;}
.moretips_tit h1{font-size: 66px;}
.moretips_visual{ overflow:hidden; height:856px; box-sizing:border-box; background:url('../images/content/moretips/index/bg_pattern.gif') center center;}
.moretips_visual.none { overflow:visible; height:auto; background:none;}
.moretips_visual .cont_in{ position:relative; height:856px; box-sizing:border-box;}
.moretips_visual .cont_tit2{ width:600px; margin:15px auto 10px; text-align:right;}          
.moretips_visual .search{margin: 0px auto 0;border: 4px solid #0095da;background: #fff;width: 600px;height: 70px;overflow:hidden;}
.moretips_visual .search input{float:left;border:0 none;height:42px;line-height: 42px;padding: 10px;color: #666;width: 500px;}
.moretips_visual .search .btn{display:inline-block;height:62px;width:70px;float: right;font-size:0;text-indent: -999em;overflow: hidden;background:url('../images/content/moretips/btn_search.png') no-repeat center center;}
.moretips_visual .menu { margin-top:45px;}
.moretips_visual .menu ul { width:732px; margin:0 auto;}
.moretips_visual .menu ul:after { clear:both; content:''; display:block;}
.moretips_visual .menu li { float:left; position:relative;}
.moretips_visual .menu li a { position:relative; display:block;}
.moretips_visual .menu li img { transition:all .5s ease;}
.moretips_visual .menu li:hover img { transform: rotateY(-360deg);}
.moretips_visual .menu li a:after { content:''; display:block; position:absolute; top:0; left:0; z-index:3; width:214px; height:245px;}
.moretips_visual .menu .menu1 a:after { top:-22px; left:-32px; background:url('../images/content/moretips/index/bg_menu1.png') no-repeat; transition:all .5s ease;}
.moretips_visual .menu .menu2 a:after { top:-23px; left:0px; background:url('../images/content/moretips/index/bg_menu2.png') no-repeat; transition:all .5s ease;}
.moretips_visual .menu .menu3 a:after { top:-27px; left:9px; background:url('../images/content/moretips/index/bg_menu3.png') no-repeat; transition:all .5s ease;}
.moretips_visual .menu .menu4 a:after { top:0px; left:45px; background:url('../images/content/moretips/index/bg_menu4.png') no-repeat; transition:all .5s ease;}
.moretips_visual .menu .menu1:hover a:after,
.moretips_visual .menu .menu2:hover a:after,
.moretips_visual .menu .menu3:hover a:after,
.moretips_visual .menu .menu4:hover a:after { transform: translateY(-5%)}
.moretips_visual .linkMenu {}
.moretips_visual .linkMenu:after { clear:both; content:''; display:block;}
.moretips_visual .linkMenu > div { float:left; position:relative; width:50%;}
.moretips_visual .linkMenu h2 { position:relative; z-index:1; padding-top:80px; font-size:22px; color:#222;}
.moretips_visual .linkMenu p { position:relative; z-index:1; margin-top:10px; font-size:14px; color:#222;}
.moretips_visual .linkMenu .btn { position:relative; z-index:1; display:block; width:82px; height:82px; margin-top:15px; font-size:0; background:url('../images/content/moretips/index/btn_go.png') no-repeat;}
.moretips_visual .linkMenu .link1 { padding-left:100px;}
.moretips_visual .linkMenu .link1 .bg img { transition:all .3s ease-in-out;}
.moretips_visual .linkMenu .link1 .bg1 { position:absolute; top:51px; right:-46px;}
.moretips_visual .linkMenu .link1 .bg2 { position:absolute; top:56px; right:-66px;}
.moretips_visual .linkMenu .link1 .btn:hover ~ .bg .bg1 img { transform:translateX(-10px) rotate(-5deg);}
.moretips_visual .linkMenu .link1 .btn:hover ~ .bg .bg2 img { transform:translateX(10px) rotate(5deg);}
.moretips_visual .linkMenu .link2 { margin-left:120px; width:425px; text-align:center;}
.moretips_visual .linkMenu .link2 .btn { float:right; margin-right:80px;}
.moretips_visual .linkMenu .link2 .bg { position:absolute; top:41px; right:0;}
.moretips_visual .linkMenu .link2 .bg img { transition:all 1s ease-in-out;}
.moretips_visual .linkMenu .link2 .btn:hover ~ .bg img { transform:rotate(360deg);}

.moretips_visual .items {}
.moretips_visual .items > div { position:absolute; top:0;}
.moretips_visual .items .item1 { top:444px; right:-300px;}
.moretips_visual .items .item1 img {animation:moretipsItem1 20s linear infinite;}
.moretips_visual .items .item2 { top:140px; left:-105px;}
.moretips_visual .items .item3 { top:264px; left:-239px;}
.moretips_visual .items .item3 a { display:block; transition:all .3s ease;}
.moretips_visual .items .item3 a:hover { transform:rotate(23deg)}
.moretips_visual .items .item3 img {animation:moretipsItem4 10s ease-in-out infinite alternate;}
.moretips_visual .items .item4 { top:-40px; left:297px;}
.moretips_visual .items .item4 img {animation:moretipsItem3 10s ease-in-out infinite alternate;}
.moretips_visual .items .item5 { top:-125px; left:352px;}
.moretips_visual .items .item5 img {animation:moretipsItem2 10s ease-in-out infinite alternate;}
.moretips_visual .items .item6 { top:-93px; right:-403px;}
.moretips_visual .items .item7 { top:221px; right:-118px;}

@-webkit-keyframes moretipsItem1{
  0%{transform:translateY(0px) rotate(0deg);}
  10%{transform:translateY(0px) rotate(30deg);}
  20%{transform:translateY(0px) rotate(0deg);}
  40%{transform:translateY(0px) rotate(0deg);}
  50%{transform:translateY(0px) rotate(30deg);}
  60%{transform:translateY(0px) rotate(0deg);}
  80%{transform:translateY(0px) rotate(0deg);}
  90%{transform:translateY(0px) rotate(30deg);}
  100%{transform:translateY(0px) rotate(0deg);}
}

@-webkit-keyframes moretipsItem2{
  0%{transform:translateY(0px);}
  5% {transform:translateY(30px);}
  10% {transform:translateY(0px);}
  50%{transform:translateY(0px);}
  55% {transform:translateY(30px);}
  60% {transform:translateY(0px);}
  90%{transform:translateY(0px);}
  95%{transform:translateY(30px);}
  100%{transform:translateY(0px);}
}

@-webkit-keyframes moretipsItem3{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(90deg);}
}

@-webkit-keyframes moretipsItem4{
  0%{transform:scale(1);}
  5%{transform:scale(1.1);}
  10%{transform:scale(1);}
  40%{transform:scale(1);}
  45%{transform:scale(1.1);}
  50%{transform:scale(1);}
  80%{transform:scale(1);}
  85%{transform:scale(1.1);}
  90%{transform:scale(1);}
}

.manual{background-repeat: no-repeat;background-position: center top;}
.manual.bg_jody{ height:716px; background-image: url('../images/content/moretips/bg_moretips.png');}
.manual .product{position: relative;padding:50px;overflow: visible;}
.manual .product .visualImg{float: left;width:550px;margin-top:0;}
.manual .product .visualImg .productVisual{width:550px;height: 450px;}
.manual .product .textBox{position: static;float: right;width: 470px;padding-top:35px;}
.manual .product .textBox .cycleBox{margin-top: 20px;}
.manual .product .textBox .title{font-size: 14px;margin-top: 25px;}
.manual .product .textBox .btnGroup span,
.manual .product .textBox .btnGroup a{ width: 200px;}
.manual .product .textBox .btnGroup span:after,
.manual .product .textBox .btnGroup a:after{width:24px;height:22px;margin-top:-11px;background-position:-15px 0;}

.scroll_wrap{ overflow:hidden; position:relative; min-width:1200px; font-size:16px; color:#444; text-align:center;}
.scroll_wrap .cont_in{position:relative;padding-bottom:0;}
.scroll_wrap .cont_tit{height:183px;background:#f4ef5f;}
	.cont_tit.story_tit{background:#f4ef5f;}
	.cont_tit.why_tit{background:#e4f1fc;}
.scroll_wrap .cont_tit .sns_wrap{position:absolute;right:0;bottom:0;}
.scroll_wrap .tapBox{position:absolute;left:50%;top:183px;margin-left:-550px;background:#fff;}
.scroll_wrap .tapBox.fixed{position:fixed;top:0;}
.scroll_wrap .scroll_sec{box-sizing:border-box;}
.scroll_wrap #introduce{background:#f4ef5f;height:1010px;padding-top:130px;}
.scroll_wrap #introduce .img{position:relative;height:421px;}
.scroll_wrap #introduce .img .rollimg{position: relative;height:379px;width:379px;margin: 0 auto;}
.scroll_wrap #introduce .img .rollimg li{display:none;position:absolute;left: 0;top: 0;}
.scroll_wrap #introduce .img .rollimg li:first-child{display: block;}
.scroll_wrap #introduce .robot{position:absolute;}
.scroll_wrap #introduce .robot1{top:-80px;right:230px;}
.scroll_wrap #introduce .robot2{left:99px;bottom:0;}
.scroll_wrap #introduce .robot3{bottom:43px;right:114px;}
.scroll_wrap #introduce .robot4{bottom:22px;right:236px;}
.scroll_wrap #introduce .robot5{bottom:18px;right:40px;}
.scroll_wrap #introduce .txt{margin:30px 0;font-weight:bold;font-size:22px;color:#222;}
.scroll_wrap #vision {padding-top:85px;height:1080px;background:url('../images/content/brand/story_vision_bg.jpg') no-repeat center bottom,url('../images/content/brand/story_vision_bg2.jpg') repeat-x;}
.scroll_wrap #vision .txt{margin:36px 0 50px;}
.scroll_wrap #vision .img{height:605px;}
.scroll_wrap #vision .cloud{position:absolute;}
.scroll_wrap #vision .cloud1{top:379px;left:-24px;-webkit-animation:cloudRight 12s linear infinite;animation:cloudRight 12s linear infinite;}
.scroll_wrap #vision .cloud2{top:523px;right:33px;-webkit-animation:cloudLeft 10s linear infinite;animation:cloudLeft 10s linear infinite;}
.scroll_wrap #vision .cloud3{top:746px;left:255px;-webkit-animation:cloudRight 20s linear infinite;animation:cloudRight 20s linear infinite;}
@-webkit-keyframes cloudLeft{
  0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0;}
  20%{opacity:1;}
  90%{opacity:1;}
  100%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0;}
}
@keyframes cloudLeft{
  0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0;}
  20%{opacity:1;}
  90%{opacity:1;}
  100%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0;}
}
@-webkit-keyframes cloudRight{
  0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0;}
  20%{opacity:1;}
  90%{opacity:1;}
  100%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0;}
}
@keyframes cloudRight{
  0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0;}
  20%{opacity:1;}
  90%{opacity:1;}
  100%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0;}
}
.scroll_wrap #value{padding-top:85px;height:1960px;}
.scroll_wrap .value_list{margin-top:70px;font-size:14px;}
.scroll_wrap .value_list:after{content:'';display:block;clear:both;}
.scroll_wrap .value_list li{float:left;margin-left:20px;}
.scroll_wrap .value_list li:first-child{margin-left:0;}
.scroll_wrap .value_list li div{display:table-cell;width:260px;height:260px;text-align:center;vertical-align:middle;color:#fff;}
.scroll_wrap .value_list li div strong{display:block;font-weight:bold;font-size:20px;margin-bottom:18px;}
.scroll_wrap .value_list .bg1{background:url('../images/content/brand/story_value_list1.png') no-repeat center center;}
.scroll_wrap .value_list .bg2{background:url('../images/content/brand/story_value_list2.png') no-repeat center center;}
.scroll_wrap .value_list .bg3{background:url('../images/content/brand/story_value_list3.png') no-repeat center center;}
.scroll_wrap .value_list .bg4{background:url('../images/content/brand/story_value_list4.png') no-repeat center center;}
.scroll_wrap .value_tbl{margin-top:123px;}
.scroll_wrap .value_tbl > li{display:table;table-layout:fixed;}
.scroll_wrap .value_tbl > li > div{display:table-cell;width:50%;vertical-align:middle;}
.scroll_wrap .value_tbl .img{text-align:center;}
.scroll_wrap .value_tbl .txt{padding:35px;font-size:14px;color:#444;text-align:left;}
.scroll_wrap .value_tbl .txt>div{padding-left:80px;}
.scroll_wrap .value_tbl .txt strong{display:block;font-size:22px;color:#222;font-weight:bold;line-height:1.2;margin-bottom:20px;}
.scroll_wrap .value_tbl .txt .num1{background:url('../images/content/brand/story_value_num1.png') no-repeat left top;}
.scroll_wrap .value_tbl .txt .num2{background:url('../images/content/brand/story_value_num2.png') no-repeat left top;}
.scroll_wrap .value_tbl .txt .num3{background:url('../images/content/brand/story_value_num3.png') no-repeat left top;}
.scroll_wrap .value_tbl .txt .num4{background:url('../images/content/brand/story_value_num4.png') no-repeat left top;}
.scroll_wrap #bi{padding-top:85px;height:970px;background:#f4f4f4;}
.scroll_wrap #bi .bi{position: relative;height:320px;background: url('../images/content/brand/story_bi_bg.gif') no-repeat center top;}
.scroll_wrap #bi .bi p{position: absolute;left:296px;top:124px;width:490px;height:70px;overflow: hidden;}
.scroll_wrap #bi .bi p img{position: relative;left: 434px;vertical-align: top;transition: all 1s ease}
.scroll_wrap #bi .bi p.active img{left:0;}
.scroll_wrap #bi .txt{padding:0 20px;}
.scroll_wrap #bi .txt strong{display:block;padding:30px 0 20px;font-weight:bold;font-size:22px;color:#222;}
.scroll_wrap .bi_list{margin-top:70px;overflow:hidden; text-align:center;}
.scroll_wrap .bi_list li{ display:inline-block; padding:6px 30px 6px 80px;font-size:12px;color:#666666;text-align:left;}
.scroll_wrap .bi_list .bg1{background:url('../images/content/brand/story_bi_color1.png') no-repeat left center;}
.scroll_wrap .bi_list .bg2{background:url('../images/content/brand/story_bi_color2.png') no-repeat left center;}
.scroll_wrap .bi_list .bg3{ padding-right:0; background:url('../images/content/brand/story_bi_color3.png') no-repeat left center;}
.scroll_wrap #curriculum{padding-top:85px;height:1024px;background:#fff url('../images/content/brand/story_curri_bg.jpg') no-repeat center bottom;;}
.scroll_wrap #curriculum .tit{font-size:50px;color:#222;font-weight:normal;}
.scroll_wrap #curriculum .sub{margin:20px 0 65px;font-weight:bold;font-size:22px;color:#222;}
.scroll_wrap #curriculum .txt{text-align:left;padding-left:550px;}
.scroll_wrap #curriculum .txt p{margin-bottom:35px;}
.scroll_wrap #curriculum .block{position:absolute;}
.scroll_wrap #curriculum .block1{top:0px;left:-184px;-webkit-animation:blockDown 15 linear infinite;animation:blockDown 15s linear infinite;}
.scroll_wrap #curriculum .block2{top:455px;right:-249px;-webkit-animation:blockUp 10s linear infinite;animation:blockUp 10s linear infinite;}
.scroll_wrap #curriculum .block3{top:540px;right:51px;-webkit-animation:blockDown 20s linear infinite;animation:blockDown 20s linear infinite;}
@-webkit-keyframes blockDown{
  25%{-webkit-transform:translateY(-50px);transform:translateY(-50px);}
  75%{-webkit-transform:translateY(50px);transform:translateY(50px);}
}
@keyframes blockDown{
  25%{-webkit-transform:translateY(-50px);transform:translateY(-50px);}
  75%{-webkit-transform:translateY(50px);transform:translateY(50px);}
}
@-webkit-keyframes blockUp{
  25%{-webkit-transform:translateY(80px);transform:translateY(80px);}
  75%{-webkit-transform:translateY(-80px);transform:translateY(-80px);}
}
@keyframes blockUp{
  25%{-webkit-transform:translateY(80px);transform:translateY(80px);}
  75%{-webkit-transform:translateY(-80px);transform:translateY(-80px);}
}
.scroll_wrap #freecell{background:#e4f1fc;padding-top:85px;height:850px;}
.scroll_wrap .freecell_list{font-size:14px;}
.scroll_wrap .freecell_list:after{content:'';display:block;clear:both;}
.scroll_wrap .freecell_list>li{float:left;width:270px;margin-left:6px;padding:80px 0;height:490px;box-sizing:border-box;border-radius:8px;box-shadow:10px 10px 30px #999;}
.scroll_wrap .freecell_list>li:first-child{margin-left:0;}
.scroll_wrap .freecell_list>li img{transition:all 0.5s ease}
.scroll_wrap .freecell_list>li:hover img{transform:scale(1.3)}
.scroll_wrap .freecell_list .bg1{background:#d0fa8d;}
.scroll_wrap .freecell_list .bg2{background:#ffc5dd;}
.scroll_wrap .freecell_list .bg3{background:#fff346;}
.scroll_wrap .freecell_list .bg4{background:#96cefb;}
.scroll_wrap .freecell_list strong{display:block;padding:50px 0 20px;font-weight:bold;font-size:20px;color:#222;}
.scroll_wrap #component{background:#fff;padding-top:85px;height:1350px;}
.scroll_wrap .component_list{margin-top:75px;}
.scroll_wrap .component_list:after{content:'';display:block;clear:both;}
.scroll_wrap .component_list li{float:left;margin-left:20px;}
.scroll_wrap .component_list li:first-child{margin-left:0;}
.scroll_wrap .component_list li p{margin-top:30px;font-weight:bold;font-size:20px;color:#222;}
.scroll_wrap #steam{position:relative;background:#f4f4f4;padding-top:85px;height:975px;overflow:hidden;}
.scroll_wrap #steam .robot{position:absolute;}
.scroll_wrap #steam .robot1{right:50%;top:193px;margin-right:445px;}
.scroll_wrap #steam .robot2{left:50%;top:0;margin-left:327px;}
.scroll_wrap #steam .tit{padding-top:45px;}
.scroll_wrap .steam_list{margin-top:85px;border-radius:30px 0;box-shadow:10px 10px 30px #999;font-size:14px;text-align:left;overflow:hidden;}
.scroll_wrap .steam_list li{float:left;width:220px;height:220px;padding:30px 20px;background-position:right bottom;background-repeat:no-repeat;transition:all 0.5s ease;}
.scroll_wrap .steam_list li:hover{padding-top:85px;background-position:right 10px;}
.scroll_wrap .steam_list li.bg_s{background-color:#fff346;background-image:url('../images/content/brand/why_steam_s.png');}
.scroll_wrap .steam_list li.bg_t{background-color:#0095da;background-image:url('../images/content/brand/why_steam_t.png');color:#fff;}
.scroll_wrap .steam_list li.bg_e{background-color:#ffc5dd;background-image:url('../images/content/brand/why_steam_e.png');}
.scroll_wrap .steam_list li.bg_a{background-color:#efe7de;background-image:url('../images/content/brand/why_steam_a.png');}
.scroll_wrap .steam_list li.bg_m{background-color:#fff;background-image:url('../images/content/brand/why_steam_m.png');}
.scroll_wrap .steam_list li span{color:#222;}
.scroll_wrap .steam_list li strong{display:block;font-weight:bold;color:#222;font-size:26px;padding:5px 0;letter-spacing:-1px;}
.scroll_wrap .steam_list li.bg_t span, .scroll_wrap .steam_list li.bg_t strong{color:#fff;}
.scroll_wrap #curriculum2{background:#fff;padding-top:85px;height:1280px;}
.scroll_wrap .curri2_list{margin-right:-25px;text-align:left;font-size:14px;}
.scroll_wrap .curri2_list:after{content:'';display:block;clear:both;}
.scroll_wrap .curri2_list>li{float:left;width:350px;height:440px;margin:0 25px 25px 0;padding:50px 25px;background-color:#f4f4f4;background-repeat:no-repeat;background-position:right bottom;border-radius:0 0 30px 0;transition:all 0.5s ease;}
.scroll_wrap .curri2_list>li:hover{background-color:#e4e4e4;}
.scroll_wrap .curri2_list>li.step1{background-image:url('../images/content/brand/why_curri2_bg1.png');}
.scroll_wrap .curri2_list>li.step2{background-image:url('../images/content/brand/why_curri2_bg2.png');}
.scroll_wrap .curri2_list>li.step3{background-image:url('../images/content/brand/why_curri2_bg3.png');}
.scroll_wrap .curri2_list>li.step4{background-image:url('../images/content/brand/why_curri2_bg4.png');}
.scroll_wrap .curri2_list>li.step5{background-image:url('../images/content/brand/why_curri2_bg5.png');}
.scroll_wrap .curri2_list>li.step6{background-image:url('../images/content/brand/why_curri2_bg6.png');}
.scroll_wrap .curri2_list .tit{display:table;table-layout:fixed;width:100%;color:#222;margin-bottom:28px;}
.scroll_wrap .curri2_list .tit>div{display:table-cell;vertical-align:middle;}
.scroll_wrap .curri2_list .tit .img{width:110px;}
.scroll_wrap .curri2_list .tit strong{display:block;font-size:22px;font-weight:bold;color:#222;line-height:1.2;}
.scroll_wrap #patent{background:#f4f4f4;padding-top:85px;height:2040px;}
.patent_dl:after{content:'';display:block;clear:both;}
.patent_dl dt,.patent_dl dd{float:left;overflow:hidden;background:#fff;}
.patent_list:after{content:'';display:block;clear:both;}
.patent_list li{float:left;overflow:hidden;background:#fff;}
.patent_dl .green, .patent_list .green{background:#a3c55a;}
.patent_dl .yellow, .patent_list .yellow{background:#fff346;}

.csbox{display:table;width:100%;table-layout:fixed;font-size:14px;color:#666;margin-top:80px;}
.csbox>div{position:relative;display:table-cell;width:50%;height:200px;padding:30px 40px;background:#f2f7fc url('../images/content/utile/bg_csbox1.png') no-repeat 100% 100%;transition:background 0.5s ease;}
.csbox>div + div{background-color:#fbf8ce;background-image: url('../images/content/utile/bg_csbox2.png');}
.csbox>div.mail{background-image: url('../images/content/utile/bg_csbox3.png');}
.csbox>div:hover{background-position: 100% 50%;}
.csbox .tit{font-size: 20px;color: #222;}
.csbox .tit strong{font-weight:bold;}
.csbox .txt{margin-top:20px;}
.csbox .call,.csbox .btn{position:absolute;left:40px;color:#0095da;}
.csbox .call{bottom:30px;font-size:25px;}
.csbox .btn{display:inline-block;bottom:25px;font-size:14px;font-weight:bold;padding:0px 23px;border:3px solid #0095da;border-radius:22px;line-height:36px;}
.csbox .btn .arr{display:inline-block;width:22px;height:16px;background: url('../images/content/spr.png') no-repeat -44px 0;vertical-align:-3px;margin-left:5px;}
.csbox .mail .btn:before{content:'';display:inline-block;width:17px;height:12px;16px;background: url('../images/content/spr.png') no-repeat -98px 0;vertical-align:-2px;margin-right:8px;}

.contest_info{position: relative;background: #71c8ff url('../images/content/toriplay/bg_contest_info1.jpg') no-repeat center top;overflow: hidden;}
.contest_info.info2{background-image: url('../images/content/toriplay/bg_contest_info2.jpg');}
.contest_info.info3{background-image: url('../images/content/toriplay/bg_contest_info3.jpg');}
.contest_info .cont_in{position:relative;padding-bottom: 180px;}
.contest_info.info2 .cont_in{padding-bottom: 90px;}
.contest_info.info3 .cont_in{padding-bottom: 90px;}
.contest_tab{position:absolute;top:0;left:50%;overflow:hidden;width: 642px;margin-left: -233px;}
.contest_tab li{float:left;width:214px;height:190px;text-align:center;}
.contest_tab li.on{height:303px;background:url('../images/content/toriplay/contest_tab_on.png') no-repeat center bottom;}
.contest_tab li.on.long{height:356px;padding-top:53px;}
.contest_tab li a{position:relative;display:inline-block;width:156px;height:146px;line-height:136px;margin-top:44px;z-index:1;}
.contest_tab li a img{opacity:0.6;}
.contest_tab li a:hover img{opacity:1;}
.contest_tab li a:before{content:'';display:inline-block;width:156px;height:146px;position:absolute;left:0;bottom:0;background:url('../images/content/toriplay/contest_tab_off.png') no-repeat;-webkit-animation:lightScale 4s linear infinite;animation:lightScale 4s linear infinite;}
.contest_tab li a:hover:before{background-image: url('../images/content/toriplay/contest_tab_over.png');}

.hd_img{ text-align:center; margin:50px 0 0 0;}

@-webkit-keyframes lightScale{
  25%{-webkit-transform:scale(0.9);transform:scale(0.9);;}
  50%{-webkit-transform:scale(1);transform:scale(1);;}
  75%{-webkit-transform:scale(0.9);transform:scale(0.9);;}
}
@keyframes lightScale{
  25%{-webkit-transform:scale(0.9);transform:scale(0.9);;}
  50%{-webkit-transform:scale(1);transform:scale(1);;}
  75%{-webkit-transform:scale(0.9);transform:scale(0.9);;}
}
.contest_tab li strong{display:inline-block;width:178px;height:110px;line-height:110px;margin-top:165px;}
.contest_select{position:absolute;right:-50px;top:30px;width: 200px;height:38px;line-height:34px;padding-left:10px;font-size:13px;color:#008ed0;border:2px solid #0095da;z-index: 1;}
.contest_info_txt{position:relative;padding:172px 0 0 27px;}
.contest_info_txt .tit{margin-left:-27px; margin-bottom: 25px;}
.contest_info_txt p{font-size: 18px;color: #222222}
.contest_info_txt p + p{margin-top: 15px;}
.contest_info_txt p span{font-size: 16px;}
.contest_info_txt .btn{display: inline-block;margin-top: 30px;}
.contest_info_box{display: table;width:100%; margin:40px auto 50px; border-collapse: separate; border-spacing: 2px;table-layout: fixed;font-size: 16px;color: #444;}
.contest_info_box>div{display: table-cell;width: 33.33%;text-align: center; vertical-align:middle; background: #e4f5ff;padding:15px 0;height:190px;}
.contest_info_box>div strong{font-size: 24px;display: block;margin-bottom:15px;}
.cont_in .tableWrap .tableCont td{font-size:15px; }
.cont_in .tableWrap .tableCont li{line-height:1.6em;}
.contest_tit{position:relative;font-size:20px;color: #222;padding-left:25px;font-weight:bold;}
.contest_tit:before{content:'';display:block;width:6px;height:6px;border:6px solid #71c8ff;border-radius:50%;position:absolute;left:0;top:5px;}
.contest_tit strong{font-weight:bold;}
.contest_txt{padding:10px 0 10px 25px;font-size:16px;color:#666666;}
.contest_txt ul li{position:relative;padding-left:15px;margin-top:4px;}
.contest_txt ul li:first-child{margin-top:0;}
.contest_txt ul li:before{content:'';display:block;width:2px;height:2px;background:#666666;position:absolute;left:0;top:9px;}
.contest_txt + .contest_tit{margin-top:40px;}
.contest_info .item{position: absolute;}
.contest_info .item.img{top: 229px;right: -59px;}
.contest_info .item.robot1{top:542px;left: 308px;}
.contest_info .item.robot2{top:383px;left: 439px;}
.contest_info .item.robot3{top:196px;right: 148px;}
.contest_info .item.robot4{top:333px;right: -24px;}
.contest_info .item.robot5{top:518px;right: 12px;}
.contest_info .item.cell{top: 227px;right: -60px;}
.contest_info .item.award_cell{top:27px;right: 34px;}
.contest_info .item.medal1{top: 378px;right: -56px;}
.contest_info .item.medal2{top: 354px;right: 219px;}
.contest_info .item.medal3{top: 301px;right: 20px;width: 358px;height: 374px;background: url('../images/content/toriplay/contest_info_medal3.png') no-repeat;}
.contest_info .item.medal3>div{margin-top: 69px;text-align: center;}
.contest_info .bottom_sdw{position:absolute;left: 0;bottom: 0;width: 100%;text-align: center;overflow: hidden;}
.contest_info .bottom_sdw a{display: inline-block;width: 220px;height: 50px; font-size:0;background: url('../images/content/toriplay/bottom_sdw.png') no-repeat;vertical-align: bottom;}
.contest_info .bottom_sdw a:after{content: '';display: inline-block;width: 22px;height: 22px;margin-top: 28px;background: url('../images/content/spr.png') no-repeat -71px 0;}
.contest_info .bottom_sdw:before,.contest_info .bottom_sdw:after{content: '';display: block;width: 50%;height: 40px;;position: absolute;bottom: 0;background: url('../images/content/toriplay/bottom_sdw2.png') repeat-x left bottom;}
.contest_info .bottom_sdw:before{left: -110px;}
.contest_info .bottom_sdw:after{right: -110px;}
.best_contest{background: #e9f7fe;}
.best_contest .cont_in{padding-bottom:70px;}
.best_contest + .cont_in{padding-top: 35px;}
.best_contest .tit1{text-align: center;font-size:20px ;color: #4292c5;font-weight:bold;padding-top: 20px;}
.best_contest .tit2{position: relative;text-align: center;font-size:32px ;color: #222;font-weight:bold;padding-top: 25px;line-height: 1;}
.best_contest .tit2 span{position: absolute;right: 0;bottom: 0;font-size: 14px;}

.award_tit{width: 1200px;position: relative;margin-left: -50px;text-align: center;overflow:hidden;margin-top: 45px;}
.award_tit span{position: relative;display: inline-block;font-size: 40px;min-width: 150px;color: #085ebe; background-color:#fff;z-index:3; padding:0 10px;}
.award_tit:before,.award_tit:after{content: '';display: block;width: 532px;height: 16px;position: absolute;top: 50%;margin-top: -8px;background:url('../images/content/toriplay/bg_award_tit.gif') repeat-x;}
.award_tit:before{left: 0;}
.award_tit:after{right: 0;}
.award_tit + p{font-size: 18px;text-align: center;margin-top: 10px;}

.img_list3{margin-right:-20px;margin-top:10px;color:#222;font-size:18px;overflow:hidden;}
.img_list3.col2{margin-right:-50px;text-align:center;}
.img_list3 li{display:inline-block;width:353px;text-align:center;margin:25px 20px 25px 0; vertical-align:top;}
.img_list3.col2 li{width:525px;margin:50px 50px 50px 0;}
.img_list3 .img{position:relative;height:353px;background:#d6f0ff;overflow:hidden;}
.img_list3 .img img{max-width:100%;max-height:100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;transition:all 0.5s ease;}
.img_list3 .img:hover img{transform:scale(1.2);}
.img_list3.col2 .img{height:525px;}
.img_list3.col2 .img img{width:525px;height:525px;}
.img_list3 .medal_wrap{position:relative;height:50px;z-index:1;}
.img_list3 .medal{position:absolute;left:50%;top:0;width:113px;height:113px;margin-left:-57px;font-size:0;text-indent:-999em;overflow:hidden;}
.img_list3 .medal.gold{background:url('../images/content/toriplay/ic_medal_gold.png') no-repeat;}
.img_list3 .medal.silver{background:url('../images/content/toriplay/ic_medal_silver.png') no-repeat;}
.img_list3 .medal.bronze{background:url('../images/content/toriplay/ic_medal_bronze.png') no-repeat;}
.img_list3 .medal.c1{background:url('../images/content/toriplay/ic_medal_c1.png') no-repeat;}
.img_list3 .medal.c2{background:url('../images/content/toriplay/ic_medal_c2.png') no-repeat;}
.img_list3 .medal.c3{background:url('../images/content/toriplay/ic_medal_c3.png') no-repeat;}
.img_list3 .tit{margin-top:15px;font-size:20px;font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.img_list3 li .interVew{ position:relative; display:block; margin:70px 0 0 0; padding:50px 40px 40px; border:#0095da 1px solid; text-align:center;}
.img_list3 li .interVew:before{ content:""; position:absolute; top:-28px; left:50%; margin-left:-28px; width:55px; height:55px; background:#fff url('../images/content/toriplay/ic_mc.png') 50% 50% no-repeat;}
.img_list3 li .interVew dt{ color:#222; font-size:20px; font-weight:600;}
.img_list3 li .interVew dd{ color:#666; font-size:16px; margin:15px 0 0 0;}

.toriplay{background: url('../images/content/toriplay/toryplay_bg.jpg') no-repeat center bottom/cover;overflow: hidden;}
.toriplay.none { background:none;}
.toriplay >div{position: relative;width: 1200px;height: 826px;margin: 0 auto;}
.toriplay .cont_tit{position: relative;text-align: left;padding-bottom: 35px;}
.toriplay_sns,.toriplay_list{overflow:hidden;position: relative;margin-bottom: 20px;text-align:center;}
.toriplay_sns li,.toriplay_list li{float: left;margin-right: 20px;}
.toriplay_sns li a, .toriplay_list li a{display: block;width: 209px;height: 209px;font-size: 16px;color: #fff;}
.toriplay_sns li a.blog{background: url('../images/content/toriplay/toryplay_sns_blog.png') no-repeat;}
.toriplay_sns li a.youtube{background: url('../images/content/toriplay/toryplay_sns_youtube.png') no-repeat;}
.toriplay_sns li a.insta{background: url('../images/content/toriplay/toryplay_sns_insta.png') no-repeat;}
.toriplay_list li a.activity{background: url('../images/content/toriplay/toryplay_list_activity.png') no-repeat;padding-top: 65px;}
.toriplay_list li a.news{background: url('../images/content/toriplay/toryplay_list_news.png') no-repeat;padding-top: 68px;}
.toriplay_sns .sns{padding-top: 140px;}
.toriplay_list .img{margin-bottom:13px;overflow:hidden;text-align:center;}
.toriplay_list .img img{width:100px;height:57px;}
.toriplay_list .txt{width:130px;height: 72px;overflow:hidden;margin:0 auto 17px;line-height: 1.5;}
.toriplay_list .date{font-size: 13px;color: #ffe7eb;}
.toriplay_list .text { overflow:hidden; padding:0 24px; height:45px;}
.toriplay .btnContest { display:block; position:absolute; top:221px; right:251px; width:246px; height:209px; font-size:0;}
.toriplay .btnContest a { display:block; width:246px; height:209px; animation:contestM 2s linear infinite alternate; -webkit-animation:contestM 2s linear infinite alternate; background:url('../images/content/toriplay/btn_contest.png') no-repeat;}
.toriplay .btnContest:hover a {animation-play-state:paused;-webkit-animation-play-state:paused;}
@-webkit-keyframes contestM{
  0%{-webkit-transform:translateY(5px);transform:translateY(5px);}
  100%{-webkit-transform:translateY(-5px);transform:translateY(-5px);}
}
.toriplay .model{position:absolute;right:-111px;bottom:0;}
.toriplay .item{position:absolute;}
.toriplay .item img{-webkit-animation:balloon 4s linear infinite;animation:balloon 4s linear infinite;}
.toriplay .item.balloon1{top:215px;right:600px;}
.toriplay .item.balloon1 img{-webkit-animation-duration: 6s;animation-duration: 6s;}
.toriplay .item.balloon2{top:380px;right:487px;}
.toriplay .item.balloon2 img{-webkit-animation-duration: 3s;animation-duration: 3s;}
.toriplay .item.balloon3{top:50px;right:180px;}
.toriplay .item.balloon3 img{-webkit-animation-duration: 10s;animation-duration: 10s;}
.toriplay .item.balloon4{top:-10px;right:-19px;}
.toriplay .item.balloon4 img{-webkit-animation-duration: 4s;animation-duration: 4s;}
.toriplay .item.balloon5{top:250px;right:-19px;}
.toriplay .item.balloon5 img{-webkit-animation-duration: 5s;animation-duration: 5s;}
.toriplay .item.balloon6{top:355px;right:-173px;}
.toriplay .item.balloon6 img{-webkit-animation-duration: 8s;animation-duration: 8s;}
@-webkit-keyframes balloon{
  0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;}
  20%{opacity:1;}
  80%{opacity:1;}
  100%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0;}
}
@keyframes balloon{
  0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;}
  20%{opacity:1;}
  80%{opacity:1;}
  100%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0;}
}
.write_rule{height:224px;padding:30px;overflow:auto;border:1px solid #e9e9e9;}
.write_rule p{text-align: center;margin-bottom:20px;}
.write_rule p strong{font-weight: bold;color: #222;}
.write_rule pre{font-family:'Nanum Gothic','NanumGothic';font-size: 14px;color: #666;}
.write_rule_chk{margin:30px 0;text-align:center;font-size: 14px;}
.write_rule_chk a{margin-left:30px;text-decoration:underline;}
.write_info{text-align:right;font-size: 14px;color: #666;margin-bottom: 10px;}
.write_info i{color: #e71a46;font-weight:bold;}

.btnGroupRight { text-align:right;}
.btnGroupRight .btnButton { display:inline-block; width:180px; height:50px; border:1px solid #969696; text-align:center; background:#fff;}

.searchBoxView { display:inline-block; position:relative;}
.searchBoxView .searchList { position:absolute; top:32px; left:0; width:355px; border:1px solid #9d9d9d; background:#fff;}
.searchBoxView .searchList a { display:block; padding:5px 13px;}
.searchBoxView .searchList a:hover { background:#f7f7f7;}
.searchBoxView .searchList a + a { border-top:1px dotted #969696}
.searchBoxView .searchSelected { display:inline-block; margin-left:5px; padding-left:5px; font-weight:bold; color:#0095da}
.write .searchBoxView .searchSelected a { display:inline-block; color:#666; font-weight:normal;}

.searchWrap .search{margin: 0px auto 0;border: 4px solid #0095da;background: #fff;width: 600px;height: 70px;overflow:hidden;}
.searchWrap .search input{float:left;border:0 none;height:42px;line-height: 42px;padding: 10px;color: #666;width: 500px;}
.searchWrap .search .btn{display:inline-block;height:62px;width:70px;float: right;font-size:0;text-indent: -999em;overflow: hidden;background:url('../images/content/moretips/btn_search.png') no-repeat center center;}
.searchWrap .searchResult { padding:25px 0 30px; border-top:2px solid #0095da; font-size:16px; color:#666;}
.searchWrap .searchResult strong { color:#222; font-weight:bold;}

 /* ==============================
 * popup
 * ============================== */
#mainPopupWrap { position:relative; width:100%;}
#mainPopupWrap .popupImg { overflow:hidden; width:100%;}
#mainPopupWrap .popupImg ul { width:200%;}
#mainPopupWrap .popupImg li { float:left; width:50%; text-align:center;}
#mainPopupWrap .popupImg li img { max-width:100%;}
#mainPopupWrap .imgIcon { position:absolute; bottom:80px; left:50%; transform:translateX(-50%); font-size:0;}
#mainPopupWrap .imgIcon a { display:inline-block; width:16px; height:16px; margin:0 5px; border-radius:50%; background:#c1c1c1;}
#mainPopupWrap .imgIcon a.on { background:#0088cf;}
#mainPopupWrap .btnGroup { overflow:hidden;}
#mainPopupWrap .btnGroup a { float:left; display:block; position:relative; width:50%; height:60px; line-height:60px; text-align:center; color:#fff; background:#0094da;}
#mainPopupWrap .btnGroup a + a:after{ content:''; display:block; position:absolute; left:0; top:0; bottom:0; width:1px; background:#0088cf;}

.bg_popup{display: none;position: fixed;top:0;right: 0;bottom: 0;left: 0;padding:100px;overflow-y: auto;background: rgba(0,0,0,0.5);z-index: 100;}
.pop_wrap{display: none;position:relative;background: #fff;width:600px;margin: 0 auto;}
.pop_wrap .pop_head{padding: 21px 70px 21px 30px;background: #0095da;}
.pop_wrap .pop_head h1{display: inline;color: #fff;font-weight: bold;font-size: 20px;}
.pop_wrap .pop_cont{padding: 35px 30px;}
.pop_wrap .btn_close{display: block;position: absolute;right:20px;top: 15px;width: 40px;height: 40px;font-size: 0;text-indent: -999em;overflow: hidden;background: url('../images/common/pop_close.png') no-repeat center center;}

.pop_rule {font-size: 14px;color: #666666;}
.pop_rule strong{font-size: 16px;color: #222;}
.pop_rule > ol > li + li{margin-top: 20px;}
.pop_rule > ol > li ol,.pop_rule > ol > li ul{margin-top: 20px;}
.pop_rule li li{padding-left: 15px;}

.pop_email_text{color: #666;}
.pop_email_text strong{font-weight: bold;color: #222222;}
.pop_email_text p + p{margin-top: 20px;}
.pop_email_text .date{font-size: 14px;color: #222222;}

.popModify_txt{font-weight:bold;text-align:center;padding:30px 0 50px;}
.popModify_txt + .tableWrap .tableCont.write th{padding:15px;}

.conactusLogo { margin:30px 0; text-align:center;}

@media screen and (max-width:640px){
}