/* ---------------------------- reset ----------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, textarea, button, a,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	font:inherit;
	color:inherit;
	box-sizing:border-box;

}

html {font-size:10px;}
body {font-size:1.4rem;}
html, body {margin:0; padding:0; font-family:'Noto Sans KR',sans-serif, 'Malgun Gothic', '맑은 고딕', 'dotum';  line-height:1.5; color:#444; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -webkit-print-color-adjust: exact;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

table {border-collapse:collapse; border-spacing:0;}
table caption{font-size:0; visibility:hidden; width:0; height:0;}

img, embed, object, video {max-width: 100%;}
img {border:none;vertical-align:sub}

h1, h2, h3, h4, h5, h6, b, strong {font-weight:500;}
sup {font-size:smaller; vertical-align:super;}

button {border:none; cursor:pointer; padding:0;}
button, a {-o-transition:.2s ease-in-out; -ms-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out; cursor:pointer; outline:0;}
a {text-decoration:none;}

::selection {background:#1b9eff; color:#fff;}
*:first-child {margin-top:0;}
*:last-child {margin-bottom:0;}

.profile_img {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    overflow: hidden;
    background: #aaa;
}

.img_gray, .inactive {-webkit-filter: grayscale(100%);filter:gray;/* background-color: gray !important; */}


/* ----------------------------  // reset ----------------------------*/



/* align */
.a-left,   .text-left     {text-align:left !important;}
.a-center, .text-center   {text-align:center !important;}
.a-right,  .text-right    {text-align:right !important;}
.a-justify,.text-justify  {text-align:justify !important;}
.v-top      {vertical-align:top !important;}
.v-bottom   {vertical-align:bottom !important;}
.v-middle   {vertical-align:middle !important;}
.center     {display: flex;justify-content: center;align-items: center;text-align:center;height:100%}


/* Float */
.f-left {float:left !important;}
.f-right {float:right !important;}
.f-none {float:none !important;}
.c-both {clear:both !important;}
.clearfix {zoom:1;}
.clearfix:after {content:''; display:block; clear:both;}


/*display*/
.blind {position:absolute; top:0; left:0; overflow:hidden; visibility:hidden; width:0; height:0;}
.dis-inblock {display:inline-block !important;}
.dis-block {display:block !important;}
.dis-none, .hide {display:none !important;}

/*ime*/
.onlyeng {ime-mode:disabled;}
.onlynum {ime-mode:disabled;}

/*width*/
.width-100p {width:100% !important}
.width-50p {width:50% !important}
.width-25p {width:25% !important}
.width-20p {width:20% !important}



/* ---------------------------------------- form ---------------------------------------- */

label, .label {cursor:pointer; display:inline-block;}


