/* BASIC css start */
/* ========== [고객센터] ========== */
/*고객센터 서브메인*/
.fL {float:left;}
.fR {float:right;}


.customerMain{width:1200px; margin:0 auto;}
.customerMain .customerTit {padding: 55px 0;text-align: center;}
.customerMain .customerTit > a {font-size: 32px;color: #222; font-weight:700;}
.customerMain .customerTit .sub_tit {margin-top:5px; text-align:center; font-size:13px; color:#9a9a9a;}
.customerMain .noticeBox{margin-bottom:40px;overflow:hidden; }
.customerMain .noticeBox > div{width:49%;height:327px;}
.customerMain .noticeBox .fL .list{position:relative;height:288px;padding:37px 40px 0;border:1px solid #e5e5e5}
.customerMain .noticeBox .fL .list .conTit{border-bottom:1px solid #f2f2f2;padding-bottom:20px;margin-bottom:30px;}
.customerMain .noticeBox .fL .list li{height:20px;line-height:20px;position:relative;}
.customerMain .noticeBox .fL .list li .tit{padding-right:80px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.customerMain .noticeBox .fL .list li .tit a{color:#222;letter-spacing:-0.4px; }
.customerMain .noticeBox .fL .list li .tit a:hover{font-weight:bold; text-decoration:underline; color:#000;}

.customerMain .noticeBox .fL .list li .date{width:80px;text-align:right;position:absolute;right:0;top:0;font-size:11px;color:#999;letter-spacing:-0.1px;}
.customerMain .noticeBox .fL .more{top:43px;right:50px; text-align: right; margin-top: 20px;}
.customerMain .noticeBox .fR .borderBox{padding:25px 0 38px;text-align:center;color:#222;border:20px solid #f5f5f5; }
.customerMain .noticeBox .fR .borderBox .tit {margin-bottom:38px;font-size:28px;line-height:36px;}
.customerMain .noticeBox .fR .borderBox .tit span{display:block; font-weight:600;}
.customerMain .noticeBox .fR .borderBox .ngB{font-size:13px; margin-bottom:4px; font-weight:bold; color:#6f6f6f;}
.customerMain .noticeBox .fR .borderBox .desc{margin-top:15px;font-size:13px;line-height:20px;  font-weight:bold; color:#6f6f6f;}
.customerMain .noticeBox .fR .borderBox .call {min-height: 0;line-height: 40px; margin: 0 0 15px;font-size: 45px;font-weight:bold;}


.customerMain .linkBox{margin:0 -10px 60px;overflow:hidden;}
.customerMain .linkBox li{float:left;width:25%}
.customerMain .linkBox li a{position:relative;display:block;height:160px;padding:37px 0 40px 13.114%;margin:0 10px;background:#fafafa;}
.customerMain .linkBox li a .ico{position:absolute;bottom:35px;left:40px;display:block;width:70px;background:url(https://images.innisfree.co.kr/resources/web/images/customer/iconLink.png) no-repeat 0 0}
.customerMain .linkBox li a .ico1{height:41px;background-position:0 0}
.customerMain .linkBox li a .ico2{height:44px;background-position:0 -42px}
.customerMain .linkBox li a .ico3{height:47px;background-position:0 -96px}
.customerMain .linkBox li a .ico4{height:42px;background-position:0 -150px}
.customerMain .linkBox li a:hover{text-decoration:none;background:#f5f5f5;transition:all 0.5s;}
.customerMain .linkBox li em{display:block;margin-bottom:15px;font-size:18px;font-family:'ngB';color:#222}
.customerMain .linkBox li span{;font-size:13px;line-height:20px}
.customerMain .searchArea{width:417px;margin:0 auto 50px}
.customerMain .searchArea .conTit{float:left;margin-right:30px;line-height:35px}
.customerMain .searchArea .searchBox2{float:left;}
.faqListWrap .searchArea input{border-bottom-width:2px;width:215px;padding-right:25px;}
.faqListWrap .searchArea input, .faqListWrap .searchArea .inputGuide{font-size:16px}
.customerMain .tabArea2{padding-left:10px}
.customerMain .tabArea2 li{font-size:14px}
.faqList{margin-top:20px;overflow:hidden}
.faqList li{padding:12px 20px 13px;overflow:hidden;line-height:24px;background-position:98.5% 20px}
.faqList li .cate{float:left;}
.faqList li .tit{float:left;color:#222;max-width:75%}
.faqList li .con{padding:20px 0 12px 160px}
.faqList li.now a { color: #00F; }
.faqList li.open .tit{font-family:'ngB'}
.faqList li.open{background-position:98.5% 27px}
.faqList li.noList{text-align:center;font-family:'ngB';background:url('https://images.innisfree.co.kr/resources/web/images/common/noList.png') center top no-repeat;margin-top:60px;padding:60px 0;cursor:default}


.customerMain .faqList li .cate{width:140px;margin-right:20px}
.customerMain .faqList .btnWrap{margin-top:20px;text-align:right}
.customerMain .faqList .btnWrap .btnType2{width:172px}


.csCenter{margin-top:20px; background:#4e4e4e; border:1px solid #f0f0f0; line-height:18px; letter-spacing:0;}
.csCenter dl{margin:16px}
.csCenter dl dt{margin-bottom:2px;color:#fff;font-size:11px}
.csCenter dl dd strong{color:#fff;font-size:24px;font-family:'Times','Times New Roman','naMj',serif;font-weight:normal}
.csCenter dl dd ul{margin-top:5px}
.csCenter dl dd ul li{margin-top:3px;color:#fff;font-size:11px}
.csCenter dl dd ul li:first-child{margin-top:0}

.faqSearch{margin-top:26px;text-align:center}
.faqSearch strong,.faqSearch .textbox,.faqSearch .btnD,.faqSearch .popular{display:inline-block}


.division {width:1200px; padding-bottom:50px;}
.division:after{content:'';display:block;clear:both}


.division .cont{float:right;width:1000px}
.division h3{position:relative;vertical-align:middle; font-size:18px; font-weight:bold; /*margin-bottom:10px;*/padding-bottom: 10px;border-bottom: 1px solid #ededed;}
.division h3 .btnMore{padding:5px 8px 5px 0;font-size:11px;font-weight:normal;letter-spacing:0;display:inline-block;position:absolute;right:0;top:0;background:url(../../../images/btn/btnMore.png) no-repeat 100% 7px;text-transform:uppercase}
.division h3 .btnMore.bgNo{padding-right:0;background:none}
.division h3 .total{margin-top:5px;color:#212121;font-size:11px;font-weight:normal;display:inline-block;position:absolute;right:0;top:0;letter-spacing:normal}
.division h3 .recent{margin-left:10px;color:#212121;font-size:12px;font-weight:normal;vertical-align:1px;letter-spacing:0}
.division .displayList.prd-type>ul>li{height:260px}.loginArea{padding-top:60px;padding-bottom:80px;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}


.division .cont {float: right;width: 1000px;}


.bgBox{width:100%;min-height:90px;margin-bottom:60px;background:#f7f7f7;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}
.bgBox.stit{letter-spacing:-1px;font-family:'naMj',serif;font-size:15px;line-height:92px;text-align:center}


.serviceList ul{text-align:center}
.serviceList ul:after{clear:both;display:block;content:''}
.serviceList ul li{width:20%;text-align:center;float:left}
.serviceList ul li a{padding:30px 0 25px 0;color:#212121;display:block;border-left:1px solid #f0f0f0;text-decoration:none}
.serviceList ul li:first-child a{border-left:0}
.serviceList ul li a span{width:54px;height:54px;margin:0 auto 16px;text-indent:-9999em;background:url(http://cdnfo.sivillage.com/images/common/iconBg.png) repeat;display:block}
.serviceList ul li.service01 a span{background-position:0 -231px}.serviceList ul li.service02 a span{background-position:-54px -231px}
.serviceList ul li.service03 a span{background-position:-108px -231px}.serviceList ul li.service04 a span{background-position:-162px -231px}
.serviceList ul li.service05 a span{background-position:-216px -231px}.serviceList ul li.service06 a span{background-position:-270px -231px}
.store{margin:30px;position:relative}
.store:after{clear:both;display:block;content:''}


.DB_banner18_1 { width:100%; position:relative; display:block; clear:both; margin:0 0 20px; border:1px solid #ddd;}
.DB_banner18_1 h3 { height:35px; margin:0; padding:0 0 0 5px; background:#f4f4f4; border-bottom:1px solid #ddd; font-size:13px; line-height:33px; color:#333; letter-spacing:-0.07em; }
.DB_banner18_1 h3 i { position:relative; top:2px; }
.DB_banner18_1 li.list { border-bottom:1px solid #f0f0f0;}


.DB_banner18_1 li .DB_title { padding:12px 10px 12px 35px; text-align:left;background-image:url(https://images.innisfree.co.kr/resources/web/images/event/btnToggle1.png);background-repeat:no-repeat; background-position: 98.5% 20px; font-size:12px; font-weight:700; color:#666; text-decoration:none !important; cursor:pointer; }
.DB_banner18_1 li .DB_title span {font-weight:bold; color:#1116e8; }
.DB_banner18_1 li .DB_select { border:none; }
.DB_banner18_1 li .DB_title:hover,.DB_banner18_1 li.DB_select .DB_title { background:#eee url('/_wg/img/faq_q.png') no-repeat no-repeat 10px 9px; color:#000; }


.DB_banner18_1 li .DB_detail { display:none; padding:30px 10px 40px 35px; border-bottom:1px solid #f0f0f0; background:url('/_wg/img/faq_a.png') no-repeat 10px 29px #f8f8f8; font-size:12px!important; color:#000; }
.DB_banner18_1 li .DB_detail p { line-height:17px!important; }


#faqWrap .search-wrap .keyword { left: 240px; top: 23px; width: 137px; padding-left: 3px; border: 3px solid #555; }
#faqWrap .search-wrap .keyword input { float: left; height: 100%; border: 0; height: 15px; font-size: 11px; line-height: 15px; }
#faqWrap .search-wrap .select-category { top: 23px; width:110px; left: 125px; height: 23px; }
#faqWrap .search-wrap .btn-submit { left: 390px; top: 23px; }


/* faq 메뉴 */
#faq-category { margin-top: 10px; margin-bottom: 10px; }
#faqWrap .faq-menu { *zoom: 1; margin-left: 5px; margin-top: -10px; margin-bottom: -10px; overflow: hidden; }
#faqWrap .faq-menu li,
#faqWrap .faq-menu li a { float: left; width: auto; heihgt: 35px;line-height: 35px; }
#faqWrap .faq-menu li { padding-left: 8px; background: url(/images/d3/modern_simple/common/bull_faq_link.gif) no-repeat 0 45%; }
#faqWrap .faq-menu li a { color: #999; font-weight: bold; padding-right: 20px; white-space: nowrap;	}
#faqWrap .faq-menu li.now a { color: #555; }
/* faq 리스트 */
#faqWrap #faqTable { border-top: 2px solid #797979; border-bottom: 1px solid #dadada; }
#faqWrap #faqTable th,
#faqWrap #faqTable tr td { padding: 7px 0 6px; border-bottom: 1px solid #dadada; background-color: #FFFFFF; }
#faqWrap #faqTable tr.slide-hide td { border-bottom: 0px; }
#faqWrap #faqTable th { background-color: #f3f3f3; }
#faqWrap #faqTable td,
#faqWrap #faqTable td a { color: #555; }
#faqWrap #faqTable td { cursor: pointer; }
#faqWrap #faqTable tr.slide-hide,
#faqWrap #faqTable tr.slide-hide dl { display: none; }
#faqWrap #faqTable tr.slide-show { display: table-rows; *display: block; }
#faqWrap #faqTable tr.slide-show dl { display: block; }
#faqWrap #faqTable tr.slide-hide td,
#faqWrap #faqTable tr.slide-show td { cursor: default; background-color: #fffae5; }
#faqWrap #faqTable .tb-slide { padding: 0 20px; }
#faqWrap #faqTable .tb-slide a { text-decoration: underline; color : #800080; }
#faqWrap #faqTable .tb-slide ol,
#faqWrap #faqTable .tb-slide ul { margin-left:35px; }
#faqWrap #faqTable .tb-slide dl { position: relative; width: 100%; }
#faqWrap #faqTable td .tb-slide dl dt { position: absolute; left: 1px; top: 10px; }
#faqWrap #faqTable td .tb-slide dl dd { margin-left: 35px; padding: 10px 0; font-weight: bold; }
#faqWrap #faqTable td .tb-slide dl.adv { margin-top: 5px; border-top: 1px dashed #d8d8d8; }
#faqWrap .pager { text-align: center; margin-top: 20px; }
#faqWrap .pager ol li { display: inline; padding: 0px 5px; }
#faqWrap .pager ol li img { margin-top: 2px; }
#faqWrap .pager ol li.first,
#faqWrap .pager ol li.next { padding-right: 0; }
#faqWrap .pager ol li.last,
#faqWrap .pager ol li.prev { padding-left: 0; }


.faq_box .select_box {display:none;}
.faq_box { overflow: hidden; text-align: center; min-height: 90px; width: 100%; background-color:#f7f7f7; margin-bottom:50px;}
.faq_box .left { float: left; width: 100%;margin-top: 26px;}
.faq_box .left .search_wrap { position: relative; padding-bottom: 7px; margin-bottom: 10px; display:inline-block; }
.faq_box .left .search_wrap h3 { font-size: 26px; line-height: 26px; width: 165px; }
.faq_box .left .search_wrap input {width: 330px; height: 35px;font-size: 15px;line-height: 37px; border: none; background:#fff; position: absolute; left: 115px; padding: 0; border: 1px solid #b3b3b3; ; padding-left: 10px; }
.faq_box .left .search_wrap input:-ms-input-placeholder { color: #666; }
.faq_box .left .search_wrap input:-moz-placeholder { color: #666; }
.faq_box .left .search_wrap input::-webkit-input-placeholder { color: #666; }
.faq_box .left .search_wrap .btn-submit {width: 80px; background: #000; border: #000; color: #fff; height: 37px; margin-left: 371px; line-height: 34px;left: 390px;} 


.faq_box .left .popular {display: inline-block;}
.faq_box .left .popular ul {overflow: hidden;}
.faq_box .left .popular ul li {margin-left: 20px;color: #212121;float: left;}


/**************************************** BASIC css start *******************************************************8*/
#content { width: 1000px; margin: 5px auto; }

#bbsData .page-body { margin-bottom: 50px; }
#bbsData .bbs-link { position: relative; }
#bbsData .bbs-link-top { margin-top: 10px; margin-bottom: -40px;margin-right: 400px; text-align: left; margin-left: 18px; }
#bbsData .bbs-link-btm { margin: 10px 80px -40px 0; text-align: right; }


/****************************************************/
.customerMain{width:1200px; margin:0 auto;}
.customerMain .customerTit {padding: 55px 0;text-align: center;}
.customerMain .customerTit > a {font-size: 32px;color: #222; font-weight:700;}
.customerMain .customerTit .sub_tit {margin-top:5px; text-align:center; font-size:13px; color:#9a9a9a;}
.customerMain .noticeBox{margin-bottom:40px;overflow:hidden; border:1px solid red;}
.customerMain .noticeBox > div{width:49%;height:327px;}


.csCenter{margin-top:20px; background:#4e4e4e; border:1px solid #f0f0f0; line-height:18px; letter-spacing:0;}
.csCenter dl{margin:16px}
.csCenter dl dt{margin-bottom:2px;color:#fff;font-size:11px}
.csCenter dl dd strong{color:#fff;font-size:24px;font-family:'Times','Times New Roman','naMj',serif;font-weight:normal}
.csCenter dl dd ul{margin-top:5px}
.csCenter dl dd ul li{margin-top:3px;color:#fff;font-size:11px}
.csCenter dl dd ul li:first-child{margin-top:0}


.division {width:1200px; padding-bottom:50px;}
.division:after{content:'';display:block;clear:both}
.division .cont{float:right;width:1000px}

.division .cont .qna_top-L {float:left;}
.division .cont .qna_top-L .borderBox{padding:25px 0 38px;text-align:center;color:#222;border:20px solid #f5f5f5; }
.division .cont .qna_top-L .borderBox .tit {margin-bottom:38px;font-size:28px;line-height:36px;}
.division .cont .qna_top-L .borderBox .tit span{display:block; font-weight:600;}
.division .cont .qna_top-L .borderBox .ngB{font-size:13px; margin-bottom:4px; font-weight:bold; color:#6f6f6f;}
.division .cont .qna_top-L .borderBox .desc{margin-top:15px;font-size:13px;line-height:20px;  font-weight:bold; color:#6f6f6f;}
.division .cont .qna_top-L .borderBox .call {min-height: 0;line-height: 40px; margin: 0 0 15px;font-size: 45px;font-weight:bold;}


.division .cont .qna_top-R {float:right;}
.division .cont .qna_top-R .borderBox{padding:25px 0 38px;text-align:center;color:#222;border:20px solid #f5f5f5; }
.division .cont .qna_top-R .borderBox .tit {margin-bottom:38px;font-size:28px;line-height:36px;}
.division .cont .qna_top-R .borderBox .tit span{display:block; font-weight:600;}
.division .cont .qna_top-R .borderBox .ngB{font-size:13px; margin-bottom:4px; font-weight:bold; color:#6f6f6f;}
.division .cont .qna_top-R .borderBox .desc{margin-top:15px;font-size:13px;line-height:20px;  font-weight:bold; color:#6f6f6f;}
.division .cont .qna_top-R .borderBox .call {min-height: 0;line-height: 40px; margin: 0 0 15px;font-size: 45px;font-weight:bold;}

.division h3{position:relative;vertical-align:middle; font-size:18px; font-weight:bold; margin-bottom:10px;}
.division h3 span {text-align:left; font-size:12px; color:#9a9a9a; margin-left:15px;}
.division h3 .btnMore{padding:5px 8px 5px 0;font-size:11px;font-weight:normal;letter-spacing:0;display:inline-block;position:absolute;right:0;top:0;background:url(../../../images/btn/btnMore.png) no-repeat 100% 7px;text-transform:uppercase}
.division h3 .btnMore.bgNo{padding-right:0;background:none}
.division h3 .total{margin-top:5px;color:#212121;font-size:11px;font-weight:normal;display:inline-block;position:absolute;right:0;top:0;letter-spacing:normal}
.division h3 .recent{margin-left:10px;color:#212121;font-size:12px;font-weight:normal;vertical-align:1px;letter-spacing:0}
.division .displayList.prd-type>ul>li{height:260px}.loginArea{padding-top:60px;padding-bottom:80px;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}


.bgBox{width:100%;min-height:90px;margin-bottom:60px;background:#f7f7f7;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}
.bgBox.stit{letter-spacing:-1px;font-family:'naMj',serif;font-size:15px;line-height:92px;text-align:center}

/*************************************************** BASIC css end **********************************************************************************/


/*************************************************** Store *****************************************************************/

#dailyContent.cont_etc{width:100%;}
.cont_store{width:1000px;margin:0 auto;}
.cont_store .link_location{position:absolute;font-weight:bold;line-height:22px;color:#222;}
.cont_store .link_location .ico_location{display:inline-block;width:19px;height:26px;background-position:-180px -120px;}
.cont_store .thumb_map{width:100%;vertical-align:top;}
.cont_store .store_info{overflow:hidden;font-size:14px;line-height:22px;}
.cont_store .store_info dt{float:left;clear:left;color:#999;}
.cont_store .store_info dd{float:left;padding-left:6px;color:#222;}
/*.cont_store .tit_all{position:relative;padding-top:104px;font-size:20px;line-height:26px;color:#1e1e1e;text-align:center;}
.cont_store .tit_all:after{content:'';position:absolute;left:0;right:0;top:116px;z-index:-1;width:100%;height:1px;background-color:#ccc;}
.cont_store .txt_all{display:inline-block;padding:0 89px 0 85px;background-color:#fff;vertical-align:top;}*/
.cont_store .opt_sort{display:none;}
.cont_store .tab_friends{/*padding-top:30px;border-bottom:0 none;*/}
.cont_store .tab_friends .link_tab{padding:21px 20px 19px 23px;font-size:16px;line-height:22px;}
.cont_store .tab_friends li:first-child .link_tab{padding-left:0;}
.cont_store .cont_flagship{position:relative;padding-top:104px;}
.cont_store .cont_flagship:first-child{padding-top:0;}
.cont_flagship .tit_store{display:block;padding:39px 0 24px;font-size:52px;color:#1e1e1e;}
.cont_flagship .store_info{padding-bottom:57px;font-size:16px;}
.cont_flagship .link_location{right:0;top:184px;font-size:16px;}
.cont_flagship .store_map{width:1000px;height:400px;}
.cont_store .list_store{padding-top:32px; display:none;}
	
.list_store li{overflow:hidden;position:relative;padding-bottom:60px;}
.list_store li:last-child{padding-bottom:0;}
.list_store .img_store{float:left;width:448px;height:252px;padding-right:70px;}
.list_store .tit_store{display:block;padding-left:518px;font-size:26px;line-height:28px;color:#1e1e1e;margin-bottom:5px;}
.list_store .state_open{display:inline-block;width:60px;height:28px;font-size:15px;color:#fff;background-color:#ff3434;text-align:center;vertical-align:top;}
.list_store .store_info{padding-top:25px;}
.list_store .link_location{left:519px;top:207px;font-size:14px;}
.on .link_tab{font-weight:bold;color:#1e1e1e;}
.tab_friends:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.tab_friends .link_tab{display:block;position:relative;padding:27px 27px 31px 33px;font-size:20px;line-height:22px;color:#999;letter-spacing:-1px;}
.tab_friends li{float:left;}
.tab_friends li + li .link_tab:before{position:absolute;top:50%;left:0;width:3px;height:3px;border-radius:3px;background-color:#ccc;vertical-align:top;content:'';}
	
.cont_store .tab_friends li:first-child .link_tab {padding-left: 0;}
.cont_store .tab_friends .link_tab{padding:21px 20px 19px 23px;font-size:16px;line-height:22px;}
.cont_store .opt_sort {display: none;}
.opt_sort{position:relative;z-index:20;width:220px;height:50px;}
.opt_sort .link_selected{display:block;overflow:hidden;width:199px;height:48px;padding-left:19px;border:1px solid #d2d2d2;background-color:#fff;cursor:pointer;}
.opt_sort .txt_sort{float:left;width:168px;height:48px;font-size:16px;line-height:46px;color:#1e1e1e;}
.opt_sort .ico_arr{float:left;width:10px;height:6px;background-position:-89px 0;}
.sort_open .ico_arr{background-position:-105px -20px;}
.opt_sort .ico_friends{background-position: -40px -60px;}
.sort_open .ico_friends{background-position: -60px -60px;}
.opt_sort .box_sort{display:none;position:absolute;left:0;top:48px;border:solid #999;border-width:0 1px 1px;background-color:#fff};
.sort_open .box_sort{display:block}
.sort_open .link_selected{border-color:#999}
.opt_sort .list_sort{width:218px;padding:10px 0 6px}
.opt_sort .link_sort{display:block;height:50px;padding-left:19px;font-size:16px;line-height:48px;color:#1e1e1e;}
.opt_sort .link_sort:hover, .opt_sort .link_sort:focus{background-color:#f7f7f7}
.screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px;}


/* BASIC css end */