/* reset s */
* { font-family:"맑은 고딕", "Malgun Gothic", "open sans", Arial, sans-serif;box-sizing:border-box;letter-spacing:-0.025em}
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,button,input {margin:0;padding:0}
ul,li,ol {list-style:none}
img,fieldset,iframe {border:0}
img {vertical-align:top}
table {border-collapse:collapse;border-spacing:0}
tr, th, td {padding:0;margin:0}
a {text-decoration:none;color:#000}
address {font-style:normal;color:#000}
/* reset e */
/* layout s */
html,body {position:relative;width:100%;height:100%;font-size:62.5%;background-color:#fcfcfc}
#wrap {position:absolute;left:50%;top:50%;padding:0 2.0rem;width:54.6rem;min-width:32.0rem;transition:0.3s;transform:translate(-50%, -50%)}
#header {position:relative;width:100%}
#container {padding:5.0rem 0;transition:0.3s}
#footer {position:relative;width:100%}
.inner {margin:0 auto;max-width:50.6rem}
/* layout s */
/* header s */            
#header .inner:after {content:"";clear:both;display:block}
#header .inner h1 {float:left;height:3.6rem;line-height:3.6rem;font-size:2.5rem;color:#2a4354;transition:0.3s}
#header .inner h1 img {vertical-align:middle;width:2.2rem;transition:0.3s}
#tab_nav {position:relative;float:right;width:28.0rem;height:3.6rem;border-radius:0.5rem;background-color:#e7e8ed;overflow:hidden;transition:0.3s}
#tab_nav .list:after {content:"";clear:both;display:block}
#tab_nav .list li {position:relative;float:left;width:33.33%;line-height:3.6rem;font-size:1.2rem;color:#93999c;text-align:center;cursor:pointer;transition:0.5s;z-index:10;transition:0.3s}
#tab_nav .list li.url_upload {border-left:1px solid #fcfcfc;border-right:1px solid #fcfcfc}
#tab_nav .list li.active {color:#fff;background-color:#789bfd}
/* header e */
/* container s */      
#container .inner {margin:0 auto;max-width:50.6rem}
.url_upload_content {display:none}
.s3_url_upload_content {display:none}
#form_table {width:100%}
#form_table tr td {padding-bottom:3.0rem;transition:0.3s}
#form_table .title {padding-bottom:2.0rem;font-size:1.4rem;line-height:1.4rem;color:#93999c;transition:0.3s}        
#form_table input[type="file"] {position:absolute;width:0.1rem;height:0.1rem;padding:0;margin:-0.1rem;overflow:hidden;clip:rect(0,0,0,0);border:0}
#form_table .ipt_style {position:relative;padding:0 2.5rem;display:inline-block;width:100%;height:6.0rem;line-height:5.8rem;font-size:1.6rem;color:#2f3945;text-align:left;border:1px solid #e7e8ed;border-left:5px solid #789bfd;border-radius:0.5rem;background-color:#fff;box-shadow: 0rem 0.8rem 1.2rem 0.1rem rgba(213,222,224,0.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none;transition:0.3s}        
#form_table .ipt_style.ipt_style_w400 {width:40.0rem;transition:0.3s}
#form_table .ipt_style.slt {border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url('../../images/icon/slt_arrow.png') no-repeat 95% center}
#form_table .ipt_style.slt::-ms-expand{display:none}
#form_table .btn_style {margin-left:0.3rem;display:inline-block;width:9.8rem;height:6.0rem;line-height:6.0rem;font-size:1.6rem;color:#fff;font-weight:500;text-align:center;border-radius:0.5rem;border:none;background-color:#789bfd;box-shadow: 0rem 0.8rem 1.2rem 0.1rem rgba(213,222,224,0.3);cursor:pointer;vertical-align:top;transition:0.3s}
#form_table .btn_style.btn_bg_grey {background-color:#b8b9c1}      
#form_table .cursor {cursor:pointer}
#form_table .ipt_style.placeholder {color:#bfc3c8}
#form_table .ipt_style::placeholder {color:#bfc3c8}
#form_table .ipt_style::-webkit-input-placeholder {color:#bfc3c8}
#form_table .ipt_style:-ms-input-placeholder {color:#bfc3c8}
#form_table .ipt_style::-webkit-input-placeholder {color:#bfc3c8}
#form_table .ipt_style:-ms-input-placeholder {color:#bfc3c8}
/* container e */
/* footer s */
#footer .copyright {font-size:1.4rem;font-weight:100;color:#2f3945;letter-spacing:0;text-align:center}
/* footer e */
/* loading s */
#loading_wrap {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:9999}
#loading_wrap .loading_container {position:absolute;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%, -50%)}
#loading_wrap .loading_container .loading {position: absolute;width:100%;height:100%;border-radius:100%;border:2px solid transparent;border-color:transparent #fff transparent #fff;-moz-animation:rotate-loading 1.5s linear 0s infinite normal;-moz-transform-origin:50% 50%;-o-animation:rotate-loading 1.5s linear 0s infinite normal;-o-transform-origin:50% 50%;-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;-webkit-transform-origin: 50% 50%;animation: rotate-loading 1.5s linear 0s infinite normal;transform-origin: 50% 50%;}
#loading_wrap .loading_container .loading_text {font-size:13px;color:#fff;line-height:100px;text-align:center;-moz-animation:loading-text-opacity 2s linear 0s infinite normal;-o-animation:loading-text-opacity 2s linear 0s infinite normal;-webkit-animation:loading-text-opacity 2s linear 0s infinite normal;animation:loading-text-opacity 2s linear 0s infinite normal;}
/* loading e */

@keyframes rotate-loading {
    0%  {transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg)}
    100% {transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}
}
@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform: rotate(0deg);-moz-transform:rotate(0deg)}
    100% {transform: rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}
}
@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform: rotate(0deg);-moz-transform:rotate(0deg)}
    100% {transform: rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}
}
@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform: rotate(0deg);-moz-transform:rotate(0deg)}
    100% {transform: rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}
}
@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform: rotate(0deg);-moz-transform:rotate(0deg)}
    100% {transform: rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}
}
@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform: rotate(0deg);-moz-transform:rotate(0deg)}
    100% {transform: rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}
}
@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform: rotate(0deg);-moz-transform:rotate(0deg)}
    100% {transform: rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}
}
@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform: rotate(0deg);-moz-transform:rotate(0deg)}
    100% {transform: rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}
}