/* input-textarea */
input[type=text], input[type=password], textarea {width:100%; border:#e5e5e5 1px solid; outline:none; background:#fff; padding:0.9rem 1rem; line-height:2rem; color:#000; vertical-align:middle;}
input[type=text]:disabled, input[type=password]:disabled, button:disabled {opacity:0.7;}
input[type=text]:disabled, input[type=password]:disabled {background:#eee}
input[type=text][readonly=readonly], input[type=password][readonly=readonly], textarea[readonly=readonly] {background-color:#f9f9f9;}
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#a8a8a8;  font-weight:300;}/* WebKit browsers */


/* textarea */
textarea {min-height:15rem; height:auto; overflow-y:auto; padding:1rem; background:#fff; line-height:inherit;}


/* checkbox & radio */
.radio-btn,
.check-box {margin-right:1rem; display:inline-block;}
.radio-btn:last-child,
.check-box:last-child {margin-right:0;}
.radio-btn input[type=radio],
.check-box input[type=checkbox] {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.radio-btn input[type=radio] + label,
.check-box input[type=checkbox] + label {display:inline-block; background-repeat:no-repeat; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.radio-btn.type1 input[type=radio] + label,
.check-box.type1 input[type=checkbox] + label {padding-left:3.3rem; min-height:2.4rem; background-position:-4.8rem 0; background-image:url(../images/common/bg-radio1.png); background-size:7.2rem; margin-bottom:0 !important; line-height:2.4rem;}
.radio-btn.type1 input[type=radio]:checked + label,
.check-box.type1 input[type=checkbox]:checked + label {background-position: -2.4rem -2.4rem; color:#000;}
.radio-btn.type1 input[type=radio]:disabled + label,
.radio-btn.type1 input[type=radio]:disabled:checked + label,
.check-box.type1 input[type=checkbox]:disabled + label,
.check-box.type1 input[type=checkbox]:disabled:checked + label {cursor:default; background-position: 0 -4.8rem; opacity:.7;}
.check-box.type1 input[type=checkbox] + label {background-image:url(../images/common/bg-checkbox1.png);}

.radio-btn.blank label, .check-box.blank label {text-indent:-9999px; padding-left:2.4rem !important; width:0; text-align:initial;}


/* select */
select {border:#e5e5e5 0.1rem solid; outline:none; height:4rem; line-height:4rem; display:inline-block; padding:0 1rem 0 0.5rem; background:#fff;}
select + select {margin-left:1rem;}
select::-ms-expand {display: none;}
select:disabled {opacity:.7;}
select option:disabled {color:#999;}
select + * {margin-left:1rem;}

/* file */
input.file-upload {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
label.file-upload {padding:0.7rem 1.2rem;}



/* ---------------------------------------- grid ---------------------------------------- */
.row {margin-left:-0.5rem; position:relative;}
.row:after {content:''; display:block; clear:both;}
.row + .row {margin-top:1rem;}
.row > [class*=col-] {float:left;  padding-left:0.5rem;}
.row.no-pd {margin-left:0;}
.row.no-pd > [class*=col-] {padding-left:0;}
.row.border > [class*=col-] + [class*=col-] {border-left:#d4d9e1 1px solid;}

.row > .col-1 {width:8.33%;}
.row > .col-2 {width:16.66%;}
.row > .col-3 {width:25%;}
.row > .col-4 {width:33.33%;}
.row > .col-5 {width:41.65%;}
.row > .col-6 {width:49.98%;}
.row > .col-7 {width:58.31%;}
.row > .col-8 {width:66.66%;}
.row > .col-9 {width:75%;}
.row > .col-10 {width:83.3%;}
.row > .col-11 {width:91.63%;}
.row > .col-12 {width:100%;}
@media(max-width:540px) {
    .row > .col-sm-1 {width:8.33%;}
    .row > .col-sm-2 {width:16.66%;}
    .row > .col-sm-3 {width:25%;}
    .row > .col-sm-4 {width:33.33%;}
    .row > .col-sm-5 {width:41.65%;}
    .row > .col-sm-6 {width:49.98%;}
    .row > .col-sm-7 {width:58.31%;}
    .row > .col-sm-8 {width:66.66%;}
    .row > .col-sm-9 {width:75%;}
    .row > .col-sm-10 {width:83.3%;}
    .row > .col-sm-11 {width:91.63%;}
    .row > .col-sm-12 {width:100%;}
}
@media(max-width:720px) {
    .row > .col-md-1 {width:8.33%;}
    .row > .col-md-2 {width:16.66%;}
    .row > .col-md-3 {width:25%;}
    .row > .col-md-4 {width:33.33%;}
    .row > .col-md-5 {width:41.65%;}
    .row > .col-md-6 {width:49.98%;}
    .row > .col-md-7 {width:58.31%;}
    .row > .col-md-8 {width:66.66%;}
    .row > .col-md-9 {width:75%;}
    .row > .col-md-10 {width:83.3%;}
    .row > .col-md-11 {width:91.63%;}
    .row > .col-md-12 {width:100%;}
}
@media(max-width:960px) {
    .row > .col-lg-1 {width:8.33%;}
    .row > .col-lg-2 {width:16.66%;}
    .row > .col-lg-3 {width:25%;}
    .row > .col-lg-4 {width:33.33%;}
    .row > .col-lg-5 {width:41.65%;}
    .row > .col-lg-6 {width:49.98%;}
    .row > .col-lg-7 {width:58.31%;}
    .row > .col-lg-8 {width:66.66%;}
    .row > .col-lg-9 {width:75%;}
    .row > .col-lg-10 {width:83.3%;}
    .row > .col-lg-11 {width:91.63%;}
    .row > .col-lg-12 {width:100%;}
}
@media(max-width:1140px) {
    .row > .col-xl-1 {width:8.33%;}
    .row > .col-xl-2 {width:16.66%;}
    .row > .col-xl-3 {width:25%;}
    .row > .col-xl-4 {width:33.33%;}
    .row > .col-xl-5 {width:41.65%;}
    .row > .col-xl-6 {width:49.98%;}
    .row > .col-xl-7 {width:58.31%;}
    .row > .col-xl-8 {width:66.66%;}
    .row > .col-xl-9 {width:75%;}
    .row > .col-xl-10 {width:83.3%;}
    .row > .col-xl-11 {width:91.63%;}
    .row > .col-xl-12 {width:100%;}
}



/* ---------------------------------------- tab ---------------------------------------- */
.tab-head {list-style:none; padding:0; margin:0;}
.tab-head:after {content:''; display:block; clear:both;}
.tab-head > li {float:left;  position:relative;}
.tab-head > li > a {display:block; outline:none; padding:1rem; background:#fff; text-align:center; text-decoration:none;}

[class*=tab-col] > li > a {min-width:0;}
.tab-col2 > li {width:50%;}
.tab-col3 > li {width:33.33%;}
.tab-col4 > li {width:25%;}

.tab-type1 {margin-bottom:1rem;}
.tab-type1 > li > a {background:#ddd; color:#000; padding-left:2rem; padding-right:2rem;}
.tab-type1 > li.active > a {background:#0081ef; color:#fff;}


/* ---------------------------------------- list ---------------------------------------- */

.list-none {list-style:none; padding:0; margin:0;}
.list-none > li + li {margin-top:1rem;}

.list-type1 {padding:0 0 0 2rem; margin:0;}
.list-type1 > li + li {margin-top:1rem;}

.list-type2 {list-style:none; padding:0; margin:0; border-top:#c0cdd8 0.1rem solid;}
.list-type2 > li {padding:1rem 0; border-bottom:#c0cdd8 0.1rem solid;}

.list-form {list-style:none; padding:0; margin:0;}
.list-form > li {display:flex; align-items:center; flex-direction:row;}
.list-form > li + li {margin-top:1.5rem;}
.list-form > li > .th {width:20%;}
.list-form > li > .th + .td {width:80%; padding-left:1rem;}
.list-form > li.colspan-row {display:list-item;}
.list-form > li.colspan-row > .td {width:100%; margin-top:1rem;}


/* ---------------------------------------- box ---------------------------------------- */
.box.type1 {padding:1rem; background:#eff0f2;}
.scroll-y {overflow-y:auto;}




/* ---------------------------------------- bg ---------------------------------------- */
.bc-white {background-color:#fff !important;}
.bc-theme {background-color:#0c4381 !important;}
.bc-blue1 {background-color:#97a8b6 !important;}
.bc-blue2 {background-color:#87aed3 !important;}
.bc-blue3 {background-color:#0081ef !important;}
.bc-sky {background-color:#00aeef !important;}



/* ---------------------------------------- border ---------------------------------------- */
.bd-round {border-radius:0.3rem;}
.bd-none {border:none !important;}
.bdb-none {border-bottom:none !important;}
.bdl-none {border-left:none !important;}
.bdr-none {border-right:none !important;}
.bdt-none {border-top:none !important;}

.bdt-gray1 {border-top:#e1e1e1 0.1rem solid;}
.bdb-gray1 {border-bottom:#e1e1e1 0.1rem solid;}
.bdl-gray1 {border-left:#e1e1e1 0.1rem solid;}
.bdr-gray1 {border-right:#e1e1e1 0.1rem solid;}



/* ---------------------------------------- font ---------------------------------------- */
.fc-default {color:#444 !important;} /* gray */
.fc-theme {color:#0c4381 !important;} /* theme */
.fc-black {color:#000 !important;}
.fc-gray1 {color:#808080 !important;}
.fc-blue1 {color:#97a8b6 !important;} /* blue - light */
.fc-blue2 {color:#87aed3 !important;} /* blue - light */
.fc-blue3 {color:#0081ef !important;} /* blue */
.fc-red1 {color:#d66e69 !important;} /* red - light */
.fc-red2 {color:#e72924 !important;}
.fc-yellow {color:#ffb400 !important;}
.fc-orange {color:#ff6000 !important;}
.fc-sky {color:#00aeef !important;}
.fc-mint {color:#1ad1d9 !important;}

.fs-10 {font-size:1rem !important;}
.fs-12 {font-size:1.2rem !important;}
.fs-13 {font-size:1.3rem !important;}
.fs-14 {font-size:1.4rem !important;}
.fs-15 {font-size:1.5rem !important;}
.fs-16 {font-size:1.6rem !important;}
.fs-18 {font-size:1.8rem !important;}
.fs-20 {font-size:2.0rem !important;}
.fs-22 {font-size:2.2rem !important;}
.fs-24 {font-size:2.4rem !important;}
.fs-28 {font-size:2.8rem !important;}
.fs-30 {font-size:3.0rem !important;}
.fs-32 {font-size:3.2rem !important;}
.fs-36 {font-size:3.6rem !important;}
.fs-40 {font-size:4.0rem !important;}
.fs-48 {font-size:4.8rem !important;}
.fs-52 {font-size:5.2rem !important;}

.fw-normal {font-weight:400;}
.fw-medium {font-weight:500;}
.fw-bold {font-weight:700;}

.txt-area {}
.txt-cut {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.txt-uppercase {text-transform:uppercase !important;}
.txt-underline {text-decoration:underline;}



/* ---------------------------------------- button ---------------------------------------- */
.btn-area {margin-top:2rem; text-align:center;}
.btn-area [class*=btn-] + [class*=btn-] {margin-left:0.7rem;}
.btn-area:after {content:''; display:block; clear:both;}
.btn-area:first-child {margin-top:0;}
.btn-dual > button {float:left; width:50%;}
.btn-area .notice {}
.btn-area .notice img {height: 24px;vertical-align: middle;margin-right: 10px;}

.btn {cursor: pointer;-webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.btn-xlg,
.btn-lg,
.btn-md,
.btn-sm,
.btn-xsm {color:#fff; text-align:center; display:inline-block; vertical-align:middle; font-weight:500; max-width:100%; border-style:solid; border-width:0.1rem;}
.btn-xlg {padding:1rem 3rem; font-size:1.8rem;}
.btn-lg {padding:1.2rem 2rem; font-size:1.6rem;}
.btn-md {padding:0.8rem 2rem; font-size:1.4rem;}
.btn-md.btn-round {border-radius:2rem;}
.btn-sm {padding:0.5rem 1.5rem; font-size:1.2rem;}
.btn-sm.btn-round {border-radius:1.6rem;}
.btn-xsm {padding:0.2rem 0.5rem; font-size:1.2rem;}

/* color */
.btn-theme {background:#0c4381; border-color:#0c4381;}
.btn-theme:hover, .btn-theme:focus {background:#033062; border-color:#033062;}
.btn-blue1 {background:#97a8b6; border-color:#97a8b6;}
.btn-blue1:hover, .btn-blue1:focus {background:#5a7d99; border-color:#5a7d99;}
.btn-blue2 {background:#87aed3; border-color:#87aed3;}
.btn-blue2:hover, .btn-blue2:focus {background:#5a8dbd; border-color:#5a8dbd;}
.btn-blue3 {background:#0081ef; border-color:#0081ef;}
.btn-blue3:hover, .btn-blue3:focus {background:#0070cf; border-color:#0070cf;}
.btn-red1 {background:#d66e69; border-color:#d66e69;}
.btn-red1:hover, .btn-red1:focus {background:#bd4c46; border-color:#bd4c46;}
.btn-red2 {background:#e72924; border-color:#e72924;}
.btn-red2:hover, .btn-red2:focus {background:#d10e09; border-color:#d10e09;}
.btn-yellow {background:#ffb400; border-color:#ffb400;}
.btn-yellow:hover, .btn-yellow:focus {background:#e09f04; border-color:#e09f04;}
.btn-orange {background:#ff6000; border-color:#ff6000;}
.btn-orange:hover, .btn-orange:focus {background:#ec4800; border-color:#ec4800;}
.btn-sky {background:#00aeef; border-color:#00aeef;}
.btn-sky:hover, .btn-sky:focus {background:#0092c8; border-color:#0092c8;}
.btn-mint {background:#1ad1d9; border-color:#1ad1d9;}
.btn-mint:hover, .btn-red1:focus {background:#04bbc3; border-color:#04bbc3;}
.btn-gray1 {background:#d4d4d4; border-color:#d4d4d4; color:#000;}
.btn-gray1:hover, .btn-gray1:focus {background:#b6b6b6; border-color:#b6b6b6;}
.btn-transparent {background:transparent;}

/* disabled */
button:disabled {cursor:auto;}

/* icon */
.btn-icon {display:block; position:relative; top:0; left:0; font-size:0; color:transparent; line-height:0; background:transparent; outline:0;}
.btn-icon:after {position:absolute; top:0; left:0; height:100%; width:100%; content:''; display:block; background-position:0 0; background-repeat:no-repeat;}
.btn-comment-write {width:4rem; height:3.6rem;}
.btn-comment-write:after {background-image:url('../images/common/icon-comment1.png');}
.btn-close1 {width:2rem; height:2rem;}
.btn-close1:after {background-image:url('../images/common/icon-close1.png');}
.btn-close2 {width:4rem; height:4rem; background:#000;}
.btn-close2:after {background-image:url('../images/common/icon-close2.png'); width:2.4rem; height:2.4rem; margin:0.8rem;}
.btn-search1 {width:4rem; height:4rem; background:#00aeef;}
.btn-search1:after {background-image:url('../images/common/icon-search1.png'); width:2.4rem; height:2.4rem; margin:0.8rem;}
.btn-upload {width:2.7rem; height:2.7rem;}
.btn-upload:after {background-image:url('../images/common/icon-upload.png'); width:1.8rem; height:1.8rem; top:0.2rem;}



/* ---------------------------------------- button ---------------------------------------- */
[class*=txt-label-] {display:inline-block; color:#fff; line-height:1;}
.txt-label-xlg,
.txt-label-lg,
.txt-label-md,
.txt-label-sm {}
.txt-label-xlg {padding:0.6rem 1rem; font-size:1.8rem; margin-right:1rem;}
.txt-label-md {padding:0.6rem 0.8rem; font-size:1.4rem; margin-right:0.7rem;}
.txt-label-sm {padding:0.3rem 0.5rem; font-size:1.2rem; margin-right:0.7rem;}

/* color */
.txt-label-blue1 {background:#97a8b6;}
.txt-label-blue2 {background:#87aed3;}
.txt-label-blue3 {background:#0081ef;}
.txt-label-red1 {background:#0081ef;}
.txt-label-yellow {background:#ffb400;}
.txt-label-orange {background:#ff6000;}
.txt-label-sky {background:#00aeef;}
.txt-label-mint {background:#1ad1d9;}



/* ---------------------------------------- loading ---------------------------------------- */
.ajax-loading {position:fixed; left:-1px; top:-1px; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999; margin-top:0 !important; padding:2px;}
.ajax-loading:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/common/ajax-loader.gif') 50% 50% no-repeat;}
.ajax-loading2 {position:absolute; left:-1px; top:-1px; width:100%; height:100%; /*background:rgba(255,255,255,0.5);*/ z-index:900; margin-top:0 !important; padding:2px;}
.ajax-loading2:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/common/ajax-loader.gif') 50% 50% no-repeat;}



/* icon */
[class*=btn-] .g-icon {margin-right:0.7rem;}
.g-icon {display:inline-block; vertical-align:middle; position:relative; font-size:0; color:transparent; line-height:0; outline:0;}
.g-icon:before {content:''; display:block; background-repeat:no-repeat; background-size:100%; background-position:50% 50%; position:absolute; top:0; left:0; width:100%; height:100%;}
.icon-menu {width:2.7rem; height:2.7rem;}
.icon-menu:before {background-image:url('../images/common/icon-menu.png');}
.icon-upload {width:1.8rem; height:1.8rem;}
.icon-upload:before {background-image:url('../images/common/icon-upload.png');}
.icon-download {width:1.8rem; height:1.8rem;}
.icon-download:before {background-image:url('../images/common/icon-download.png');}
.icon-download2 {width:1.8rem; height:1.8rem;}
.icon-download2:before {background-image:url('../images/common/icon-download2.png');}
.icon-folder {width:2.4rem; height:2.4rem;}
.icon-folder:before {background-image:url('../images/common/icon-folder.png');}
.icon-clipboard {width:2.4rem; height:2.4rem;}
.icon-clipboard:before {background-image:url('../images/common/icon-clipboard.png');}
.icon-user2 {width:2rem; height:2rem;}
.icon-user2:before {background-image:url('../images/common/icon-user2.png');}
.icon-aratube {width: 3.5rem;height: 3rem;margin-top: -5px;}
.icon-aratube:before {background-image:url('../images/common/tube_link.png?t=20200925');}
.icon-arasajin {width: 3.5rem;height: 3rem;margin-top: -5px;}
.icon-arasajin:before {background-image:url('../images/common/sj_link.png?t=20200925');}
@media (max-width: 768px) {
	.icon-aratube:before {background-image:url('../images/common/tube_link_m.png');}
	.icon-arasajin:before {background-image:url('../images/common/sj_link_m.png');}
}



/* padding */
.no-pd {padding:0rem !important;}
.no-pt {padding-top:0rem !important;}
.no-pb {padding-bottom:0rem !important;}
.no-pl {padding-left:0rem !important;}
.no-pr {padding-right:0rem !important;}

.pl01     {padding-left:0.1rem !important;}
.pl02     {padding-left:0.2rem !important;}
.pl03     {padding-left:0.3rem !important;}
.pl04     {padding-left:0.4rem !important;}
.pl05     {padding-left:0.5rem !important;}
.pl06     {padding-left:0.6rem !important;}
.pl07     {padding-left:0.7rem !important;}
.pl08     {padding-left:0.8rem !important;}
.pl09     {padding-left:0.9rem !important;}
.pl10     {padding-left:1.0rem !important;}
.pl11     {padding-left:1.1rem !important;}
.pl12     {padding-left:1.2rem !important;}
.pl13     {padding-left:1.3rem !important;}
.pl14     {padding-left:1.4rem !important;}
.pl15     {padding-left:1.5rem !important;}
.pl20     {padding-left:2.0rem !important;}
.pl25     {padding-left:2.5rem !important;}
.pl30     {padding-left:3.0rem !important;}
.pl40     {padding-left:4.0rem !important;}

.pt01     {padding-top:0.1rem !important;}
.pt02     {padding-top:0.2rem !important;}
.pt03     {padding-top:0.3rem !important;}
.pt04     {padding-top:0.4rem !important;}
.pt05     {padding-top:0.5rem !important;}
.pt06     {padding-top:0.6rem !important;}
.pt07     {padding-top:0.7rem !important;}
.pt08     {padding-top:0.8rem !important;}
.pt09     {padding-top:0.9rem !important;}
.pt10     {padding-top:1.0rem !important;}
.pt11     {padding-top:1.1rem !important;}
.pt12     {padding-top:1.2rem !important;}
.pt13     {padding-top:1.3rem !important;}
.pt14     {padding-top:1.4rem !important;}
.pt15     {padding-top:1.5rem !important;}
.pt18     {padding-top:1.8rem !important;}
.pt20     {padding-top:2.0rem !important;}
.pt25     {padding-top:2.5rem !important;}
.pt30     {padding-top:3.0rem !important;}
.pt35     {padding-top:3.5rem !important;}
.pt40     {padding-top:4.0rem !important;}
.pt50     {padding-top:5.0rem !important;}
.pt80     {padding-top:8.0rem !important;}
.pt100    {padding-top:10rem !important;}

.pr01     {padding-right:0.1rem !important;}
.pr02     {padding-right:0.2rem !important;}
.pr03     {padding-right:0.3rem !important;}
.pr04     {padding-right:0.4rem !important;}
.pr05     {padding-right:0.5rem !important;}
.pr06     {padding-right:0.6rem !important;}
.pr07     {padding-right:0.7rem !important;}
.pr08     {padding-right:0.8rem !important;}
.pr09     {padding-right:0.9rem !important;}
.pr10     {padding-right:1.0rem !important;}
.pr11     {padding-right:1.1rem !important;}
.pr12     {padding-right:1.2rem !important;}
.pr13     {padding-right:1.3rem !important;}
.pr14     {padding-right:1.4rem !important;}
.pr15     {padding-right:1.5rem !important;}
.pr20     {padding-right:2.0rem !important;}
.pr25     {padding-right:2.5rem !important;}
.pr30     {padding-right:3.0rem !important;}
.pr40     {padding-right:4.0rem !important;}

.pb01     {padding-bottom:0.1rem !important;}
.pb02     {padding-bottom:0.1rem !important;}
.pb03     {padding-bottom:0.3rem !important;}
.pb04     {padding-bottom:0.4rem !important;}
.pb05     {padding-bottom:0.5rem !important;}
.pb06     {padding-bottom:0.6rem !important;}
.pb07     {padding-bottom:0.7rem !important;}
.bp08     {padding-bottom:0.8rem !important;}
.pb09     {padding-bottom:0.9rem !important;}
.pb10     {padding-bottom:1.0rem !important;}
.pb11     {padding-bottom:1.1rem !important;}
.pb12     {padding-bottom:1.2rem !important;}
.pb13     {padding-bottom:1.3rem !important;}
.pb14     {padding-bottom:1.4rem !important;}
.pb15     {padding-bottom:1.5rem !important;}
.pb20     {padding-bottom:2.0rem !important;}
.pb30     {padding-bottom:3.0rem !important;}
.pb35     {padding-bottom:3.5rem !important;}
.pb40     {padding-bottom:4.0rem !important;}
.pb45     {padding-bottom:4.5rem !important;}
.pb50     {padding-bottom:5.0rem !important;}
.pb70     {padding-bottom:7.0rem !important;}

.pd01     {padding:0.1rem !important;}
.pd02     {padding:0.2rem !important;}
.pd03     {padding:0.3rem !important;}
.pd04     {padding:0.4rem !important;}
.pd05     {padding:0.5rem !important;}
.pd06     {padding:0.6rem !important;}
.pd07     {padding:0.7rem !important;}
.pd08     {padding:0.8rem !important;}
.pd09     {padding:0.9rem !important;}
.pd10     {padding:1.0rem !important;}
.pd11     {padding:1.1rem !important;}
.pd12     {padding:1.2rem !important;}
.pd13     {padding:1.3rem !important;}
.pd14     {padding:1.4rem !important;}
.pd15     {padding:1.5rem !important;}
.pd20     {padding:2.0rem !important;}
.pd25     {padding:2.5rem !important;}
.pd30     {padding:3.0rem !important;}
.pd35     {padding:3.5rem !important;}
.pd40     {padding:4.0rem !important;}
.pd45     {padding:4.5rem !important;}
.pd50     {padding:5.0rem !important;}




/* margin */
.no-mg {margin:0rem !important;}

.m01 {margin:0.1rem !important;}
.m02 {margin:0.2rem !important;}
.m03 {margin:0.3rem !important;}
.m04 {margin:0.4rem !important;}
.m05 {margin:0.5rem !important;}
.m06 {margin:0.6rem !important;}
.m07 {margin:0.7rem !important;}
.m08 {margin:0.8rem !important;}
.m09 {margin:0.9rem !important;}
.m10 {margin:1.0rem !important;}
.m15 {margin:1.5rem !important;}
.m20 {margin:2.0rem !important;}
.m30 {margin:3.0rem !important;}

.mt00 {margin-top:0rem !important;}
.mt01 {margin-top:0.1rem !important;}
.mt02 {margin-top:0.2rem !important;}
.mt03 {margin-top:0.3rem !important;}
.mt04 {margin-top:0.4rem !important;}
.mt05 {margin-top:0.5rem !important;}
.mt06 {margin-top:0.6rem !important;}
.mt07 {margin-top:0.7rem !important;}
.mt08 {margin-top:0.8rem !important;}
.mt09 {margin-top:0.9rem !important;}
.mt10 {margin-top:1.0rem !important;}
.mt12 {margin-top:1.2rem !important;}
.mt15 {margin-top:1.5rem !important;}
.mt20 {margin-top:2.0rem !important;}
.mt25 {margin-top:2.5rem !important;}
.mt30 {margin-top:3.0rem !important;}
.mt35 {margin-top:3.5rem !important;}
.mt40 {margin-top:4.0rem !important;}
.mt50 {margin-top:5.0rem !important;}
.mt60 {margin-top:6.0rem !important;}
.mt70 {margin-top:7.0rem !important;}
.mt80 {margin-top:8.0rem !important;}
.mt90 {margin-top:9.0rem !important;}
.mt100 {margin-top:10rem !important;}

.ml00 {margin-left:0rem !important;}
.ml01 {margin-left:0.1rem !important;}
.ml02 {margin-left:0.2rem !important;}
.ml03 {margin-left:0.3rem !important;}
.ml04 {margin-left:0.4rem !important;}
.ml05 {margin-left:0.5rem !important;}
.ml06 {margin-left:0.6rem !important;}
.ml07 {margin-left:0.7rem !important;}
.ml08 {margin-left:0.8rem !important;}
.ml09 {margin-left:0.9rem !important;}
.ml10 {margin-left:10rem !important;}
.ml13 {margin-left:1.3rem !important;}
.ml15 {margin-left:1.5rem !important;}
.ml20 {margin-left:2.0rem !important;}
.ml25 {margin-left:2.5rem !important;}
.ml30 {margin-left:3.0rem !important;}
.ml35 {margin-left:3.5rem !important;}
.ml40 {margin-left:4.0rem !important;}
.ml50 {margin-left:5.0rem !important;}
.ml60 {margin-left:6.0rem !important;}
.ml70 {margin-left:7.0rem !important;}
.ml80 {margin-left:8.0rem !important;}
.ml90 {margin-left:9.0rem !important;}
.ml100 {margin-left:10rem !important;}

.mr00 {margin-right:0rem !important;}
.mr01 {margin-right:0.1rem !important;}
.mr02 {margin-right:0.2rem !important;}
.mr03 {margin-right:0.3rem !important;}
.mr04 {margin-right:0.4rem !important;}
.mr05 {margin-right:0.5rem !important;}
.mr06 {margin-right:0.6rem !important;}
.mr07 {margin-right:0.7rem !important;}
.mr08 {margin-right:0.8rem !important;}
.mr09 {margin-right:0.9rem !important;}
.mr10 {margin-right:1.0rem !important;}
.mr15 {margin-right:1.5rem !important;}
.mr20 {margin-right:2.0rem !important;}
.mr25 {margin-right:2.5rem !important;}
.mr30 {margin-right:3.0rem !important;}
.mr35 {margin-right:3.5rem !important;}
.mr40 {margin-right:4.0rem !important;}
.mr50 {margin-right:5.0rem !important;}
.mr60 {margin-right:6.0rem !important;}
.mr70 {margin-right:7.0rem !important;}
.mr80 {margin-right:8.0rem !important;}
.mr90 {margin-right:9.0rem !important;}
.mr100 {margin-right:10rem !important;}

.mb00 {margin-bottom:0rem !important;}
.mb01 {margin-bottom:0.1rem !important;}
.mb02 {margin-bottom:0.2rem !important;}
.mb03 {margin-bottom:0.3rem !important;}
.mb04 {margin-bottom:0.4rem !important;}
.mb05 {margin-bottom:0.5rem !important;}
.mb06 {margin-bottom:0.6rem !important;}
.mb07 {margin-bottom:0.7rem !important;}
.mb08 {margin-bottom:0.8rem !important;}
.mb09 {margin-bottom:0.9rem !important;}
.mb10 {margin-bottom:1.0rem !important;}
.mb15 {margin-bottom:1.5rem !important;}
.mb20 {margin-bottom:2.0rem !important;}
.mb25 {margin-bottom:2.5rem !important;}
.mb30 {margin-bottom:3.0rem !important;}
.mb35 {margin-bottom:3.5rem !important;}
.mb40 {margin-bottom:4.0rem !important;}
.mb50 {margin-bottom:5.0rem !important;}
.mb60 {margin-bottom:6.0rem !important;}
.mb70 {margin-bottom:7.0rem !important;}
.mb80 {margin-bottom:8.0rem !important;}
.mb90 {margin-bottom:9.0rem !important;}
.mb100 {margin-bottom:10rem !important;}


/* width - relative */
.min-width100 {min-width:100%;}
.max-width100 {max-width:100%;}

.width1 {width:1% !important;}
.width2 {width:2% !important;}
.width3 {width:3% !important;}
.width4 {width:4% !important;}
.width6 {width:5% !important;}
.width7 {width:6% !important;}
.width8 {width:7% !important;}
.width9 {width:8% !important;}
.width5 {width:9% !important;}
.width10 {width:10% !important;}
.width11 {width:11% !important;}
.width12 {width:12% !important;}
.width13 {width:13% !important;}
.width14 {width:14% !important;}
.width15 {width:15% !important;}
.width16 {width:16% !important;}
.width17 {width:17% !important;}
.width18 {width:18% !important;}
.width19 {width:19% !important;}
.width20 {width:20% !important;}
.width25 {width:25% !important;}
.width30 {width:30% !important;}
.width33 {width:33% !important;}
.width34 {width:34% !important;}
.width35 {width:35% !important;}
.width40 {width:40% !important;}
.width45 {width:45% !important;}
.width50 {width:50% !important;}
.width55 {width:55% !important;}
.width60 {width:60% !important;}
.width65 {width:65% !important;}
.width70 {width:70% !important;}
.width75 {width:75% !important;}
.width80 {width:80% !important;}
.width85 {width:85% !important;}
.width90 {width:90% !important;}
.width95 {width:95% !important;}
.width100 {width:100% !important;}



/* width - absolute */
.w10 {width:1.0rem !important;}
.w20 {width:2.0rem !important;}
.w30 {width:3.0rem !important;}
.w40 {width:4.0rem !important;}
.w50 {width:5.0rem !important;}
.w60 {width:6.0rem !important;}
.w70 {width:7.0rem !important;}
.w80 {width:8.0rem !important;}
.w90 {width:9.0rem !important;}
.w100 {width:10rem !important;}
.w110 {width:11rem !important;}
.w120 {width:12rem !important;}
.w130 {width:13rem !important;}
.w140 {width:14rem !important;}
.w150 {width:15rem !important;}
.w160 {width:16rem !important;}
.w170 {width:17rem !important;}
.w180 {width:18rem !important;}
.w190 {width:19rem !important;}
.w200 {width:20rem !important;}
.w210 {width:21rem !important;}
.w220 {width:22rem !important;}
.w230 {width:23rem !important;}
.w240 {width:24rem !important;}
.w250 {width:25rem !important;}
.w260 {width:26rem !important;}
.w270 {width:27rem !important;}
.w280 {width:28rem !important;}
.w290 {width:29rem !important;}
.w300 {width:30rem !important;}
.w310 {width:31rem !important;}
.w320 {width:32rem !important;}
.w330 {width:33rem !important;}
.w340 {width:34rem !important;}
.w350 {width:35rem !important;}
.w360 {width:36rem !important;}
.w370 {width:37rem !important;}
.w380 {width:38rem !important;}
.w390 {width:39rem !important;}
.w400 {width:40rem !important;}
.w410 {width:41rem !important;}
.w420 {width:42rem !important;}
.w430 {width:43rem !important;}
.w440 {width:44rem !important;}
.w450 {width:45rem !important;}
.w460 {width:46rem !important;}
.w470 {width:47rem !important;}
.w480 {width:48rem !important;}
.w490 {width:49rem !important;}
.w500 {width:50rem !important;}
.w510 {width:51rem !important;}
.w520 {width:52rem !important;}
.w530 {width:53rem !important;}
.w540 {width:54rem !important;}
.w550 {width:55rem !important;}
.w560 {width:56rem !important;}
.w570 {width:57rem !important;}
.w580 {width:58rem !important;}
.w590 {width:59rem !important;}
.w600 {width:60rem !important;}
.w610 {width:61rem !important;}
.w620 {width:62rem !important;}
.w630 {width:63rem !important;}
.w640 {width:64rem !important;}
.w650 {width:65rem !important;}
.w660 {width:66rem !important;}
.w670 {width:67rem !important;}
.w680 {width:68rem !important;}
.w690 {width:59rem !important;}
.w700 {width:60rem !important;}
.w700 {width:70rem !important;}
.w710 {width:71rem !important;}
.w720 {width:72rem !important;}
.w730 {width:73rem !important;}
.w740 {width:74rem !important;}
.w750 {width:75rem !important;}
.w760 {width:76rem !important;}
.w770 {width:77rem !important;}
.w780 {width:78rem !important;}
.w790 {width:79rem !important;}
.w700 {width:70rem !important;}
.w800 {width:80rem !important;}
.w810 {width:81rem !important;}
.w820 {width:82rem !important;}
.w830 {width:83rem !important;}
.w840 {width:84rem !important;}
.w850 {width:85rem !important;}
.w860 {width:86rem !important;}
.w870 {width:87rem !important;}
.w880 {width:88rem !important;}
.w890 {width:89rem !important;}
.w900 {width:80rem !important;}
.w900 {width:90rem !important;}
.w910 {width:91rem !important;}
.w920 {width:92rem !important;}
.w930 {width:93rem !important;}
.w940 {width:94rem !important;}
.w950 {width:95rem !important;}
.w960 {width:96rem !important;}
.w970 {width:97rem !important;}
.w980 {width:98rem !important;}
.w990 {width:99rem !important;}
.w1000 {width:100rem !important;}
.w1200 {width:120rem !important;}


/* height */
.height10 {height:1rem !important;}
.height20 {height:2rem !important;}
.height30 {height:3rem !important;}
.height40 {height:4rem !important;}
.height50 {height:5rem !important;}
.height60 {height:6rem !important;}
.height70 {height:7rem !important;}
.height80 {height:8rem !important;}
.height90 {height:9rem !important;}
.height100 {height:10rem !important;}
.height130 {height:13rem !important;}
.height150 {height:15rem !important;}
.height180 {height:18rem !important;}
.height200 {height:20rem !important;}
.height220 {height:22rem !important;}
.height250 {height:25rem !important;}
.height270 {height:27rem !important;}
.height300 {height:30rem !important;}
.height350 {height:35rem !important;}
.height400 {height:40rem !important;}
.height450 {height:45rem !important;}
.height500 {height:50rem !important;}
.height550 {height:55rem !important;}
.height600 {height:60rem !important;}
.height-auto {height:auto !important;}
.height100p {height:100% !important;}

.min-height50 {min-height:5rem !important;}
.min-height100 {min-height:10rem !important;}
.min-height130 {min-height:13rem !important;}
.min-height150 {min-height:15rem !important;}
.min-height180 {min-height:18rem !important;}
.min-height200 {min-height:20rem !important;}
.min-height220 {min-height:22rem !important;}
.min-height250 {min-height:25rem !important;}
.min-height270 {min-height:27rem !important;}
.min-height300 {min-height:30rem !important;}
.min-height350 {min-height:35rem !important;}
.min-height400 {min-height:40rem !important;}
.min-height450 {min-height:45rem !important;}
.min-height500 {min-height:50rem !important;}

.max-height50 {max-height:5rem !important;}
.max-height100 {max-height:10rem !important;}
.max-height130 {max-height:13rem !important;}
.max-height150 {max-height:15rem !important;}
.max-height180 {max-height:18rem !important;}
.max-height200 {max-height:20rem !important;}
.max-height220 {max-height:22rem !important;}
.max-height250 {max-height:25rem !important;}
.max-height270 {max-height:27rem !important;}
.max-height300 {max-height:30rem !important;}
.max-height350 {max-height:35rem !important;}
.max-height400 {max-height:40rem !important;}
.max-height450 {max-height:45rem !important;}
.max-height500 {max-height:50rem !important;}




/* -------------------------------- for tablet -------------------------------- */
@media ( max-width: 1024px ) {
	html {font-size:9px;}
}


/* -------------------------------- for mobile -------------------------------- */
@media ( max-width: 768px ) {
	html {font-size:8px;}

	.list-type2 > li {padding:1rem;}

	.list-form > li {display:list-item; align-items:inherit; flex-direction:inherit;}
	.list-form > li > .th {width:100%;}
	.list-form > li > .th + .td {width:100%; padding-left:0; margin-top:1rem;}
}




/* ---------------------------------------- table.responsive ---------------------------------------- */
/* sample url: https://codepen.io/benant/pen/RwaKjRa */

table.responsive {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

table.responsive caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
}

table.responsive tr {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: .35em;
}
table.responsive tbody tr:nth-child(odd) {
    background-color: #fff;
}

table.responsive th,
table.responsive td {
    padding: .625em;
    text-align: center;
}

table.responsive th {
    font-size: 1em;
    letter-spacing: .1em;
	text-transform: uppercase;
	font-weight: bold;
}

@media screen and (max-width: 600px) {
    table.responsive {
        border: 0;
    }
    table.responsive caption {
        font-size: 1.3em;
    }
    table.responsive thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    table.responsive tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }
    table.responsive td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: 1em;
        text-align: left !important;
	}
    table.responsive td::before {
        /*
		* aria-label has no advantage, it won't be read inside a table content: attr(aria-label);
		*/
        content: attr(data-label);
        float: left;
        font-weight: bold;
		text-transform: uppercase;
		margin-right:1em
    }
    table.responsive td:last-child {
        border-bottom: 0;
    }
}



/* ---------------------------------------- animations ---------------------------------------- */

/* ripple - 마우스를 클릭하는 지점에서 부터 빛이 번지는 효과가 나타납니다. https://codepen.io/tomma5o/pen/zwyKya */

*[data-animation="ripple"] {
    height: 100%;
    width: 100%;
    display: block;
    outline: none;
    padding: 20px;
    color: #fff;
    text-transform: uppercase;
    background: linear-gradient(135deg, #e570e7 0%,#79f1fc 100%);
    box-sizing: border-box;
    text-align: center;
    line-height: 14px;
    font-family: roboto, helvetica;
    font-weight: 200;
    letter-spacing: 1px;
    text-decoration: none;
    box-shadow: 0 5px 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
  /*border-radius: 50px;*/
    -webkit-tap-highlight-color: transparent;
    border-radius: 5px;
}
*[data-animation="ripple"]:focus {
    outline: none;
}
*[data-animation="ripple"]::selection {
    background: transparent;
    pointer-events: none;
}

div.img {
    background: url(../images/common/icon-picture.png) no-repeat center center/50% #eee;
    padding-top: 0;
    padding-bottom: 56%;
}

.vanillatoasts-icon { background:#000 }