/* 폰트 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');

/* reset */
* {padding: 0; margin: 0; font-family: 'Noto Sans KR', sans-serif;}
a {text-decoration: none; color: inherit;}
ul, ol, dl {margin: 0; padding: 0;}
li {list-style: none;}
html, body {height: 100%; color: #282c37; background-color: #f5f8fc; box-sizing: border-box;}
table th {font-size: 14px;}
table td {font-size: 13px;}

/*** popup ***/
#layerpopupbg {background: rgba(1, 1, 1, 0.8); position: fixed; z-index: 10; width: 100%; height: 100%; left: 0; top: 0; color: #fff;}
#layerpopup {border: 1px solid #111; border-radius: 5px; width: 500px; text-align: center; background: rgba(79, 134, 198, 0.767); margin: 15% auto; box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);}
/* popup 상단 */
.popup_title {margin-top: 30px;}
.popup_content {font-size: 14px;}
/* popup 하단 */
.popup_bottom {background: #282c37; color: #fff; border-top: 1px solid #000; overflow: hidden; border-radius: 0 0 5px 5px; position: relative; margin-top: 40px;}
.popup_bottom a {display: block; float: left; width: 49.5%; height: 40px; line-height: 40px; text-align: center; font-size: 13px;}
.btn_close {display: inline-block; position: relative; cursor: pointer; border-left: 1px solid #000;}


/* 라이브러리 */
.img-box > img {width: 100%;}
.clearfix::before, .clearfix::after {content: ""; display: block; clear: both;}
input[type='text'] {box-sizing: border-box;}
input[type='radio'] {box-sizing: border-box; -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2);}
input[type='checkbox'] {-ms-transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3);}

/********** main **********/
/***** Wrap ******/
.Wrap {width: 100%; min-height: 100%; position: relative;}


/***** header 영역 *****/
#header {width: 100%; height: 40px; background: #282c37;}
.headerWrap {margin-right: 2%;}
/* 상단 모드 */
.header_top_right {text-align: right; display: block; color: #dbdbdb;}
.header_top_right a {font-size: 13px; line-height: 40px; letter-spacing: 0.5px; text-transform: uppercase;}
.header_top_right a .fas {font-size: 15px;}
.header_top_right a:hover {color: #fff;}
.btn_toplogin::after {position: relative; content: '|'; margin: 0 20px; top: 0px; color: #dbdbdb;}
/** 로고 **/
.header_logo {width: 100px; margin: 0 auto; padding: 80px 0 50px 0;}

/***** 사이드 메뉴 gnb *****/
.side_gnb {position: fixed; top: 0px; width: 280px; height: 100%; background: #282c37; color: #b3b3b3;}
.side_gnb_tittle {display: block; padding: 30px 20px 30px 20px; font-size: 14px; line-height: 28px; font-weight: bold; color: #4F86C6;}
.gnb .fas {display: inline-block; font-size: 16px; line-height: 17px; margin: 0px 20px 0px 0px; text-align: center; vertical-align: middle;}
.sideDepth1 > li > a {display: block; padding: 10px 20px; font-size: 14px; line-height: 28px;}
.sideDepth1 > li:hover > a {color: #4F86C6;}
.sideDepth1 > li:hover .sideDepth2 {color: #b3b3b3;}
.sideDepth1 .fa-angle-down {float: right; line-height: 30px; margin: 0px 20px 0px 0px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} 
.sideDepth1 > li:hover .fa-angle-down {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
/* 2차 메뉴 */
.sideDepth2 {display: none;}
.sideDepth2 li {transition: all .3s; background: rgba(0,0,0,.24); }
.sideDepth2 li > a {display: block; padding: 5px 60px; font-size: 13px; line-height: 28px;}
.sideDepth2 li:hover {background: rgba(0,0,0,.44); cursor: pointer;}
.sideDepth2 li:hover a {color: #fff;}

/***** Contents 영역 *****/ 
/**** Contents 공통사항 ****/
#contentWrap {margin-left: 280px; width: 85%; padding-bottom: 50px;}
/*** 메인 - dashboard ***/
.main_contents {margin: 0 auto; min-height: 100%;}
.main_contents h3 {display: inline-block; padding: 10px 10px 10px 0; color: #282c37; line-height: 35px;}
.btn_direct {border: 0; background: #fff; font-size: 18px; cursor: pointer; float: right; line-height: 55px; padding-left: 10px; color: #777; transition: all .3s;}
.btn_direct:hover {color: #282c37;}
/* contents bg */
.main_contents {padding: 40px;}
/* table */
.cont_top {padding-bottom: 20px;}
.cont_top .Area {color: #282c37;}
.main_contents table {width: 100%; text-align: center; padding: 3px; border: 1px solid #dbdbdb; border-radius: 5px; background: #fff; border-collapse: collapse;}
.main_contents table thead tr th {font-size: 14px; line-height: 28px; border:1px solid #dbdbdb; border-bottom: 2px solid #dbdbdb; vertical-align: bottom; background: #eeeeee;}
.main_contents table tbody tr th {line-height: 24px; border: 1px solid #dbdbdb;}
.main_contents table tbody tr td {font-size: 13px; line-height: 40px; color: #282c37; border: 1px solid #dbdbdb;}
.main_contents table tbody tr:nth-child(2n) {background: #f8f8f8;}
.cont_bottom {width: 100%; margin: 0 auto;}
.cont_bottom .Area {float: left; width: 50%; position: relative;}
.bottom_right {padding-left: 50px;}
.Area a {color: #476990;}
.Area a:hover {color: #4F86C6;}

/***** footer 영역 *****/
.footerWrap {position: absolute; bottom: 0; width: 85%;}
.footerWrap footer {color: #476990; text-align: center;}
.footer_bottom {width: 100%; border-top: 1px solid #476990; padding: 10px 0;}
.bottom_span {font-size: 13px; width: 1200px; margin: 0 auto;}


/**** 서브페이지 ****/
/*** 공통사항 ***/
.cont_inner {margin: 0 auto; padding: 40px;}
.cont_box {border-radius: 5px; border: 1px solid #dbdbdb; background: #fff; padding: 30px 60px 60px 60px; box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);}
.cont_box h2 {text-align: center; padding: 20px 0;}
.cont_box table {table-layout: fixed; border-collapse: collapse; width: 100%; margin: 0 auto; border-top: 2px solid #888;}

/* 견적서 작성 - 견적 물품 */
.estimate_cont_box .form_list_table {width: 100%; text-align: center;}
.estimate_cont_box table.border_style {border-top: 2px solid #444;}
.estimate_cont_box .form_list_table th {background-color: #eee; border-bottom: 1px solid #ddd; padding: 5px; border-right: 1px solid #ddd;}
.estimate_cont_box .form_list_table th:last-child {border-right-style: hidden;}
.estimate_cont_box .form_list_table td {border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 5px;}
.estimate_cont_box .form_list_table tbody tr:nth-child(3n) {border-bottom: 2px solid #ddd;}
.estimate_cont_box .form_list_table tbody td.td_imgbox {border-bottom: 2px solid #ddd; box-sizing: border-box;}
.estimate_cont_box .form_list_table tbody td.td_imgbox img {width: 100px; height: 100px; algan: center;}
.estimate_cont_box .form_list_table td:last-child {border-right-style: hidden;}
.estimate_cont_box .form_list_table td input[type='text'] {border: 1px solid #eee; height: 35px; border-radius: 5px; padding-left: 5px; width: 80%;}
.estimate_cont_box .form_list_table td input.ipt_style100 {width: 90%;}
.estimate_cont_box .form_list_table td button {background-color: #eee; padding: 5px 10px;}
.estimate_cont_box .form_list_table td button:hover {background-color: #ddd;}


/** 상단검색바 **/
.searchBar {width: 100%; height: 70px; text-align: center;}
.search_selectBox {float: right;}
.search_selectBox select {width: 100px; height: 35px; appearance: none; border-radius: 2px;}
.searchbox {display: inline-block; overflow: hidden; width: 200px; height: 33px; border: 1px solid #ccc; border-radius: 5px; vertical-align: top;}
.search_bar {width: 100%; height: 35px; padding: 8px 10px; border: 0; font-size: 14px; line-height: 22px;}
.searchBar button {width: 80px; height: 35px; text-align: center; font-size: 0.8em; color: #fff; background: #4F86C6; border: 0; border-radius: 5px; vertical-align: top; cursor: pointer;}
.searchBar button:hover {background-color: #476990;}
/** 글 목록 페이지 **/
.cont_table {table-layout: fixed; border-collapse: collapse; width: 100%; margin: 0 auto; border-top: 2px solid #888;}
.cont_table tr th {font-size: 14px; padding: 10px 0px; border-bottom: 1px solid #888; background: #eeeeee;}
.cont_table tr td {text-align: center; padding: 15px 0 15px;  border-bottom: 1px solid #dbdbdb; color: #666; font-size: 14px; text-align: center; line-height: 20px; vertical-align: middle;}
input[type=text]:focus {border: 1px solid #282c37;}








/* select 박스 */
.selectBox {width: 100px; padding: 3px 10px; border-radius: 2px;}
/** 글 상세화면 페이지 **/
.cont_table_2col tr {border: 1px solid #dbdbdb; line-height: 25px;}
.cont_table_2col tr th {font-size: 14px; border: 1px solid #dbdbdb; background: #eeeeee;}
.cont_table_2col tr td {padding: 10px 25px;}
.cont_table_2col input {border: 1px solid #dbdbdb; border-radius: 2px; padding: 5px;}
.cont_table_2col input[type='text'] {width: 100%;}
.cont_table_2col input[type='number'] {width: 19%;}
.cont_table_2col input[type='time'] {width: 19%;}
/* textarea */
.textarea {width: 98.6%; padding: .5em; border: 1px solid #dbdbdb; border-radius: 2px;}
/** 등록&수정*취소 버튼 **/
.btn_box {text-align: right;}
.btn_box button {width: 80px; height: 35px; border: 0; text-align: center; color: #fff; background: #404553; border-radius: 5px; margin: 20px 5px; cursor: pointer;}
.btn_box button:hover {background: #1f2129;}
button.btn {width: 80px; height: 35px; border: 0; text-align: center; color: #fff; background: #404553; border-radius: 5px; margin: 20px 5px; cursor: pointer;}
button.btn:hover {background: #1f2129;}
button.btn_cancel {background: #777;}
button.btn_cancel:hover {background: #555;}
.btn_change {margin:2px; width: 80px; height: 25px; border: 0; background: #476990; border-radius: 2px; color: #fafafa; cursor: pointer;}
/** 페이지 수 **/
.page_number {text-align: center; padding: 10px 0 0;}
.page_number a {display: inline-block; width: 30px; height: 30px; margin: 0 2px; color: #888; font-size: 15px; line-height: 30px; font-weight: 600; box-sizing: border-box;}
.page_number a.on {color: #282c37;}
.page_number a:hover {color: #282c37;}

/*** datepicker ***/
.datepicker-container {background-color: #fff; direction: ltr; font-size: 12px; left: 0; line-height: 30px; position: fixed; top: 0; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 210px; z-index: -1; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.datepicker-container::before, .datepicker-container::after {border: 5px solid transparent; content: " "; display: block; height: 0; position: absolute; width: 0;}
.datepicker-dropdown {border: 1px solid #ccc; -webkit-box-shadow: 0 3px 6px #ccc; box-shadow: 0 3px 6px #ccc; -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; z-index: 1;}
.datepicker-inline {position: static;}
.datepicker-top-left, .datepicker-top-right {border-top-color: #4F86C6;}
.datepicker-top-left::before, .datepicker-top-left::after, .datepicker-top-right::before, .datepicker-top-right::after {border-top: 0; left: 10px; top: -5px;}
.datepicker-top-left::before, .datepicker-top-right::before {border-bottom-color: #4F86C6;}
.datepicker-top-left::after, .datepicker-top-right::after {border-bottom-color: #fff; top: -4px;}
.datepicker-bottom-left, .datepicker-bottom-right {border-bottom-color: #4F86C6;}
.datepicker-bottom-left::before, .datepicker-bottom-left::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after {border-bottom: 0; bottom: -5px; left: 10px;}
.datepicker-bottom-left::before, .datepicker-bottom-right::before {border-top-color: #4F86C6;}
.datepicker-bottom-left::after, .datepicker-bottom-right::after {border-top-color: #fff; bottom: -4px;}
.datepicker-top-right::before, .datepicker-top-right::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after {left: auto; right: 10px;}
.datepicker-panel > ul {margin: 0; padding: 0; width: 102%;}
.datepicker-panel > ul::before, .datepicker-panel > ul::after {content: " "; display: table;}
.datepicker-panel > ul::after {clear: both;}
.datepicker-panel > ul > li {background-color: #fff; cursor: pointer; float: left; height: 30px; list-style: none; margin: 0; padding: 0; text-align: center; width: 30px;}
.datepicker-panel > ul > li:hover {background-color: rgb(229, 242, 255);}
.datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {color: #999;}
.datepicker-panel > ul > li.highlighted {background-color: rgb(229, 242, 255);}
.datepicker-panel > ul > li.highlighted:hover {background-color: rgb(204, 229, 255);}
.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {color: #4F86C6;}
.datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover {background-color: #fff; color: #ccc; cursor: default;}
.datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted {background-color: rgb(229, 242, 255);}
.datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view="next"] {font-size: 18px;}
.datepicker-panel > ul > li[data-view="years current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="month current"] {width: 150px;}
.datepicker-panel > ul[data-view="years"] > li,  .datepicker-panel > ul[data-view="months"] > li {height: 52.5px; line-height: 52.5px; width: 52.5px;}
.datepicker-panel > ul[data-view="week"] > li, .datepicker-panel > ul[data-view="week"] > li:hover {background-color: #fff; cursor: default;}
.datepicker-hide {display: none;}

/********** sub1-1 회원관리 **********/
/********** sub1-2 회원수정 **********/
.cont_table_2col .uploadfile input {border: 0; background-color: #fff;}
/********** sub2-1 게시판 관리 **********/
.board .cont_table tr td a {color: #476990;}
.board .cont_table tr td a:hover {color: #4F86C6;}
/********** sub2-2 게시판 관리 (상세화면) **********/
.textus {height: 300px; width: 100%;}
.viewlist {text-align: center;}
/********** sub2-3 게시판 관리 (등록) **********/
.cont_table_2col td.option input[type='checkbox'] {margin-right: 3px;}
.cont_table_2col td.option label {font-size: 14px; line-height: 28px; padding-right: 1.3em;}
.cont_table_2col input[type='text'] {padding: .5em; width: 80%; border: 1px solid #dbdbdb; border-radius: 2px;}
.cont_table_2col input[type='file'] {color: #666; padding: 5px 0;}
/********** sub3-1 팝업 관리  **********/
/********** sub3-2 팝업 관리 (등록) **********/
.cont_table_2col td.option input[type='radio'] {margin-right: 3px;}
.btn_date1, .btn_date2 {cursor: pointer; padding: 5px 8px; background: #4F86C6; border: 1px solid #4F86C6; border-radius: 3px;}
.fa-calendar-alt {color: #fff;}
.calendar1 ,.calendar2 {width: 20%;}
/********** sub4-1 배너 관리  **********/
.bannertable tr td {padding: 10px 0 10px;}
.bannertable a {color: #476990; transition: color .3s;}
.bannertable a:hover {color: #4F86C6;}
/********** sub4-2 배너 관리 (등록) **********/
.imageUpload {height: 200px;}
/********** sub5-1 FAQ 목록  **********/
/********** sub5-2 FAQ 관리  **********/

/********** 공장 단가조사 (공장 포트폴리오 ************/
.subcontarea.sub4-4{padding-top: 0; padding-bottom: 50px;}
.reviewpage_panels.sub4-4 .reviewpage_panels_list{display: block;}
.reviewpage_panels.sub4-4 .reviewpage_panels_list > ul li p{text-align: left;}
.reviewpage_panels.sub4-4 .reviewpage_panels_list > ul li img{width: 300px; height: 200px;}
.tab_review_content {display: flex; flex-direction: column; position: relative; padding-top: 0;}
.tab_review_content > h2 {margin-bottom: 30px;}
.tab_review_content .tab_radio {display: none;}
.reviewpage_tabs {text-align: center;}
.tab_review_content .tab_tit {float: left; width: 14.2%; padding: 8px 0; background-color: #777; color: #fff; cursor: pointer;}
.subcontarea.sub4-4{padding-top: 0; padding-bottom: 50px;}
.reviewpage_panels.sub4-4 .reviewpage_panels_list{display: block;}
.reviewpage_panels.sub4-4 .reviewpage_panels_list > ul li p{text-align: left;}
.reviewpage_panels.sub4-4 .reviewpage_panels_list > ul li img{width: 300px; height: 200px;}
.reviewpage_panels {overflow: hidden;}
.reviewpage_panels_list {width: 100%; min-height: 500px; animation: fadein .5s;} @keyframes fadein { from { opacity:0; } to { opacity:1; }}
.reviewpage_panels_list > ul {margin-top: 30px;}
.reviewpage_panels_list > ul li {display: inline-block; padding: 10px; width: 330px;}
.reviewpage_panels_list > ul li p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 10px; text-align: center; transition: all .3s;}
.reviewpage_panels_list > ul li img {transition: all .3s;}
.reviewpage_panels_list > ul li:hover img {opacity: 0.8;}
.reviewpage_panels_list > ul li:hover p {color: #009cde;}
.reviewpage_panels_list {display: none;}

  /* mypage1-1 구매대행 정보 팝업4-1 */
  .mypage1-1_area_wrap .cd-popup4-1 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
  .mypage1-1_area_wrap .cd-popup4-1.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
  .mypage1-1_area_wrap .cd-popup-container4-1 {position: relative; width: 90%; max-width: 1100px; max-height: 900px; overflow-y: scroll; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
     /* Force Hardware Acceleration in WebKit */
      -webkit-backface-visibility: hidden;
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      transition-property: transform;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      transition-duration: 0.3s;
    }
  
    .mypage1-1_area_wrap .cd-popup-container4-1 h3 {padding: 40px 0; font-size: 2em;}
    .mypage1-1_area_wrap .cd-popup-container4-1 > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
    .mypage1-1_area_wrap .cd-popup-container4-1 > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
    .mypage1-1_area_wrap .cd-popup-container4-1 > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
    .mypage1-1_area_wrap .cd-popup-container4-1 > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
    .mypage1-1_area_wrap .cd-popup-container4-1 > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}
  
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info {width: 90%; margin: 40px auto;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info table th {letter-spacing: 0.15em;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .noto {font-family: 'Noto Sans KR', sans-serif;}
    /* .mypage1-1_area_wrap .mypage1-1_pop4-1_info p {color: #009cde; margin-bottom: 20px; font-weight: 700; line-height: 30px; font-size: 1em;} */
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top .left_box img {vertical-align: middle; float: left; width: 110px;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top .left_box > div {float: left; width: 75%; padding: 15px 0; margin-left: 20px;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top .left_box > div > * {text-align: center; line-height: 1.5;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top .left_box > div > h4 {font-weight: 700; font-size: 1em;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top .left_box > div > h5 {color: #009cde; font-size: 1em;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top .left_box > div > p {font-size: 0.75em;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info table {width: 100%; text-align: center; border-top: 2px solid #009cde; border-bottom: 1px solid #ddd;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info table th {line-height: 40px; background-color: rgba(21, 147, 206, 0.122);}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info table td {text-align: left; padding: 10px 0 10px 20px; line-height: 24px;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top table.right_table1 {margin-top: 20px;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top table.right_table1 tr {height: 40px;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top table.right_table1 th {width: 14%;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top table.right_table1 td {width: 25%;} 
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top table th {width: 5%; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top table td {width: 10%; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top table td:last-child {border-right-style: none;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top table th.th_style01 {border-right: 1px solid #eee; width: 3%; padding: 0 10px;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top table.right_table2 {margin-top: 10px;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top table.right_table2 h4 {text-align: center; font-size: 1.2em; letter-spacing: 0.5em;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top table.right_table2 td.bgcolor {background-color: rgba(21, 147, 206, 0.122);}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top .right table td {line-height: 40px;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top p {text-align: left; font-size: 14px; font-weight: 700; margin: 5px 0; font-family: 'Noto Sans KR', sans-serif;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_top .txt {color: #fc7169; text-align: left;}

    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_middle table {min-height: 200px; margin-bottom: 20px;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_middle table th {border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_middle table td {height: 100px; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_middle table td:last-child {border-right-style: none;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .txt {text-align: left; padding: 20px 0;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .txt h4 {color: #fc7169; margin: 15px auto; font-size: 1.2em;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .txt p {font-size: 14px; line-height: 22px;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_bottom .left {float: left; width: 44%;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_bottom .right {float: left; width: 55%; margin-left: 1%;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_bottom table {margin-top: 20px; margin-bottom: 50px;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_bottom table tr { border-bottom: 1px solid #eee;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_bottom table th {width: 35%; border-right: 1px solid #eee;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_bottom .left .th_style02 {border-top: 2px solid #009cde;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_bottom .right_txt_top {margin: 10px 0; line-height: 30px;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_bottom .right_txt_top h2 {color: #009cde;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_bottom .right_txt_btm {line-height: 26px; padding-left: 10px;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_bottom .right_txt_btm h4 {padding: 5px 0; font-size: 1.2em;}
    .mypage1-1_area_wrap .mypage1-1_pop4-1_info .est_bottom .right_txt_btm p {font-size: 11px; line-height: 20px;}


    .mypage1-1_area_wrap .mypage1-1_pop4-1_info textarea {width: 100%; min-height: 200px; resize: none; padding: 10px; font-family: inherit;}
    .mypage1-1_area_wrap .cd-popup-container4-1 .pop_textarea_box {padding-bottom: 30px;}
    .mypage1-1_area_wrap .cd-popup-container4-1 .cd-buttons:after {content: ""; display: table; clear: both;}
    .mypage1-1_area_wrap .cd-popup-container4-1 .cd-buttons li {float: left; width: 50%; list-style: none;}
    .mypage1-1_area_wrap .cd-popup-container4-1 .cd-buttons a {display: block; height: 60px; line-height: 60px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
    .mypage1-1_area_wrap .cd-popup-container4-1 .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
    .mypage1-1_area_wrap .cd-popup-container4-1 .cd-buttons li a:hover {background-color: #51aed6;}
    .mypage1-1_area_wrap .cd-popup-container4-1 .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
    .mypage1-1_area_wrap .cd-popup-container4-1 .cd-buttons li:first-child a:hover {background-color: #fc8982;}
    .mypage1-1_area_wrap .cd-popup-container4-1 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
    .mypage1-1_area_wrap .cd-popup-container4-1 .cd-popup-close::before, .mypage1-1_area_wrap .cd-popup-container4-1 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
    .mypage1-1_area_wrap .cd-popup-container4-1 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
    .mypage1-1_area_wrap .cd-popup-container4-1 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
    .mypage1-1_area_wrap .is-visible .cd-popup-container4-1 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
    
  @media only screen and (min-width: 1170px) {
    .mypage1-1_area_wrap .cd-popup-container4-1 {
        margin: 3em auto;
      }
    }
    /* mypage1-1 구매대행 정보 팝업4-1 끝 */
    
    
  /* mypage1-1 구매대행 정보 팝업3 */
  .mypage1-1_area_wrap .cd-popup3 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
  .mypage1-1_area_wrap .cd-popup3.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
  .mypage1-1_area_wrap .cd-popup-container3 {position: relative; width: 90%; max-width: 1100px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
     /* Force Hardware Acceleration in WebKit */
      -webkit-backface-visibility: hidden;
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      transition-property: transform;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      transition-duration: 0.3s;
    }

  .mypage1-1_area_wrap .cd-popup-container3 h3 {padding: 40px 0; font-size: 1.5em;}
  .mypage1-1_area_wrap .cd-popup-container3 > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
  .mypage1-1_area_wrap .cd-popup-container3 > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
  .mypage1-1_area_wrap .cd-popup-container3 > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
  .mypage1-1_area_wrap .cd-popup-container3 > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
  .mypage1-1_area_wrap .cd-popup-container3 > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

  .mypage1-1_area_wrap .mypage1-1_pop3_info {width: 90%; margin: 0px auto; margin-bottom: 50px; text-align: left;}
  .mypage1-1_area_wrap .mypage1-1_pop3_info h4 {font-size: 1.2em;}
  .mypage1-1_area_wrap .mypage1-1_pop3_info h4 span {color: #009cde;}
  .mypage1-1_area_wrap .mypage1-1_pop3_info p {line-height: 30px; font-size: 1.2em;}
  .mypage1-1_area_wrap .mypage1-1_pop3_info ul > li .popup_inner_box {position: relative; width: 100%; margin: 10px auto; overflow:hidden; overflow-x:auto; white-space: nowrap;}
  .mypage1-1_area_wrap .mypage1-1_pop3_info ul > li .popup_inner_box > ul {box-sizing: border-box; }
  .mypage1-1_area_wrap .mypage1-1_pop3_info ul > li .popup_inner_box > ul > li {display: inline-block; width: 300px; height: 100%; box-sizing: border-box;}
  .mypage1-1_area_wrap .popup_inner_tit {margin-top: 10px;}
  .mypage1-1_area_wrap .popup_inner_tit > p {display: inline-block;}
  .mypage1-1_area_wrap .mypage1-1_pop3_info .item_name {padding-left: 20px;}
  .mypage1-1_area_wrap .popup_inner_tit > button {float: right; background-color: #002e50; color: #fff; padding: 5px 12px; border-radius: 5px;}
  .mypage1-1_area_wrap .popup_inner_box_list .img-box {width: 300px; height: 250px;}

  .mypage1-1_area_wrap .cd-popup-container3 .pop_textarea_box {padding-bottom: 30px;}
  .mypage1-1_area_wrap .cd-popup-container3 .cd-buttons:after {content: ""; display: table; clear: both;}
  .mypage1-1_area_wrap .cd-popup-container3 .cd-buttons li {float: left; width: 100%; list-style: none;}
  .mypage1-1_area_wrap .cd-popup-container3 .cd-buttons a {display: block; height: 60px; line-height: 60px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
  .mypage1-1_area_wrap .cd-popup-container3 .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
  .mypage1-1_area_wrap .cd-popup-container3 .cd-buttons li a:hover {background-color: #51aed6;}
  .mypage1-1_area_wrap .cd-popup-container3 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
  .mypage1-1_area_wrap .cd-popup-container3 .cd-popup-close::before, .mypage1-1_area_wrap .cd-popup-container3 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
  .mypage1-1_area_wrap .cd-popup-container3 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
  .mypage1-1_area_wrap .cd-popup-container3 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
  .mypage1-1_area_wrap .is-visible .cd-popup-container3 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
    
@media only screen and (min-width: 1170px) {
  .mypage1-1_area_wrap .cd-popup-container3 {
      margin: 4em auto;
    }
  }
  /* mypage1-1 구매대행 정보 팝업3 끝 */