@charset"utf-8";
/* ===============================================
Description : 전체 레이아웃 css 정의
=============================================== */


@import url("base.css");



/* layout*/
body#warp {width:100%;font-size:12px;}
header > .container,
footer,
.app-area,
.notice-area .notic-list .btn-view ,
.quick-area,
.sub .login-area {display:none;}

/* .sub section {margin:30px 0;} */
/* section {margin:15px 0;} */
.contentSection {min-height:450px;outline:none;}
.main .contentSection {margin:15px 0;}
.sub .contentSection{margin:0 0 15px;}
.sub .container {position:relative;}

/* skipToContent */
#skipToContent{position:absolute;top:0;width:100%;z-index:9999;}
#skipToContent a{position:absolute;top:-500px;}
#skipToContent a span{display:inline-block;font:bold 14px/40px dotum;color:#fff;}
#skipToContent a:focus,
#skipToContent a:active,
#skipToContent a:hover {display:block;top:0;width:100%;height:40px;background:#cc831f;text-decoration:none;text-align:center;}
#skipToContent a:focus,
#skipToContent a:active,
#skipToContent a:hover {z-index:99999;}

/* tnb 영역 */
header {width:100%;}

/* 모바일웹 상단 버튼 */
.main .navbar-prev {display:none;}
.main .navbar-mypage {display:block;}
.sub .navbar-prev {display:block;}
.sub .navbar-mypage {display:none;}

