@charset "euc-kr";

form {max-width: 900px;margin: auto;}
p.item b {color: #355a94;font-size: 18px;}
article > nav > ul > li {padding: 10px 20px;}
tr.col ~ tr:hover {background: #fbeccc;}

/* ÅÇ ½ÃÀÛ */

[id^="tab"] {display: none;}
[id^="tab"].on {display: block;}

[id^="tab"] .con_box {display: inline-block;margin: 20px;vertical-align: middle;}

ul.step {display: inline-block;padding-left:30px;vertical-align: middle;}
ul.step li{position:relative;padding: 15px 60px 20px;font-size: 15px;text-align: left;min-height: 71px;}
ul.step li:before {content: '1';font-size: 35px;padding: 5px 10px;color:#fff;position: absolute;display: inline-block;background: url('/img/sub/step.png');top: 0;left: 0;width: 45px;height: 55px;line-height: 1.2;}
ul.step li:first-child+li:before {content: '2';background-position: 0 -55px;}
ul.step li:first-child+li+li:before {content: '3';background-position: 0 -110px;}
ul.step li:first-child+li+li+li:before {content: '4';background-position: 0 -165px;}
ul.step li:first-child+li+li+li+li:before {content: '5';background-position: 0 -220px;}
ul.step li:first-child+li+li+li+li+li:before {content: '6';}

ul.box li {display: inline-block;margin: 0 20px 50px;border-bottom: 1px solid #a2c8de;padding: 0 10px 10px;}
ul.box li img {display: block;max-width: 300px;margin: 0 10px 10px;}

[id^="tab"] h1, body.sub.buy_req h1, body.sub.picup_req h1, body.sub.chk h1{border-top: 2px solid #355a94;font-size: 20px;line-height: 60px;background: #efefef;color: #333;margin: 20px 0 50px !important;text-align: center;border-bottom: 1px solid #ccc;}
[id^="tab"] h2, body.guide h2 {line-height: 42px;font-size: 19px;font-weight: bold;border-bottom: 1px solid #5b5b5b;margin: 50px 0 43px;padding: 0px 6px;color: #333;}
body.guide h2{
    font-size: 16px;
}
.category ~ [id^="tab"] > h1:first-child{margin-top: 0 !important;}

/* ÅÇ ³¡ */

/* °Ô½ÃÆÇ ½ÃÀÛ */

ul.board.wrap {max-width: 1000px;border-top: 2px solid #355a94;}
ul.board > li {border-bottom: 1px solid #ccc;}
ul.board > li.col {text-align:center;line-height:30px;background: #ececec;}
ul.board > li.col span {text-align:center;}
ul.board > li > a {display: block;padding:15px 0;}
ul.board > li > a:hover {background: #fbeccc;}
ul.board > li span.num {width:80px;display: inline-block;text-align:center;}
ul.board > li span.category {width:120px;display: inline-block;text-align: center;}
ul.board > li span.date {width: 130px;display: inline-block;text-align:center}

ul.category {max-width: 1000px;margin: auto;text-align: center;}
ul.category li {display: inline-block;border: 1px solid #ddd;margin: 0 1px -1px;}
ul.category li.on {background: #355a94;border: 0;color: #fff;}
ul.category a {padding: 10px;min-width: 200px;display: block;}

form > h1 {background: #ececec;padding: 20px 10px;border-top: 2px solid #355a94;border-bottom: 1px solid #ccc;font-size: 15px;}
form > .content {margin-bottom: 30px;padding: 20px 10px;line-height: 1.4;border-bottom: 1px solid #ccc;}

/* °Ô½ÃÆÇ ³¡ */

/* ÆäÀÌ¡ ½ÃÀÛ */

ul.paging a{display:block;width:100%;height:100%;}
ul.paging > .first{background-position:-38px -37px;right: -2px;}
ul.paging > .pre{background-position:-74px -37px;right: -2px;z-index:1;}
ul.paging > .next{background-position:72px -37px;left: -2px;}
ul.paging > .last{background-position:36px -37px;left: -2px;}
ul.paging > .pre:active{margin-left:-1px;padding-left:1px;width:37px;background-position-x:-73px;}
ul.paging > .next:active{margin-right:-1px;padding-right:1px;width:37px;background-position-x:72px;}
ul.paging > .pg:active,ul.paging > .act:active{background-position-y:bottom;z-index:2;}
ul.paging > .act{cursor:pointer !important;background-position-y:0;}
ul.paging{margin: 10px;text-align: center;}
ul.paging > li{position: relative;cursor:default;text-align:center;width: 36px;height:36px;line-height: 36px;display:inline-block;vertical-align: middle;font-size: 12px;background: url('/img/paging.gif');}
ul.paging > .pg:hover{color:#000;cursor:pointer;}
ul.paging > .pg:active{margin-left:-1px;padding-left:1px;width:37px;}
ul.paging > .current{color: #355a94 !important;cursor:default !important;text-decoration:none !important;background-position: 0 -36px !important;margin-left:-1px !important;padding-left:0 !important;width: 38px !important;height:39px;line-height: 38px;z-index:3;font-weight: bold;top: -0.5px;margin-right:-1px;}

/* ÆäÀÌ¡ ³¡ */


/* ÆäÀÌÁöº° ½ºÅ¸ÀÏ */

body.sub.guide .box{padding: 20px;background: #f5f5f5;color: #666;width: 520px;margin: auto;}
body.sub.guide .box p:before {content: '';position: absolute;left: 0;top: 5px;background: url(/img/i.png) no-repeat;width: 5px;height: 5px;}
body.sub.guide .box p{position: relative;padding-left: 15px;margin: 20px 0;}
body.sub.guide [id^="tab"] h1 {font-size: 18px;color: #355a94;border: 1px solid #ccc;background: #fff;padding: 5px 10px !important;margin: 30px auto !important;max-width: none !important;line-height: 1.4;border-radius: 15px;width: 150px;}
body.sub.guide table {max-width: 900px !important;margin: auto !important;line-height: 25px;text-align: center;font-weight: bold;border: 1px solid #355a94;border-width: 2px 1px 1px;}
body.sub.guide [id^="tab"].on ~ * {max-width: 900px !important;margin: 20px auto !important;}
body.sub.guide th {background: #efefef;padding: 20px;border-bottom: 1px solid #355a94;}

div#tab_ta.on ~ p.item > .none_chk,
div#tab_bt.on ~ p.item > .none_chk,
div#tab_mi.on ~ p.item > .none_chk,
div#tab_hk.on ~ p.item > .none_chk
	{display: none;}

body.sub.buy [id^="tab"] h2 ~ span {width: 50%;float: left;padding: 10px;}
body.sub.buy [id^="tab"] h2 ~ span .box {position: relative;padding: 20px 10px 10px;letter-spacing: -0.5px;background: #f5f5f5;color: #666;min-height: 220px;line-height: 25px;}
body.sub.buy [id^="tab"] h2 ~ span > .box b.acc{color: #dd8649;font-size: 17px;display: block;margin-bottom: 12px;}
body.sub.buy [id^="tab"] h2 ~ span > .box p{position: relative;padding-left: 15px;margin: 20px 0;}
body.sub.buy [id^="tab"] h2 ~ span > .box p:before {content: '';position: absolute;left: 0;top: 5px;background: url(/img/i.png) no-repeat;width: 5px;height: 5px;}

body.sub.company > section.wrap{text-align: center;}
body.sub.company > section.wrap > div {position: relative;max-width: 690px;padding: 70px 20px 30px 10px;display: inline-block;font-size: 15px;text-align: left;}
body.sub.company > section.wrap > img {vertical-align: bottom;margin-bottom: 30px;}
body.sub.company > section.wrap > div > h1 {font-size: 20px;padding-bottom: 25px;color: #444;}
body.sub.company > section.wrap > div > h1 > span {font-size: 25px;color: #355a94;}
body.sub.company > section.wrap > div > img {margin: -9px 5px -8px;}

body.sub.picup ul.step li {line-height: 30px;padding-top: 9px;}

body.sub.volume > section.wrap input[type="text"] {width: 30%;text-align: right;padding: 5px;margin-right: 5px;border: 1px solid #ccc;}
body.sub.volume > section.wrap table td {text-align: left !important;text-align: -webkit-left !important;}
body.sub.globalpay > section.wrap table th {text-align: left !important;text-align: -webkit-left !important;}


body.sub.wm .sample{border-top: 2px solid #355a94;font-family:'NanumGothic';max-width: 1000px;margin: auto;}
body.sub.wm .sample h4{text-align:center;color:#333;font-size:25px;height:57px;line-height:55px;text-transform:uppercase;border-bottom: 1px solid #ccc;background: #ececec;}
body.sub.wm .sample dl{padding-left:7px;border-bottom: 1px solid #ccc;height: 100%;}
body.sub.wm .sample dt{line-height:18px;font-weight: bold;font-size:15px;color:#333;text-transform:uppercase;}
body.sub.wm .sample dd{line-height:21px;font-size:14px;color: #aaa;}
body.sub.wm .sample dd.tp104 {padding-top: 104px;}
body.sub.wm .sample .con_top{overflow:hidden}
body.sub.wm .sample .L_area{float:left; width:501px; border-right:1px solid #ccc; height:673px;}
body.sub.wm .sample .L_area{float:left;width: 50%;border-right:1px solid #ccc;height:673px;}
body.sub.wm .sample .con_top dd{padding-left:16px;}
body.sub.wm .sample .L_area .hidden dl{float:left; }
body.sub.wm .sample .R_area{float:left;width: 50%;height:673px;}
body.sub.wm .sample .N_1{height:185px; padding-top:5px;}
body.sub.wm .sample .N_2{height:182px; padding-top:8px;}
body.sub.wm .sample .N_3{height:132px; padding-top:8px;}
body.sub.wm .sample .N_4{height:67px;padding-top:8px;border-right:1px solid #ccc;width: 50%;}
body.sub.wm .sample .N_5{height:67px;padding-top:8px;width: 50%;}
body.sub.wm .sample .N_6{height:67px;padding-top:8px;border-right:1px solid #ccc;width: 50%;}
body.sub.wm .sample .N_7{height:67px;padding-top:8px;width: 50%;}
body.sub.wm .sample .N_8{height:72px; padding-top:7px; }
body.sub.wm .sample .N_9{height:71px; padding-top:7px; }
body.sub.wm .sample .N_10{height:105px; padding-top:7px; }
body.sub.wm .sample .N_11{height: 205px;padding-top:7px;}
body.sub.wm .sample .N_12{height: 180px;padding-top:9px;}
body.sub.wm .sample .con_center{clear:both; border-top:1px solid #ccc}
body.sub.wm .sample .con_center caption {width: 0;height: 0;font-size: 0;line-height: 0;overflow: hidden;visibility: hidden;}
body.sub.wm .sample table{width:100%;border: 0;}
body.sub.wm .sample th{line-height:18px; font-family:'Nanumex';  font-size:15px; color:#333; text-transform:uppercase; text-align:center; border-bottom:1px solid #ccc; border-left:1px solid #ccc}
body.sub.wm .sample thead th{padding:14px 0 15px}
body.sub.wm .sample tfoot th{padding:13px 0}
body.sub.wm .sample td{line-height:22px;font-size:14px;color:#555;text-align:center;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;}
body.sub.wm .sample tbody td{height:236px;}
body.sub.wm .sample td:first-child,body.sub.wm .sample th:first-child{border-left:0;width: 20%;}
body.sub.wm .sample .con_bottom{position:relative;height:111px;}
body.sub.wm .sample .con_bottom dt{position:absolute;bottom:14px;left:397px;}
body.sub.wm .sample .con_bottom dd{position:absolute;bottom:14px; right:152px; }
body.sub.wm .sample .con_bottom dl{;border-bottom: 1px solid #333;}

body.sub.ems_table table{max-width: 800px;margin:auto;font-size: 12px;}
body.sub.ems_table caption {position: relative;background: #355a94;color: #fff;text-align: center;line-height: 47px;padding: 0 10px;font-size: 14px;}
body.sub.ems_table td:first-child {text-align: center !important;padding: 2px;}
body.sub.ems_table .col ~ tr > td {text-align: right;}
body.sub.ems_table th, body.sub.ems_table td{height: 27px;}
body.sub.ems_table tr.col td {padding: 5px 2px;word-break: normal;}

body.sub.chk .i_text {display: block;max-width: 310px;width: 100%;height: 41px;line-height: 41px;text-align: left;padding: 0 20px;margin: 30px auto;border: solid 1px #dadada;}

body.sub.chk .btn {width: 310px;height: 41px;}

body.sub.buy_req table input[type="text"],
body.sub.picup_req table input[type="text"],
body.sub.req table input[type="text"],
body.sub.req table input[type="password"] {width: 100%;padding: 5px;margin-right: 5px;border: 0;}
body.sub.buy_req table th, body.sub.buy_req table td,
body.sub.picup_req table th, body.sub.picup_req table td{height: 38px;}
body.sub.buy_req table input[data-type="number"],
body.sub.picup_req table input[data-type="number"]{width: 35px;text-align: right;padding: 5px;margin: 0 5px;border: 0;border-bottom: 1px solid #ddd;}
body.sub.buy_req table textarea,
body.sub.picup_req table textarea,
body.sub.req table textarea{width: 100%;padding: 5px;margin-right: 5px;border: 0;min-height: 100px;}
body.sub.buy_req table th,
body.sub.picup_req table th,
body.sub.req table th {background: #efefef;width: 150px;}
body.sub.buy_req table select,
body.sub.picup_req table select {padding: 5px;margin-right: 5px;border: 1px solid #ddd;}

body.sub.chk label {display: inline-block;margin: auto 10px !important;}
body.sub.chk label * {vertical-align: middle;}