@charset "utf-8";

.top_banner_brand{height:11.8rem;text-align:center;}

.top_banner_brand .icon{display:inline-block;width:1.6rem;height:1.8rem;margin:3.6rem auto 0;}
.top_banner_brand .title_text{font-size:1.5em;line-height:1em;color:#fff;padding:0.4rem 0 0.4rem;}

.contents{padding:20px 12px;}
.contents .top_text{font-size:0.85em;line-height:1.45em;}

.contents h3{margin:30px 0 14px;}

/* 브랜드 공통 */
.con_brand_list{margin-top:1.1rem;}

.con_brand_list > ul > li.first{border:1px solid #ddd;}
.con_brand_list > ul > li{border:1px solid #ddd;margin:6px 0;}

.con_brand_list ul li a.top_bar{display:block;padding:0.8rem;}
.con_brand_list ul li a.top_bar span.title{float:left;font-size:1.125em;line-height:1.2em;color:#222;vertical-align:middle;}
.con_brand_list ul li a.top_bar span.ver_text{font-size:0.85em;}

.con_brand_list ul li a span.list_bullet{float:right;display:inline-block;vertical-align:middle;}
.con_brand_list ul li.off a span.list_bullet{background:url(../img/common_m/btn_rb_arrow.png) no-repeat;width:0.5rem;height:0.85rem;background-size:0.5rem 0.85rem;margin-top:0.25rem;}
.con_brand_list ul li.on a span.list_bullet{background:url(../img/common_m/btn_bb_arrow.png) no-repeat;width:0.85rem; height:0.5rem;background-size:0.85rem 0.5rem;margin-top:0.25rem;}

.con_brand_list ul li .inner_contents{padding:0 14px 12px;}
.con_brand_list ul li .inner_contents .img_area{height:8rem;}
.con_brand_list ul li .inner_contents .img_area .logo{display:inline-block;overflow:hidden;text-indent:-9999px;width:100%;height:3.4rem;margin-top:2rem;}

.con_brand_list ul li .inner_contents .info_text{font-size:0.85em;line-height:1.45em;margin-top:1rem;}

.con_brand_list ul li .inner_contents ul.function_list{font-size:0.9em;line-height:1.25em;color:#222;padding-top:0.4rem;}
.con_brand_list ul li .inner_contents ul.function_list li{padding-left:0.9rem;margin:0.6rem 0;background:url(../img/common_m/icon_bullet_check.png) no-repeat 0 0.3rem;background-size:0.5rem 0.4rem;}

.con_brand_list ul li .inner_contents .img_mark{text-align:center;padding-top:0.7rem;}
.con_brand_list ul li .inner_contents .img_mark img{width:auto;height:4.8rem;}
.con_brand_list ul li .inner_contents .img_mark.ok_w768_off{display:block;}
.con_brand_list ul li .inner_contents .img_mark.ok_w768_off img{height:9.1rem;}
.con_brand_list ul li .inner_contents .img_mark.ok_w768_on{display:none;}
.con_brand_list ul li .inner_contents .img_mark.ok_w768_on img{height:4.8rem;}

.con_brand_list ul li .inner_contents .img_mark_list ul li{float:left;padding:0.3rem 0.4rem 0.3rem 0;}
.con_brand_list ul li .inner_contents .img_mark_list ul li img{width:auto;height:1.5rem;}

.con_brand_list ul li .inner_contents .img_mark_2list{text-align:center;padding-top:0.7rem;}
.con_brand_list ul li .inner_contents .img_mark_2list img{width:auto;height:5.3rem;}

.bn_contact_all{margin-top:1.8rem;border:1px solid #ddd;}
.banner_contact{text-align:left;padding:21px 12px 12px 12px;background:url(../img/common_m/bg_box_repeat.png) repeat;background-size:0.5rem;}
.banner_contact .title_text{position:relative;font-size:1em;line-height:1em;padding-top:0.5rem;color:#222;}

.banner_contact ul.contact_list{width:100%;margin:0;color:#222;padding-top:8px;font-size:0.9em;line-height:1em;}
.banner_contact ul.contact_list li{display:inline-block;margin-right:12px;color:#222;margin:2px 10px 2px 0;}
.banner_contact ul.contact_list li.tel{padding:2px 0 2px 14px;background:url(../img/common_m/icon_small_tel.png) no-repeat 0 2px;background-size:11px;}
.banner_contact ul.contact_list li.mail{padding:2px 0 2px 14px;background:url(../img/common_m/icon_small_mail.png) no-repeat 0 3px;background-size:12px;}

.banner_contact ul.btn_list{width:100%;margin:0.7rem 0 0;}
.banner_contact ul.btn_list li{float:left;}
.banner_contact ul.btn_list li.btn3{width:33.333333%;}
.banner_contact ul.btn_list li.btn2{width:50%;}
.banner_contact ul.btn_list li.btn1{width:100%;}
.banner_contact ul.btn_list li a{display:block;overflow:hidden;text-indent:-9999px;padding:0.5rem;text-align:center;margin:0 3px;}
.banner_contact ul.btn_list li.home a{background:#fff url(../img/common_m/btn_contact_home.png) no-repeat 50%;background-size:1.2rem;border:1px solid #43b8c0;}
.banner_contact ul.btn_list li.tel a{background:#fff url(../img/common_m/btn_contact_tel.png) no-repeat 50%;background-size:1.2rem;border:1px solid #599edf;}
.banner_contact ul.btn_list li.online a{background:#fff url(../img/common_m/btn_contact_online.png) no-repeat 50%;background-size:1.2rem;border:1px solid #f96836;}

.download_app{padding:12px;border-top:1px solid #eee;}
.download_app .title_text{float:left;position:relative;margin-top:0;font-size:1em;line-height:1.2em;padding-top:0.5rem;color:#222;}
.download_app ul.download_list{float:right;margin-right:0;}
.download_app ul.download_list li{float:left;margin:0 3px;}
.download_app ul.download_list li a{display:block;text-indent:-9999px;overflow:hidden;width:3.2rem;height:3.2rem;}

.download_app ul.download_list li.android a{background:#fff url(../img/brand_m/btn_icon_android.png) no-repeat 50%;background-size:3.2rem;}
.download_app ul.download_list li.ios a{background:#fff url(../img/brand_m/btn_icon_apple.png) no-repeat 50%;background-size:3.2rem;}
.download_app .text_block_app{display:block;}

/* 개인정보보호센터 */
.banner_page03{background:url(../img/brand_m/img_top_banner03.jpg) no-repeat 50%;background-size:cover;}
.banner_page03 .icon{background:url(../img/introduce_m/icon_brand01.png) no-repeat 50%;background-size:1.6rem 1.8rem;}

.con_brand_list ul li.brand01_01 .img_area{background:url(../img/brand_m/img_brand_service01_01.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand01_01 .img_area .logo{background:url(../img/brand_m/img_brand_logo01_01.png) no-repeat 50%;background-size:auto 3.4rem;}

.con_brand_list ul li.brand01_02 .img_area{background:url(../img/brand_m/img_brand_service01_02.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand01_02 .img_area .logo{background:url(../img/brand_m/img_brand_logo01_02.png) no-repeat 50%;background-size:auto 3.4rem;}

.con_brand_list ul li.brand01_03 .img_area{background:url(../img/brand_m/img_brand_service01_03.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand01_03 .img_area .logo{background:url(../img/brand_m/img_brand_logo01_03.png) no-repeat 50%;background-size:auto 3.4rem;}

.con_brand_list ul li.brand01_04 .img_area{background:url(../img/brand_m/img_brand_service01_04.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand01_04 .img_area .logo{background:url(../img/brand_m/img_brand_logo01_04.png) no-repeat 50%;background-size:auto 3.4rem;}

.con_brand_list ul li.brand01_05 .img_area{background:url(../img/brand_m/img_brand_service01_05.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand01_05 .img_area .logo{background:url(../img/brand_m/img_brand_logo01_05.png) no-repeat 50%;background-size:auto 3.4rem;}

.con_brand_list ul li.brand01_06 .img_area{background:url(../img/brand_m/img_brand_service01_06.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand01_06 .img_area .logo{background:url(../img/brand_m/img_brand_logo01_06.png) no-repeat 50%;background-size:auto 3.4rem;}

/* OFFICEWARE */
.banner_page04{background:url(../img/brand_m/img_top_banner04.jpg) no-repeat 50%;background-size:cover;}
.banner_page04 .icon{background:url(../img/introduce_m/icon_brand02.png) no-repeat 50%;background-size:1.6rem 1.8rem;}

.con_brand_list ul li.brand02_01 .img_area{background:url(../img/brand_m/img_brand_service02_01.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand02_01 .img_area .logo{background:url(../img/brand_m/img_brand_logo02_01.png) no-repeat 50%;background-size:auto 3.4rem;}

.con_brand_list ul li.brand02_02 .img_area{background:url(../img/brand_m/img_brand_service02_02.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand02_02 .img_area .logo{background:url(../img/brand_m/img_brand_logo02_02.png) no-repeat 50%;background-size:auto 3.4rem;}


/* HOMEWARE */
.banner_page05{background:url(../img/brand_m/img_top_banner05.jpg) no-repeat 50%;background-size:cover;}
.banner_page05 .icon{background:url(../img/introduce_m/icon_brand03.png) no-repeat 50%;background-size:1.6rem 1.8rem;}

.con_brand_list ul li.brand03_01 .img_area{background:url(../img/brand_m/img_brand_service03_01.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand03_01 .img_area .logo{background:url(../img/brand_m/img_brand_logo03_01.png) no-repeat 50%;background-size:auto 3.4rem;}

.con_brand_list ul li.brand03_02 .img_area{background:url(../img/brand_m/img_brand_service03_02.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand03_02 .img_area .logo{background:url(../img/brand_m/img_brand_logo03_02.png) no-repeat 50%;background-size:auto 3.4rem;}

.con_brand_list ul li.brand03_03 .img_area{background:url(../img/brand_m/img_brand_service03_03.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand03_03 .img_area .logo{background:url(../img/brand_m/img_brand_logo03_03.png) no-repeat 50%;background-size:auto 3.4rem;}

.wrap_user_review{padding:22px 0;}
.wrap_user_review .title_text{position:relative;font-size:1em;line-height:1em;padding-top:6px;color:#222;}

.wrap_user_review ul.user_review li{padding:12px 0;}
.wrap_user_review ul.user_review li .img_user{float:left;width:20%;height:3.2rem;background:url(../img/brand_m/icon_user.png) no-repeat 50%;background-size:3.2rem;margin:4px 0;}
.wrap_user_review ul.user_review li .text_area{float:left;width:80%;display:inline-block;font-size:0.85em;line-height:1.45em;}
.wrap_user_review ul.user_review li .text_area p{margin-left:12px;}
.wrap_user_review ul.user_review li .text_area p.score{}
.wrap_user_review ul.user_review li .text_area p.score span.img{display:inline-block;width:70px;height:14px;background:url(../img/brand_m/icon_star5.png) no-repeat 50%;background-size:70px 14px;}
.wrap_user_review ul.user_review li .text_area p.text{text-align:justify;}


/* GLOBAL SALES */
.banner_page06{background:url(../img/brand_m/img_top_banner06.jpg) no-repeat 50%;background-size:cover;}
.banner_page06 .icon{background:url(../img/introduce_m/icon_brand04.png) no-repeat 50%;background-size:1.6rem 1.8rem;}

.con_brand_list ul li.brand04_01 .img_area{background:url(../img/brand_m/img_brand_service04_01.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand04_01 .img_area .logo{background:url(../img/brand_m/img_brand_logo04_01.png) no-repeat 50%;background-size:auto 3.4rem;}

.con_brand_list ul li.brand04_02 .img_area{background:url(../img/brand_m/img_brand_service04_02.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand04_02 .img_area .logo{background:url(../img/brand_m/img_brand_logo04_02.png) no-repeat 50%;background-size:auto 3.4rem;}

/* 나모에디터 */
.banner_page07{background:url(../img/brand_m/img_top_banner07.jpg) no-repeat 50%;background-size:cover;}
.banner_page07 .icon{background:url(../img/introduce_m/icon_brand05.png) no-repeat 50%;background-size:1.6rem 1.8rem;}

.con_brand_list ul li.brand05_01 .img_area{background:url(../img/brand_m/img_brand_service05_01.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand05_01 .img_area .logo{background:url(../img/brand_m/img_brand_logo05_01.png) no-repeat 50%;background-size:auto 1.5rem;}

.con_brand_list ul li.brand05_02 .img_area{background:url(../img/brand_m/img_brand_service05_02.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand05_02 .img_area .logo{background:url(../img/brand_m/img_brand_logo05_02.png) no-repeat 50%;background-size:auto 1.5rem;}

.con_brand_list ul li.brand05_03 .img_area{background:url(../img/brand_m/img_brand_service05_03.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand05_03 .img_area .logo{background:url(../img/brand_m/img_brand_logo05_03.png) no-repeat 50%;background-size:auto 1.5rem;}

.con_brand_list ul li.brand05_04 .img_area{background:url(../img/brand_m/img_brand_service05_04.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand05_04 .img_area .logo{background:url(../img/brand_m/img_brand_logo05_04.png) no-repeat 50%;background-size:auto 1.5rem;}

.con_brand_list ul li.brand05_05 .img_area{background:url(../img/brand_m/img_brand_service05_05.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand05_05 .img_area .logo{background:url(../img/brand_m/img_brand_logo05_05.png) no-repeat 50%;background-size:auto 1.5rem;}

.con_brand_list ul li.brand05_06 .img_area{background:url(../img/brand_m/img_brand_service05_06.jpg) no-repeat 50%;background-size:cover;}
.con_brand_list ul li.brand05_06 .img_area .logo{background:url(../img/brand_m/img_brand_logo05_06.png) no-repeat 50%;background-size:auto 1.5rem;}


/* media query */
@media(min-width:360px){

}

@media(min-width:480px){
.download_app .text_block_app{display:inline;margin-top:1rem;}
}
@media (min-width:768px){
.contents{padding:20px 20px;}
.banner_contact{padding:21px 20px;}
.download_app{padding:20px;text-align:center;}
.download_app .title_text{float:none;}
.download_app .top_line_black{display:none;}
.banner_contact{text-align:center;}
.banner_contact ul.btn_list{width:80%;margin:0.7rem auto 0;}
.banner_contact ul.contact_list{display:inline-block;padding-top:12px;}
.download_app ul.download_list{float:none;display:inline-block;margin-top:0.6rem;}
.banner_contact .top_line_black{display:none;}
.con_brand_list ul li .inner_contents .img_mark.ok_w768_off{display:none;}
.con_brand_list ul li .inner_contents .img_mark.ok_w768_on{display:block;}
}
@media (min-width:992px){

}
@media (min-width:1200px){

}