/*! uSeason Template Project 1.2.1.php | @ 2013 National OZ Corporation. | Template by uSeason.com */
/* public */
/*
@font-face { font-family: NanumGothic; src: url('5098116f36937f61'), url('91c1377e26e033f0'); }
@font-face { font-family: NanumGothicBold; src: url('c058437ae3eae21f'), url('0101656bf399ae8e'); }
@font-face { font-family: NanumGothicExtraBold; src: url('b0c776cfa45a9143'), url('719e50deb429ddd2'); }
@font-face { font-family: NanumBarunGothic; src: url('143546693862deb3'), url('d56c607828119222'); }
@font-face { font-family: NanumBarunGothicBold; src: url('0bd9de4c5d1259a1'), url('ca80f85d4d611530'); }
*/
* { cursor: default; color: #555; font: 100 12px/1.4 NanumBarunGothic, Arial, New Gulim, Gulim; padding: 0; margin: 0; letter-spacing: .045em; word-spacing: .145em; -webkit-text-size-adjust: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a { text-decoration: none; }
input { cursor: auto; overflow: visible; outline-style: none; vertical-align: middle; }
input::-webkit-input-placeholder { color: #ddd; }
input::-moz-placeholder { color: #bbb; }
input:-moz-placeholder { color: #bbb; }
input:-ms-input-placeholder { color: #ddd; }
button { overflow: visible; outline-style: none; vertical-align: middle; display: inline-block; cursor: pointer; background: rbga(0,0,0,0.8); }

input:hover, input:focus { background: #ffe; }
input:hover, input:focus, 
button:hover, button:focus { outline-style: none; border-color: rbga(237,178,75,0.8); box-shadow: inset 0px 1px 3px rgba(0,0,0,0.1), 0px 0px 7px rgba(237,178,75,0.8); }
button.clear:hover, button.clear:focus { outline-style: none; border-color: none; box-shadow: none; }
input.checkbox, input.radio { position: absolute; top: -100px; }
button.checkbox, button.radio { border: none; background-color: #fff; padding-right: 7px; text-align: left; }
button.checkbox { border-radius: 3px; }
button.radio { border-radius: 12px; }

button.gray { height: 40px; display: inline-block; border: 1px solid #555; text-align: center; border-radius: 5px; }
button.gray { background: linear-gradient(#fff, #aaa); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#aaa)); }
button.gray:active { background: linear-gradient(#bbb, #fff); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bbb), to(#fff)); }

button.white { height: 40px; display: inline-block; border: 1px solid #555; text-align: center; border-radius: 5px; }
button.white { background: linear-gradient(#fff, #ddd); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#ddd)); }
button.white:active { background: linear-gradient(#eee, #fff); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#fff)); }

.h7 { font: 100 20px NanumBarunGothic, Arial, New Gulim, Gulim; }
.h6 { font: 100 16px NanumBarunGothic, Arial, New Gulim, Gulim; }
.h4 { font: 100 14px NanumBarunGothic, Arial, New Gulim, Gulim; }
.hr { line-height: 0px; width: 100%; height: 0px; margin: 3px 0px; display: inline-block; border-bottom: 1px solid #e8e8e8; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.hidden { display: none; }
.blue { color: #00F; }
.gap { display: inline-block; }
.pointer { cursor: pointer; }
.p1 { width: 1%; }
.p2 { width: 2%; }
.p3 { width: 3%; }
.p4 { width: 4%; }
.p5 { width: 5%; }
.p6 { width: 6%; }
.p7 { width: 7%; }
.p8 { width: 8%; }
.p9 { width: 9%; }
.p10 { width: 10%; }
.p15 { width: 15%; }
.p20 { width: 20%; }
.p25 { width: 25%; }
.p30 { width: 30%; }
.p40 { width: 40%; }
.p45 { width: 45%; }
.p50 { width: 50%; }
.p60 { width: 60%; }
.p100 { width: 100%; }

/* body */
body { text-align: center; }

/* top nav */
.topnav .logo { width: 225px; height: 100px; display: inline-block; background: url("b493529ae86e4af2") no-repeat center; }
.topnav .phonecheck { width: 179px; height: 100px; display: inline-block; background: url("b4f776958fb4f93c") no-repeat center; }
.topnav .certificate { width: 179px; height: 100px; display: inline-block; background: url("6394eaaa42665486") no-repeat center; }
.topnav .ipinservice { width: 179px; height: 100px; display: inline-block; background: url("b2edaeebc1c5cee0") no-repeat center; }
.topnav .namecheck { width: 179px; height: 100px; display: inline-block; background: url("3a16c9786332e15e") no-repeat center; }
.topnav .helpdesk { width: 179px; height: 100px; display: inline-block; background: url("b2d431e9840ea36e") no-repeat center; }
.topnav .login { width: 179px; height: 100px; display: inline-block; background: url("2b27e457308d10fa") no-repeat center; }

.topnav { line-height: 0; overflow: hidden; width: 100%; background: url("5ffc76a6a537b928"); border-bottom: 1px solid #18a8e3; }
.topnav ul { width: 1120px; overflow: hidden; display: inline-block; list-style: none; }
.topnav li { line-height: 0; }
.topnav li a { border-left: 1px solid #0797d4; text-align: center; display: inline-block; float: left; }
.topnav li:last-child a { border-right: 1px solid #0797d4; }

/* section */
.section { overflow: hidden; width: 1120px; display: inline-block; padding: 0; border-left: 1px solid #fafafa; border-right: 1px solid #fafafa; }

.section .aside { overflow: hidden; width: 225px; float: left; border-right: 1px solid #f8f8f8; }
.section .aside .leftnav ul { overflow: hidden; list-style: none; }
.section .aside .leftad { width: 176px; height: 172px; margin-top: 20px; margin-bottom: 20px; display: inline-block; background: url("2952e1d4e75c2f43") no-repeat center; }

.section .article { overflow: hidden; text-align: left; width: 893px; padding: 40px; }

/* bottom nav */
.bottomnav .nationaloz { width: 82px; height: 14px; display: inline-block; background: url("e00692bad3ed8ab0") no-repeat center; }

.bottomnav { line-height: 0; overflow: hidden; width: 100%; background: #2389d1; border-top: 1px solid #0797d4; }
.bottomnav ul { width: 1120px; overflow: hidden; display: inline-block; list-style: none; }
.bottomnav li { line-height: 0; padding: 5px 10px 10px 10px; text-align: center; display: inline-block; float: left; }
.bottomnav li a { color: #fff; }