/* gnb영역 */
.navbar {background:#cc831f;margin-bottom:0;border:none;border-radius:0;color:#fff;outline:none;}
.navbar-header {text-align:center;padding:11px 0;}
.navbar-header p {font:bold 16px/1.8 dotum;color:#fff;}
.navbar-group {display:block;position:absolute;left:0;top:0;overflow:hidden;width:100%;padding:10px;}
.navbar-group a {float:left;}
.navbar-group a {width:12%;}
.navbar-group a > img {width:80%;margin-top:3px;}
.navbar-toggle {width:10%;padding:2px 0 4px;margin:3px 0 0;border:none;background:none;}
.navbar-toggle img {width:80%;}
.navbar-default .navbar-toggle {border-color:none;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background:none;border:none;}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {background:#fff;/* border-bottom:1px solid #cc831f;*/}
.navbar-default .navbar-nav {margin-top:0;}
.navbar-default .navbar-nav > li > a {padding:10px 10px;font:normal 1.2em/1.2 Roboto, Noto Sans KR, nanumgothic, 돋움, sans-serif;color:#1b1b1b;background:url('/img/cmn/btn_link2.png') no-repeat 95% 50%;background-size:5%;}
.navbar-default .navbar-nav > li > a img {padding-right:15px;width:13%;}
.navbar-default .navbar-nav > li > a:hover {color:#333;}
.navbar-default .navbar-nav > li > a:focus {color:#333;background:#f6f6f6;}
.navbar-default .navbar-nav > .active {background:#f6f6f6;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {color:#1b1b1b;background:#f6f6f6;}
.navbar-collapse {min-height:440px;}
.nav > li.nav-md {display:none}
.nav > li.nav-sm {display:block;}
.navbar-sub {display:none:}

/* 과일 로그인 영역 */
/*
.login-area2 {padding:5px 0 15px;background:#d87a1e url('/img/cmn/bg_gnb.png') repeat-x 0 bottom;}
*/
.login-area2 {padding:5px 0 15px;background: url('/img/each/dondonchon/bg_gnb.png') repeat-x 0 bottom;}
.login-area2 > div {font-size:16px;color:#494949;}
.login-area2 .loginbox {margin-top:4px;text-align:center;}
.login-area2 .loginbox span {float:left;overflow:hidden;padding-right:3px;width:45%;height:26px;font-size:14px;line-height:26px;}
.login-area2 .logoutbox > div strong {padding:0 10px;}
.login-area2 .logoutbox > div.box-info {display:none;}
.login-area2 .logoutbox > div.box-point {display:none;}
.login-area2 .logoutbox > a div.box-info2 {overflow:hidden;margin-top:5px;}
.login-area2 .logoutbox > a {display:block;width:100%;height:100%;background:url('/img/cmn/btn_link.png') no-repeat 98% 50%;}
.login-area2 .logoutbox > a:hover, 
.login-area2 .logoutbox > a:active {color:#666;}
.login-area2 .logoutbox > a div.box-info2 .text-red {padding-right:0;text-decoration:underline;font-weight:bold;} 
.login-area2 .logoutbox > a div.box-info2 img {float:left;width:12%;}
.login-area2 .logoutbox > a div.box-info2 p {overflow:hidden;float:left;width:80%;padding-left:10px;height:36px;font-size:14px;line-height:36px;}


/* 로그인 영역 */
/*
.login-area {padding:5px 0 15px;background:#d87a1e url('/img/cmn/bg_gnb.png') repeat-x 0 bottom;}
*/
.login-area {padding:5px 0 15px;background: url('/img/each/dondonchon/bg_gnb.png') repeat-x 0 bottom;}
.login-area > div {font-size:16px;color:#494949;}
.login-area .loginbox {margin-top:4px;text-align:center;}
.login-area .loginbox span {float:left;overflow:hidden;padding-right:3px;width:45%;height:26px;font-size:14px;line-height:26px;}
.login-area .logoutbox > div strong {padding:0 10px;}
.login-area .logoutbox > div.box-info {display:none;}
.login-area .logoutbox > div.box-point {display:none;}
.login-area .logoutbox > a div.box-info2 {overflow:hidden;margin-top:5px;}
.login-area .logoutbox > a {display:block;width:100%;height:100%;background:url('/img/cmn/btn_link.png') no-repeat 98% 50%;}
.login-area .logoutbox > a:hover, 
.login-area .logoutbox > a:active {color:#666;}
.login-area .logoutbox > a div.box-info2 .text-red {padding-right:0;text-decoration:underline;font-weight:bold;} 
.login-area .logoutbox > a div.box-info2 img {float:left;width:12%;}
.login-area .logoutbox > a div.box-info2 p {overflow:hidden;float:left;width:80%;padding-left:10px;height:36px;font-size:14px;line-height:36px;}

/* 퀵배너 */
.quick-area{padding-bottom:20px;background:url('/img/cmn/dot_line.gif') repeat-x 0 bottom;}
.quick-area.con {display:block;margin-top:10px;}
.quick-area .quick-bn ul li {padding:0 3px !important;}
.quick-area .quick-bn ul li a {position:relative;box-sizing:content-box;display:block;/*height:20%;*/width:100%;padding:100% 0 0;border:0px solid #b58842;;text-align:center;}
.quick-area .quick-bn ul li a:hover,
.quick-area .quick-bn ul li a:focus {color:#b58842;}
.quick-area .quick-bn ul li.quick-ico01 a {background:url('/img/each/dondonchon/ico_quick05.png?') no-repeat 50% 50%; background-size:98%;} /*20161014_남도돼지 모바일에서 퀵배너이미지 배경색 #000으로 수정 */
.quick-area .quick-bn ul li.quick-ico02 a {background:url('/img/each/dondonchon/ico_quick06.png?') no-repeat 50% 50%; background-size:98%;}
.quick-area .quick-bn ul li.quick-ico03 a {background:url('/img/each/dondonchon/ico_quick07.png?') no-repeat 50% 50%; background-size:98%;}
.quick-area .quick-bn ul li.quick-ico04 a {background:url('/img/each/dondonchon/ico_quick08.png?') no-repeat 50% 50%; background-size:98%;}
.quick-area .quick-bn ul li a span {position:absolute;top:120%;left:0;width:110%;letter-spacing:-0.03em;}

/* 모달팝업 */
.modal-content {position:relative;padding:0 10px 25px;border:3px solid #717171;border-radius:0;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, 0.5);box-shadow:0 3px 9px rgba(0, 0, 0, 0.5);}
.modal-header {position:relative;padding:20px 5px 18px;border:none;background:url('/img/cmn/dot_line.gif') repeat-x 0 bottom;}
.modal-header .close {float:none;position:absolute;right:10px;top:20px;width:25px;height:25px;background:#fff url('/img/cmn/btn_close.png') no-repeat 50% 50%;font-size:0;line-height:0;text-indent:-9999px;opacity:1;}
.modal-title {font:bold 1.2em/25px DaumR;color:#606060;}
.modal-body {overflow-y:auto;max-height:500px;padding:30px 20px 25px;font-size:16px;text-align:center;line-height:1.5;}
.modal-body p {letter-spacing:0.1em;}
.modal-footer {padding:0 20px 0;margin-top:0;text-align:center;border:none;}
.modal-copyright {position:absolute;left:0;bottom:0;width:100%;padding:15px 0;background:#f0f0f0;text-align:center;}
.modal-dialog.type2 .modal-body {padding:30px 20px;}
.modal-footer.btm {padding-bottom:80px;}
.modal-footer .btn + .btn {display:block;margin:10px auto 0;}
.modal-dialog.type2 dt {font-size:14px;text-align:left;}
.modal-dialog.type2 dd {text-align:left;}
.modal-dialog.type2 dd input[type="text"],
.modal-dialog.type2 dd input[type="password"] {width:100%;}
.modal-body .list-type1 {font-size:14px;margin-bottom:40px;margin-left:10px;}
.modal-body .list-type1 li {text-align:left;font-weight:bold;color:#ff217f;text-indent:-10px;}
.modal-body .form-list {width:217px;}
.modal-body .btn-type6 {width:217px;}
.modal-body .orderTable td.txt-l {text-align:left;}
.modal-body > div + .orderTable {margin-top:45px;}
.modal-dialog.type2 .form-list dd select{width:auto;}
.modal-dialog.type2 .form-list dd input.tel {width:68px;}

@media all and (min-width:368px) {
/* gnb영역 */
.navbar-header p {font-size:21px;line-height:32px;color:#fff;}
.navbar-group a > img {width:60%;padding-top:3px;};
.navbar-toggle {padding:2px 0 5px;}
.navbar-toggle img {width:60%;padding-top:3px;}
.navbar-default .navbar-nav > li > a {font-family:Roboto, Noto Sans KR, nanumgothic, 돋움, sans-serif;font-size:1.5em;line-height:1.2;color:#1b1b1b;}
.navbar-default .navbar-nav > li > a {background-size:4%;}
.navbar-default .navbar-nav > li > a img {padding-right:15px;width:auto;}
.navbar-collapse {min-height:500px;}

/* 퀵배너 */
.quick-area.con {padding-bottom:20px;}
.quick-area .quick-bn ul li a {margin:0 auto;width:85%;padding:85% 0 0}
.quick-area .quick-bn ul li a span {top:110%;}

/* 로그인영역 */
.login-area {padding:10px 0 11px;}
.login-area .loginbox span {font-size:14px;font-weight:bold;}
.login-area .logoutbox > a div.box-info2 img {width:auto;}
.login-area .logoutbox > a div.box-info2 p {width:auto;height:43px;font-size:16px;line-height:43px;}
.login-area .loginbox span {width:50%;}

.modal-body .form-list {width:250px;}
.modal-body .btn-type6 {width:250px;}
.modal-dialog.type2 .form-list dd select{width:82px;}
.modal-dialog.type2 .form-list dd input.tel {width:78px;}
}
@media all and (min-width:480px) {
.navbar-header {padding:15px 0;}
.navbar-group {padding:12px 10px;}
.modal-footer .btn + .btn {display:inline-block;margin:0 0 0 5px;}
.modal-body .form-list {width:377px;}
.modal-body .btn-type6 {width:377px;}
.modal-dialog.type2 .form-list dd select{width:154px;}
.modal-dialog.type2 .form-list dd input.tel {width:106px;}
}
@media all and (min-width:620px) {
/* 퀵배너 */
.quick-area.con {padding-bottom:20px;}
.quick-area .quick-bn ul li a {padding:58% 0 13%;}
.quick-area .quick-bn ul li.quick-ico01 a {background:#fff url('/img/each/dondonchon/ico_quick01.png') no-repeat 50% 40%;background-size:90%;}
.quick-area .quick-bn ul li.quick-ico02 a {background:#fff url('/img/each/dondonchon/ico_quick02.png') no-repeat 50% 40%;background-size:90%;}
.quick-area .quick-bn ul li.quick-ico03 a {background:#fff url('/img/each/dondonchon/ico_quick03.png') no-repeat 50% 40%;background-size:90%;}
.quick-area .quick-bn ul li.quick-ico04 a {background:#fff url('/img/each/dondonchon/ico_quick04.png') no-repeat 50% 40%;background-size:90%;}
.quick-area .quick-bn ul li a span {position:relative;top:0;}

/* 모달팝업 */
.modal-body {max-height:625px;padding:50px 20px 30px}
.modal-footer {padding:0 20px 40px;}
.modal-dialog.type2 .form-list dd select{width:152px;}
.modal-dialog.type2 .form-list dd input.tel {width:79px;}
}
@media all and (min-width:768px) {
/* layout*/
body {font-size:12px;}
header > .container,
footer,
.app-area,
.sub .login-area {display:block;}

.main .contentSection {margin:20px 0 0px ;}
.sub .contentSection {margin:20px 0 50px;}

/* 과일 tnb 영역 */
.fruit {position:absolute;left:0;top:0;width:1000px;height:92px;background:url('/img/each/store7/fruit_delivery_info.png') no-repeat;text-align: center;font-size:0;line-height:0;text-indent:-9999px;}

/* tnb 영역 */
header .container {position:relative;}
header .container .logo {width:auto;height:auto;text-align:center;margin:20px auto;}
header .container .mark-bic {position:absolute;left:0;top:0;width:75px;height:92px;background:url('/img/each/dondonchon/mark_bict.png') no-repeat;font-size:0;line-height:0;text-indent:-9999px; background:none;}
header .container .tnb {overflow:hidden;position:absolute;right:-10px;top:20px;}
header .container .tnb li {font-size:12px;float:left;padding:0 10px;border-left:1px solid #ddd;line-height:1.0;}
header .container .tnb li:first-child {padding-left:0;border-left:0;}

/* gnb영역 */
.navbar {min-height:40px;border-radius:0; background:url('/img/each/dondonchon/bg_gnb2.png?0.1') repeat-x 0 0px; margin:0 auto;color:#fff;}
.navbar-header,
.nav-sm {display:none;}
.navbar-header {font-size:20px;padding:15px 0 8px;}
.navbar-mypage img,
.navbar-prev img,
.navbar-toggle img {width:80%;}
.navbar-collapse {width:728px;margin:0 auto;}
.navbar-nav > li {width:16.6666%;}
.navbar-default .navbar-nav > li > a {/*padding:9px 0 5px;*/height:40px;background:none;/*border-bottom:3px solid #cc831f;color:#323232;*/
font-size:16px; font-weight:500; text-align:center;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {border-bottom:3px solid #d87a1e;background-color:transparent;color:#fff; border:none; }
.navbar-default .navbar-nav > li > a img{display:none;}
.navbar-default .navbar-nav > .active {background:none}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {box-sizing:border-box;border-bottom:3px solid #d87a1e; border:none; background:none;color:#fff;}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {color:#fff;background-color:transparent;border:none; }
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {border-color:transparent;background:none;margin-bottom:1px;}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {border-bottom:3px solid #cc831f;background:none;color:#efefef; }
.navbar-nav {width:100%;margin:0 auto;}
.navbar-collapse {min-height:inherit;padding-top:0;}
.nav > li.nav-md {display:block}
.nav > li.nav-sm {display:none;}

/* gnb - 2depth */
.navbar-sub {display:block;position:relative;overflow:hidden;width:150px;}
.navbar-sub > li {float:left;}
.navbar-sub > li a {color:#333;line-height:38px;padding:0 10px;}
.navbar-sub > li > a:hover,
.navbar-sub > li > a:focus,
.navbar-sub > li > a:active {color:#cc831f;}

/* 모텔  로그인 영역 */
.login-area2 {height:50px;padding:16px 0;}
.login-area2 > div {line-height:28px;}
.login-area2 > div span {padding-right:10px;}
.login-area2 .loginbox {margin-top:4px;text-align:center;}
.login-area2 .loginbox span {float:none;width:auto;}
.login-area2 .logoutbox > div {display:inline-block;}
.login-area2 .logoutbox > div strong {padding:0 10px;}
.login-area2 .logoutbox > div a {padding-left:5px;color:#787878;font-size:12px;text-decoration:underline;font-weight:normal;}
.login-area2 .logoutbox > div.box-info {display:inline-block;margin:0 20px;}
.login-area2 .logoutbox > div.box-point {display:inline-block;font-weight:bold;}
.login-area2 .logoutbox > div.box-point span {padding-right:0;}
.login-area2 .logoutbox > a div.box-info2 {display:none;}

/* 과일 로그인 영역 */
.login-area2 {height:150px;padding:16px 0;}
.login-area2 > div {line-height:28px;}
.login-area2 > div span {padding-right:10px;}
.login-area2 .loginbox {margin-top:4px;text-align:center;}
.login-area2 .loginbox span {float:none;width:auto;}
.login-area2 .logoutbox > div {display:inline-block;}
.login-area2 .logoutbox > div strong {padding:0 10px;}
.login-area2 .logoutbox > div a {padding-left:5px;color:#787878;font-size:12px;text-decoration:underline;font-weight:normal;}
.login-area2 .logoutbox > div.box-info {display:inline-block;margin:0 20px;}
.login-area2 .logoutbox > div.box-point {display:inline-block;font-weight:bold;}
.login-area2 .logoutbox > div.box-point span {padding-right:0;}
.login-area2 .logoutbox > a div.box-info2 {display:none;}


/* 로그인 영역 */
.login-area {height:74px;padding:16px 0;}
.login-area > div {line-height:28px;}
.login-area > div span {padding-right:10px;}
.login-area .loginbox {margin-top:4px;text-align:center;}
.login-area .loginbox span {float:none;width:auto;}
.login-area .logoutbox > div {display:inline-block;}
.login-area .logoutbox > div strong {padding:0 10px;}
.login-area .logoutbox > div a {padding-left:5px;color:#787878;font-size:12px;text-decoration:underline;font-weight:normal;}
.login-area .logoutbox > div.box-info {display:inline-block;margin:0 20px;}
.login-area .logoutbox > div.box-point {display:inline-block;font-weight:bold;}
.login-area .logoutbox > div.box-point span {padding-right:0;}
.login-area .logoutbox > a div.box-info2 {display:none;}

/* 퀵배너 */
.quick-area.con {padding-bottom:20px;}
.quick-area .quick-bn ul li a {width:120px;padding:90px 0 10px;}
.quick-area .quick-bn ul li.quick-ico01 a {background: url('/img/each/dondonchon/ico_quick01.png') no-repeat 50% 50%; background-size:80%;}
.quick-area .quick-bn ul li.quick-ico02 a {background: url('/img/each/dondonchon/ico_quick02.png') no-repeat 50% 50%; background-size:80%;}
.quick-area .quick-bn ul li.quick-ico03 a {background: url('/img/each/dondonchon/ico_quick03.png') no-repeat 50% 50%; background-size:80%;}
.quick-area .quick-bn ul li.quick-ico04 a {background: url('/img/each/dondonchon/ico_quick04.png') no-repeat 50% 50%; background-size:80%;}
.quick-area .quick-bn ul li a span {position:relative;top:0;font-size:12px;}

/* footer- 정보 */
.footerSectionBlack {width:100%;border-top:6px solid #6e6e6e;background-color:#000000;}
.footerSectionBlack .container {position:relative;}
.footerSection {width:100%;border-top:6px solid #e6e6e6;}
.footerSection .container {position:relative;}
.footer-area {padding:20px 0;}
.footer-link {overflow:hidden;width:430px;} 
.footer-link > li {float:left;margin:0 0 7px;padding:1px 12px 0;border-left:2px solid #5f5f5f;line-height:1.1;}
.footer-link > li:first-child {padding-left:0;border-left:none;}
.footer-link > li a {font-weight:bold;}

/* 관련사이트 */
.selLinkfamily {position:absolute;right:0;top:20px;width:180px;height:36px;border:1px solid #d9d9d9;z-index:50;}
.selLinkfamily > a {display:block;padding:9px 0 5px 15px;background:url('/img/cmn/btn_family.png') no-repeat 150px 15px;font-size:14px;color:#333;}
.selLinkfamily > ul {position:absolute;width:180px;left:-1px;top:25px;background:#fff;border:1px solid #d9d9d9;border-radius:0 0 4px 4px;border-top:none;padding:10px 0;z-index:51;}
.selLinkfamily > ul li a {display:block;padding:0 0 0 15px;height:27px;font-size:14px;line-height:28px;color:#333;}
.selLinkfamily > ul li a:hover {background:#f6f6f6;color:#333;}
.selLinkfamily > ul li a:active {background:#b58842;color:#fff;}

/* footer- bict 정보 */
.bict-area {background:#e6e6e6;}
.bict-area dl {overflow:hidden;width:640px;margin:0 auto;padding:35px 0;}
.bict-area dl dt {float:left;box-sizing:content-box;width:180px;height:44px;padding-top:20px;border-right:2px solid #ccc;}
.bict-area dl dd {float:left;width:440px;padding:6px 0 0 20px;}
.bict-area dl dd > ul {overflow:hidden;margin-top:5px;}
.bict-area dl dd > ul li {float:left;padding-right:20px;font-weight:bold;}

/* 모달팝업 */
.modal-dialog.type2 {width:640px;}
.modal-dialog.type2 dt{text-align:right;}
.modal-body .form-list {width:410px;}
.modal-body .btn-type6 {width:321px;}
.modal-body .orderTable td {font-size:14px;}
.modal-title {font-size:16px;vertical-align:top;line-height:1.42857;}
}



@media all and (min-width:992px) {
/* layout*/
body {font-size:12px;}
header > .container,
footer,
.app-area,
.quick-bn {display:block;}
.navbar-header {display:none;}

.container {width:970px;padding:0;margin:0 auto;}

/* gnb영역 */
.navbar-collapse {width:970px;margin:0 auto;}

/*모텔 로그인 영역 */
.login-area2 {height:50px;padding:32px 0;}
.login-area2 > div {line-height:28px;}
.login-area2 > div span {padding-right:10px;}
.login-area2 .loginbox {margin-top:4px;text-align:center;}
.login-area2 .loginbox span {float:none;width:auto;}
.login-area2 .logoutbox > div {display:inline-block;}
.login-area2 .logoutbox > div strong {padding:0 10px;}
.login-area2 .logoutbox > div a {padding-left:5px;font-size:12px;text-decoration:underline;color:#787878;font-weight:normal;}
.login-area2 .logoutbox > div.box-info {display:inline-block;margin:0 88px;}
.login-area2 .logoutbox > div.box-point {display:inline-block;font-weight:bold;}
.login-area2 .logoutbox > div.box-point span {padding-right:0;}
.login-area2 .logoutbox > a div.box-info2 {display:none;}

/* 과일 로그인 영역 */
.login-area2 {height:150px;padding:32px 0;}
.login-area2 > div {line-height:28px;}
.login-area2 > div span {padding-right:10px;}
.login-area2 .loginbox {margin-top:4px;text-align:center;}
.login-area2 .loginbox span {float:none;width:auto;}
.login-area2 .logoutbox > div {display:inline-block;}
.login-area2 .logoutbox > div strong {padding:0 10px;}
.login-area2 .logoutbox > div a {padding-left:5px;font-size:12px;text-decoration:underline;color:#787878;font-weight:normal;}
.login-area2 .logoutbox > div.box-info {display:inline-block;margin:0 88px;}
.login-area2 .logoutbox > div.box-point {display:inline-block;font-weight:bold;}
.login-area2 .logoutbox > div.box-point span {padding-right:0;}
.login-area2 .logoutbox > a div.box-info2 {display:none;}

/* 로그인 영역 */
.login-area {height:74px;padding:20px 0;}
.login-area > div {line-height:28px;}
.login-area > div span {padding-right:10px;}
.login-area .loginbox {margin-top:4px;text-align:center;}
.login-area .loginbox span {float:none;width:auto;}
.login-area .logoutbox > div {display:inline-block;}
.login-area .logoutbox > div strong {padding:0 10px;}
.login-area .logoutbox > div a {padding-left:5px;font-size:12px;text-decoration:underline;color:#787878;font-weight:normal;}
.login-area .logoutbox > div.box-info {display:inline-block;margin:0 88px;}
.login-area .logoutbox > div.box-point {display:inline-block;font-weight:bold;}
.login-area .logoutbox > div.box-point span {padding-right:0;}
.login-area .logoutbox > a div.box-info2 {display:none;}

/* 과일 우측 날개배너 */
#skyScraperWrap{z-index:11}
.sky_scraper{position:absolute;top:290px;left:50%;right:auto;z-index:500;width:101px;background:url(/img/each/store7/bg_common_sky.png) no-repeat -240px -100px;font-family:'Apple SD Gothic Neo',AppleGothic,'돋움',Dotum,Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;line-height:1.5em;margin-left:544px}
#wrap .sky_scraper{position:fixed;top:290px}
.sky_scraper .btn_sky_mini{position:absolute;top:-28px;right:-5px;width:25px;height:25px;background:url(/img/each/store7/bg_common_sky.png) no-repeat 0 -575px}
.sky_scraper.active{width:395px;height:596px;margin-top:-2px;margin-left:244px;padding:0 2px 2px 5px;background-position:-350px 0}
.sky_scraper.active .btn_sky_mini{top:-26px;right:-4px}
.sky_scraper img{vertical-align:middle}
.sky_scraper.active{background-color:transparent}
.sky_scraper.active .sky_direction,
.sky_scraper.active .sky_top,
.sky_scraper.active .sky_clip,
.sky_scraper.active .sky_delivery,
.sky_scraper .sky_haeder select,
.sky_scraper .history_list li.type_product .txt,
.sky_scraper .history_list li.type_brand .txt{display:none}
.sky_scraper.active .sky_haeder select,
.sky_scraper.active .history_list li.commodity .txt,
.sky_scraper.active .history_list li.brand .txt{display:block}
.sky_scraper .sky_haeder{/* min-width:101px; */height:18px;padding-top:14px;text-align:center;*zoom:1}
.sky_scraper .sky_haeder h3 img{padding-right:6px}
.sky_scraper .sky_haeder h3 strong{font-size:18px;font-family:Roboto, Noto Sans KR, nanumgothic, 돋움, sans-serif;color:#e74848;line-height:20px;vertical-align:middle}
.sky_scraper .sky_content{position:relative;margin-top:23px}
.sky_scraper .history_list{position:relative;z-index:1000;overflow:hidden;height:257px;margin:0 0 0 3px}
.sky_scraper .history_list li{overflow:hidden;margin-top:15px;width:97px}
.sky_scraper .history_list li .icon_mall,.sky_scraper.active .history_list li .icon_mall{float:left;width:19px;height:19px;margin-right:5px;background:url(/img/each/store7/bg_common_sky.png) no-repeat 0 -190px;font-size:0;line-height:0}
.sky_scraper .history_list li .icon_mall.ssgmall{background-position:0 -219px}
.sky_scraper .history_list li .icon_mall.depart{background-position:0 -248px}
.sky_scraper .history_list li .icon_mall.emart{background-position:0 -277px}
.sky_scraper .history_list li .icon_mall.traders{background-position:0 -306px}
.sky_scraper .history_list li .icon_mall.boons{background-position:0 -335px}
.history_cont{float:left;width:72px}
.history_cont a{color:#666;text-decoration:none}
.history_cont .txt{line-height:18px;max-height:36px;overflow:hidden}
.history_cont .txt a{color:#222}
.history_cont .txt .blind_txt{display:none}
.history_cont .txt .blind_txt a{color:#848484;text-decoration:none}
.history_cont a:hover{text-decoration:underline}
.history_cont .sky_thumbnail{position:relative;float:left;margin-right:9px}
.history_cont .sky_thumbnail a,.active .history_cont .sky_thumbnail a{display:block;position:relative;width:48px;height:48px;background:url(/img/each/store7/bg_common_sky.png) no-repeat;border:1px solid #ececec;cursor:pointer}
.history_cont .sky_thumbnail a img{width:48px;height:48px}
.history_cont .sky_thumbnail.medium a img{width:68px;height:48px}
.history_cont .sky_thumbnail.adult_only a{background-position:-100px -100px}
.history_cont .sky_thumbnail.sold_out a{background-position:0 -100px}
.history_cont .sky_thumbnail.medium a{width:68px;height:48px;border:1px solid #ececec}
.history_cont .sky_thumbnail a .img_hover,.history_cont .sky_thumbnail a .img_hover02{display:block;position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px}
.history_cont .sky_thumbnail a:hover .img_hover{background:url(/img/each/store7/bg_common_sky.png) no-repeat 0 -400px}
.history_cont .sky_thumbnail a:hover .img_hover02{background:url(/img/each/store7/bg_common_sky.png) no-repeat 0 -500px}
.history_cont .sky_thumbnail .soldout{position:absolute;bottom:0;left:0;width:100%;background:url(img/each/store7/bg_itemlst_soldout.png);color:#222;line-height:normal;text-align:center}
.history_cont .sky_thumbnail .soldout .bx{display:inline-block;position:relative;width:100%;vertical-align:middle}
.history_cont .sky_thumbnail .soldout .tt{display:block;width:100%;height:16px;background:url(img/each/store7/bg_soldout_txt_50.png) no-repeat 50% 50%;font-size:0;line-height:0;overflow:hidden}
.history_cont .sky_thumbnail .soldout .valign{display:none}
.history_cont .event_end{color:#e74848;font-size:12px}
.sky_scraper .history_list li.history_txt{background:#fff;margin:0}
.sky_scraper .history_list li.history_txt p.history_txt{height:175px;width:100px;margin:28px 0 0 0;padding-top:96px;text-align:center;font-size:11px;line-height:14px;color:#747474}
.sky_scraper .history_list li.history_txt p.history_txt span{color:#00aac4}
.sky_scraper .sky_direction{position:relative;position:absolute;top:0;height:352px}
.sky_scraper .sky_direction button{position:absolute;width:101px;height:20px;margin-top:0;background:url(img/each/store7/bg_common_sky.png) no-repeat;cursor:pointer;z-index:9999}
.sky_scraper .sky_direction .prev{left:0;top:35px;width:101px;height:20px;background:url(/img/each/store7/bg_common_sky1.png)}
.sky_scraper .sky_direction .next{left:0;bottom:0;width:101px;height:20px;background:url(/img/each/store7/bg_common_sky2.png)}
.sky_scraper .sky_clip{border:1px solid #FF625E;position:absolute;bottom:-86px;width:99px;height:58px}
.sky_scraper .sky_clip a{background-image:url(../../img/common_layout/bg_common_sky.png);display:block}
.sky_scraper .sky_clip a.sky_myclip{width:99px;height:25px;background-position:-1px -621px;position:absolute;top:0;left:0}
.sky_scraper .sky_clip a.sky_myclip:hover{background-position:-131px -621px}
.sky_scraper .sky_clip a.sky_clip_red{width:50px;height:33px;background-position:-1px -646px;position:absolute;top:25px;left:0}
.sky_scraper .sky_clip a.sky_clip_red:hover{background-position:-131px -646px}
.sky_scraper .sky_clip a.sky_clip_yellow{width:50px;height:33px;background-position:-51px -646px;position:absolute;top:25px;left:50px}
.sky_scraper .sky_clip a.sky_clip_yellow:hover{background-position:-181px -646px}
.sky_scraper .sky_delivery a{display:none;position:absolute;bottom:-114px;width:101px;height:24px;background-image:url(/img/each/store7/bg_common_sky.png);background-position:0 -684px;background-repeat:no-repeat}
.sky_scraper .sky_delivery a:hover{background-position:-130px -684px}
.sky_scraper .sky_top a{position:absolute;bottom:-118px;width:101px;height:28px;background:url(/img/each/store7/bg_common_sky.png) no-repeat 0 -712px}
.sky_scraper .sky_btn_area{position:absolute;left:-21px;top:13px;font-size:0;line-height:0;z-index:100000}
.sky_scraper .sky_btn_area .btn{width:23px;height:23px;background:url(/img/each/store7/bg_common_sky.png) -150px 0;font-size:0;line-height:0;cursor:pointer}
.sky_btm{padding-top:0px;font-family:'돋움',dotum;}
.sky_btm .sky_bx{background-color:#f7f7f7;padding:1px 0 1px;text-align:center;}
.sky_btm .ico_reserve,.sky_btm .ico_traders_reserve{background-image:url(/img/each/store7/sp_label.png);background-repeat:no-repeat;display:inline-block;width:62px;height:45px;vertical-align:top}
.sky_btm .ico_reserve{background-position:0 -750px}
.sky_btm .ico_reserve.bojung{background-position:0 -900px}
.sky_btm .ico_reserve.bojung2{background-position:0 -1200px;height:42px}
.sky_btm .ico_traders_reserve{background-position:0 -1050px}
.sky_btm .sky_tx{font-size:11px;letter-spacing:-1px;color:#5e5e5e;line-height:14px}
.sky_btm .sky_tx a{font-weight:bold;color:#5e5e5e;text-decoration:underline}
.sky_btm .sky_tx a:hover{text-decoration:underline}
.sky_btm .sky_tx strong{color:#444;display:block}
.sky_btm .sky_deli_tx{width:81px;border-top:1px dotted #434343;margin:10px auto 0 auto;color:#444;line-height:16px;padding-top:8px}
.sky_btm .sky_deli_tx .sky_deli_msg{color:#444}
.sky_btm .sky_deli_tx a{font-weight:bold;color:#444;text-decoration:underline;background:url(/img/each/store7/bu_arr.gif) 0 2px no-repeat;padding-left:9px}
.sky_btm .sky_btn_myclip{background:url(/img/each/store7/bg_common_sky.png) 0 -750px no-repeat;display:block;width:101px;height:26px}
.sky_btm .sky_btn_top{background:url(/img/each/store7/bg_common_sky.png) 0 -712px no-repeat;display:block;width:101px;height:31px;}
.sky_btm .sky_btn_delivery{background:url(/img/each/store7/bg_common_sky.png) 0 -780px no-repeat;display:inline-block;width:83px;height:19px;margin-top:7px;vertical-align:top}
.sky_scraper.sky_afterlogin .sky_delivery a{display:block}
.sky_scraper.sky_afterlogin .sky_top a{bottom:-146px}
.sky_scraper.sky_afterlogin .sky_content{height:284px}
.sky_scraper.sky_afterlogin .history_list{height:257px}
.sky_scraper.sky_afterlogin .sky_direction{height:342px}
.sky_scraper.sky_mini{width:49px;right:0 !important;left:auto;margin-left:0}
.sky_scraper.sky_mini .sky_haeder,
.sky_scraper.sky_mini .sky_content,
.sky_scraper.sky_mini .sky_direction,
.sky_scraper.sky_mini .sky_clip,
.sky_scraper.sky_mini .sky_delivery{display:none}
.sky_scraper.sky_mini .sky_btn_area{display:none}
.sky_scraper.sky_mini .btn_sky_mini{width:49px;height:43px;background:url(/img/each/store7/bg_common_sky.png) no-repeat -80px -500px;right:0;top:-28px}
.sky_scraper.sky_mini .sky_top a{width:49px;height:26px;background-position:-146px -52px;bottom:-44px;right:0}
.sky_scraper.sky_mini .sky_btm{padding-top:14px}
.sky_scraper.sky_mini .sky_btm .sky_bx,.sky_scraper.sky_mini .sky_btm .sky_btn_myclip{display:none}
.sky_scraper.sky_mini .sky_btm .sky_btn_top{width:49px;height:26px;background-position:-146px -52px}
.sky_scraper.low_width{right:5px !important;left:auto;margin-left:0}
.sky_scraper.low_width.active .btn_sky_mini{right:-5px}
.sky_scraper.active{margin-top:-28px}
.sky_scraper.active .sky_btm,.sky_scraper.active .btn_sky_mini{display:none}
.sky_scraper.active .sky_content{position:static;background:0 none;margin-top:0}
.sky_scraper.active .sky_btn_area{position:absolute;left:-7px;top:13px}
.sky_scraper.active .sky_btn_area .btn{width:22px;height:22px;background:url(/img/each/store7/bg_common_sky.png) no-repeat -100px -300px;cursor:pointer}
.sky_scraper.active .sky_haeder h3{float:left;padding-left:20px;*padding-top:12px;font-size:13px;font-family:Roboto, Noto Sans KR, nanumgothic, 돋움, sans-serif;line-height:40px}
.sky_scraper.active .sky_haeder h3 img{padding-right:4px;padding-top:3px}
.sky_scraper.active .sky_haeder{overflow:hidden;height:47px;width:auto;padding-top:3px}
.sky_scraper.active .sky_haeder select{float:right;width:113px;padding:4px;height:26px\9;*height:auto;margin:8px 15px 0 0;*margin:12px 15px 0 0;vertical-align:-3px;font-size:12px;color:#222}
.sky_scraper.active .history_list{position:relative;overflow:hidden;overflow-x:hidden;overflow-y:auto;height:547px;margin:-1px 0 0 10px;background:url(/img/each/store7/bg_history.gif) repeat-y 9px 0}
.sky_scraper.active .history_list li{overflow:hidden;margin-top:8px;width:364px}
.sky_scraper.active .history_list li:first-child{margin-top:15px}
.sky_scraper.active .history_list li.category{margin-left:0}
.sky_scraper.active .history_list li .blind_txt{display:inline;color:#848484}
.sky_scraper.active .history_list li .icon_mall{margin-right:7px}
.sky_scraper.active .history_list li .history_cont .txt{max-height:54px}
.sky_scraper.active .history_list li .history_cont{overflow:hidden;float:left;width:338px;padding:2px 0 10px;border-bottom:1px dotted #909090}
.sky_scraper.active .history_list li .history_cont .sky_thumbnail.adult_only a{background-position:-100px -100px}
.sky_scraper.active .history_list li .history_cont .sky_thumbnail.sold_out a{background-position:0 -100px}
.sky_scraper.active .history_list li .history_cont .txt{float:left;width:338px}
.sky_scraper.active .history_list li .history_cont .txt.blind_txt{width:275px}
.sky_scraper.active .history_list li .history_cont .txt.blind_txt a{color:#848484;text-decoration:none}
.sky_scraper.active .history_list li .history_cont .txt a:hover{text-decoration:underline}
.sky_scraper.active .history_list li.type_category .txt{color:#848484}
.sky_scraper.active .history_list li.type_brand .history_cont .txt .brand_txt{color:#222;padding-right:3px}
.sky_scraper.active .history_list li.type_brand .history_cont .txt .brand_txt .brand{color:#848484;padding-right:3px}
.sky_scraper.active .history_list li.type_event .txt a .em,.sky_scraper.active .history_list li.type_exhibition .txt a .em{color:#848484}
.sky_scraper.active .history_list li.type_search .txt a{color:#222}
.sky_scraper.active .history_list li.type_brand .history_cont .txt a,.sky_scraper.active .history_list li.type_search .txt{color:#848484}
.sky_scraper.active .history_list li.type_product .txt a{max-height:36px;overflow:hidden;display:block;color:#222}
.sky_scraper.active .history_list li.type_product .txt a .brand{color:#848484}
.sky_scraper.active .history_list li.type_product.adult .txt a{display:block;overflow:hidden;color:#222;line-height:18px;white-space:nowrap;text-overflow:ellipsis}
.sky_scraper.active .history_list li.type_product .txt del{display:inline-block;margin-right:8px;color:#aaaaaa}
.sky_scraper.active .history_list li.type_product .txt .applied{font-weight:bold;color:#e74848}
.sky_scraper.active .history_list li.type_brand .history_cont .txt{float:left;width:257px;color:#848484}
.sky_scraper.active .history_list li.type_event .txt .date,.sky_scraper.active .history_list li.type_exhibition .txt .date{color:#848484;display:block}
.sky_scraper.active .history_list li.type_event .txt a,
.sky_scraper.active .history_list li.type_exhibition .txt a{display:block;overflow:hidden;color:#222;line-height:18px;white-space:nowrap;text-overflow:ellipsis}
.sky_scraper.active .history_list li.history_txt{background:#fff;margin:0}
.sky_scraper.active .history_list li.history_txt p.history_txt{height:304px;width:395px;margin:28px 0 0 3px;padding-top:210px;text-align:center;font-size:20px;font-family:Roboto, Noto Sans KR, nanumgothic, 돋움, sans-serif;line-height:26px;color:#666}
.sky_scraper.active .history_list li.history_txt p.history_txt span{color:#00aac4}

/* 퀵배너 */
.quick-area {display:block;width:960px;margin:0 auto;padding-bottom:0;background:none;}
.quick-area.con {display:none;}
.quick-area .quick-bn {position:fixed;top:285px;width:0;z-index:1000;}
.quick-area .quick-bn ul {position:relative;left:1000px;}
.quick-area .quick-bn ul li {margin-top:0px;}

/* footer 영역*/
.footer-area {padding:30px 0;}
.footer-link {overflow:hidden;width:700px;} 
.footer-link > li:first-child ,
.footer-link > li:nth-child(5) {padding-left:0;border-left:none;}
}


/* main6.php에 적용되어지는 스타일 추가 */

.portfolio {
	width: 100%; float: left; position: relative;
}
.hover-img {
	background: rgba(255, 255, 255, 0.6); transition:0.3s ease-in; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;
}
.news-layer {
	width: 100%; text-align: center; float: left; position: relative;
}
.news-layer .plus {
	transition:500ms cubic-bezier(0.42, 0, 0.365, 1.47); left: 50%; top: -50%; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; position: absolute; z-index: 50; -webkit-transition: all 500ms cubic-bezier(0.42, 0, 0.365, 1.47); -o-transition: all 500ms cubic-bezier(0.42, 0, 0.365, 1.47); -moz-transition: all 500ms cubic-bezier(0.42, 0, 0.365, 1.47);
}
.news-item:hover .hover-img {
	opacity: 1;
}
.news-item:hover .news-layer .plus {
	top: 50%;
}
.news-post .news-left-desc {
	padding: 56px 60px 30px 40px; float: left; position: relative; min-height: 350px;
}
.news-post .news-desc h4 {
	padding: 30px 0px 10px;
}
.news-left-desc .back {
	text-align: left; color: rgb(38, 38, 38); text-transform: uppercase; line-height: 22px; letter-spacing: 2px; padding-top: 80px; font-size: 18px; font-weight: 700; float: left; position: relative;
}
.news-left-desc .back:hover {
	color: rgb(223, 162, 64);
}
.news-right-desc {
	float: right; position: relative;
}
.news-right-desc img {
	width: 100%; height: auto; min-height: 350px;
}
.news-text {
	padding: 60px 160px 120px; width: 100%; text-align: left; float: left; position: relative;
}
.news-text h3 {
	padding-bottom: 33px;
}
.news-text p {
	text-align: justify; color: rgb(105, 105, 105); letter-spacing: 1px; padding-bottom: 20px;
}
.paragraph {
	padding-top: 35px; float: left; position: relative;
}
.paragraph p {
	text-align: justify; color: rgb(156, 156, 156); line-height: 26px; letter-spacing: 1px; font-size: 16px;
}
.paragraph i {
	color: rgb(223, 162, 64); font-size: 16px; float: left; position: relative;
}
.news-text h5 {
	padding: 30px 0px; float: left; position: relative;
}
.news-comments {
	padding: 33px 60px 35px 30px; width: 100%; float: left; position: relative;
}
.news-comments img {
	left: 33px; top: 33px; width: 80px; height: 80px; position: absolute;
}
.com-text {
	margin-left: 115px; float: left; position: relative;
}
.com-text h6 {
	letter-spacing: 2px; padding-right: 5px; font-weight: 600; float: left; position: relative;
}
.com-text p {
	width: 100%; text-align: justify; color: rgb(158, 158, 158); padding-top: 10px; padding-bottom: 12px; float: left; position: relative;
}
.com-info {
	width: 100%; float: left; display: inline; position: relative;
}
.date-coment {
	float: left; position: relative;
}
.date-coment span {
	color: rgb(223, 162, 64); line-height: 18px; padding-top: 0px; font-size: 14px;
}
.date-coment i {
	color: rgb(156, 156, 156); line-height: 19px; letter-spacing: 2px; padding-bottom: 0px; padding-left: 5px; font-size: 12px; font-style: normal; font-weight: 400;
}
.com-text small {
	color: rgb(156, 156, 156); line-height: 18px; font-family: open-sans,sans-serif; font-size: 11px; font-style: italic; font-weight: 300;
}
@media screen and (max-width:990px)
{
.news-item {
	width: 47.5%; margin-bottom: 60px;
}
:nth-child(3n).news-item {
	margin-right: auto;
}
.news-text {
	padding: 60px 60px 120px;
}
.news-right-desc img {
	min-height: auto;
}
}
@media screen and (max-width:600px)
{
.news-item {
	width: 100%;
}
#container-masonry .gutter-sizer {
	width: 0%;
}
.com-text {
	margin-left: 0px;
}
.com-info {
	padding-left: 115px;
}
.date-coment {
	width: 100%; float: none;
}
.date-coment i {
	width: 100%; padding-top: 10px; padding-left: 0px; float: left; position: relative;
}
.date-coment span {
	display: none;
}
.com-text p {
	padding-top: 50px;
}
}
@media screen and (max-width:480px)
{
.news-text {
	padding: 60px 15px;
}
.news-comments {
	padding: 33px 30px 35px;
}
.news-post .news-left-desc {
	padding: 56px 15px 30px;
}
}
@media screen and (max-width:400px)
{
.com-info {
	padding-left: 100px;
}
.news-comments {
	padding: 30px 15px 35px;
}
.news-comments img {
	left: 15px; top: 15px;
}
.date-coment i {
	letter-spacing: 1px;
}
}
#contact {
	width: 100%; margin-top: -40px; float: left; position: relative;
}
form {
	margin: 0px; width: 100%; /*padding-top: 70px;*/ float: left; position: relative;
}
.input-field {
	width: 100%; padding-top: 10px; padding-right: 30px; margin-left: 15px; float: left; position: relative;
}
.input-field label {
	width: 100%; color: rgb(38, 38, 38); line-height: 16px; letter-spacing: 1px; padding-bottom: 5px; font-size: 13px; font-weight: 400; float: left; position: relative;
}
.input-field input {
	background: rgb(255, 255, 255); padding: 6px; border: 1px solid rgb(156, 156, 156); border-image: none; width: 100%; height: 40px; text-align: left; color: rgb(105, 105, 105); line-height: 28px; font-family: "Open Sans", sans-serif; font-size: 11px; font-weight: 400;
}
.input-field textarea {
	background: rgb(255, 255, 255); padding: 6px; border: 1px solid rgb(156, 156, 156); border-image: none; width: 100%; height: 160px; text-align: left; color: rgb(105, 105, 105); line-height: 28px; font-family: "Open Sans", sans-serif; font-size: 11px; font-weight: 400;
}
.send-button {
	width: 100%; text-align: center; float: left; position: relative;
}
.send-button .send {
	background: rgb(38, 38, 38); margin: 50px 0px; border: currentColor; transition:0.3s ease-in; border-image: none; width: 130px; height: 50px; color: rgb(255, 255, 255); font-size: 16px; font-weight: 600; float: none; display: inline-block; position: relative; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;
}
.send-button .send:hover {
	background: rgb(223, 162, 64);
}
.adress {
	padding: 115px 0px 85px; width: 100%; float: left; position: relative;
}
.adress-row {
	width: 100%; text-align: left; padding-left: 80px; float: left; position: relative;
}
.adress-row h5 {
	line-height: 18px; padding-bottom: 10px; font-size: 15px;
}
.adress-row a {
	color: rgb(156, 156, 156); line-height: 21px; font-family: "Open Sans", sans-serif; font-size: 13px; font-style: italic; font-weight: 300;
}
.adress-row a:hover {
	color: rgb(223, 162, 64);
}
.adress-row i {
	color: rgb(156, 156, 156); line-height: 21px; font-family: "Open Sans", sans-serif; font-size: 13px; font-style: italic; font-weight: 300;
}
.site-map {
	width: 100%; height: 250px; float: left; position: relative;
}
.site-map iframe {
	border: 0px currentColor; border-image: none; width: 100%; height: 250px;
}
@media screen and (max-width:1200px)
{
.adress-row {
	text-align: center; padding-left: 0px;
}
}
@media screen and (max-width:990px)
{
.input-field {
	padding-right: 0px; margin-left: 0px;
}
}
@media screen and (max-width:768px)
{
.adress-row {
	padding-bottom: 40px;
}
.adress {
	padding: 115px 0px 45px;
}
}
.work {
	width: 100%; float: left; position: relative;
}
.portfolio {
	width: 100%; float: left; position: relative;
}
.portfolio .news-item {
	margin: 0px; padding: 0px; width: 33.33%; float: left;
}
.portfolio#container-masonry .gutter-sizer {
	width: 0%;
}
.work-title {
	padding: 15px 0px 40px; width: 100%; text-align: center; float: left; position: relative;
}
.work-title h5 {
	line-height: 24px; padding: 10px; font-size: 15px; font-weight: 600;
}
.work-title h6 {
	color: rgb(158, 158, 158); text-transform: uppercase; letter-spacing: 1px; font-size: 12px; padding:1px;
}
.work-block {
	width: 100%; overflow: hidden; float: left; position: relative;
}
.work-block img {
	width: 100%; height: auto;
}
.work-detail {
	width: 100%; float: left; position: relative;
}
.work-detail img {
	width: 100%; height: auto;
}
.portfolio-text {
	padding: 30px; width: 100%; float: left; position: relative;
}
.work-detail-title {
	float: left; position: relative;
}
.work-detail-title h4 {
	letter-spacing: 2px;
}
.back-button a {
	top: 30px; text-align: right; right: 30px; color: rgb(38, 38, 38); line-height: 22px; font-size: 18px; font-weight: 700; position: absolute; z-index: 10;
}
.back-button a:hover {
	color: rgb(223, 162, 64);
}
.work-detail-text {
	padding: 20px 160px 30px 0px; width: 100%; color: rgb(156, 156, 156); float: left; position: relative;
}
.work-detail-category {
	width: 100%; float: left; position: relative;
}
.work-detail-category h6 {
	padding-bottom: 5px; font-size: 13px;
}
.work-detail-category p {
	color: rgb(158, 158, 158); font-size: 12px;
}
.sub-category {
	text-align: right; float: right; position: relative;
}
.sub-company {
	float: left; position: relative;
}
@media screen and (max-width:990px)
{
.portfolio .news-item {
	width: 50%;
}
#contact {
	margin-top: 0px;
}
}
@media screen and (max-width:600px)
{
.portfolio .news-item {
	width: 100%;
}
}
@media screen and (max-width:480px)
{
.work-detail-text {
	padding-right: 0px;
}
.sub-category {
	width: 100%; text-align: left; padding-top: 20px; float: left;
}
.work-detail-title a {
	font-size: 14px;
}
.back-button a {
	top: auto; bottom: 30px;
}

/*---------- Icons ----------*/
	/*Social Icons*/
	.social-icons ul {float:left;list-style:none;margin:0 0 -1px;padding:0;height:40px;overflow:hidden}
	.social-icons ul li {display:block;float:left;margin:0;padding:0;height:40px;overflow:hidden}
	.social-icons ul li a {background-position:0 0;background-repeat:no-repeat;display:block;height:80px;opacity:0.6;text-indent:-9999px;transition:all 0.2s ease 0s;width:40px;top:0;font-size:16px;position:relative;-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;-o-transition:all ease 0.3s;-ms-transition:all ease 0.3s;transition:all ease 0.3s}
	.social-icons ul li a:hover {top:-40px}
	.social-icons ul li a:before {position:absolute;width:40px;height:40px;font-family:FontAwesome;text-indent:0;line-height:40px;top:0;left:0;text-align:center;color:#fff}
	.social-icons ul li a:after {position:absolute;width:40px;height:40px;font-family:FontAwesome;text-indent:0;line-height:40px;top:40px;left:0;text-align:center;color:#FFFFFF}
	.social-icons ul li.social-twitter a:before {content:"\f032"}
	.social-icons ul li.social-twitter a:after {content:"\f032";background:#39ba05}
	.social-icons ul li.social-facebook a:before {content:"\f09a"}
	.social-icons ul li.social-facebook a:after {content:"\f09a";background:#007AFF}
	.social-icons ul li.social-google a:before {content:"\f0d5"}
	.social-icons ul li.social-google a:after {content:"\f0d5";background:#e33334}
	.social-icons ul li.social-youtube a:before {content:"\f167"}
	.social-icons ul li.social-youtube a:after {content:"\f167";background:#F45750}
	.social-icons ul li.social-instagram a:before {content:"\f16d"}
	.social-icons ul li.social-instagram a:after {content:"\f16d";background:#ff9501}
	.social-icons ul li.social-rss a:before {content:"\f09e"}
	.social-icons ul li.social-rss a:after {content:"\f09e";background:#FE9900}
	.social_facebook {background: url(../image/social/facebook.png) no-repeat;}
	.social_googleplus {background: url(../image/social/googleplus.png) no-repeat;}
	.social_kakao {background: url(../image/social/kakao.png) no-repeat;}
	.social_kakaostory {background: url(../image/social/kakaostory.png) no-repeat;}
	.social_band {background: url(../image/social/band.png) no-repeat;}
	.social_rss {background: url(../image/social/rss.png) no-repeat;}
	.social_twitter {background: url(../image/social/twitter.png) no-repeat;}