@charset "utf-8";
/*
    Layout.css
*/

/***** layout *****/
body {min-width:1380px;background:#292929;color:#666;font-family:'NotoSansKR','Malgun Gothic','맑은 고딕',Apple Gothic,arial,helvetica,sans-serif;;font-size:18px;font-weight:600;line-height:26px;-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch;word-wrap:break-word;word-break:keep-all;white-space:normal;overflow-y:scroll;}
#wrap {position:relative;width:100%;background:#fff;overflow:hidden;}


/**** Header ****/
header {position:relative;width:100%;height:142px;background:#fff;border-bottom:1px solid #e5e5e5;box-sizing:border-box;z-index:100;}
header:before {position:absolute;left:0;top:80px;width:100%;height:1px;background:#e5e5e5;content:"";}
/*header:after {content:""; width:100%; height:calc(100% + 51px); background:rgba(0,0,0,0.33); position:absolute; left:0; top:0; display:none;}
header.active:after {display:block;}*/
header .header_cont {position:relative;width:1280px;height:141px;margin:0 auto;}
header h1.logo {position:absolute;left:0;top:0;}
header h1.logo a {display:block;width:111px;height:80px;background:url(../images/layout/logo.svg) center no-repeat;text-indent:-9999px;overflow:hidden;} 


/** GNB **/
.gnb {position:absolute;left:0;top:81px;width:100%;font-size:0;text-align:center;}
.gnb.dep-active:before {position:absolute;left:-100%;top:61px;width:300%;height:0;background:#e9e9e9;content:"";overflow:hidden;transition:all 0.4s;}

/* GNB 1Depth */
.gnb > ul {/*margin-left: -130px;*/ text-align:center; margin-left:30px;}
.gnb .li {display:inline-block;position:relative;}
.gnb .gnb_m {display:block;height:60px;padding:0 20px;color:#1c1c1c;font-size:18px;font-weight:800;line-height:61px;overflow:hidden;transition:all 0.4s;}
.gnb .gnb_m.on, .gnb .gnb_m:hover, .gnb .gnb_m:focus {color:#0d643a;}

/* GNB 2Depth */
.gnb .dep2 {position:absolute;top:61px;left:10px; min-width:800px;font-size:0;text-align:left;}
.gnb .dep2 ul {display:none;position:relative;animation:fade both 0.4s 0.1s;}
.gnb .dep2 li {display:inline-block;margin:0 5px;}
.gnb .dep2 li a {display:block;height:50px;padding:0 10px;color:#666;font-size:16px;line-height:50px;transition:all 0.4s;}
/*.gnb .dep2 li.on a, .gnb .dep2 li a:hover, .gnb .dep2 li a:focus {color:#0d643a;}*/
.gnb .dep2 li.on a {color:#0d643a;}

/*
.gnb .gnb02 .dep2 {left:-40px;}
.gnb .gnb04 .dep2 {left:-265px;}
.gnb .gnb05 .dep2 {left:-170px;}
.gnb .gnb06 .dep2 {left:-335px;}
*/
.gnb .gnb01 .dep2 {}
.gnb .gnb02 .dep2 {left:-45px;}
.gnb .gnb03 .dep2 {}
.gnb .gnb04 .dep2 {left:-165px;}
.gnb .gnb05 .dep2 {left:-150px;}
.gnb .gnb06 .dep2 {left:-210px;}
.gnb .gnb07 .dep2 {left:-200px;}
.gnb .gnb08 .dep2 {left:-450px;}

/* GNB Active */
.gnb.on:before {height:50px;}
.gnb .over .gnb_m {color:#0d643a;}
.gnb .over .dep2 ul {display:block;}


/*GNB FIX*/


/** utill_nav **/
.utill_nav {position:absolute;right:5px;top:20px;}
.utill_nav ul {float:left;margin-top:14px;}
.utill_nav li {position:relative;float:left;padding-left:1px;}
.utill_nav li:before {position:absolute;left:0;top:13px;width:1px;height:11px;background:#e5e5e5;content:"";}
.utill_nav li:first-child:before {display:none;}
.utill_nav li a {display:block;padding:5px 10px;color:#1c1c1c;font-size:13px;transition:all 0.4s;}
.utill_nav li a:hover, .utill_nav li a:focus {color:#0d643a;}
.utill_nav .search {float:left;margin-left:6px;}
.utill_nav .search a {display:block;width:60px;height:60px;background:url(../images/layout/btn_search.png) center no-repeat;text-indent:-9999px;overflow:hidden;transition:all 0.4s;}
.utill_nav .search a:hover, .utill_nav .search a:focus {background:url(../images/layout/btn_search_on.png) center no-repeat;}
.utill_nav:after {display:block;clear:both;height:0;content:"";overflow:hidden;}


/** utill_search **/
.utill_search {display:none;position:absolute;right:0;top:80px;width:330px;padding:15px 20px 20px 20px;background:#fff;border:1px solid #ccc;box-sizing:border-box;box-shadow:0 5px 9px 3px rgba(153,153,153,0.2);z-index:100;}
.utill_search .inner {position:relative;}
.utill_search .search {position:relative;margin-bottom:15px;}
.utill_search .search .input_ty {padding:0 55px 0 0;border-width:0 0 2px 0;border-color:#1c1c1c;}
.utill_search .search .input_ty:focus {border-color:#0d643a;}
.utill_search .search ::-webkit-input-placeholder {font-size:15px;}
.utill_search .search ::-moz-placeholder {font-size:15px;}
.utill_search .search :-ms-input-placeholder {font-size:15px;}
.utill_search .search ::placeholder {font-size:15px;}
.utill_search .search .btn {position:absolute;right:-6px;top:-5px;width:40px;height:40px;background:url(../images/layout/btn_search.png) center no-repeat;text-indent:-9999px;overflow:hidden;}
.utill_search .list {position:relative;}
.utill_search .list dt {margin-bottom:10px;color:#1c1c1c;font-size:16px;font-weight:800;}
.utill_search .list .chk li {margin-top:10px;}
.utill_search .list .chk li:first-child {margin-top:0;}
.utill_search .list .select_ty {background:#fff url(../images/template/ico_utill_search_select.png) right center no-repeat;}
.utill_search .list .select_ty:focus {border-color:#1c1c1c;}
.utill_search .list .btn {margin:20px -5px 0 -5px;font-size:0;text-align:center;}
.utill_search .list .btn a {display:inline-block;width:calc(50% - 10px);height:40px;margin:0 5px;box-sizing:border-box;font-size:15px;line-height:38px;}
.utill_search .hit {display:block;position:absolute;left:-50px;top:-50px;width:450px;height:450px;content:"";}


/** header_info **/
.header_info {position:absolute;right:-10px;top:0;}
.header_info li {position:relative;float:left;}
.header_info li:before {position:absolute;left:0;top:21px;width:1px;height:28px;background:#e5e5e5;content:"";}
.header_info li:first-child:before {display:none;}
.header_info li a {display:block;position:relative;width:78px;height:80px;padding-top:56px;box-sizing:border-box;color:#1c1c1c;font-size:12px;font-weight:800;line-height:12px;text-align:center;transition:all 0.4s;}
.header_info li a:hover {color:#0d643a;}
.header_info li.s1 a {background:url(../images/layout/ico_header_info01.png) center 19px no-repeat;}
.header_info li.s2 a {background:url(../images/layout/ico_header_info02.png) center 19px no-repeat;}
.header_info li.s3 a {background:url(../images/layout/ico_header_info03.png) center 19px no-repeat;}
.header_info li.s1 a:hover {background:url(../images/layout/ico_header_info01_on.png) center 19px no-repeat;}
.header_info li.s2 a:hover {background:url(../images/layout/ico_header_info02_on.png) center 19px no-repeat;}
.header_info li.s3 a:hover {background:url(../images/layout/ico_header_info03_on.png) center 19px no-repeat;}
.header_info li em {position:absolute;left:44px;top:12px;min-width:24px;height:21px;padding:0 3px;background:#0d643a;border-radius:10px;box-sizing:border-box;color:#fff;font-size:12px;font-weight:800;line-height:20px;}
.header_info:after {display:block;clear:both;height:0;content:"";overflow:hidden;}


/** header-search **/
.header-search {width:404px; height:44px; position:absolute; left:438px; top:16px; box-sizing:border-box; border:3px solid #00ad50;}
.header-search .search-box {font-size:0; width:100%; height:38px;}
.header-search .search-box > * {display:inline-block; vertical-align:middle;}
.header-search .search-box input {width:353px; height:38px; border:none; background:none; outline:none; padding:0 10px; box-sizing:border-box; font-family:'NotoSansKR'; font-size:16px;}
.header-search .search-box input::placeholder {color:#575a57; font-family:'NotoSansKR';}
.header-search .search-btn {width:45px; height:38px; background:url(../images/layout/icon_search.svg) left 5px center no-repeat; background-size:22px 22px;}
.header-search .search-btn a {display:block; width:100%; height:100%;}


/** mp_view_chk **/
/*.mp_view_chk {display:none;position:absolute;left:50%;top:80px;width:1280px;height:210px;margin-left:-640px;background:#fff;border:1px solid #ccc;box-sizing:border-box;box-shadow:0 5px 9px 3px rgba(153,153,153,0.2);z-index:10;animation:fadeTop both 0.5s 0.1s;}
.mp_view_chk:before {position:absolute;right:175px;top:-11px;width:0;height:0;border-right:9px solid transparent;border-left:9px solid transparent;border-bottom:11px solid #ccc;content:"";}
.mp_view_chk:after {position:absolute;right:175px;top:-9px;width:0;height:0;border-right:9px solid transparent;border-left:9px solid transparent;border-bottom:11px solid #fff;content:"";}
.mp_view_chk:before {position:absolute;right:-13px;top:50px;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:11px solid #ccc;content:"";}
.mp_view_chk:after {position:absolute;right:-11px;top:50px;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:11px solid #fff;content:"";}
.mp_view_chk .inner {position:relative;padding:25px 100px 25px 110px;z-index:1;}
.mp_view_chk.on {display:block;}
.mp_view_chk.off {display:block;animation:fadeOutTop both 0.4s 0.1s;}
/*.mp_view_chk.mp2:before {right:97px;}
.mp_view_chk.mp2:after {right:97px;}
.mp_view_chk.mp3:before {right:18px;}
.mp_view_chk.mp3:after {right:18px;}*/

.mp_view_chk {display:none;position:absolute; width:1280px;height:560px;box-sizing:border-box;z-index:101;animation:fadeTop both 0.5s 0.1s; left:50%; margin-left:-640px; top:352px;}
.mp_view_chk.fix {position:fixed; top:100px;}
.mp_view_chk .inner {width:852px; box-sizing:border-box; position:relative; margin-left:auto; background:#fff; padding:30px;}
.mp_view_chk.on {display:block;}
.mp_view_chk.off {display:block;animation:fadeOutTop both 0.4s 0.1s;}
.mp_view_chk .mp_view_title {width:100%; position:relative; font-size:0; padding-bottom:10px; border-bottom:1px solid #5d5d5d;}
.mp_view_chk .mp_view_title > * {display:inline-block; vertical-align:middle;}
.mp_view_chk .mp_view_title h1 {font-size:20px; font-weight:600; letter-spacing:-1px; color:#000; width:calc(100% - 18px);}
.mp_view_chk .mp_view_title h1 span {color:#0d643a;}
.mp_view_chk .mp_view_title .close-btn {width:18px; height:18px; position:relative; cursor:pointer;}
.mp_view_chk .mp_view_title .close-btn:before, 
.mp_view_chk .mp_view_title .close-btn:after {content:""; width:2px; height:22px; background:#000; position:absolute; left:9px; top:-2px;}
.mp_view_chk .mp_view_title .close-btn:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);} 
.mp_view_chk .mp_view_title .close-btn:after {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
.mp_view_chk .ez-checked {background:url(../images/template/bg_checkbox_on.png) center /100% 100% no-repeat !important;}
.mp_view_chk input {cursor:pointer;}
.mp_view_chk label.all-chk-txt {font-size:16px; font-weight:600; color:#1c1c1c; margin-left:10px;}
.mp_view_chk_bg {background:rgba(0,0,0,0.33); position:absolute; left:0; top:0; width:100%; z-index:100;}



/* mp_view_chk_list */
/*.mp_view_chk_list {position:relative;text-align:center;}
.mp_view_chk_list .li {display:block;position:relative;float:left;width:180px;margin-right:36px;box-sizing:border-box;overflow:hidden;}
.mp_view_chk_list .li a {display:block;cursor:default;}
.mp_view_chk_list .li .img {position:relative;width:180px;height:135px;overflow:hidden;}
.mp_view_chk_list .li .img img {width:100%;}
.mp_view_chk_list .li .txt {margin-top:10px;font-size:14px;line-height:14px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.mp_view_chk_list .li .ez-checkbox {position:absolute;left:0;top:0;}
.mp_view_chk_list .li .ez-checked {background:url(../images/template/bg_checkbox_on.png) center /100% 100% no-repeat;}
.mp_view_chk_list .li label {position:absolute;left:0;top:0;width:19px;height:19px;text-indent:-9999px;overflow:hidden;z-index:10;}
.mp_view_chk_list:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.mp_view_chk_hit {display:none;position:absolute;left:0;top:81px;width:100%;height:350px;content:"";}
.mp_view_chk_list .li a.link{cursor:pointer;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999px;overflow:hidden;z-index:8;}*/

.mp_view_chk_list_wrap {width:100%; height:350px; overflow-y:hidden; margin-top:10px;}
.mp_view_chk_list_wrap .scroll-inner {width:100%; height:100%;}
.mp_view_chk_list {width:100%; height:100%;}
.mp_view_chk_list .li {display:block;position:relative; font-size:0; padding:12px 0; border-bottom:1px solid #ccc; width:100%;}
.mp_view_chk_list .li > * {display:inline-block; vertical-align:middle;}
.mp_view_chk_list .li .car-info {width:calc(100% - 40px); margin-left:21px;}
.mp_view_chk_list .li .car-info > * {display:inline-block; vertical-align:top; position:relative;}
.mp_view_chk_list .li .car-info .img-box {width:200px;}
.mp_view_chk_list .li .car-info .img-box .img-inner img {width:200px; height:149px;}
.mp_view_chk_list .li .car-info .img-box .homeservice-mark {width:40px; height:43px; background:url(../images/contents/ico_home.png) center no-repeat; background-size:cover; position:absolute; left:0; top:0; font-size:0;}
.mp_view_chk_list .li .car-info .img-box .video-mark {width:25px; height:25px; background:url(../images/contents/ico_video_02.png) center no-repeat; background-size:cover; position:absolute; right:10px; top:10px;}
.mp_view_chk_list .li .car-info .txt-box {height:150px; width:calc(100% - 200px); box-sizing:border-box; padding:10px 0 10px 20px;}
.mp_view_chk_list .li .car-info .txt-box .title-box {line-height:25px; font-weight:300; font-size:0;}
.mp_view_chk_list .li .car-info .txt-box .title-box > * {display:inline-block; vertical-align:middle; margin-left:5px;}
.mp_view_chk_list .li .car-info .txt-box .title-box h1 {font-size:20px; letter-spacing:-1.5px; color:#000; margin-left:0;}
.mp_view_chk_list .li .car-info .txt-box .title-box h2 {font-size:22px; letter-spacing:-1px; color:#666; font-weight:100;}
.mp_view_chk_list .li .car-info .txt-box .info-txt {display:block; font-size:0; width:100%; box-sizing:border-box; margin-top:3px;}
.mp_view_chk_list .li .car-info .txt-box .info-txt p {display:inline-block; vertical-align:middle; font-size:16px; letter-spacing:-1px; color:#7f7f7f; padding:0 6px; position:relative;}
.mp_view_chk_list .li .car-info .txt-box .info-txt p:first-child {padding-left:0;}
.mp_view_chk_list .li .car-info .txt-box .info-txt p:after {content:""; width:1px; height:10px; border-left:1px solid #7f7f7f; position:absolute; left:0; top:calc(50% + 1px); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.mp_view_chk_list .li .car-info .txt-box .info-txt p:first-child:after {display:none;}
.mp_view_chk_list .li .car-info .txt-box ul.label-box {font-size:0; margin-top:10px;}
.mp_view_chk_list .li .car-info .txt-box ul.label-box li {display:inline-block; vertical-align:middle; margin-left:5px;}
.mp_view_chk_list .li .car-info .txt-box ul.label-box li:nth-child(1) {margin-left:0;}
.mp_view_chk_list .li .car-info .txt-box ul.label-box li .car-label {height:20px; box-sizing:border-box; padding:0 8px; border-radius:9px; background:red; color:#fff; font-size:12px; letter-spacing:-1px; line-height:19px; text-align:center; background:#fff; border:1px solid #0d643a; color:#0d643a;}
.mp_view_chk_list .li .car-info .txt-box ul.label-box li .car-label.label-type-1 {width:62px;}
.mp_view_chk_list .li .car-info .txt-box .price-info {margin-top:50px;}
.mp_view_chk_list .li .car-info .txt-box .price-info {margin-top:15px; font-size:18px; letter-spacing:-0.5px; color:#000;}
.mp_view_chk_list .li .car-info .txt-box .price-info span {color:#0d643a;}
.mp_view_chk_list .li .car-info .txt-box .price-info span.point {font-size:25px; font-weight:900;}
.mp_view_chk_list .li .interest {width:30px; position:absolute; right:0; top:30px;}
.mp_view_chk_list .li .interest i.ico-interest {display:inline-block; vertical-align:top; width:24px; height:20px; background:url(../images/contents/icon_interest.png) center no-repeat; background-size:cover;}
.mp_view_chk_list .li .interest.on i.ico-interest {background:url(../images/contents/icon_interest_on.png) center no-repeat; background-size:cover;}
.mp_view_chk_list .no-item {width:100%; height:100%; display:table;}
.mp_view_chk_list .no-item .no-contents {width:100%; display:table-cell; vertical-align:middle;}
.mp_view_chk_list .no-item .no-contents i.icon {width:100%; height:77px; display:inline-block; margin-bottom:10px;}
.mp_view_chk_list .no-item .no-contents .txt {font-size:16px; font-weight:600; letter-spacing:-0.5px; color:#000; text-align:center;}
.mp_view_chk_list .no-item .no-contents i.icon.recent {background:url(../images/template/quick_pop_icon_recent.png) center no-repeat;}
.mp_view_chk_list .no-item .no-contents i.icon.interest {background:url(../images/template/quick_pop_icon_interest.png) center no-repeat;}
.mp_view_chk_list .no-item .no-contents i.icon.compare {background:url(../images/template/quick_pop_icon_compare.png) center no-repeat;}
.scroll-inner > .scroll-element, .scroll-inner > .scroll-element div {position:absolute;margin:0;padding:0;border:none;z-index:10;}
.scroll-inner > .scroll-element div {display:block;left:0;top:0;width:100%;height:100%;}
.scroll-inner > .scroll-element.scroll-x {left:0;bottom:2px;width:100%;height:4px;}
.scroll-inner > .scroll-element.scroll-y {right:0;top:0;width:4px;height:100%;}
.scroll-inner > .scroll-element .scroll-element_outer {overflow:hidden;}
.scroll-inner > .scroll-element .scroll-element_outer, .scroll-inner > .scroll-element .scroll-element_track, .scroll-inner > .scroll-element .scroll-bar {border-radius:0;}
.scroll-inner > .scroll-element .scroll-element_track, .scroll-inner > .scroll-element .scroll-bar {opacity:1;}
.scroll-inner > .scroll-element .scroll-element_track {background:#e5e5e5;}
.scroll-inner > .scroll-element .scroll-bar {background:#a6a6a6;opacity:1;transition:background 0.3s;}
.scroll-inner > .scroll-element:hover .scroll-bar {background:#888;}
.scroll-inner > .scroll-element.scroll-draggable .scroll-bar {}
.scroll-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {left:-12px;}
.scroll-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {top:0;}
.scroll-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {left:-12px;}
.scroll-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {top:0;}


/*.theme_view.normal .list:nth-child(1) {padding-top:30px;}
.theme_view.normal .list > * {float:none !important; display:inline-block; vertical-align:middle;}
.theme_view.normal .car_img {width:200px;}
.theme_view.normal .car_img .img {width:200px; height:149px;}
.theme_view.normal .car_img .homeservice-mark {width:40px; height:43px; background:url(../images/contents/ico_home.png) center no-repeat; background-size:cover; position:absolute; left:0; top:0; font-size:0;}
.theme_view.normal .car_img .video-mark {width:25px; height:25px; background:url(../images/contents/ico_video_02.png) center no-repeat; background-size:cover; position:absolute; right:10px; top:10px;}
.theme_view.normal .car_img .btn_comp {display:none;}
.theme_view.normal .car_box {margin-left:20px; height:150px; width:calc(100% - 530px); box-sizing:border-box; padding:10px 0;}
.theme_view.normal .car_box .title-box {line-height:25px; font-weight:300; font-size:0;}
.theme_view.normal .car_box .title-box > * {display:inline-block; vertical-align:middle; margin-left:5px;}
.theme_view.normal .car_box .title-box h1 {font-size:22px; letter-spacing:-1px; color:#000; margin-left:0;}
.theme_view.normal .car_box .title-box h2 {font-size:22px; letter-spacing:-1px; color:#666; font-weight:100;}
.theme_view.normal .car_box .car-mark {width:100%; position:absolute; left:0; top:65px;}
.theme_view.normal .car_box .car-info-l {display:block; font-size:0; width:calc(100% - 65px); box-sizing:border-box; margin-top:3px;}
.theme_view.normal .car_box .car-info-l p {display:inline-block; vertical-align:middle; font-size:16px; letter-spacing:-1px; color:#7f7f7f; padding:0 6px; position:relative;}
.theme_view.normal .car_box .car-info-l p:first-child {padding-left:0;}
.theme_view.normal .car_box .car-info-l p:after {content:""; width:1px; height:10px; border-left:1px solid #7f7f7f; position:absolute; left:0; top:calc(50% + 1px); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.theme_view.normal .car_box .car-info-l p:first-child:after {display:none;}
.theme_view.normal .car_box .price-info {margin-top:50px;}
.theme_view.normal .btn-area {display:inline-block; width:300px; position:relative;}
.theme_view.normal .btn-area ul {font-size:0;}
.theme_view.normal .btn-area ul li {width:140px; height:34px; box-sizing:border-box; margin-left:10px; background:#fff; border:1px solid #ccc; text-align:center; display:inline-block; vertical-align:middle;}
.theme_view.normal .btn-area ul li a {display:block; font-size:14px; letter-spacing:-0.5px; color:#7f7f7f; line-height:33px;}
.theme_view.normal .btn-area ul li a > * {display:inline-block; vertical-align:middle;}
.theme_view.normal .btn-area ul li i.ico-interest {width:14px; height:13px; background:url(../images/contents/ico_interest03.png) center top no-repeat; display:inline-block; vertical-align:middle; margin-right:3px;}
.theme_view.normal .btn-area ul li span {display:inline-block; vertical-align:middle; padding-bottom:2px;}
.theme_view.normal .btn-area ul li .on i.ico-interest {width:14px; height:15px; background:url(../images/contents/ico_interest02_on.png) center top no-repeat; display:inline-block; vertical-align:middle; margin-right:3px;}
.theme_view.normal .btn-area ul li .on {color:#00ad50;}*/

/* mc_control */
.mc_control .mc_prev {position:absolute;left:0;top:0;width:70px;height:100%;background:#fff url(../images/template/btn_mc_prev.png) center no-repeat;text-indent:-9999px;overflow:hidden;transition:background 0.4s;}
.mc_control .mc_prev:hover, .mc_control .mc_prev:focus {background:#fff url(../images/template/btn_mc_prev_on.png) center no-repeat;}
.mc_control .mc_next {position:absolute;right:45px;top:0;width:70px;height:100%;background:#fff url(../images/template/btn_mc_next.png) center no-repeat;text-indent:-9999px;overflow:hidden;transition:background 0.4s;}
.mc_control .mc_next:hover, .mc_control .mc_next:focus {background:#fff url(../images/template/btn_mc_next_on.png) center no-repeat;text-indent:-9999px;overflow:hidden;}

/* btn */
/*.mp_view_chk .inner .btn {position:absolute;right:0;top:0;width:45px;}
.mp_view_chk .inner .btn a {display:block;height:104px;padding-top:18px;box-sizing:border-box;font-size:14px;line-height:16px;text-align:center;}*/
.mp_view_chk .inner .btn {width:100%; font-size:0; margin-top:30px; text-align:center;}
.mp_view_chk .inner .btn li {display:inline-block; vertical-align:middle; margin:0 5px;}
.mp_view_chk .inner .btn a {display:block; width:270px; height:50px; box-sizing:border-box; font-size:18px; line-height:48px; text-align:center; border-radius:50px; border:1px solid #0d643a;}
.mp_view_chk .inner .btn a.btn-mp-ty01 {background:#0d643a; color:#fff;}
.mp_view_chk .inner .btn a.btn-mp-ty02 {background:#fff; color:#0d643a;}


/** header_all_nav **/
.header_all_nav {display:none;position:absolute;left:0;top:141px;width:100%;padding:30px 0 40px 0;background:#fff;border-top:2px solid #0d643a;border-bottom:1px solid #e5e5e5;box-sizing:border-box;box-shadow:0 5px 10px 2px rgba(153,153,153,0.1);animation:fade both 0.5s 0.1s;}
.header_all_nav .inner {position:relative;width:1280px;margin:0 auto;overflow:hidden;}
.header_all_nav .inner:after {position:absolute;left:-5px;top:0;width:10px;height:100%;background:#fff;content:"";}
.header_all_nav .box {position:relative;margin:-1px 0 -55px 0;background:url(../images/layout/header_all_nav_line.png) repeat;}
.header_all_nav .box .li {float:left;width:20%;padding:0 35px 53px 35px;box-sizing:border-box;font-size:16px;line-height:20px;}
.header_all_nav .box .li:nth-child(5n + 1) {clear:left;}
.header_all_nav .box dt {margin-bottom:17px;}
.header_all_nav .box dt a {color:#1c1c1c;font-weight:800;}
.header_all_nav .box dd {padding:2px 0;}
.header_all_nav .box a {display:inline-block;transition:all 0.4s;}
.header_all_nav .box a:hover, .header_all_nav .box a:focus {color:#0d643a;}
.header_all_nav .box:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.header_all_nav.on {display:block;}
.header_all_nav.off {display:block;animation:fadeOut both 0.4s 0.1s;}

/* btn_allnav_op */
.btn_allnav_op {display:none;position:absolute;left:0;top:81px;height:60px;padding-left:33px;color:#1c1c1c;font-weight:800;line-height:61px;overflow:hidden;transition:all 0.4s;}
.btn_allnav_op:hover {color:#0d643a;}
.btn_allnav_op em {position:absolute;left:0;top:50%;width:21px;height:18px;margin-top:-8px;}
.btn_allnav_op em:before {position:absolute;left:0;top:0;width:21px;height:2px;background:#1c1c1c;content:"";transition:background 0.4s;}
.btn_allnav_op em:after {position:absolute;left:0;top:8px;width:21px;height:2px;background:#1c1c1c;content:"";transition:background 0.4s;}
.btn_allnav_op:after {position:absolute;left:0;top:38px;width:21px;height:2px;background:#1c1c1c;content:"";transition:background 0.4s;}
.btn_allnav_op.on {display:block;}
.btn_allnav_op.on em:before {animation:btnMgnb both 0.4s;}
.btn_allnav_op.on em:after {animation:btnMgnb both 0.4s 0.2s;}
.btn_allnav_op.on:after {animation:btnMgnb both 0.4s 0.4s;}
.btn_allnav_op:hover em:before {background:#0d643a;}
.btn_allnav_op:hover em:after {background:#0d643a;}
.btn_allnav_op:hover:after {background:#0d643a;}

/* btn_allnav_cl */
.btn_allnav_cl {display:none;position:absolute;left:50%;top:81px;width:150px;height:60px;margin-left:-640px;padding-left:33px;color:#0d643a;font-weight:800;line-height:61px;overflow:hidden;transition:all 0.4s;z-index:2;}
.btn_allnav_cl em {display:block;position:absolute;left:0;top:50%;width:24px;height:24px;margin-top:-11px;transform:rotate(45deg);}
.btn_allnav_cl em:before {position:absolute;left:0;top:50%;width:24px;height:2px;margin-top:-1px;background:#0d643a;content:"";}
.btn_allnav_cl em:after {position:absolute;left:50%;top:0;width:2px;height:24px;margin-left:-1px;background:#0d643a;content:"";}
.btn_allnav_cl.on {display:block;}
.btn_allnav_cl.on em:before {animation:btnMgnbX both 0.4s;}
.btn_allnav_cl.on em:after {animation:btnMgnbXh both 0.4s 0.2s;}

@keyframes btnMgnb {
0% {width:0;}
100% {width:20px;}
}
@keyframes btnMgnbX {
0% {width:0;}
100% {width:24px;}
}
@keyframes btnMgnbXh {
0% {height:0;}
100% {height:24px;}
}



/**** Container ****/
#container {position:relative;padding:50px 0 150px 0;}
#container.nopd {padding:0 0 150px 0; clear:both;}
#container.mgb0 {padding-bottom:50px;}
#container.pdb0 {padding-bottom:0;}

/*** visual_area ***/
.visual_area {position:relative;width:100%;background:#fff;color:#1c1c1c;text-align:center;}
.visual_area .visual_cont {display:table;position:relative;width:1280px;margin:0 auto;}
.visual_area .visual_cont .inner {display:table-cell;height:210px;vertical-align:middle}
.visual_area .img {position:absolute;left:0;top:0;width:100%;height:100%;}
.visual_area .title {font-size:42px;font-weight:800;line-height:42px;}
.visual_area .txt {margin-top:20px;font-size:20px;font-weight:100;}

/* breadcrumb */
.breadcrumb {position:absolute;left:10px;top:20px;z-index:22;}
.breadcrumb .li {position:relative;float:left;padding-left:22px;color:#999;font-size:14px;font-weight:100;line-height:14px;}
.breadcrumb .li:before {position:absolute;left:10px;top:3px;width:5px;height:9px;background:url(../images/layout/ico_breadcrumb_b.png) no-repeat;content:"";}
.breadcrumb .li a {display:block;color:#999;}
.breadcrumb .li.home {width:16px;height:14px;padding:0;background:url(../images/layout/ico_breadcrumb_home.png) center no-repeat;text-indent:-9999px;overflow:hidden;}
.breadcrumb .li.home:before {display:none;}

/* share_area */
.share_area {position:absolute;right:10px;top:20px;z-index:22;}
.share_area a {display:block;position:relative;padding-left:25px;color:#999;font-size:14px;font-weight:100;line-height:14px;}
.share_area a:before {position:absolute;left:0;top:-1px;width:15px;height:17px;background:url(../images/layout/ico_share_area.png) no-repeat;content:"";}

/* Visual Image Type */
.visual_area.img_ty {margin-bottom:60px;color:#fff;}
.visual_area.img_ty .breadcrumb .li {color:#fff;opacity:0.8;}
.visual_area.img_ty .breadcrumb .li:before {background:url(../images/layout/ico_breadcrumb_bw.png) no-repeat;}
.visual_area.img_ty .breadcrumb .li a {color:#fff;}
.visual_area.img_ty .breadcrumb .li.home {background:url(../images/layout/ico_breadcrumb_home_w.png) center no-repeat;}
.visual_area.img_ty .share_area a {color:#fff;opacity:0.8;}
.visual_area.img_ty .share_area a:before {background:url(../images/layout/ico_share_area_w.png) no-repeat;}
.visual_area.visual_h .visual_cont {padding-top:30px;}
.visual_area.visual_hid .visual_cont .inner {height:125px;}
.visual_area.visual_hid .visual_cont .title, .visual_area.visual_hid .visual_cont .txt {display:none;}


/*** cont_area ***/
.cont_area {position:relative;min-height:400px;width:1280px;margin:0 auto;}
.cont {position:relative;margin-bottom:80px;/*overflow:hidden;*/}
.cont:last-child {margin-bottom:0;}
.cont_s {position:relative;margin-bottom:60px;}
.cont_s:last-child {margin-bottom:0;}
.cont_s2 {position:relative;margin-bottom:40px;}
.cont_s2:last-child {margin-bottom:0;}
.cont_area.top-mg {margin-top:80px;}
.cont_area.top-mg:before {content:""; width:300%; height:55px; position:absolute; top:-80px; left:50%; background:#f5f5f5; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
.cont_area.non-bg:before {display:none;}

/** Title **/
.tit_t {position:relative;margin:-2px 0 25px 0;color:#1c1c1c;font-size:30px;font-weight:800;line-height:30px;letter-spacing:-1px;}
.tit_t span {display:inline-block;position:relative;top:2px;font-size:18px;vertical-align:top;}
.tit_t.mb {margin-bottom:55px;}
.tit_t.center {text-align:center;}
.tit_t02 {position:relative;margin:-2px 0 30px 0;color:#1c1c1c;font-size:22px;font-weight:800;line-height:22px;letter-spacing:-0.5px;}
.tit_t02.mb {margin-bottom:15px;}   
.tit_s {position:relative;margin:-2px 0 50px 0;padding-bottom:28px;color:#1c1c1c;font-size:30px;font-weight:800;line-height:30px;text-align:center;letter-spacing:-1px;}  
.tit_s:after {position:absolute;left:50%;bottom:0;width:25px;height:4px;margin-left:-12px;background:#0d643a;content:"";}
.tit_p {position:relative;margin:-1px 0 20px 0;padding-left:12px;color:#1c1c1c;font-size:18px;font-weight:800;line-height:18px;}
.tit_p:before {position: absolute;left:0;top:5px;width:8px;height:8px;background:#0d643a;border-radius:100%;content:"";}


/** top_nav **/
/*.top_nav {position:fixed;left:-100%;top:142px;width:300%;height:50px;background:#f5f5f5;font-size:0;text-align:center;z-index:21}*/
.top_nav {position:absolute;left:-100%;top:-290px;width:300%;height:50px;background:#f5f5f5;font-size:0;text-align:center;z-index:21;}
.top_nav a {display:inline-block;position:relative;height:50px;margin:0 6px;padding:0 4px;color:#666;font-size:16px;line-height:50px;transition:all 0.4s;}
.top_nav a:before {position:absolute;left:50%;bottom:0;width:0;height:3px;background:#0d643a;content:"";transition:all 0.4s;}
.top_nav a.on:before, .top_nav a:hover:before, .top_nav a:focus:before {left:0;width:100%;}
.top_nav a.on {color:#1c1c1c;font-weight:800;}
.top_nav.fix {top:0; position:fixed;}




/*** quick_nav ***/
.quick_nav {position:absolute;left:calc(50% + 665px);top:70px;width:122px;height:433px;;z-index:101; transition:all 0.5s;}
.quick_nav.on {position:fixed;top:167px;}
.quick_banner {position:relative;margin-bottom:15px;border:1px solid #e5e5e5;box-sizing:border-box;}
.quick_nav.stop {top:10px !important;}

/* quick_box */
.quick_box {position:relative;border:1px solid #e5e5e5;box-sizing:border-box;}
.quick_box li {border-top:1px solid #e5e5e5;}
.quick_box li:first-child {border-top:0;}
.quick_box li.btn a {display:block;position:relative;height:32px;padding:0 26px 0 14px;color:#1c1c1c;font-size:14px;line-height:32px;transition:all 0.4s;}
.quick_box li.btn a:after {position: absolute;right:11px;top:50%;width:5px;height:7px;margin-top:-3px;background:url(../images/layout/ico_quick_box.png) no-repeat;content:"";}
.quick_box li.btn a:hover, .quick_box li.btn a:focus {background:#f5f5f5;}
.quick_box li.cust {position: relative;padding:15px 0 20px 0;text-align:center;}
.quick_box li.cust dt {display:inline-block;padding-left:34px;background:url(../images/layout/ico_quick_box_cust.png) no-repeat;color:#1c1c1c;font-size:16px;font-weight:800;line-height:25px;}
.quick_box li.cust .s1 {margin-top:15px;color:#1c1c1c;font-size:20px;font-weight:800;}
.quick_box li.cust .s2 {margin-top:2px;color:#999;font-size:13px;line-height:18px;}
.quick_box li.cust a {display:inline-block;height:26px;margin-top:15px;padding:0 10px;font-size:13px;line-height:26px;}

/*퀼메뉴 추가*/
.quick-area {width:121px; border-radius:20px; background:#fff; border:1px solid #e5e5e5; padding:30px 0 50px 0;}
.quick-area .quick-info {}
.quick-area .quick-info li {text-align:center; position:relative; margin-top:25px;}
.quick-area .quick-info li:nth-child(1) {margin-top:0;}
.quick-area .quick-info li i {width:55px; height:35px; display:inline-block;}
.quick-area .quick-info li i.ico-mypage {background:url(../images/layout/quick_01.png) center no-repeat;}
.quick-area .quick-info li i.ico-recent {background:url(../images/layout/quick_02.png) center no-repeat;}
.quick-area .quick-info li i.ico-interest {background:url(../images/layout/quick_03.png) center no-repeat;}
.quick-area .quick-info li i.ico-compare {background:url(../images/layout/quick_04.png) center no-repeat;}
.quick-area .quick-info li span {font-size:14px; font-weight:600; width:100%; text-align:center; display:block; color:#000;}
.quick-area .quick-info li em {display:block; width:55px; height:20px; border-radius:30px; background:#0d643a; text-align:center; margin:0 auto; font-size:14px; font-weight:600; letter-spacing:-1px; color:#fff; line-height:20px;}
.quick-bottom {margin-top:25px;}
.quick-bottom .customer-center {width:121px; height:142px; background:url(../images/layout/ico_center.png) center no-repeat; font-size:0;}
.quick-bottom .customer-center.ty02 {width:121px; height:142px; background:url(../images/layout/ico_center_home.png) center no-repeat; font-size:0;}


.prod .quick_nav {top:212px;}
.prod .quick_nav.on {top:167px;}
.prod_list .quick_nav {top:70px;}
.prod_list .quick_nav.on {top:100px;}

/* btn_top */
/*.btn_top {display:block;height:38px;margin-top:-1px;background:#e5e5e5 url(../images/layout/btn_top.png) center no-repeat;border:1px solid #e5e5e5;box-sizing:border-box;text-indent:-9999px;overflow:hidden;transition:all 0.4s;}
.btn_top:hover, .btn_top:focus {background:#dedede url(../images/layout/btn_top.png) center no-repeat;}*/
.btn_top {display:block;width:50px;height:50px;margin:0 auto;margin-top:-25px;background:url(../images/layout/btn_top_02.png) center no-repeat;box-sizing:border-box;text-indent:-9999px;overflow:hidden;transition:all 0.4s;}



/**** Footer ****/
footer {position:relative;background:#292929;z-index:10;}
footer:before {position:absolute;left:0;top:0;width:100%;height:46px;background:#333;content:"";}
footer .footer_cont {position:relative;width:1280px;min-height:200px;margin:0 auto;background:url(../images/layout/footer_logo.png) 50px 80px no-repeat;}

/** footer_nav **/
.footer_nav {position:relative;height:46px;margin-left:40px;}
.footer_nav li {position:relative;float:left;padding-left:1px;}
.footer_nav li:before {position:absolute;left:0;top:18px;width:1px;height:12px;background:#555;content:"";}
.footer_nav li:first-child:before {display:none;}
.footer_nav li a {display:block;padding:0 10px;color:#999;font-size:14px;font-weight:100;line-height:46px;transition:all 0.4s;}
.footer_nav li a:hover, .footer_nav li a:focus {color:#fff;}
.footer_nav ul:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.footer_nav .btn_footer_hk {display:block;position:absolute;right:0;top:0;width:180px;height:46px;background:#3e3e3e url(../images/layout/btn_footer_hk.png) no-repeat;text-indent:-9999px;overflow:hidden;}


/** footer_area **/
.footer_area {position:relative;padding:28px 0 0 196px;color:#999;font-size:13px;font-weight:100;line-height:22px;}
.footer_area address {position:relative;font-style:normal;}
.footer_area .copyright {margin-top:5px;opacity:0.5;}

/* family_site */
.family_site {position:absolute;right:0;top:20px;z-index:2;}
.family_site .btn {display:block;position:relative;width:180px;height:44px;padding:0 40px 0 10px;border-bottom:2px solid #999;box-sizing:border-box;color:#999;font-size:13px;font-weight:800;line-height:13px;line-height:40px;}
.family_site .btn:after {position:absolute;right:15px;top:17px;width:13px;height:8px;background:url(../images/layout/ico_family_site.png) center no-repeat;content:"";}


.btn_familysite_cl {display:none;position:relative;width:180px;height:44px;padding:0 40px 0 8px;border:solid #999;border-width:1px 2px 2px 2px; box-sizing:border-box;color:#999;font-size:13px;font-weight:800;line-height:13px;line-height:38px;}
.btn_familysite_cl:after {position:absolute;right:15px;top:17px;width:13px;height:8px;background:url(../images/layout/ico_family_site.png) center no-repeat;content:"";transform:rotate(-180deg);}


.familysite_area {position:absolute;right:0;bottom:44px;height:0;overflow:hidden;display:none;}
.familysite_area ul {width:180px;padding:10px;background:#292929;border:solid #999;border-width:0px 2px 0px 2px;box-sizing:border-box;font-size:13px;}
.familysite_area > p {background:#292929; font-weight:bold; padding-left:10px; border:solid #999; border-width:2px 2px 0 2px;}
.familysite_area a {display:block;padding:2px 5px;color:#999;transition:all 0.4s;}
.familysite_area a:hover {color:#fff;}