@charset "UTF-8";

/* 머티리얼 아이콘 */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../../iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url('../../iconfont/MaterialIcons-Regular.woff2') format('woff2'),
    url('../../iconfont/MaterialIcons-Regular.woff') format('woff'),
    url('../../iconfont/MaterialIcons-Regular.ttf') format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
	vertical-align: sub;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}



/* padding & margin */
.p0 {padding: 0 !important;}
.pt5{padding-top:.5em !important;}
.pt10{padding-top:1em !important;}
.pt15{padding-top:1.5em !important;}
.pt20{padding-top:2em !important;}
.pt25{padding-top:2.5em !important;}
.pt30{padding-top:3em !important;}
.pt35{padding-top:3.5em !important;}
.pt40{padding-top:4em !important;}
.pt45{padding-top:4.5em !important;}
.pt50{padding-top:5em !important;}
.pt55{padding-top:5.5em !important;}
.pt60{padding-top:6em !important;}
.pb5{padding-bottom:.5em !important;}
.pb10{padding-bottom:1em !important;}
.pb15{padding-bottom:1.5em !important;}
.pb20{padding-bottom:2em !important;}
.pb25{padding-bottom:2.5em !important;}
.pb30{padding-bottom:3em !important;}
.pb35{padding-bottom:3.5em !important;}
.pb40{padding-bottom:4em !important;}
.pb45{padding-bottom:4.5em !important;}
.pb50{padding-bottom:5em !important;}
.pb55{padding-bottom:5.5em !important;}
.pb60{padding-bottom:6em !important;}
.pr5{padding-right:.5em !important;}
.pr10{padding-right:1em !important;}
.pr15{padding-right:1.5em !important;}
.pr20{padding-right:2em !important;}
.pr25{padding-right:2.5em !important;}
.pr30{padding-right:3em !important;}
.pr35{padding-right:3.5em !important;}
.pr40{padding-right:4em !important;}
.pr45{padding-right:4.5em !important;}
.pr50{padding-right:5em !important;}
.pr55{padding-right:5.5em !important;}
.pr60{padding-right:6em !important;}
.pl5{padding-left:.5em !important;}
.pl10{padding-left:1em !important;}
.pl15{padding-left:1.5em !important;}
.pl20{padding-left:2em !important;}
.pl25{padding-left:2.5em !important;}
.pl30{padding-left:3em !important;}
.pl35{padding-left:3.5em !important;}
.pl40{padding-left:4em !important;}
.pl45{padding-left:4.5em !important;}
.pl50{padding-left:5em !important;}
.pl55{padding-left:5.5em !important;}
.pl60{padding-left:6em !important;}


.m0 {margin: 0 !important}
.mt3{margin-top:.3em !important;}
.mt5{margin-top:.5em !important;}
.mt10{margin-top:1em !important;}
.mt15{margin-top:1.5em !important;}
.mt20{margin-top:2em !important;}
.mt25{margin-top:2.5em !important;}
.mt30{margin-top:3em !important;}
.mt35{margin-top:3.5em !important;}
.mt40{margin-top:4em !important;}
.mt45{margin-top:4.5em !important;}
.mt50{margin-top:5em !important;}
.mt60{margin-top:6em !important;}

.mb3{margin-bottom:.3em;}
.mb5{margin-bottom:.5em !important;}
.mb10{margin-bottom:1em !important;}
.mb15{margin-bottom:1.5em !important;}
.mb20{margin-bottom:2em !important;}
.mb25{margin-bottom:2.5em !important;}
.mb30{margin-bottom:3em !important;}
.mb40{margin-bottom:4em !important;}
.mb50{margin-bottom:5em !important;}
.mb60{margin-bottom:6em !important;}

