@charset "utf-8";
@import url('reset.css');

.header {position:relative; height:90px;}
.top_wrap {background-color:#252525; height:50px;}
.top {width:900px; margin:0 auto; position:relative;}

.top .logo {float:left; line-height:0; font-size:0; margin-right:35px;}
.top .logo a {display:block;}

/* lnb */
.lnb {float:left;}
.lnb ul {overflow:hidden; z-index:1000;}
.lnb li {float:left;}
.lnb li a {font-size:12px; color:#fff; font-weight:bold; display:block; padding:20px 28px 16px 28px; line-height:14px; text-align:center;}
.lnb li.active a,
.lnb li a:hover {color:#f7941d;}
.lnb li ul {position:absolute; left:0px; display:none;}
.lnb li.active ul {display:block;}
.lnb li.active li a {color:#000; font-weight:normal;}
.lnb li li a {height:24px; padding:16px 16px 0 16px; color:#000; display:block;}
.lnb li li a img {vertical-align:middle;}
.lnb li li.active a {background-color:#fff; margin-top:7px; padding:8px 15px 0 15px; border-left:1px solid #b7b7b7; border-top:1px solid #b7b7b7; border-right:1px solid #b7b7b7;}
.lnb li li a:hover {color:#448ccb;}

.top .mobile a {position:absolute; top:0; right:0; font-size:12px; color:#fff; font-weight:bold; display:inline-block; padding:20px 0 16px 0; line-height:14px; background-color:#ef4123; width:230px; text-align:center;}
.top .mobile a:hover {background-color:#af1f0f;}

.gray_bg {background-color:#e1e1e1; width:100%; height:39px; border-bottom:1px solid #b7b7b7; position:absolute; top:50px; z-index:-1000;}

/* 공통 */
.kor {font-family:Gulim, "굴림";}
.eng {font-family:Verdana; letter-spacing:-1px;}
.goth {font-family:NanumGothic, "나눔고딕" Gulim, "굴림";}
.bold {font-weight:bold;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}
.mgt25 {margin-top:25px;}
.mgt30 {margin-top:30px;}
.mgt35 {margin-top:35px;}
.mgt40 {margin-top:40px;}
.par_bold {font-size:30px; line-height:31px;}
.par {font-size:23px; line-height:46px;}
.w130 {width:130px; display:inline-block; text-align:center; height:38px; line-height:40px; font-size:12px; letter-spacing:-1px;}
.w80 {width:80px; display:inline-block; text-align:center; height:25px; line-height:26px; font-size:12px; color:#3d439c; margin-right:5px; letter-spacing:-1px;}
.puts {border:1px solid #c2c2c2; padding:6px; font-size:12px; color:#898989;}
.puts02 {border:1px solid #cdcdcd; padding:6px; font-size:12px; color:#898989; background-color:#ececec; width:670px;}
.sel {padding:6px; color:#898989; border:1px solid #c2c2c2;}
.sel02 {padding:6px; color:#b8b8b8; background-color:#707070; border:1px solid #aaaaaa;}
.textarea {border:1px solid #c2c2c2; padding:6px; font-size:12px; color:#898989;}
.textarea02 {border:1px solid #cdcdcd; padding:6px; font-size:12px; color:#898989; background-color:#ececec; width:670px;}
.title3 {float:left; font-size:19px;}
.title3_1 {font-size:19px;}
.title04 {font-size:15px; font-weight:bold; border-top:1px solid #d7d7d7; padding:35px 0 10px 0;}
.title05 {font-size:15px; font-weight:bold; padding:0px 0 10px 0; letter-spacing:-1px;}
.title06 {font-size:17px; color:#0000ff; font-weight:bold; padding:0px 0 10px 0; letter-spacing:-0.5px;}
.news {font-size:11px; color:#448ccb; line-height:20px; letter-spacing:-1px;}
.warn {font-size:11px; color:#448ccb; line-height:25px; letter-spacing:-1px;}
.warn02 {position:absolute; top:5px; right:0; font-size:11px; color:#959595; letter-spacing:-1px;}
.warn03 {position:absolute; top:5px; right:0; font-size:11px; color:#448ccb; letter-spacing:-1px;}
.red {color:#e72e35; font-weight:bold;}
.token {font-size:12px;}
.green {color:#00a651;}
.sky {color:#448ccb;}
.blue {color:#0054a6;}
.red02 {color:#ff0000;}
.center {text-align:center;}
.gray {color:#959595; font-size:12px; letter-spacing:-1px;}

.container {width:900px; margin:0 auto; position:relative;}
.pagnav {position:absolute; top:-25px; right:0;}
.pagnav a {font-size:11px; color:#707070;}
.pagnav strong {font-size:11px; color:#707070; font-weight:normal;}
.section {margin-top:30px;}
.container section.first {margin-top:0;}

.con_head {padding-top:40px;}

/* info */
.info {overflow:hidden;}
.w450 {float:left; width:450px;}
.w450 .sen {font-size:13px; padding-top:26px; line-height:26px;}
.w450 .btn_qrd {border:1px solid #cc426f; background:url(../images/btn_qrd.gif) repeat-x 0 0; color:#fff;}
.w450 .btn_qrd:hover {color:#ffff00;}
.w450 .btn_qrs {border:1px solid #959595; background:url(../images/btn_qrs.gif) repeat-x 0 0;}
.w450 .btn_qrs:hover {color:#448ccb;}

.w420 {float:right; width:420px;}
.w420 .qrms {background-color:#003471; height:50px; font-size:12px; color:#ccd6e3; position:relative;}
.w420 .qrms .spl {position:absolute; top:22px; left:160px;}
.w420 .box {overflow:hidden; background:url(../images/img01.gif) #5684b9 no-repeat right bottom;}
.w420 .box .box_img {float:left; line-height:0; font-size:0;}
.w420 .box .box_p {font-size:12px; color:#eef3f8; margin-top:25px; line-height:16px; margin-bottom:18px;}
.w420 .box .bnt_qrms {background:url(../images/btn_qrms.gif) repeat-x 0 0;}
.w420 .box .guest {font-size:11px; color:#fff799; margin-top:5px;}
.w420 .box .btn_view {font-size:11px; color:#e6ebf1; margin-top:8px; width:170px; height:25px; background-color:#003471; text-align:center; display:inline-block; line-height:24px;}

/* create */
.create .tab {overflow:hidden;}
.create .tab ul {float:right;}
.create .tab li {float:left; width:100px;}
.create .tab li a {font-size:12px; height:25px; border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; display:block; text-align:center; padding-top:6px;}
.create .tab li a.last {border-right:1px solid #c2c2c2;}
.create .tab li.active a,
.create .tab a:hover {border-bottom:1px solid #e3f1fe; background-color:#e3f1fe;}
.create .con {overflow:hidden; line-height:0; font-size:0; background-color:#e3f1fe; border-left:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; border-right:1px solid #c2c2c2; height:368px;}
.create .con .thumb {float:left; width:250px; border-top:1px solid #c2c2c2; padding:20px 30px 0 20px; text-align:center;}
.create .con .thumb .qr_thumb .qr_tb {text-align:center; vertical-align:middle; border:1px solid #ccc; background-color:#fff;}
.create .con .thumb .qr_thumb .qr_tb table {width:100%;}
.create .con .thumb .qr_thumb .qr_tb td {text-align:center; vertical-align:middle; height:248px;}
.create .con .thumb .btn_down {background-color:#000; font-size:15px; color:#fff; font-weight:bold; display:inline-block; height:40px; width:250px; text-align:center; line-height:40px;}

/* ent */
.ent .tab {overflow:hidden; position:relative;}

/* guide */
.guide {overflow:hidden;}
.w540 {float:left; width:540px;}
.w540 .box02 {overflow:hidden; background:url(../images/img04.gif) #fff6e5 no-repeat right top; border:1px solid #cccccc; margin-top:10px;}
.w540 .box02 .box_img02 {float:left;}
.w540 .box02 .box_con {float:left; margin-left:17px;}
.w540 .box02 .box_con .title4 {margin-top:39px;}
.w540 .box02 .box_con .box_p02 {margin-top:13px; font-size:12px; color:#58595b; line-height:24px;}

.w340 {float:right; width:340px;}
.w340 .movie {margin-top:10px; line-height:0; font-size:0;}

/* pofol */
.pofol .tab {overflow:hidden; position:relative;}

/* table */
.table01  {float:left; padding-top:15px;}
.table01 .tb table {width:100%;}
.table01 .tb th,
.table01 .tb td {padding:4px 10px 4px 0;}
.table01 .tb th {font-size:12px; color:#448ccb; font-weight:normal; text-align:left; line-height:18px;}
.table01 .tb td input {width:450px;}
.table01 .tb .btn_crt {border:1px solid #5098d9; background:url(../images/btn_crt.gif) repeat-x 0 0; display:inline-block; text-align:center; height:28px; line-height:29px; font-size:12px; color:#fff; margin-left:8px;}
.table01 .tb textarea {width:450px;}

.table02 {margin-top:10px;}
.table02 .tb02 table {width:100%; border:1px solid #d7d7d7;}
.table02 .tb02 td {border-left:1px solid #d7d7d7; text-align:center; color:#000;}
.table02 .tb02 td.first {border-left:none;}
.table02 .tb02 td img {width:140px; height:70px; vertical-align:middle; padding:19px;}
.table02 .tb02 .gray {background-color:#ececec;}
.table02 .tb02 .gray td {padding:10px 0; font-size:12px;}

.table03 {margin-top:10px;}
.table03 .tb03 table {width:100%; border:1px solid #d7d7d7;}
.table03 .tb03 td {text-align:center; width:225px; height:225px; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.table03 .tb03 td.line {border-left:none;}
.table03 .tb03 td.bline {border-bottom:none;}

.table04 table {width:100%;}
.table04 th,
.table04 td {padding:6px 0; font-size:12px;}
.table04 th {font-weight:normal;}
.table04 td {padding-left:20px; vertical-align:middle;}
.table04 td label {padding:0 8px 0 4px;}

footer {background-color:#636363; height:145px; margin-top:50px;}
.fdiv {width:900px; margin:0 auto; padding-top:30px; overflow:hidden;}
.fdiv .flogo {float:left;}
.fdiv .finfo {float:left; font-size:11px; color:#c1c1c1; margin-left:45px; line-height:16px;}
.fdiv .finfo address {font-style:normal;}
.fdiv .fsel {float:right; width:200px;}

/* contents */
.contents {padding-top:35px;}
.contents .cont {font-size:12px; line-height:24px; letter-spacing:0px;}
.contents .cbox {overflow:hidden; border:1px solid #d7d7d7; background-color:#ececec;}
.contents .cbox dt {float:left; line-height:0; font-size:0;}
.contents .cbox dd {padding:22px 0 16px 0; font-size:11px; color:#7d7d7d; line-height:20px; vertical-align:middle;}
.contents li {font-size:12px; line-height:26px;}
.contents .btn_snd {border:1px solid #959595; background:url(../images/btn_snd.gif) repeat-x 0 0; color:#fff;}
.contents .btn_qrs {border:1px solid #959595; background:url(../images/btn_qrs.gif) repeat-x 0 0;}

.middle {position:relative; overflow:hidden;}
.middle .sbanner {position:absolute; top:0; right:0; border:5px solid #d7d7d7;}
.middle .sbanner li {float:left; background:url(../images/line.gif) no-repeat 0 50%; padding-left:1px; line-height:0; font-size:0;}
.middle .sbanner li.first {background-image:none;}

.contents .qr_ds li {line-height:0; font-size:0;}
.contents .bc_qr img {border:1px solid #cccccc;}
.contents .tab {overflow:hidden; position:relative;}

.none{display:none}

/* 20130321 추가 */
.title04 {font-size:15px; font-weight:bold; border-top:1px solid #d7d7d7; padding:35px 0 10px 0;}
.big {font-size:30px; font-weight:bold; color:#ff0000; letter-spacing:-1px;}
.mgt10 {margin-top:10px;}

.table05 .tb05 table {width:100%; border:1px solid #d7d7d7;}
.table05 .tb05 td {text-align:center; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.table05 .tb05 td.line {border-left:none;}
.table05 .tb05 td.bline {border-bottom:none;}

.middle .sbanner02 {position:absolute; top:0; right:0; border:5px solid #d7d7d7; height:55px;}
.middle .sbanner02 li {float:left; background:url(../images/line.gif) no-repeat 0 50%; padding-left:1px; line-height:0; font-size:0;}
.middle .sbanner02 li a {font-size:19px; font-weight:bold; color:#f26c4f; display:block; width:145px; text-align:center; height:55px; line-height:55px;}
.middle .sbanner02 li.first {background-image:none;}

.func {overflow:hidden;}
.func img {float:left;}
.func dl {text-align:left; padding-top:20px;}
.func dt {font-size:13px; font-weight:bold; letter-spacing:-1px;}
.func dd {font-size:12px; padding-top:3px; letter-spacing:-1px;}

.table06 .tb06 table {width:100%; border:1px solid #d7d7d7;}
.table06 .tb06 th,
.table06 .tb06 td {padding:10px 0;}
.table06 .tb06 th {border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; font-weight:normal; background-color:#ececec;}
.table06 .tb06 th.line {border-left:none;}
.table06 .tb06 td {text-align:center; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.table06 .tb06 td.line {border-left:none;}
.table06 .tb06 td.bline {border-bottom:none;}
.table06 .tb06 th.bold {font-weight:bold;}
.table06 .tb06 td.left {text-align:left; padding-left:20px;}
.table06 .tb06 .apple {color:#ff0000;}


.table07 .tb07 table {border:1px solid #d7d7d7;padding:15px}
.table07 .tb07 td {text-align:left;}

.table08 .tb08 table {background-color:#e3f1fe;border:1px solid #d7d7d7;padding:12px}
.table08 .tb08 td {text-align:left;}