@keyframes loading-text-opacity {
    0%  {opacity:0}
    20% {opacity:0}
    50% {opacity:1}
    100%{opacity:0}
}
@-moz-keyframes loading-text-opacity {
    0%  {opacity:0}
    20% {opacity:0}
    50% {opacity:1}
    100%{opacity:0}
}
@-webkit-keyframes loading-text-opacity {
    0%  {opacity:0}
    20% {opacity:0}
    50% {opacity:1}
    100%{opacity:0}
}
@-o-keyframes loading-text-opacity {
    0%  {opacity:0}
    20% {opacity:0}
    50% {opacity:1}
    100%{opacity:0}
}

/* mobile */
@media (min-width:0px) and (max-width:767px), screen and (max-height:1200px) {
    #wrap {margin:0 auto;width:100%;min-height:900px;padding:4.5rem 2.0rem;left:0;top:0;transform:translate(0, 0)}
    #header .inner h1 {float:none;margin-bottom:3.0rem;font-size:2.2rem;text-align:center}
    #header .inner h1 img {margin-top:-0.2rem;width:2.2rem}
    #tab_nav {float:none;width:100%}
    #tab_nav .list li {font-size:1.3rem}

    #container {padding:3.0rem 0}
    #form_table tr td {padding-bottom:2.0rem}
    #form_table .title {padding-bottom:1.0rem;font-size:1.3rem;line-height:1.3rem}
    #form_table .ipt_style {padding:0 1.5rem;height:4.0rem;line-height:3.8rem;font-size:1.3rem}
    #form_table .ipt_style.ipt_style_w400 {width:calc(100% - 7.0rem)}
    #form_table .btn_style {margin-left:0.3rem;width:6.2rem;height:4.0rem;line-height:4.0rem;font-size:1.4rem;font-weight:normal}

    #footer .copyright {font-size:1.2rem}
}