@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css); 


* {margin:0;padding:0;}
html {width:100%;height:100%;}
body {width:100%;height:100%;font:12px/1.45em; font-family:'Nanum Gothic', '나눔고딕', 'Nanum Barun Gothic', tahoma,arial, Helvetica,AppleGothic,sans-serif;color:#666;}
div, form, p {}
h1, h2, h3, h4, h5, h6, h7 {font-size:100%;font-weight:normal;}
ul, ol, li { list-style:none;}
dl, dt, dd {}

a:link {color:#666;text-decoration:none;}
a:visited {color:#666;text-decoration:none;}
a:hover {color:#666;text-decoration:none;}
a:active {color:#666;text-decoration:none; }
a:focus{text-decoration:none;}/*text-decoration:underline;*/

table {width:100%;}
table, tbody, tfoot, thead, tr, th, td {border-collapse:separate;border-spacing:0;/*table-layout:fixed;*/}/*border:none; separate;*/
/* 6 */* html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;}
/* 7 */* + html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;}

caption {display:none;}
fieldset {border:none;}
legend {display:none;}

input {font-family:'Nanum Gothic',  tahoma,arial,Helvetica,AppleGothic,sans-serif; color:#666;}
#eng input {font-family:'Nanum Gothic', tahoma,arial,Helvetica,AppleGothic,sans-serif; color:#666;}
textarea{overflow:auto;font:12px/1.3em 'Nanum Gothic', tahoma,arial,Helvetica,AppleGothic,sans-serif;} 
textarea {resize: none;} /* 크롬,사파리 */
button{cursor:pointer;border:0 none;background:transparent;*overflow:visible;}
button::-moz-focus-inner {border:0;padding:0;}
input, button, select, textarea {color:#666; vertical-align:middle;}

address{font-style:normal;}
em {font-style:normal;}
hr {display:none;}
img {border:none;vertical-align:middle;}
a img{cursor:pointer;vertical-align:middle;}
select {font-size:12px;color:#666;font-family:'Nanum Gothic', tahoma,arial;padding:1px;}


/*common*/
.top10 {padding-top:10px;}
.top20 {padding-top:20px;}
.top30 {padding-top:30px;}
.top40 {padding-top:40px;}
.top50 {padding-top:50px;}
.top60 {padding-top:60px;}
.top65 {padding-top:65px;}
.top70 {padding-top:70px;}
.top75 {padding-top:75px;}
.top100 {padding-top:100px;}

.left20 {padding-left:20px;}
.left30 {padding-left:30px;}
.left50 {padding-left:50px;}
.left70 {padding-left:70px;}

.right30 {padding-right:30px;}


.pd50 {padding:50px 0;}
.pd20 {padding:20px 0;}

.mgtop20 {margin-top:20px;}
.mgtop30 {margin-top:30px;}
.mgtop50 {margin-top:50px;}
.mgtop70 {margin-top:70px;}
.mgtop100 {margin-top:100px;}

.mgleft35 {margin-left:35px;}

.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}
.font22 {font-size:22px;}
.font24 {font-size:24px;}
.font26 {font-size:26px;}
.font28 {font-size:28px;}
.font30 {font-size:30px;}
.font32 {font-size:32px;}
.font36 {font-size:36px;}
.font44 {font-size:44px;}
.font50 {font-size:50px;}
.font60 {font-size:60px;}
.font72 {font-size:72px;}

.cen {text-align:center;}
.left {text-align:left;}

.bold {font-weight:700; line-height:130%;}
.bold900 {font-weight:900;}
.normal {font-weight:400;}
.light {font-weight:200;}

.red {color:#f33940;}
.sky {color:#03bdd2;}
.purple {color:#920d8b;}
.black {color:#2f2f2f;}
.navy {color:#1f69b0;}
.green {color:#0d861f;}
.y_green {color:#c8bf2d;}
.pink {color:#f86ab1;}
.yellow {color:#f9d676;}
.org {color:#e7631a;}
.blue {color:#0076cf;}
.gray {color:#888; line-height:1.3em;}

/*color*/
.pro_won li.purple_bg {background:#920d8b;}
.pro_won li.yellow_bg {background:#f9d676;}
.pro_won li.red_bg {background:#f33940;}
.pro_won li.y_green_bg {background:#c8bf2d;}
.pro_won li.pink_bg {background:#f86ab1;}
.pro_won li.blue_bg {background:#0076cf;}
.pro_won li.green_bg {background:#0d861f;}
.pro_won li.org_bg {background:#e7631a;}

.gray_bg {background:#f3f3f3;}


/*width*/
.won2 {width:510px;}
.won3 {width:765px;}
.won4 {width:1025px;}



.line-height {line-height:130%;}

.l_line {border-left:1px solid #ccc;}
.b_line {border-bottom:2px solid #222;}
.dot_line {border-bottom:1px dashed #ccc;}

.clear {clear:both;}