@charset "utf-8";

/***** SET *****/
/* elip */
.elips {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

/* float */
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.aftClear:after {content:""; display:block; height:0; overflow:hidden; clear:both;}

/* vertical align */
.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}

/* text align */
.tl {text-align:left !important;}
.tc {text-align:center !important; margin-bottom: 40px;}
.tc button {border:0; width:80px; height:35px; margin-bottom: 40px; cursor:pointer;}
.tr {}

/* display */
.db {display:block !important;}
.dib {display:inline-block !important;}
.hide {display:none !important;}

/* etc */
.csp {cursor:pointer;}

/* margin */
.mc {margin:0 auto;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

/* padding */
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}


/***** 공통 *****/
.sound {font-size:0; display:none;}
.area {width:1240px; margin: 0 auto; overflow:hidden;}

/* 탑버튼 */
#topBtn {display:none; position:fixed; right:50px; bottom:50px; width:60px; height:60px; font-size:20px; color:#3a3a3a; border:2px solid #555; text-align:center;  cursor:pointer; transition: all 0.1s ease-in;}
#topBtn:hover {background:#dd2139; border: 2px solid #dd2139;}
#topBtn:hover a {color:#fff;}
#topBtn i {display:block; padding-top:10px; margin-bottom:2px; font-size:20px;}
#topBtn a {color:#3a3a3a;}

#blogBtn {display:none; position:fixed; right:70px; bottom:220px; width:30px; height:30px; font-size:20px; color:#3a3a3a;  text-align:center;  cursor:pointer; transition: all 0.1s ease-in;}

