@charset "utf-8";
/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span{font:400 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}
body{ background:#fff;}
.listing_banner{ width:100%; height:382px; background-size:cover; overflow:hidden;}
.listing_atiban{background:#494a4d url(https://imobie-resource.com/kr/support/img/listing_atiban.jpg) top center no-repeat; background-size:cover;} 
.listing_winban{background:#969696 url(https://imobie-resource.com/kr/support/img/listing_winban.jpg) top center no-repeat; background-size:cover;}
.listing_mcban{background:#180d0b url(https://imobie-resource.com/kr/support/img/listing_mcban.jpg) top center no-repeat; background-size:cover;}
.listing_pcban{background:#617a7e url(https://imobie-resource.com/kr/support/img/listing_pcban.jpg) top center no-repeat; background-size:cover;}
.listing_priban{background:#05141b url(https://imobie-resource.com/kr/support/img/listing_priban.jpg) top center no-repeat; background-size:cover;}
.listing_afban{background:#05141b url(https://imobie-resource.com/en/support/img/listing_pcban.jpg) top center no-repeat; background-size:cover;}
.listing_praban{background:#180d0b url(https://imobie-resource.com/kr/support/img/listing_praban.jpg) top center no-repeat; background-size:cover;}
.listing_musicban{background:#17171f url(https://imobie-resource.com/kr/support/img/listing_musicban.jpg) top center no-repeat; background-size:cover;}
.listing_ataban{background:#22211f url(https://imobie-resource.com/kr/support/img/listing_ataban.jpg) top center no-repeat; background-size:cover;}
.listing_itunsban{background:#7d4755 url(https://imobie-resource.com/kr/support/img/listing_itunsban.jpg) top center no-repeat; background-size:cover;}
.listing_icloudban{background:#2c99fe url(https://imobie-resource.com/kr/support/img/listing_icloudban.jpg) top center no-repeat; background-size:cover;}
.listing_cloudban{background:#2c99fe url(https://imobie-resource.com/kr/support/img/listing_cloudban.jpg) top center no-repeat; background-size:cover;}
.listing_screenban{background:#617a7e url(https://imobie-resource.com/kr/screen-record/img/listing_screenban.png) top center no-repeat; background-size:cover;}
.listing_bantext{ max-width:1050px; width:92%; margin:50px auto 0; overflow:hidden;}
.listing_bantext p{ font-size:18px; color:#fefefe; line-height:1.8;}
.listing_mobtn .appbtn{width:240px; height:54px; margin:10px auto; border-radius:5px; background-color:#292929; display:inline-block; vertical-align:top; position:relative; text-decoration:none; box-shadow:0 0 20px rgba(0,0,0,.2); border:1px solid rgba(255,255,255,.25);}
.listing_mobtn .appbtn:hover{ text-decoration:none;}
.listing_mobtn .appbtn:before{ content:""; display:block; position:absolute; width:33px; height:33px; margin:10px 13px 0 42px;}
.listing_mobtn a.dl_ggplay:before{ background:url(https://imobie-resource.com/jp/support/img/dl_googleplay.png) left center; background-size:cover;}
.listing_mobtn a.dl_appstore:before{ background:url(https://imobie-resource.com/jp/support/img/dl_appstore.png) left center; background-size:cover;}
.listing_mobtn a.dl_apk:before{ background:url(https://imobie-resource.com/jp/support/img/dl_apk.png) left center; background-size:cover;}
.listing_mobtn .appbtn em{ display:block; color:rgba(255,255,255,0.9); font-size:14px; padding:7px 0 4px 90px; line-height:1; text-align:left; font-style:normal;}
.listing_mobtn .appbtn b{ display:block; color:#fff; font-size:20px; padding:0px 0 0 90px; line-height:1; font-weight:normal; text-align:left;}
.listing_mobtn div{max-width:360px; background-color:rgba(256,256,256,.6); border-radius:10px; padding:20px 0; margin:20px auto;}
.listing_mobtn div p{color:#000; font-size:16px;}
.listing_adrbtn p a{font-size:inherit; text-decoration:underline;}

.whatsapp_ban { margin-top: 120px; }


.listing_banbtn a{ width:230px; height:56px; border-radius:5px; display:inline-block; vertical-align:text-top; margin:10px 20px; text-decoration:none; position:relative; text-align:center; color:#fff; transition:transform 0.5s ease-in-out;}
.listing_banbtn a:before{display:inline-block; vertical-align:middle;}
.listing_banbtn a:hover{text-decoration:none; transform:translateY(-5px);}
.listing_dl{background-color:#1ca327; background:linear-gradient(to right,#0aa344,#30a308);}
.listing_dl:before{font-family:"pricon"; color:inherit; font-size:30px; margin:12px 10px 0 0;}
.listing_dlwin:before{content:"\eac2";}
.listing_dlmac:before{content:"\eabf";}
.listing_dl span{ font-size:12px; color:inherit; display:inline-block; vertical-align:middle; margin-top:7px; line-height:1.2;}
.listing_dl span b{ font-size:18px; color:inherit; display:block; text-align:left;}
.listing_btns{ font-size:18px; font-weight:bold; line-height:56px;}
.listing_btns:before{ width:23px; height:23px; background-size:cover; content:""; margin:-3px 10px 0 0;}
.listing_dlbtn{ background-color:#1da326; background:linear-gradient(to right,#09a343,#30a308);}
.listing_buybtn{ background-color:#f8931f; background:linear-gradient(to right,#f67a01,#f9a433);}
.listing_dlbtn:before{background:url(https://imobie-resource.com/kr/support/img/listing_btnicon1.png) left center no-repeat; }
.listing_buybtn:before{background:url(https://imobie-resource.com/kr/support/img/listing_btnicon2.png) left center no-repeat; }

.listing_pc{ display:block;}
.listing_mo{ display:none;}
.pw1200{ width:1200px; margin-left:auto; margin-right:auto;}
.listing_crumbs{ padding:30px 0 20px;}
.listing_crumbs a,.listing_crumbs span{ font-size:18px; color:#333333; vertical-align:middle; font-weight:bold; margin:2px; text-decoration:none;}
.listing_crumbs a>img{display:inline-block; vertical-align:middle; margin:-7px 10px 0 0; }
.listing_crumbs a:hover{ color:#46a5fc;}

.listing_box a,.listing_box a:hover,.listing_cate a,.listing_cate a:hover{ text-decoration:none;}
.listing_lef{ width:365px; float:left; display:block;}
.listing_adv_fix{ width:365px; position:fixed; top:0; z-index:10;}
.listing_sdarea{ border:1px solid #e3e3e3; border-radius:5px; margin-bottom:6px; background:#fff;}
.listing_sdarea.nobor{ border:none;}
.listing_sdarea h4{ font-size:16px; color:#333333; line-height:1.4; margin:12px 0 12px 38px; position:relative; cursor:pointer;}
.listing_sdarea h4 a{ font-size:inherit; color:inherit; display:block;}
.listing_sdarea h4:before{ content:""; display:block; position:absolute; width:0; height:0; border:5px solid transparent; border-left:7px solid #9c9c9c; left:-15px; top:6px;}
.listing_sdarea.expand h4.notrig{background-color:#3daefb; background:linear-gradient(to right,#33b8f9,#5e8cff); color:#fff; padding:12px 0 12px 38px; margin:0; border-radius:5px 48px 48px 5px;}
.listing_sdarea h4.notrig:before{ display:none;}
.listing_sdarea.expand h4{ font-weight:bold; color:#46a5fc;}
.listing_sdarea.expand h4:before{ transform:rotate(90deg); top:8px; left:-18px; border-left:7px solid #46a5fc;}
.listing_sdarea ul{ display:none;}
.listing_sdarea.expand ul{ display:block;}
.listing_sdarea ul li{ max-width:365px; width:100%; height:40px;}
.listing_sdarea ul li span{ max-width:280px; height:40px; display:block; line-height:40px; margin-left:32px; color:#333333; font-size:14px; font-weight:bold;border-bottom:1px solid #f2f2f2;}
.listing_sdarea ul li:last-child span{border-bottom:none;}
.listing_sdarea ul li span em{ width:16px; height:9px; display:inline-block; vertical-align:middle; margin-top:-2px; background-size:cover;}
.listing_sdarea ul li span em.listing_sarrow{background:url(https://imobie-resource.com/kr/support/img/listing_sarrow.png) top center no-repeat;}
.listing_sdarea ul li span em.listing_darrow{background:url(https://imobie-resource.com/kr/support/img/listing_darrow.png) top center no-repeat;}

.listing_sdbtn{ position:relative; cursor:pointer;}
.listing_sdarea ul li span:before{display:inline-block; vertical-align:middle; margin:-2px 17px 0 0; width:6px; height:6px; border-radius:6px; background:#333333; content:"";}
.listing_sdarea ul li.checked span:before{ background:#fff;}
.listing_sdarea ul li.checked{ background-color:#3daefb; background:linear-gradient(to right,#33b8f9,#5e8cff); border-radius:0 48px 48px 0;}
.listing_sdarea ul li.checked span{border-bottom:1px solid #fff; color:#fff;}
.listing_sdarea ul li.checked span em{ background-position:0 -9px;}
.listing_sdarea ul li:last-child.checked span{ border-bottom:none;}

.listing_cate{ margin-bottom:35px;}
.listing_cate h4{ font-size:18px; color:#333333; font-weight:bold; display:inline-block; vertical-align:middle; margin:0 5px 6px 14px;}
.listing_cate a{ height:38px; line-height:38px; padding:0 18px; font-size:14px; color:#333333; display:inline-block; vertical-align:middle; margin:6px 5px 7px 20px; background:#ebfff5; border-radius:3px; position:relative;}
.listing_cate a:before{ width:6px; height:38px; border-radius:3px 0 0 3px; background:#d0f5e2; content:""; display:block; position:absolute; left:-6px; top:0; z-index:2;}


.listing_class,.listing_slide ul{ display:none;}
.listing_class.show,.listing_slide ul.show{ display:block;}

.listing_right{ max-width:750px; width:62%; float:right; background:#f6fbff; border-radius:10px; padding:0 20px 40px;}
.listing_class{ padding-top:15px;}
.listing_slide ul li,.listing_mofea ul li{ font-size:16px; color:#666666; line-height:1.5; margin-top:20px; padding-left:26px;}
.listing_mofea ul li{ margin-top:10px;}
.listing_slide ul li a,.listing_mofea ul li a{ font-size:inherit; color:inherit; position:relative;}
.listing_slide ul li a:before,.listing_mofea ul li a:before{ width:11px; height:14px; background:url(https://imobie-resource.com/kr/support/img/listing_list.png) top center no-repeat; background-size:cover; content:""; display:block; position:absolute; left:-26px; top:4px; z-index:2;}
.listing_slide ul li a:after,.listing_mofea ul li a:after{content:"\e800"; font-family:"iconfont"; display:inline-block; vertical-align:middle; color:inherit; transform:rotate(-90deg); margin:-3px 0 0 3px; font-size:12px; font-weight:bold;}
.listing_slide ul li a:hover,.listing_mofea ul li a:hover{ color:#46a5fc;}
.listing_slide ul li a:hover:before,.listing_mofea ul li a:hover:after{ background-position:0 -14px;}
.listing_slidebtn{ text-align:center; margin:8px auto;}
.listing_slidebtn a{ width:28px; height:28px; border-radius:28px; border:1px solid #bbbdbf; display:inline-block; margin:20px 11px 0; line-height:28px; font-size:14px; color:#868686; font-weight:bold; text-align:center;}
.listing_slidebtn a.checked{ background-color:#49a6ff; background:linear-gradient(to right,#3ebfff,#5e8cff); border:none; color:#fff;}


.listing_mofea{ margin-top:10px;}
.listing_mark{ display:block; height:0;}
.listing_mofea h4{ width:100%; height:48px;}
.listing_mofea h4 a{font-size:18px; color:#fff; text-decoration:none; display:block; width:calc(100% - 20px); height:48px; padding-left:20px; line-height:48px; border-radius:0 48px 48px 0; position:relative; background-color:#5e5e5e;} 
.listing_mofea h4 a:after{content:"\e802"; font-family:"iconfont"; display:block; top:0; right:20px; position:absolute; z-index:10; color:#fff; transition:transform ease-in-out 0.3s; -webkit-transition:transform ease-in-out 0.3s; -moz-transition:transform ease-in-out 0.3s; -o-transition:transform ease-in-out 0.3s; -ms-transition:transform ease-in-out 0.3s; font-size:20px;}
.listing_mofea.checkd h4 a{background-color:#3daefb; background:linear-gradient(to right,#33b8f9,#5e8cff);}
.listing_mofea.checkd h4 a:after{ transform:rotate(90deg);}
.listing_mofea ul{ margin:20px 0; display:none;}
.listing_mofea.checkd ul{ display:block;}


@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {
.listing_atiban{background:#707578 url(https://imobie-resource.com/kr/support/img/listing_atiban@2x.jpg) top center no-repeat; background-size:cover;}
.listing_winban{background:#969696 url(https://imobie-resource.com/kr/support/img/listing_winban@2x.jpg) top center no-repeat; background-size:cover;}
.listing_mcban{background:#180d0b url(https://imobie-resource.com/kr/support/img/listing_mcban@2x.jpg) top center no-repeat; background-size:cover;}
.listing_pcban{background:#617a7e url(https://imobie-resource.com/kr/support/img/listing_pcban@2x.jpg) top center no-repeat; background-size:cover;}
.listing_priban{background:#05141b url(https://imobie-resource.com/kr/support/img/listing_priban@2x.jpg) top center no-repeat; background-size:cover;}
.listing_praban{background:#180d0b url(https://imobie-resource.com/kr/support/img/listing_praban@2x.jpg) top center no-repeat; background-size:cover;}
.listing_musicban{background:#17171f url(https://imobie-resource.com/kr/support/img/listing_musicban@2x.jpg) top center no-repeat; background-size:cover;}
.listing_ataban{background:#22211f url(https://imobie-resource.com/kr/support/img/listing_ataban@2x.jpg) top center no-repeat; background-size:cover;}
.listing_itunsban{background:#7d4755 url(https://imobie-resource.com/kr/support/img/listing_itunsban@2x.jpg) top center no-repeat; background-size:cover;}
.listing_icloudban{background:#2c99fe url(https://imobie-resource.com/kr/support/img/listing_icloudban@2x.jpg) top center no-repeat; background-size:cover;}
.listing_cloudban{background:#2c99fe url(https://imobie-resource.com/kr/support/img/listing_cloudban@2x.jpg) top center no-repeat; background-size:cover;}
.listing_screenban{background:#617a7e url(https://imobie-resource.com/kr/screen-record/img/listing_screenban.png) top center no-repeat; background-size:cover;}
.listing_dlbtn:before{background:url(https://imobie-resource.com/kr/support/img/listing_btnicon1@2x.png) left center no-repeat; background-size:cover;}
.listing_buybtn:before{background:url(https://imobie-resource.com/kr/support/img/listing_btnicon2@2x.png) left center no-repeat; background-size:cover;}

 
.listing_slide ul li a:before{background:url(https://imobie-resource.com/kr/support/img/listing_list@2x.png) top center no-repeat; background-size:cover;}
.listing_afban{background:#05141b url(https://imobie-resource.com/en/support/img/listing_pcban.jpg) top center no-repeat; background-size:cover;}

}


@media screen and (max-width: 1230px){	
.pw1200{ width:98%;}
.listing_articles_slide_btn a,.listing_articles_btn2, .listing_articles_btn3{ width:130px; float:none; margin:10px;}
.listing_sdarea h4{ font-size:16px;}
.listing_lef,.listing_adv_fix{ width:320px;}
.listing_right{ width:60%;}
}

@media screen and (max-width: 980px){
.pw1200{ width:92%;}
.listing_lef{ display:none;}
.listing_banner{ height:auto;}
.listing_bantext{ margin:40px auto 50px;}
.listing_bantext h1{ font-size:30px; margin-top:10px;}
.listing_pc{ display:none;}
.listing_mo{ display:block;}
.homebot{ padding:0;}
}
@media screen and (max-width: 568px){
.listing_bantext p{ line-height:1.5;}
.listing_banbtn a{ width:270px; margin:10px 0;}
.listing_banbtn a span{ width:160px; text-align:left;}
.listing_crumbs{ padding:20px 0 0;}
.listing_crumbs a, .listing_crumbs span{ font-size:14px;}
.listing_cate h4{ display:block; margin:0 0 18px 0;}
.listing_cate a{ margin:6px 12px 7px 6px; padding:0 6px;}
}
@media screen and (max-width: 414px){
.listing_mofea h4 a{ font-size:16px;}
}
@media screen and (max-width: 360px){
.listing_mofea h4 a{ font-size:14px;}
.listing_bantext h1{ font-size:26px;}
.listing_cate a{ font-size:12px; margin:6px 8px 7px 6px;}
}