.mr3{margin-right:.3em !important;}
.mr5{margin-right:.5em !important;}
.mr10{margin-right:1em !important;}
.mr15{margin-right:1.5em !important;}
.mr20{margin-right:2em !important;}
.mr25{margin-right:2.5em !important;}
.mr30{margin-right:3em !important;}
.mr35{margin-right:3.5em !important;}
.mr40{margin-right:4em !important;}
.mr45{margin-right:4.5em !important;}
.mr55{margin-right:5.5em !important;}
.mr60{margin-right:6em !important;}

.ml5{margin-left:.5em !important;}
.ml10{margin-left:1em !important;}
.ml15{margin-left:1.5em !important;}
.ml20{margin-left:2em !important;}
.ml25{margin-left:2.5em !important;}
.ml30{margin-left:3em !important;}
.ml35{margin-left:3.5em !important;}
.ml40{margin-left:4em !important;}
.ml45{margin-left:4.5em !important;}
.ml50{margin-left:5em !important;}
.ml55{margin-left:5.5em !important;}
.ml60{margin-left:6em !important;}

/* 사이즈 */
.w5 {width:5% !important;}
.w10 {width:10% !important;}
.w15 {width:15% !important;}
.w20 {width:20% !important;}
.w25 {width:25% !important;}
.w30 {width:30% !important;}
.w35 {width:35% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w50 {width:50% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w65 {width:65% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}
.w85 {width:85% !important;}
.w90 {width:90% !important;}
.w95 {width:95% !important;}
.w100 {width:100% !important;}

/* 컬러 */
.red {color:#E83E30 !important;}
.orange {color:#e45f00  !important}
.blue {color:#0455BC  !important;}
.dark_blue {color:#143678  !important;}
.light_blue {color: #3A8EE2 !important;}
.purple {color:#7833DC !important;}
.drak_purple {color:#8D60A6 !important;}
.pink {color: #d13f84 !important}
.drak_pink {color:#912558 !important}
.black {color:#000 !important;}
.white {color: #fff !important}
.green {color:#118B08 !important;}
.yellow {color:#E9A315 !important;}
.drak_yellow {color:#6A361C !important}
.bold {font-weight:600;}
.gray {color:#999;}

/* hr 라인 */
.line_st1 {position: static;width: 100%;border-top: 1px dashed #ccc;display: block;}

/* 폰트굵기 */
.font_bold {font-weight: bold !important;}
.font_300 {font-weight: 300  !important;}
.font_400 {font-weight: 400  !important;}
.font_500 {font-weight: 500  !important;}
.font_normal {font-weight: normal  !important;}

/* 인풋 사이즈 */
input[size="100"]{width:98%}
input[size="80"]{width:80%}
input[size="70"]{width:70%}
input[size="60"]{width:60%}
input[size="50"]{width:50%}
input[size="40"]{width:40%}
input[size="30"]{width:30em}
input[size="20"]{width:20em}
input[size="15"]{width:15em}
input[size="10"]{width:10em}
input[size="5"]{width:5em}
input[size="3"]{width:3em}
input[size="2"]{width:2em}
input[size="1"]{width:1em}
input[type="file"]{padding:0}


/* 체크박스 css */
.chk_box {overflow:hidden;position:relative;display: inline-block;margin-right: .5em;}
.chk_box input[type="checkbox"] {display: none;}
.chk_box input[type="checkbox"] + label {font-weight:400;padding:10px 0 8px 30px;width:100%; cursor: pointer; float: left;position:relative;overflow:hidden;margin:0;top:unset;text-align:left;color:#333;font-size: .85rem;}
.chk_box input[type="checkbox"] + label:before {content:'';position:absolute;left:0;top:9px;width:24px;height:24px;border-radius:100%;background:#ececec url('../../images/web/common/ico_checkbox.svg') 50% 50% no-repeat;background-size:23px 24px;}
.chk_box input[type="checkbox"] + label > div {height:19px}
.chk_box input[type="checkbox"]:checked + label {box-shadow:2px 2px 2px rgb(0 0 0 / 50%);}
.chk_box input[type="checkbox"]:checked + label:before {content:'';position:absolute;left:0;top:9px;width:24px;height:24px;border-radius:100%;background:#004d9d url('../../images/web/common/ico_checkbox_on.svg') 50% 50% no-repeat;background-size:23px 24px;}
#community_write .chk_box input[type="checkbox"] + label {width:auto;}

/* 라디오 css */
.radio_box {overflow:hidden;position:relative;display: inline-block;margin-right: .5em;}
.radio_box input[type="radio"] {display: none;}
.radio_box input[type="radio"] + label {font-weight:400;padding:10px 0 8px 30px;width:100%; cursor: pointer; float: left;position:relative;overflow:hidden;margin:0;top:unset;text-align:left;color:#333;font-size: .85rem;}
.radio_box input[type="radio"] + label:before {content:'';position:absolute;left:0;top:9px;width:24px;height:24px;border-radius:100%;background:#ececec url('../../images/web/common/radio_chk.svg') 50% 50% no-repeat;background-size:8px;}
.radio_box input[type="radio"] + label > div {height:19px}
.radio_box input[type="radio"]:checked + label {/*box-shadow:2px 2px 2px rgb(0 0 0 / 50%);*/}
.radio_box input[type="radio"]:checked + label:before {content:'';position:absolute;left:0;top:9px;width:24px;height:24px;border-radius:100%;background:#004d9d url('../../images/web/common/radio_chk_on.svg') 50% 50% no-repeat;background-size:8px;}

/* position */
.p_fixed {position:fixed;}
.p_absoloute {position:absolute;}
.p_relatvie {position:relative;}

/* display */
.dis_b {display:block !important;}
.dis_ib {display:inline-block !important;}
.dis_i {display:inline !important;}
.dis_n {display:none !important;}
.dis_f {display:flex !important;}
.ov {overflow:hidden !important;}

.inner {padding:0 20px;}
.wFix {width: 1400px !important;margin:0 auto;}
.blind{position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}
.skip {visibility: hidden;top: 0;left: 0;}
/* skip navigation */
.skip_nav {position:relative; z-index:999;}
.skip_nav a {display:inline-block; position:absolute; top:-100px; left:-999px; border:1px solid #24242c; background:#31313b; color:#fff;}
.skip_nav a:focus, .skip_nav a:active {display:inline-block; top:0; left:0; cursor:pointer; zoom:1; padding:5px 8px 4px; margin-right:9px; background:#31313B; font-weight:normal; font-size:11px; line-height:1.4;}

.container {padding-bottom: 7em;}

@media screen and (max-width: 1400px) {
	.wFix {width: 100% !important;}
  .container {padding: 0 20px 5em 20px;}
}
@media screen and (max-width: 900px) {
}


/* 정렬 */
.left {float:left;}
.right {float:right;}
.t_right {text-align:right;}
.t_left {text-align:left;}
.t_center {text-align:center;}
.clear::after {display: block;content: '';clear: both}
.center {display: flex;justify-content: center;flex-direction: row;flex-wrap: wrap;}
.m_0auto {margin: 0 auto;}
.v_middle {vertical-align: middle;}
.v_top {vertical-align: top;}

/* 버튼 */
.sm_bt_st1 {height: 28px;margin:0 0 0 5px; padding:0 10px;display: inline-block;border:1px solid #aaa; background: #fff;border-width:1px; border-color:#7a7d96; border-radius:3px; box-sizing:border-box; background-color:#fff; font-size:.8rem; line-height:26px; color:#363c5a; text-align:center; font-weight:500; transition-property:color, border, background-color, box-shadow; transition-duration:0.2s; transition-timing-function:ease-in-out; vertical-align:middle;}
.sm_bt_st1 > i {color: #363c5a;}
.sm_bt_st1:hover {box-shadow: 0 0 5px rgba(122 125 150 / 80%);}


/*셀렉트 인풋*/
select{min-width: 270px;background: #fff url('../../images/web/common/rounded-down.svg') no-repeat 98% 50%;background-size: 18px;text-indent:10px;box-shadow: 0;outline:0;border: 1px solid #d1d1d1;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;}
select::-ms-expand {display: none;}
input{text-indent:10px;}

/*커서*/
a{cursor:pointer;}

::-webkit-scrollbar { width: 8px;height: 8px;}
/* 스크롤바의 width */
::-webkit-scrollbar-track { background-color: #efefef; }
/* 스크롤바의 전체 배경색 */
::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #bfbfbf, #a9a9a9);
}

/* animation */
@keyframes fadeInDown {
   0% {
       opacity: 0;
       transform: translate3d(0, -5%, 0);
   }
   100% {
       opacity: 1;
       transform: translate3d(0, 0, 0);
   }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }
  50% {
    opacity: 1
  }
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/* 소재 */
.detail_cont {margin-top: 5em;}
.thumb_wrap{width:1300px; margin:0 auto; margin-top:50px;overflow: hidden;}
.thumb{width:600px; float:left;}
.detail_image{margin-bottom:10px;}
.detail_image img{width:500px; height:500px;}

.info_wrap{width:600px; float:right;}
.info{border-top:2px solid #000; padding-top:20px;}
.info .tit-prd{font-weight:600; font-size:24px; color:#252525;margin: 0;}

.shopdetailInfoValue{margin:15px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.shopdetailInfoName{float:left; width:14%; display:inline-block; line-height:30px; font-size:15px; font-weight:500; padding:12px 0 12px;line-height: 1.3;color: #000;font-weight: 600;}
.shopdetailInfoCont{float:left; width:76%; display:inline-block; line-height:25px; font-size:14px; padding:12px 15px 0;}
.shopdetailInfoCont p{position:relative; padding-left:10px;}
/* .shopdetailInfoCont p:before{content:''; display:block; width:3px; height:3px; background-color:#171717; position:absolute; top:11px; left:0;} */
.shopdetailNotify{float:left; width:100%; margin-top:15px; border-top:1px solid #e5e5e5;}
.shopdetailNotifyInfo{padding:5px 0;}
.shopdetailNotify table{width:100%; text-align:left;}
.shopdetailNotify .tbl_detail th{padding:10px 0; font-size:14px; line-height:16px; font-weight:600; vertical-align:top; word-break:break-all; width:14%;color: #000;}
.shopdetailNotify .tbl_detail td{padding:10px 15px 0; font-size:14px; line-height:16px; vertical-align:top; word-break:break-all; width:76%;}

.addproduct{border:1px dashed #aeaeae;}
.addproduct .addTit{height:40px; line-height:40px; padding:0 10px; font-size:14px;}
.addproduct ul{padding:0 10px 10px; border-top:1px dashed #aeaeae; overflow:hidden; display:flex; flex-wrap:wrap;}
.addproduct ul li{float:left; width:130px; margin:10px 19px 0 0;}
.addproduct ul li:nth-child(4n){margin-right:0;}

.shopdetailButton{text-align:center; margin-top:15px;}
.shopdetailButton a{display:block; width:100%; color:#fff; background:#000; font-size:16px; height:50px; line-height:50px;}

@media screen and (max-width:1300px){
	.thumb_wrap{width:100%; overflow:hidden; margin-top:0;}
	.thumb{width:100%; box-sizing:border-box;}
	.detail_image img{width:100%;}
	.info_wrap{width:100%; margin-top:25px; box-sizing:border-box;}
	.info{padding:20px 18px 0;}
	.shopdetailInfoName, .shopdetailNotify .tbl_detail th{width:24%;}
	.shopdetailInfoCont, .tbl_detail td{width:66%}
	.addproduct ul li{float:left; width:49%; margin:10px 2% 0 0;}
	.addproduct ul li:nth-child(4n){margin-right:2%;}
	.addproduct ul li:nth-child(2n){margin-right:0;}
}


/* sub-tab 서브탭 */
.sub-tab {width: 100%;background: #fff;border-bottom: 1px solid #eee;}
.sub-tab .inner {padding: 0;}
.sub-tab ul{display: flex;height: 70px;width: auto;justify-content: flex-start;}
.sub-tab ul li {color: #333;font-size: 18px;font-weight: 600;position: relative;}
.sub-tab ul li a {font-size: 17px;display: flex;align-items: center;justify-content:center;width: 100%;height: 100%;text-decoration: none !important;padding: 0 20px;}
.sub-tab ul li.selected {color:#384A52;}
.sub-tab ul li.selected::after {content: "";display: block;position: absolute;width: 100%;height: 6px;background: #384A52;bottom: 0;}
.sub-tab ul li.selected a {color: #003a6c;}
.tab-content {display: none;}
@media screen and (max-width:1280px){
  .sub-tab .inner {padding: 0;}
  .sub-tab ul {overflow-x: auto;height: 60px;}
  .sub-tab ul li {min-width: 42%;}
  .sub-tab ul li a {font-size: 15px;}
}

/* table 스타일 */
.th_center th {text-align: center;}
.table_st1 {overflow:hidden;border-top:2px solid #555;margin:.75em 0;width:100%; border-bottom:1px solid #ddd;position:relative;overflow:hidden;width:calc(100% + 1px);margin-left:-1px;font-weight:300;line-height:1.25;}
.table_st1 th{padding:.8em;border:1px solid #c9c9c9;color:#222;font-weight:500;font-size:1rem;}
.table_st1 th > label {font-weight: 500;}

.table_st1 td{word-break:keep-all;padding:.8rem;background: #fff;border:solid #e7e7e7;border-width:1px;color:#333;position:relative;min-height:3.95rem;font-size:1rem;font-weight: 400;transition:background .3s;-webkit-transition:background .3s;}
.table_st1 tr.grey td,
.table_st1 tr.grey th{background:#f6f6f6;}
.table_st1 tbody tr:first-child th,
.table_st1 tbody tr:first-child td{border-top-width:0}
.table_st1 td.bg{background:#f9f9f9;}
.table_st1 th[scope="row"]{border-bottom:1px solid #ddd;}
.table_st1 tr:last-of-type th[scope="row"]{border-bottom:0;}
.table_st1 tbody th {background: #f1f1f1;border-color: #dbdbdb;}
.table_st1 thead th {background: #e7e7e7;border-color: #c9c9c9;}
.table_st1.write_table label {font-weight: 500;font-size: .95rem;margin-right: .5em;}

.table_st2 {overflow:hidden;margin:.75em 0;width:100%;border-top: 2px solid #2b3456;border-bottom: 1px solid #ddd;position:relative;overflow:hidden;width:calc(100% + 1px);margin-left:-1px;font-weight:300;line-height:1.25;}
.table_st2 th{padding:.8em .2em;border: 1px solid #d7dfe9;color: #2b3456;font-weight:500;font-size: .85rem;}
.table_st2 td{word-break:keep-all;padding: .7rem .2rem;background: #fff;border: solid #e7e7e7;border-width:1px;color:#333;position:relative;min-height:3.95rem;font-size: .9rem;font-weight: 400;transition:background .3s;-webkit-transition:background .3s;}
.table_st2 tbody tr:first-child th,
.table_st2 tbody tr:first-child td{border-top-width:0}
.table_st2 th[scope="row"]{border-bottom:1px solid #ddd;}
.table_st2 tr:last-of-type th[scope="row"]{border-bottom:0;}
.table_st2 tbody th {background: #eff5fd;}
.table_st2 thead th {background: #eff5fd;}
.table_st2 tfoot td {background: #dde3eb;border-color: #cbd3dd;color: #000;}
.table_st2 tfoot th {background: #d2dae5;border-color: #c0cad7;}