@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);

/* html 엘리먼트 속성 초기화 */
h1, h2, h3, h4, h5, h6{font-size:1em; margin:0px;}
p, ul, ol, li, dl, dt, dd, form, fieldset{margin:0px; padding:0px; font-size:100%;}
ul, ol, li{list-style:none; font-size:100%;}
table{border-collapse:collapse; font-size:100%;}
legend {visibility:hidden;overflow:hidden;width:0;height:0;background-color:transparent;font-size:0;line-height:0;}
caption {visibility:hidden;overflow:hidden;width:0;height:0;background-color:transparent;font-size:0;line-height:0;text-indent: -9999em;}
img{border:0 none; font-size:0px; line-height:0px; vertical-align: top}
input, select, textarea{margin:0px; padding:0px;border:1px solid #003e21;}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="num"]{width:100%;padding:0 8px;box-sizing:border-box;height:36px;line-height: 36px;border:1px solid #003e21;}

html{width:100%;}
html,body {-webkit-overflow-scrolling : touch;}
body{position:relative;}
button{background:transparent;border:0;}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* 그외 초기화 */
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header, hgroup, footer ,nav ,section ,article ,aside ,figure ,video ,audio {margin:0;padding:0;border:0;}
em, address{font-style:normal}
hr{display:none}



select, textarea, input, label,img,button{vertical-align:middle;outline: 0;}
table td{word-wrap:break-word;word-break:break-all;}
button{cursor:pointer;outline: 0;}

/** common style **/
/* font n color */
body,input,select,textarea,a,button{line-height:1;font-family:'notokr','돋움',Dotum,Helvetica,AppleGothic,sans-serif;font-size:13px;color:#323232;}

a,a:hover,a.on,a.active{text-decoration:none;}


@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: normal;
	src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
	src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
	url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Nanum GothicB';
	font-style: normal;
	font-weight: bold;
	src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
	src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
	url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
	url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
	font-family: 'Nanum GothicE';
	font-style: normal;
	font-weight: bold;
	src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
	src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
	url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
	url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}
@font-face {
	font-family: 'notokr';
	font-style: normal;
	font-weight: 700;
	src: url(../../fonts/notokr-bold.eot);
	src: url(../../fonts/notokr-bold.eot?#iefix) format('embedded-opentype'),
	url(../../fonts/notokr-bold.woff) format('woff'),
	url(../../fonts/notokr-bold.otf) format('truetype');
}
@font-face {
	font-family: 'notokr';
	font-style: normal;
	font-weight: 400;
	src: url(../../fonts/notokr-regular.eot);
	src: url(../../fonts/notokr-regular.eot?#iefix) format('embedded-opentype'),
	url(../../fonts/notokr-regular.woff) format('woff'),
	url(../../fonts/notokr-regular.otf) format('truetype');
}


.blind{display:none;}

.f_left{float:left !important;}
.f_right{float:right !important;}
.f_none{float:none !important;}

.t_left{text-align:left !important;}
.t_center{text-align:center !important;}
.t_right{text-align:right !important;}
.text-justify {text-align: justify!important}
.text-nowrap {white-space: nowrap!important;}
.text-truncate{overflow: hidden!important; white-space: nowrap!important;text-overflow: ellipsis!important;}

.text-left {text-align: left!important}
.text-right {text-align: right!important}
.text-center {text-align: center!important}

.clear{clear:both !important;}
.o_flow{overflow:hidden !important;}
.bold{font-weight:bold;}
.font-normal{font-weight:400;}

.font11{font-size:11px !important;}
.font12{font-size:12px !important;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
.font17{font-size:17px !important;}
.font18{font-size:18px !important;}
.font19{font-size:19px !important;}
.font20{font-size:20px !important;}
.font24{font-size:24px !important;}
.font30{font-size:30px !important;}
.font36{font-size:36px !important;}
.font40{font-size:40px !important;}

.mgt0{margin-top:0px !important;}
.mgt5{margin-top:5px !important;}
.mgt6{margin-top:6px !important;}
.mgt7{margin-top:7px !important;}
.mgt8{margin-top:8px !important;}
.mgt9{margin-top:9px !important;}
.mgt10{margin-top:10px !important;}
.mgt11{margin-top:11px !important;}
.mgt15{margin-top:15px !important;}
.mgt20{margin-top:20px !important;}
.mgt25{margin-top:25px !important;}
.mgt30{margin-top:30px !important;}
.mgt40{margin-top:40px !important;}
.mgt50{margin-top:50px !important;}
.mgt60{margin-top:60px !important;}
.mgt80{margin-top:80px !important;}
.mgt100{margin-top:100px !important;}
.mgt120{margin-top:120px !important;}
.mgt150{margin-top:150px !important;}

.mgb0{margin-bottom:0px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb40{margin-bottom:40px !important;}
.mgb50{margin-bottom:50px !important;}
.mgb80{margin-bottom:80px !important;}
.mgb100{margin-bottom:100px !important;}

.mgl5{margin-left:5px !important;}
.mgl10{margin-left:10px !important;}
.mgl20{margin-left:20px !important;}
.mgl30{margin-left:30px !important;}
.mgl40{margin-left:40px !important;}

.pdt0{padding-top:0px !important;}
.pdt10{padding-top:10px !important;}
.pdt20{padding-top:20px !important;}
.pdt30{padding-top:30px !important;}
.pdt40{padding-top:40px !important;}

.pdr0{padding-right:0px !important;}
.pdr10{padding-right:10px !important;}
.pdr20{padding-right:20px !important;}
.pdr30{padding-right:30px !important;}
.pdr40{padding-right:40px !important;}

.pdl0{padding-left:0px !important;}
.pdl10{padding-left:10px !important;}
.pdl20{padding-left:20px !important;}
.pdl30{padding-left:30px !important;}
.pdl40{padding-left:40px !important;}

.pdb0{padding-bottom:0px !important;}
.pdb10{padding-bottom:10px !important;}
.pdb20{padding-bottom:20px !important;}
.pdb30{padding-bottom:30px !important;}
.pdb40{padding-bottom:40px !important;}
.pdb50{padding-bottom:50px !important;}
.pdb60{padding-bottom:60px !important;}
.pdb100{padding-bottom:100px !important;}

.noLine{border:none !important;}
.noBg{background:none !important;}

.text-white {color: #fff!important}
.text-green {color:#44af35!important}

.imgView {margin-top:5px;}

.text-default,
.text-default a,
.text-default:active,
.text-default:focus,
.text-default:hover,
.text-default[href],
.text-default[href]:active,
.text-default[href]:focus,
.text-default[href]:hover {color: #707070!important}

.text-sub,
.text-sub a:active,
.text-sub a:focus,
.text-sub a:hover,
.text-sub[href]:active,
.text-sub[href]:focus,
.text-sub[href]:hover { color: #43a638!important}

.text-yes,
.text-yes a:active,
.text-yes a:focus,
.text-yes a:hover,
.text-yes[href]:active,
.text-yes[href]:focus,
.text-yes[href]:hover { color: #0173b2!important}

.text-no,
.text-no a:active,
.text-no a:focus,
.text-no a:hover,
.text-no[href]:active,
.text-no[href]:focus,
.text-no[href]:hover { color: #d21515!important}

.text-info,
.text-info a,
.text-info:active,
.text-info:focus,
.text-info:hover,
.text-info[href] {
    color: #209cc2!important
}