/* Reset CSS */
html{width:auto;overflow-y:scroll;min-width:1200px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family: 'Nanum Gothic',나눔고딕, Dotum,돋움,Helvetica,AppleSDGothicNeo,sans-serif;font-size:12px;color:#444 ;}
body{position:relative;background-color:#fff;word-break:break-all;-ms-word-break:break-all;font-weight:400;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
button *{position:relative}
button img{left:-3px;*left:auto}
option{padding-right:6px}
/* 숨김영역 */
hr, legend, .hide{position:absolute;left:-2000%;width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;z-index:-1;}

/* Common */
.show{display:block}
iframe{vertical-align:top}
.png24 {tmp:expression(setPng24(this));}

a {text-decoration:none; color:#444; }
a:hover {text-decoration:none;}
a:active, a:focus{text-decoration:none;}

textarea {padding:5px; font-family: 'Nanum Gothic',나눔고딕, Dotum,돋움,Helvetica,AppleSDGothicNeo,sans-serif;font-size:12px;color:#555;border:1px solid #ccc;background:#fff; overflow:auto; resize:none;}
label {cursor:pointer;}
table {border-collapse:collapse; border:0; padding:0;}
caption {display:none;}
select{width:100%;border:1px solid #ccc;padding-left:5px;font-size:14px;height:30px;line-height:30px;color:#444;
font-family: 'Nanum Gothic',나눔고딕, Dotum,돋움,Helvetica,AppleSDGothicNeo,sans-serif;vertical-align:middle;border-radius:0px;-webkit-appearance:none;
background:#fff url(../images/common/select_bg.png) no-repeat 97% center;outline:none;font-weight:400;}
option{font-family: 'Nanum Gothic',나눔고딕, Dotum,돋움,Helvetica,AppleSDGothicNeo,sans-serif;font-weight:400;}
input{font-family: 'Nanum Gothic',나눔고딕, Dotum,돋움,Helvetica,AppleSDGothicNeo,sans-serif;font-weight:400;}

input[type="radio"] {width:24px;height:20px;margin:0; padding:0;background:url(../images/common/radio_bg_off.png) no-repeat 0 0  / 80%;-webkit-appearance: none;outline:none;}
input[type="radio"]:checked {width:24px;height:20px;background:url(../images/common/radio_bg_on.png) no-repeat 0 0 / 80%;}

input[type="checkbox"]{position:relative;width:20px;height:20px;margin:0 10px 0 0; padding:0;background:url(../images/common/checkbox_bg_off.gif) no-repeat 0 0;-webkit-appearance: none;outline:none;}
input[type="checkbox"]:checked{width:20px;height:20px;background:url(../images/common/checkbox_bg_on.gif) no-repeat 0 0;}

/* input_box */
.input_box{border:1px solid #e2e2e2;padding:11px 12px;}
.input_box input{border:none;font-size:16px;color:#555;width:100%;padding:0px;margin:0px;outline:none;height:26px;line-height:26px;}

.select_box select{height:50px; line-height:50px; border:1px solid #ddd; padding-left:10px;}

/* etc */
.fr {float:right !important;}
.fl {float:left !important;}
.ov {overflow:hidden !important;}
.txtl {text-align:left !important;}
.txtr {text-align:right !important;}
.txtc {text-align:center !important;}
.txtb {font-weight:bold !important;}
.brbn{border-bottom:none !important;}
.brrn{border-right:none !important;}

/* margin / padding */
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt80 {padding-top:80px !important;}
.pt100 {padding-top:100px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb100 {padding-bottom:100px !important;}

.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}

.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb13 {margin-bottom:13px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

.ml0 {margin-left:0 !important;}
.ml1 {margin-left:1px !important;}
.ml5 {margin-left:5px !important;}
.ml8 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}

.mr0 {margin-right:0 !important;}
.mr1 {margin-right:1px !important;}
.mr5 {margin-right:5px !important;}
.mr6 {margin-right:6px !important;}
.mr10 {margin-right:10px !important;}
.mr12 {margin-right:12px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr100 {margin-right:100px !important;}

 /* animation */
@-webkit-keyframes tit_opa {
	0%{opacity:0;}
	10%{opacity:0.1;}
	20%{opacity:0.2;}
	30%{opacity:0.3;}
	40%{opacity:0.4;}
	50%{opacity:0.5;}
	60%{opacity:0.6;}
	70%{opacity:0.7;}
	80%{opacity:0.8;}
	90%{opacity:0.9;}
	100%{opacity:1;}
}
/* Standard syntax */
@keyframes tit_opa {
	0%{opacity:0;}
	10%{opacity:0.1;}
	20%{opacity:0.2;}
	30%{opacity:0.3;}
	40%{opacity:0.4;}
	50%{opacity:0.5;}
	60%{opacity:0.6;}
	70%{opacity:0.7;}
	80%{opacity:0.8;}
	90%{opacity:0.9;}
	100%{opacity:1;}
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -40%, 0);
	-moz-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -40%, 0);
    -moz-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -50%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  -moz-animation-name: slideInDown;
  animation-name: slideInDown;
}

.animated {
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .1.5s;
  -moz-animation-duration: .1.5s;
  animation-duration: .1.5s;
}

/* skiptoContent */
#skiptoContent{position:fixed;top:0;left:0;width:100%;z-index:500}
#skiptoContent a {display:block;position:absolute;top:0px;left:-99999px;width:170px;height:24px;background:#24b0f0;color:#fff;font-size:12px;line-height:24px;text-align:center}
#skiptoContent a:focus, #skiptoContent a:active {left:0;text-decoration:none}
#skiptoContent a:hover{text-decoration:underline}

/* 팝업 */
div.layerPop{position:absolute; top:0px; left:0; z-index:99999;}
div.layerPop .btm_area{;padding:12px 10px;height:20px;line-height:20px;background:#616161;overflow:hidden;}
div.layerPop .btm_area .btn01{float:left;color:#fff;font-size:14px;}
div.layerPop .btm_area .btn01 a{color:#fff;}
div.layerPop .btm_area .btn02{float:right;color:#fff;font-size:14px;}
div.layerPop .btm_area .btn02 a{color:#fff;}

/* print */
@media print {
	@page {
	size: 20.8cm 29.7cm;
	margin: 0;
	}
}