.container {max-width:1080px; margin:0 auto; position:relative}

/* 상단 영역 */

.topLayout {margin:20px 0 0}

.header_nav {height:34px; line-height:34px; border-bottom:1px solid #dcdcdc}
.header_nav .right_menu {float:right}
.header_nav .right_menu > ul > li {float:left; padding:0 6px; position:relative}
.header_nav .right_menu > ul > li:after {content: ""; position: absolute; top: 50%; left: 0; height: 12px; margin: -6px 0 0;  width: 1px; background-color: #898989;}
.header_nav .right_menu > ul > li:first-child:after {display:none}

.header_nav .right_menu > ul > li > a {font-size:12px; color:#898989; display:block; transition:0.3s all ease}
.header_nav .right_menu > ul > li > a:hover {color:#0079c3}

.header {overflow:hidden; height:85px}
.header .logo {float:left}
.header .logo a {display:block}
.header .search {float:right; margin:12px 0 0; width:310px}
.header .searchIn {width:308px; height:38px; border-radius:20px; border:1px solid #663399;}
.header .searchIn input[type="text"] {width:240px; margin:0 15px; height:100%; border:0; border-radius:20px; color: #666666; font-size: 16px;}
.header .searchIn input[type="image"] {width:22px; height:22px; border:0; background:none}

.header .slickBox {margin:10px 0 0; width:100%; height:15px; line-height:15px; overflow:hidden;}
.header .slickBox ul {width:80%; margin:0 10%}
.header .slickBox ul li {float:left; list-style:none; text-align:center; margin:0 5px;}
.header .slickBox ul li a {font-size:12px; color:#eb6100}

.nav {height:50px; line-height:50px; background-color:#3ba810}
.nav > ul {overflow:hidden}
.nav > ul > li {float:left; width:20%; text-align:center}
.nav > ul > li > a {display:block; font-size:16px; color:white; font-weight:500; letter-spacing: -0.05em}

.navbar-nav , .navbar-default {background-color:white; height: auto;}
header .is-sticky nav.navbar .navbar-nav {background:#333333} 


/* 하단 영역 */

.footer_logoBg {background-color:#fbfcfc; overflow:auto; border-top:1px solid #c5c6c6; padding-bottom:10px}
  .footer_logo {width: 1080px; margin: 0 auto;}
  .footer_logo ul {border-top:1px solid #dce0e0; overflow: auto; margin:0; padding: 0;}
  .footer_logo ul.border0 {border-top:0}
  .footer_logo ul li {float:left; list-style:none}

/* EOD : 하단 영역 */


.shop__slideshow {
  margin-top: 0px;
  margin-bottom: 0px;
}
.shop__slideshow .carousel-inner .item__container {
  display: table;
  width: 100%;
  height: 100%;
}
.shop__slideshow .carousel-inner .item-container__inner {
  display: table-cell;
  vertical-align: middle;
}
.shop__slideshow .carousel-inner .item {
  width: 100%;
  height: 400px;
}
.shop__slideshow .carousel-inner .item_1 {
  background: /*url(../img/mainbanner4-r3.png)*/ no-repeat center center / cover;
}
.shop__slideshow .carousel-inner .item_2 {
  background: url(../img/main_banner_02.png) no-repeat center center / cover;
  cursor:pointer;
}
.shop__slideshow .carousel-inner .item_3 {
  background: url(../img/main_banner_03.png) no-repeat center center / cover;
  cursor:pointer;
}
.shop__slideshow .carousel-inner .item_4 {
  background: url(../img/main_banner_04.png) no-repeat center center / cover;
  cursor:pointer
}
.shop__slideshow .carousel-inner .item_5 {
  background: url(../img/mainbanner5r.jpg) no-repeat center center / cover;
  cursor:pointer;
}
.shop__slideshow .carousel-inner .item_6 {
  background: url(../img/main_banner_05.png) no-repeat center center / cover;
  cursor:pointer;
}
.shop-slideshow__heading {
  margin: 0 0 20px 0;
  font-family: 'Questrial', sans-serif;
  font-size: 46px;
  line-height: 1.2;
  color: white;
}
.shop-slideshow__subheading {
  margin-bottom: 30px;
  font-family: 'Questrial', sans-serif;
  font-size: 20px;
  line-height: 1.5;
  color: white;
}
.shop-slideshow__btn {
  border: 2px solid white;
  border-radius: 0;
  color: white;
  font-weight: 600;
}
.shop-slideshow__btn:hover,
.shop-slideshow__btn:focus {
  color: #333333;
  background-color: white;
}

/* Carousel controls */
.shop-slideshow__control {
  display: block;
  position: absolute;
  top: 50%;
  left: 30px;
  width: 30px;
  height: 70px;
  /*opacity: 0; */ /* 메인 슬라이드 화살표 hover 효과 제거 */
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: opacity .3s;
       -o-transition: opacity .3s;
          transition: opacity .3s;
}
.shop-slideshow__control:hover {
  opacity: 1 !important;
}
.shop-slideshow__control[data-slide="next"] {
  left: auto;
  right: 45px;
}
.shop__slideshow:hover .shop-slideshow__control {
  /*opacity: .3;*/ /* 메인 슬라이드 화살표 hover 효과 제거 */
}

.modal-dialog {
    margin: 170px auto;
}

.section_row {margin:0 0 30px; position:relative}
.section_row.mt30 {margin:30px 0}

.block02 > ul {overflow:hidden}
.block02 > ul > li {float:left; width:50%}
.block02 > ul > li:first-child > div {margin:0 7px 0 0}
.block02 > ul > li:last-child  > div {margin:0 0 0 7px}

.block03 > ul {overflow:hidden}
.block03 > ul > li {float:left; width:33.33%}
.block03 > ul > li > div {margin:0 7px}
.block03 > ul > li:first-child > div {margin:0 7px 0 0}
.block03 > ul > li:last-child  > div {margin:0 0 0 7px}

.sub_banner > a {display:block; background-color:white; border:1px solid #bebebe; height:79px; margin:0 0 20px; padding:17px 15px; box-sizing: content-box;}
.sub_banner > a.sub_banner01 {background:url("../img/sub_banner01.png") no-repeat right}
.sub_banner > a.sub_banner02 {background:url("../img/sub_banner02.png") no-repeat right}
.sub_banner > a.sub_banner03 {background:url("../img/sub_banner03.png") no-repeat right}
.sub_banner > a.sub_banner04 {background:url("../img/sub_banner04.png") no-repeat right}
.sub_banner > a > p.txt01 {font-size:13px; color:#7d7d7d; margin:0 0 12px; line-height:1.2}
.sub_banner > a > p.txt02 {font-size:18px; font-weight:bold; color:#666666; margin:0}

.M_videoBox {background-color:#44535e; height:250px}
  .M_video_L {width:370px; height:100%; background-color:black; float:left; display:table; overflow:hidden}
  .M_video_L img {width:100%; max-height:203px}
  .M_video_LIn {display:table-cell; vertical-align:middle; position:relative}
  .M_video_LIn:after {display:block; content:""; position:absolute; top:95px; left:50%; width:77px; height:55px; margin:0 0 0 -39px; background:url("../img/youtube_play.png") no-repeat}  

  .M_video_R {width:163px; height:100%; background-color:#44535e; display:inline-block}

  .M_videoR_list {height:216px; overflow-y:hidden}
  .M_videoR_list ul li {background-color:#44535e; font-size:13px; border-top:1px solid #333333; padding:0 18px; line-height:35px; transition:0.2s all ease}
  .M_videoR_list ul li:hover {background-color:#333}
  .M_videoR_list ul li:first-child {border:0}
  .M_videoR_list ul li a {color:white; white-space:nowrap; width:100%; overflow:hidden; padding:0; text-overflow:ellipsis; display:block; transition:0.3s all ease}
  .M_videoR_list ul li.on a {color:#fff799}

  .M_videoR_more {text-align:right; height:33px; line-height:33px;transition:0.2s all ease;}
  .M_videoR_more a {color:white; display:block; padding:0 20px;}
  .M_videoR_more:hover {background-color:#333333}

.app_area {margin:30px 0 0; position:relative}
.app_area > button {padding:0; border:0; position:absolute}
.app_area > button.app_btn01 {left:390px; top:45px;}
.app_area > button.app_btn02 {left:520px; top:45px;}

.client {border-right:1px solid #e6e7e9; height:99px}

.board_tab > ul {overflow:hidden}
.board_tab > ul > li {float:left; width:50%;}
.board_tab > ul > li:first-child , .board_tab > ul > li:first-child > a {border-radius:3px 0 0 0}
.board_tab > ul > li:last-child , .board_tab > ul > li:last-child > a {border-radius:0 3px 0 0}
.board_tab > ul > li > a {display:block; line-height:48px; background-color:#f5f5f5; font-size:15px; color:#555; text-indent:20px}
.board_tab > ul > li.on > a {background-color:#929292; color:white}

.board_content > .tabBox , .board_content > .tabBox02 {padding:9px 25px; border:1px solid #bababa;}
.board_list > ul > li {margin:10px 0; position:relative}
.board_list > ul > li > a {font-size:13px; color:black; white-space: nowrap; display: inline-block; width: 100%; text-overflow: ellipsis; overflow: hidden;}
.board_list > ul > li > a:hover {color:#009933}
.board_list > ul > li:before {content: ""; position: absolute; top:4px; left: -8px; width: 3px; height: 3px; background-color: #009933;}

.customerBox {border:1px solid #c4c4c4; padding:16px; height:208px;}
.customerBox > p {margin:0}
.customerBox .txt01 {color:black; font-size:18px; margin:0 0 17px}
.customerBox .txt02 {color:#009944; font-size:25px; font-weight:bold; margin:0 0 20px}
.customerBox .txt03 {color:#636363; font-size:12px; font-weight:bold; margin:0 0 6px}
.customerBox .txt04 {color:#888; font-size:12px; margin:0 0 5px}
.customerBox .txt05 {font-size:12px; font-weight:bold; color:#fe6c00; margin:0 0 7px}
.customerBox .txt05 span {display:inline-block; margin:0 7px 0 0;}

.numberBox > ul > li {float:left; font-size:12px; color:#666; margin:0 0 5px 0; padding:0 5px}
.numberBox > ul > li span {display:inline-block; margin:0 4px 0 0}
.numberBox > ul > li:first-child {border-right:1px solid #797979; padding-left:0}
.numberBox > ul > li strong {font-weight:bold; color:black}

.videoP {position:absolute; top:431px; width:100%; height:612px; background-color:#383845; color:white; z-index:1; outline:1px solid black; display:none;}
  .videoP_L {width:836px; float:left; background-color: #383845;}
    .video_area {height:500px}
    .video_thum {padding:0 54px}

	.video_thum .slick-slide {text-align:center; height:112px;}
	.video_thum .slick-slide p {color: #b2b2b2; font-size: 12px;  margin: 5px 3px 0;  line-height: 1.2; height:28px; overflow: hidden;}
  
    .slick-track {margin:0 0 0 11px}
	.slick-prev {position:absolute; top:40px; left:17px}
    .slick-next {position:absolute; top:40px; right:17px}
    
	.thumBox {display:block; height:100%}

	.thum_img {margin: 15px 0 0; width:86px; height:51px; display: inline-block; border: 2px solid #9a9ea8}
	.thum_img img {width:100%; max-height:46px;}

	.thumBox.on .thum_img , .thumBox:hover .thum_img {border:2px solid #e86264}
	.thumBox.on p , .thumBox:hover p {color:#fa6464}


  .videoP_R {width:243px; height:100%; float:right; position:relative; border-left: 1px solid black} 

  .videoP_close {position: absolute; top:-1px; right: -45px; width: 45px; height: 45px;  line-height: 45px; text-align: center; background-color: #313645;}
 
  .videoName {background-color:#474f6c; color:white; padding: 25px 15px; font-size: 18px;font-weight: 500; line-height: 1.2;}
    .videoNameIn {height:62px; overflow-y: hidden;}

  .videoExplan {color:#e7e7e7; background:#383845; padding:10px 9px 30px 10px; font-size: 13px; height: 437px; overflow-y: auto; line-height:1.4;}
  .videoExplan.no_apply {height:501px}

  .video_apply_btn {position:absolute; bottom:0; left:0; width:100%; height:63px; line-height:63px; background-color:#d33838; text-align:center; font-size:20px; color:white}
  .video_apply_btn:hover {color:white}

.movieP {height:376px; border:1px solid black; background-color: black;}
  .movieL {float:left; width:595px}
  .movieR {float:right; width:248px; height: 100%; position: relative; border-left: 1px solid black;}
  .movieR .videoExplan {height:199px; background-color: #33333b; padding:10px 9px 10px 10px;}
  .movieR .videoExplan.no_apply {height:263px}

.movieList {margin:30px 0 0}
.movieList ul {padding:0; margin:0; overflow:hidden}
.movieList ul li {padding:15px 0; list-style:none; display:inline-block; width:100%; border-top:1px solid #b5b5b5;}
.movieList ul li:last-child {padding-bottom:0}

.movieList_L {float:left; width:155px; margin:0 15px 0 0}
.movieList_L a {width:155px; height:88px; display:block; overflow:hidden; position:relative; border:3px solid white}
.movieList_L a:after {display: block; content: ""; position: absolute; top:29px; left: 50%; width: 36px; height: 26px; margin: 0 0 0 -18px; background: url("../img/mini_youtube_play.png") no-repeat;} 

.movieList_L a:hover {border:3px solid #ff0000;}
.movieList_L img {width:100%; height:100%}

.movieList_R {float:left; width:675px; line-height:1}
.movieList_R .name {color:#007ac3; font-size:14px; margin:5px 0 10px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.movieList_R .day {color:#8e8e8e; font-size:12px; margin:0 0 8px;}
.movieList_R .content {color:#333; font-size:13px; line-height:1.2; height:32px; margin:0; overflow:hidden}

.movieList ul li:first-child {border-top:0; padding-top:0}
.movieList.type02 ul li:first-child {padding-top:15px}

.banner_left {position:absolute; top:0; left:-120px;}
.banner_left > ul > li {margin:15px 0 0}
.banner_left > ul > li:first-child {margin:0}
.banner_left > ul > li > a {display:block}

.banner_right { position:absolute; right:-120px; top:0px; width:100px; }


/* 나의 장바구니 팝업 popovers.less */
.popover.beamin { position:absolute; left:-330px; top:0; max-width:326px; width:326px; height:480px; background-color:white; border-radius:15px; color:#fff; font-weight:bold; border:3px solid #007ac5; z-index:9999; }
.popover.beamin > .arrow { position:absolute; top:50px; right:-11px;  display:block; width:0; height:0; margin-top:-11px; border-style:solid; border-right-width:0; border-left-color:#007ac3; }
.popover.beamin > .arrow:after {  }
.popover_title { display:flex; justify-content:space-between; align-items:center; width:290px; padding:15px 0 10px; margin:0 14px; line-height:18px; font-size:14px; font-weight:normal; color:#000; border-bottom:1px solid #007ac3; background-color:#fff;  }
.popover_title > * { display:block; }
.popover_title strong { padding-left:5px; font-size:1.1em; font-weight:bold; letter-spacing:-1px; color:#007ac5; }
.popover_title i { padding-right:5px; font-style:normal; cursor:pointer }




/* 수출 바우처 배너 추가 2022-05-25 */
.header .search { position:relative; }
.search .expv { position:absolute; right:calc(100% + 17px); top:5px; }


/*
	국가로 상품 검색 영역 어그러짐 수정 2023-01-04
	올민원에서 사용하는 [국가로 상품 검색] 영역을 배민 구조 고려없이 그대로 붙여놓아 레이아웃이 어그러짐
	추가 스타일로 문제 해결
*/
.nation_wrap { width:1070px !important; margin:0 auto; }


/* 개인정보보호책임보험 팝업 추가 2023-01-13 */
.insurance_open,
.insurance_close { cursor:pointer; }
.insurance_popup,
.insurance_dim { left:0; right:0; bottom:0; top:0; }
.insurance_close,
.insurance_dim { position:absolute; }
.insurance_popup { position:fixed;  z-index:100; }
.insurance_popup .insurance { position:absolute; top:calc(50% - 250px); left:calc(50% - 195px); }
.insurance_close { top:0; right:0; width:30px; height:30px; opacity:0; }
.insurance_dim { opacity:0; background-color:rgba(0,0,0,0.4); transition:opacity 0.6s; }

.insurance_popup.this_show .insurance { animation:0.3s fadeDown; }
.insurance_popup.this_hide .insurance { opacity:0; animation:0.3s fadeUp; }

.insurance_popup.this_show .insurance_dim { opacity:1; }
.insurance_popup.this_hide .insurance_dim { opacity:0; }

@keyframes fadeDown {
    from { opacity:0; transform:translate3d(0, -50px, 0); }
    to { opacity:1; transform:translate3d(0); }
}
@keyframes fadeUp {
	from { opacity:1; transform:translate3d(0); }
	to { opacity:0; transform:translate3d(0, -50px, 0); }
}