﻿/* 상단 영역 */
.deviceGuideWrap .topIntro { padding:45px 15px;text-align:center;background-color:#222; }  
.deviceGuideWrap .topIntro .logo { opacity:0;transform:scale(0.8);transition:opacity 1s, transform .8s;transition-timing-function:ease; }
.deviceGuideWrap .topIntro .top_titTxt { padding-top:20px;line-height:30px;font-weight:700;font-size:26px;color:#fff; }  
.deviceGuideWrap .topIntro .top_titTxt { opacity:0;transition:opacity 1s, transform .8s;transition-timing-function:ease; }
.deviceGuideWrap .topIntro .top_desTxt { padding-top:9px;line-height:17px;font-size:12px;color:#fff; }  
.deviceGuideWrap .topIntro .top_desTxt { opacity:0;transition:opacity 1s, transform .8s;transition-timing-function:ease; }
.deviceGuideWrap .guideTopArea .topDes { padding:50px 0;background-color:#fff; }  
.deviceGuideWrap .guideTopArea .topDes .des_way { display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; }  
.deviceGuideWrap .guideTopArea .topDes .des_way { justify-content:center;padding:0 9px; }  
.deviceGuideWrap .guideTopArea .topDes .des_way li { opacity:0;transform:translateX(-10px);transition:opacity .5s, transform .5s;transition-timing-function:ease; }
.deviceGuideWrap .guideTopArea .topDes .des_way li { position:relative;margin:0 6px;width:80px;text-align:center; }  
.deviceGuideWrap .guideTopArea .topDes .des_way li+li:after { content:"";position:absolute;left:-7.5px;top:37px;width:3px;height:6px;background:url("https://image.yes24.com/sysimage/renew/eBookGuide_v2/mobile/device/ico_arr.svg?v=251103") no-repeat center center;background-size:100% auto; }  
.deviceGuideWrap .guideTopArea .topDes .des_way li .des_imgRnd { display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; }  
.deviceGuideWrap .guideTopArea .topDes .des_way li .des_imgRnd { justify-content:center;align-content:center; }  
.deviceGuideWrap .guideTopArea .topDes .des_way li .des_imgRnd { width:80px;height:80px;border-radius:50%;background-color:#F7F7F7; }  
.deviceGuideWrap .guideTopArea .topDes .des_way li .des_txt { padding-top:7px;line-height:15px;font-size:12px;font-weight:500;color:#333; }  
.deviceGuideWrap .guideTopArea .topDes .des_setUp { padding:50px 12px 0 13px;text-align:center; }  
.deviceGuideWrap .guideTopArea .topDes .des_setUp { opacity:0;transition:opacity 1s, transform .8s;transition-timing-function:ease; }  
.deviceGuideWrap .guideTopArea .topDes .des_setUp .des_txt { line-height:18px;font-size:15px;font-weight:700;color:#000; }  
.deviceGuideWrap .guideTopArea .topDes .des_setUp .des_btnGrp { padding-top:10px;line-height:0;font-size:0; }  
.deviceGuideWrap .guideTopArea .topDes .des_setUp .des_btnGrp a { margin:0 3px 0 2px; }  
.deviceGuideWrap .guideTopArea .topDes .des_setUp .des_not { padding-top:15px;line-height:14px;font-size:12px;color:#000; }  
.deviceGuideWrap.active .topIntro .logo { transition-delay:.3s;transform:scale(1);opacity:1; }
.deviceGuideWrap.active .topIntro .top_titTxt { transition-delay:.3s;opacity:1; }
.deviceGuideWrap.active .topIntro .top_desTxt { transition-delay:.3s;opacity:1; }
.deviceGuideWrap.active .guideTopArea .topDes .des_way li:nth-child(1) { transition-delay:0.5s;transform:translateX(0);opacity:1; }
.deviceGuideWrap.active .guideTopArea .topDes .des_way li:nth-child(2) { transition-delay:0.6s;transform:translateX(0);opacity:1; }
.deviceGuideWrap.active .guideTopArea .topDes .des_way li:nth-child(3) { transition-delay:0.7s;transform:translateX(0);opacity:1; }
.deviceGuideWrap.active .guideTopArea .topDes .des_way li:nth-child(4) { transition-delay:0.8s;transform:translateX(0);opacity:1; }
.deviceGuideWrap.active .guideTopArea .topDes .des_setUp { transition-delay:0.9s;transform:translateX(0);opacity:1; }

/* 탭 영역 */ 
#yesWrap.fixedGnb .deviceGuideWrap .guideCntArea .guideTab { position:sticky;top:57px;z-index:2; } 
.deviceGuideWrap .guideCntArea .guideTab { background-color:#333; } 
.deviceGuideWrap .guideCntArea .guideTab ul { display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; } 
.deviceGuideWrap .guideCntArea .guideTab ul { margin:0 auto;max-width:480px;height:44px;text-align:center; } 
.deviceGuideWrap .guideCntArea .guideTab ul li { position:relative;width:25%; } 
.deviceGuideWrap .guideCntArea .guideTab ul li+li:after { content:"";position:absolute;left:-0.5px;top:0;bottom:0;width:1px;background-color:#f8f8f8; } 
.deviceGuideWrap .guideCntArea .guideTab ul li a { display:block;width:100%;height:44px; } 
.deviceGuideWrap .guideCntArea .guideTab ul li a .txt { line-height:44px;font-weight:600;font-size:14px;color:#fff; } 
.deviceGuideWrap .guideCntArea .guideTab ul li.on a { background-color:#f8f8f8; } 
.deviceGuideWrap .guideCntArea .guideTab ul li.on a .txt { color:#333; } 

/* 내용 영역 */ 
.deviceGuideWrap .guideCntArea .guideCnt { padding:50px 0; } 
.deviceGuideWrap .guideCntArea .guideCnt+.guideCnt { border-top:solid 1px #ebebeb; } 
.deviceGuideWrap .guideCntArea .guideCnt .cont_tit { padding:0 15px 20px;text-align:center; } 
.deviceGuideWrap .guideCntArea .guideCnt .cont_tit .tit_num { line-height:23px;font-weight:700;font-size:18px;color:#0080ff; } 
.deviceGuideWrap .guideCntArea .guideCnt .cont_tit .tit_txt { line-height:23px;font-weight:700;font-size:18px;color:#000; }  
.deviceGuideWrap .guideCntArea .guideCnt .cont_tit .tit_des { padding-top:10px;line-height:16px;font-size:14px;color:#333; } 
.deviceGuideWrap .guideCntArea .guideCnt .txt_int { padding:0 15px;line-height:23px;font-size:14px;color:#333;text-align:center; } 
.deviceGuideWrap .guideCntArea .guideCnt .txt_int .txt_blue { color:#0080ff; }  
.deviceGuideWrap .guideCntArea .guideCnt .guideImg+.guideImg { position:relative;margin-top:50px; } 
.deviceGuideWrap .guideCntArea .guideCnt .guideImg+.guideImg:after { content:"";position:absolute;left:50%;top:-40px;transform:translateX(-50%) rotate(90deg);width:30px;height:30px;background:url("https://image.yes24.com/sysimage/renew/eBookGuide_v2/device/ico_way_arr.svg") no-repeat center center; } 
.deviceGuideWrap .guideCntArea .guideCnt .guideMore { text-align:center; } 
.deviceGuideWrap .guideCntArea .guideCnt .guideImg { text-align:center; } 
.deviceGuideWrap .guideCntArea .guideCnt .guideBtn { margin:0 auto;width:180px; } 
.deviceGuideWrap .guideCntArea .guideCnt .guideBtn .btn_c { width:180px; } 
.deviceGuideWrap .guideCntArea .guideCnt .guideMore { margin:0 auto;width:180px;text-align:right; } 
.deviceGuideWrap .guideCntArea .guideCnt .guideMore .txt { line-height:20px;font-size:14px;color:#333; } 
.deviceGuideWrap .guideCntArea .guideCnt .guideMore .iconC { margin-top:1px; }  
.deviceGuideWrap .guideCntArea .guideCnt .guideTb { padding:0 15px; }  
.deviceGuideWrap .guideCntArea .guideCnt .guideTb .tbRow { display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; }  
.deviceGuideWrap .guideCntArea .guideCnt .guideTb .tbRow { align-items:center;margin:0 auto;max-width:480px;border:solid 1px #ebebeb; }  
.deviceGuideWrap .guideCntArea .guideCnt .guideTb .tbRow .tb_item { flex-shrink:0;width:100px;text-align:center; }  
.deviceGuideWrap .guideCntArea .guideCnt .guideTb .tbRow .tb_item .txt { line-height:18px;font-weight:700;font-size:13px;color:#333; }  
.deviceGuideWrap .guideCntArea .guideCnt .guideTb .tbRow .tb_value { box-sizing:border-box;padding:12px 10px;width:calc(100% - 100px);border-left:solid 1px #ebebeb; }  
.deviceGuideWrap .guideCntArea .guideCnt .guideTb .tbRow .tb_value .value+.value { margin-top:20px; }  
.deviceGuideWrap .guideCntArea .guideCnt .guideTb .tbRow .tb_value .value .txt { line-height:17px;font-size:13px;color:#666; } 
 
.deviceGuideWrap.deviceCrema .guideCntArea .guideCnt.guideCnt01 .cont_tit+.txt_int { padding:7px 15px 16px; } 
.deviceGuideWrap.deviceCrema .guideCntArea .guideCnt.guideCnt01 .guideImg+.txt_int { padding:27px 15px 16px; } 
.deviceGuideWrap.deviceCrema .guideCntArea .guideCnt.guideCnt03 .guideMore { text-align:center; } 
.deviceGuideWrap.deviceCrema .guideCntArea .guideCnt.guideCnt05 .txt_int { margin:0 auto;padding:20px 15px 0;width:320px;text-align:left; }  