@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:12px;font-family:dotum;color:#fff;
background:#01558f url('../images/bg.jpg') no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img, textarea, input, button, dl, dt, dd {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:dotum}

ol,ul {margin:0;padding:0;list-style:none}

img {border:0}
select {margin:0}
button {color:inherit;cursor:pointer}

a:link, a:visited {color:#fff;text-decoration:none}
a:hover, a:focus, a:active {color:#fff;text-decoration:none}


/* ==== */


#contents {margin:0 auto 40px;width:1000px}

#contents .frd {margin:20px 0 28px;height:180px;overflow:hidden}
#contents .dft {width:490px;height:180px;background:#03384f;background:rgba(3,56,79,0.9);filter:alpha(opacity=90)}
#contents .ltbx {float:left}
#contents .ltbx ul {padding:0 26px}
#contents .ltbx ul li {padding:2px 0}
#contents .ltbx ul li span {float:right}
#contents .rtbx {float:right}
#contents .rtbx table {width:100%;border-collapse:collapse}
#contents .rtbx table td {height:16px;text-align:center}
#contents .rtbx b {color:#e2d225}
#contents .mtit {margin:24px 0 14px 26px}

#contents .dwlg {margin:0 0 30px;height:166px;overflow:hidden}
#contents .login {float:right;width:246px;height:166px;background:#03384f}
#contents .login ul {margin:0 auto;padding-top:26px;width:210px}
#contents .login ul li {margin:0 0 8px}
#contents .login ul li.thit {height:30px;line-height:30px}
#contents .txt {width:210px;height:32px;text-indent:10px;border:0}

#sbox {margin:10px auto;width:1000px;height:44px;border-radius:22px;background:#062f41}
#sbox ul {margin:0 auto;width:440px;height:44px}
#sbox ul li {float:left;margin:0 15px;line-height:44px}
#sbox ul li a {display:inline-block;margin:6px 0}


#wapper {margin:0 auto;width:300px;min-height:350px;background:url('../../img/mo/bbg.jpg');overflow:hidden;}
.title {margin:0 0 20px}

/** list **/
.list {margin:0 0 40px;width:100%;border-top:2px solid #fff;border-collapse:collapse}
.list th {height:34px;font-weight:bold;border-bottom:1px solid #fff}
.list td {height:34px;text-align:center;border-bottom:1px solid #fff}
.list td span {color:#ffe82.3;font-weight:bold}
.list .title {text-align:left}
.btn01 {float:right;display:block;margin:5px;width:104px;height:30px;line-height:30px;text-align:center;font-weight:bold;background:#515151}

/** view **/
.view {width:100%;border-collapse:collapse}
.view .stitle {padding-left:20px;text-align:left}
.view th {height:34px;font-weight:bold;border-top:1px solid #fff;border-bottom:1px solid #fff}
.view td {height:34px;text-align:center;border-bottom:1px solid #fff}
.view td p {padding:10px;line-height:22px;text-align:left}
.view th span {float:right;margin-right:20px;font-weight:normal}
.view .btn02 {float:right;display:block;margin:5px;width:104px;height:30px;line-height:30px;text-align:center;background:#686868}

/** write **/
.write {width:100%;border-top:2px solid #fff;border-collapse:collapse}
.write td {padding:4px 0;border-bottom:1px solid #fff}
.write .text01 {width:100%;height:26px;line-height:26px;text-indent:4px}
.write .text02 {margin:10px 0;padding:5px;width:98%;height:300px}
.wbtn {margin:20px auto;width:252px;height:30px}
.wbtn a {float:left;width:104px;height:30px;line-height:30px;text-align:center;font-weight:bold;background:#515151}
.wbtn .bg01 {float:left;margin:0 4px;width:104px;height:30px;line-height:30px;font-family:dotum;text-align:center;color:#fff;font-weight:bold;background:#0072ff;cursor:pointer}

.join {margin:0 0 10px;width:100%;border-top:2px solid #fff;border-collapse:collapse}
.join th {padding-left:20px;width:110px;height:40px;text-align:left;border-bottom:1px solid #fff}
.join td {height:50px;text-align:left;border-bottom:1px solid #fff}
.join .text {margin:3px 0; width:190px;height:25px;line-height:25px;text-indent:14px}
.join .tel {width:100px;height:22px;text-align:center}
.join select {padding:1px 0;width:50px}

.lbtn {margin:0 auto 30px;width:104px;height:30px}
.lbtn a {float:left;width:104px;height:30px;line-height:30px;text-align:center;font-weight:bold;background:#515151}
.lbtn .bg01 {float:left;margin:0 4px;width:104px;height:30px;line-height:30px;font-family:dotum;text-align:center;color:#fff;font-weight:bold;background:#108fc5;cursor:pointer}

.dwlist {position:relative;margin:0 auto;width:570px;height:285px;background:url('../images/down_bg.png') no-repeat}
.dwlist .dw1 {position:absolute;top:156px;left:80px}
.dwlist .dw2 {position:absolute;top:156px;left:220px}
.dwlist .dw3 {position:absolute;top:156px;left:356px}


#copyright {text-align:center;background:url('../images/ft_bg.png') top center no-repeat;clear:both}
#copyright p {padding-top:64px}