@charset "utf-8";
/* reset style */
*{box-sizing: border-box}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;}
html, body, div,  p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, blockquote, pre, button, fieldset, form, legend,table, caption, tbody, tfoot, thead, tr, th, td, iframe, article, aside, canvas, details, embed, textarea, figure, figcaption, header, footer, main, menu, nav, section, summary, audio, video, template {margin: 0;padding: 0;border: 0;font-size: inherit;font-family: inherit;vertical-align: baseline;box-sizing: border-box;word-break: keep-all;}
a, span, em{box-sizing: border-box}
a:link,a:visited{color:#494949}
a,a:active,a:hover,a:link,a:visited{text-decoration:none}
img{border:none;}
img, video, audio {max-width:100%; max-height:100%;}
figure, figcaption{margin:0;padding:0}
b, strong{ font-weight: 600; }
em, dfn, cite, address,i{font-style: normal;}
mark {background-color: #ff0; color: #000;}
small {font-size: 90%;}
sup,sub{position: relative;font-size: 0.9em;line-height: 0;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
del{color: #aaa !important; text-decoration: line-through; }
label{cursor:pointer;}
switch{display: none}
ul, ul>li,
ol, ol>li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;display:table}
caption,legend{overflow:hidden;position:relative;width:0;height:0;margin:0;padding:0;line-height:0}
fieldset {border:none;min-width: 0;}
hr {overflow:hidden; position:absolute; height:0; width:0;}
template {display:none;}
.clearfix {display: block;}
.clearfix:after{content: "";display: table;clear: both;}
.clear {clear:both;}
.hide {display:none;}
.sr-only, .skip, .blind {position: absolute;overflow: hidden;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;}
br{font-size:0;}
:lang(ko) body{position:relative;color:#555;font-family:'gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo","애플 SD 산돌고딕 Neo",sans-serif;letter-spacing: -0.03em;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;}
:lang(zh-CN) body{font-family:"Helvetica Neue","Helvetica","Arial",sans-serif}
:lang(ja) body{font-family:Hiragino Kaku Gothic Pro,osaka,sans-serif}
:lang(en) body{font-family: 'Roboto','Frutiger Linotype',sans-serif;}
@media only screen and (min-width:641px){
	body{font-size:16px;line-height:1.6}
}
@media only screen and (max-width:640px){
	body{font-size:15px;line-height:1.5}
}
/* 입력 form */
input{font-size: inherit; font-family: inherit; color: inherit; vertical-align: middle;font-family:'gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo","애플 SD 산돌고딕 Neo",sans-serif;}
input[type="text"],input[type="search"]{-webkit-border-radius:0; -webkit-appearance:none;}
input[type="file"]{border:none}
input[type="radio"],input[type="checkbox"]{border:none}
button{text-transform: none; vertical-align: middle}
button,[type="button"],[type="reset"],[type="submit"] {background-color:transparent; cursor: pointer; -webkit-border-radius:0; -webkit-appearance:none;}
select{padding:0 5px;background:transparent url(/pcms/common/images/ir/arrow-select.png) no-repeat 98% 50%;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-appearance: none;-ms-appearance: none;-o-appearance: none;font-family:'gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo","애플 SD 산돌고딕 Neo",sans-serif;}
select::-ms-expand {display: none;}
textarea{font-size: inherit; font-family: inherit; color: inherit; vertical-align: middle; resize:none;}
input[disabled="disabled"]{background-color:#ebebeb; color:#959595}
select[disabled="disabled"]{background-color:#ebebeb; color:transparent}
/* 스킵내비게이션 */
#skipnavi{position:absolute;top:-1px;left:0;background-color:#333;z-index:999999}
#skipnavi a{position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;background:#000;}
#skipnavi a:link{color:#333;}
#skipnavi a:focus{margin-top:0;text-decoration:underline;color:#fff}
#accessibility a:active,
#accessibility a:focus,
#accessibility a:hover{color:#000;text-decoration:underline}.clearfix{width:100%}.clearfix:after,.clearfix:before{content:"";display:block;visibility:hidden;clear:both}
.ui-border{border:1px solid #ededed;}
.message-icon2,.ui-message .message-icon{border-radius:50%;background-color:#efefef;}
.ui-message{clear:both;margin:0 auto;padding:70px 50px;}
.ui-message p,.ui-message strong{display:block;font-size:20px;line-height:1.4;text-align:center;}
.ui-message strong{color:#000;font-size:32px;}
.ui-message .message-icon{margin:0 auto 20px;padding:20px;width:100px;height:100px;}
.ui-message strong.small-text{font-size:20px;}
.message-icon2,.ui-message .message-icon{border-radius:50%;background-color:#efefef}
.ui-message{clear:both;margin:0 auto;padding:70px 50px}
.ui-message p,.ui-message strong{display:block;font-size:20px;line-height:1.4;text-align:center}
.ui-message strong{color:#000;font-size:32px}
.ui-message .message-icon{margin:0 auto 20px;padding:20px;width:100px;height:100px}
.ui-message strong.small-text{font-size:20px}
.message-icon2{width:200px;height:200px;margin:0 auto 40px;padding:60px 30px}
.message-icon2 svg{display:block;overflow:hidden}
.message-icon2 svg #screen{overflow:hidden}
.message-icon2 svg #XMLID_2_{transform:translateY(100%)}
.message-icon2 svg #XMLID_2_.run-animation{animation:slide_top 5s forwards;animation-delay:1.5s;-webkit-animation:slide_top 5s forwards;-webkit-animation-delay:2s}
.message-icon2 svg #XMLID_1_{transform:translateX(-50%)}
.message-icon2 svg #XMLID_1_.run-animation{animation:slide_left .5s forwards;animation-delay:1s;-webkit-animation:slide_left .5s forwards;-webkit-animation-delay:1s}
@-webkit-keyframes slide_top {20%,80%{transform:translateY(80%)}100%{transform:translateY(0)}}
@keyframes slide_top {20%,80%{transform:translateY(20%)}100%{transform:translateY(0)}}
@-webkit-keyframes slide_left {100%{transform:translateX(0)}}
@keyframes slide_left {100%{transform:translateX(0)}}
#run{display:inline-block;position:relative;margin-top:100px;margin-bottom:60px;padding:1em 2em;border:none;border-radius:4px;background-color:#ff0081;box-shadow:0 2px 25px rgba(255,0,130,.5);color:#fff;font-size:1em;font-family:Helvetica,Arial,sans-serif;cursor:pointer;appearance:none;transition:transform ease-in .1s,box-shadow ease-in .25s;-webkit-appearance:none}
#run:after,#run:before{position:absolute;z-index:-1000;left:-20%;width:140%;height:100%;background-repeat:no-repeat;content:'';transition:all ease-in-out .5s}
#run:before{display:none;top:-75%;background-image:radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,transparent 20%,#ff0081 20%,transparent 30%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,transparent 10%,#ff0081 15%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%}
#run:after{display:none;bottom:-75%;background-image:radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,transparent 10%,#ff0081 15%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%}
#run:active{background-color:#e60074;box-shadow:0 2px 25px rgba(255,0,130,.2);transform:scale(.9)}
#run.animate:before{display:block;animation:topBubbles ease-in-out .75s forwards}
#run.animate:after{display:block;animation:bottomBubbles ease-in-out .75s forwards}
@keyframes topBubbles {0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}100%{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}}
@keyframes bottomBubbles {0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}100%{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}}



/*팝업창 관련*/
.pop_font{text-indent:15px; margin-left:10px; float:left;}
.pop_font a:link{ font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:visited{ font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:active{ font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:hover{ font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF; font-weight:bold;}

.pop_font{}
.pop_font button{color:#fff !important; background:none !important;}
.pop_close{width:48px; float:right;}
.pop_close img{margin-top:4px;margin-bottom: 0px;}
.pop_close button{background:none !important;}
.pop_close a {display: block;line-height: 26px;padding:0;border: none;background: none !important;}
.pop_con_box{ background:#ffffff; margin-left:6px;margin-right:6px;}
.pop_con_box img{margin:0}
.pop_bt_bg{height:26px; background:#000000; }
.pop_bg{background: #ddd;padding:6px 0px 6px 0px;}