﻿
#yHeader { margin-bottom:0; }
#yesFooter { margin-top:0; }
#ySkyWrap { display:none; }
#wrapperContent { width:100%;text-align:center; } 

.deviceGuideWrap { }
.deviceGuideWrap img { vertical-align:top; }
.deviceGuideWrap * { font-family:'ptd','Malgun Gothic','Apple SD Gothic Neo',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; }

/* 상단 영역 */
.deviceGuideWrap .topIntro { padding:75px 15px 72px;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:25px;line-height:72px;font-weight:700;font-size:64px;color:#fff; }  
.deviceGuideWrap .topIntro .top_titTxt { opacity:0;transition:opacity 1s, transform .8s;transition-timing-function:ease; }
.deviceGuideWrap .topIntro .top_desTxt { padding-top:18px;line-height:30px;font-size:20px;color:#fff; }  
.deviceGuideWrap .topIntro .top_desTxt { opacity:0;transition:opacity 1s, transform .8s;transition-timing-function:ease; }
.deviceGuideWrap .guideTopArea .topDes { padding:70px 0 100px;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; }  
.deviceGuideWrap .guideTopArea .topDes .des_way li { opacity:0;transform:translateX(-30px);transition:opacity .5s, transform .5s;transition-timing-function:ease; }
.deviceGuideWrap .guideTopArea .topDes .des_way li { position:relative;margin:0 32.5px;width:178px;text-align:center; }  
.deviceGuideWrap .guideTopArea .topDes .des_way li+li:after { content:"";position:absolute;left:-47.5px;top:74px;width:30px;height:30px;background:url("https://image.yes24.com/sysimage/renew/eBookGuide_v2/device/ico_way_arr.svg?v=251103") no-repeat center center; }  
.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:178px;height:178px;border-radius:50%;background-color:#F7F7F7; }  
.deviceGuideWrap .guideTopArea .topDes .des_way li .des_txt { padding-top:18px;line-height:26px;font-size:22px;font-weight:500;color:#333; }  
.deviceGuideWrap .guideTopArea .topDes .des_way li:nth-child(2) .des_txt { margin:0 -20px; }  
.deviceGuideWrap .guideTopArea .topDes .des_setUp { padding-top:100px;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:30px;font-size:26px;font-weight:700;color:#000; }  
.deviceGuideWrap .guideTopArea .topDes .des_setUp .des_btnGrp { padding-top:30px;line-height:0;font-size:0; }   
.deviceGuideWrap .guideTopArea .topDes .des_setUp .des_btnGrp div { display:inline-block;vertical-align:top;margin:0 5px; }   
.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.7s;transform:translateX(0);opacity:1; }
.deviceGuideWrap.active .guideTopArea .topDes .des_way li:nth-child(3) { transition-delay:0.9s;transform:translateX(0);opacity:1; }
.deviceGuideWrap.active .guideTopArea .topDes .des_way li:nth-child(4) { transition-delay:1.1s;transform:translateX(0);opacity:1; }
.deviceGuideWrap.active .guideTopArea .topDes .des_setUp { transition-delay:.5s;transform:translateX(0);opacity:1; }
 
/* 탭 영역 */  
.deviceGuideWrap .guideCntArea { background-color:#f8f8f8; } 
.deviceGuideWrap .guideCntArea .guideTab { position:sticky;top:0;z-index:10;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:896px;height:50px;text-align:center; } 
.deviceGuideWrap .guideCntArea .guideTab ul li { position:relative;width:224px; } 
.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:50px;text-decoration:none; } 
.deviceGuideWrap .guideCntArea .guideTab ul li a .txt { line-height:50px;font-weight:500;font-size:18px;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 { margin:0 auto;width:900px;padding:100px 0; } 
.deviceGuideWrap .guideCntArea .guideCnt+.guideCnt { border-top:solid 1px #ebebeb; } 
.deviceGuideWrap .guideCntArea .guideCnt .cont_tit { text-align:center; } 
.deviceGuideWrap .guideCntArea .guideCnt .cont_tit .tit_num { display:inline-block;vertical-align:top;padding:0 11px 0 0;line-height:47px;font-weight:700;font-size:40px;color:#0080ff; } 
.deviceGuideWrap .guideCntArea .guideCnt .cont_tit .tit_txt { display:inline-block;vertical-align:top;line-height:47px;font-weight:700;font-size:40px;color:#000; }   
.deviceGuideWrap .guideCntArea .guideCnt .cont_tit .tit_des { display:inline-block;vertical-align:top;padding-top:20px;line-height:24px;font-size:20px;color:#333; }   
.deviceGuideWrap .guideCntArea .guideCnt .txt_int { line-height:33px;font-size:20px;color:#333;text-align:center; } 
.deviceGuideWrap .guideCntArea .guideCnt .txt_int .txt_blue { color:#0080ff; }  
.deviceGuideWrap .guideCntArea .guideCnt .cont_tit+.guideBtn { margin-top:20px; } 
.deviceGuideWrap .guideCntArea .guideCnt .cont_tit+.guideImg { margin-top:50px; } 
.deviceGuideWrap .guideCntArea .guideCnt .cont_tit+.guideRow { margin-top:46px; } 
.deviceGuideWrap .guideCntArea .guideCnt .txt_int+.guideImg { margin-top:20px; } 
.deviceGuideWrap .guideCntArea .guideCnt .guideBtn+.guideImg { margin-top:50px; } 
.deviceGuideWrap .guideCntArea .guideCnt .guideImg+.guideBtn { margin-top:50px; }  
.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 { position:relative;margin:0 auto;width:640px;text-align:right; }  
.deviceGuideWrap .guideCntArea .guideCnt .guideImg { text-align:center; }  
.deviceGuideWrap .guideCntArea .guideCnt .guideMore .txt { line-height:16px;font-size:14px;color:#333; }  
.deviceGuideWrap .guideCntArea .guideCnt .guideRow { display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; }  
.deviceGuideWrap .guideCntArea .guideCnt .guideRow .tdRow { align-items:center;margin:0 10px; }   
.deviceGuideWrap .guideCntArea .guideCnt .guideTb .tbRow { display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; }  
.deviceGuideWrap .guideCntArea .guideCnt .guideTb .tbRow { align-items:stretch;margin:0 auto;width:680px; }  
.deviceGuideWrap .guideCntArea .guideCnt .guideTb .tbRow .tb_item { display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; }  
.deviceGuideWrap .guideCntArea .guideCnt .guideTb .tbRow .tb_item { align-items:center;justify-content:center;width:150px;text-align:center;border-radius:5px;overflow:hidden;background-color:#ebebeb; }  
.deviceGuideWrap .guideCntArea .guideCnt .guideTb .tbRow .tb_item .txt { line-height:27px;font-size:18px;color:#333; }  
.deviceGuideWrap .guideCntArea .guideCnt .guideTb .tbRow .tb_value { box-sizing:border-box;padding:25px 28px;width:530px;border-radius:5px;overflow:hidden;text-align:left;background-color:#fff; }    
.deviceGuideWrap .guideCntArea .guideCnt .guideTb .tbRow .tb_value .value .txt { line-height:30px;font-size:16px;color:#333;word-wrap:break-word;word-break:keep-all; } 
.deviceGuideWrap .guideCntArea .guideCnt .guideTb .tbRow .tb_value .value .txt .bl_rnd { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; }
.deviceGuideWrap .guideCntArea .guideCnt .guideTb .tbRow .tb_value .value .txt .bl_rnd { margin:12px 8px 0 0;width:4px;height:4px;border-radius:4px;background-color:#333; } 

.deviceGuideWrap .guideCntArea .guideCnt:has(.cntLft) { display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; } 
.deviceGuideWrap .guideCntArea .guideCnt:has(.cntLft) { justify-content:space-between;align-items:center; } 
.deviceGuideWrap .guideCntArea .guideCnt .cntLft .cont_tit { padding:0 0 30px;text-align:left; } 
.deviceGuideWrap .guideCntArea .guideCnt .cntLft .cont_tit .tit_num { display:block; }
.deviceGuideWrap .guideCntArea .guideCnt .cntLft .cont_tit .tit_txt { display:block;padding:11px 0 0 0; }
.deviceGuideWrap .guideCntArea .guideCnt .cntLft .guideBtn { margin:0;width:217px; } 
.deviceGuideWrap .guideCntArea .guideCnt .cntLft .guideBtn .btnC { width:217px; }  
.deviceGuideWrap .guideCntArea .guideCnt .cntRgt { position:relative; }  
.deviceGuideWrap .guideCntArea .guideCnt .cntRgt .guideMore { position:absolute;right:320px;bottom:0; }  
  
.deviceGuideWrap.deviceCrema .guideCntArea .guideCnt.guideCnt03 .guideMore { width:900px; } 
.deviceGuideWrap.deviceCrema .guideCntArea .guideCnt.guideCnt05 .txt_int { margin:50px auto 0;width:585px;line-height:29px;font-size:20px;color:#333;text-align:left; } 