@charset "utf-8";

BODY {scrollbar-face-color:#FFFFFF;    /*[실제로 움직이는 바 색상]*/
    scrollbar-shadow-color:#DEDEDE;    /*[바의 그림자 색상]*/
    scrollbar-highlight-color:#DEDEDE;  /*  [바의 왼쪽 위의 얇은 선 색상]*/
    scrollbar-3dlight-color:#FFFFFF;    /*[화살표 부분의 바깥 테두리 색상]*/
    scrollbar-darkshadow-color:#FFFFFF;  /*  [바의 오른쪽 아래 얇은 색상]*/
    scrollbar-track-color:#FFFFFF;   /* [바가 없는 부분(트랙)의 색상]*/
    scrollbar-arrow-color:#DEDEDE;  /* [화살표 색상]*/
    background-color:#ffffff;
    background:url('../img/whitey.png') repeat;
    color:#4b4b4b; font-family:'NotoSansKR', 'Nanum Gothic', 'Nanum Gothic Bold', Dotum,'Open Sans', Helvetica, Arial, Montserrat, sans-serif;
    LINE-HEIGHT: 18px; font-size:12px;
    margin:0px 0px 0 0px; padding:0;
    overflow:hidden;
}

/* HTML Reset */

html, body {width:100%;height:100%; margin:0; padding:0;}
body{overflow-x:visible; overflow-y:auto; !important}
body {-ms-overflow-y: scroll; /*min-width:320px*/}/**/

