@charset "utf-8";
@import url("font_mg.css");


#header,
#footer { font-size:12px; line-height:normal; color:#333; font-family:'Malgun Gothic','맑은 고딕','Dotum','Verdana','AppleGothic','sans-serif'; font-weight:400; letter-spacing:-0.7px; background-color:#fff; } 
#header *,
#footer * { font-family:inherit; }

#header {position:relative; clear:both; z-index:501;}
#header:after {content:""; display:block; clear:both;}
#footer {position:relative; clear:both; border-top:2px solid #444; margin-top:100px; padding-top:27px; height:190px;}
#footer:after {content:""; display:block; clear:both;}

/* 컨텐츠 사이즈 지정 */
.fixed {width:1080px; margin:0 auto; position:relative; clear:both;}
.fixed:after {content:""; display:block; clear:both;}
.fixedForce {width:1080px !important;}


/*////////// FONTS //////////*/
.eng {font-family:'Verdana','Malgun Gothic','맑은 고딕' !important;}
.txtOg {color:#ff6c00 !important;}
.txtBl {color:#7eb5f3 !important;}


/*////////// ICONS //////////*/

.icn {background:url('/img/com/icn_set.png') no-repeat; vertical-align:middle; display:inline-block; *display:inline; *zoom:1; text-indent:-999999px;}
.icnWish {background-position:0 0; width:14px; height:14px;}
.icnWishB {background-position:-20px -362px; width:24px; height:19px;}
.icnDown {background-position:0 -61px; width:11px; height:8px;}
.icnMenu {background-position:-25px -41px; width:16px; height:14px;}
.icnMy {background-position:0 -41px; width:16px; height:16px;}
.icnQmark {background-position:0 -297px; background-color:#fff; width:14px; height:14px; border:1px solid #ccc;}
.icnQmark:hover , .icnQmark:focus {border:1px solid #333;}
.icnEvent {background-position:0 -20px; width:50px; height:19px;}


/*////////// HEADER //////////*/

/* header > Top */
.hdTop {position:relative; clear:both; background:#333; color:#fff; height:50px; overflow:hidden;}
.hdTop:after {content:""; display:block; clear:both;}

.hdTop .gnbLink {float:left; line-height:41px; position:absolute; bottom:-1px;}
.hdTop .gnbLink li {float:left; width:107px; text-align:center; margin-right:2px; font-size:14px; font-weight:bold;}
.hdTop .gnbLink li a {display:block; color:#a9a9a9; background:#5c5c5c;}
.hdTop .gnbLink li a.on {background:#fff; color:#333; font-weight:bold;}

.hdTop .gnbMy {float:right; color:#ccc; line-height:49px; font-size:13px;}
.hdTop .gnbMy em {color:#eee; border-bottom:1px solid #fff; line-height:17px; font-weight:bold; display:inline-block;}
.hdTop .gnbMy strong {color:#fff; font-family:'Verdana','Malgun Gothic','맑은 고딕'; font-weight:bold; font-size:12px;}
.hdTop .gnbMy button.btnLog { background:url('/img/com/icn_set.png') no-repeat 7px -76px; background-color:#fff; color:#333; line-height:20px; width:70px; text-align:center; display:inline-block; margin-left:10px; padding-left:10px; font-size:10px; border-radius:2px; behavior:url('../../resources/css/PIE.htc'); position:relative; vertical-align:middle;}
.hdTop .gnbMy .myLink {display:inline-block; vertical-align:middle; font-size:12px;}
.hdTop .gnbMy .myLink li {float:left; padding:0 10px; border-left:1px solid #626262; line-height:11px;}
.hdTop .gnbMy .myLink li:first-child {border-left:none;}
.hdTop .gnbMy .myLink a {display:block; color:#fff;}


/* header > Logo */
.hdLogo {height:109px; position:relative;}
.hdLogo .logo {float:left; line-height:109px; display:table; }
.hdLogo .logo a {display:table-cell; vertical-align:middle; padding-right:15px;}
.hdLogo .logo span,
.hdLogo .logo span img { vertical-align:middle; }
.hdLogo .logo .benepia {background:url('/img/com/logo_benepias.png') no-repeat 0 0; width:140px; height:40px; text-indent:-99999px; display:inline-block;}


/* header > Search */
.hdLogo .search {margin:0 auto; border:1px solid #ff6c00; line-height:38px; width:365px; position:relative; z-index:250; top:35px;}
.hdLogo .search .inpSearch {border:0; height:32px; width:280px; margin:2px 0 0 5px; padding-left:10px; vertical-align:top; font-size:14px; color:#666; position:relative; z-index:255;}
.hdLogo .search .btnSearch {background:url('/img/com/icn_set.png') no-repeat 17px -93px; background-color:#ff6c00; float:right; width:60px; height:38px; text-indent:-99999px;}
.hdLogo .search .searchLayer {background:#fff; border:2px solid #ff6c00; width:363px; position:absolute; top:-1px; left:-1px; display:none; z-index:251;}
.hdLogo .search .searchLayer .inpArea {line-height:35px; text-align:right;}
.hdLogo .search .searchLayer .inpArea .btnSearchOr {display:inline-block; background:url('/img/com/icn_set.png') no-repeat 18px -175px; width:60px; height:37px; text-indent:-99999px;}
.hdLogo .search .searchLayer .tit {font-weight:bold; font-size:14px; padding:15px 0 8px 20px; line-height:100%;}
.hdLogo .search .searchLayer .list {clear:both; overflow-x:hidden; overflow-y:auto; max-height:202px;}
.hdLogo .search .searchLayer .list li {line-height:30px; position:relative; font-size:14px; border:1px solid transparent; box-sizing:border-box;}
.hdLogo .search .searchLayer .list li:last-child {margin-bottom:10px;}
.hdLogo .search .searchLayer .list li a {color:#666; padding:0 20px; display:block;}
.hdLogo .search .searchLayer .list li:hover , .hdLogo .search .searchLayer .list li:focus {background-color:#f8f8f8;}
.hdLogo .search .searchLayer .list li a em {font-weight:bold; color:#ff6c00;}
.hdLogo .search .searchLayer .list li .icnDel {background:url('/img/com/icn_set.png') no-repeat -1px -221px; vertical-align:middle; display:inline-block; text-indent:-999999px; width:15px; height:15px; background-color:#fff; position:absolute; top:6px; right:20px; border:1px solid #ddd; padding:0;}
.hdLogo .search .searchLayer .setting {position:relative; clear:both; background:#f8f8f8; border-top:1px solid #ddd; padding:1px 0 3px 20px;}
.hdLogo .search .searchLayer .setting:after {content:""; display:block; clear:both;}
.hdLogo .search .searchLayer .setting a {display:inline-block; background:url('/img/com/line_set.png') no-repeat 0 -16px; padding:0 10px; line-height:15px; color:#333;}
.hdLogo .search .searchLayer .setting a:first-child {padding-left:0; background:transparent;}


/* header > Banner */
.hdBanner {float:right; position:relative; top:-15px; height:63px !important; overflow:hidden;}
.hdBanner li img {width:220px; height:60px; object-fit:cover;}
.hdBanner .arrow {position:absolute; top:40px; right:0; padding:3px; height:13px;}
.hdBanner .arrow a {display:block; background:url('/img/com/arw_set.png') no-repeat; background-color:#fff; width:17px; height:17px; border:1px solid #ebebeb; text-indent:-99999px;}
.hdBanner .arrow span {display:inline-block;}
.hdBanner .arrow span.hdbprev a {background-position:0 -130px;}
.hdBanner .arrow span.hdbprev a:hover {background-position:0 -800px;}
.hdBanner .arrow span.hdbnext a {background-position:-30px -130px; border-left:none;}
.hdBanner .arrow span.hdbnext a:hover {background-position:-30px -800px;}
.hdBanner .bx-wrapper .bx-pager {display:none;}




/* header > Nav */
.hdCore {line-height:50px; border-top:2px solid #333; position:relative; clear:both; font-size:15px; z-index:200; height:50px; font-weight:bold; border-bottom:1px solid #999;}
.hdCore:after {content:""; display:block; clear:both;}
.hdCore a:hover {color:#333;}

.hdCore .allCategory {float:left; text-align:center; position:relative;}
.hdCore .allCategory .btnAllcate {font-size:15px; cursor:pointer; display:block; width:215px; line-height:50px; color:#000;}
.hdCore .allCategory .btnAllcate i {margin:0 13px;}
.hdCore .allCategory .allLayer {position:absolute; top:-2px; left:0; background:#fff; min-height:200px; border:2px solid #666; z-index:500; display:none; text-align:left; background:url('/img/com/bg_allCate.png') repeat-y; overflow:hidden; width:1076px;}
.hdCore .allCategory .allLayer .titBox { overflow:hidden; background:#666; position:relative;}
.hdCore .allCategory .allLayer .titBox .tit { float:left; display:inline-block; *display:inline; *zoom:1; color:#fff; width:210px; display:inline-block; text-align:center; cursor:pointer;}
.hdCore .allCategory .allLayer .titBox .tit i {margin:0 13px;}
.hdCore .allCategory .allLayer .titBox .tit i.icnMenu {background-position:-25px -395px;}
.hdCore .allCategory .allLayer .titBox .tit i.icnDown {background-position:-11px -61px;}
.hdCore .allCategory .allLayer .titBox .menu { float:left; overflow:hidden; margin-top:12px; margin-left:58px; }
.hdCore .allCategory .allLayer .titBox .menu li { float:left; width:150px; }
.hdCore .allCategory .allLayer .titBox .menu li a { display:block; border-right:1px solid #8f8f8f; height:25px; line-height:25px; color:#fff; text-align:center; }
.hdCore .allCategory .allLayer .titBox .menu li.on a { color:#ff6c00; }
.hdCore .allCategory .allLayer .titBox .menu li:first-child a { border-left:1px solid #8f8f8f; }
.hdCore .allCategory .allLayer .titBox .btnClose {text-indent:-999999px; background:url('/img/com/icn_set.png') no-repeat 0 -415px; display:block; width:22px; height:22px; position:absolute; top:13px; right:13px;}
.hdCore .allCategory .allLayer .menuList {width:100%; clear:both;}
.hdCore .allCategory .allLayer .menuList > li {width:269px; float:left; }
.hdCore .allCategory .allLayer .menuList .depth1 {background:#f8f8f8; line-height:50px; display:inline-block; padding-left:20px; width:248px; border-top:1px solid #ddd;}
/*
.hdCore .allCategory .allLayer .menuList .depth1 span:hover , .hdCore .allCategory .allLayer .menuList .depth1 span:focus {color:#ff6c00;border-bottom:1px solid #ff6c00;}
*/
.hdCore .allCategory .allLayer .menuList .submenuList {font-weight:normal; font-size:13px; padding:10px 20px 13px 20px; overflow:hidden;}
.hdCore .allCategory .allLayer .menuList .submenuList li { line-height:25px; }
.hdCore .allCategory .allLayer .menuList .submenuList li a { display:block; overflow:hidden; color:#666; }
.hdCore .allCategory .allLayer .menuList .submenuList li a:hover, 
.hdCore .allCategory .allLayer .menuList .submenuList li a:focus {color:#ff6c00; border-bottom:1px solid #ff6c00;}
.hdCore .allCategory .allLayer .menuList .submenuList li a span { float: left; display: block; } 
.hdCore .allCategory .allLayer .menuList .submenuList li a i { float: right; width: 84px; text-align: right; }

.hdCore .allCategory .allLayer .etcList { float:right; width:195px; }
.hdCore .allCategory .allLayer .etcList .tit {}
.hdCore .allCategory .allLayer .etcList .myList {font-weight:normal; font-size:13px; margin-top:15px;}
.hdCore .allCategory .allLayer .etcList .myList li {line-height:25px;}
.hdCore .allCategory .allLayer .etcList .myList li:first-child {padding-bottom:8px;}
.hdCore .allCategory .allLayer .etcList .myList a {color:#666;}
.hdCore .allCategory .allLayer .etcList .myList li .tit span {font-weight:bold; font-size:15px; color:#333;}
.hdCore .allCategory .allLayer .etcList .myList li .tit span:hover, 
.hdCore .allCategory .allLayer .etcList .myList li .tit span:focus {color:#ff6c00;}
.hdCore .allCategory .allLayer .etcList .etc {margin-top:20px;}
.hdCore .allCategory .allLayer .etcList .etc li {line-height:30px;}
.hdCore .allCategory .allLayer .etcList a:hover, 
.hdCore .allCategory .allLayer .etcList a:focus {color:#ff6c00; border-bottom:1px solid #ff6c00;}
.hdCore .allCategory .allLayer .etcList a:hover i, 
.hdCore .allCategory .allLayer .etcList a:focus i {background-position:-25px -297px;}
.hdCore .allCategory .allLayer .etcList .icnWish {margin-left:2px; margin-right:0;}

.hdCore .eachMenu { float:left; height:50px; }
.hdCore .eachMenu > li { float:left; display:inline-block; *display:inline; *zoom:1; text-align:center; position:relative; }
.hdCore .eachMenu > li > a { z-index:101; position:relative; display:block; height:50px; }
.hdCore .eachMenu > li.on > a { border:2px solid #444444; border-top:0px; border-bottom:2px solid #fff; color:#ff6c00; background:#fff; }
.hdCore .eachMenu > li.on > a + .menu { display:block; }
.hdCore .eachMenu > li .menu { display:none; z-index:100; position:absolute; top:50px; left:0; overflow:hidden; border:2px solid #444444; width:450px; background:#fff; }
.hdCore .eachMenu > li .menu .list { float:left; padding:12px 10px; border-right:1px solid #dddddd; width:129px; }
.hdCore .eachMenu > li .menu .list li { margin-top:5px; }
.hdCore .eachMenu > li .menu .list li:first-child { margin-top:0px; }
.hdCore .eachMenu > li .menu .list li a { display:block; width:120px; padding-left:8px; height:20px; line-height:20px; color:#666; font-size:12px; text-align:left; font-weight:normal; }
.hdCore .eachMenu > li .menu .list li a:hover { background:#ff7d09; color:#fff; font-weight:bold; }
.hdCore .eachMenu > li .menu .banner { float:left; margin-left:-1px; border-left:1px solid #ddd; width:300px; }
.hdCore .eachMenu > li .menu .banner li { border-top:1px solid #ddd; }
.hdCore .eachMenu > li .menu .banner li:first-child { border-top:0px; }
.hdCore .eachMenu > li .menu .banner img { width:300px; height:180px; }
.hdCore .eachMenu > li.noHasBanner .menu { width:149px; }
.hdCore .eachMenu > li.noHasBanner .menu .list { float:none; border-right:0px; }
.hdCore .eachMenu > li.directRight .menu { left:auto; right:0px; }

.hdCore .beneMenu { width:400px; }
.hdCore .beneMenu > li {width:18%;}
.hdCore .beneMenu > li.skSpecial {width:28%;}
.hdCore .beneMenu > li > a {color:#333;}
.hdCore .eachMenu > li > a:hover,
.hdCore .eachMenu > li > a:focus { color:#ff6c00; }

.hdCore .mallMenu { width:465px; background:#ff6c00; }
.hdCore .mallMenu > li {width:15.5%;}
.hdCore .mallMenu > li.sportLeisure {width:22.5%;}
.hdCore .mallMenu > li > a { color:#fff; }
.hdCore .mallMenu > li > a:hover,
.hdCore .mallMenu > li > a:focus { color:#222; }

/*
.hdCore .txtEvent a:hover , .hdCore .txtEvent a:focus {color:#ff6c00;}
*/
.hdCore .keywordEvent .bx-wrapper .bx-pager {display:none;}
.hdCore .keywordEvent .bx-wrapper .bx-prev,
.hdCore .keywordEvent .bx-wrapper .bx-next {display:none;}



/*////////// FOOTER //////////*/

.ftLogo {float:left; background:url('/img/com/logo_benepias.png') no-repeat 30px -40px; width:215px; height:40px; margin-top:20px; text-align:center; text-indent:-99999px;}
.ftInfo {float:left; padding-left:35px; border-left:1px solid #ddd; }
.ftInfo .menu {height:30px;}
.ftInfo .menu li {float:left; padding:0 20px; border-left:1px solid #e5e5e5; font-weight:bold; font-size:14px; line-height:90%;}
.ftInfo .menu li:first-child {border-left:none; padding-left:0px;}
.ftInfo .menu li a {color:#333;}
.ftInfo .menu li a:hover {border-bottom:1px solid #000; color:#000;}
.ftInfo address {color:#666; line-height:16px;}
.ftInfo address em {color:#ff6c00; font-weight:bold;}
.ftInfo .copy {font-family:'Verdana','Malgun Gothic','맑은 고딕'; color:#666; margin-top:5px;}
.ftInfo .txtSK {font-weight:bold; color:#333; padding:5px 0;}