/***** section *****/
/* popup */
.popupwrap {padding-bottom:80px; position:relative;}
.popupwrap h1.h1 {width:100%; height:50px; margin-bottom:10px; background:#7E92CF; position:relative;}
.popupwrap h1.h1 span {margin:15px 0 0 20px; color:#fff; font-size:16px; line-height:50px;font-weight: bold;}
.popupwrap h1.h1 a.close {display:block; width:20px; height:20px; position:absolute;right:16px;top:16px;}
.popupwrap h1.h1 a.close img{width:100%}
/*.popupwrap img{width:100%}*/
.popupwrap > div {padding:0 15px;}
.popupwrap .searchbox {margin:0 10px 10px 10px;}
.popupwrap .listtype01 li {margin-left:10px;}
.popupwrap .bigtext {margin:20px 0; font-size:28px; color:#3455b4; text-align:center; line-height:35px;}
.popupwrap .stext {font-size:16px; color:#666; text-align:center; line-height:21px;}
.popupwrap .paging {padding:0;}
.layer_pop {padding-bottom:80px; position:absolute;left:50%;top:50%; background:#fff; border:1px solid #7E92CF; z-index:1000;}
.layer_pop img{max-width:100%}
.only_today {position:absolute;left:10px; bottom:5px;}
.only_today input {margin-right:5px;}
.only_today2 {position:absolute;left:10px; bottom:10px;}
.only_today2 input {margin-right:5px;}
.popupwrap .btnarea {padding:0; clear:both; width:100%; position:absolute;left:0; bottom:15px}

/* popup button */
.popupwrap .btntype.closebtn,
.popupwrap .btntype.closebtn a,
.popupwrap .btntype.closebtn button,
.popupwrap .btntype.closebtn input { background:url(//image.fanfanseller.kr/online/common/front/img/subimages/btn_background04.gif) no-repeat; color:#fff; }
.popupwrap .btntype.closebtn {height:27px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top!important; left:45%;}
.popupwrap .btntype.closebtn a,
.popupwrap .btntype.closebtn button,
.popupwrap .btntype.closebtn input{ height:27px; padding:0 20px 0 15px; font-size:14px; line-height:24px; background-position:right top!important;}
.popupwrap .btntype.closebtn *:hover,
.popupwrap .btntype.closebtn *:active,
.popupwrap .btntype.closebtn a:focus{ color:#fff;  font-weight:bold;text-decoration:underline !important;}

.popupwrap .btntype,
.popupwrap .btntype a,
.popupwrap .btntype button,
.popupwrap .btntype input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:14px; font-family:inherit;  font-weight:bold;white-space:nowrap; background:url(//image.fanfanseller.kr/online/common/front/img/subimages/btn_background02.gif) no-repeat; overflow:visible; color:#fff; }
.popupwrap .btntype { height:37px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top!important;}
.popupwrap .btntype a,
.popupwrap .btntype button,
.popupwrap .btntype input{ left:6px; vertical-align:top; cursor:pointer;}
.popupwrap .btntype a,
.popupwrap .btntype button,
.popupwrap .btntype input { height:37px; padding:0 26px 0 15px; font-size:14px; line-height:24px; background-position:right top!important;}
.popupwrap .btntype a:hover,
.popupwrap .btntype a:active,
.popupwrap .btntype a:focus{ color:#fff;  font-weight:bold;text-decoration:underline !important;}

/* banner */
#banner {width:100%;}
#banner01 {background:url(../img/newMain/banner01.jpg) no-repeat center; background-size:cover;}
#banner02 {background:url(../img/newMain/banner01.jpg) no-repeat center; background-size:cover;}
#banner03 {background:url(../img/newMain/banner01.jpg) no-repeat center; background-size:cover;}

.title_wrap {padding:100px 0 95px 80px;}
#banner .main_title {font-size:45px; color:#fff; line-height:56px; letter-spacing:-0.5px;}
#banner .main_title strong {font-weight:500;}
#banner .sub_title {font-size:20px; color:#fff; font-weight:300; line-height:26px; margin:25px 0;}
#banner .banner_btn {display:inline-block; width:265px; height:48px; line-height:48px; font-size:18px; color:#fff; text-align:center; background:#dd2139;}

/* pager */
#bannerWrap {position:relative;}
#bannerWrap .bx-controls {text-align:center; width:150px; position:absolute; left:50%; margin-left:-60px; bottom:20px; z-index:999;}
#bannerWrap .bx-pager-item {display:inline-block;}
#bannerWrap .bx-pager-item a {display:inline-block; margin: 0 5px; width:15px; height:15px; background:#fff; border-radius:50%; text-indent:-999999px;}
#bannerWrap .bx-pager-item a.active {background:#dd2139;}

/*section*/
.contents { padding:80px 0 100px; }
.contents h3 {font-size:42px; color:#1a1a1a; text-align:center; margin-bottom:24px;}
.img_con {margin-top:60px; text-align:center;}

.txt_wrap {letter-spacing: -0.5px; text-align:center;}
.txt_wrap strong {color: #e65b72; font-size:25px; line-height:32px;}
.info_txt {color:#4d4d4d; font-size:21px; line-height:27px; margin-top:14px; text-align:center;}

/*2019.06.10*/
#imBox {}

/* 판판셀러 무료 통합 관리 시스템 */
#imBox:after {content:'';display:block; clear:both;}
#imBox h3 {font-size:21px; color:#fff; padding:20px 0 5px 20px;}
#imBox > ul > li {float:left; width:35%; margin-left:2%; height:348px;}
#imBox > ul > li:nth-child(1) {background:#f8b25c; margin-left:0;}
#imBox > ul > li:nth-child(2) {width:31%;}
#imBox > ul > li:nth-child(3) {width:30%; background:#f9f1ea;}
#imBox .box_wrap {margin:10px; background:#fff; letter-spacing:-0.5px;padding:10px 0;}
.small_box {position:relative; border: 1px solid #ededed; width:196px; margin-left:6px; display:inline-block; box-sizing: border-box; padding:14px 8px 10px; cursor:pointer;}
.small_box:after {content:''; position:absolute; right:0;top:20px; background-position:center; background-repeat:no-repeat; width:80px; height:80px;}
.small_box01:after {background-image:url(//image.fanfanseller.kr/online/common/front/img/newMain/box01.png); right:-16px;}
.small_box02:after {background-image:url(//image.fanfanseller.kr/online/common/front/img/newMain/box02.png); right:-5px;}
.small_box03:after {background-image:url(//image.fanfanseller.kr/online/common/front/img/newMain/box03.png);right:-7px;}
.small_box04:after {background-image:url(//image.fanfanseller.kr/online/common/front/img/newMain/box04.png); right: -16px;}
.small_box01,
.small_box03 {margin-bottom:10px;}
.small_box h4 {color:#3a3a3a; line-height:21px; font-weight:500; padding-bottom:8px;}
.small_box h4:after {content:''; display:block; width:25px; height:2px; background:#ff6a5f; margin-top:12px;}
.small_box h4 + p {font-size:13px; color:#777; line-height:18px; padding:10px 0;}

/* 공지사항 & 셀러 커뮤니티 */
#tabMenu {overflow:hidden;position:relative;z-index:999; bottom:-1px;}
#tabMenu li {float:left; bottom: -1px; width:190px; background:#fff; position:relative;border:1px solid #dcdcdc; border-bottom:1px solid #a5a5a5;  border-radius:20px 20px 0 0;padding:20px 0 15px 0; text-align:center; font-size:17px; font-weight: 500; color:#777; letter-spacing:-0.25px; /* border-radius: 15px 15px 0 0;  */cursor:pointer;}
#tabMenu li.on {color: black; border:1px solid #a5a5a5; background:#E9E9E9; border-bottom:0; z-index:999; bottom:-1px; }
#tabWrap {border: 1px solid #a5a5a5; position:relative; z-index:2; overflow:hidden;}
#tabWrap div ul li a{font-size: 14px; color: #5c5c5c;}
#tabWrap div ul li .aTagWrap{width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float:left;}
#tabWrap div ul li .newImgWrap{width: 20px; float:left;}

.more_btn {text-align: right; margin:12px 0 20px;}
.more_btn a {font-size:15px; color:#3a3a3a; font-weight:500;}
.tab_content {padding:0 20px; height:276px;}
.tab_content li {position:relative; letter-spacing:-0.25px; margin: 25px 0; padding-bottom:6px; border-bottom:1px dashed #dcdcdc; height: 15px;}
.tab_content .no_wrap {display:inline-block; width:250px; font-size:15px; color:#3a3a3a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tab_content span {position:absolute; right:0; top:2px; font-size:14px; color:#a5a5a5;}

#loginWrap {padding:20px;}
#loginBox input {border:0; border: 1px solid #dcdcdc; font-size:14px; color:#3a3a3a; width:98%; height:46px; padding-left:2%; margin-bottom:10px;}

#loginInfo input[type="checkbox"] {width:15px; height:15px; margin-bottom:0; border:0; border: 1px solid #dcdcdc;}
#loginInfo {font-size:14px; color:#777; overflow:hidden; margin:5px 0 15px;}
#loginInfo .login_box02 {float:right;}
#loginInfo div,
#loginInfo li {float:left;}
#loginInfo a {color:#777;}
#loginInfo li:nth-child(1) a:after {content:'ㅣ'; display:inline-block;}

/* 로그인버튼 */
#login_btn {clear:both; overflow:hidden; background:#dd2139; border-radius: 5px;}
#login_btn a {display:inline-block; font-size:18px; width:100%; height:46px; line-height:46px; color:#fff; text-align:center;}

/*로그인 박스*/
.login{padding:15px; padding-bottom:30px;  border-bottom:1px #e0e0e0 solid}
.wrap_login{ width: 328px; border: 1px #e0e0e0 solid; height: 227px; float: right; position:relative}
.wrap_login a{text-decoration:none}
.wrap_login .login .input_box{width:100%; height:34px; border:1px #e0e0e0 solid;   position:relative;    margin: 0 10px 10px 0;    display:inline-block}
.wrap_login .login .input_box:nth-child(2){    margin-bottom:15px}
.wrap_login .login .input_box label{position:absolute; top:9px;    z-index:2;}
.wrap_login .login .input_box input{width: 100%;height: 34px;padding: 3px 8px 3px 8px; border: none;   z-index:3;box-sizing: border-box;}
.wrap_login .login .chk_id_box{position: absolute; top: 111px; left: 18px; }
.wrap_login .login .chk_id_box label{  margin:0}
.wrap_login .login .btn_login{position: absolute; top: 61px; right: 15px;}
.wrap_login .login .btn_login input{   width: 90px; height: 36px; background: #000; color: #fff; font-weight: bold; border-color: #000;}
.wrap_login .apply{padding: 10px 15px; border-top: 1px #e0e0e0 solid;overflow:hidden   }
.wrap_login .btn_join{ overflow:hidden;    padding:12px 15px;}
.wrap_login .btn_join a{width: 142px; height: 46px; display: block; background: #e35353; color: #fff; text-align: center; line-height: 46px; font-size: 14px; font-weight: bold; width: 100%; border-radius: 3px;}
.search_idpw {text-align:right;}
.search_idpw em{padding:0 6px 0 8px}

.wrap_login_info{width: 100%; height:228px; border: 1px #e0e0e0 solid; position: relative;}
.wrap_login_info a{text-decoration:none}
.wrap_login_info .login_info{background:#f6f6f6;  padding: 10px 15px; height:32px; line-height:32px; font-size:16px}
.wrap_login_info .login_info span span{color:#3355B4; font-weight:bold; vertical-align: baseline;}
.wrap_login_info .btn_logout{position: absolute; top: 8px; right: 15px;}
.wrap_login_info .btn_logout input{    width: 90px; height: 36px; background: #939393; color: #fff; font-weight: bold; border:none; font-size:14px}
.wrap_login_info .chart_box{overflow:hidden; padding:15px; min-height:88px}
.wrap_login_info .chart_box ul{ overflow:hidden}
.wrap_login_info .chart_box ul li{width:50%; float:left; padding:5px 10px; border-top:1px #ccc dotted; border-right:1px #ccc dotted; -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;    box-sizing: border-box;}
.wrap_login_info .chart_box ul li:first-child, .chart_box ul li:nth-child(2){border-top:none !important}
.wrap_login_info .chart_box ul li:nth-child(even){border-right:none}
.wrap_login_info .chart_box ul li .ft_right{vertical-align:top;}
.wrap_login_info .chart_box ul li span a{color:#e81942; font-weight:bold; vertical-align:inherit;}
.wrap_login_info .btn_system{  overflow:hidden;    padding:0 15px;}
.wrap_login_info .btn_system a{width: 142px; height: 46px; display: block; background: #e35353; color: #fff; text-align: center; line-height: 46px; font-size: 14px; font-weight: bold; width: 100%; border-radius: 3px;}

/* 로그인버튼 하단 리스트버튼 */
#btnList {border-top: 1px solid #dcdcdc; overflow:hidden;}
#btnList li {float:left; text-align:center; letter-spacing:-0.25px; padding: 26px 2% 20px; border-right:1px solid #dcdcdc; box-sizing: border-box; cursor:pointer;}
#btnList li:last-child {border-right:0;}

#btnList li:hover {background:#F19D95;}

#btnList li:hover strong,
#btnList li:hover strong + p {color:#fff;}
#btnList li strong {display:block; font-size:14px; color:#3a3a3a; font-weight:500; margin-bottom:10px;}
#btnList li strong + p {font-size:12px; color:#777; line-height:16px;}

/* scroll gnb 
/*2019.06.10*/
#gnbWrap {height:118px; padding: 20px 0;}
#gnbList {overflow:hidden; background:#e9e9e9;}
#gnbList.on {position:fixed; width:100%; z-index:999; top:0; left:0;}
#gnbList ul {width:1240px; margin: 0 auto;}
#gnbList li {float:left; width:25%; text-align:center; padding:20px 0; cursor:pointer;}
#gnbList li img {display:block; margin: -10px auto;}
#gnbList li a {display:block; text-align:center; color:#131313; font-size:17px; line-height:18px; letter-spacing:-0.4px;}
#gnbList li.active {border-bottom: 4px solid #e6002d;}
#gnbList li.active a {color:#E6002D;}*/


/***** 컨텐츠 *****/
/* 판판셀러 시스템 주요기능 */
.contents02 {background:#F9F9F9;}

/* 판판셀러 특장점 */
.contents03 {background:url(//image.fanfanseller.kr/online/common/front/img/newMain/section03.png) no-repeat center; background-size:cover;}
.contents03 h3 {color:#fff;}
.contents03 .info_txt {color:#fff; font-weight:300;}
.contents03 .img_con {margin-top:45px;}

/* 판판셀러 고객이야기 */
#sb04 {padding: 80px 0 60px; border-bottom: 1px solid #f0f0f0;}

#slideWrap {position:relative;}

#slide {overflow:hidden; padding: 50px 0 30px; position:relative; width:1100px; height:354px; margin: 0 auto; text-align:center;}
#slide ul { position: relative; overflow:hidden;height:354px;}
#slide li {position:relative; margin-left:20px; float:left; overflow:hidden; width:315px; height:354px; background:#fff; border:1px solid #dcdcdc; box-sizing: border-box;transition: all 0.4s ease-out;}
#slide li:nth-child(1) {margin-left:0;}
#slide li.on {width:430px; border:4px solid #e33f38;}
#slide li.on dl {width:400px; margin: 0 auto;}

#slide .slide_img {border-bottom: 1px solid #ccc; text-align:center; max-height: 92px; max-width: 430px;}
#slide dl {padding: 40px 20px; text-align: left;}
#slide dl dt {font-size:24px; font-weight:500; color:#e33f38;}
#slide dl dd {word-break:keep-all; letter-spacing:-0.5px; font-size:15px;}
#slide dl dd:nth-of-type(1) {font-size:20px; color:#3a3a3a; font-weight:500; margin:20px 0; line-height:22px;}
#slide dl dd:last-child { line-height:22px; color:#777;}

.customer_btn {position:absolute; width:40px; height:40px; line-height:38px; right:15px; bottom:10px; text-align:center; color:#fff; background:#707070; border-radius:50%;}
.customer_btn i {font-size:20px;}

#sb04 .more_btn {text-align:center;}
#sb04 .more_btn a {display:inline-block; width:320px; height:60px; line-height:60px; border:1px solid #e33f38; color:#e33f38; font-size:20px; background:#fff;}
#sb04 .more_btn a:after {content:''; display:inline-block; background:url(//image.fanfanseller.kr/online/common/front/img/newMain/arr.png) no-repeat center; padding-left:10px; width:40px; height:16px;}

#slideBtn i {font-size:40px; color:#ccc;}
#slideBtn a {background: #fff; width:38px; height:82px; line-height:80px; text-align:center; box-sizing:border-box; border:1px solid #dcdcdc;}
#slideBtn .prev {position:absolute; left:20px; top:46%;}
#slideBtn .next {position:absolute; right:20px; top:46%;}
/* 하단 파트너사 */
#partners {padding:15px 0;}
#partners li {display:inline-block;}

/**** main 1.css *****/
/* common */
.noview, legend, caption{ position:absolute; top:0; left:0; line-height:0; width:0; height:0; overflow:hidden;}
.ft_left{float:left;}
.ft_right{float:right;}
.clear{clear:both;}
.underline {text-decoration:underline;}
.txtright {text-align:right;}
.txtcenter {text-align:center;}
.txtleft {text-align:left; }
input[type="text"] , .text {padding:7px 5px; width:181px; height:25px; border:1px solid #d7d7d7;}
label {margin:0 10px 0 5px;}
input[type="radio"] , input[type="checkbox"] {vertical-align:middle;}
select {width:185px;}
select.search{width:100px;}
.txtright { text-align:right !important; }
.txtcenter { text-align:center !important; }
.txtleft { text-align:left !important; }
a{text-decoration:none !important}

/*main layout */
.mainvisual { clear:both; position:relative; width:100%; height:350px; margin-top:25px}
.mainbanner { clear:both; position:relative; width:100%; height:70px; background-color:#005baa; }
.maindown { clear:both; position:relative; width:100%; background:url(//image.fanfanseller.kr/online/common/front/img/main_dnbg.jpg) repeat-x 0 270px; }

/* main visual */
.mainvisual{border-bottom:none}
.mainvisual .mainimg { position:relative; width:1240px; height:357px; margin:25px auto 0; overflow:hidden;}
.mainimg .visualarea  { position:relative; width:900px; height:357px; float:left; }
.mainimg ul li { float:left; text-align:center; width:100%; height:357px; overflow:hidden;}
.mainimg ul li  { position:absolute; top:0; }
.mainimg ul li  img{}
.mainimg .vis02 img {opacity:0}
.mainimg .vis_control{position: absolute; top: 50%; width: 1240px; margin: 0 auto; left: 50%; margin-left: -620px;}
.mainimg .vis_control .vis_left{position:absolute; left:15px; cursor:pointer;  margin-top: -20px;}
.mainimg .vis_control .vis_right{position:absolute; right:15px; cursor:pointer;  margin-top: -20px;}
.mainvisual .mainimg .leftbanner { width:330px; height:357px; overflow:hidden; float:right;position:relative;}
.mainvisual .mainimg .leftbanner .album li a img{width:auto;}
.mainvisual .mainimg .leftbanner ul{position:absolute; width:1020px}
.mainvisual .mainimg .leftbanner ul li{float:left;text-align:center;}
.mainvisual .mainimg .leftbanner a {display:block;}
.mainvisual .mainimg .leftbanner a img{width:100%;height:100%;display:block}
.mainvisual .mainimg .leftbanner .bx-controls-auto {width:60px;display:inline-block;overflow:hidden;position:absolute;left:50%;bottom:30px;;margin-left:-30px;}
.mainvisual .mainimg .leftbanner .bx-controls-auto .bx-start {display:inline-block;width:25px;height:25px;margin-right:10px;float: left;font-size:0;background:url('//image.fanfanseller.kr/online/common/front/img/bt_play.png') no-repeat 0 50%;}
.mainvisual .mainimg .leftbanner .bx-controls-auto .bx-stop {display:inline-block;width:25px;height:25px;float: left;font-size:0;background:url('//image.fanfanseller.kr/online/common/front/img/bt_stop.png') no-repeat 0 50%;}

.mainimg .visualarea .bx-pager.bx-default-pager {width:60px;overflow:hidden;display:inline-block;position:absolute;bottom:33px;left:15px;z-index:200;}
.mainimg .visualarea .bx-pager.bx-default-pager .bx-pager-link {float:left;display:inline-block;font-size:0;width:8px;height:8px;margin:0 0 0 5px;background:url('//image.fanfanseller.kr/online/common/front/img/visual_page.png') no-repeat;}
.mainimg .visualarea .bx-pager.bx-default-pager .bx-pager-link.active {display:inline-block;font-size:0;width:23px;height:8px;background:url('//image.fanfanseller.kr/online/common/front/img/visual_page_on.png') no-repeat;}
.mainimg .visualarea .bx-controls-direction {width:90px;;position:absolute;bottom:20px;left:90px;display:block;overflow:hidden;z-index:200;}
.mainimg .visualarea .bx-controls-direction .bx-prev {display:inline-block;float:left;width:37px;height:36px;background:url('//image.fanfanseller.kr/online/common/front/img/visual_prev.png') no-repeat 0 50%;font-size:0;}
.mainimg .visualarea .bx-controls-direction .bx-next {display:inline-block;float:right;width:37px;height:36px;background:url('//image.fanfanseller.kr/online/common/front/img/visual_next.png') no-repeat 0 50%;font-size:0;}
.mainimg .visualarea .bx-controls-auto {display:none;}
.mainimg .visualarea .visual_txt {position:absolute;left:0;top:0;width:295px;height:100%;background:#ccc;z-index:100;background:url('//image.fanfanseller.kr/online/common/front/img/visual_txt_bg.png') repeat;}
.mainimg .visualarea .visual_txt p.visual_tit {display:block;font-size:24px;font-weight:bold;color:#fff;line-height:1em;margin-top:106px;padding:0 9%;}
.mainimg .visualarea .visual_txt p.visual_tit em {display:block;font-size:28px;font-weight:bold;margin-top:15px;margin-bottom:18px;color:#fff;line-height:1em;}
.mainimg .visualarea .visual_txt p.ment {font-size:16px;font-weight:normal;margin-left: 28px;color:#fff;line-height:1.5em;padding-top:15px;background:url('//image.fanfanseller.kr/online/common/front/img/visual_point.png') no-repeat 0 0%;}
.visual_arrow{ position:relative; width:75%; max-width:1280px; min-width:985px; height:250px; margin:-333px auto 0 auto; z-index:10;}
.visual_arrow .arrowLeft {position: absolute; left:0; top:150px; width:40px; height:40px; }
.visual_arrow .arrowRight {position: absolute; right:0; top:150px; width:40px; height:40px; }
.visual_arrow .visual_navi { position: absolute; right:0; top:300px; width:50px; text-align:center; }
.visual_arrow .visual_navi span { display:inline-block; width:22px; height:22px; margin-right:3px; overflow:hidden;}
.visual_arrow .visual_navi .btnclick img { margin-top:-22px;}


/* main banner */
.mainbanner .mainbanner_in  { width:1024px; line-height:30px; margin:0 auto; padding:20px 0; }
.mainbanner_in h2 { float:left; width:130px; color:#fff; font-size:14px; font-weight:bold;  line-height:30px; background:url(//image.fanfanseller.kr/online/common/front/img/bg_mainbanner_title.gif) no-repeat 90px 9px;}
.mainbanner_in ul { float:right;}
.mainbanner_in ul li { float:left; margin-left:20px; margin-right:30px; font-size:16px; line-height:30px; font-weight:bold; color:#fff;}
.mainbanner_in ul li:last-child { margin-right:0;}
.mainbanner_in ul li a { font-size:16px; font-weight:bold; color:#fff; padding-left:40px;  line-height:35px; }
.mainbanner_in .about { background:url(//image.fanfanseller.kr/online/common/front/img/main_gomenu_01.gif) no-repeat 0 0;}
.mainbanner_in .vod { background:url(//image.fanfanseller.kr/online/common/front/img/main_gomenu_02.gif) no-repeat 0 0;}
.mainbanner_in .menual { background:url(//image.fanfanseller.kr/online/common/front/img/main_gomenu_03.gif) no-repeat 0 0;}
.mainbanner_in .faq { background:url(//image.fanfanseller.kr/online/common/front/img/main_gomenu_04.gif) no-repeat 0 0;}

/* main contents */
.maindown .maindown_in { height:auto; margin:0 auto;}
.maindown_in .boxline { clear:both; height:auto; margin:5px auto}
.maindown_in .boxline:first-child { height:230px; margin:0 auto 10px; width:1240px;}
.boxline .title { width:220px; height:auto; float:left; background:url(//image.fanfanseller.kr/online/common/front/img/bg_title_text.gif) no-repeat 0 67px; }
.boxline .title h2 { padding-bottom:7px; font-size:24px; font-weight:bold; color:#282828; }
.boxline .title span { color:#333; line-height:13px;}
.boxline .title p {padding-top:54px;}

.boxline .noticebox { float:left; position:relative; width:443px; height:230px;box-sizing: border-box; border:1px solid #e0e0e0;padding:20px;}
.boxline .noticebox { float:left;}
.boxline .noticebox h3 {display:block;font-size:20px;line-height:1em;font-weight:bold;color:#e70d38;}
.boxline .noticebox h3 em {color:#313131;line-height:1em;font-weight:bold;}
.boxline .noticebox .gomore {display:inline-block;position:absolute;right:10px;top:10px;}
.boxline .noticebox .noticelist {overflow:hidden;margin-top:25px;} 
.boxline .noticebox .noticelist li {display:block;background:url('//image.fanfanseller.kr/online/common/front/img/notice_point.png') no-repeat 0 60%;padding-left:15px;box-sizing: border-box;margin-top:13px;}
.boxline .noticebox .noticelist li:nth-child(1) {margin-top:0;}
.boxline .noticebox .noticelist li a {display:inline-block;font-size:14px;color:#5c5c5c;vertical-align: middle;line-height:1em;width:310px;text-overflow: ellipsis;overflow: hidden;}
.boxline .noticebox .noticelist li span {display:inline-block;font-size:13px;line-height:1em;color:#828383;vertical-align:text-top;}
.boxline .noticebox .noticelist li p {}

.boxline .rbanner { float:right; width:230px; height:230px; background-color:#fff; border:0 none; }
.boxline .rbanner img { width:230px; height:230px; }
.boxline .prod { float:left; position:relative; width:100%; height:180px;}
.boxline .prod .prodarea {width:960px; height:160px; margin:45px 32px 0 32px; overflow:hidden;}
.boxline .prod .prodarea .prodroom {height:160px;}
.boxline .prod .prodarea .prodroom ul {height:160px; }
.boxline .prod ul {}
.boxline .prod ul li { float:left; width:160px; height:160px; text-align:center; } /* 롤링 js 안의 190px 로 선언된 값을 160px로 함께 변경해 주세요 */
.boxline .prod ul li span { display:inline-block; font-weight:bold; width:160px; height:17px; margin:3px 0 0 0; color:#444; text-overflow:ellipsis; overflow:hidden; text-align:center; font-size:13px;}
.boxline .prod ul li a { font-weight:bold; color:#444; font-size:13px;}
.boxline .prod ul li a img {width:100px; height:100px;}
.boxline .prod .arrowLeft {position: absolute; left:0; top:50%; }
.boxline .prod .arrowRight {position: absolute; right:0; top:50%; }
.boxline .prod .prod_navi { position: absolute; right:0; top:10px;  text-align:right; }
.boxline .prod .prod_navi span { display:inline-block; width:17px; height:16px; margin-right:3px; overflow:hidden;}
.boxline .prod .prod_navi .btnclick img { margin-top:-16px;} 
.boxline .bannerzone {width:1240px; margin:0 auto; overflow:hidden;}
.boxline .bannerzone li { float:left; width:190px; margin-left:17px; line-height:85px;height:85px; background:none}
.boxline .bannerzone li a {display:block; text-align:center; }
.boxline .bannerzone li img {width:auto; max-width:190px; vertical-align:middle;}
.boxline .bannerzone li:first-child { margin-left:0;}

/*로그인 박스*/
.boxline .login{padding:15px; padding-bottom:30px;	border-bottom:1px #e0e0e0 solid}
.boxline .wrap_login{ width: 328px; border: 1px #e0e0e0 solid; height: 227px; float: right; position:relative}
.boxline .wrap_login a{text-decoration:none}
.boxline .wrap_login .login .input_box{width:100%; height:34px;	border:1px #e0e0e0 solid;	position:relative;    margin: 0 10px 10px 0;	display:inline-block}
.boxline .wrap_login .login .input_box:nth-child(2){	margin-bottom:15px}
.boxline .wrap_login .login .input_box label{position:absolute;	top:9px;	z-index:2;}
.boxline .wrap_login .login .input_box input{width: 100%;height: 34px;padding: 3px 8px 3px 8px; border: none;	z-index:3;box-sizing: border-box;}
.boxline .wrap_login .login .chk_id_box{position: absolute; top: 111px; left: 18px;	}
.boxline .wrap_login .login .chk_id_box label{	margin:0}
.boxline .wrap_login .login .btn_login{position: absolute; top: 61px; right: 15px;}
.boxline .wrap_login .login .btn_login input{	width: 90px; height: 36px; background: #000; color: #fff; font-weight: bold; border-color: #000;}
.boxline .wrap_login .apply{padding: 10px 15px; border-top: 1px #e0e0e0 solid;overflow:hidden	}
.boxline .wrap_login .btn_join{	overflow:hidden;	padding:12px 15px;}
.boxline .wrap_login .btn_join a{width: 142px; height: 46px; display: block; background: #e35353; color: #fff; text-align: center; line-height: 46px; font-size: 14px; font-weight: bold; width: 100%; border-radius: 3px;}
.search_idpw {text-align:right;}
.search_idpw em{padding:0 6px 0 8px}

.boxline .wrap_login_info{width: 328px; height:228px; border: 1px #e0e0e0 solid; float: right; position: relative;}
.boxline .wrap_login_info a{text-decoration:none}
.boxline .wrap_login_info .login_info{background:#f6f6f6;  padding: 10px 15px; height:32px; line-height:32px; font-size:13px}
.boxline .wrap_login_info .login_info span span{color:#3355B4; font-weight:bold}
.boxline .wrap_login_info .btn_logout{position: absolute; top: 8px; right: 15px;}
.boxline .wrap_login_info .btn_logout input{	width: 90px; height: 36px; background: #939393; color: #fff; font-weight: bold; border:none; font-size:12px}
.boxline .wrap_login_info .chart_box{overflow:hidden; padding:15px; min-height:88px}
.boxline .wrap_login_info .chart_box ul{ overflow:hidden}
.boxline .wrap_login_info .chart_box ul li{width:50%; float:left; padding:5px 10px; border-top:1px #ccc dotted; border-right:1px #ccc dotted; -webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;}
.boxline .wrap_login_info .chart_box ul li:first-child, .chart_box ul li:nth-child(2){border-top:none !important}
.boxline .wrap_login_info .chart_box ul li:nth-child(even){border-right:none}
.boxline .wrap_login_info .chart_box ul li span a{color:#e81942; font-weight:bold}
.boxline .wrap_login_info .btn_system{	overflow:hidden;	padding:0 15px;}
.boxline .wrap_login_info .btn_system a{width: 142px; height: 46px; display: block; background: #e35353; color: #fff; text-align: center; line-height: 46px; font-size: 14px; font-weight: bold; width: 100%; border-radius: 3px;}

/*최신 등록 상품*/
.latest_product{overflow:hidden;	 background:url(//image.fanfanseller.kr/online/common/front/img/main_graybg.png) repeat-x; padding-bottom:28px; border-bottom:1px #ccc solid}
.latest_product h3{text-align: center; font-size: 24px; line-height: 66px; font-weight:bold; width:1240px; margin:0 auto}
.latest_product ul{width:1240px; margin:0 auto; overflow:hidden}
.latest_product ul li{float:left;width:232px; margin-left:20px; background:#fff; border:1px #e0e0e0 solid; padding:5px;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;}
.latest_product ul li:first-child{margin-left:0}
.latest_product ul li a img{display:block; width:100%; height:220px;padding-bottom: 5px;  border-bottom: 1px #e0e0e0 dashed; }
.latest_product ul li a p{	margin:15px;font-size: 14px; height:38px; overflow:hidden}

/*바이어_회원가입*/
.top_tit {width:auto; height:22px; padding:15px 0 38px 9px; background:url(//image.fanfanseller.kr/online/common/admin/img/bg_title.gif) no-repeat 0 17px; position:relative;  border-top:3px solid #555; font-size:18px; color:#000; font-family:Malgun Gothic; line-height:16px;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;}
.join_type{overflow:hidden}
.join_type div{height:170px; float:left;}
.join_type div:first-child{background: #929292; color: #fff; width: 120px; border-radius: 5px; font-size: 21px; padding: 53px 10px;  -webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box; text-align: center; line-height:33px}
.join_type div ul{width:282px; margin:20px auto}
.join_type div ul li{width: 254px; margin: 0 auto; color:#fff}
.join_type div ul li:first-child{font-size:26px; font-weight:bold; padding-bottom:13px; width:282px; line-height:44px}
.join_type div.join_type01{background:url('//image.fanfanseller.kr/online/common/front/img/join_bg1.png') no-repeat; width:430px; margin:0 10px}
.join_type div.join_type02{background:url('//image.fanfanseller.kr/online/common/front/img/join_bg2.png') no-repeat; width:430px}
.note{padding:20px 0}
.terms_bx{margin-bottom:20px}
.terms_bx textarea{width:100%}
.terms_bx p{font-weight:bold; padding-bottom:15px}
.table_pt{padding-top:6px}
.table_certify {margin-top:15px}
.table_certify table td{text-align:center; padding:20px 0; font-size:14px}
.table_certify table thead th{height:35px; line-height:35px; text-align:center; font-size:14px;}
.table_certify table thead th:first-child{border-right:1px #ccc solid}
.table_certify table thead th{background:#7b90ce; color:#fff; height:45px; line-height:45px}
.table_certify .table_border{border:1px #ccc solid; border-right:none; border-left:none}
.table_certify table tbody td:first-child{border-right:1px #ccc solid}
.table table tbody td.certify01 img{margin:20px auto}
.table table tbody td.certify02 img{margin:20px auto}
.table_certify{border:1px #ccc solid}
.table_certify table{width:100%}

/*아이디, 비밀번호 찾기*/
.search_id{overflow: hidden; background: #f5f5f5;  padding: 15px; margin-top:15px}
.search_id div{width:49%; float:left; box-sizing: border-box; background:#fff; border-radius:10px}
.search_id div:first-child{margin-right:2%}
.search_id p{border-bottom:1px #ccc solid; padding:15px}
.search_id p label{font-size: 14px; padding-left: 5px; font-weight:bold}
.search_id ul{padding: 0 15px}
.search_id ul li span{width:65px; display:inline-block}
.search_id ul li{padding:15px 0}
.search_id ul li:first-child{border-bottom:1px #ccc dotted;}
.search_id ul li input{width:inherit}
.search_pw ul li span{width:65px; display:inline-block}
.search_pw ul li:nth-child(2){border-bottom:1px #ccc dotted}

.search_result{background:#f5f5f5; padding:15px; margin-top:15px}
.search_result div{background:#fff; border-radius:10px}
.search_result > div > p{padding:15px; border-bottom:1px #ccc solid; font-size:14px; font-weight:bold}
.search_result > div > p:last-child{border-bottom:none; border-top:1px #ccc dotted; padding:15px 0; margin:0 30px }
.search_result .result{padding:15px 30px;}
.search_result .result p:first-child{ margin-bottom:15px; font-size:14px;}

/**** main2 ****/
/* WRAPPER */
.mainbg {background:url(//image.fanfanseller.kr/online/common/front/img/maintype/bg.gif) repeat 0 0;}

/* CONTENTS */
.main_contents .contents {width:968px; height:auto; margin:0 auto; position:relative;margin-top:55px;}
.main_contents .contents:after {display:block; content:""; clear:both;}

.maincon01 {width:100%; height:230px; margin-bottom:16px;}
.maincon01 div {float:left;}
.maincon01 .main_line01 {width:475px; margin-right:16px; overflow:hidden;}
.maincon01 .main_line01 a {display:block; width:475px; height:230px;}
.maincon01 .main_line01 a img {width:475px; height:230px;}
.maincon01 .main_line02 {width:230px; margin-right:16px; overflow:hidden;}
.maincon01 .main_line02 a {display:block; width:230px; height:230px;}
.maincon01 .main_line02 a img {width:230px; height:230px;}
.maincon01 ul {width:230px; height:230px; overflow:hidden;}
.maincon01 ul li {width:107px; height:107px; float:left; margin-right:14px;}
.maincon01 ul li a {display:block; width:107px; height:107px;}
.maincon01 ul li:first-child, .maincon01 ul li.first-child {margin:0 16px 16px 0;}
.maincon01 ul li:last-child, .maincon01 ul li.last-child {margin-right:0;}
.maincon02 {width:230px; margin-right:16px; float:left;}
.maincon02 dl {width:190px; height:57px; padding:25px 20px; margin-bottom:16px; background-color:#fff;}
.maincon02 dl:last-child, .maincon02 dl.last-child {margin-bottom:0;}
.maincon02 dl dt {width:60px; height:55px; float:left; font-size:14px; color:#393f4f; line-height:16px; font-weight:bold; border-right:1px solid #d9d9d9;}
.maincon02 dl dd {width:122px; float:left; margin:0 0 5px 6px; line-height:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.maincon02 dl dd a {font-size:12px; color:#898f9e;}
.maincon02:after {display:block; content:""; clear:both;}
.maincon03 {width:720px; float:left;}
.maincon03 .product_line {position:relative; margin-bottom:16px; overflow:hidden; background-color:#fff;}
.maincon03 .product_line ul {height:230px; overflow:hidden;}
.maincon03 .product_line ul li {width:159px; height:175px; margin:0 15px; padding-top:35px; text-align:center; float:left; position:relative;}
.maincon03 .product_line ul li a {display:block; width:100%; height:100%; text-align:center;}
.maincon03 .product_line ul li a img {width:145px; height:145px;}
.maincon03 .product_line ul li:first-child, .maincon03 .product_line ul li.first-child {margin-left:0;}
.maincon03 .product_line ul li span.text {display:block; width:100%; margin-top:5px; text-align:center; font-size:13px; color:#ff6c5c; border:0 none;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center;}
.maincon03 .product_line em.special {display:block; width:67px; height:66px; position:absolute;left:0;top:0; background:url(//image.fanfanseller.kr/online/common/front/img/maintype/ico_set.png) no-repeat 0 0; text-indent:-999em;}
.maincon03 .product_line .prod_navi {right:0; top:10px;}
.maincon03 .product_line .linerolling {width:600px; height:230px; margin:0 70px; overflow:hidden;}
.maincon03 .product_line .prev {top:60px;}
.maincon03 .product_line .prev a {background-color:transparent;}
.maincon03 .product_line .next {width:70px; height:180px; top:30px;}
.maincon03 .product_line .next a { background:url(//image.fanfanseller.kr/online/common/front/img/maintype/btn_rolling.png) no-repeat -11px 75px #fff;}
.maincon03 .prod_navi { position: absolute; right:0; bottom:0; text-align:right; z-index:101;}
.maincon03 .prod_navi span { display:inline-block; width:17px; height:16px; margin-right:3px; overflow:hidden;}
.maincon03 .prod_navi .btnclick img { margin-top:-16px;} 

.maincon03 .rolling_box {width:600px; height:47px; padding:30px 60px; overflow:hidden; background-color:#fff; position:relative;}
.rolling_box .rolling {width:720px; height:107px;}
.rolling_box .rolling .rollingRoom {width:100%; height:107px;}
.rolling_box .rolling .rollingRoom li {width:160px; height:80px; overflow:hidden; float:left;}
.rolling_box .rolling .rollingRoom li a {display:block; height:50px; overflow:hidden; text-align:center;}
.rolling_box .rolling .rollingRoom li img {width:auto; max-width:155px;}
/* .prev {width:60px; height:107px; position:absolute;left:0; top:0; z-index:1;}
.prev a {display:block; width:100%; height:100%; text-indent:-999em; background:url(//image.fanfanseller.kr/online/common/front/img/maintype/btn_rolling.png) no-repeat 28px 45px #fff;}
.next {width:60px; height:107px; position:absolute;right:0; top:0; z-index:1;}
.next a {display:block; width:100%; height:100%; text-indent:-999em; background:url(//image.fanfanseller.kr/online/common/front/img/maintype/btn_rolling.png) no-repeat -11px 45px #fff;}
 */
.prod_navi02 { position: absolute; right:0; top:10px;  text-align:right; z-index:10;}
.prod_navi02 span { display:inline-block; width:17px; height:16px; margin-right:3px; overflow:hidden;}
.prod_navi02 .btnclick img { margin-top:-16px;} 
.prod_navi03 { position: absolute; right:0; bottom:0;  text-align:right; z-index:10;}
.prod_navi03 span { display:inline-block; width:17px; height:16px; margin-right:3px; overflow:hidden;}
.prod_navi03 .btnclick img { margin-top:-16px;} 

/* popup - 공통이기 때문에 contents.css도 함께 수정*/
.popupwrap {padding-bottom:80px; position:relative;}
.popupwrap h1.h1 {width:100%; height:60px; margin-bottom:10px; background:#3455b4; position:relative;}
.popupwrap h1.h1 span {margin:15px 0 0 20px; color:#fff; font-size:28px; line-height:55px;}
.popupwrap h1.h1 a.close {display:block; width:20px; height:20px; position:absolute;right:20px;top:20px;}
.popupwrap > div {padding:0 15px;}
.popupwrap .searchbox {margin-bottom:20px;}
.popupwrap .listtype01 li {margin-left:10px;}
.popupwrap .bigtext {margin:20px 0; font-size:28px; color:#3455b4; text-align:center; line-height:35px;}
.popupwrap .stext {font-size:16px; color:#666; text-align:center; line-height:21px;}
.layer_pop {width:500px; height:260px; padding-bottom:80px; position:absolute;left:50%;top:50%; background:#fff; border:1px solid #3455b4; z-index:100;}
.only_today {position:absolute;left:10px; bottom:5px;}
.only_today input {margin-right:5px;}
.only_today2 {position:absolute;left:10px; bottom:10px;}
.only_today2 input {margin-right:5px;}
.popupwrap .btnarea {padding:0; clear:both; width:100%; position:absolute;left:0; bottom:30px; text-align:center; }

.popupwrap .btntype,
.popupwrap .btntype a,
.popupwrap .btntype button,
.popupwrap .btntype input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:14px; font-family:inherit;  font-weight:bold;white-space:nowrap; background:url(//image.fanfanseller.kr/online/common/front/img/subimages/btn_background02.gif) no-repeat; overflow:visible; color:#fff; }
.popupwrap .btntype { height:37px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top!important;}
.popupwrap .btntype a,
.popupwrap .btntype button,
.popupwrap .btntype input{ left:6px; vertical-align:top; cursor:pointer;}
.popupwrap .btntype a,
.popupwrap .btntype button,
.popupwrap .btntype input { height:37px; padding:0 26px 0 15px; font-size:14px; line-height:24px; background-position:right top!important;}
.popupwrap .btntype a:hover,
.popupwrap .btntype a:active,
.popupwrap .btntype a:focus{ color:#fff;  font-weight:bold;text-decoration:underline !important;}

.popupwrap .btntype.closebtn,
.popupwrap .btntype.closebtn a,
.popupwrap .btntype.closebtn button,
.popupwrap .btntype.closebtn input { background:url(//image.fanfanseller.kr/online/common/front/img/subimages/btn_background04.gif) no-repeat; color:#fff; }
.popupwrap .btntype.closebtn {height:27px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top!important;}
.popupwrap .btntype.closebtn a,
.popupwrap .btntype.closebtn button,
.popupwrap .btntype.closebtn input{ height:27px; padding:0 20px 0 15px; font-size:14px; line-height:24px; background-position:right top!important;}
.popupwrap .btntype.closebtn *:hover,
.popupwrap .btntype.closebtn *:active,
.popupwrap .btntype.closebtn a:focus{ color:#fff;  font-weight:bold;text-decoration:underline !important;}