/* footer */
.footer_wrap{clear:both; width:100%; margin:40px auto; text-align:center; background:url(../img/fbg.png) left top repeat-x; padding: 0px 0px; overflow:hidden;}
.footer_wrap:after { content:""; display:block; clear:both; height:0;}
.footer{display: inline-block; width:1200px;margin:0px auto; text-align:center;background:url(../img/fimg.png) center top no-repeat; padding-top:115px; font-size:0;}
.footer .fmenu{display: inline-block; width:100%;text-align:center; margin-bottom:45px; }
.footer .fmenu li{display: inline-block; padding-left:15px; margin-left:15px; background:url(../img/tline.png) left center no-repeat;color:#858585; font-size:14px; font-family: 'NotoSansKR';font-style: normal;font-weight: 200;line-height:1;letter-spacing:-0.02em;}
.footer .fmenu li a{color:#858585;}
.footer .fmenu li a span{color:#2d2d2d}
.footer .fmenu li a:hover{filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity:0.7;
    opacity:0.7;}
.footer .fmenu li:first-child{background:none;padding-left:0px; margin-left:0px;}

.footer .flogo{display: inline-block; width:200px;text-align:left;padding-left:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.footer .fcopy{display: inline-block; width:1000px;text-align:left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.footer .fcopy p{color:#858585; font-size:14px; font-family: 'NotoSansKR';font-style: normal;font-weight: 200;line-height:1.5;letter-spacing:-0.02em;}
.footer .fcopy h1{color:#858585; font-size:13px; font-family: 'NotoSansKR';font-style: normal;font-weight: 200;line-height:1.3;letter-spacing:-0.02em;margin-top:25px;}

.btn_up_layer {position:fixed; right:20px;bottom:20px;display:none;padding:0px;z-index:100;}

/*
 * Layout Style
 *
 */

/* 100%
#lnavi{width:100px; top:80px; left:0; min-height:600px; text-align:left; overflow:hidden; position:absolute;}
#container{width:100%; padding-left:150px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
*/

#wrap {position:relative;width:100%;min-height:100%;height:auto !important;text-align:left;background:url('../img/linen-gray.png') repeat-y; }
#container{position:relative; display:block; width:100%; height:100%; margin:0;}
#container:after {display:block;clear:both;content:"";}
#container .lnavi{
    position:absolute;
    left:0px;top:0px;
    display:block;
    width:200px;
    height:auto;
    min-height:100%;
    background:url('../img/linen-gray.png') repeat-y;
    box-shadow:-2px 0px 15px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow:-2px 0px 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:-2px 0px 15px rgba(0, 0, 0, 0.4);
    border-right:1px solid #000;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;
    z-index:3
    }
#container .mcontent{position:relative;width:100%;min-width:1200px;min-height:700px;height:auto;display:block;margin:0px;padding:10px 10px 10px 210px; text-align:left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#container .mcontent2{
    position:relative;
    width:100%;
    min-height:95%;
    height:auto;
    display:block;
    margin:0px;
    padding-left:200px;
    text-align:left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.tab-mcontent {
    position:absolute;
    width:100%;
    min-height:700px;
    height:auto;
    display:block;
    margin:0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-top:5px;
    padding-left:5px;
}


#header_wrap{width:100%;height:36px; background:url('../img/linen-light.png') repeat; text-align:left;z-index:2}
#header_wrap.innerheader { position:relative; top:0; padding-left:200px;}
#header{width:100%;min-width:1200px;overflow:hidden; height:36px;text-align:left; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;position:relative;}
#header .logo{position:absolute; width:200px; top:6px; left:0; padding-left:35px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#header .location{display: inline-block;width:100%;height:36px; background:url('../img/linen-light.png') repeat; padding-left:200px;text-align:left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#header .location li{float:left;padding:10px 10px 0px 15px;color:#d1d1d1; font-size:12px;line-height:14px;font-family: 'NotoSansKR';font-style: normal;font-weight:200;background:url(../img/i_arr_next01.png) left 12px no-repeat;}
#header .location li:first-child {background:none; padding-left:12px;}
#header .location li.lo01{color:#fff;}
#header .location li span{color:#d1d1d1; padding-left:5px;font-size:12px;line-height:12px;font-family: 'NotoSansKR';font-style: normal;font-weight:200;}
#header .location li img{padding:0px 2px 0px 0px;}

.ltit{display:inline-block;width:100%; text-align:center; box-shadow:rgba(255,255,255,0.3) 0 1px 0 inset; border-bottom:1px solid #424242; padding:20px 10px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.ltit p{color:#ebebeb;font-size:14px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:200;letter-spacing:-0.05em;margin-bottom:10px;}
.ltit h2.logo{display:inline-block; width:139px; height:48px; background:url(../img/admin_logo.png) no-repeat; margin-bottom:20px;}
.ltit h2 span { display:none; }
.lnav{width:100%;-webkit-transition: all .25s ease-in;transition: all .25s ease-in;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.lnav, .lnav ul, .lnav li {list-style: none;}
.lnav ul {margin: 0 0 0 0px;background:none;}
.lnav {padding: 0px;margin: 0px;}
.lnav > li {margin: 0px 0; background:url('../img/linen-light.png') repeat; border-bottom: 1px solid #2a2a2a;box-shadow:rgba(255,255,255,0.1) 0 1px 0 inset;}
.lnav > li li {margin: 0px 0;}
.lnav > li li li{margin: 0px 0;}
.lnav a {line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:300;letter-spacing:-0.05em;display: block;outline: none;text-decoration: none;}
.lnav a .caret {float: right;width:9px;height:9px;display: inline-block;vertical-align: top;background:url(../img/lmenu.png) right center no-repeat;-webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;margin-top:3px;margin-left: 2px;}
.lnav li.open > a > .caret {border-top: none;background:url(../img/lmenu_on.png) right center no-repeat;-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.lnav li a {color:#d2d2d2; font-size: 14px;line-height:1; padding: 10px 10px 10px 20px;} /* 1depth */
.lnav > li li a {padding: 6px 10px 6px 30px;color:#5b5b5b; font-size:13px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:200;letter-spacing:-0.05em;}
.lnav > li li li a {padding: 10px 10px 10px 35px; background:url(../img/licon02.png) 15px center no-repeat #f4f4f4; color:#666; font-size:13px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:200;letter-spacing:-0.05em;}
.lnav li.open {}
.lnav li.open a{color:#fff;}
.lnav li.open li a {color:#ebebeb;}
.lnav li a:hover{color:#fff;background-color: rgba(0, 0, 0, 0.1);}
.lnav li li a:hover{color:#fff; background-color: rgba(80, 80, 80, 0.1);}
.lnav li li li a:hover{color:#fff;background-color: rgba(0, 0, 0, 0.1);}

.lnav li.active a{color:#fff;}
.lnav li li.active a{color:#fff;}

/* 2 depth 여백 추가 */
.lnav li li{background:url('../img/linen-lighter.png') repeat;}
.lnav li li:first-child{padding-top:6px;}
.lnav li li:last-child{padding-bottom:6px;}

/** * Rotating chevron icon*/
label > span { float: right; -webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;}
.navi__list input[type=checkbox]:checked + label > span {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}


A.roll img{display:inline; border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll img.over { display:none; }
A.roll:hover {border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll:hover img { display:none; }
A.roll:hover img.over { display:inline;}

.fixed{background:#fff; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }

.ellipsis02{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 2.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
.ellipsis03{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 3.9em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
.ellipsis04{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 5.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}

/* box style */
.boxSt01 {background: #f2f2f2;border:1px solid #bbb;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);overflow: hidden}
.boxSt02 {background: #fff;border:1px solid #bbb;padding:5px 10px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);overflow: hidden}
.boxSt03 {background: #fff;border:1px solid #bbb;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);overflow: hidden}

.pro_list{display: inline-block;width:100%; padding:15px 20px; text-align:left;color:#666;font-family: 'NotoSansKR';font-style: normal;font-weight:200;font-size:14px;line-height:1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.pro_list span{display: inline-block;padding:0px 30px 0px 5px;color:#424242;font-family: 'NotoSansKR';font-style: normal;font-weight:400;font-size:14px;line-height:1;}
.pro_list p{display: inline-block;width:100%;margin-top:8px;color:#424242;font-family: 'NotoSansKR';font-style: normal;font-weight:400;font-size:14px;line-height:1;background: url(../img/bullet_02.png) left center no-repeat; padding-left:18px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.pro_list p span{color:#ff862a;font-family: 'NotoSansKR';font-style: normal;font-weight:500;}
.pro_list p:first-child {margin-top:0px;}

/* write style */
.wr_type{width:100%;background: #fff;border:1px solid #bbb;padding:20px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_type ul{display: inline-block; width:100%; border-bottom:1px dotted #c6cde1; padding:10px 0px;}
.wr_type ul.w50 {width:49%;}
.wr_type .wr_left{float:left; width:20%;padding:0px 10px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;font-size:16px;line-height:30px;color:#1a1a1a;vertical-align:middle;background:url(../img/th_line.png) right center no-repeat;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_type .wr_right{float:left; width:80%; padding:0px 10px 0px 30px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;font-size:14px;line-height:30px;color:#424242;vertical-align:middle;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_type .wr_right01{float:left; width:30%; padding:0px 10px 0px 30px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;font-size:14px;line-height:30px;color:#424242;vertical-align:middle;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_type input{ height:30px;background:#fff;border:1px solid #d9d9d9; border-radius:0px;transition: all 0.3s ease-out; padding:0px 10px;margin:0;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;FONT-SIZE: 14px; COLOR: #666;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_type input:hover {border-radius:0px}
.wr_type input:focus {outline: none;border-radius:0px;border-color:#ff862a}
.wr_type input[type="file"] {border: 0;}
.wr_type .input100 {width:100%;}
.wr_type .input01 {width:300px;}
.wr_type .input02 {width:180px;}
.wr_type .input03 {width:100px;}
.wr_type .input04 {width:200px;}
.wr_type .input05 {width:250px;}
.wr_type .input06 {width:350px;}
.wr_type .input07 {width:90%;}
.wr_type .input08 {width:158px;}
.wr_type .input07[disabled],
.wr_type .input07[readonly],
.wr_type .input08[disabled],
.wr_type .input08[readonly]{
  background-color: #eee;
  opacity: 1;
}
.wr_type .select01 {width:150px;}
.wr_type .select02 {width:300px;}
.wr_type .select03 {width:100px;}
.wr_type .select06 {width:350px;}
.wr_type .w120 {display: inline-block; width:120px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;font-size:14px;line-height:30px;color:#666;}
.wr_type textArea{display: inline-block;width:100%;border:1px solid #d9d9d9;height:300px; padding: 10px;color:#747474; font-size: 14px;line-height:1.3;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_type textArea:focus {outline: none;border-color:#ff862a}
.wr_type .textArea_qa{height:100px;}
.wr_type .textArea_order{height:60px;}
.wr_type select{ background: url(../img/select_arrow.png) right center no-repeat #fff; border-radius: 0px; border:1px solid #d9d9d9;height:30px;padding:0px 10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;FONT-SIZE: 14px; COLOR: #666;cursor:pointer;margin:0;}
.wr_type select::-ms-expand {display: none;}
.wr_type .wr_right span, .wr_type .wr_left span{display: inline-block; margin:0px 10px; color:#000;}
.wr_type .first{display: inline-block; margin:0px 10px 0px 0px;}
.wr_type .t_point{display: inline-block; background: url(../img/ico_blue.png) left center no-repeat; padding-left:10px;COLOR: #1a1a1a;}
.wr_type .wr_left img{margin-left:10px; vertical-align:middle;}
.wr_type p{margin-top:10px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;font-size:13px;line-height:1.4;color:#7e7e7e;}
.wr_type h2{display: inline-block;}
.wr_type input[type=checkbox] { display: none;  }
.wr_type input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left: 20px;margin-right:20px;vertical-align:middle;  font-size: 14px; line-height:1;}
.wr_type input[type=checkbox]+ label:before {content: "";  display: inline-block;width: 13px;height: 13px;margin-right: 10px;  position: absolute;  left: 0; top:0px; border:1px solid #ff862a; background: #fff;}
.wr_type input[type=checkbox]:checked + label:before { content: "\2713";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size: 14px; font-weight:200; border:1px solid #ff862a; background: #ff862a; color: #fff;text-align: center;line-height:1;  }
.wr_type input[type=radio] { display: none;  }
.wr_type input[type=radio] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left: 20px; margin-right:20px;  font-size: 14px; line-height:14px;vertical-align:middle;}
.wr_type input[type=radio]+ label:before {content: "";  display: inline-block;width: 14px;height: 14px; margin-right: 10px;  position: absolute;  left: 0; top:0px; border:1px solid #ff862a; background:#FFF;border-radius: 50%;}
.wr_type input[type=radio]:checked + label:before { content: "\25CF";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size: 7px; font-weight:800; color: #ff862a;border:1px solid #ff862a; background:#fff;text-align: center;line-height: 14px;}
.wr_type .inputbox{width:100px; height:30px; padding:0 5px;border: 1px solid #ddd; background:#fff; color:#444;line-height:normal !important;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-family: 'NotoSansKR'; font-style: normal; font-weight:400;transition: all 0.3s ease-out; margin-right:2px;}

.wr_type.wr_left{float:left;width:49%;background: #fff;border:1px solid #bbb;padding:20px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_type.wr_right{float:left;width:49%;margin-left:1%;background: #fff;border:1px solid #bbb;padding:20px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}


.wr-sty01 {width:100%;background:#fff;word-wrap:break-word;overflow: hidden;}
.wr-sty01 th {text-align:left;padding:8px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;font-size:15px;line-height:30px;color:#1a1a1a;border-bottom:1px dotted #c6cde1;vertical-align:middle;background: url(../img/th_line.png) right center no-repeat;}
.wr-sty01 td {text-align:left;padding:6px 10px 10px 30px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;font-size:14px;line-height:30px;color:#424242;border-bottom:1px dotted #c6cde1;vertical-align:middle;}
.wr-sty01 .sfont {display: inline-block; margin-right:10px; font-family: 'NotoSansKR'; font-style: normal; font-weight:200;font-size:14px;line-height:30px;color:#424242;}
.wr-sty01 td.noline {border-bottom:0px dotted #c6cde1}
.wr-sty01 td.dline {padding:10px 0px 10px 10px;}
.wr-sty01 td.center {text-align:center;}
.wr-sty01 td.tbimg {text-align:left;padding:0px 0px 20px 10px;color:#000;border-bottom:1px dotted #c6cde1;vertical-align:middle}
.wr-sty01 tr.last th,.wr-sty01 tr.last td {border-bottom:0px solid #b0bed5}
.wr-sty01 tr.last th{padding:10px 10px 0px 10px;vertical-align:top}
.wr-sty01 th.d-top{padding:13px 10px 0px 10px;vertical-align:top;background: url(../img/th_line.png) right 25px no-repeat;}
.wr-sty01 a {color:#1a1a1a}
.wr-sty01 input{ height:30px;background:#fff;border:1px solid #d9d9d9; border-radius:0px;transition: all 0.3s ease-out; padding:0px 10px;margin:0;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;FONT-SIZE: 14px; COLOR: #666;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr-sty01 input:hover {border-radius:0px}
.wr-sty01 input:focus {outline: none;border-radius:0px;border-color:#ff862a}
.wr-sty01 input[type="file"] {border: 0;}
.wr-sty01 .input100 {width:100%;}
.wr-sty01 .input90 {width:90%;}
.wr-sty01 .input70 {width:70%;}
.wr-sty01 .input40 {width:40%;}
.wr-sty01 .input50 {width:50%;}
.wr-sty01 .input01 {width:300px;}
.wr-sty01 .input02 {width:180px;}
.wr-sty01 .input03 {width:100px;}
.wr-sty01 .input04 {width:200px;}
.wr-sty01 .input05 {width:350px;}
.wr-sty01 p{margin-top:10px;}
.wr-sty01 .textArea{display: inline-block;width:100%;border:1px solid #d9d9d9;height:150px; padding: 10px;color:#747474; font-size: 14px;line-height:1.3;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr-sty01 textArea:focus {outline: none;border-color:#ff862a}
.wr-sty01 .textArea01 {height:50px;}
.wr-sty01 select{background: url(../img/select_arrow.png) right center no-repeat #fff; border-radius: 0px; border:1px solid #d9d9d9;height:30px;padding:0px 10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;FONT-SIZE: 14px; COLOR: #666;cursor:pointer;margin:0;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
.wr-sty01 select::-ms-expand {display: none;}
.wr-sty01 .select01 {width:100%;}
.wr-sty01 .select02 {width:150px;}
.wr-sty01 .select03 {width:180px;}
.wr-sty01 .select04 {width:200px;}
.wr-sty01 .select05 {width:97%;}
.wr-sty01 .select06 {width:100px;}
.wr-sty01 input[type=checkbox] { display: none;  }
.wr-sty01 input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left: 20px;margin-right:20px;vertical-align:middle;  font-size: 14px; line-height:1;}
.wr-sty01 input[type=checkbox]+ label:before {content: "";  display: inline-block;width: 13px;height: 13px;margin-right: 10px;  position: absolute;  left: 0; top:0px; border:1px solid #ff862a; background: #fff;}
.wr-sty01 input[type=checkbox]:checked + label:before { content: "\2713";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size: 14px; font-weight:200; border:1px solid #ff862a; background: #ff862a; color: #fff;text-align: center;line-height:1;  }
.wr-sty01 input[type=radio] { display: none;  }
.wr-sty01 input[type=radio] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left: 20px; margin-right:20px;  font-size: 14px; line-height:14px;vertical-align:middle;}
.wr-sty01 input[type=radio]+ label:before {content: "";  display: inline-block;width: 14px;height: 14px; margin-right: 10px;  position: absolute;  left: 0; top:0px; border:1px solid #ff862a; background:#FFF;border-radius: 50%;}
.wr-sty01 input[type=radio]:checked + label:before { content: "\25CF";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size: 7px; font-weight:800; color: #ff862a;border:1px solid #ff862a; background:#fff;text-align: center;line-height: 14px;}
.wr-sty01 .inputbox{width:100px; height:30px; padding:0 5px;border: 1px solid #ddd; background:#fff; color:#444;line-height:normal !important;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-family: 'NotoSansKR'; font-style: normal; font-weight:400;transition: all 0.3s ease-out; margin-right:2px;}


.stb{display:inline-block;width:100%;}
.stb ul{display:inline-block;width:100%; margin-top:10px;}
.stb .a01{float:left;width:10%;font-family: 'NotoSansKR'; font-style: normal; font-weight:200;font-size:14px;line-height:30px;color:#424242;}
.stb .a02{float:left;width:40%;}
.stb .a03{float:left;width:20%;font-family: 'NotoSansKR'; font-style: normal; font-weight:200;font-size:14px;line-height:30px;color:#424242;}
.stb .a04{float:left;width:30%;}
.stb .a05{float:left;width:90%;}
.stb .a01 img {vertical-align:middle; margin-left:10px;}
.tab_title_area { display:inline-block; width:100%; border-bottom:1px solid #424242; }
.tab_title { display:inline-block; text-align:left; font-weight:bold; font-size:18px; width:49%; }

.stb01{display:inline-block;width:100%;}
.stb01 ul{display:inline-block;width:100%; margin-top:7px;}
.stb01 .a01{float:left;width:8%;font-family: 'NotoSansKR'; font-style: normal; font-weight:200;font-size:14px;line-height:30px;color:#424242;}
.stb01 .a02{float:left;width:25%;}
.stb01 .a03{float:left;width:26%;}
/* .stb01 .a03{float:left;width:15%;font-family: 'NotoSansKR'; font-style: normal; font-weight:200;font-size:14px;line-height:30px;color:#424242;}
.stb01 .a04{float:left;width:35%;} */
.stb01 .a05{float:left;width:92%;}
.stb01 .a06{float:left;width:30%;}

.stb02{display:inline-block;width:100%; padding:40px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.stb02 ul{display:inline-block;width:100%; margin-top:10px; border-top:1px solid #ebebeb; padding-top:10px;}
.stb02 .s01{float:left;width:15%;font-family: 'NotoSansKR'; font-style: normal; font-weight:400;font-size:14px;line-height:30px;color:#424242;}
.stb02 .s02{float:left;width:85%;font-family: 'NotoSansKR'; font-style: normal; font-weight:200;font-size:14px;line-height:30px;color:#424242;}
.stb02 ul:first-child{margin-top:0px; border-top:0px solid #ebebeb; padding-top:0px;}
.stb02 p{margin-top:8px;color:#666;font-family: 'NotoSansKR';font-style: normal;font-weight:200;font-size:14px;line-height:1;}

.cbox{clear:both; display: inline-block;width:160px; padding:0; height:30px; border:1px solid #d9d9d9;background: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; position:relative;}
.cbox input{ height:28px;background:#fff;border:0px solid #d9d9d9; border-radius:0px;transition: all 0.3s ease-out; padding:0px 10px;margin:0;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;FONT-SIZE: 14px; COLOR: #666;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.cbox .input_c{width: 120px;}
.cbox .input_d{width: 140px;background: url(../img/icon_calendar.png) right center no-repeat #fff;}
.cbox .input_cbtn{position: absolute;right:10px;border:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.cbox input[type="image"] {margin:0px;padding:4px 0px; vertical-align:top; max-width:100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.search_rtb{display:inline-block;width:100%;}
.search_rtb .ltb{float:left;width:50%;text-align: left;padding-left:0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.search_rtb .rtb{float:right;width:50%;text-align: right;padding-right:0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.search_rtb select{background: url(../img/select_arrow.png) right center no-repeat #fff; border-radius: 0px; border:1px solid #2a2a2a;width:100px; height:30px;padding:0px 10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;FONT-SIZE: 14px; COLOR: #1a1a1a;cursor:pointer;margin:0;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
.search_rtb select::-ms-expand {display: none;}
.search_rtb input[type="text"] { height:30px;background:#fff;border:1px solid #d9d9d9; border-radius:0px;transition: all 0.3s ease-out; padding:0px 10px;margin:0;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;FONT-SIZE: 14px; COLOR: #666;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}


/* calendar-table */
.calendar-tbl {width:100%; margin:10px 0px 0px;}
.calendar-tbl th {padding: 6px 0px;  font-size:13px; text-align:center;color:#1a1a1a;background:#f4f4f4; font-family: 'NotoSansKR'; font-style: normal; font-weight:400;}
.calendar-tbl tr {border-bottom:1px dotted #d0d0d0; padding-bottom:5px; margin-bottom:5px;}
.calendar-tbl td {cursor:pointer; padding:6px 10px;text-align:center;vertical-align:middle; font-size:13px;line-height:13px;letter-spacing: -0.05em;font-family: 'NotoSansKR'; font-style: normal; font-weight:200;color:#858585;}
.calendar-tbl td.off {color:#ebebeb;}
.calendar-tbl td.on {color:#424242;}
.calendar-tbl td p{display: inline-block; vertical-align:middle; width:24px; height:24px; font-size:13px;line-height:22px;letter-spacing: -0.5px;font-family: 'NotoSansKR'; font-style: normal; font-weight:400;color:#fff;text-align:center; background:#808080; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-khtml-border-radius:50%;-o-border-radius:50%;cursor:pointer;}
.calendar-tbl td p.r_off{background: #ebebeb;color:#fff;}
.calendar-tbl td p.r_on{background: #32b8b5;color:#fff;}


.ca_box{width:100%; overflow: hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.ca_box .cdate{display: block; vertical-align:top; text-align:center; color: #333; font-size:18px;line-height:20px;font-family: 'NotoSansKR'; font-style: normal; font-weight:400;}
.ca_box .cdate img{vertical-align:middle; margin:0px 15px;}


/* order-table */
.order-table {table-layout:fixed;width:100%;margin:0px auto; border-top:1px solid #1a1a1a; border-bottom:1px solid #d1d1d1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.order-table th {padding:15px 0px; color:#2a2a2a;font-size:16px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:400;background:#f8f8f8;text-align: center;}
.order-table tr {background-color: #fff;}
.order-table .kbg{background:#f7f7f7;}
.order-table .nbg{text-align: left; padding-left:20px; background-color: #f4f9fa;color:#000;font-weight:400;}
.order-table td {font-size:14px;line-height:1.5; padding:10px 8px; text-align: center;vertical-align:middle;color:#424242;border-top: 1px solid #d1d1d1;border-left: 1px solid #d1d1d1;font-family: 'NotoSansKR';font-style: normal;font-weight:200;}
.order-table .left{text-align: left; padding-left:20px;padding-right:20px;}
.order-table td.pimg {}
.order-table td.pimg img{width:100%;}
.order-table .point_b{color:#1a1a1a;}
.order-table .point_t{color:#424242;text-align:right;line-height:1.6;padding-right:20px; }
.order-table .subj{color:#424242;text-align: left;padding-left:40px;}
.order-table td.date {font-size:13px;color:#858585;letter-spacing:-0.05em;}
.order-table td:first-child {border-left:0px solid #d1d1d1;}
.order-table td.first{border-left:1px solid #d1d1d1;}
.order-table input[type=checkbox] { display: none;  }
.order-table input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:15px;margin-right:0px;vertical-align:top;  font-size: 14px; line-height:1;color:#424242;}
.order-table input[type=checkbox]+ label:before {content: "";  display: inline-block;width: 13px;height: 13px;margin-right: 10px;  position: absolute;  left: 0; top:0px; border:1px solid #ff862a; background: #fff;}
.order-table input[type=checkbox]:checked + label:before { content: "\2713";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size: 14px; font-weight:200; border:1px solid #ff862a; background: #ff862a; color: #fff;text-align: center;line-height:1;  }
.order-table p{margin-bottom:10px;}
.order-table input{ height:26px;background:#fff;border:1px solid #d9d9d9; border-radius:0px;transition: all 0.3s ease-out; padding:0px 10px;margin:0;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;FONT-SIZE: 14px; COLOR: #666;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.order-table input:hover {border-radius:0px}
.order-table input:focus {outline: none;border-radius:0px;border-color:#ff862a}
.order-table input[type="file"] {border: 0;}
.order-table  select {background: url(../img/select_arrow.png) right center no-repeat #fff; /* 네이티브 화살표 대체 */ /* border-radius: 0px; /* iOS 둥근모서리 제거 */ border:1px solid #dfdfdf;line-height:26px;height:26px;padding:0 10px 0 10px;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-box-sizing:content-box;font-size:14px;color:#424242;font-family: 'NotoSansKR';font-style: normal;font-weight:400;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
.order-table select::-ms-expand {display: none;}
.order-table input[type=radio] { display: none;  }
.order-table input[type=radio] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left: 20px; margin-right:20px;  font-size: 14px; line-height:14px;vertical-align:middle;}
.order-table input[type=radio]+ label:before {content: "";  display: inline-block;width: 14px;height: 14px; margin-right: 10px;  position: absolute;  left: 0; top:0px; border:1px solid #ff862a; background:#FFF;border-radius: 50%;}
.order-table input[type=radio]:checked + label:before { content: "\25CF";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size: 7px; font-weight:800; color: #ff862a;border:1px solid #ff862a; background:#fff;text-align: center;line-height: 14px;}
.order-table textArea{display: inline-block;width:100%;border:1px solid #d9d9d9;height:200px; padding: 10px;color:#747474; font-size: 14px;line-height:1.3;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.order-table textArea:focus {outline: none;border-color:#ff862a}



/* pagination --------------------------------------------- */
.paging {position:relative;clear:both;text-align:center;vertical-align:middle;z-index:1;}
.paging span {vertical-align:middle;display:inline-block;width:32px;height:32px;line-height:30px; background:#fff; text-align:center;color:#424242;font-size:12px; font-family:'Futura Book';margin-left:-1px;border:1px solid #dddddd;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.paging span img {vertical-align:middle; max-width:100%;border:0px solid #ccc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.paging span a {vertical-align:middle;display:block;width:30px;height:30px;color:#424242;font-size:12px; font-family:'Futura Book';}
.paging span.on {vertical-align:middle;border-bottom:2px solid #ff862a; color:#ff862a;font-family:'Futura Medium';}
.paging span.on a {color:#ff862a;font-family:'Futura Medium';}
.paging span:first-child {margin-left:0px;}

/* .containerTit {display: inline-block;width:100%; text-align:left;font-family: 'NotoSansKR';font-style: normal;font-weight:500;font-size:22px;letter-spacing:-1px;color:#464a5b;margin-bottom:25px;border-bottom:3px double #464a5b;padding-bottom:7px;} */
.containerTit {display: inline-block;width:100%; text-align:left;font-family: 'NotoSansKR';font-style: normal;font-weight:500;font-size:18px;letter-spacing:-1px;color:#464a5b;margin-bottom:5px;border-bottom:3px double #464a5b;padding-bottom:0px;}
.containerTit .title_in {display:inline-block; position:relative; float:left; text-align:left; top:7px;}
.title {display: inline-block;width:100%; text-align:left; color:#2a2a2a;font-size:35px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:500;letter-spacing:-0.05em;margin-bottom:30px;}
.stitle {display: inline-block;width:100%; text-align:left; vertical-align:top;color:#424242;min-height:24px;font-size:20px;line-height:24px;font-family: 'NotoSansKR';font-style: normal;font-weight:400;letter-spacing:-0.05em;background:url(../img/arrow_right.png) left top no-repeat; padding-left:30px;}
.stitle span{display: inline-block;margin-left:20px;padding-top:5px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.stitle01 {display: inline-block;width:100%; text-align:left; color:#1a1a1a;font-size:16px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:400;letter-spacing:-0.05em;margin-bottom:10px;padding-left:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.small_txt{display: inline-block;  width:100%; text-align:left;font-size:14px; line-height:14px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;letter-spacing:-0.05em;color:#858585;padding-left:30px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.small_txt img{margin-right:10px; vertical-align:middle;}



.shop_dtitle{display: block;text-align:left;background: #3d88c5;padding-left:40px; height:50px; color: #fff; font-size:24px;line-height:46px;font-family: 'NotoSansKR';font-style: normal;font-weight:400;text-transform:uppercase; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.shop_stxt{display: inline-block;  width:100%; text-align:left;font-size:14px; line-height:14px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;letter-spacing:-0.05em;color:#424242;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.shop_stxt img{margin-right:10px; vertical-align:middle;}
.needpopup04 .shop_dtitle {padding-left:20px;}

.cart_wrap{display: inline-block; width:100%; padding:30px 40px 40px 40px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;font-size:0}
.cart_wrap h2{color:#424242;font-family: 'NotoSansKR';font-style: normal;font-weight:400;font-size:18px;line-height: 1.5;letter-spacing: -0.5px;margin-bottom:10px;}
.cart_wrap h3{color:#666;font-family: 'NotoSansKR';font-style: normal;font-weight:400;font-size:16px;line-height: 1.5;letter-spacing: -0.5px;}
.cart_wrap h4{color:#424242;font-family: 'NotoSansKR';font-style: normal;font-weight:400;font-size:16px;line-height:1;letter-spacing: -0.8px; padding-left:20px; margin-bottom:10px;background: url(../img/icon-caution.png) left top no-repeat;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.cart_wrap .ct_box01{display: inline-block; width:100%; text-align:left; border:1px solid #d1d1d1; background: #fafafa; padding:15px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.cart_wrap .ct_box01 p{color:#424242;font-size:14px;line-height:1.5;letter-spacing: -0.03em;font-family: 'NotoSansKR';font-style: normal;font-weight:200; margin-bottom:5px;background: url(../img/bullet_01.gif) left 8px no-repeat; padding-left:10px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.cart_wrap .ct_box01 li{float:left; width:50%; padding-left:0px; text-align:left;color:#1a1a1a;font-size:14px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:200;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.cart_wrap .ct_box01 li span{display: inline-block; margin-left:10px; color:#3d88c5;font-size:14px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:400;}
.cart_wrap .ct_box01 li:first-child{padding-left:20px;}
.cart_wrap textArea{display: inline-block;width:100%;border:1px solid #d9d9d9;height:100px; padding: 10px;color:#747474; font-size: 14px;line-height:1.3;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.cart_wrap textArea:focus {outline: none;border-color:#ff862a}

.cart_wrap01{display: inline-block; width:100%; padding:0px 40px 40px 40px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}


@media print {
 html, body {width: 210mm;height: 297mm;}
 .page {margin: 0;border: initial;width: initial;min-height: initial;box-shadow: initial;background: initial;page-break-after: always;}
}

.box-tit {text-align:center;border:1px solid #b3b3b3;color:#fff;font-family: 'NotoSansKR';font-style: normal;font-weight:400;font-size:18px;line-height:1;background: -webkit-radial-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 14%, transparent 15%) 0 0, -webkit-radial-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 14%, transparent 15%) 4px 4px, -webkit-radial-gradient(rgba(255, 255, 255, 0.1) 14%, transparent 16%) 0 1px, -webkit-radial-gradient(rgba(255, 255, 255, 0.1) 14%, transparent 16%) 4px 5px;
  background: -moz-radial-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 14%, transparent 15%) 0 0, -moz-radial-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 14%, transparent 15%) 4px 4px, -moz-radial-gradient(rgba(255, 255, 255, 0.1) 14%, transparent 16%) 0 1px, -moz-radial-gradient(rgba(255, 255, 255, 0.1) 14%, transparent 16%) 4px 5px;
  background: -o-radial-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 14%, transparent 15%) 0 0, -o-radial-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 14%, transparent 15%) 4px 4px, -o-radial-gradient(rgba(255, 255, 255, 0.1) 14%, transparent 16%) 0 1px, -o-radial-gradient(rgba(255, 255, 255, 0.1) 14%, transparent 16%) 4px 5px;
  background: radial-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 14%, transparent 15%) 0 0, radial-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 14%, transparent 15%) 4px 4px, radial-gradient(rgba(255, 255, 255, 0.1) 14%, transparent 16%) 0 1px, radial-gradient(rgba(255, 255, 255, 0.1) 14%, transparent 16%) 4px 5px;
  background-color: #888; background-size: 10px 10px; border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;padding:9px 0px 12px;}



.ctb01{display:inline-block;width:100%;}
.ctb01 ul{display:inline-block;width:100%; margin-top:10px;}
.ctb01 .c01{float:left;width:20%;font-family: 'NotoSansKR'; font-style: normal; font-weight:200;font-size:14px;line-height:30px;color:#1a1a1a;}
.ctb01 .c02{float:left;width:80%;font-family: 'NotoSansKR'; font-style: normal; font-weight:200;font-size:14px;line-height:30px;color:#424242;}
.ctb01 input{ height:30px;background:#fff;border:1px solid #d9d9d9; border-radius:0px;transition: all 0.3s ease-out; padding:0px 10px;margin:0;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;FONT-SIZE: 14px; COLOR: #666;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.ctb01 input:hover {border-radius:0px}
.ctb01 input:focus {outline: none;border-radius:0px;border-color:#ff862a}
.ctb01 input[type="file"] {border: 0;}
.ctb01 .input100 {width:100%;}
.ctb01 .input01 {width:160px;}
.ctb01 .input02 {width:100px;}
.ctb01 .input03 {width:250px;}
.ctb01 .textArea{display: inline-block;width:100%;border:1px solid #d9d9d9;height:150px; padding: 10px;color:#747474; font-size: 14px;line-height:1.3;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.ctb01 textArea:focus {outline: none;border-color:#ff862a}
.ctb01 select{background: url(../img/select_arrow.png) right center no-repeat #fff; border-radius: 0px; border:1px solid #d9d9d9;height:30px;padding:0px 10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;FONT-SIZE: 14px; COLOR: #666;cursor:pointer;margin:0;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
.ctb01 select::-ms-expand {display: none;}
.ctb01 .select01 {width:100%;}
.ctb01 .select02 {width:100px;}
.ctb01 .c02 p{display:inline-block; margin-top:6px;}

.od_stxt{display: inline-block; width:100%; text-align:left;font-size:14px; line-height:1.5;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;letter-spacing:-0.02em;color:#424242;background: url(../img/ico_talk.png) left 5px no-repeat;padding-left:25px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.od_stxt01{float:right; width:100%; text-align:right;padding-right:30px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.od_stxt01 p{display: inline-block; font-size:14px; line-height:14px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;letter-spacing:0em;color:#1a1a1a;background: url(../img/icon-caution.png) 10px 0px no-repeat;padding-left:30px;}

.od_stxt02{display: inline-block; width:100%; text-align:left;font-size:14px; line-height:18px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;letter-spacing:0em;color:#1a1a1a;background: url(../img/ico_talk.png) 10px 3px no-repeat;padding-left:35px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

/* 파일 디자인 */
.filebox {display:inline-block;}
.filebox label {display: inline-block;height:35px;line-height:30px;padding:0px 20px; text-align:center;font-size:16px;text-transform:uppercase;font-family: 'NotoSansKR'; font-style: normal; font-weight:400;vertical-align: middle;color: #fff;background-color: #5e5e5e;cursor: pointer; border: 1px solid #5e5e5e;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;-ms-border-radius:16px;-khtml-border-radius:16px;-o-border-radius:16px;transition:all 0.3s;}
.filebox input[type="file"] {  /* 파일 필드 숨기기 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.filebox label:hover {color: #5e5e5e;background: #fff;transition:all 0.3s;}

.filebox_s {display:inline-block;margin-right:0px;vertical-align:top;}
.filebox_s label {display: inline-block; height:28px;line-height:26px;padding:0px 10px;font-size:14px; color: #1a1a1a;font-family: 'NotoSansKR';font-style: normal;font-weight:400;vertical-align: middle;background-color: #fff;cursor: pointer; border: 1px solid #1a1a1a;transition:all 0.3s;}
.filebox_s input[type="file"] {  /* 파일 필드 숨기기 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.filebox_s label:hover {color: #fff;background: #1a1a1a;transition:all 0.3s;}



.filebox_k input[type="file"] {position: absolute; width: 1px;height: 1px;padding: 0; margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox_k label {display: inline-block; height:30px;line-height:26px;padding:0px 10px;font-size:14px; color: #1a1a1a;font-family: 'NotoSansKR';font-style: normal;font-weight:400;vertical-align: middle;background: #fff;cursor: pointer;border: 1px solid #1a1a1a;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
/* named upload */
.filebox_k .upload-name {display: inline-block;height:30px;padding:0px 10px;font-size:12px; line-height:1;color: #666;font-family: 'NotoSansKR';font-style: normal;font-weight:200;vertical-align: middle; background-color: #f5f5f5;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.filebox_k.bg_blue label {color: #fff;background: #337ab7;border-color: #2e6da4;}

.photo_file{position:relative; display: inline-block;width: 150px; margin-right:20px; text-align:left; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.photo_file .photo_fimg{float:left;margin:0px auto; text-align:center; width: 150px; height:114px; background:#f3f3f3; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.photo_file .photo_fimg img{width: 100%;height:100%}
.photo_file .photo_btn{display:inline-block;width: 100%;text-align:center;margin-top:10px;}
.photo_file .photo_del{position:absolute;right:0; top:0; width: 14px; height:14px; z-index:2}

.pline{width:100%;  margin:0px; text-align:left; overflow: hidden; margin-top:20px; height:1px; background:#a0a0a0;}

/* button .button01{width:100px; height:30px;line-height:28px;text-align:center; font-size:14px;text-transform:uppercase;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;color:#2a2a2a !important;border:1px solid #2a2a2a;background:#fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;} */

.box-search {width:100%; padding:30px;margin-bottom:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.box-search:after {clear:both;display:block;height:0;overflow:hidden;visibility:hidden;content:"";}
.box-search ul {display:inline-block;width: 100%;margin-bottom:10px;}
.box-search .tit{float:left;width:10%;font-family: 'NotoSansKR';font-style: normal;font-weight:400;line-height:30px;font-size:14px;color:#1a1a1a;text-align:left;}
.box-search .cont{float:left;width:60%;font-family: 'NotoSansKR';font-style: normal;font-weight:200;line-height:30px;font-size:14px;color:#1a1a1a;text-align:left;}
.box-search .cont01{float:left;width:20%;font-family: 'NotoSansKR';font-style: normal;font-weight:200;line-height:30px;font-size:14px;color:#1a1a1a;text-align:left;}
.box-search .cont02{float:left;width:85%;font-family: 'NotoSansKR';font-style: normal;font-weight:200;line-height:30px;font-size:14px;color:#1a1a1a;text-align:left;}
.box-search select{background: url(../img/select_arrow.png) right center no-repeat #fff; border-radius: 0px; border:1px solid #d9d9d9;height:30px;padding:0px 10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;FONT-SIZE: 14px; COLOR: #666;cursor:pointer;margin:0px 5px 0px 0px;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
.box-search select::-ms-expand {display: none;}
.box-search .select01 {width:100px;}
.box-search .select02 {width:443px;}
.box-search span{display: inline-block; margin:0 5px;}
.box-search .btn-bg {float:left; width:37%;text-align:center; height:10px; margin-top:30px; background: url(../img/btn-bg.png) left 0px repeat; margin-left:0%}
.box-search .btn-bg01 {float:left; width:37%;text-align:center; height:10px; margin-top:30px; background: url(../img/btn-bg.png) left 0px repeat; margin-right:0%}
.box-search .btn-blank {float:left;text-align:center; padding:20px 0px 5px 0px;width:26%;background:none}

/* 문의 검색 */
.box-search01 {width:100%; padding:0px;margin-bottom:20px;border-bottom:1px dotted #888; padding-bottom:20px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.box-search01:after {clear:both;display:block;height:0;overflow:hidden;visibility:hidden;content:"";}
.box-search01 ul{display:inline-block;width: 100%;margin-bottom:10px;}
.box-search01 .tit{float:left;width:10%;font-family: 'NotoSansKR';font-style: normal;font-weight:400;line-height:30px;font-size:14px;color:#1a1a1a;text-align:left;}
.box-search01 .cont{float:left;width:40%;font-family: 'NotoSansKR';font-style: normal;font-weight:200;line-height:30px;font-size:14px;color:#1a1a1a;text-align:left;}
.box-search01 .cont01{float:left;width:90%;font-family: 'NotoSansKR';font-style: normal;font-weight:200;line-height:30px;font-size:14px;color:#1a1a1a;text-align:left;}
.box-search01 select{background: url(../img/select_arrow.png) right center no-repeat #fff; border-radius: 0px; border:1px solid #d9d9d9;height:30px;padding:0px 10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;FONT-SIZE: 14px; COLOR: #666;cursor:pointer;margin:0px 5px 0px 0px;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
.box-search01 select::-ms-expand {display: none;}
.box-search01 .select01 {width:168px;}
.box-search01 .input01{width:200px; height:30px;background:#fff;border:1px solid #d9d9d9; border-radius:0px;transition: all 0.3s ease-out; padding:0px 10px;margin:0;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;FONT-SIZE: 14px; COLOR: #666;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.box-search01 .input02{width:100%; height:30px;background:#fff;border:1px solid #d9d9d9; border-radius:0px;transition: all 0.3s ease-out; padding:0px 10px;margin:0;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;FONT-SIZE: 14px; COLOR: #666;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.box-search01 input:hover {border-radius:0px}
.box-search01 input:focus {outline: none;border-radius:0px;border-color:#ff862a}
.box-search01 span{display: inline-block; margin:0 5px;}
.box-search01 .btn-bg {float:left; width:37%;text-align:center; height:10px; margin-top:30px; background: url(../img/btn-bg.png) left 0px repeat; margin-left:0%}
.box-search01 .btn-bg01 {float:left; width:37%;text-align:center; height:10px; margin-top:30px; background: url(../img/btn-bg.png) left 0px repeat; margin-right:0%}
.box-search01 .btn-blank {float:left;text-align:center; padding:20px 0px 5px 0px;width:26%;background:none;}
.box-search01 .inputbox{width:100px; height:30px; padding:0 5px;border: 1px solid #ddd; background:#fff; color:#444;line-height:normal !important;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-family: 'NotoSansKR'; font-style: normal; font-weight:400;transition: all 0.3s ease-out; margin-right:2px;}

#detail{cursor: pointer}
.qwrite{display:none;width:100%; margin-top:20px;text-align:left;}
.open{display:block;}


/*****************************/
/* Flip */
/*****************************/
.tabs {position: relative;overflow: hidden;width: 100%;font-family: 'NotoSansKR';font-style: normal;font-weight:400;}
/* tabs Nav */
.tabs nav {text-align: left}
.tabs nav ul {position: relative;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;padding: 0;background:#969a9f;border-radius:10px 10px 0px 0px;max-width: 400px;list-style: none;-ms-box-orient: horizontal;-ms-box-pack: center;-webkit-flex-flow: row wrap;-moz-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center}
.tabs nav ul li {position: relative;z-index: 1;display: block;margin: 0;text-align: center;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;}
.tabs nav a {position: relative;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2.6}
.tabs nav a span {vertical-align: middle;font-size: 16px}
.tabs nav li.tab-current a {color: #333}
.tabs nav a:focus {outline: none}

.tabs-style-flip {}
.tabs-style-flip nav a {padding: 0;color: #f1f1f1;-webkit-transition: color 0.3s;transition: color 0.3s}
.tabs-style-flip nav a:hover{color: #ffffff;border-radius:10px 10px 0px 0px;}
/*.tabs-style-flip nav a:focus{color: #f05123;border-radius:10px 10px 0px 0px;}*/
.tabs-style-flip nav li.tab-current a {color: #f05123;border-radius:10px 10px 0px 0px;}
.tabs-style-flip nav a span {text-transform: uppercase;letter-spacing: 1px;font-family: 'NotoSansKR';font-style: normal;font-weight:400;font-size: 16px}
.tabs-style-flip nav a::after {position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;border-radius:10px 10px 0px 0px;background-color: #f0f0f0;content: '';-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;transition: transform 0.3s, background-color 0.3s;-webkit-transform: perspective(900px) rotate3d(1,0,0,90deg);transform: perspective(900px) rotate3d(1,0,0,90deg);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-perspective-origin: 50% 100%;perspective-origin: 50% 100%}
.tabs-style-flip nav li.tab-current a::after {background-color: #fff;-webkit-transform: perspective(900px) rotate3d(1,0,0,0deg);transform: perspective(900px) rotate3d(1,0,0,0deg)}
.tabs-style-flip .content-wrap {background: #fff;}
/* tab-content */
.content-wrap {width:100%;background:#fff;margin-top:-1px;word-wrap:break-word;padding:30px;border:0px solid #c8c8c8;border-radius: 0px 10px 10px 10px; position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.content-wrap section {display: none;margin: 0 auto;padding: 1em;text-align: center}
.content-wrap section.content-current {display: block}


.star-rating { width:87px;text-align:left;}
.star-rating,.star-rating span { display:inline-block; height:14px; overflow:hidden; background:url(../img/m_star.png)no-repeat; }
.star-rating span{ background-position:left bottom; line-height:0; vertical-align:top; }

.tab_type2{width:100%; margin:0px auto; text-align:right;}
.tab_type2 ul{display:inline-block; width:100%; text-align:right;}
.tab_type2 li{display:inline-block; margin-left:10px;}
.tab_type2 li a {width: 100%; text-align: center; color: #424242;padding:0 40px; height:35px; line-height: 33px;font-size: 16px;font-family: 'NotoSansKR';font-style: normal;font-weight:400; display: block; border:1px solid #3d88c5;background:url(../img/ico_navi01.png) right center no-repeat #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.tab_type2 li a:hover {color: #fff;background:url(../img/ico_navi01_on.png) right center no-repeat #3d88c5;}
.tab_type2 li.active a {color: #fff;background:url(../img/ico_navi01_on.png) right center no-repeat #3d88c5; }
.tab_type2 li:first-child a {margin-left: 0px;}


/* akira 20180611 */

.vet_search{display:inline-block;width:100%;padding:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.vet_sbox{display:inline-block;width:100%;padding:10px 20px;background:#f5f5f5; border:1px solid #dfdfdf;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.vet_sbox ul{display:inline-block;width:100%;margin-bottom:5px;}
.vet_sbox .vleft{float:left;width:25%;font-size:16px;line-height:28px;font-family: 'NotoSansKR';font-style: normal;font-weight:400;color: #424242;letter-spacing:-0.05em;}
.vet_sbox .vright{float:left;width:75%;}
.vet_sbox input{display: inline-block;border:1px solid #b2b2b2;background-color:#fff;width:100%;height:28px; padding:5px;color:#666;font-size:13px;font-family: 'NotoSansKR';font-style: normal;font-weight:400;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.vet_sbox input:focus {outline: none;background:#fff;border-color:#ff862a}
.vet_sbox input::-webkit-input-placeholder {font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;FONT-SIZE: 13px; COLOR: #858585;}
.vet_sbox input::-moz-placeholder {font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;FONT-SIZE: 13px; COLOR: #858585; }

.vet_search input[type=checkbox] { display: none;  }
.vet_search input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left: 20px;margin-right:0px;vertical-align:top;  font-size: 14px; line-height:1;color:#424242;}
.vet_search input[type=checkbox]+ label:before {content: "";  display: inline-block;width: 13px;height: 13px;margin-right: 10px;  position: absolute;  left: 0; top:0px; border:1px solid #ff862a; background: #fff;}
.vet_search input[type=checkbox]:checked + label:before { content: "\2713";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size: 13px; font-weight:200; border:1px solid #ff862a; background: #ff862a; color: #fff;text-align: center;line-height:1;  }

.vet_search h2{font-size:14px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:400;color: #424242;letter-spacing:-0.05em; margin-bottom:5px;}

.vet_tb{display:inline-block;width:100%;padding:12px;background-color:#f9f9f9;border:1px solid #dedede;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }

.vet_sbox select {background: url(../img/select_arrow_01.png) right center no-repeat #fff; border:1px solid #b2b2b2;line-height:1;height:28px;padding:0px 5px;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size:13px;color:#666;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;font-family: 'NotoSansKR';font-style: normal;font-weight:400;}
.vet_sbox select::-ms-expand {display: none;}

.vet-table {table-layout:fixed; width:100%;margin:0px auto; border-top:1px solid #ff862a; border-bottom:1px solid #d9d9d9;  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.vet-table th {padding:12px 0px; font-size:14px;color:#000;line-height:1;font-family: 'NotoSansKR';font-style: normal; font-weight: 400; text-align: center;}
.vet-table tr {background-color: #fff;}
.vet-table tr:hover {background-color: rgba(228,228,228,.1);}
.vet-table td {font-size:13px;color:#666;line-height:1;font-family: 'NotoSansKR';font-style: normal; font-weight:200; letter-spacing:-0.05em;padding:10px 5px; text-align: center;vertical-align:middle;border-top: 1px solid #d9d9d9;}
.vet-table td.left {text-align: left; }
.vet-table td:first-child, .vet-table th:first-child {border-left: none;}
/*.vet-table input[type="checkbox"],.vet-table input[type="radio"]{width:14px; height:14px;vertical-align:middle;border:1px solid #ddd; margin:0; padding:0; cursor:pointer;} */
.vet-table input[type=checkbox] { display: none;  }
.vet-table input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left: 20px;margin-right:0px;vertical-align:top;  font-size: 14px; line-height:1;color:#424242;}
.vet-table input[type=checkbox]+ label:before {content: "";  display: inline-block;width: 13px;height: 13px;margin-right: 10px;  position: absolute;  left: 0; top:0px; border:1px solid #666; background: #fff;}
.vet-table input[type=checkbox]:checked + label:before { content: "\2713";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size: 13px; font-weight:200; border:1px solid #666; background: #fff; color: #ff862a;text-align: center;line-height:1;  }

/* 버튼 정렬 */
.float_right{float:right;}
.cb{clear:both;}

/* 첨부 이미지 */
.q_img_area{width:100%;}
.q_img_area img{width:200px;margin-right:20px;border-radius:6px;}
.q_img_area img:last-child{margin-right:0px;}


/****** Modal Style add **************/
.need-modal {
    position:fixed;
    top:150px;
    bottom:auto;
    left:50%;
    z-index:1500;
    width:500px;
    margin-left:-250px;
    background-color:#fff;
}

.need-modal p {margin: 0;}
.need-modal p + p {margin-top: 10px;}
.need-modal .shop_dtitle {font-size:21px; line-height:50px; padding-left:19px;}


.jc-bs3-container.container {min-width:900px;}
.jc-bs3-container .jconfirm-content {font-size:15px; overflow:hidden !important;}

#vcommon-attfile .file_input { width:240px; height:36px; }


/********* iframe Styel add ********/
body.iframe-body { -ms-overflow-style: none !important; }


/* 문자 발송 */
.message_input_phone .input_title{width:280px;border-radius:6px;font-size:16px;padding:10px 20px;letter-spacing:1px;line-height:1.2;background:#e0f3f6;border:1px solid #dadada;margin-bottom:6px;}
.message_input_phone .input_title:focus{outline:none !important;}
.message_input_phone .input_title::placeholder{font-size:16px;color:#c9c9c9;font-weight:normal;}
.message_input_phone .input100{width:280px;height:340px;border-radius:6px;font-size:16px;padding:20px;letter-spacing:1px;line-height:1.2;background:#e0f3f6;resize:none;word-break:break-all;border:1px solid #dadada;}
.message_input_phone .input100:focus{outline:none !important;}
.message_input_phone .input100::placeholder{font-size:16px;color:#c9c9c9;font-weight:normal;}
.message_input_area{padding:50px 60px;}
.message_info_index{text-align:center;margin-bottom:20px;font-size:15px;}
.message_input_phone{width:320px;height:540px;border:1px solid #dadada;background:#fff;border-radius:30px;margin:0 auto;text-align:center;}
.message_input_phone_top{text-align:center;}
.phone_circle_left{display:inline-block;margin-bottom:13px;width:50px;height:6px;font-size:0;margin:23px auto 15px;margin-bottom:15px;border-radius:6px;background-color:#ededed;}
.phone_circle_right{display:inline-block;margin-top:31px;width:7px;height:7px;font-size:0;margin:23px auto 12px;margin-top:23px;border-radius:100%;background-color:#ededed;}


/* hp banner edit */
.hp_edit_area{padding:20px 0;}
.hp_banner_topbar{height:50px;}
.hp_banner_topbar_inner{width:80%;height:50px;margin:0 auto;box-sizing:border-box;}
.hp_banner_topbar_inner:after{content:"";display:block;clear:both;}
.left_topbar{display:inline-block;width:10%;box-sizing:border-box;}
.left_topbar p{background:#ddd;width:100%;height:4px;}
.right_topbar{display:inline-block;width:80%;text-align:right;box-sizing:border-box;float:right;}
.right_topbar p{display:inline-block;background:#ddd;width:16%;height:4px;margin-right:1%;}
.hp_banner_bar{background:#a6bbcf;height:40px;}
.hp_banner_bar_inner{position:relative;width:80%;height:40px;margin:0 auto;}
.left_menu{position:relative;display:inline-block;width:30%;}
.left_menu p:first-child{width:20px;height:2px;background:#fff;position:absolute;top:2;left:10px;}
.left_menu p:nth-child(2){width:16px;height:2px;background:#fff;position:absolute;top:8px;left:10px;}
.left_menu p:nth-child(3){width:12px;height:2px;background:#fff;position:absolute;top:16px;left:10px;}
.right_search{display:inline-block;width:66%;height:28px;background:#fff;border-radius:6px;margin-top:6px;}
.hp_banner_img{background:#f6f6f6;height:80px;}
.hp_banner_edit{background:#fcfcfc;border:1px dashed #bcbcbc;border-radius:10px;text-align:center;padding:10px;margin:20px auto 10px;width:80%;height:180px;vertical-align:middle;background:url('../img_ic_upload.png') no-repeat;background-size:80px;background-position:center center;}
.hp_banner_edit img{width:100%;height:100%;}
.img_btn_area{text-align:center;}
.img_upload_btn{display:inline-block;border:1px solid #ddd;text-align:center;color:#666;cursor:pointer;padding:2px 10px;border-radius:6px;font-size:12px;margin:0 4px;background:#fff;}
.img_upload_btn:hover{background:#c6c6c6;border:1px solid #c6c6c6;color:#fff;}
.img_del_btn{display:inline-block;border:1px solid #ddd;text-align:center;color:#666;cursor:pointer;padding:2px 10px;border-radius:6px;font-size:12px;margin:0 4px;}
.img_del_btn:hover{background:#c6c6c6;border:1px solid #c6c6c6;color:#fff;}


/* 진단내용 */
.report_info_area{padding:30px 30px;font-size:0;border:1px solid #ddd;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:20px 0;}
.report_info_span {display:inline-block;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.report_info_title{display:inline-block;width:10%;margin:4px 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;}
.report_info_index{display:inline-block;width:90%;margin:4px 0;font-size:16px;font-family:'NanumSquare Bold';-webkit-box-sizing:border-box;box-sizing:border-box;}
.report_div_line{border-top:1px solid #666;margin:10px 0;}
.report_sec_num{margin-top:20px;}
.report_sec_num_font{background:#f2f2f2;font-size:14px;text-align:center;padding:6px 0;color:#000;margin:0 10px;}
.report_info_table{display:inline-block;width:100%;padding:10px;}
.tr  {border-collapse:collapse;border-spacing:0;width:100%;background:#fff;}
.tr td{border-color:#000;border-style:solid;border-width:1px;font-size:14px;overflow:hidden;padding:10px;word-break:normal;}
.tr th{border-color:#000;border-style:solid;border-width:1px;font-size:14px;font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tr .tr-0pky{border-color:inherit;text-align:left;vertical-align:top}
.report_info_table_title{font-size:16px;margin:6px 0 6px;color:#323232;font-weight:500;}
.report_write_text{margin:0px 0 20px;font-size:16px;font-weight:600;}
.report_type_round{padding:30px 40px 20px;border-radius:20px;-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);}
.textArea_report{height:500px;}
.report_type_round ul{padding:10px 0 !important;}
.font_sizeup18{font-size:18px !important;}
.report_info_area_title{font-size:16px;color:#000;font-weight:600;margin-top:40px;}

/* 팔라디아 */
.btn_upload_type input{padding:0;}
.btn_upload_type input[type=file]::file-selector-button{width:100px;height:30px;background:#a0a0a0;color:#fff;border:1px solid #a0a0a0;font-size:14px;font-weight:500;}