@charset "utf-8";
/* **** reset **** */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header, hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video, input {margin:0; padding:0; border:0;}
/*ie8 이상 박스 사이즈*/
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, div, span, p, ul, li, dl, dt, dd, ol, iframe, a, input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="submit"], button, label, textarea, h1, h2, h3, h4, h5, h6 {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a, a:visited {margin:0; padding:0; font-size:100%;text-decoration:none;color:black;}
a:hover {text-decoration:none;}
body{line-height:1;-webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
fieldset, img, abbr, acronym {border:0 none;}
ol, ul { list-style:none; }
caption {visibility:hidden; font-size:0px; width:1px; height:1px; line-height:0;border:0;margin: 0;padding: 0;border:0;}
table.type1 {border-collapse: separate; border-spacing:0; border:0 none;margin: 0;padding: 0;border:0;}
table.type1 > thead,table.type1 > tbody,table.type1 > tfoot,table.type1 > thead > tr,table.type1 > thead > th,table.type1 > thead > td,table.type1 > tbody > tr,table.type1 > tbody > th,table.type1 > tbody > td,table.type1 > tfoot > tr,table.type1 > tfoot > th,table.type1 > tfoot > td {margin: 0;padding: 0;border:0;}
address {font-weight:normal; font-style:normal;}
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }
hr { display:none; }
.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
input, select {vertical-align:middle;}
textarea {overflow: auto; vertical-align:top;}
img {vertical-align:top; border: 0 none; -ms-interpolation-mode: bicubic;}
mark {background-color:#ff9;color:#000; font-style:italic; font-weight:bold;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display: block }
audio,canvas, video {display: inline-block; /**display: inline; *zoom: 1;*/}
nav ul {list-style:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0 none;padding: 0;margin:0;}
button {padding: 0;margin: 0;border:none;background:none;outline:none;cursor:pointer;overflow:visible;vertical-align:middle;}
button[disabled], input[disabled], select[disabled], textarea[disabled] {cursor: default;background: #eee !important;}
input[readonly], select[readonly], textarea[readonly] {cursor: default;background:#f5f5f5 !important;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; /**height:13px; *width: 13px; ie7용*/}
svg:not(:root) {overflow: hidden;}
strong {font-weight: 600;}
[hidden] {display: none;}
/* **** common **** */
/* font */
@font-face{
font-family: malgun;
src: url(../fonts/malgun.eot);
src: local('※'), url(../fonts/malgun.woff) format('woff');
font-style: normal;
font-weight: normal;
}
/* @font-face{
font-family: NanumGothic;
src: url(../fonts/NanumGothic.eot);
src: local('※'), url(../fonts/NanumGothic.woff) format('woff');
font-style: normal;
font-weight: normal;
}
@font-face{
font-family: NanumGothicBold;
src: url(../fonts/NanumGothicBold.eot);
src: local('※'), url(../fonts/NanumGothicBold.woff) format('woff');
font-style: normal;
font-weight: 700;
} */
html, body {width:100%; height:100%;line-height: 1.2;font-size:14px;font-family:"맑은고딕", "Malgun Gothic", malgun, "돋움", Dotum, "굴림", Gulim, Helvetica, Arial, AppleGothic, sans-serif;-webkit-text-size-adjust: none; -ms-text-size-adjust: none;color: #000;}
::-webkit-input-placeholder { color: #333;}
::-moz-placeholder {color: #333;}
:-ms-input-placeholder {color: #333;}
:-moz-placeholder {color: #333;}
.alert-brw-update {position:fixed; top:0; left:0;width:100%;padding: 20px 0;z-index:1040;border-bottom:1px #e1e1e1 solid;display: none;}
.alert-brw-update .bg {position:fixed; top:0; left:0;width:100%;height: 100%;background: #000;opacity: 0.8;*filter: alpha(opacity=80);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";z-index: 1050;}
.alert-brw-update .update_cts {position: relative;z-index: 1060;font-size: 15px;color:#fff;text-align: center;line-height: 1.4;}
.alert-brw-update .update_cts a {color:#ff3000;font-size: 20px;text-decoration: underline;}
.alert-brw-update .btn-update-close {position: absolute;top: 10px;right: 10px;font-size: 40px;color: #fff;z-index: 1060;}
.alert-brw-update .hid_check {position: relative;padding: 10px 0;text-align: center;font-size: 13px;}
.alert-brw-update .hid_check label {line-height: 1.1;}
/* 컨텐츠바로가기 */
#accessibility {position:absolute;top: 0;left: 0;width:100%; top:-4px; left:0; z-index:1000;}
#accessibility ul li,
#accessibility p {width:100%; position:absolute; top:-1px; left:0;}
#accessibility a,
#accessibility a:link {margin:0 0 -1px 0; width:100%; height:1px; font-size:1em; display:block; overflow:hidden;text-decoration:none;}
#accessibility a:active,
#accessibility a:focus,
#accessibility a:hover {padding:23px 0 36px 0; width:100%;font-weight:bold; color:#fff; text-align:center; background:#000; float:left; clear:left;}
/*hide_class*/
.hid {font-size:0; line-height:0; width:1px; height:1px; overflow:hidden; position:absolute; border: 0;margin: -1px; padding: 0;}
/* 텍스트 정렬 */
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.vat {vertical-align: top !important;}
.vam {vertical-align: middle !important;}
/*텍스트 데코*/
.tdu {text-decoration: underline !important;}
/*폰트 사이즈*/
.fs11 {font-size: 11px !important;line-height: 1.2;}
.fs12 {font-size: 12px !important;line-height: 1.2;}
.fs13 {font-size: 13px !important;line-height: 1.2;}
.fs14 {font-size: 14px !important;line-height: 1.2;}
.fs15 {font-size: 15px !important;line-height: 1.2;}
/* bold */
.b {font-weight:500 !important;}
/* 포인트 컬러 */
.fc_red01 {color:#ff0000 !important;}
.fc_blue01 {color:#3584c0 !important;}
.fc_blue {color:#022D99 !important;}
.fc_bk {color:#444 !important;}
.fc_gr {color:#777 !important;}
/* float */
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.fc {float:center !important;}
.cl {clear:both !important;}
/*display*/
.dpb {display: block !important;}
.dpib {display: inline-block !important;}
.dpi {display: inline !important;}
/* margin */
.m0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt90 {margin-top:90px !important;}
.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml70 {margin-left:70px !important;}
/* padding */
.p0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
/* border */
.bdtn {border-top:none !important;}
.bbn {border-bottom:none !important;}
.bln {border-left:none !important;}
.brn {border-right:none !important;}
/* 라인 */
.line01 {clear:both;width:100%;border-bottom:1px #e2e2e2 solid;}
/* 인풋 */
input[type=checkbox] {/* position:absolute;top:-20%;left:-20%; */opacity: 0;height: 0px;width: 0px;background: none;display: none;}
input[type=checkbox] + label {display:inline-block;padding:0;background:url(/images/check_box_off.png) 0 center no-repeat;line-height:20px;padding-left:25px}
input[type=checkbox]:checked + label {display:inline-block;padding:0;background:url(/images/check_box_on.png) 0 center no-repeat;line-height:20px;padding-left:25px}
/* input[type=radio] {opacity: 0;height: 0;width: 0;border:none;background: none;}
input[type=radio] + label {font-size:12px;letter-spacing: -1px;display:inline-block;padding:0;background:url(/images/check_box_off.png) 0 0 no-repeat;line-height:20px;margin-right:20px;padding-left:25px !important;}
input[type=radio]:checked + label {display:inline-block;padding:0;background:url(/images/check_box_on.png) 0 0 no-repeat;line-height:20px;padding-left:25px} */
input.ip01 {padding: 0 10px;background: #fff;border:1px #dedede solid;height:30px;line-height: 30px;font-family:"맑은고딕", "Malgun Gothic", malgun;font-size:14px;color:#333;}
input.ip01.readonly1 {padding: 0 10px;background: #fff !important;border:1px #fff solid;}
input.ip02 {padding: 0 10px;background: #fff;border:1px #dedede solid;height:30px;line-height: 30px;font-family:"맑은고딕", "Malgun Gothic", malgun;font-size:14px;color:#333;}
input.ip03 {padding: 0 10px;background: #fff;border:1px #c6c6c6 solid;height:40px;line-height: 40px;font-family:"맑은고딕", "Malgun Gothic", malgun;font-size:15px;color:#000;}
body.ios input.ip01,
body.ios input.ip02,
body.ios input.ip03 {line-height: 1;}
input.ip_file01 {padding: 4px 5px;background: #fff;border:1px #dedede solid;font-family:"맑은고딕", "Malgun Gothic", malgun;font-size:14px;color:#333;}
select.sel01 {padding-left: 10px;border:1px #787878 solid;height: 30px;font-family:"맑은고딕", "Malgun Gothic", malgun;font-size:14px;color:#333;}
body.ios select.sel01 {border:1px #787878 solid;height: 30px;font-family:"맑은고딕", "Malgun Gothic", malgun;font-size:14px;color:#333;}
select.sel02 {border:1px #c6c6c6 solid;height: 40px;font-family:"맑은고딕", "Malgun Gothic", malgun;font-size:15px;color:#000;}
textarea.txta01 {border:1px #c6c6c6 solid;padding:10px;font-family:"맑은고딕", "Malgun Gothic", malgun;font-size:15px;color:#333;line-height: 1.5;}
textarea[disabled],
input[disabled],
select[disabled] {background: #ddd;}
/*가로스크롤 박스*/
.hscr_box {position: relative;}
.hscr_box:after {display: block;content:" ";position: absolute;top: 0;right: 0;z-index: 50;width: 27px;height:100%;background: url(../images/hscr_ovl_white.png) repeat-y right 0;}
/* .hscr_box:after {display: block;content:" ";position: absolute;top: 0;right: 0;z-index: 50;width: 27px;height:100%;background: url(images/hscr_ovl_bk.png) repeat-y right 0;} */
.hscr_box .scr_area {position: relative;overflow: auto;-webkit-overflow-scrolling: touch;/* 스크롤 박스 */}
.hscr_box .scr_area > .cts {min-width:500px; /* 실제로 보여질 컨텐츠 최소 사이즈 지정 */}
/*세로스크롤 박스*/
.vscr_box {position: relative;}
.vscr_box:after {display: block;content:" ";position: absolute;bottom: 0;left: 0;width:98%;height:34px;z-index: 80;background: url(../images/vscr_ovl_white.png) repeat-x 0 bottom;}
.vscr_box .scr_area {position: relative;overflow: auto;-webkit-overflow-scrolling: touch;padding-bottom:40px;}
/* 버튼 */
.hgbtn {display:inline-block;vertical-align: middle;font-family:"맑은고딕", "Malgun Gothic", malgun;border:0;border:none;outline:none;background:none;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
border-radius:0px 0px;-webkit-appearance:none;
}
/* 버튼 컬러 */
.hgbtn.grey01 {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #fff !important;background-color: #777;border:1px #777 solid;}
.hgbtn.grey02 {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #fff !important;background-color: #999;border:1px #999 solid;}
.hgbtn.grey03 {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #fff !important;background-color: #7f8798;border:1px #7f8798 solid;}
.hgbtn.grey04 {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #fff !important;background-color: #a8adb9;border:1px #a8adb9 solid;}
.hgbtn.grey01_line {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #333 !important;background-color: #e3e3e3;border:1px #999 solid;}
.hgbtn.grey01_line:hover {background-color: #999;border-color: #999;color: #fff !important;}
.hgbtn.grey02_line {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #999 !important;background-color: #fff;border:1px #999 solid;}
.hgbtn.org01 {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #fff !important;background-color: #ff6000;border:1px #ff6000 solid;}
.hgbtn.red01 {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #fff !important;background-color: #e60013;border:1px #e60013 solid;}
.hgbtn.red02 {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #fff !important;background-color: #ed243d;border:1px #ed243d solid;}
.hgbtn.white01 {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #000 !important;background-color: #fff;border:1px #dedede solid;}
.hgbtn.white02 {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #000 !important;background-color: #fff;border:1px #1e283d solid;}
.hgbtn.white03 {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #333 !important;background-color: #fff;border:1px #777 solid;}
.hgbtn.blue01 {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #fff !important;background-color: #001e56;border:1px #001e56 solid;}
.hgbtn.blue01_line {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #3584c0 !important;background-color: #fff;border:1px #3584c0 solid;}
.hgbtn.blue02 {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #fff !important;background-color: #4268b3;border:1px #4268b3 solid;}
.hgbtn.blue02_line {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #3372cf !important;background-color: #fff;border:1px #9bbef0 solid;}
.hgbtn.blue03 {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #fff !important;background-color: #5694ef;border:1px #5694ef solid;}
.hgbtn.blue04 {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #fff !important;background-color: #1c3463;border:1px #1c3463 solid;}
.hgbtn.blue04:hover {background-color: #2a4c8f;}
.hgbtn.blue05 {height:30px;line-height:27px;padding: 0 15px;font-size: 14px;font-weight: 600;text-align: center;color: #fff !important;background-color: #3584c0;border:1px #3584c0 solid;}
/* 제품 상세 ai 다운로드 */
.btn_ai_down {text-align: left !important;padding: 0 40px 0 10px !important;background-image: url(../images/ico_down.png);background-position: 95% 4px;background-repeat: no-repeat;}
/* 버튼 height 사이즈 */
.hgbtn.size_type1 {min-width:132px;height:42px !important;line-height:42px !important;font-size:15px !important;}
.hgbtn.size_type2 {min-width:200px;height:50px !important;line-height:50px !important;font-size:15px !important;}
.hgbtn.sizeh40 {height: 40px !important;line-height: 37px !important;font-size: 14px;}
.hgbtn[disabled] {cursor: default;background: #ddd !important;border:1px #a0a0a0 solid;color: #888 !important;}
/* 버튼 아이콘 */
.hgbtn.ico_whArr {
padding-left:23px;
background-image: url(../image/bl_whArr.png);
background-position: 10px center;
background-repeat: no-repeat;
}
.hgbtn.ico_whUp {
padding-left:23px;
background-image: url(../image/bl_whUp.png);
background-position: 10px center;
background-repeat: no-repeat;
}
.hgbtn.ico_whDown {
padding-left:23px;
background-image: url(../image/bl_whDown.png);
background-position: 10px center;
background-repeat: no-repeat;
}
/* 리스트 */
.bl_triag_right {font-size: 14px;}
.bl_triag_right li {position: relative;padding-left: 10px;margin: 5px 0;}
.bl_triag_right li:before {content:"";display: block;position: absolute;top: 5px;left:0;border-width:4px;border-color: transparent transparent transparent #5884d6;border-style: solid;}
.bl_rect {font-size: 14px;}
.bl_rect li {position: relative;padding-left: 10px;margin: 5px 0;}
.bl_rect li:before {content:"";display: block;position: absolute;top: 6px;left:0;width: 4px;height: 4px;background: #000;}
.bl_circle {font-size: 14px;}
.bl_circle li {position: relative;padding-left: 10px;margin: 5px 0;font-size: 14px;}
.bl_circle li:before {content:"";display: block;position: absolute;top: 6px;left:0;width: 4px;height: 4px;background: #00a5ff;border-radius: 50px;}
.bl_bar {font-size: 14px;}
.bl_bar li {position: relative;padding-left: 10px;margin: 5px 0;}
.bl_bar li:before {content:"-";display: block;position: absolute;top: 0px;left:0;}
/*인풋박스리스트*/
.ip_list1 {display: table;width: 100%;}
.ip_list1 > li {display: table-cell;margin: 2px 0;vertical-align: middle;}
.ip_dl_list1 {display: table;width: 100%;}
.ip_dl_list1 > dt,
.ip_dl_list1 > dd {display: table-cell;vertical-align: middle;}
/* iscroll basic */
.iscrBody {position: relative;overflow: hidden; /* height: 300px; 최소 height 값 지정 */}
.iscrCts {
position: absolute;z-index: 1;-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-o-text-size-adjust: none;
text-size-adjust: none;
}
.iScrollHorizontalScrollbar {
position: absolute;
z-index: 9999;
height: 16px;
left: 2px;
right: 2px;
bottom: 2px;
overflow: hidden;
}
.iScrollHorizontalScrollbar.iScrollBothScrollbars {
right: 18px;
}
.iScrollVerticalScrollbar {
position: absolute;
z-index: 9999;
width: 16px;
bottom: 2px;
top: 2px;
right: 2px;
overflow: hidden;
}
.iScrollVerticalScrollbar.iScrollBothScrollbars {
bottom: 18px;
}
.iScrollIndicator {
position: absolute;
background: #cc3f6e;
border-width: 1px;
border-style: solid;
border-color: #EB97B4 #7C2845 #7C2845 #EB97B4;
border-radius: 8px;
}
.iScrollHorizontalScrollbar .iScrollIndicator {
height: 100%;
background: -moz-linear-gradient(left, #cc3f6e 0%, #93004e 100%);
background: -webkit-linear-gradient(left, #cc3f6e 0%,#93004e 100%);
background: -o-linear-gradient(left, #cc3f6e 0%,#93004e 100%);
background: -ms-linear-gradient(left, #cc3f6e 0%,#93004e 100%);
background: linear-gradient(to right, #cc3f6e 0%,#93004e 100%);
}
.iScrollVerticalScrollbar .iScrollIndicator {
width: 100%;
background: -moz-linear-gradient(top, #cc3f6e 0%, #93004e 100%);
background: -webkit-linear-gradient(top, #cc3f6e 0%,#93004e 100%);
background: -o-linear-gradient(top, #cc3f6e 0%,#93004e 100%);
background: -ms-linear-gradient(top, #cc3f6e 0%,#93004e 100%);
background: linear-gradient(to bottom, #cc3f6e 0%,#93004e 100%);
}
.ajax_loader {display: block;text-indent: -99999px;position:fixed;top: 0;left: 0;z-index: 500;width: 100%;height:100%;text-align:center;font-size:15px;color: #000;background: url(../images/loading.gif) no-repeat center center;display: none;}
/*css loading img*/
@-webkit-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes uil-ring-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.uil-ring-css {display: inline-block;background: none;position: fixed;top: 50%;left: 50%;width: 80px;height: 80px;margin: -40px 0 0 -40px;}
.uil-ring-css > div {
position: absolute;
width: 80px;
height: 80px;
border-radius: 40px;
box-shadow: 0 3px 0 0 #1f2c56;
-ms-animation: uil-ring-anim 1s linear infinite;
-moz-animation: uil-ring-anim 1s linear infinite;
-webkit-animation: uil-ring-anim 1s linear infinite;
-o-animation: uil-ring-anim 1s linear infinite;
animation: uil-ring-anim 1s linear infinite;
}
.css_loader {display: none;}
/**/
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow {position: relative;width: 400px;}
.cycle-slideshow .cycle-slide {width: 400px;}
.cycle-slideshow .cycle-slide img {width: 100%; height: auto;}
.cycle-slideshow .cycle-slide-active {}
/* pager */
.cycle-pager {text-align: center; width: 100%;overflow: hidden;background:none;}
.cycle-pager span {text-indent: -99999px;font-family: arial; font-size: 50px; width: 16px; height: 16px;margin:0 2px;display: inline-block; color:red; cursor: pointer;background: red;}
.cycle-pager span.cycle-pager-active { color: #000;}
.cycle-pager > * { cursor: pointer;}
/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0;z-index: 800; height: 50%; cursor: pointer; }
.cycle-prev { left: 0;}
.cycle-next { right: 0;}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
/*display: block;*/
/*width: 100%;*/
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
/* 240509 가격 숨김 jhg */
.divider {width: 100%;height: 1px;border: none; background-color: #a7a7a7;margin-top: 12px;display: none;}
.divider.hidden-price {display: block;}
.hidden-price,
.item_price {display: none;}
/* 2//40509 가격 숨김 jhg */
@media only screen and (min-width: 480px) {}
@media all and (min-width: 640px) {}
/*TABLET*/
@media all and (min-width: 768px) {}
@media all and (min-width: 768px) and (max-width:1023px) {}
/* 아이패드 미니 가로 */
@media all and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) {}
@media all and (min-width: 1024px) {
.uil-ring-css {width: 160px;height: 160px;margin: -80px 0 0 -80px;}
.uil-ring-css > div {width: 160px;height: 160px;border-radius: 80px;box-shadow: 0 6px 0 0 #1f2c56;}
}
@media all and (min-width: 1280px) {}