@charset "UTF-8";
@font-face {
font-family: 'proxima-nova';
font-weight: 400;
src: url('./fonts/ProximaNova-Regular.eot');
src: url('./fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
url('./fonts/ProximaNova-Regular.woff2') format('woff2'),
url('./fonts/ProximaNova-Regular.woff') format('woff'),
url('./fonts/ProximaNova-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'proxima-nova';
font-weight: 700;
src: url('./fonts/ProximaNova-Bold.eot');
src: url('./fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
url('./fonts/ProximaNova-Bold.woff2') format('woff2'),
url('./fonts/ProximaNova-Bold.woff') format('woff'),
url('./fonts/ProximaNova-Bold.ttf') format('truetype');
}
/************************ [ RESET ] ************************/
html,body {height:100%}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0 none}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-style:normal;}
li,select,input,label,button,img {vertical-align:middle}
th, em {font-weight:normal;text-decoration:none}
input,select,textarea {-webkit-appearance:none;margin-left:0;border-style:solid;border-width:1px;border-radius:0;}
img,fieldset,iframe {border:0 none}
table,div {border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
ul,li,ol {list-style-type:none}
button {border:0 none;margin:0;padding:0;background:transparent;cursor:pointer}
button[disabled] {cursor:default}
button::-moz-focus-inner {border:0;padding:0}
table, textarea {width:100%;max-width:100%}
textarea {resize:none}
div,ul,li,span,input,button,a {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
a,label {display:inline-block;vertical-align:middle}
span {display:inline-block}
label {cursor:pointer}
strong {font-weight:normal}
/******************* [ INITIALIZE ] *******************/
body,input,select,textarea,button {
font-size:13px;
font-family:proxima-nova;
-webkit-font-smoothing:antialiased;
color:#000;/* VAR (primary COLOR)*/
}
input,select,textarea,button,pre {font-family:inherit;font-size:inherit;}
/* ( form ) */
form legend {width:0;height:0;font-size:0;text-indent:-9999px;line-height:0}
/* ( textarea ) */
textarea {
padding:5px 7px;/* VAR (textarea padding) */
border-width:1px;border-style:solid;
border-color:#cecece;/* VAR */
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;/* VAR (box-sizing 전부 다) */
-webkit-appearance:none;-moz-appearance:none;
}
/* ( multi_value ) */
.multi_value {
position:relative;top:1px;
height:25px;
padding:4px 5px 0;
margin:5px 0;
background:url(/ecom/images/common/bg-textline.gif) repeat;
/*padding:0 5px; line-height:23px; :safari placeholder 버그로 인해 삭제 */
vertical-align:middle;
}
.multi_value.lineAdd {padding:0 5px;line-height:23px}
.inline {display:inline}
/* ( inputbox ) */
input[type="text"],input[type="password"],input[type="tel"],
input[type="reset"], select, .input_design {
height:23px;/* VAR */line-height:1em;
border-width:1px;border-style:solid;
border-color:#cecece;/* VAR */
background-color:#fff;/* VAR (input bg color)*/
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;/* VAR (box-sizing 전부 다) */
outline:none;
}
input[type="text"]::-ms-clear ,input[type="password"]::-ms-clear ,input[type="tel"]::-ms-clear {display:none}
.input_design {min-width:25px;padding:0 4px;vertical-align:middle;line-height:20px}
input[type="text"],input[type="password"],input[type="tel"],input[type="search"],input[type="url"],input[type="url"] {width:143px;}/* min-width setting */
input[type="text"]:hover,input[type="password"]:hover,input[type="tel"]:hover,
input[type="reset"]:hover {
border-color:#e191bd;/* VAR (input hover color) */
}
input[type="text"]:focus,input[type="password"]:focus,input[type="tel"]:focus,
input[type="reset"]:focus {
border-color:#e191bd!important;/* VAR (input focus border color) */
background-color:#faf6f8;/* VAR (input focus bg color) */
}
input[type="text"][disabled],input[type="text"]:disabled,
input[type="password"][disabled], input[type="password"]:disabled,
input[type="tel"][disabled],input[type="tel"]:disabled,
input[type="reset"][disabled], input[type="reset"]:disabled,
textarea[disabled], textarea:disabled {
border-color:#e1e1e1;
background-color:#f5f5f5;
color:#cecece
}
input[type="text"][readonly], input[type="text"]:readonly,
input[type="password"][readonly], input[type="password"]:readonly,
input[type="tel"][readonly], input[type="tel"]:readonly,
input[type="reset"][readonly], input[type="reset"]:readonly,
textarea[readonly] ,textarea:readonly{
border-color:#e1e1e1;
}
input[type="text"][readonly] {border-color:#e1e1e1}
/* ( checkbox & radio ) */
input[type="checkbox"],input[type="radio"] {
-webkit-appearance:none;-moz-appearance:none;
width:15px;height:15px;
margin:0 5px 0 0;
border:0 none;
cursor:pointer;
}
/* ( checkbox ) */
input[type="checkbox"] {background:url(/ecom/images/common/checkbox_unchk.gif) 0 0 no-repeat;/* VAR :unchk img */outline:none;background-size:contain;}
input[type="checkbox"]:checked {background:url(/ecom/images/common/checkbox_chk.gif) 0 0 no-repeat;/* VAR :chk img */}
input[type="checkbox"][disabled]:checked {background:url(/ecom/images/common/checkbox_readonly.gif) 0 0 no-repeat;/* VAR :chk img */}
input[type="checkbox"]:disabled {
background:url(/ecom/images/common/checkbox_disable.gif) 0 0 no-repeat;/* VAR :chk img */
cursor:default;
}
/* ( radio ) */
input[type="radio"] {background:url(/ecom/images/common/radio_unchk.gif) center 1px no-repeat;/* VAR :radio unchk img */outline:none;}
input[type="radio"]:checked {background:url(/ecom/images/common/radio_chk.gif) center 1px no-repeat;/* VAR :radio chk img */}
input[type="radio"][disabled]:checked {background:url(/ecom/images/common/radio_readonly.gif) center 1px no-repeat;/* VAR :radio chk img */}
input[type="radio"]:disabled {
background:url(/ecom/images/common/radio_disable.gif) center 1px no-repeat;/* VAR :radio chk img */
cursor:default;
}
/* ( label ) */
label {margin-right:5px;cursor:pointer}
/* ( selectbox ) */
select {
-webkit-appearance:none;/* VAR :appearance */
height:23px;max-width:100%;
padding-right:25px;
background:#fff url(/ecom/images/common/selectbox.gif) right 0 no-repeat;/* VAR :select img */
box-sizing:border-box;
line-height:normal;
}
select::-ms-expand {display:none;}
select:hover {
border-color:#e191bd;/* VAR (select hover color) */
}
select:focus {
border-color:#e191bd;/* VAR (select focus border color) */
background-color:#faf6f8;/* VAR (select focus bg color) */
}
select:disabled {
border-color:#e1e1e1;/* VAR (select disabled border color) */
background:#f5f5f5 url(/ecom/images/common/selectbox_dis.gif) right 0 no-repeat;/* VAR :select disable img */
}
select option {
height:23px;
padding:5px 0 5px 5px;
background-color:#fff;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
/* firefox */
@-moz-document url-prefix() {
input[type="radio"] {-moz-appearance:radio;}
input[type="checkbox"] {-moz-appearance:checkbox;}
select {-moz-appearance:window;padding-right:5px;background:none;box-sizing:border-box;background-color:#fff}
select option {height:auto;}
}
/* ( anchor ) */
a[href], a[onclick], a.blue {
text-decoration:underline;
line-height:12px;
color:#c0046b;/* VAR anchor color */
cursor:pointer;
}
/* ( table ) */
table {
width:100%;
table-layout:fixed;
}
th {
text-align:left;
/* white-space:nowrap; */
line-height:17px;
}
thead th,thead td {text-align:center}
th ,td {
height:37px;
padding:0 8px;
}
td input,td select {margin-right:4px;}
/* textarea 하나만 가지고있는 td */
td.textarea {padding:8px 8px 5px;}
td.textarea textarea {margin:0}
/* ( break :break line ) */
.break {white-space:normal}
/* ( middle :td안의 텍스트 컨텐츠가 여러줄일때 vertical-align middle 처리) */
table .middle input ,table .middle select {position:relative;top:-5px;}
table .middle .middle_span {position:relative;top:3px}
/* (table_description) */
.table_desc {
font-size:12px;
color:#656565
}
.multi_row .table_desc {line-height:14px}
/* ( table_type(n) - initialize ) */
.table_type1,.table_type2 {margin-bottom:8px;}
/* ( table_type1 :default ) */
.table_type1,.table_type2 {border-top:1px solid #c0046b}
.table_type1 th ,.table_type2 th,.table_type1 thead td ,.table_type2 thead td {background-color:#faf6f8;}
.table_type1 th,.table_type1 td,
.table_type2 th,.table_type2 td {
border-bottom:1px solid #d1cdcf;
}
.table_type1[data-tdborder] th,.table_type1[data-tdborder] td,
.table_type2[data-tdborder] th,.table_type2[data-tdborder] td {
border-left:1px solid #d1cdcf;
word-break:normal;word-wrap:break-word;
/*word-break:break-all; break-word(normal) 를 표준으로 하기로해서 삭제함. */
}
.table_type1[data-tdborder] tr th:first-child,.table_type1[data-tdborder] tr td:first-child,
.table_type2[data-tdborder] tr th:first-child,.table_type2[data-tdborder] tr td:first-child {
border-left:0 none;
}
.table_type1[data-tdborder] tr td[rowspan],.table_type2[data-tdborder] tr td[rowspan] {border-right:1px solid #d1cdcf;}
.table_type1[data-tdborder] tr td:last-child[rowspan],.table_type2[data-tdborder] tr td:last-child[rowspan] {border-right:0 none}
.table_type1 th,.table_type2 th {padding-left:18px;text-align:left;}
.table_type1 th.align_left ,.table_type2 th.align_left {text-align:left}
.table_type1 th.align_right ,.table_type2 th.align_right {text-align:right}
.table_type1 thead th,.table_type2 thead th {padding-left:8px;text-align:center}
th.req{padding-left:18px;}
th.req:before {
display:inline-block;content:" ";
position:relative;left:-11px;
width:7px;height:6px;
margin-top:4px;margin-right:-7px;
background:url(/ecom/images/common/sprite_common.png?A=3) -17px -303px;
vertical-align:top;
}
span.req {
position:relative;top:-1px;
display:inline-block;
width:7px;height:6px;
background:url(/ecom/images/common/sprite_common.png?A=3) -17px -303px;
}
/* ( table_type2 ) (CUP_HOM_3243) */
.table_type1 .table_type2, .box_type1 .table_type2 {margin:8px 0;border:1px solid #d0e0ef;}
.table_type1 .table_type2 th, .box_type1 .table_type2 th {padding:3px 4px;border:1px solid #d1cdcf;height:initial;}
.table_type1 .table_type2 td, .box_type1 .table_type2 td {height:31px;border:1px solid #d1cdcf;}
/* ( table_read ) */
.table_read td {padding-top:3px;padding-bottom:3px;line-height:13px}
.table_read td > a {line-height:17px}
/* ( table_type3_transparent ) */
.table_type3_transparent th, .table_type3_transparent td {
height:25px;
padding:2px 25px
}
.table_type3_transparent th {padding-left:0}
.table_type3_transparent input[type="text"],
.table_type3_transparent input[type="password"],
.table_type3_transparent input[type="tel"],
.table_type3_transparent select {border-color:#d1cdcf}
.table_type3_transparent .period_td {white-space:nowrap}
/* (multi_row) */
table th.multi_row {
padding-top:6px;padding-bottom:6px;
}
table td.multi_row {
height:31px;
padding:2px 8px 4px;
line-height:30px;
}
/* table td.multi_row label {line-height:initial} */
/* ( field_td ) */
table td.field_td {padding:4px 14px;}
/* ( placeholder ) */
.placeholder {color:#b4b4b4}
::-webkit-input-placeholder {
/* WebKit browsers */
color:#b4b4b4;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color:#b4b4b4;
opacity:1;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color:#b4b4b4;
opacity:1;
}
:-ms-input-placeholder {
/* Internet Explorer 10+ */
color:#b4b4b4;
}
/******************* [ LANGUAGE INITIALIZE ] *******************/
/******************* [ ZH (China) ] *******************/
body.zh {font-family:proxima-nova,sans-serif,simsun,'SimSun','宋体',"돋움",Dotum, Arial, Geneva, Helvetica, sans-serif,"Apple-Gothic","애플고딕","Droid Sans";font-size:12px}
/******************* [ JP (Japan) ] *******************/
body.jp {font-family:proxima-nova,sans-serif,"MS PGothic", "Osaka","돋움",Dotum, Arial, Geneva, Helvetica, sans-serif,"Apple-Gothic","애플고딕","Droid Sans";font-size:12px}
/* ( language_select ) */
.language_select {
position:absolute;top:6px;right:6px;
overflow:hidden;
border:1px solid #d1cdcf;border-radius:3px;
background-color:#faf6f8;
white-space:nowrap;
z-index:200;
}
.language_select a {cursor:pointer}
.language_select a.now,.language_select a:hover {
box-shadow:0 0 3px 3px #C1D8EC;
background:#fff;
}
.language_select a.now {position:relative;z-index:1}
/* .ecom_language {display:block} */
.language_select a {
overflow:hidden;
width:36px;height:100%;
line-height:24px;vertical-align:top;text-align:center;
cursor:pointer;
color:#0063ca;
border-radius:3px;
}
.language_select a:first-child {margin-left:0}
.jp .m_gnb {
width: 1024px;
margin: 0 auto;
z-index: 150;
height: 40px;
position: relative;
background: #c1046b;
padding: 1px 20px;
clear: both;
font-size:13px;
}
/********************************* [ BUTTON ] ********************************/
/* ( button_div ) */
[class^="button_div"] {margin-bottom:20px;text-align:center}
[class^="button_div"]:after {
display:block;content:" ";clear:both;
}
/* ( button_div_top ) */
.button_div {margin-bottom:8px}
/* ( button common ) */
.btn_type1:first-child,
button.btn_type2:first-child,
.btn_table:first-child,.btn_row_add:first-child {margin-left:0}
/*( btn_type1 , btn_type2 )*/
.btn_type1, .btn_type2 .btn_type1,
button.btn_type2, .btn_row_add, .btn_row_del,
.btn_move_add, .btn_move_del {
position:relative;overflow:hidden;
overflow:visible;
min-width:57px;min-height:25px;
padding:0 11px;margin-left:5px;margin-right:0!important;
border-radius:3px;
text-align:center;line-height:28px;
letter-spacing:.2px;
color:#fff;
z-index:1;
}
button.btn_type3:first-child,.btn_type3,button.btn_type3 {
position:relative;overflow:hidden;
overflow:visible;
min-width:57px;min-height:20px;
padding:0 5px;margin-left:5px;margin-right:0!important;margin-top:3px;
border-radius:3px;
text-align:center;line-height:15px;
letter-spacing:.2px;
color:#fff;
z-index:1;
}
.btn_type1:before,.btn_type1:after,
button.btn_type2:before,button.btn_type2:after,
button.btn_type3:before,button.btn_type3:after,
.btn_type2 .btn_type1:before, .btn_type2 .btn_type1:after,
.btn_move_add:after, .btn_move_add:before, .btn_move_del:after, .btn_move_del:before,
.btn_row_add:before, .btn_row_add:after, .btn_row_del:before, .btn_row_del:after {
display:block;content:" ";
position:absolute;left:0;
width:100%;height:50%;
z-index:-1;
}
.btn_type3:before, button.btn_type3:before{
top:0;
background-color:#dddddd;
border-radius:2px 2px 0 0;
}
.btn_type1:before, button.btn_type2:before,
.btn_type1 .btn_type2:before,
.btn_row_add:before, .btn_row_del:before,
.btn_move_add:before, .btn_move_del:before {
top:0;
background-color:#8c044e;
border-radius:2px 2px 0 0;
}
.btn_type3:after, button.btn_type3:after{
bottom:0;
background-color:#dddddd;
border-radius:0 0 2px 2px;
}
.btn_type1:after, button.btn_type2:after,
.btn_type1 .btn_type2:after,
.btn_row_add:after, .btn_row_del:after,
.btn_move_add:after, .btn_move_del:after {
bottom:0;
background-color:#8c044e;
border-radius:0 0 2px 2px;
}
.btn_type1.ui-state-default {color:#fff}
/* ( btn_type2 ) */
.btn_type2 .btn_type1:before,
button.btn_type2:before {background-color:#cc0d75;}
.btn_type2 .btn_type1:after,
button.btn_type2:after {background-color:#cc0d75;}
/* ( btn_search ) */
.btn_search {
position:relative;
overflow:hidden;
width:23px;height:23px;
margin-left:-5px;
border:1px solid #d1cdcf;border-left:0 none;
}
.btn_search:after {
display:block;content:"";
position:absolute;top:0;right:0;
width:21px;height:21px;
border-left:1px solid #dce8f4;
background:#fff url(/ecom/images/common/sprite_common.png?A=3) -10px -274px no-repeat;
}
/* ( btn_row_add, btn_row_del ) */
.btn_row_add, .btn_row_del {
min-width:0;min-height:0;
width:18px;height:18px;
padding:0;
font-size:0;text-indent:-9999px;
background:url(/ecom/images/common/sprite_common.png?A=3) -0 -0px no-repeat;
}
.btn_row_add:before {background:#c0046b url(/ecom/images/common/sprite_common.png?A=3) -45px -274px no-repeat;}
.btn_row_add:after {background:#c0046b url(/ecom/images/common/sprite_common.png?A=3) -45px -283px no-repeat;}
.btn_row_del:before {background:#c0046b url(/ecom/images/common/sprite_common.png?A=3) -77px -274px no-repeat;}
.btn_row_del:after {background:#c0046b url(/ecom/images/common/sprite_common.png?A=3) -77px -283px no-repeat;}
/* ( btn_move_add, btn_move_del ) */
.button_data_move {display:inline-block;min-width:89px;padding:0 7px;}
.btn_move_del,.btn_move_add {display:block;width:73px;padding:0 9px;margin:5px 0}
.btn_move_add {margin-bottom:0;text-align:left}
.btn_move_del {text-align:right;padding-left:20px}
.btn_move_del:before,.btn_move_add:before {background-color:#c1046b}
.btn_move_del:after,.btn_move_add:after {background-color:#c1046b}
.btn_move_del > span:after,
.btn_move_add > span:after {
display:block;content:"";
position:absolute;top:50%;
width:5px;
left:8px;
height:9px;
margin-top:-6px;
background:url(/ecom/images/common/sprite_common.png?A=3) -14px -326px no-repeat;
}
.btn_move_add > span:after {
right:8px;left:auto;
background-position:-27px -326px
}
/* ( btn_type(n) disabled ) */
.btn_type1[disabled], button.btn_type2[disabled],
.btn_type2 .btn_type1[disabled] {color:#e2e5ed}
.btn_type1[disabled]:before ,button.btn_type2[disabled]:before,
.btn_type2 .btn_type1[disabled]:before {background-color:#bbb2b5;}
.btn_type1[disabled]:after , button.btn_type2[disabled]:after,
.btn_type2 .btn_type1[disabled]:after {background-color:#bbb2b5;}
/* ( btn_table ) */
.btn_table {
height:23px;
padding:0px 10px;margin-left:4px;
/*margin-left:4px; 3201 깨짐 (Quick Booking)*/
border:1px solid #daaac4;
border-radius:2px;
background-color:#fff;
color:#941d5es; font-weight:normal
}
.btn_table[disabled] {border-color:#d8e7f3;color:#d3d3d3}
.btn_table.edit {background-color:#f4eaef}
.btn_table.edit[disabled] {background-color:#f6fcfe;}
/* ( btn add , del ) */
.btn_condition_add,.btn_condition_del {
width:18px;height:18px;
background:url(/ecom/images/common/sprite_common.png?A=3) -44px -248px no-repeat;
font-size:0;line-height:0;text-indent:-9999px;
}
.btn_condition_del {background:url(/ecom/images/common/sprite_common.png?A=3) -64px -248px no-repeat;}
/* ( btn_up , down ) */
.btn_up,.btn_down {
position:relative;
width:25px;height:25px;
margin-right:4px;
border:1px solid #d1cdcf;border-radius:3px;
background-color:#fff;
font-size:0;text-indent:-9999px;
}
.btn_up:after,.btn_down:after {
display:block;content:"";
width:9px;height:5px;
position:absolute;top:50%;
margin:-3px 0 0 -4.5px;
left:50%;
background:url(/ecom/images/common/sprite_common.png?A=3) -41px -326px no-repeat;
}
.btn_down:after {background-position:-57px -326px;}
.btn_up[disabled],.btn_down[disabled] {border-color:#d8e7f3}
.btn_up[disabled]:after {background-position:-41px -337px}
.btn_down[disabled]:after {background-position:-57px -337px}
/* [ TAB ] */
.tab_item_group {clear:both}
.tab_item_group:after {display:block;content:" ";clear:both}
.tab_item_group li {
float:left;
}
.tab_item_group li.on, .tab_item_group li:hover,
.tab_item_group li.on *, .tab_item_group li:hover * {color:#c0046b; font-weight:bold }
.tab_contents {display:none}
/* ( tab_group ) */
.tab_group {position:relative;top:1px;}
.tab_group:before ,.tab_group:after {display:block;content:"";}
.tab_group:after {clear:both}
.tab_group:before {
position:absolute;bottom:0;left:0;
width:100%;height:1px;
background-color:#c0046b;
}
.tab_group > li {
float:left;
padding:0 10px;;
min-width:98px;
border:1px solid #d1cdcf;
background-color:#fff;
cursor:pointer;
}
.tab_group > li.on,.tab_group > li.jui-tab-on {
border-color:#c0046b;
background-color:#f4eaef;
}
.tab_group > li > a {
width:100%;
text-align:center;
line-height:25px;white-space:nowrap;
}
.tab_group.widthAuto li {min-width:0}
.tab_top:before {display:none}
.tab_top li {border-bottom:0 none}
/* ( tab_group_ptpmr ) */
.tab_group_ptpmr {position:inherit;top:1px;}
.tab_group_ptpmr:before ,.tab_group:after {display:block;content:"";}
.tab_group:after {clear:both}
.tab_group:before {
position:absolute;bottom:0;left:0;
width:100%;height:1px;
background-color:#c0046b;
}
.tab_group_ptpmr > li {
float:left;
padding:0 10px;;
min-width:98px;
border:1px solid #d1cdcf;
background-color:#fff;
cursor:pointer;
width:100%;
}
.tab_group_ptpmr > li.on,.tab_group_ptpmr > li.jui-tab-on {
border-color:#c0046b;
background-color:#f4eaef;
width:100%;
}
.tab_group_ptpmr > li > a {
width:100%;
text-align:left;
line-height:25px;white-space:nowrap;
}
.tab_group_ptpmr.widthAuto li {min-width:0}
/* [ Description ] */
ul[class^="desc_type"] {margin-top:25px}
p[class^="desc_type"], .multi_row p[class^="desc_type"] {line-height:15px}
ul[class^="desc_type"] li,
p[class^="desc_type"].bullet {
position:relative;
padding-left:11px;
line-height:16.9px;
}
.desc_type1 strong, .desc_type2 strong, strong.red {color:#ff002f}
strong.blue, .blue, .jui-txt-blue, .jui-txt-blue2, .desc_type1.blue {color:#c1046b}
strong.red, .red {color:#f1150a}
/* ( /* ( desc_type(n) - bullet :initialize ) */
p.desc_type1.bullet:before, .desc_type1.bullet li:before,
p.desc_type2.bullet:before, .desc_type2.bullet li:before {
display:block;content:"";
position:absolute;left:0;top:0;
width:9px;height:11px;
background-image:url(/ecom/images/common/sprite_common.png?A=3);
background-repeat:no-repeat;
}
/* ( desc_type1 ) */
.desc_type1, .desc_type1.bullet li {color:#656565}
p.desc_type1.bullet:before, .desc_type1.bullet li:before {background-position:-33px -300px;}
/* ( desc_type2 ) */
.desc_type2, .desc_type2.bullet li {color:#c1046b}
p.desc_type2.bullet:before, .desc_type2.bullet li:before {background-position:-47px -300px;}
/* ( desc_type3 ) */
ul[class^="desc_type3"] {margin-top:25px; padding-left:15px;}
p[class^="desc_type3"], .multi_row p[class^="desc_type"] {line-height:15px}
ul[class^="desc_type3"] li,
p[class^="desc_type3"].bullet {
position:relative;
padding-left:5px;
line-height:14px;
list-style-type:disc;
}
/******* [PAGING] *******/
/* ( paging ) */
.paging {
margin-bottom:15px;
font-size:12px;
text-align:center;
}
.paging a {margin:0 5px;text-decoration:none;color:#000;line-height:15px}
.paging a.jui-paging-active {color:#0665ff;}
.paging > a[class^="paging_"] {
font-size:0;
margin:0 2px;
text-indent:-9999px;
width:15px;height:15px;
background:url(/ecom/images/common/sprite_common.png?A=3) -152px -322px no-repeat;
}
.paging > a.paging_prev {background-position:-167px -322px;}
.paging > a.paging_next {background-position:-179px -322px;}
.paging > a.paging_last {background-position:-194px -322px;}
.paging > a.paging_first[href] {background-position:-96px -322px;}
.paging > a.paging_prev[href] {background-position:-111px -322px;}
.paging > a.paging_next[href] {background-position:-123px -322px;}
.paging > a.paging_last[href] {background-position:-136px -322px;}
.paging > a.paging_prev {margin-right:9px}
.paging > a.paging_next {margin-left:9px;}
/* ( paging_week ) */
.paging_week {
position:relative;
margin-bottom:20px;
text-align:center;
}
.paging_week a {background-color:#fff;cursor:pointer;z-index:1;}
.paging_week a:hover {color:#c1046b}/* VAR */
.paging_week a[id^="btnPrev"]{position:relative;}
.paging_week a[id^="btnNext"]{position:relative;}
.paging_week a[id^="btnPrev"]:before,.paging_week a[id^="btnNext"]:before {
display:block;content:"";
position:absolute;top:50%;
width:4px;height:7px;
margin-top:-4.5px;
background-image:url(/ecom/images/common/sprite_common.png?A=3);
background-repeat:no-repeat;
}
.paging_week a[id^="btnPrev"]:before {
background-position:-116px -326px;
left:-14px;
}
.paging_week a[id^="btnPrev"]:after {
display:inline-block;content:"";
width:1px;height:8px;margin:0 14px 0 16px;
background-color:#000;
}
.paging_week a[id^="btnNext"]:before {
right:-15px;
background-position:-126px -326px;
}
/* [ BOX ] */
/* ( box_type1 ) */
.box_type1 {
border:1px solid #d1cdcf;
border-top-color:#c0046b;
padding:18px 15px;
margin-bottom:25px;
line-height:16px
}
/* ( box_type1 - select ) */
.box_type1[data-select] {padding:7px 1px 0 5px;}
.box_type1[data-select] select {
width:100%;height:200px;
padding:0;
border:0;background:none;
box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;
outline:none;
}
/* ( box_type2 ) */
.box_type2 {
padding:6px 28px;margin-bottom:20px;
border-top:1px solid #c0046b;
border-bottom:1px solid #d1cdcf;
background-color:#faf6f8;
line-height:20px;
}
.box_type2 th, .box_type2 td {padding:0;height:0}
.box_type2 th {padding-right:5px}
.box_type2 a {text-decoration:underline;color:#d02b85;cursor:pointer}
/* [ ICON ] */
[class^="ico_"] {
display:inline-block;
position:relative;
padding-left:15px;margin:0 10px 8px 0;
line-height:13px;
}
[class^="ico_"]:before {
display:inline-block;content:"";
position:relative;top:1px;
width:11px;height:11px;
margin-left:-12px;margin-right:3px;
background:url(/ecom/images/common/sprite_common.png?A=3);
background-repeat:no-repeat;
vertical-align:top;
}
td[class^="ico_"] {
display:table-cell;
padding:0 0 0 16px;margin:0;
font-size:11px;
letter-spacing:-.2px;line-height:inherit;
white-space:nowrap;
text-align:center
}
td[class^="ico_"]:before {
vertical-align:top;
}
.ico_a:before {background-position:-14px -350px}
.ico_c:before {background-position:-35px -350px}
.ico_e:before {background-position:-77px -350px}
.ico_l:before {background-position:-119px -350px}
.ico_m:before {background-position:-56px -350px}
.ico_h:before {background-position:-98px -350px}
.ico_reply:before {background-position:-113px -306px}
.highlight_black {
background-color: #000000;
color: #FFFFFF;
font-size:10px;
padding: 0px 3px;
border-radius: 2px;
display:inline-block;
}
.highlight_magenta {
background-color: #c0046b;
color: #FFFFFF;
font-size:10px;
padding: 0px 3px;
border-radius: 2px;
display:inline-block;
}
/*************************** [ SUB ] ***********************************/
/* ( browser_upgrade_sub ) */
.browser_upgrade_sub {
display:none;
position:fixed;top:0;left:0;
overflow:hidden;
width:100%;height:187px;
background:url(/ecom/images/common/browser_bg.png) 0 0 repeat;
z-index:300;
}
.browser_upgrade_sub > div {width:1000px;margin:auto;padding-left:30px;}
.browser_upgrade_sub .using {padding-top:17px;line-height:17px;}
.browser_upgrade_sub .using strong {color:#ea1b06}
.browser_upgrade_sub ul {overflow:hidden;margin:26px 0 28px}
.browser_upgrade_sub ul li {float:left;margin-right:40px}
.browser_upgrade_sub ul li a {color:#000;padding-left:35px;position:relative;height:30px;}
.browser_upgrade_sub ul li a,.browser_upgrade_sub ul li a span {text-decoration:underline}
.browser_upgrade_sub ul li a:hover span {background-color:#fff}
.browser_upgrade_sub ul li a span {position:relative;top:4px;padding:0 6px;line-height:19px;}
.browser_upgrade_sub ul li a:before {
display:inline-block;content:"";
width:29px;height:29px;
background:url(/ecom/images/common/sprite_common.png?A=3) -11px -185px no-repeat;
position:absolute;top:0;left:0;
}
.browser_upgrade_sub ul li.ff a:before {background-position:-51px -185px;}
.browser_upgrade_sub ul li.op a:before {background-position:-90px -185px;}
.browser_upgrade_sub ul li.sa a:before {background-position:-131px -185px;}
.browser_upgrade_sub ul li.ie a:before {background-position:-169px -185px;}
.btn_browser_closeSub,.btn_browser_cont {
width:68px;height:30px;
margin-right:18px;
border:1px solid #000;border-radius:4px;
background-color:#fff;
line-height:28px;
color:#000;
}
/* ( cookie_popup ) */
.cookie_popup {
display:none;
position:static!important;
width:1024px;height:auto;
margin:auto;
background:#340535 ;
z-index:290
}
.cookie_popup .using {padding: 5px 0; color:#fff;line-height: normal; }
.cookie_popup .using br {display:none}
.cookie_popup .using .title_cookie {display:inline-block;margin-right:7px;padding-bottom:0;font-weight:700; color:#fff!important; display:block}
.cookie_popup .using a {
margin-top:0;margin-left:7px;
color:#fff;
text-decoration:underline;
vertical-align:top;
cursor:pointer;
}
.cookie_popup > div {
position:relative;
width:100%;
padding:0 12px;
}
.cookie_popup > div .btn_browser_cont {position:absolute;right:0;bottom:-10px;}
.btn_cookie_close {position:absolute;top:7px;right:10px;padding:2px 5px 5px ; border-radius:30px ; background:#fff ; opacity: 0.5; width:25px; height:25px}
/* ( session_login ) */
.session_login {
width:803px;height:458px;
margin:auto;padding:20px 23px 0;
border:1px solid #c0046b;
font-size:12px;
line-height:19.9px;
color:#4b4b4b;
}
.session_login a {text-decoration:none;color:#3a78e7;cursor:pointer;}
.session_login .status_message {width:690px;margin:auto;text-align:center}
.session_login .login_form {
height:169px;
margin:25px -23px;padding-top:30px;
background-color:#faf6f8;
}
.session_login .login_form > div {width:230px;margin:auto;}
.session_login .login_form input {background-color:#fff!important;}
.session_login .language li {position:relative;display:inline-block;padding-right:1px;color:#3a78e7}
.session_login .language li:before {
display:inline-block;content:"|";
margin-right:4px;
}
.session_login .language li:first-child:before {display:none;}
.session_login > ul {margin-bottom:25px}
/* ( sub_login_form ) */
.sub_login_form {padding:10px 11px}
.login_cont > .btn_type1 {height:60px;}
.login_cont > .desc_type1 {
position:relative;
padding:33px 25px 8px;
}
.login_cont {margin-top:22px;}
.login_cont > div {overflow:hidden;width:250px;margin:auto}
.login_cont .formDiv {width:158px;float:left;}
.login_cont input {width:146px;height:27px;margin-bottom:6px;}
.login_cont .change {
display:block;
clear:both;
height:25px;
padding-top:7px;
font-size:11px;line-height:14px;
}
.login_cont button.btn_type1 {float:left;height:60px;width:68px;margin:0;}
.login_cont .change a {cursor:pointer;}
.login_cont .change a:first-child {position:relative;}
.login_cont .change a:first-child:after {
content:"";display:inline-block;
width:2px;height:14px;
margin:-1px 13px 0;
background-color:#999;vertical-align:top;
}
.login_cont > .desc_type1:before {
content:"";display:block;
position:absolute;top:0;left:0;
width:100%;height:1px;
background-color:#d1cdcf;
}
/* ( member_box ) */
.member_box {
position:relative;
margin:-14px 0px 0;padding:61px 50px 0;
/*background:url(/ecom/images/common/bg_blue_gradient.gif) 0 0 repeat-x;*/
background: #fff;
/* background: -webkit-linear-gradient(#fdebf2,#fff,#fff,#fff,#fff);
/* background: -moz-linear-gradient(#fdebf2,#fff,#fff,#fff,#fff); For Firefox 3.6 to 15 */
/* background: linear-gradient(#fdebf2,#fff,#fff,#fff,#fff); /*
}
.member_box > * {position:relative;z-index:1}
.member_box:after {
display:block;content:"";
position:absolute;right:40px;top:1px;
width:140px;height:117px;
/*background:url(/ecom/images/common/bg_blue_search.png) right 0 no-repeat;*/
z-index:0
}
.member_box.guide {padding:25px 15px 0}
.member_box.guide:after {background:url(/ecom/images/common/bg_blue_guide.png) right 0 no-repeat;}
.member_box.mail {padding:62px 21px 0}
.member_box.mail:after {background:url(/ecom/images/common/bg_blue_email.png) right 0 no-repeat;}
.member_box .box_type1.find_div {
padding:30px 0;
background-color:#fff;
}
.member_box .box_type1.find_div h2 {margin-bottom:20px;font-size:18px;color:#c0046b; font-weight:bold }
.member_box .box_type1.find_div input[type="text"],.member_box .box_type1.find_div input[type="password"] {
height:25px;width:180px;
border-color:#d1cdcf;
background-color:#faf6f8;
}
.member_box .box_type1.find_div label {display:inline-block;width:45px;margin-right:0;}
.member_box .box_type1.find_div .btn_type1 {height:25px;line-height:25px;}
/* id box */
.member_box .box_type1.find_div .floatL.id {
position:relative;
padding:0 40px 54px;
}
.member_box .box_type1.find_div .floatL.id .desc_type1 {margin-bottom:23px}
.member_box .box_type1.find_div .floatL.id:after {
display:block;content:"";width:1px;
position:absolute;top:0;bottom:0;right:0;
background:url(/ecom/images/common/bg_find_dot.gif) 0 0 repeat-y;
}
/* password box */
.member_box .box_type1.find_div .floatL.pw {width:50%;padding:0 40px;}
.member_box .box_type1.find_div .floatL.pw label {width:54px}
.member_box .box_type1.find_div .floatL.pw .desc_type1 {margin-bottom:15px}
.member_box .box_type1.find_div .floatL.pw input#srchPwdEmail,
.member_box .box_type1.find_div .floatL.pw label[for="srchPwdEmail"] {margin-top:8px}
.member_box .box_type1.find_div .floatL.pw label {position:relative;top:4px;vertical-align:top;}
.member_box .box_type1.find_div .floatL.pw .btn_type1 {vertical-align:bottom}
/* ( esvc_guide ) */
.height_share:after {display:block;content:"";clear:both;}
.guide_wrap {display:table;margin:10px -20px 0 10px}
.guide_wrap .guide_box {
display:table-cell;
height:302px;
width:237px;
padding-right:20px;padding-bottom:4px;
vertical-align:top;
}
@-moz-document url-prefix() {.guide_wrap .guide_box {padding-bottom:20px}}
.msie.guide_wrap .guide_box {padding-bottom:20px}
.guide_wrap .table_row {display:table-row}
.guide_wrap .guide_box > div {
padding:0 15px 15px;
margin:0;
height:100%;
}
.guide_wrap .guide_box > div a {cursor:pointer}
.guide_wrap .guide_box > div a:hover {color:#0665ff}
.guide_wrap .guide_box > div > h2 {height:35px;padding-left:18px;margin:0 -15px 5px;font-size:11px;font-weight:700;border-bottom:1px solid #faf6f8;line-height:35px;background-color:#e6eff8}
.guide_wrap .guide_box .full_ver {
position:relative;
width:100%;margin-bottom:3px;
background:url(/ecom/images/common/bg_guide_full.gif) 0 bottom repeat-x;
line-height:30px;
}
.guide_wrap .guide_box ul li {line-height:26px;}
.guide_wrap .guide_box ul li a {position:relative;width:100%}
.guide_wrap .guide_box ul li a:after,.guide_wrap .guide_box .full_ver:after {
display:block;content:"";
width:18px;height:19px;
position:absolute;
right:0;
top:2px;
background:url(/ecom/images/common/sprite_common.png?A=3) -41px -395px no-repeat;
}
.guide_wrap .guide_box ul li a.zip:after,.guide_wrap .guide_box .full_ver:after {background-position:-13px -395px}
.guide_wrap .guide_box .full_ver:after {top:4px}
/* FULL VERSION 가이드 링크 추가되면 삭제 */
.guide_wrap .guide_box .full_ver {cursor:default;}
.guide_wrap .guide_box .full_ver:hover {color:#000}
/* ( mail tracking (CUP_HOM_3072 ) */
.title_para2.temp {margin-bottom:15px}
.title_para2.tempPop {margin:-25px -20px 20px}
.member_box.mail_track {
padding-top:18px;
}
.tit_mail_track {
margin-bottom:28px;
}
/*********************** [ JQGRID ] ****************************/
/* grid */
.grid_wrap {
clear:both;
line-height:14px;
}
.grid_wrap > div {margin-bottom:8px;}
.ui-jqgrid .ui-jqgrid-bdiv {background-color:#fff}
/* ( GRID ICON ) */
[data-gridIcon] {
display:inline-block;position:relative;
font-size:0!important;text-indent:-9999px;line-height:0;
}
[data-gridIcon]:after {
display:block;content:"";
position:absolute;top:50%;left:50%;
background:url(/ecom/images/common/sprite_common.png?A=3) -15px -228px no-repeat;
}
/* grid_icon_seeMore */
.grid_icon_seeMore {
width:18px;height:18px;
margin-left:3px;
cursor:pointer;
vertical-align:middle;
}
.grid_icon_seeMore:after {
width:12px;height:12px;
margin:-5px 0 0 -6px;
}
/* grid_icon_check */
.grid_icon_check {
width:12px;height:11px;
vertical-align:middle;
}
.grid_icon_check:after {
left:0;top:0;
width:12px;height:11px;
background-position:-35px -227px;
}
.grid_wrap .ui-jqgrid * {font-size:12px;font-family:proxima-nova;max-width:100%;}
/* ( grid_addrow ) */
.grid_addrow {min-height:30px}
.grid_addrow:after {
display:block;content:" ";
clear:both;
}
.grid_addrow > h2, .grid_addrow > h3,.grid_addrow > h4 {
top:6px;
float:left;
margin-bottom:0;
}
.grid_addrow > .floatR {padding-top:4px}
.grid_addrow .grid_option_total {
float:left;
position:relative;top:2px;
padding-right:12px;
}
/* ( grid_option_total ) */
.clear > [class^="heading"] {float:left}
.grid_option_total {
float:right;
text-align:right;line-height:17px;
color:#656565;
}
th.ui-state-default {border-bottom-width:1px}
.ui-jqgrid {border-top:1px solid #c0046b;}
.jqgrow {border:0 none!important}
.ui-jqgrid-htable th img {margin-top:-2px}
/******************* [ GLOBAL CLASS ] *******************/
/* ir :image replacement */
.ir {
font-size:0;line-height:0;
text-indent:-9999px
}
/* float :float contents */
.floatL {float:left;text-align:left;}
.floatR {float:right;text-align:left;}
.float_list:after {display:block;content:" ";clear:both}
.float_list li {float:left}
/* clear :float Container clear both */
.clear {clear:both}
.clear:after {
display:block;content:" ";
clear:both;
}
input[type="text"],input[type="password"],input[type="tel"],select {padding-left:3px;}
input[type="text"].align_center,input[type="password"].align_center,input[type="tel"].align_center {padding-left:0;}
input[type="text"].align_right,input[type="password"].align_right,input[type="tel"].align_right {padding-right:3px;}
/* align :element,text align setting */
.align_center {text-align:center}
.align_right {text-align:right}
.align_left {text-align:left}
tr.align_center td {text-align:center}
/* font :font style (bold,italic...) */
.bold {font-weight:700}
.italic {font-style:italic}
/* ( table design )*/
/* table_input_w100 :td contents (field/select..etc) width 100% */
.table_input_w100 td input[type="text"], td.table_input_w100 input[type="text"],
.table_input_w100 td input[type="password"], td.table_input_w100 input[type="password"],
.table_input_w100 td input[type="tel"], td.table_input_w100 input[type="tel"],
.table_input_w100 td select , td.table_input_w100 select {
width:100%
}
.table_input_w100 td .datepicker input[type="tel"],.table_input_w100 td .datepicker input[type="text"] {width:77px}
/* ( table_data_view ) */
.table_data_view {
padding:15px 0;
line-height:18px;
}
/* ( current flag ) */
.currFlg > td , .currFlg > th {background-color:#faffd2;}
/* anchor_remove */
.anchor_remove a, a.anchor_remove {
text-decoration:none;
cursor:default;
color:#000
}
/* ( MARGIN & PADDING ) */
/* ( margin ) */
/* margin-all */
.mar_4 {margin:4px!important}
.mar_8 {margin:8px!important}
.mar_12 {margin:12px!important}
.mar_20 {margin:20px!important}
.mar_30 {margin:30px!important}
/* margin-left */
.mar_left_4 {margin-left:4px!important}
.mar_left_8 {margin-left:8px!important}
.mar_left_12 {margin-left:12px!important}
.mar_left_20 {margin-left:20px!important}
.mar_left_30 {margin-left:30px!important}
/* margin-top */
.mar_top_4 {margin-top:4px!important}
.mar_top_8 {margin-top:8px!important}
.mar_top_12 {margin-top:12px!important}
.mar_top_20 {margin-top:20px!important}
.mar_top_30 {margin-top:30px!important}
/* margin-right */
.mar_rgt_4 {margin-right:4px!important}
.mar_rgt_8 {margin-right:8px!important}
.mar_rgt_12 {margin-right:12px!important}
.mar_rgt_20 {margin-right:20px!important}
.mar_rgt_30 {margin-right:30px!important}
/* margin-right */
.mar_btm_4 {margin-bottom:4px!important}
.mar_btm_8 {margin-bottom:8px!important}
.mar_btm_12 {margin-bottom:12px!important}
.mar_btm_20 {margin-bottom:20px!important}
.mar_btm_30 {margin-bottom:30px!important}
/* margin-none */
.mar_none {margin:0!important}
.mar_top_none {margin-top:0!important}
.mar_rgt_none {margin-right:0!important}
.mar_btm_none {margin-bottom:0!important}
.mar_left_none {margin-left:0!important}
/* ( padding ) */
/* padding-all */
.pad_4 {padding:4px!important}
.pad_8 {padding:8px!important}
.pad_12 {padding:12px!important}
.pad_20 {padding:20px!important}
.pad_30 {padding:30px!important}
/* padding-left */
.pad_left_4 {padding-left:4px!important}
.pad_left_8 {padding-left:8px!important}
.pad_left_12 {padding-left:12px!important}
.pad_left_20 {padding-left:20px!important}
.pad_left_30 {padding-left:30px!important}
/* padding-top */
.pad_top_4 {padding-top:4px!important}
.pad_top_8 {padding-top:8px!important}
.pad_top_12 {padding-top:12px!important}
.pad_top_20 {padding-top:20px!important}
.pad_top_30 {padding-top:30px!important}
/* padding-right */
.pad_rgt_4 {padding-right:4px!important}
.pad_rgt_8 {padding-right:8px!important}
.pad_rgt_12 {padding-right:12px!important}
.pad_rgt_20 {padding-right:20px!important}
.pad_rgt_30 {padding-right:30px!important}
/* padding-right */
.pad_btm_4 {padding-bottom:4px!important}
.pad_btm_8 {padding-bottom:8px!important}
.pad_btm_12 {padding-bottom:12px!important}
.pad_btm_20 {padding-bottom:20px!important}
.pad_btm_30 {padding-bottom:30px!important}
/* padding-none */
.pad_none {padding:0!important}
.pad_top_none {padding-top:0!important}
.pad_rgt_none {padding-right:0!important}
.pad_btm_none {padding-bottom:0!important}
.pad_left_none {padding-left:0!important}
tr.pad_rgt_none td {padding-right:0}
/******************* [ COMMON / INCLUDE AREA ] *******************/
/********** ( header ) **********/
.header {
width:100%;
height:92px;
font-family:proxima-nova;
/* background:url(/ecom/images/common/header_bg.gif) 0 41px repeat-x; */
}
.header_wrap {
position:relative;
max-width:1024px;min-width:1024px;
min-height:92px;
margin:0 auto;
z-index:80;
}
.header_wrap:after {
display:block;content:" ";
position:absolute;top:41px;left:0;right:0;
height:45px;
background:#c0046b;
/*background:url(/ecom/images/common/header_bg.gif) 0 0 repeat-x;*/
z-index:-1;
}
.header a {text-decoration:none}
/* logo */
.header_logo {position:relative;background-color:#fff}
.header_logo > a[class^="header_logo_"]{
font-size:0;line-height:0;
background:url(/ecom/images/common/sprite_common.png?A=3) -7px 5px no-repeat;
text-indent:-9999px;
}
.header_logo .header_logo_nyk {
float:left;
width:106px;height:40px;
margin:7px 0 0 23px;
}
.header_logo .header_logo_group {
float:right;
width:70px;height:29px;
background-position:-13px -45px!important;
margin:6px 38px 0 0;
}
/* header_search */
.header_search {
position:relative;
float:right;
width:134px;
height:28px;
margin:6px 33px 0 0;padding-left:10px;
border:1px solid #6aa5ec;
border-radius:4px;
background-color:#fff;
}
.header_search input[type="text"] {
height:25px;
width:92px;
margin:0;
border-color:transparent;
border-radius:4px;
text-indent:0;line-height:1.1em;
}
.header_search input[type="text"]:focus {
border-color:#fff!important;
background-color:#fff;
}
.header_search_btn {
width:30px;
height:26px;
background:url(/ecom/images/common/sprite_common.png?A=3) -9px -90px no-repeat;
}
.header_search .placeholder {color:#a7a7a7}
.header_search ::-webkit-input-placeholder {color:#a7a7a7;}
.header_search :-moz-placeholder {color:#a7a7a7;opacity:1;}
.header_search ::-moz-placeholder {color:#a7a7a7;opacity:1;}
.header_search :-ms-input-placeholder {color:#a7a7a7;}
/* ( user_settings ) */
.user_settings {
position:absolute;
/* top:8px; */
right:60px;
text-align:left;
z-index:500;
}
.user_settings_main {top:39px;left:6px;right:auto;max-width:165px;min-width:0;}
.user_settings > button {
position:relative;
min-width:113px;
height:24px;
padding:3px 27px 5px 11px;
/* border:1px solid #fff; */
border:1px solid #e19ec3;
border-radius:2px;
background-color:#fff;
color:#333;text-align:left;white-space:nowrap;
outline:none;
}
.user_settings_main > button {
overflow:hidden;
height:25px;width:100%;
margin-top:5px;padding-right:22px;padding-left:9px;
font-size:15px;line-height:13px;
text-overflow:ellipsis;
}
.user_settings > button.on ,.user_settings > button:hover {background-color:#fff;border-color:#c0046b}
.user_settings > button:after {
display:block;content:"";
position:absolute;right:8px;top:50%;
width:7px;height:5px;
margin-top:-1px;
background:url(/ecom/images/common/sprite_common.png?A=3) -95px -62px no-repeat;
}
.user_settings > button.on:after {background-position:-95px -48px;margin-top:-2px;}
.user_settings ul {
overflow:hidden;position:relative;
width:100%;height:0;
margin-top:-1px;
background-color:#fff;
border:1px solid #c0046b;border-radius:2px;
z-index:1;
opacity:0;filter:alpha(opacity=0);
}
.user_settings ul li *:hover {background-color:#faf6f8}
.user_settings ul li > *{
width:100%;
padding:0 13px;
line-height:29px;
white-space:nowrap;text-align:left;
cursor:pointer;
}
.user_settings_main ul li > * {line-height:32px}
/* gnb(global navigation bar) */
.gnb {
position:absolute;top:41px;left:15px;
overflow:hidden;
max-width:977px;
}
.gnb_onedepth {
height:40px;padding:5px 0 0 0;
/*background:url(/ecom/images/common/header_bg.gif) 0 0 repeat-x*/
}
.gnb_onedepth li {float:left;position:relative;border-radius:4px;margin-right:2px;}
.gnb_onedepth li > a {
position:relative;
padding:1px 7px 0;
font-size:16px;
border-radius:4px;
text-align:center;
line-height:29px;letter-spacing:.1px;
color:#fff;
z-index:10;
}
.gnb_onedepth > li > a {
font-size:13px;
cursor:pointer
}
.gnb_onedepth > li > div {position:absolute;}
.gnb [data-devide] {
margin-left:10px;padding-left:14px;
}
.gnb [data-devide]:after {
content:" ";display:block;
position:absolute;top:5px;left:0;
width:2px;height:20px;
background:url(/ecom/images/common/sprite_common.png?A=3) -19px -133px no-repeat
}
/* mouse over(enter) style */
.gnb_onedepth > li:hover > a {box-shadow:inset 0 0 8px #0f2d80}
.gnb_onedepth > li span.before, .gnb_onedepth > li span.after,
.gnb_onedepth > li.on span.before,
.gnb_onedepth > li.on span.after {
display:block;
position:absolute;left:0;
width:100%;height:55%;
z-index:-1;
opacity:0;
}
.gnb_onedepth > li.on span.before {top:0;background-color:#425a9d;border-radius:4px 4px 0 0}
.gnb_onedepth > li.on span.after {bottom:0;background-color:#123185;border-radius:0 0 4px 4px}
.gnb_onedepth > li:hover span.before,
.gnb_onedepth > li:hover span.after {
opacity:1;
-webkit-transition:opacity 250ms ease-in-out 0s;
-moz-transition:opacity 250ms ease-in-out 0s;
-o-transition:opacity 250ms ease-in-out 0s;
-ms-transition:opacity 250ms ease-in-out 0s;
transition:opacity 250ms ease-in-out 0s;
}
/* ( gnb_has_3depth ) */
.gnb_has_3depth_wrap {
display:none;
position:relative;
overflow:hidden;width:977px;
padding-bottom:7px;
}
.gnb_has_3depth_wrap .gnb_has_3depth_wrapBefore {
display:block;content:"";
position:absolute;top:0;left:0;bottom:7px;
width:1px;
background-color:#a7caf6;
z-index:21;
}
.gnb_has_3depth_wrap:after {
display:block;content:"";
background-color:red;
position:absolute;top:0;bottom:7px;left:0;right:0;
background-color:#fff;
}
.gnb_has_3depth_wrap .borRgt {
display:block;
position:absolute;right:0;top:0;bottom:7px;
width:1px;
background-color:#a7caf6;
z-index:21;
}
.gnb_has_3depth_wrap .shadow {
bottom:1px;
left:0;
width:100%;height:7px;
background:url(/ecom/images/common/gnb_bg_shadow.png) center 0 no-repeat;
z-index:20;
border-top:1px solid #a7c7c7;
position:absolute;
}
.gnb_has_3depth {
position:relative;
width:15000px;
background-color:#eaf2fa;
white-space:nowrap;
z-index:10;
}
.gnb_has_3depth > div {
position:relative;
float:left;
overflow:hidden;
width:977px;min-height:1px;
background:#fff;
}
.gnb_has_3depth > div > strong {display:none}
.gnb_has_3depth strong ul {display:none!important}
/* ( depth_2 ) */
.gnb_has_3depth .depth_2 {
position:relative;
height:38px;
background-color:#eaf2fa;
line-height:38px;
z-index:20;
}
.gnb_has_3depth .depth_2:after {
display:block;content:"";
position:absolute;bottom:1px;left:0;right:0;
height:1px;
background-color:#a7caf6;
}
.gnb_has_3depth .depth_2.show {margin-bottom:-5px}
.gnb_has_3depth div.noneChild .depth_2{display:none!important}
.gnb_has_3depth .depth_2 li {
/* tab item */
display:inline-block;
height:100%;
vertical-align:top;
}
.gnb_has_3depth .depth_2 li:first-child a {border-left:0 none}
.gnb_has_3depth .depth_2 li a {
overflow:hidden;
height:100%;
padding:2px 20px 0;
background-color:#eaf2fa;
border-style:solid;
border-width:0 1px 1px;
border-color:#eaf2fa;
border-bottom-color:#a7caf6;
line-height:37px;
color:#000;cursor:pointer;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
vertical-align:top;
}
.gnb_has_3depth .depth_2 li.now a {
position:relative;
background-color:#fff;
border-color:#a7caf6;
color:#1e58c0;
border-bottom-color:#fff;
z-index:30
}
.gnb_has_3depth > div:after,.gnb_has_3depth .depth_2 li a.now:after {
position:absolute;left:0;
width:100%;height:1px;
}
.gnb_has_3depth > div:after {bottom:0;background-color:#a7caf6;z-index:10}
.gnb_has_3depth .depth_2 li a.now:after {top:35px;height:3px;background-color:#fff;z-index:20;}
/* ( gnb_default ) */
.gnb_has_3depth .depth_3 {
display:none;
position:relative;
overflow:hidden;
padding:4px 29px;margin-top:-1px;
padding-right:0;
white-space:normal;
width:977px;
background-color:#fff;
border-bottom:1px solid #a7caf6;
z-index:10;
}
.gnb_has_3depth .depth_3:before {
display:block;content:"";
position:absolute;top:0;left:0;
width:100%;
height:8px;
background-color:#fff;
z-index:6;
}
.gnb_has_3depth .depth_3.now {display:block;padding:4px 29px 4px 39px;z-index:20}
.gnb_has_3depth .depth_3:after {
content:"";display:block;
position:absolute;right:0;top:0;
width:29px;height:101%;
background-color:#fff;
z-index:10
}
.gnb_has_3depth .depth_3.has2depth li {
padding:20px 45px 15px 10px;
}
.gnb_has_3depth .depth_3 li {
display:inline-block;
position:relative;
margin-bottom:0px;padding:4px 0;
background:#fff;
vertical-align:top;
z-index:5;
}
.gnb_has_3depth .depth_3 li a {
display:inline-block;
margin-right:44px;
padding:5px 12px 4px;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
border:1px solid #fff;
}
.gnb_has_3depth .depth_3 li a:hover,
.gnb_has_3depth .noneChild .depth_3 li strong a:hover {
border:1px solid #a7caf6;
background-color:#eaf2fe;
color:#1e58c0;
}
.gnb_has_3depth .depth_3 li::after {
content:"";display:block;
width:1000%;height:1px;
position:absolute;top:0;left:-10px;
background:url(/ecom/images/common/gnb_bg_dot.png) 0 0 repeat-x;
}
.gnb_has_3depth .depth_3 li a {letter-spacing:-.2px;color:#000}
.gnb_has_3depth .depth_3 li a:hover {
border-radius:3px;
}
.gnb_has_3depth .depth_3 li strong a:hover {background-color:#fff;border-color:#fff;color:#1e58c0}
.gnb_has_3depth .depth_3 li > a,.gnb_has_3depth .depth_3 li > strong {
display:inline-block;
white-space:nowrap;
}
.gnb_has_3depth .depth_3.has2depth strong {margin-bottom:10px;padding-top:0}
.gnb_has_3depth .depth_3.has2depth strong a {padding:0 0 0 10px;}
.gnb_has_3depth .depth_3 li > strong {position:relative}
.gnb_has_3depth .depth_3 li > strong:before {
display:block;content:"";
position:absolute;top:8px;left:-3px;
width:2px;height:10px;
background:#000;
}
.gnb_has_3depth .noneChild .depth_3 li > strong:before {display:none}
.gnb_has_3depth .depth_3.has2depth strong a:hover {
border-color:#fff;
background-color:#fff;
}
/* menu next / previous button */
.gnb_has_3depth > div > span {
display:block;
position:absolute;right:-300px;top:0;
height:38px;
border-left:1px solid #a7caf6;border-bottom:1px solid #a7caf6;
z-index:30;
}
.gnb_has_3depth > div > span.show {right:0}
.gnb_has_3depth > div > span:after {
display:block;content:"";
width:43px;height:43px;
position:absolute;top:0;left:-43px;
background:url(/ecom/images/common/sprite_common.png?A=3) -108px -123px no-repeat
}
.gnb_has_3depth > div > span button {
position:relative;
width:20px;height:37px;
background-color:#fff;vertical-align:top;
}
.gnb_has_3depth > div > span button:first-child {
width:21px;
background:#fff url(/ecom/images/common/gnb_3depth_btnBg.gif) right 0 repeat-y;
}
.gnb_has_3depth > div > span button:after {
display:block;content:"";
position:absolute;top:50%;left:50%;
margin:-4px 0 0 -2.5px;
width:5px;height:9px;
background:url(/ecom/images/common/sprite_common.png?A=3) -83px -145px no-repeat
}
.gnb_has_3depth > div > span button[disabled]:after {background-position:-83px -128px}
.gnb_has_3depth > div > span button.next:after {margin-left:-2px;background-position:-92px -145px}
.gnb_has_3depth > div > span button.next[disabled]:after {background-position:-92px -128px}
/* show(display:block) */
.gnb .show {display:block!important}
.gnb_has_3depth .depth_2.show {display:table}
.gnb_has_3depth .depth_2.show:after {
display:block;content:"";
position:absolute;bottom:0;left:0;
width:100%;height:1px;
background-color:#a7caf6
}
/* clear */
.gnb_onedepth:after, .gnb_has_3depth .depth_3:after {clear:both;display:block;content:""}
/* depth_3[nomenu] */
.gnb_has_3depth .depth_3[data-nomenu] {
padding:0 0 1px;
z-index:20;
}
.gnb_has_3depth .depth_3[data-nomenu]:after {display:none}
.gnb_has_3depth .depth_3[data-nomenu]:before {
height:1px;
background-color:#a7caf6;
}
/* ( vendor_login ) */
.vendor_login {
overflow:hidden;height:0;width:1024px;
position:absolute;left:50%;right:0;
margin-top:-11px;margin-left:-512px;
background:#e0edf9 url(/ecom/images/common/header_shadow.png) center 0 no-repeat;
z-index:80;
}
.vendor_login .vendor_wrap {width:977px;margin:auto;padding-top:12px;}
.vendor_login .vendor_login_form {
float:left;width:305px;
background:url(/ecom/images/common/vendor_bg_dot.gif) right 22px no-repeat;
}
.vendor_login .vendor_login_form:after {display:block;content:"";clear:both}
.vendor_login .vendor_title {display:block;padding-left:0px;font-size:15px;letter-spacing:-1.4px;}
.vendor_login .vendor_title:after {display:block;content:"";clear:both;}
.vendor_login .vendor_inputbox {float:left;width:146px;margin-top:7px;}
.vendor_login .vendor_inputbox input {width:146px;height:27px;margin-bottom:2px;border-color:#fff}
.vendor_login .btn_vendor_login {float:left;width:68px;height:60px;line-height:60px;margin-top:7px;}
.vendor_login .btn_vendor_login:before {background-color:#565552}
.vendor_login .btn_vendor_login:after {background-color:#2a2927}
.vendor_login_chk {padding-top:4px;letter-spacing:-.4px;}
.vendor_login_chk, .vendor_login_chk a {color:#333;}
.vendor_login_chk a {margin-left:25px}
.vendor_login .vendor_para {float:left;width:645px;padding-top:11px;padding-left:25px;line-height:19px;color:#4b4b4b;font-size:13px;}
.vendor_login .vendor_para > strong {display:block;margin-bottom:3px;font-size:15px;color:#000}
/********** ( footer ) **********/
.footer {
position:static!important;
overflow:hidden;
height:29px;min-width:1024px;
/* width:100%; */width:1024px;
margin:auto;
font-family:proxima-nova;
font-size:11px;
background-color:#d4d4d4;
line-height:29px;
color:#333;
z-index:100
}
.footer a {text-decoration:none}
.footer_wrap {
position:relative;
width:1024px;
margin:0 auto;padding:0 20px;
}
.footer_wrap:before {display:block;content:" ";clear:both}
.footer_wrap:after {
display:block;content:" ";
position:absolute;
top:7px;right:28px;
height:17px;
/* background:url(/ecom/images/common/sprite_common.png?A=3) -7px -454px no-repeat;/* VAR :sprite-common YYS:20170203*/
}
.footer_copyright {
float:left;
letter-spacing:.25px;
}
.footer_copyright strong {margin-right:13px}
.footer_copyright .copy {display:none}
.footer_terms_link a {
margin-left:20px;vertical-align:text-top; color: #340535;float: right;padding-right: 15px;}
.footer_terms_link a.none{ border-right:none }
.footer_terms_link { float:right ; margin-top: 10px;}
.footer_terms_link li { border-right: 1px solid #340535; }
.footer_terms_link li:last-child { border-right:none }
.footer_main {position:fixed;}
.footer_main:after {position:absolute}
/********** ( contents_wrap ) **********/
.contents_wrap {
margin:0 auto;
width:1024px;
height:100%;
padding:98px 0px 23px 0px;
margin-top:-78px;/* header height(92) */
}
.contents_wrap:after {
display:block;content:" ";clear:both;
}
/********** ( left_area ) **********/
.left_area {
position:relative;
float:left;
width:206px;
margin-right:14px;
font-size:13px;
}
/* ( lnb :local navigation bar ) */
.lnb {
border:1px solid #d1cdcf;/* VAR :lnb border color */
}
/* ( lnb_list :local navigation bar - menu list ) */
.lnb_list li {
position:relative;
white-space:nowrap;
letter-spacing:.3px;
}
.lnb_list li li {margin-bottom:11px;}
.lnb_list li li:after {
display:block;
position:absolute;top:6px;left:6px;
content:"";
width:4px;height:4px;
background:url(/ecom/images/common/sprite_common.png?A=3) -17px -170px no-repeat;
}
.lnb_list li a {
text-decoration:none;
width:100%;padding:0 15px;
line-height:15px;vertical-align:top;
color:#000
}
.lnb_list li ul {overflow:hidden;height:0;}
.lnb_list > li > a {
padding:12px;
margin-top:-1px;
border-top:1px solid #d1cdcf;/* VAR :lnb border color */
text-decoration:none;
cursor:pointer;
}
.lnb_list > li > a > span {display:block;margin-top:-30px}
.lnb_list > li.has_child > a:after {
display:block;
content:" ";
position:absolute;right:14px;top:50%;
width:7px;height:7px;
margin-top:-3.5px;
background:url(/ecom/images/common/sprite_common.png?A=3) -36px -166px no-repeat;/* VAR :sprite-common */
}
.lnb_list > li:first-child > a {border-top:0 none}
.lnb_list li li a {color:#525353}
.lnb_list a.now , .lnb_list li li a:hover {
text-decoration:underline;
color:#000;
}
/* now_menu */
.lnb_list li.now_menu {background-color:#f4eaef!important;}
.lnb_list li.now_menu > a {line-height:17px}
.lnb_list li.now_menu > a:after {top:16px}
.lnb_list li.now_menu > ul {height:auto;padding-bottom:10px;margin:2px 0 0 9px;}
.lnb_list > li.now_menu > a:after {background-position:-36px -156px}
.lnb_list li li a.now_page {text-decoration:underline;color:#000}
/* ( lnb_title ) */
.lnb_title {
display:block;
height:54px;padding-left:14px;
border-bottom:1px solid #d1cdcf;/* VAR :lnb border color */
font-size:18px;line-height:54px;
white-space:nowrap;
color:#c0046b; font-weight:bold;
}
/* ( leftArea_toggle ) */
.leftArea_toggle {
position:absolute;top:0;right:0;
width:17px;height:56px;
border:1px solid #d1cdcf;/* VAR :lnb border color */
background-color:#fff;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
}
.leftArea_toggle:after {
display:block;content:" ";
position:absolute;top:24px;left:5px;
width:4px;height:7px;
background:url(/ecom/images/common/sprite_common.png?A=3) -37px -133px no-repeat;
}
.leftArea_toggle.hide:after {
background-position:-37px -145px;
}
/********** ( container ) **********/
.container {
position:relative;
float:right;
width:800px;min-height:100%;
margin-bottom:20px;
}
.contents_wrap.static .container {width:100%}
/* h1 (page title) */
h1.title {
position:relative;
min-height:50px;
border-bottom:1px solid #eadce3;/* VAR */
font-size:20px;
line-height:48px;
letter-spacing:.1px;
color: #c0046b; font-weight:bold;
}
h1.title:after {
display:block;content:"";
position:absolute;left:5px;top:50%;
width:2px;height:14px;
margin-top:-6.5px;
}
/********** ( contents ) **********/
.contents {
padding:14px 0px 20px;
}
/* ( title_para ) */
.title_para,.title_para2 {
margin:-14px 0px 20px;
padding:6px 15px;
background-color:#f4eaef;
line-height:16px;
color:#5a345a;
}
/* ( title_para2 ) */
.title_para2 {background-color:#f4eaef;}
/******************* [ MAIN ] *******************/
/* ( delete_status_displayed ::After phase2 delete ) */
.delete_status_displayed {
position:absolute;top:331px;left:0;
width:246px;
padding:12px 14px 18px;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
background-color:#ffcfcf;
line-height:18px;
opacity:.9;
z-index:60;
}
.delete_status_displayed:before {
display:block;content:"";
width:16px;height:13px;
margin-bottom:9px;
background:url(/ecom/images/common/sprite_common.png) -128px -250px no-repeat;
}
.delete_status_displayed > button {
position:absolute;top:0;right:0;
width:32px;height:30px;
background:url(/ecom/images/main/bkg_status_close.png) center center no-repeat;
}
/* ( browser_upgrade_popup ) */
.browser_upgrade_popup {
display:none;
position:fixed;top:50%;left:50%;
margin:-139px 0 0 -368px;
width:736px;height:280px;
padding-top:25px;
font-size:16px;letter-spacing:.2px;
border:6px solid #c0046b;
background:#fff url(/ecom/images/main/browser_pop_bg.png?A=3) 0 center repeat-x;
text-align:center;
z-index:999;
}
.popup_mask.main {z-index:300}
*:first-child+html .browser_upgrade_popup {height:443px;}
.browser_upgrade_popup .using {font-size:12px;font-weight:700;}
.browser_upgrade_popup .using > strong {font-size:18px;display:block;margin:10px 0 31px;}
.browser_upgrade_popup .ie_ver,
.browser_upgrade_popup > ul li a:hover > span {line-height:10.2px;background-color:#3788ea;color:#fff;padding:0 7px;}
.browser_upgrade_popup .ie_ver {margin-left:10px;line-height:25px}
.browser_upgrade_popup > ul {
margin-bottom:21px;
}
.browser_upgrade_popup > ul li {display:inline-block;vertical-align:top}
.browser_upgrade_popup > ul li.ch {position:relative;left:12px;margin-left:-61px}
.browser_upgrade_popup > ul li.ch b {position:relative;left:7px;}
.browser_upgrade_popup > ul li.op {position:relative;left:39px;}
.browser_upgrade_popup > ul li.ff {position:relative;left:35px;}
.browser_upgrade_popup > ul li.ff b {position:relative;left:4px;}
.browser_upgrade_popup > ul li.sa {position:relative;left:33px;}
.browser_upgrade_popup > ul li.ie {position:relative;left:25px;}
.browser_upgrade_popup > ul li.ie b {position:relative;left:11px}
*:first-child+html .browser_upgrade_popup > ul li {display:inline;}
.browser_upgrade_popup > ul li span {white-space:nowrap;}
.browser_upgrade_popup > ul li a {
position:relative;
width:75px;
font-size:8px;
color:#000;
line-height:10.2px;
letter-spacing:-.2px;
}
.browser_upgrade_popup > ul li a > b {
display:block;content:"";
margin:auto;
width:52px;
height:52px;
margin-bottom:7px;
background:url(/ecom/images/main/sprite_browser_pop.png?A=3) 6px -35px no-repeat;
}
.browser_upgrade_popup > ul li.op a > b {background:url(/ecom/images/main/sprite_browser_pop.png?A=3) -151px -35px no-repeat;}
.browser_upgrade_popup > ul li.ff a > b {background:url(/ecom/images/main/sprite_browser_pop.png?A=3) -75px -35px no-repeat;}
.browser_upgrade_popup > ul li.sa a > b {background:url(/ecom/images/main/sprite_browser_pop.png?A=3) -231px -35px no-repeat;}
.browser_upgrade_popup > ul li.ie a > b {background:url(/ecom/images/main/sprite_browser_pop.png?A=3) -309px -35px no-repeat;}
.browser_upgrade_popup .info {font-size:10px;line-height:14px;letter-spacing:0}
.btn_browser_close {background:url(/ecom/images/main/sprite_browser_pop.png?A=3) 3px -35px no-repeat;
position:absolute;top:0;right:0;
width:40px;height:40px;
background:url(/ecom/images/main/sprite_browser_pop.png?A=3) 9px 3px no-repeat;
}
/********** ( main_container ) **********/
.main_contents_wrap {
width:1024px;
margin:0 auto;
padding:5px 0 16px;
}
.main_contents_wrap:after {display:block;content:" ";clear:both;}
.main_contents_wrap a {
text-decoration:none;
color:#333
}
.main_contents_wrap .btn_type1 {min-height:30px;line-height:28px;}
/********** ( main_area_login ) **********/
.main_area_login {
position:relative;float:left;
font-size:12px;
background-color:#fff; width:24%;margin-right: 15px;
}
/* ( main_login_wrap ) */
.main_login_wrap {
height: 317px;
margin-bottom: 14px;
border: 1px solid #f4e4ed;
display: none;
}
/* ( login_form ) */
.login_form {padding:27px 0 0 13px;}
.login_form input[type="text"],.login_form input[type="password"]{
width:146px;height:27px;
margin:0 6px 6px 0;
border:0 none;
text-indent:25px;line-height:1em;
}
.main_login_wrap .login_form input[type="text"],.main_login_wrap .login_form input[type="password"] {background-color:#e1eef9;}
.login_form_inputbox {float:left;width:150px}
.login_form input[type="text"] {background:url(/ecom/images/common/login_id_bg.png) 10px center no-repeat}
.login_form input[type="password"] {background:url(/ecom/images/common/login_pw_bg.png) 10px 7px no-repeat}
.btn_main_login {float:left;width:68px;height:60px;}
.login_form_chk {
padding-top:12px;
white-space:nowrap;letter-spacing:-.2px;
}
.login_form_chk label {margin:0;letter-spacing:-.5px}
body.safari .login_form_chk label {letter-spacing:-1px}
.login_form_chk label:after {padding:0 6px;content:"|"}
.login_form_chk a {color:#000}
.login_form_chk a,.login_form_chk label {line-height:11px}
/* ( main_signUp ) */
.main_signUp {
position:absolute;top:158px;
padding:0 18px 0 14px;
text-align:justify;letter-spacing:.2px;
}
.main_signUp > a {
display:block;
padding-left:36px;padding-bottom:13px;
font-size:13.5px;line-height:24px;
color:#82a7d4;
cursor:pointer
}
.main_signUp > a:hover {text-decoration:underline}
.main_signUp a:after, .main_signUp a:before {
display:block;content:"";
position:absolute;
background:url(/ecom/images/main/sprite_main.png) -16px -16px no-repeat;
}
.main_signUp a:after {top:0;left:18px;width:22px;height:24px;}
.main_signUp a:before {top:3px;right:18px;width:19px;height:18px;background-position:-161px -165px}
.main_signUp p {line-height:22.09px;}
/* ( spp_signUp ) */
.spp_signUp {
position:absolute;top:130px;
padding:0 10px 0 14px;
text-align:justify;letter-spacing:.1px;
}
.spp_signUp > a {
display:block;
padding-left:10px;padding-bottom:13px;
font-size:12px;line-height:20px;
color:#82a7d4;
cursor:pointer
}
.spp_signUp > a:hover {text-decoration:underline}
.spp_signUp a:after, .spp_signUp a:before {
display:block;content:"";
position:absolute;
background:url(/ecom/images/main/sprite_main.png) -16px -16px no-repeat;
}
.spp_signUp a:after {top:0;left:-2px;width:22px;height:24px;}
.spp_signUp a:before {top:0px;right:-9px;width:19px;height:18px;background-position:-161px -165px}
.spp_signUp p {line-height:20px;}
/* ( user_contents ) */
.user_contents {position:relative;height:100%;padding:6px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
/* ( user_info ) */
.user_info {
padding:5px 9px;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
}
.user_info > strong {
display:block;
margin:3px;
font-size:15px;
letter-spacing:.2px ; text-align:center
}
.user_info span.my_info { width: 48px;height: 48px;background: url(/ecom/images/common/sprite_common2.png) 6px -150px no-repeat;
border-radius: 50px; background-color: #c0046b; margin: 0 auto; display:block }
/* ( my_activity ) */
.my_activity > li {margin-bottom:4px}
.my_activity > li > button {
position:relative;
width:100%;padding:0 9px;
background-color:#f4e4ed;
text-align:left;line-height:28px;
}
.my_activity > li > button:after {
display:block;content:"";
position:absolute;right:11px;top:50%;
width:7px;
height:7px;
margin-top:-4px;
background:url(/ecom/images/common/sprite_common.png?A=3) -36px -166px no-repeat;
}
.my_activity > li > button.now:after {background-position:-36px -156px;}
.my_activity > li > div {overflow:hidden;height:0}
.my_activity > li:first-child > div {height:121px;}
.my_activity table {width:auto;margin-bottom:10px}
.my_activity th, .my_activity td {
height:auto;
padding:0 0 5px 0;
}
.my_activity th {padding:11px 10px 6px 25px;}
.my_activity th:first-child {padding-left:12px}
.my_activity th.orgBL {padding-top:7px}
.my_activity th a, .my_activity td a {
font-size:11px;
text-decoration:underline;letter-spacing:.4px;
color:#c1046b;
text-align:right;vertical-align:top;line-height:14px;
cursor:pointer;
}
.my_activity a.zero {text-decoration:none;color:#000;cursor:text;}
.my_activity th a {padding-left:10px;line-height:17px}
.my_activity tr.child_row th,.my_activity tr.child_row td {
padding-bottom:0;
padding-top:0;
}
.btn_logout {position:absolute;right:9px;top:45px;margin:0;width:55px;}
/* ( main_settings ) */
.main_settings {
position:absolute;top:318px;left:0;
width:92px;
z-index:10
}
.main_settings button {
position:relative;
width:100%;height:29px;
text-indent:10px;
text-align:left;letter-spacing:.4px;
}
.main_settings button:after {
display:block;content:"";
position:absolute;top:50%;
right:17px;
width:14px;height:14px;
margin-top:-8px;
background:url(/ecom/images/main/sprite_main.png) -114px -18px no-repeat;
}
.main_settings button.on:after {background-position:-133px -18px;}
.main_settings ul {margin-top:-1px;/* display:none; */border:1px solid #d1cdcf;/* padding:4px 0; *//* height:0; */overflow:hidden;background:#fff;/* box-sizing:border-box; */}
.main_settings li a {width:100%;padding-left:11px;line-height:25px;}
.main_settings li a:hover {background-color:#eaf3fb;text-decoration:underline}
.main_settings div {
display:none;
position:absolute;
top:0;left:-1px;width:100%;
}
.main_settings div button {border:1px solid #d0e4f6;background-color:#fff}
.main_settings div button:after {right:14px}
/********** ( main_area_contents ) **********/
.main_area_contents {
float:left;
border:0 none;
width:100%;
}
.main_area_contents h1 {
font-size:18px;
font-weight:normal;
color:#c0046b;
}
.main_area_contents h1 span {color:#9b9b9b}
/* ( main_application ) */
.main_application {
height:500px;
padding:19px 0 0 0px;;margin-bottom:14px;
background-color:#fff
}
.main_application h1 {margin-bottom:14px;}
.main_application .button_div {position:relative;/* margin-bottom:9px; */top:-5px;}
.main_application .button_div a,.main_application .button_div button {
padding:5px 10px 4px;
border:1px solid #c0046b;
border-radius:0px;
letter-spacing:.2px;
color:#c0046b;
}
.main_application a {cursor:pointer}
/* ( main_app_favorite ) */
.main_app_favorite {
margin-bottom:18px;
font-size:11px;
}
.main_app_favorite li {
float:left;
overflow:hidden;
position:relative;
width:93px;height:93px;
margin-left:5px;
border:1px solid #8fc1ef;border-radius:5px;
background-color:#fff;
text-align:center;
}
.main_app_favorite li a {
position:relative;
width:100%;height:100%;padding-top:63px;
cursor:pointer;
z-index:10
}
.main_app_favorite li > span {
display:block;position:absolute;top:14px;left:50%;
width:42px;
height:130px;
margin-left:-21px;
z-index:9;
}
.main_app_favorite li > span:before,.main_app_favorite li > span:after {
display:block;content:" ";
width:42px;height:42px;
background:url(/ecom/images/main/sprite_main.png) -8px -55px no-repeat;
z-index:9;
}
.main_app_favorite li > span:before {position:absolute;top:0;left:0;}
.main_app_favorite li > span:after {position:absolute;bottom:0;left:0;}
.main_app_favorite li:first-child {margin-left:-1px;}
.main_app_favorite li.app_02 > span:before,.main_app_favorite li.app_02 > span:after {background-position:-54px -55px}
.main_app_favorite li.app_03 > span:before,.main_app_favorite li.app_03 > span:after {background-position:-97px -57px}
.main_app_favorite li.app_04 > span:before,.main_app_favorite li.app_04 > span:after {background-position:-8px -102px}
.main_app_favorite li.app_05 > span:before,.main_app_favorite li.app_05 > span:after {background-position:-58px -103px}
.main_app_favorite li.app_06 > span:before,.main_app_favorite li.app_06 > span:after {background-position:-99px -102px}
.main_app_favorite li.app_07 > span:before,.main_app_favorite li.app_07 > span:after {background-position:-141px -102px}
/* ( main_app_tracking )( main_app_schedule ) */
.main_app_tracking,.main_app_schedule {
float:left;position:relative;
height:234px;
padding:17px 16px 14px;
background:#e4e4e4 ;
}
.main_app_tracking > div:first-child,.main_app_schedule > div:first-child {position:relative;z-index:2}
.main_app_tracking h2,.main_app_schedule h2 {
padding:0 2px 14px;
font-size:14px;
}
.main_app_tracking:after,.main_app_schedule:after {
position:absolute;top:0;left:0;
display:block;content:" ";
width:100%;height:49px;
border-radius:10px 10px 0 0;
background:#e4e4e4;
z-index:0;
}
.main_app_tracking .table_type3_transparent td,
.main_app_schedule .table_type3_transparent td {padding-right:0}
.main_app_tracking .div_btnArea,.main_app_schedule .div_btnArea {
position:absolute;bottom:0;left:0;
width:100%;
padding:0 16px 14px;
z-index:2;
}
.main_app_tracking .div_btnArea > span ,.main_app_schedule .div_btnArea > span {
float:left
}
.main_app_tracking .div_btnArea > span a,.main_app_schedule .div_btnArea > span a {
margin-right:7px;
text-decoration:underline;
letter-spacing:.2px;line-height:30px;
cursor:pointer;
color:#616161;
}
.main_app_tracking a#lnk_track_hlp, .main_app_schedule a#lnk_sa_hlp,.main_app_schedule a#lnk_sa_adv { width:29px; height:25px; font-size:0px; }
.main_app_tracking a#lnk_track_hlp, .main_app_schedule a#lnk_sa_hlp {background: url(/ecom/images/common/sprite_common2.png) 5px 1px no-repeat; background-color: #b8b8b8;}
.main_app_schedule a#lnk_sa_adv { background: url(/ecom/images/common/sprite_common2.png) -22px 1px no-repeat; background-color: #b8b8b8; }
.main_app_tracking .div_btnArea > div ,.main_app_schedule .div_btnArea > div {float:right}
/* ( main_app_tracking ) */
.main_app_tracking {width:48% ; float:left}
.main_app_tracking h2,.main_app_schedule h2 {font-weight:bold; color:#340535}
.main_tracking_lang {float:right;}
.main_tracking_lang li {
padding-left:7px;
font-size:10.6px;
color:#000
}
.main_tracking_lang li button {font-size:10.6px;color:#000}
.main_tracking_lang li:before {
display:inline-block;content:"|";
padding-right:7px;
}
.main_tracking_lang li:first-child:before {display:none}
.main_app_tracking textarea {
height:125px;
padding:13px 15px;
border:1px solid #d1cdcf;
line-height:21.09px;letter-spacing:.4px;
}
.main_app_tracking textarea.placeholder_color {color:#b4b4b4}
/* ( main_app_schedule ) */
.main_app_schedule {width:50%; float:right}
/* ( main_app_schedule inputbox ) */
.main_app_schedule input[type="text"],.main_app_schedule input[type="password"],.main_app_schedule input[type="tel"],
.main_app_schedule input[type="reset"], .main_app_schedule select {
height:25px;
margin-bottom:0
}
.main_app_tracking select,.main_app_schedule select {background:#fff url(/ecom/images/main/main_selectbox.gif) right 0 no-repeat;}
.main_app_schedule .datepicker > input[type="text"] {width:78px!important;margin-right:0}
.main_app_schedule .datepicker .btn_calendar {
height:25px;width:25px;
margin-left:-1px;
border-left:0 none;
background:#fff url(/ecom/images/main/main_datepicker.gif) 0 -1px no-repeat;
}
/* ( tab_item_mainSchedule ) */
.tab_item_mainSchedule {margin-bottom:10px;margin-top:2px;}
.tab_item_mainSchedule li {padding-left:9px}
.tab_item_mainSchedule li button {vertical-align:top}
.tab_item_mainSchedule li:first-child {padding-left:0;}
.tab_item_mainSchedule li:first-child:before {display:none}
.tab_item_mainSchedule li:before {
content:"|";
padding-right:9px;
font-size:10px;
vertical-align:top;
}
/* ( main_shortcuts ) */
.main_shortcuts {
width:100%;
height:188px;
padding:17px 0 0 21px;
border:1px solid #d0e4f6;
background-color:#fff
}
.main_shortcuts_list {margin:5px 0 0 5px;}
.main_shortcuts_list li {
position:relative;
float:left;
overflow:hidden;
width:232px;
}
.main_shortcuts_list li a {
position:relative;
left:20;
width:200px;
padding-left:61px;
display:inline-block;
font-size:14px;
border-radius:5px;
letter-spacing:.2px;line-height:45px;
cursor:pointer;
}
/* .main_shortcuts_list li a:hover {
width:204px;height:37px;
padding:0;margin-top:7px;
border:1px solid #cee4f8;border-radius:3px;
color:#217be8;
text-align:center;
line-height:37px;
}
.main_shortcuts_list li a:hover:before {display:none;} */
.main_shortcuts_list li > span {
position:absolute;top:0;
left:13px;
display:inline-block;
overflow:hidden;
width:40px;height:45px;
white-space:nowrap;
cursor:pointer;
text-indent:-93px;
}
.main_shortcuts_list li > span:before,.main_shortcuts_list li > span:after {
display:inline-block;content:" ";
width:40px;height:49px;
background:url(/ecom/images/main/sprite_main.png) -7px -150px no-repeat;
}
.main_shortcuts_list li > span:before {left:0;margin-right:50px;}
.main_shortcuts_list li.shortcut_02 > span:before,.main_shortcuts_list li.shortcut_02 > span:after {background-position:-62px -150px}
.main_shortcuts_list li.shortcut_03 > span:before,.main_shortcuts_list li.shortcut_03 > span:after {background-position:-111px -150px}
.main_shortcuts_list li.shortcut_04 > span:before,.main_shortcuts_list li.shortcut_04 > span:after {background-position:-6px -200px;}
.main_shortcuts_list li.shortcut_05 > span:before,.main_shortcuts_list li.shortcut_05 > span:after {background-position:-60px -202px;}
.main_shortcuts_list li.shortcut_06 > span:before,.main_shortcuts_list li.shortcut_06 > span:after {background-position:-111px -200px}
.main_shortcuts_list li.shortcut_07 > span:before,.main_shortcuts_list li.shortcut_07 > span:after {background-position:-7px -252px}
.main_shortcuts_list li.shortcut_08 > span:before,.main_shortcuts_list li.shortcut_08 > span:after {background-position:-62px -252px}
.main_shortcuts_list li.shortcut_09 > span:before,.main_shortcuts_list li.shortcut_09 > span:after {background-position:-111px -252px}
.main_shortcuts_list li.shortcut_03,.main_shortcuts_list li.shortcut_06,.main_shortcuts_list li.shortcut_09 {width:210px}
/* ( main_banner ) */
.main_banner {position:relative;overflow:hidden;}
.main_banner ul {width:1000px}
.main_banner li {margin-right:20px}
.main_banner li div,.main_banner li a {height:100%;width:100%;}
.main_banner li a > div > div {
overflow:hidden;
width:90%;height:90%;
margin:0 auto;
padding-top:5%;
}
.main_banner li div span {line-height:20px}
.main_banner_btnWrap button {
opacity:0;
filter:alpha(opacity=0);
}
.banner_prev , .banner_next {
position:absolute;top:50%;
width:37px;height:56px;
margin-top:-28px;
}
.banner_prev {left:0}
.banner_next {right:0}
/* ( main_banner_big ) */
[data-mainbanner="main_banner_big"] li {width:246px;height:289px;}
[data-mainbanner="main_banner_big"] {
width:246px;height:289px;
font-size:1em;
}
/* ( main_banner_small ) */
[data-mainbanner="main_banner_small"] li {width:168px;height:171px;}
[data-mainbanner="main_banner_small"] {
display:none;
width:168px;height:171px;
font-size:.8em;
}
/******************* [ WIDGET ] *******************/
/* ( widget - calendar ) */
.widget_calendar {margin-bottom:7px}
.widget_calendar_month {
margin-bottom:12px;
line-height:23px;
text-align:center;white-space:nowrap;
}
.widget_calendar_month > a {
/* previous,next month */
position:relative;
width:23px;height:23px;
border:1px solid #d1cdcf;
border-radius:3px;
background-color:#fff;
cursor:pointer
}
.widget_calendar_month > a:after {
display:block;content:"";
position:absolute;top:50%;left:50%;
width:4px;height:7px;
margin:-4px 0 0 -2px;
background:url(/ecom/images/common/sprite_common.png?A=3) -77px -326px no-repeat;/* VAR */
}
.widget_calendar_month > strong {
margin:0 51px;
font-family:proxima-nova;
font-size:15px;
vertical-align:middle;
}
#btnNextMonth:after{background-position:-88px -326px}
.widget_calendar > table {
/* calendar table */
min-height:420px;
border-collapse:separate;
border:1px solid #c0046b;
border-collapse:separate;
}
.widget_calendar thead th {
border-bottom: 1px solid #d1cdcf;
background-color: #f4eaef;
text-align: center;
border-left: 1px solid #d1cdcf;
}
.widget_calendar thead th:first-child {border-left:0 none}
.widget_calendar td {
height:60px;
padding:5px;
border-top: 1px solid #d1cdcf;
border-left: 1px solid #d1cdcf;
text-align:left;vertical-align:top;
font-family:proxima-nova;
font-size:11px;
line-height:15px;
word-break:normal;word-wrap:break-word;
/*word-break:break-all; break-word(normal) 를 표준으로 하기로해서 삭제함. */
}
.widget_calendar tr:first-child td {border-top:0 none}
.widget_calendar td:first-child {border-left:0 none}
.widget_calendar td p {
margin-top:-15px;padding-left:15px;
vertical-align:top;
color:#848484;
}
.widget_calendar td p a {color:#0e0e0e}
.widget_calendar td button {
padding:2px 4px;margin:5px 0 10px;
border:1px solid #90c1ef;
border-radius:2px;
background-color:#f1f7fd;
}
.widget_calendar td button[disabled] {
border-color:#ccc;
background-color:#f1f1f1;
color:#666666
}
.widget_calendar thead th:first-child {color:#d21667}
td.jui-td-sun {
/* sunday */
color:#d21667;
}
/******************* [ GLOBAL DESIGN ] *******************/
/* ( datepicker ) */
.datepicker {
display:inline-block;
}
.datepicker input[type="tel"],.datepicker input[type="text"] {
width:82px;font-size:12px!important;
text-align:center;
padding-right:3px;
}
.btn_calendar {
width:23px;height:23px;
font-size:0;text-indent:-9999px;line-height:0;
border-width:1px;border-style:solid;
border-color:#d1cdcf;/* VAR */
background:url(/ecom/images/common/sprite_common.png?A=3) -11px -246px no-repeat;/* VAR */
}
.ui-datepicker-trigger {cursor:pointer}
.hasDatepicker {width:80px;margin-right:4px;}
/* ( dash :'~' OR '-' ...ETC) */
.dash {
display:inline-block;
margin:0 4px;
font-family:proxima-nova;
font-size:15px;
vertical-align:middle;
height:23px;
line-height:23px;
}
/* ( heading ) */
/* ( heading_type1 ) */
.heading_type1 {
position:relative;
padding-left:14px;margin-bottom:5px;
font-size:13px;line-height:17px;text-align:left;
color:#000;/* VAR */
}
.heading_type1:after {
display:block;content:"";
position:absolute;top:50%;left:3px;
width:4px;height:7px;
margin-top:-4.5px;
background:url(/ecom/images/common/sprite_common.png?A=3) -126px -326px no-repeat;
}
.heading_type1 > span {
margin-left:12px;
font-size:12px;
font-family:proxima-nova;
vertical-align:top;
color:#656565;
}
.heading_type1 > span a {vertical-align:baseline}
/* ( heading_type2 ) */
.heading_type2 {
height:24px;
padding-left:10px;margin-bottom:9px;
font-size:12px;
font-family:proxima-nova;
background-color:#f4eaef;
text-align:left;line-height:24px;
color:#000;/* VAR */
}
/* ( devide_border ) */
.devide_border {
display:block;
height:1px;margin:8px 0;
background:url(/ecom/images/common/bg_devide_border.gif) 0 0 repeat-x;
}
.multi_row .devide_border {margin:6px 0 3px}
/* ( file_upload_hide ) */
.file_upload_hide {position:fixed;top:-9999px;left:-9999px;}
.file_list {display:none;padding:5px 0 7px;line-height:15px}
/******************* [ POPUP ] *******************/
.popup_html {
overflow:hidden;
height:100%;width:100%;
border:5px solid;
border-color:#fff;/* VAR */
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;/* VAR*/
}
.popup_header {
position:absolute;top:0px;left:0px; width:100%;
border-bottom:0 none;/*border-left: 3px solid #c0046b;border-top:3px solid #c0046b;*/
background-color:#fff; padding-left:10px; padding-right:10px;
z-index:999;
}
.popup_header > * {font-family:proxima-nova;}
.popup_container {
position: absolute;top:0;left:0;
height:100%;width:100%;
overflow-y:auto;overflow-x:hidden;
padding:70px 20px 10px 25px;
/*border-bottom:5px solid #fff;
border-right:5px solid #fff;
border-left:5px solid #fff; */
z-index:0;
}
.popup_contents {
position:absolute;left:10px;right:10px;
}
.popup_html .popup_mask {position:absolute}
/*********************** [ LAYER POPUP ] ****************************/
[data-layerpopup] {
position:fixed;top:50%;left:50%;
max-width:80%;max-height:80%;
box-sizing:border-box;
background-color:#fff;
z-index:200;
}
[data-layerpopup].iframePopup {border:0 none}
[data-layerpopup] .popup_header {
margin:0px 0 0 0px;
box-sizing:content-box;
z-index:200; width: 94%;
}
[data-layerpopup] .popup_header h1.title {line-height:50px; }
[data-layerpopup] .popup_container {
position:relative;
overflow:auto;
width:100%;height:100%;
padding:76px 20px 20px;
border:0 none;
z-index:190;
}
.btn_popup_close {
position:absolute;top:3px;right:5px;
width:45px;height:43px;
z-index:210;
cursor:pointer;
}
.btn_popup_close:after {
content:"";display:block;
position:absolute;top:50%;left:50%;
width:11px;height:12px;
margin:-5px 0 0 -4px;
background:url(/ecom/images/common/sprite_common.png?A=3) -14px -374px;
}
.popup_mask {
position:fixed;top:0;left:0;bottom:0;right:0;
background:url(/ecom/images/common/bg_popup_mask.png) 0 0 repeat;
z-index:100
}
.progress_img {display:none;position:fixed;top:50%;left:50%;margin:-75px 0 0 -61px}
.popup_mask.progress {display:block!important;}
.popup_mask.progress .progress_img {display:inline}
.jui-popup-layerin {
max-width:100%;max-height:100%;
background-color:#fff;
}
.jui-layer-cont {height:100%;width:100%;}
.jui-layer-cont .popup_container {
/* jquery UI 팝업의 contents인 경우 absolute 처리 */
position:absolute;top:0;left:0;right:0;bottom:0;
padding:70px 14px 14px
}
.jui-popup-mask {position:absolute; width:100%; height:100%; top:0; left:0; background-color:#000000; filter:Alpha(opacity=10); opacity:0.1; -moz-opacity:0.1;}
.jui-popup-maskin {position:absolute; top:-5px; left:-5px; background-color:#000000; filter:Alpha(opacity=10); opacity:0.1; -moz-opacity:0.1;}
.jui-popup-layer .jui-popup-layerin .jui-layer-cont {position:relative; padding:0 20px; border:1px solid #a0a0a0; height:99%; background:#fff; z-index:100;}
.jui-popup-layer .jui-popup-layerin h3 {margin:0; padding-top:20px;}
.jui-popup-layer .jui-popup-layerin .jui-pop-bottom {padding-bottom:20px;}
.jui-popup-layer .jui-popup-layerin .jui-layer-re { background:url(../images/img/common/bg_infobox.png) no-repeat; width:275px; height:214px;position:relative;}
.jui-popup-layer .jui-popup-layerin .jui-layer-re p { padding:50px 32px 20px 32px ; line-height:20px ;}
.jui-popup-layer .jui-popup-layerin .jui-layer-re .close { position:absolute ; right:25px; top:15px ;}
/* ( tab ) */
.tab_wrap {
overflow:hidden;
margin-bottom:10px;
border-bottom:1px solid #c0046b;
}
.tab_wrap li {
float:left;
min-width:98px;
border:1px solid #d1cdcf;
border-bottom:0 none;
background-color:#fff;
text-align:center;
line-height:25px;
box-sizing:border-box;
}
.tab_wrap li a {
display:block;height:100%;width:100%;
padding:0 10px;
text-decoration:none;
color:#000
}
.tab_wrap li.jui-tab-on {
border-color:#c0046b;
background-color:#bfdcf7
}
/******************* [ STATIC CONTENTS ] *******************/
/********** ( container_static ) **********/
.container_static {
font-family:proxima-nova;
border:1px solid #c0046b;/* VAR */
}
.contents_wrap.static_wrap .container {width:100%;}
.contents_wrap.static_wrap .container .contents {padding:14px 0 20px}
.title_static {
padding-left:20px;
font-size:0;
border-bottom:1px solid #d0e4f6;
line-height:45px;
}
/* ( static body ) */
.static_body {
margin:8px 0 0 3px
}
/********** ( OLD CSS ) **********/
/* ( whatsNew_article ) */
.whatsNew_article {padding:10px}
/* ( whatsNew_list ) */
.whatsNew_list {
margin:-12px -15px 0;
padding:0 17px;
background:url(/ecom/images/static/ui_subMenu.gif) 0 bottom repeat-x;
}
.whatsNew_list a {
position:relative;
height:31px;
line-height:31px;
padding-left:14px;
}
.whatsNew_list a:after {
display:block;content:" ";/* VAR */
position:absolute;top:50%;left:7px;
width:1px;height:7px;
margin-top:-3.5px;
background:url(/ecom/images/static/subnav_vlod.gif) 0 0 no-repeat;
}
.whatsNew_list li:first-child a {padding-left:0}
.whatsNew_list li:first-child a:after {display:none}
a.casubNavText {font-size:11px;font-family:proxima-nova;color:#919191;}
a.casubNavText:hover {color:#297BDF;}
.caTitle {font-size:20px;font-family:proxima-nova;color:#297BDF;}
.helpSubtitle {font-size:16px;font-family:proxima-nova;color:#2237a2;}
.whatsNew_article > p {padding:13px 0}
/*********************** [ PAGE DESIGN (PAGE CUSTOMIZING)] ****************************/
/* (CUP_HOM_3001) */
#mltLocSlctTpCdTh input[type="radio"] {margin-left:10px}
#mltLocSlctTpCdTh input[type="radio"]:first-child {margin-left:0}
/* (CUP_HOM_3007) */
.tab_longRange_Schedule li {min-width:50px!important}
/* (CUP_HOM_3212) */
.breakTable_3212 th {white-space:normal;}
/* (CUP_HOM_3245) */
.box_type3 > table th {height:auto}
.box_type3 {border:1px solid #e4e4e4; padding:8px; }
.coupled_heading_type2_read, .coupled_heading_type2_edit { border-top:0; margin:-9px 0; }
.coupled_heading_type2_read th, .coupled_heading_type2_read td { padding-top:4px; padding-bottom:4px; vertical-align:top; height:initial; line-height:16px;}
.coupled_heading_type2_read th {
padding-left:5px;
position:relative;
padding-right:11px;
}
.coupled_heading_type2_read td { padding-left:0; padding-right:0; }
.coupled_heading_type2_read th:after {
position:absolute; right:0; top:-1px;
content:""; display:block;
width:7px; height:23px;
background:url(/ecom/images/common/sprite_common.png?A=3) -128px -294px no-repeat;
}
.coupled_heading_type2_read .table_type1 {border-top:1px solid #d1cdcf; margin:0;}
.coupled_heading_type2_read .table_type1 th {height:initial; padding:4px;}
.coupled_heading_type2_read .table_type1 td {padding-left:5px; padding-right:5px;}
.coupled_heading_type2_read .table_type1 th:after {background-image:none;}
.coupled_heading_type2_edit th, .coupled_heading_type2_edit td { vertical-align:top; height:initial; }
.coupled_heading_type2_edit th {
padding-left:5px;
position:relative;
padding-right:5px;
padding-top:4px; padding-bottom:4px;
line-height:16px;
}
.coupled_heading_type2_edit th.req {
padding-left:13px;
}
.coupled_heading_type2_edit .singleline {
padding-right:0;
padding-bottom:0;
}
.coupled_heading_type2_edit .singleline.btm .grid_option_total {
margin-top:-7px;
}
.coupled_heading_type2_edit .grid_option_total {font-size:10px;line-height:20px;}
.coupled_heading_type2_edit .singleline .grid_option_total {line-height:16px;}
.coupled_heading_type2_edit td { padding-left:0; padding-right:0; padding-top:2px; padding-bottom:2px; }
.coupled_heading_type2_edit .table_type1 {border-top:1px solid #d1cdcf; margin:0;}
.coupled_heading_type2_edit .table_type1 th {height:initial; padding:4px;}
.coupled_heading_type2_edit .table_type1 td {padding-left:5px; padding-right:5px;}
.coupled_heading_type2_edit .table_type1 th:after {background-image:none;}
.coupled_heading_type2_edit textarea {max-width:100%;min-height:24px;padding:4px 7px;}
/* (CUP_HOM_3245, 3212) */
[aria-describedby="main-grid4_issueDate"] .btn_calendar {margin-left:4px}
[aria-describedby="main-grid4_issueDate"] input.hasDatepicker {width:86px;text-align:center}
div [data-div3212] input {margin-right:4px;}
/* (CUP_HOM_3217) (Test) */
#prnDIVM .coupled_heading_type2_edit input[type="text"][disabled],input[type="text"]:disabled,
#prnDIVM .coupled_heading_type2_edit input[type="password"][disabled],
#prnDIVM .coupled_heading_type2_edit input[type="password"]:disabled,
#prnDIVM .coupled_heading_type2_edit input[type="tel"][disabled],
#prnDIVM .coupled_heading_type2_edit input[type="tel"]:disabled,
#prnDIVM .coupled_heading_type2_edit input[type="reset"][disabled],
#prnDIVM .coupled_heading_type2_edit input[type="reset"]:disabled,
#prnDIVM .coupled_heading_type2_edit textarea[disabled],
#prnDIVM .coupled_heading_type2_edit textarea:disabled,
textarea#hMark, textarea#hDesc {
border-color:#e1e1e1;
background-color:#f5f5f5;
color:black;
}
/* (CUP_HOM_3201) */
.location_td {padding-top:4px}
/* (CUP_HOM_3201, 3210, 3232, 3243) */
.customize_3201 #contrTab1, .customize_3201 #contrTab2, .customize_3201 #contrTab3 {
border:1px solid #d1cdcf;
border-top:0;
border-bottom:0;
}
/* (SPP_COM_1900), (CUP_HOM_1614_ES) */
.fileupload_wrap {z-index:1;cursor:pointer;position:absolute;top:0px;margin-top:0px;height:25px;opacity:20;width:100%;}
.fileupload {width:80%!important;}
/* (SPP_COM_1004) */
.vendor_forgot {margin:-20px -20px 0 -15px}
/* (SPP_COM_1006) */
.popup_html .title_para {
margin:-20px -20px 10px -15px;
}
.location_td span span {vertical-align:middle}
/* CUP_HOM_1011 (ID/Password Search) */
.title_para2.notice {
position:relative;
margin-bottom:15px;
padding-left:44px;
}
.title_para2.notice:after {
display:block;content:"";
position:absolute;left:18px;top:9px;
width:16px;height:15px;
background:url(/ecom/images/common/sprite_common.png?A=3) -129px -249px no-repeat;
}
/* CUP_HOM_3212 (Preview Mode) */
span#pv_lbTx {width:100%;}
/* (Common) */
.f_10 {font-size:10px;}
.f_blue {color:#58203f;}
.heading_type2 input[type="checkbox"] { margin-bottom:2px; }
.hyphen {padding-left:0; padding-right:4px;}
/* (JOIN) */
.join_wrap {padding:30px 45px 0}
.heading_join {
height:70px;padding-left:46px;
font-size:21px;
background:#c0046b url(/ecom/images/common/signup_bg_title.png) right 0 no-repeat;
line-height:66px;
color:#fff;
}
.heading_join:after {
display:inline-block;content:"";
width:42px;height:42px;
margin-left:19px;
vertical-align:middle;
background:url(/ecom/images/common/signup_icon.png) 0 0 no-repeat;
}
/* ( 1020- 1022 회원가입 ) */
.signup_step {margin-bottom:22px;}
.signup_step li {
position:relative;
width:33%;
font-size:12px;
background-color:#fff;border:1px solid #cecece;
border-left-width:0;
line-height:37px;text-align:center;
color:#000;
}
.signup_step li.now {
font-weight:700;
background-color:#f1e5eb;
border-color:#c0046b;border-left-width:1px;
color:#c0046b;
z-index:1
}
.signup_step li:first-child {width:34%;border-left-width:1px}
/*( 1020- 1022 회원가입_ver2 )*/
.signup_step_ver2 {margin-bottom:22px;}
.signup_step_ver2 li {
position:relative;
width:50%;
font-size:12px;
background-color:#fff;border:1px solid #cecece;
border-left-width:0;
line-height:37px;text-align:center;
color:#000;
}
.signup_step_ver2 li.now {
font-weight:700;
background-color:#f1e5eb;
border-color:#c0046b;border-left-width:1px;
color:#c0046b;
z-index:1
}
.signup_step_ver2 li:first-child {width:50%;border-left-width:1px}
/*( 1020- 1022 회원가입_ver2 )*/
.signup_terms {
padding:12px;
font-size:12px;
background:#f3f0f1;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
position:absolute;
top:161px;
right:45px;
bottom:65px;
left:45px;
margin-bottom:0!important;
}
.join_wrap pre {white-space:pre-wrap;line-height:18px}
#taAgree1 {
overflow:auto;
position:absolute;left:12px;right:12px;bottom:30px;top:12px;
padding:13px 25px 0;
height:auto!important;
border:1px solid #e4cfdb;
background-color:#fff;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
}
.signup_terms_chk {position:absolute;left:12px;right:12px;bottom:8px;font-size:11px}
.signup_terms_btn {position:absolute;bottom:18px;left:0;right:0;margin-bottom:0;}
.join_move {padding:0;min-width:0;}
.join_move .btn_move_del, .join_move .btn_move_add {width:auto;min-width:66px}
.btn_move_del[disabled]:after, .btn_move_add[disabled]:after {
background-color: #CBCBCB;
}
.btn_move_del[disabled]:before, .btn_move_add[disabled]:before {
background-color: #CBCBCB;
}
/* ( CUP_HOM_3057 :PC Guide ) */
.guide_para {margin-bottom:63px;padding-left:2px;font-size:17px;text-transform:uppercase;line-height:24px;color:#3185ed}
/* ( CUP_HOM_1616 ) */
.opinion_confirm {
padding:30px 15px 40px;
background-color:#fff;
text-align:center;
}
.opinion_confirm h2 {
position:relative;
font-size:16px;line-height:30px;
color:#2a82f0;
}
.opinion_confirm h2 strong {font-size:22px}
.opinion_confirm h2:after {display:block;width:309px;margin:auto;content:"";height:2px;background-color:#d6e9fa}
.opinion_para {padding:35px 20px 0;line-height:22.5px;}
.opinion_confirm .button_div {padding:55px 0 0;margin:0}
/* (CUP_HOM_3229 Sea Waybill Print Agreement) */
.seaWaybill_printPara {
white-space:pre-wrap;
}
/* ( captcha ) */
#errorCaptcha {display:inline-block;padding-bottom:8px;}
/* ( admin popup ) */
.adminPopupPara {margin:0 0 20px;}
/* ( user guide btn ) */
.btn_userGuide {
position:absolute;top:17px;right:0px;
font-size:12px;
/*background:url(/ecom/images/common/btn_user_guide.jpg) 9px center no-repeat;*/
cursor:pointer;
color:#005fcd; font-weight:normal'
}
/* ( CUP_HOM_3604 ) */
.colon {
position:relative;
margin-right: 10px;
padding-right: 14px;
vertical-align: middle;
}
.colon:after {
display:block;content:"";
position:absolute;top:-1px;right:0;
height:16px;width:1px;
border-right:1px dotted rgb(74, 152, 239);
vertical-align:top;
}
/******************* [ LANGUAGE CUSTOMIZING ] *******************/
/******************* [ ZH (China) ] *******************/
body.zh .opinion_confirm h2 {font-size:22px;text-indent:15px}
/*************************** JQUERY UI (CUSTOMIZING) ***************************/
/* ( buttton ) */
.ui-button-text {color:#fff}
.ui-button-text2 {color:#333;font-size:10px}
/* ( grid ) */
.ui-jqgrid input[type="radio"],.ui-jqgrid input[type="checkbox"]{
margin:0
}
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default , th.ui-state-default {
font-weight:normal;border:1px solid #d1cdcf;
background-color:#faf6f8;
color:#000;
}
.ui-state-valid a{
background-image: none !important;
background: #F8E0EC !important;
}
.ui-jqgrid-bdiv div table {*border-left:1px solid #fff;}
/* ( datepicker ) */
.jui-position-calendar {z-index:10}
.jui-position-calendar .ui-datepicker {display:block}
/* ( magiccombo ) */
.magic_combo {
display:inline-block;
max-width:100%;
vertical-align:middle
}
.magic_combo .head {
overflow:hidden;
max-width:100%;
background-color:#FFFFFF;
border:1px solid #d1cdcf;
}
.magic_combo .head input {
background-color:transparent;
border:medium none;
width:100%;
}
.magic_combo .head .btn {
float:right;
position:relative;
width:22px!important;
cursor:pointer
}
.magic_combo > .body {
position:absolute;
float:left;max-height:400px;
overflow-x:hidden;overflow-y:auto;
border:1px solid #d1cdcf;
background:none repeat scroll 0 0 #FFFFFF;
z-index:90;
}
.magic_combo .tr {
display:inline-block;
white-space:nowrap;
width:100%;
}
.magic_combo .td {
background-color:#FFFFFF;
border:1px solid #cecece;
border-style:none solid solid;
border-width:medium 1px 1px;
cursor:default;
display:inline-block;
height:22px;
line-height:22px;
overflow:hidden;
vertical-align:middle;
white-space:nowrap;
padding:2px 0 0 4px;
}
.magic_combo .body table {table-layout:auto}
.magic_combo tr:hover td {background-color:#e1edf9;}
.magic_combo tr.selected td {background-color:#faffd2;}
.magic_combo .body th ,.magic_combo .body td {height:25px!important;border-bottom:1px solid #d1cdcf;}
.magic_combo .body th {background-color:#faf6f8;cursor:pointer}
.magic_combo .body td {padding:4px 7px;line-height:16px}
/* (icon) */
.icon {
height:21px;width:22px;
float:left;overflow:hidden;
background:url(/ecom/images/common/selectbox.gif) 0 0 no-repeat;
}
.icon-triangle-1-s {background-position:-64px -16px;}
.icon-minus {background-position:-48px -128px;}
.icon-plus {background-position:-16px -128px;}
.icon-pencil {background-position:-64px -112px;}
/* tracking_box(3301) */
.tracking_box {
padding:13px 9px 8px;
background:url(/ecom/images/common/bg_tracking_box.gif) 0 0 repeat;
}
.jui-tracking-movement {position:absolute; z-index:100;}
.jui-tracking-current {
display:inline-block;
position:relative;
float:left;
width:121px;height:72px;
margin:-63px 0 0 -109px;
text-align:center;
z-index:200;
}
.jui-tracking-current > img {position:absolute;bottom:0;left:0}
.box_type1 .jui-div-mytracking {
margin:0 17px;
position:relative;
padding:50px 0px 10px 0px;
}
.box_type1 .jui-position-tracking:before {
content:"";display:inline-block;
height:5px;
background-color:#c4c4c4;
position:absolute;left:0;right:0;
}
.box_type1 .jui-div-mytracking .jui-position-tracking {
position:relative;
height:5px;
}
.box_type1 .jui-div-mytracking .jui-position-tracking .jui-trace-graph {
display:inline-block;
position:absolute;left:0;
height:5px;
background-color:#340535;
}
.jui-tracking-portname {
position:relative; left:0px; top:0px; margin-top:10px; _margin-top:-18px; width:100%; text-align:right}/*1013*/
.jui-tracking-portname .jui-loading{position:absolute; left:0px; top:0px}/*1013*/
/* ( ui-dialog :다이얼로그 팝업 ) */
.ui-dialog .ui-widget-header {
border:0 none;background:#c0046b;
font-family:proxima-nova;
font-size:13px;font-weight:400;
letter-spacing:.2px
}
.ui-dialog.ui-widget-content {padding:0;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.ui-dialog.ui-widget-content .ui-dialog-content {padding-top:12px;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
.ui-dialog.ui-widget-content .ui-dialog-titlebar {padding-left:11px;padding-bottom:.5em;}
.ui-dialog.ui-widget-content .btn_type1 {border:0 none}
.ui-dialog.ui-widget-content .btn_type3 {border:0 none}
.ui-dialog.ui-widget-content .ui-dialog-titlebar-close {padding:0;}
.ui-dialog.ui-widget-content .ui-dialog-titlebar-close:hover {background:transparent;border:0 none}
.ui-dialog.ui-widget-content .ui-dialog-titlebar-close span {
width:100%;
margin:0;
background-image:url(/ecom/images/common/sprite_common.png?A=3);
background-position:-99px -248px;
}
.ui-dialog.ui-widget-content .ui-dialog-buttonset .btn_type1 {margin-left:4px}
.ui-dialog.ui-widget-content .ui-dialog-buttonset .btn_type3 {margin-left:2px}
/************************ [ TEST CLASS ] ************************/
.wTest:after {
content:" ";display:block;
position:fixed;top:0;left:0;
width:1250px!important;height:700px!important;
overflow:hidden!important;
border:1px solid red!important;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
z-index:9999;
}
.blkLine {border:1px solid #000!important;}
.blueLine {border:1px solid blue!important;}
strong.blue {border:0 none!important;}
.redLine {border:1px solid red!important;}
.space {border:1px solid #B66969!important!important}
.space th, .space td {border:1px solid #B66969!important}
.showMSG {display:block;
position:fixed;
top:0;
left:50%;
width:200px;
height:100px;
background:yellow;
border:5px solid red;
font-size:3em;
text-align:center;
line-height:2em;}
/* [ KYUNGJIN PARK ] */
/******************** [ LAYOUT(pattern) ] ********************/
/* (layout_wrap) */
.layout_wrap {position:relative;}
.layout_wrap:after {content:" ";display:block;clear:both}
/* (layout_vertical) */
.column_2,.column_3,.column_4,.column_5 {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.column_2 {float:left;width:50%}
.column_2:first-child {padding-right:12px}
.column_3 {float:left;width:33%;padding-left:12px;}
.column_3:first-child {padding-left:0}
.column_4 {float:left;width:25%;padding-left:12px;}
.column_4:first-child {padding-left:0}
.column_5 {float:left;width:20%;padding-left:12px;}
.column_5:first-child {padding-left:0}
/* (layout_flexible) */
.layout_flex_fixed {
position:relative;
float:left;
z-index:15
}
.layout_flex_fixed.floatR {float:right;}
.layout_flex_flex {
position:absolute;top:0;left:0;
width:100%;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
}
/* ( line_type1 ) */
.line_type1 {
border-top:1px solid #c0046b;
}
/* ( multicombo ) */
.multicombo_row > td {
height:auto;
padding:6px 8px;
vertical-align:top
}
.multicombo_row > td * {vertical-align:top;line-height:23px;}
.multicombo_row > td select {line-height:19px}
.multicombo_row > td .title {display:block;margin-bottom:3px;}
.multicombo_cont input[type="checkbox"] {vertical-align:text-top;}
.multicombo {
position:relative;
max-width:180px;
display:inline-block;
vertical-align:top;
margin-bottom:5px;
z-index:1
}
.multicombo .selected_item {
padding:0 0 1px 2px;
border:1px solid #e8b6ce;
min-width:180px;
background-color:#fff;
min-height:23px;
}
.multicombo .selected_item:after {
display:block;content:"";clear:both;
}
.multicombo .selected_item > span {
float:left;
position:relative;
padding:0 17px 0 6px;margin:1.5px 6px 1.5px 0;
background-color:#efe4e9;
border-radius:3px;
line-height:17px;
}
.multicombo .selected_item > span:hover {background-color:#e8d0db;}
.multicombo .selected_item > span button {
position:absolute;right:0;top:0;
width:16px;height:16px;
border-radius:3px;
font-size:0;line-height:0;text-indent:-9999px;
}
.multicombo .selected_item > span button:after,
.multicombo_dropdown:after {
display:block;content:"";
position:absolute;top:50%;left:50%;
background-image:url(/ecom/images/common/sprite_common.png?A=3);
background-repeat:no-repeat;
}
.multicombo .selected_item > span button:after {
width:5px;height:5px;
margin:-2px 0 0 -2.5px;
background-position:-67px -305px;
}
.multicombo_dropdown {
position:absolute;right:0;top:0;
width:23px;height:23px;
border:1px solid #d1cdcf;
background-color:#f6edf2;
font-size:0;line-height:0;text-indent:-9999px;
z-index:10;
}
.multicombo_dropdown.on, .multicombo_dropdown:hover {border-color:#e191bd}
.multicombo_dropdown:after {
width:7px;height:8px;
margin:-4.5px 0 0 -3px;
background-position:-79px -305px;
}
.multicombo_confirmDiv {
position:absolute;left:0;right:27px;
bottom:0;
padding:5px 5px 2px;margin-top:1px;
border:1px solid #e191bd;
border-top:1px solid #d1cdcf;
background-color:#faf6f8;
text-align:right;
z-index:-1;
}
.multicombo_confirmDiv.zIndexSet {z-index:0}
.multicombo_confirmDiv button {
height:18px;
line-height:16px;
vertical-align:top;
vertical-align:top;
}
.multicombo_cont {
display:none;
position:absolute;top:0;left:0;
padding-right:27px;
padding-bottom:31px;
z-index:5;
}
.multicombo_header {
position:absolute;left:0;right:27px;
margin-top:-1px;
border:1px solid #e191bd;
border-bottom:0 none;
}
.multicombo_header th {height:25px;}
.multicombo_list {
overflow:auto;
margin-top:26px;
max-height:112px;
border:1px solid #e191bd;border-top:0 none;
}
.multicombo_list table {
border-collapse:separate;
margin-top:-1px;
}
.multicombo_list table thead th {border-bottom:1px solid #d1cdcf;}
.multicombo_list table th ,.multicombo_list table td {
height:26px;
border-left:1px solid #d1cdcf;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}
.multicombo_list table tbody tr:hover td {
border-color:#6bb0ff;
background-color:#e1edf9;
}
.multicombo_list table th:first-child ,.multicombo_list table td:first-child {border-left:0 none;}
.multicombo_list table td {background-color:#fff;}
.multicombo .selected_count {
display:block;
background-color:#faf6f8;border:1px solid #e191bd;
text-indent:8px;
line-height:25px;
color:#860149;
}
.multicombo_list table tbody label {width:100%;line-height:26px;}
/* min-width SETTING */
.multicombo_cont > [class^="multicombo_"] {
min-width:180px;
}
/* multicombo [readonly],multicombo [disabled] */
.multicombo[data-readonly]:before,.multicombo[data-disabled]:before {
display:block;content:"";
position:absolute;top:0;right:0;
width:25px;height:25px;
z-index:20;
}
.multicombo[data-readonly] .selected_item,
.multicombo[data-disabled] .selected_item {border-color:#e1e1e1;}
.multicombo[data-readonly] button.multicombo_delItem,
.multicombo[data-disabled] button.multicombo_delItem {
display:none;
}
.multicombo_dropdown[disabled],
.multicombo[data-readonly] .multicombo_dropdown,
.multicombo[data-disabled] .multicombo_dropdown {
border-color:#e1e1e1;
background-color:#f5f5f5
}
.multicombo_dropdown[disabled]:after,
.multicombo[data-readonly] .multicombo_dropdown:after,
.multicombo[data-disabled] .multicombo_dropdown:after {
background-position:-96px -305px;
}
.multicombo[data-readonly] .selected_item > span,
.multicombo[data-disabled] .selected_item > span {background:none;}
/* multicombo[data-readonly] */
.multicombo[data-readonly] .selected_item > span {color:#454545;}
/* multicombo[data-disabled] */
.multicombo[data-disabled] .selected_item {background-color:#f5f5f5}
.multicombo[data-disabled] .selected_item > span {color:#d9d9d9;}
/* ( byte 컷팅(ex35byte) textarea 점선배경 ) */
.textarea_byte {background:url(/ecom/images/common/textarea_guide.gif) 258px 0 repeat-y; font-size:11px}
/* language 선택*/
.dropbtn { background-color: #fff; color: #c0046b;font-size: 13px; cursor: pointer; border:1px solid #e19ec3 ;height:22px ; width:44px; position:relativ ;text-align: left;
padding-left: 3px;}
.dropdown {position: relative; display: inline-block; float:right ; margin-top:12spx ; z-index:999 ;top:16px}
.dropdown-content { display: none; position: absolute; background-color: #fff; min-width: 44px;font-size: 13px;z-index: 1;border:1px solid #e19ec3 ; margin-top:-1px ; border-top:none}
.dropdown-content a { color: #c0046b; padding: 5px 3px; text-decoration: none; display: block;}
.dropdown-content a:hover {background-color: #f5e6ee ; transition: 0.3s;}
.dropdown:hover .dropdown-content { display: block;}
.dropdown:hover .dropbtn { background-color: #fff;}
.tri{ position:absolute;right:5px; top:10px;
width: 0px;height: 0px;
border-bottom:4px solid none;
border-top:4px solid #c0046b;
border-right: 4px solid transparent;
border-left:4px solid transparent;transition: 0.3s;
}
/*Login*/
.mt_login { float:right; font-size:13px ; margin:15px 30px}
.mt_login > span { width:25px; height:25px ; background:url(/ecom/images/common/sprite_common2.png) -136px -158px no-repeat ; background-color:#d5d5d5 ; border-radius:30px; margin-right:10px ; vertical-align:middle ; font-size:0}
.mt_login:hover { cursor:pointer}
/*Main GNB*/
.m_gnb { width:1024px; margin:0 auto; z-index:150 ; height:40px;position:relative ; background:#c1046b ; padding:1px 20px ; clear:both ; font-size:14px}
.m_gnb,.m_gnb ul,.m_gnb ul li,.m_gnb ul li a {border:0;list-style:none;line-height:1;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box ; }
.m_gnb:after,.m_gnb > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.m_gnb ul li.on ,.m_gnb ul li.on a{ background: #097fc7 ; color:#fff}
.m_gnb > ul > li{float:left ; }
.m_gnb > ul > li > a {padding:12px 12px ;text-decoration:none;color:#fff;}
.m_gnb > ul > li:hover > a,.m_gnb ul li.active a{color:#c1046b; background:#fff; }
.m_gnb > ul > li:hover,.m_gnb ul li.active:hover,.m_gnb ul li.active,.m_gnb ul li.has-sub.active:hover,{background:#E2E2E2!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
.m_gnb > ul > li.has-sub > a{padding-right:10px ;border-left:1px solid #c1046b}
.m_gnb > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;content:''}
.m_gnb > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display: inline-block;width:2px;height:8px;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
.m_gnb > ul > li.has-sub:hover > a:before{top:23px;height:0}
.m_gnb ul ul{position:absolute;left:-9999px ; border:1px solid #c1046b ; border-top:none}
.m_gnb ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#fff;transition:all .25s ease}
.m_gnb ul ul li:hover{}
.m_gnb li:hover > ul{left:auto}
.m_gnb li:hover > ul > li{height:35px; display:inline-table}
.m_gnb ul ul ul{margin-left:100%;top:0}
.m_gnb ul ul li a {border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:200px;font-size:13px;text-decoration:none;color:#c1046b;font-weight:400;}
.m_gnb ul ul li:last-child > a,.m_gnb ul ul li.last-item > a{border-bottom:0}
.m_gnb ul ul li:hover > a,.m_gnb ul ul li a:hover{color:#c1046b ;font-weight: bold}
.m_gnb ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#c1046a;content:''}
.m_gnb ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#c1046a;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
.m_gnb ul ul ul { border:1px solid #c1046b ;background: #fff;}
.m_gnb ul ul > li.has-sub:hover > a:before{top:17px;height:0}
.m_gnb ul ul li.has-sub:hover,.m_gnb ul li.has-sub ul li.has-sub ul li:hover{ color:#fff}
.m_gnb ul ul ul li.active a{border-left:1px solid #333}
.m_gnb > ul > li.has-sub > ul > li.active > a,.m_gnb > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
.m_gnb > ul > li.spp {background:#900f56 .3s ease;-ms-transition:background .3s ease;transition:background .3s ease; padding:0px; border-radius: 3px;
height: 35px;margin-top: 3px; margin-left:10px}
.m_gnb > ul > li.spp a {margin-top:-4px; background:#900f56 ; color:#fff ; border-radius:3px ;
line-height: 2px;
margin-top: 3px; border-left: 1px solid #c1046b;}
.m_gnb ul ul li li { display: inline ;}
/*modal login*/
.modal_login input[type=text],.modal_login input[type=password] {
width: 240px; margin: 8px 0; display: inline-block; box-sizing: border-box; background:#f2f2f2; border:none ;height:30px; padding-left:15px }
.mh_button {
background-color: #c0046b;color: white; border: none; cursor: pointer;padding:12px 20px; width:80px; height:70px; right:30px ; position:absolute; top:40px;
}
.mh_button:hover { opacity: 0.8; }
.mh_title {position: relative; background:#cccccc;padding: 10px;font-size: 18px; padding: 10px; font-size: 18px;}
.tit_spp { color:#555 ; font-size:15px}
.mh_login_wrap {padding: 16px; font-size:13px; position:relative ; padding:30px}
.mh_login_wrap label { display:none}
.modal_login { display: ; position: fixed; z-index: 999;left: 0;top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); padding-top: 60px;}
.modal-content {
background-color: #fefefe;
margin: 5% auto 15% auto; border: 1px solid #888;width: 425px;
}
.mh_close {position: absolute;right: 8px;top: 8px; color: #000;font-size: 20px; font-weight: bold; }
.mh_close:hover,
.mh_close:focus {color:#717171; cursor: pointer;}
.mh_foot { padding:0px 0 35px 30px ; font-size:13px;}
.animate {
-webkit-animation: animatezoom 0.6s;
animation: animatezoom 0.6s}
.mh_foot #btnForget { margin-left:30px ; color:#333}
button.spp_new {
background: #dfdfdf;
padding: 8px 10px;
border-radius: 3px;
display: block;
margin-top: 15px;
width: 360px;
color: #4d4d4d;
}
@-webkit-keyframes animatezoom {
from {-webkit-transform: scale(0)}
to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
from {transform: scale(0)}
to {transform: scale(1)}
}
.main_contents_wrap {}
.main_contents_wrap ul.f_menu {DE overflow:hidden ; width:100% ;}
.main_contents_wrap ul.f_menu li { width:33.3% ; height:170px ; float:left ; border-right:1px solid #ececec ; border-top:1px solid #ececec; padding:10px 20px ; position:relative}
.main_contents_wrap ul.f_menu li:nth-child(3),.main_contents_wrap ul.f_menu li:nth-child(7) {border-right:none; }
.main_contents_wrap ul.f_menu li:nth-child(4),.main_contents_wrap ul.f_menu li:nth-child(5),.main_contents_wrap ul.f_menu li:nth-child(6) ,.main_contents_wrap ul.f_menu li:nth-child(7){ border-bottom:1px solid #ececec}
.main_contents_wrap ul.f_menu li p { display:block ; text-align:center ; color:#340535 ; font-size:15px}
.main_contents_wrap ul.f_menu li a span { display:block; margin:0 auto ; background:url(../images/common/sprite_common2.png)no-repeat ; margin-top:10px ;}
.main_contents_wrap ul.f_menu li a span.schedule { background-position:0px -32px; width:43px; height:47px}
.main_contents_wrap ul.f_menu li a span.outbound { background-position: -66px -40px;width: 47px;height: 47px;}
.main_contents_wrap ul.f_menu li a span.report { background-position: -140px -39px; width: 43px; height: 47px;}
.main_contents_wrap ul.f_menu li a span.track { background-position: -218px -39px; width: 65px; height: 47px;}
.main_contents_wrap ul.f_menu li a span.rate { background-position: -3px -101px; width: 45px; height: 47px;}
.main_contents_wrap ul.f_menu li a span.esub { background-position: -60px -100px; width: 45px; height: 47px;}
.main_contents_wrap ul.f_menu li a span.inbound { background-position: -190px -100px;; width: 45px; height: 47px;}
.main_contents_wrap ul.f_menu li a span.vgm { background-position: -190px -156px; width: 60px; height: 47px;}
.overlay {position: absolute;bottom: 100%;left: 0; right: 0; background-color: #fdf3f9; overflow: hidden; width: 100%; height:0; transition: .5s ease;}
.main_contents_wrap ul.f_menu li:hover .overlay { bottom: 0; height: 100%; opacity:0.5 ; z-index:-999; box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2) ;-webkit-transition: 0.5s; transition: 0.5s;}
/*.main_contents_wrap ul li:hover { box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2) ;-webkit-transition: 0.5s; transition: 0.5s; background:#fdf3f9} */
.main_contents_wrap ul.f_menu li:hover p { font-weight:bold ;-webkit-transition: 0.5s; transition: 0.5s;}
.main_contents_wrap ul.f_menu li:hover p.info_t { font-weight:normal}
.main_contents_wrap ul.f_menu li p.info_t { font-size:14px ; text-align:left ; line-height: 16px;letter-spacing: -0.5px; margin-top: 10px;}
.main_contents_wrap ul.f_menu li button { width:26px; height:26px ; position:absolute ; background:#340535 ; color:#fff; border-radius:40px ;right:10px;top:130px;padding-bottom: 2px;}
/* .main_area_contents { width:100%} */
.main_contents_wrap a { text-decoration: none;color: #333; width: 100%; height: 100%;}
.main_area_contents h1 { font-size: 18px; font-weight: normal; color: #c1046b; padding: 19px 0px;}
.main_area_contents .button_div a, .main_area_contents .button_div button { padding: 3px 10px 4px; border: 1px solid #c0046b; border-radius: 0px; letter-spacing: .2px; color: #c0046b; margin-top: 15px; font-size: 13px; cursor: pointer;}
section.track { margin-top:20px ; display: inline-block;}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #F2F2F2 inset !important;
}
.history-tl-container {
width: 100%;
box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.3);
background-color: #FFF;
padding: 24px 0;
position: relative;
margin: auto;
}
.history-tl-container ul.tl li{
list-style: none;
margin:auto;
margin-left:200px;
min-height:50px;
/*background: rgba(255,255,0,0.1);*/
border-left:1px dashed #86D6FF;
padding:0 0 50px 30px;
position:relative;
}
.history-tl-container ul.tl li:last-child{ border-left:0;}
.history-tl-container ul.tl li::before{
position: absolute;
left: -18px;
top: -5px;
content: " ";
border: 8px solid rgba(255, 255, 255, 0.74);
border-radius: 500%;
background: #c1046b;
height: 20px;
width: 20px;
transition: all 500ms ease-in-out;
}
.history-tl-container ul.tl li:hover::before{
border-color: #c1046b;
transition: all 1000ms ease-in-out;
}
ul.tl li .item-title{
}
ul.tl li .item-detail{
color:#1C1C1C;
margin-top:30px;
font-size:12px;
}
ul.tl li .timestamp{
color: #c1046b;
position: absolute;
width:100px;
left: -15%;
text-align: right;
font-size: 12px;
}
ul.tl li div.timestamp span.desc{
color: #2E2E2E;
}
[data-title]:hover {
position: relative;
}
[data-title]:hover:after {
background-color: #000000;
background-color: rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #FFFFFF;
font-size: 12px;
content: attr(data-title);
margin-bottom: 10px;
top: 130%;
left: 0;
padding: 7px 12px;
position: absolute;
width: auto;
min-width: 50px;
max-width: 300px;
white-space: pre-wrap;
}
.btn_addr_book{
position:relative;top:0;right:0;
width:20px;height:22px;
background:url(/ecom/images/common/ab.png) -1px -4px no-repeat;
background-size: 22px;
}
.cust_valid{
position:relative;top:5px;right:0;
width:18px;height:18px;
background:url(/ecom/images/common/validated.png) no-repeat;
background-size: 18px;
}
.cust_not_valid{
position:relative;top:5px;right:0;
width:18px;height:18px;
background:url(/ecom/images/common/not_validated.png) no-repeat;
background-size: 18px;
}
.cust_valid_grid{
position:relative;right:0;
width:18px;height:18px;
background:url(/ecom/images/common/validated.png) no-repeat;
background-size: 18px;
}
.cust_not_valid_grid{
position:relative;right:0;
width:18px;height:18px;
background:url(/ecom/images/common/not_validated.png) no-repeat;
background-size: 18px;
}
.cust_none{
position:relative;top:5px;right:0;
width:18px;height:18px;
background:url(/ecom/images/common/none.png) no-repeat;
background-size: 18px;
}
.valid_input{
background-color: #F8E0EC!important;
}
.invalid_input{
background-color: #F5F6CE!important;
}
.invalid-tooltip {
position: absolute;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-left: .1rem;
margin-top: .44rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color:#c1046b;
border-radius: .25rem;
white-space: nowrap;
}
.option-wrap {
word-wrap: break-word; /* IE*/
white-space: -moz-pre-wrap; /* Firefox */
white-space: pre-wrap; /* other browsers */
width:150px;
display:inline-block
}
.n_alarm {
position: relative;
right: 5px;
top: 15px;
font-size: 0;
float: right;
z-index: 501;
}
.ic_alarm {
position: relative;
background: url(/ecom/images/common/img_alarm.png) no-repeat left bottom;
width: 22px;
height: 25px;
display: inline-block;
cursor:pointer
}
.ic_alarm span {
border-radius: 30px;
display: inline-block;
width: 12px;
height: 12px;
background: #cd2232;
float: right;
color: #fff;
font-size: 7px;
text-align: center;
letter-spacing: -1px;
border: 2px solid #fff
}
.msg-dropdown {
display: none;
position: absolute;
background-color: #555;
min-width: 200px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 99999999;
-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
margin: 0 auto;
margin-top:10px;
right:-50px;
border-radius: 6px;
color: #fff;
}
.msg-dropdown a {
color:#fff;
padding: 8px 12px;
text-decoration: none;
display: block;
font-size: 14px;
line-height:18px;
}
.msg-dropdown a:hover{
color:#e191bd;
}
.msg_highlight{
background-color: #c0046b;
color: #FFFFFF;
font-size:14px;
padding: 0px 3px;
border-radius: 6px;
}
.ic_alarm:hover .msg-dropdown {
display: block
}
.msg-dropdown::after {
content:"";
position:absolute;
bottom:100%;
left:65%;
margin-left: -5px;
border-width: 8px;
border-style: solid;
border-color: transparent transparent #555 transparent
}
.msg-dropdown:hover {
transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
div.spp {
background: #900f56 .3s ease;
-ms-transition: background .3s ease;
transition: background .3s ease;
padding: 0px;
border-radius: 3px;
height: 22px;
position: absolute;
display: inline-block;
z-index: 999;
top: 15px;
right : 120px;
}
div.support {
background: #900f56 .3s ease;
-ms-transition: background .3s ease;
transition: background .3s ease;
padding: 0px;
border-radius: 3px;
height: 22px;
position: absolute;
display: inline-block;
z-index: 999;
top: 15px;
right : 260px;
}
/* div.spp a {
background: #c1046b;
color: #fff;
border-radius: 3px;
line-height: 19px;
padding: 3px 10px;
text-decoration: none;
}
*/
div.spp a, div.support a {
-webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
-moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
-ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
-o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
display: block;
line-height: 18px;
text-decoration: none;
border-radius: 4px;
padding: 3px 10px;
}
div.spp a.button , div.support a.button{
color: rgba(193,4,107,1);
box-shadow: rgba(193,4,107,1) 0 0px 0px 1px inset;
}
div.spp a.button:hover , div.support a.button:hover {
color: rgba(255, 255, 255, 0.85);
box-shadow: rgba(193,4,107,1) 0 0px 0px 40px inset;
}
div.spp .material-icons , div.support .material-icons {
font-size:1rem;
vertical-align: text-top;
}
.user_settings2 {
position:absolute;
top:-5px;
right:45px;
text-align:left;
z-index:500;
}
.user_settings2 > button {
position:relative;
width:32px;
height:32px;
color:#900f56;
font-weight: bold;
font-size:16px;
background-size: 32px 32px;
background-image: url(/ecom/images/common/user.png);
}
#btnLogin:hover {
background-size: 24px 24px;
background-image: url('/ecom/images/common/outline_login_black_24dp.png');
background-repeat: no-repeat;
opacity:0.5!important;
filter:alpha(opacity=50);
top:5px;
}
.user_settings2 > button.on ,.user_settings2 > button:hover {background-color:#fff;border-color:#c0046b}
.user_settings2 > button:after {
display:block;content:"";
position:absolute;right:8px;top:50%;
width:7px;height:5px;
margin-top:-1px;
/* background:url(/ecom/images/common/sprite_common.png?A=3) -95px -62px no-repeat; */
}
.user_settings2 > button.on:after {background-position:-95px -48px;margin-top:-2px;}
.user_settings2 ul {
overflow:hidden;position:relative;
width:100%;height:0;
margin-top:-1px;
background-color:#fff;
border:1px solid #c0046b;border-radius:2px;
z-index:1;
opacity:0;filter:alpha(opacity=0);
}
.user_settings2 ul li *:hover {background-color:#faf6f8}
.user_settings2 ul li > *{
width:100%;
padding:0 13px;
line-height:29px;
white-space:nowrap;text-align:left;
cursor:pointer;
}
.tooltip {
display: inline-block;
color: #656565;
font-weight: bold;
}
.tooltip-text {
display: none;
position: absolute;
width: 110px;
border: 1px solid;
border-radius: 5px;
padding: 5px;
font-size: 0.8em;
color: white;
background: #900f56;
}
.tooltip:hover .tooltip-text {
display: block;
}
.bell .material-icons {
font-size:1.5rem !important;
}
.bell {
position:relative;
display:inline-block;
color:rgba(193,4,107,1);
margin:0;
padding:0;
cursor: pointer;
}
.bell:hover .msg-dropdown {
display: block
}
.bell .anchor {
transform-origin:center top;
display:inline-block;
margin:0;
padding:0;
}
.bell .layer-1 {
color:rgba(193,4,107,1);
z-index:9;
animation: animation-layer-1 5000ms infinite;
opacity:0;
}
.bell .layer-2 {
color:rgba(193,4,107,1);
z-index:8;
position:absolute;top:0;left:0;
animation: animation-layer-2 5000ms infinite;
}
.bell .layer-3 {
color:rgba(193,4,107,1);
z-index:7;
position:absolute;top:0;left:0;
animation: animation-layer-3 5000ms infinite;
}
@keyframes animation-layer-1 {
0% { transform: rotate(0deg);opacity:0; }
8.0% { transform: rotate(0deg);opacity:0; }
12.0% { transform: rotate(42deg);opacity:.5; }
16.0% { transform: rotate(-35deg);opacity:.4; }
20.0% { transform: rotate(0deg);opacity:.1; }
23.0% { transform: rotate(28deg);opacity:.3; }
26.0% { transform: rotate(-20deg);opacity:.2; }
29.0% { transform: rotate(0deg);opacity:.1; }
31.0% { transform: rotate(16deg);opacity:0; }
33.0% { transform: rotate(-12deg);opacity:0; }
35.0% { transform: rotate(0deg);opacity:0; }
37.0% { transform: rotate(-6deg);opacity:0; }
39.0% { transform: rotate(0deg);opacity:0; }
}
@keyframes animation-layer-2 {
0% { transform: rotate(0deg); }
8.0% { transform: rotate(0deg); }
12.0% { transform: rotate(42deg); }
16.0% { transform: rotate(-35deg); }
20.0% { transform: rotate(0deg); }
23.0% { transform: rotate(28deg); }
26.0% { transform: rotate(-20deg); }
29.0% { transform: rotate(0deg); }
31.0% { transform: rotate(16deg); }
33.0% { transform: rotate(-12deg); }
35.0% { transform: rotate(0deg); }
37.0% { transform: rotate(-6deg); }
39.0% { transform: rotate(0deg); }
40.0% { transform: rotate(6deg); }
44.0% { transform: rotate(-3deg); }
49.0% { transform: rotate(2deg);}
55.0% { transform: rotate(0deg); }
62.0% { transform: rotate(1deg); }
70.0% { transform: rotate(0deg); }
}
@keyframes animation-layer-3 {
0% { transform: rotate(0deg);opacity:1; }
8.0% { transform: rotate(0deg);opacity:1; }
12.0% { transform: rotate(52deg);opacity:.5; }
16.0% { transform: rotate(-48deg);opacity:.4; }
20.0% { transform: rotate(0deg);opacity:1; }
23.0% { transform: rotate(42deg);opacity:.3; }
26.0% { transform: rotate(-30deg);opacity:.2; }
29.0% { transform: rotate(0deg);opacity:1; }
31.0% { transform: rotate(26deg);opacity:.15; }
33.0% { transform: rotate(-18deg);opacity:.1; }
35.0% { transform: rotate(0deg);opacity:1; }
37.0% { transform: rotate(-12deg);opacity:.8; }
40.0% { transform: rotate(6deg);opacity:1; }
44.0% { transform: rotate(-3deg);opacity:.8; }
49.0% { transform: rotate(2deg);opacity:1; }
55.0% { transform: rotate(0deg);opacity:1; }
62.0% { transform: rotate(1deg);opacity:1; }
70.0% { transform: rotate(0deg);opacity:1; }
}
#fade {
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 1001;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=80);
}
#light {
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 960px;
height:525px;
margin: auto;
border: 5px solid #000;
background: #000;
z-index: 1002;
overflow: visible;
}
#boxclose {
float: right;
cursor: pointer;
color: #fff;
border: 1px solid #AEAEAE;
border-radius: 3px;
background: #222222;
font-size: 31px;
font-weight: bold;
display: inline-block;
line-height: 0px;
padding: 11px 3px;
position: absolute;
right: 2px;
top: 2px;
z-index: 1002;
opacity: 0.9;
}
.boxclose:before {
content: "×";
}
#fade:hover ~ #boxclose {
display:none;
}
.video-thumbnail {
position: relative;
display: inline-block;
cursor: pointer;
}
.video-thumbnail:before {
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
content: "\f01d";
font-family: FontAwesome;
font-size: 60px;
color: #fff;
opacity: .8;
text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
.video-thumbnail:hover:before {
color: #eee;
}
/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
float: left;
width: 25%;
padding: 20px;
text-align:center;
}
/* Clear floats after image containers */
.row::after {
content: "";
clear: both;
display: table;
}
.card {
/* Add shadows to create the "card" effect */
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
width:200px;
height:200px;
}
/* On mouse-over, add a deeper shadow */
.card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
/* Add some padding inside the card container */
.cardcontainer {
padding: 10px 16px;
}
.btn_VideoGuide {
position:absolute;top:17px;right:85px;
font-size:12px;
/*background:url(/ecom/images/common/btn_user_guide.jpg) 9px center no-repeat;*/
cursor:pointer;
color:#005fcd; font-weight:normal'
}
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
background-color: #ccc;
}
/* Style the accordion panel. Note: hidden by default */
.panel {
padding: 0 18px;
background-color: white;
display: none;
overflow: hidden;
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}