@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@font-face {
	font-family:NanumSquareB;
	src:url(../fonts/NanumSquareB.eot);
	src:local(※),url(../fonts/NanumSquareB.woff) format('woff');
}
@font-face {
	font-family:NanumSquareR;
	src:url(../fonts/NanumSquareR.eot);
	src:local(※),url(../fonts/NanumSquareR.woff) format('woff');
}

* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
*{margin:0;padding:0;}
*:focus{outline:none;}
html,body{height:100%;}
html{overflow-y:scroll;font-size:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body{font:14px/1.5 "나눔고딕",Nanum Gothic,"돋움",Dotum,sans-serif;color:#333;width:100%;height:100%;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}
button,input,select,textarea{font-family:"나눔고딕",Nanum Gothic,"돋움"Dotum,sans-serif;vertical-align:middle;outline:none;}
input[type="text"], input[type="password"]{padding:0 3%;box-sizing:border-box;}
button{overflow:visible;border:none;cursor:pointer;}
li{list-style:none;}
img{border:none;outline:none;vertical-align:middle;}
a{text-decoration:none;color:inherit;}
h1,h2,h3,h4,h5,h6{font-style:100%;}
caption,legend,figure,figurecaption{display:none;}
table{width:100%;margin:0;padding:0;border-collapse:collapse;border-spacing:0;}
fieldset{border:none;}
i,em,address,dfn{font-style:normal;}
iframe{vertical-align:top;}

#skip a, .skip a{overflow:hidden;position:absolute;left:-9999px;top:0;width:0;height:0;font-size:0;line-height:0;}


@media screen and (max-width:1199px) {
	/*body{font-size: 0.875em;}*/
	/*img{width:100%;}	*/
}
@media screen and (max-width:320px) {
	body,button,.tbl_write_m, table th, table td{font-size:12px;}
}

/*기타*/
.clearfix:after {content:""; display:block; clear:both;}
.blind{width: 0;height: 0;opacity: 0;line-height: 0;font-size: 0}
.imgrate{display: block; width: 100%}
.mt0{margin-top: 0px!important}
.mt10{margin-top: 10px!important}
.mt20{margin-top: 20px!important}
.mt30{margin-top: 30px!important}
.mt40{margin-top: 40px!important}
.mt50{margin-top: 50px!important}
.mt60{margin-top: 60px!important}
.mt70{margin-top: 70px!important}
.mt80{margin-top: 80px!important}
.mt100{margin-top: 100px!important}
.textAlign_right{text-align: right!important;}
.textAlign_left{text-align: left!important;}
.textAlign_center{text-align: center!important}
.text_right{text-align: right!important;}
.text_left{text-align: left!important;}
.text_center{text-align: center!important}
.float_left{float: left;}
.float_right{float: right;}
.mr1{margin-right: 10px}
.ml1{margin-left: 20px}
.fb{font-weight: 600!important}
.max1400{width: 100%;height: auto;position: relative;max-width: 1400px;padding: 0 0px;margin: 0 auto;}
.max1300{width: 100%;height: auto;position: relative;max-width: 1300px;padding: 0 0px;margin: 0 auto;}
.max1200{width: 100%;height: auto;position: relative;max-width: 1200px;margin: 0 auto;}
.max1100{width: 100%;height: auto;position: relative;max-width: 1100px;margin: 0 auto;}
.max1120{width: 100%;height: auto;position: relative;max-width: 1160px;padding: 0 20px;margin: 0 auto;}
.imgRate{display: block;width: 100%;max-width: 1920px;margin: 0 auto;}
.title70{width: 60px; border-right: 1px solid #ccc;display: inline-block;line-height: 1;font-weight: 600}
.overflowHidden{overflow: hidden;}
.col_red{color: #f20000!important;}
.col_blue{color: #2b72c9!important}
.bold_red{color: #f20000!important;font-weight: 600}
.relative{position: relative;}
.po_tr{position: absolute;top: -4px;right: 0;transform: rotate(180deg);}
.po_tr.close_btn{transform: rotate(0deg)}
.padd30_con{padding: 30px;position: relative;}
@media screen and (max-width:1400px) {
  .max1400{padding: 0 20px}
}
@media screen and (max-width:1200px) {
  .max1200{padding: 0 20px}
}
@media screen and (max-width:1300px) {
  .max1300{padding: 0 20px}
  .max1120{padding: 0 20px}
}
@media screen and (max-width:768px) {
  .padd30_con{padding: 15px}
}
@media screen and (max-width:600px) {
  .max1400{padding: 0 10px}
  .max1300{padding: 0 10px}
  .max1200{padding: 0 10px}
  .max1120{padding: 0 10px}
  .padd30_con{padding: 10px}
}
.wid50{width: 100%; max-width: 50px}
.wid80{width: 100%; max-width: 80px}
.wid100{width: 100%; max-width: 100px}
.wid160{width: 100%; max-width: 160px}
.wid100{width: 100%; max-width: 100px}
.wid130{width: 100%; max-width: 130px}
.wid150{width: 100%; max-width: 150px}
.wid200{width: 100%; max-width: 200px}
.wid300{width: 100%; max-width: 300px}
.wid400{width: 100%; max-width: 400px}
.col100{width: 100%}