@charset "utf-8";

html, body {background-color:#f6f6f6}

:root {
	--point: #E12D35;
	--black001: #222222;
	--grey001: #6B6B6B;
	--grey002: #A0A0A0;
	--grey003: #E7E7E7;
	--grey004: #F4F4F4;
	--grey005: #FAFAFA;
	--blue001: #4066EA;
	--point2_back: #F3F6FF;
	--point_back: #FFF3F4;
}

img {vertical-align:top}
button, label {cursor:pointer;outline:none}
a,
a:hover,
a:focus,
a:active {
	background-color: transparent;
	outline: 0;
	text-decoration:none;
}
a.txts {color:#00f;text-decoration:underline}

.clr {clear:both}
.dis {display:none}
.letter {letter-spacing:-0.1em}
.letter_normal {letter-spacing:0}
.respon {
	max-width: 100%;
	height: auto;
	width: auto\9; // ie8
}
.agn_l {text-align:left !important}
.agn_c {text-align:center !important}
.agn_r {text-align:right !important}

.f11 {font-size:11px !important}
.f08em {font-size:0.8em !important}
.f09em {font-size:0.9em !important}
.f1_1em {font-size:1.1em !important}
.f1_2em {font-size:1.2em !important}
.f1_3em {font-size:1.3em !important}
.f1_5em {font-size:1.5em !important}
.f1_7em {font-size:1.7em !important}
.f2em {font-size:2em !important}
.f2_5em {font-size:2.5em !important}
.f3em {font-size:3em !important}

.fc01 {color:#333 !important}
.fc02 {color:#999 !important}
.fc03 {color:#fff !important}
.fc04 {color:#03d !important}
.fc05 {color:#c30 !important}
.fc06 {color:#ddd !important}
.fc07 {color:#f90 !important}
.fc08 {color:#f30 !important}
.fc09 {color:#ccc !important}
.fc10 {color:#f60 !important}

.fs01 {font-weight:bold !important}
.fs02 {font-style:italic !important}
.fs03 {font-weight:normal !important}
.fs04 {text-decoration:underline !important}

.bg000 {color:#000 !important}

.divwrap05 {display:block;margin:0;padding:0;width:100%;height:5px}
.divwrap10 {display:block;margin:0;padding:0;width:100%;height:10px}
.divwrap20 {display:block;margin:0;padding:0;width:100%;height:20px}
.divwrap30 {display:block;margin:0;padding:0;width:100%;height:30px}
.divwrap35 {display:block;margin:0;padding:0;width:100%;height:35px}

.fl-left {float:left !important}
.fl-right {float:right !important}

.per05 {width:5% !important}
.per10 {width:10% !important}
.per15 {width:15% !important}
.per20 {width:20% !important}
.per25 {width:25% !important}
.per30 {width:30% !important}
.per33 {width:33% !important}
.per34 {width:34% !important}
.per35 {width:35% !important}
.per40 {width:40% !important}
.per45 {width:45% !important}
.per50 {width:50% !important}
.per55 {width:55% !important}
.per60 {width:60% !important}
.per65 {width:65% !important}
.per70 {width:70% !important}
.per80 {width:80% !important}
.per90 {width:90% !important}
.per100 {width:100% !important}

/************** Button **************/
.e-btn {
	display:inline-block;
	margin:1px;
	padding:5px 15px 7px;
	font-size:12px;
	letter-spacing:-1px;
	color:#000;
	border:1px solid #ccc;
	border-radius:2px;
	background-color:#fff;
}
.e-btn1 {
	display:inline-block;
	margin:7px;
	padding:6px 33px 8px;
	font-size:12px;
	letter-spacing:-1px;
	color:#000;
	border:1px solid #ccc;
	border-radius:2px;
	background-color:#fff;
}
.e-btn:hover,
.e-btn:focus,
.e-btn:active {background-color:#f6f6f6}

.e-btn-xs {
	padding:2px 10px 4px;
}
.e-btn-xss {
	font-size:10px;
	padding:0px 10px 2px;
}
.e-btn-lg {
	font-size:15px;
	padding:8px 20px 10px;
}
.e-btn-block {
	display:block;
	width:100%;
}

.e-btn-sty01 {color:#fff;border:1px solid #007bff;background-color:#007bff}
.e-btn-sty01:hover,
.e-btn-sty01:focus,
.e-btn-sty01:active {color:#fff;border:1px solid #0069D9;background-color:#0069D9}

.e-btn-sty02 {color:#fff;border:1px solid #6c757d;background-color:#6c757d}
.e-btn-sty02:hover,
.e-btn-sty02:focus,
.e-btn-sty02:active {color:#fff;border:1px solid #545B62;background-color:#545B62}

.e-btn-sty03 {color:#fff;border:1px solid #28a745;background-color:#28a745}
.e-btn-sty03:hover,
.e-btn-sty03:focus,
.e-btn-sty03:active {color:#fff;border:1px solid #218838;background-color:#218838}

.e-btn-sty04 {color:#fff;border:1px solid #dc3545;background-color:#dc3545}
.e-btn-sty04:hover,
.e-btn-sty04:focus,
.e-btn-sty04:active {color:#fff;border:1px solid #C82333;background-color:#C82333}

.e-btn-sty05 {color:#000;border:1px solid #ffc107;background-color:#ffc107}
.e-btn-sty05:hover,
.e-btn-sty05:focus,
.e-btn-sty05:active {color:#000;border:1px solid #E0A800;background-color:#E0A800}

.e-btn-sty06 {color:#fff;border:1px solid #17a2b8;background-color:#17a2b8}
.e-btn-sty06:hover,
.e-btn-sty06:focus,
.e-btn-sty06:active {color:#fff;border:1px solid #138496;background-color:#138496}

.e-btn-sty07 {color:#fff;border:1px solid #111;background-color:#111}
.e-btn-sty07:hover,
.e-btn-sty07:focus,
.e-btn-sty07:active {color:#fff;border:1px solid #000;background-color:#000}
/************** Button **************/

/************** Input **************/
.e-input {padding:2px 10px 4px}
/************** Input **************/

/************** Tooltip **************/
.e-tooltip {position:relative;display:inline-block;margin:0;padding:0}
.e-tooltip > a {padding:0 5px}
.e-tooltip > a > i {font-size:12px;color:#C82333}
.e-tooltip:hover > .arrow_box {visibility:visible}
.e-tooltip > .arrow_box {
	position:absolute;
	top:-17px;
	left:35px;
	visibility:hidden;
	padding:15px;
	width:auto;
	white-space:nowrap;
	color:#fff;
	font-size:1em;
	font-weight:400;
	border:3px solid #810d18;
	border-radius:5px;
	background-color:#c30;
	box-shadow:5px 5px 2px rgba(0,0,0,0.2);
}
.e-tooltip > .arrow_box:after, .e-tooltip > .arrow_box:before {
	right: 100%;
	top: 26px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.e-tooltip > .arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #c30;
	border-width: 15px;
	margin-top: -15px;
}
.e-tooltip > .arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #810d18;
	border-width: 19px;
	margin-top: -19px;
}
/************** Tooltip **************/

/************** FLAGS CSS **************/
.flags-country-item {
    padding-left:31px;
}
.flags-country-item.flags-country-item-only { padding-left: 35px; position: relative; }
.flags-country-item:before {
    content:"";
    width:16px;
    height:11px;
    background:url('/img/global_flag.png') no-repeat scroll 0 0;
    position:absolute;
    top:calc( 50% - 6px );
    left:10px;
}
.icon-country-ae,
.icon-country-ae::before {background-position:-16px 0 !important}
.icon-country-at,
.icon-country-at::before {background-position:-192px 0 !important}
.icon-country-au,
.icon-country-au::before {background-position:-208px 0 !important}
.icon-country-bd,
.icon-country-bd::before {background-position:-32px -11px !important}
.icon-country-be,
.icon-country-be::before {background-position:-48px -11px !important}
.icon-country-bh,
.icon-country-bh::before {background-position:-96px -11px !important}
.icon-country-bn,
.icon-country-bn::before {background-position:-160px -11px !important}
.icon-country-br,
.icon-country-br::before {background-position:-192px -11px !important}
.icon-country-ca,
.icon-country-ca::before {background-position:-32px -22px !important}
.icon-country-ch,
.icon-country-ch::before {background-position:-112px -22px !important}
.icon-country-cl,
.icon-country-cl::before {background-position:-160px -22px !important}
.icon-country-cn,
.icon-country-cn::before {background-position:-192px -22px !important}
.icon-country-cz,
.icon-country-cz::before {background-position:-48px -33px !important}
.icon-country-de,
.icon-country-de::before {background-position:-64px -33px !important}
.icon-country-dk,
.icon-country-dk::before {background-position:-96px -33px !important}
.icon-country-eg,
.icon-country-eg::before {background-position:-192px -33px !important}
.icon-country-es,
.icon-country-es::before {background-position:-240px -33px !important}
.icon-country-eu,
.icon-country-eu::before {background-position:-96px -154px !important}
.icon-country-fi,
.icon-country-fi::before {background-position:0 -44px !important}
.icon-country-fj,
.icon-country-fj::before {background-position:-16px -44px !important}
.icon-country-fr,
.icon-country-fr::before {background-position:-80px -44px !important}
.icon-country-gb,
.icon-country-gb::before {background-position:-112px -44px !important}
.icon-country-hk,
.icon-country-hk::before {background-position:-112px -55px !important}
.icon-country-hu,
.icon-country-hu::before {background-position:-192px -55px !important}
.icon-country-id,
.icon-country-id::before {background-position:-208px -55px !important}
.icon-country-il,
.icon-country-il::before {background-position:-240px -55px !important}
.icon-country-in,
.icon-country-in::before {background-position:-256px -55px !important}
.icon-country-it,
.icon-country-it::before {background-position:-64px -66px !important}
.icon-country-jo,
.icon-country-jo::before {background-position:-96px -66px !important}
.icon-country-jp,
.icon-country-jp::before {background-position:-112px -66px !important}
.icon-country-ke,
.icon-country-ke::before {background-position:-128px -66px !important}
.icon-country-kh,
.icon-country-kh::before {background-position:-160px -66px !important}
.icon-country-kr,
.icon-country-kr::before {background-position:-240px -66px !important}
.icon-country-kw,
.icon-country-kw::before {background-position:0 -77px !important}
.icon-country-kz,
.icon-country-kz::before {background-position:-32px -77px !important}
.icon-country-mn,
.icon-country-mn::before {background-position:-96px -88px !important}
.icon-country-mo,
.icon-country-mo::before {background-position:-112px -88px !important}
.icon-country-mx,
.icon-country-mx::before {background-position:-256px -88px !important}
.icon-country-my,
.icon-country-my::before {background-position:0 -99px !important}
.icon-country-nl,
.icon-country-nl::before {background-position:-128px -99px !important}
.icon-country-no,
.icon-country-no::before {background-position:-144px -99px !important}
.icon-country-np,
.icon-country-np::before {background-position:-160px -99px !important}
.icon-country-nz,
.icon-country-nz::before {background-position:-208px -99px !important}
.icon-country-om,
.icon-country-om::before {background-position:-224px -99px !important}
.icon-country-ph,
.icon-country-ph::before {background-position:-32px -110px !important}
.icon-country-pk,
.icon-country-pk::before {background-position:-48px -110px !important}
.icon-country-pl,
.icon-country-pl::before {background-position:-64px -110px !important}
.icon-country-qa,
.icon-country-qa::before {background-position:-192px -110px !important}
.icon-country-ru,
.icon-country-ru::before {background-position:-256px -110px !important}
.icon-country-sa,
.icon-country-sa::before {background-position:-16px -121px !important}
.icon-country-se,
.icon-country-se::before {background-position:-80px -121px !important}
.icon-country-sg,
.icon-country-sg::before {background-position:-96px -121px !important}
.icon-country-sk,
.icon-country-sk::before {background-position:-160px -121px !important}
.icon-country-th,
.icon-country-th::before {background-position:-112px -132px !important}
.icon-country-tr,
.icon-country-tr::before {background-position:-224px -132px !important}
.icon-country-tw,
.icon-country-tw::before {background-position:0 -143px !important}
.icon-country-us,
.icon-country-us::before {background-position:-96px -143px !important}
.icon-country-vn,
.icon-country-vn::before {background-position:-224px -143px !important}
.icon-country-za,
.icon-country-za::before {background-position:-48px -154px !important}
/************** FLAGS CSS **************/

/************** Input **************/
.e-btn-checkbox {position:relative;display:inline-block;margin:0;padding:0}
.e-btn-checkbox input[type='checkbox'] {display:none;margin:10px}
.e-btn-checkbox input[type='checkbox'] + label {display:block;margin:0;padding:15px 20px;text-align:center;font-size:1.2rem;color:#fff;font-weight:400;border:1px solid #ddd;border-radius:15px;background-color:#ddd}
.e-btn-checkbox input[type='checkbox']:checked + label {color:#fff;border:1px solid #0081cb;background-color:#0081cb}

.e-btn-checkbox.e-btn-checkbox-sty02 {margin-top:10px;width:100%}
.e-btn-checkbox.e-btn-checkbox-sty02 input[type='checkbox'] + label {display:block;margin:0;padding:7px 20px 10px 40px;width:100%;text-align:left;color:#c30;font-weight:900;border:1px solid #ccc;border-radius:8px;background:#fff url('/img/icon/icon_chk_b.png') no-repeat 10px 50%;background-size:2%}
.e-btn-checkbox.e-btn-checkbox-sty02 input[type='checkbox']:checked + label {color:#fff;border:1px solid #010046;background:#010046 url('/img/icon/icon_chk_w.png') no-repeat 10px 50%;background-size:2%}

.e-btn-radio {position:relative;display:inline-block;margin:0;padding:0}
.e-btn-radio input[type='radio'] {display:none;margin:10px}
.e-btn-radio input[type='radio'] + label {display:block;margin:0;padding:7px 20px 10px 34px;text-align:center;color:#333;font-weight:400;border:1px solid #ddd;border-radius:8px;background-color:#f6f6f6}
.e-btn-radio input[type='radio']:checked + label {color:#fff;border:1px solid #333;background-color:#0f53a8}

.e-btn-radio.e-btn-radio-sty01 input[type='radio'] + label {display:block;margin:0;padding:7px 20px 10px 40px;text-align:center;color:#333;font-weight:400;border:1px solid #ddd;border-radius:8px;background:#f6f6f6 url('/img/icon/icon_chk_b.png') no-repeat 10px 50%;background-size:10%}
.e-btn-radio.e-btn-radio-sty01 input[type='radio']:checked + label {color:#fff;border:1px solid #333;background:#0f53a8 url('/img/icon/icon_chk_w.png') no-repeat 10px 50%;background-size:10%}
/************** Input **************/

.ship-info-wrap {position:relative;display:block;margin:0;padding:0;xbackground-color:#ccc}
.ship-info-wrap h3 {display:block;margin:0;padding:0 0 0 30px}
.ship-info-wrap h3 small {padding-left:7px;font-weight:300}

.tbl-sty01 table {width:100%;border-top:2px solid #333;background-color:#fff}
.tbl-sty01 table th {padding:10px 2px 13px;border-bottom:1px solid #ccc;background-color:#f9f9f9}
.tbl-sty01 table td {padding:3px 3px 5px;text-align:center;border-bottom:1px solid #ccc}
.tbl-sty01 table td.no-data {padding:50px;color:#999}

/** from table **/
.tbl-sty02 {display:block;margin:0;padding:0;border-top:2px solid #333}
.tbl-sty02 table {width:100%;background-color:#fff}
.tbl-sty02 table caption {padding-bottom:3px;text-align:left;font-weight:bold}
.tbl-sty02 table th {padding:10px 2px 13px;border-bottom:1px solid #ccc;background-color:#f9f9f9}
.tbl-sty02 table td {padding:3px 3px 5px;text-align:center;border-bottom:1px solid #ccc}
.tbl-sty02 table td.no-data {padding:50px;color:#999}
.tbl-sty02 input,
.tbl-sty02 select,
.tbl-sty02 textarea {padding:3px 5px 5px}
.tbl-sty02 input:read-only { border: 1px solid #767676; background: #ececec; }

/** order table - hover **/
.tbl-sty03 table {width:100%;border-top:2px solid #333;background-color:#fff}
.tbl-sty03 table tr:hover {background-color:#f9f9f9}
.tbl-sty03 table th {padding:10px 2px 13px;border-bottom:1px solid #ccc;background-color:#f6f6f6}
.tbl-sty03 table td {padding:3px 3px 5px;color:#666;text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #eee}
.tbl-sty03 table td:last-child {border-right:1px solid #fff}
.tbl-sty03 table td.no-data {padding:50px;color:#999}

/** order table **/
.tbl-sty04 table {width:100%;border-top:2px solid #333;background-color:#fff}
.tbl-sty04 table th {padding:10px 2px 13px;border-bottom:1px solid #ccc;background-color:#f6f6f6}
.tbl-sty04 table td {padding:3px 3px 5px;color:#666;text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #eee}
.tbl-sty04 table td:last-child {border-right:1px solid #fff}
.tbl-sty04 table td.no-data {padding:50px;color:#999}

/** border none **/
.tbl-sty05 table {width:100%;border-top:none;background-color:#fff}
.tbl-sty05 table th {padding:10px 2px 13px;border-bottom:1px solid #fff;background-color:#f9f9f9}
.tbl-sty05 table td {padding:3px 3px 5px;text-align:center;border-bottom:1px solid #fff}
.tbl-sty05 table td.no-data {padding:50px;color:#999}

/** dl sty01 **/
dl.sty01 {display:block;margin:0;padding:0}
dl.sty01 dt,
dl.sty01 dd {margin-bottom:1px;padding:3px 5px;text-align:left}
dl.sty01 dt {clear:both;float:left;width:150px;background-color:#f0f0f0}
dl.sty01 dd {float:left}


/*****��ǰ�ٿ�ε�*****/
.it-down-wrap {display:block;margin:0;padding:10px;height:500px;border:1px solid #ddd;background-color:#f6f6f6}
.it-down-wrap .contents-wrap {display:block;margin:0;padding:0}
.it-down-wrap .cate-wrap .contents-wrap {padding-right:10px}
.it-down-wrap .cate-wrap h2 {display:block;margin:0;padding:0 0 5px}
.it-down-wrap .ca-list {display:block;margin:0;padding:5px;height:455px;border:1px solid #ddd;background-color:#fff;overflow-y:auto}
.it-down-wrap .ca-list li a {display:block;margin:0;padding:3px;background-color:#fff}
.it-down-wrap .ca-list li a:hover,
.it-down-wrap .ca-list li a:focus,
.it-down-wrap .ca-list li a:active {background-color:#f9f9f9}
.it-down-wrap .ca-list li.active a {color:red;background-color:#eee}
.it-down-wrap .item-wrap h2 {display:block;margin:0;padding:0 0 5px}
.it-down-wrap .item-wrap .btn-wrap {display:block;margin:0;padding:10px 0;text-align:center}
.it-down-wrap .it-list {display:block;margin:0;padding:5px;height:400px;border:1px solid #ddd;background-color:#fff;overflow-y:auto}
.it-down-wrap .it-list ul {margin:0;padding:0;list-style:none}
.it-down-wrap .it-list ul li {margin:0;padding:2px;border-bottom:1px solid #eee}
.it-down-wrap .it-list ul li:hover {background-color:#f9f9f9}
.it-down-wrap .it-list ul li.active {background-color:#fef1df}
.it-down-wrap .it-list ul li:last-child {border-bottom:none}
.it-down-wrap .it-list ul li a {display:block;margin:0;padding:0}
.it-down-wrap .it-list ul li div {display:inline-block;margin:0 10px 0 0;padding:0;height:30px;line-height:30px}
.it-down-wrap .it-list ul li div.it-cost {color:#c30;font-weight:bold}
.it-down-wrap .it-list ul li.no-data {color:#999}
.btn-wrap {display:block;margin:0;padding:20px 0;text-align:center}

.down-list,
.fm-wrap {display:block;margin:0;padding:0}

.sod_left {width:789px !important}

#gnb_1dul {margin-bottom:10px}
#gnb_qn ul {margin-top:0px}

.top_btn {position:absolute;bottom:0;right:0}

.footer-wrap-sty2 {display:block;margin:30px 0 0;padding:0 0 60px;width:100%;min-width:960px;color:#fff;background-color:#303440}
.footer-wrap-sty2 .head-sty01 {display:block;margin:0;padding:0;border-bottom:1px solid #555}
.footer-wrap-sty2 .head-sty02 {display:block;margin:0;padding:0;border-bottom:1px solid #555}
.footer-wrap-sty2 .head-sty03 {display:block;margin:0;padding:0}
.footer-wrap-sty2 .contents-wrap {display:block;margin:0 auto;padding:10px 0;width:960px}
.footer-wrap-sty2 .contents-wrap a {color:#fff}
.footer-wrap-sty2 .fl-left li {float:left}
.footer-wrap-sty2 .fl-right li {float:left}
.footer-wrap-sty2 .imgs {position:absolute;top:10px;right:0}
.footer-wrap-sty2 .head-sty01 .fl-left a {margin-right:10px;font-size:12px}
.footer-wrap-sty2 .head-sty01 .fl-right a {margin-left:10px;font-size:20px}
.footer-wrap-sty2 .head-sty02 p {line-height:160%}


/*****����������*****/
.mypage-nav-wrap {display:block;margin:0;padding:0}
.mypage-nav-wrap h3 {display:block;margin:0;padding:2px 0 4px;font-size:10px;text-align:center;color:#fff;background-color:#333}
.mypage-nav-wrap ul li {}
.mypage-nav-wrap ul li a {display:block;margin:0;padding:3px 20px 5px;color:#fff;background-color:#005b9a}
.mypage-nav-wrap ul li a:hover,
.mypage-nav-wrap ul li a:focus,
.mypage-nav-wrap ul li a:active {background-color:#106AA8}
.mypage-nav-wrap ul li.active a {background-color:#106AA8}

.tab-nav {display:block;margin:20px 0 0;padding:0}
.tab-nav .tab-nav2 {}
.tab-nav .tab-nav2 li {float:left;margin-right:-1px;border:1px solid #ccc}
.tab-nav .tab-nav2 li a {display:block;margin:0;padding:5px 20px 7px}
.tab-nav .tab-nav2 li.active {border:1px solid #ccc;border-bottom:1px solid #f9f9f9}
.tab-nav .tab-nav2 li.active a {font-weight:bold;background-color:#f9f9f9}
.tab-nav .tab-info {display:block;margin:-1px 0 0;padding:20px;text-align:left;border:1px solid #ccc;background-color:#f9f9f9}
.tab-nav .tab-info ul li {float:left;margin-right:10px}
.tab-nav .tab-info ul li.active a {font-weight:bold}

.od-sch-wrap {display:block;margin:10px 0;padding:0}
.od-sch-wrap ul li {float:left}
.od-sch-wrap ul li.txt {padding:2px 5px 4px}
.od-sch-wrap ul li input {margin-right:2px;padding:2px 10px 4px}
.od-sch-wrap ul li select {margin-right:2px;padding:2px 10px 4px}

.od-list-wrap {display:block;margin:0;padding:0}
/*.od-list-wrap ul {border-left:1px solid #eee;border-right:1px solid #eee}*/
.od-list-wrap ul li {position:relative;display:block;margin:0;padding:0;border-bottom:1px solid #eee}
.od-list-wrap ul li:last-child {border-bottom:none}
.od-list-wrap ul li .it-imgs {float:left;margin:0;padding:5px;width:60px;height:60px}
.od-list-wrap ul li .it-imgs img {border:1px solid #ddd}
.od-list-wrap ul li .it-name {display:block;margin:0 0 0 60px;padding:5px;text-align:left}

.new_win {}
.new_win h1 {font-size:1.17em;padding:15px 20px;background:#fff;border-bottom:1px solid #ddd}
.new_win h2 {margin:0 20px 10px}
.new_win_ul {margin:-20px 0 20px 0;padding:0 0 0 20px;border-bottom:1px solid #515151;background:#484848;list-style:none;zoom:1}
.new_win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win_ul li {float:left;margin-left:-1px}

.new_win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #595959;border-left:1px solid #595959;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}


.new_win_desc {margin:0 }
.new_win .anchor {margin:0 0 5px}

.new_win .win_btn {clear:both;padding:10px;text-align:center} /* ��� */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}


.new_win .local_sch, .new_win .local_cmd, .new_win .local_desc01, .new_win .local_desc02, .new_win .local_ov {margin:0px}

.new_win_con{margin: 10px; background:#fff;padding:20px}
.new_win_con .table_form table th{width:120px}

#excelfile_upload {margin:10px 0;padding:20px;border:1px solid #e9e9e9;background:#fff}
#excelfile_upload label {font-weight:bold}
#excelfile_input {margin:0 0 20px;text-align:center}
#excelfile_result {margin:0 20px 20px;border-bottom:1px solid #e9e9e9;zoom:1}
#excelfile_result:after {display:block;visibility:hidden;clear:both;content:""}
#excelfile_result dt {clear:both;float:left;padding:10px 0;width:40%;font-weight:bold}
#excelfile_result dd {float:left;margin:0;padding:10px 0;width:60%}
#excelfile_result .result_done {color:#5d910b}
#excelfile_result .result_fail {color:#ff3061}

.local_desc01 {margin:10px 0 10px ;padding:10px 20px;border:1px solid #f2f2f2;background:#f9f9f9}
.local_desc01 strong {color:#ff3061}
.local_desc01 a {text-decoration:underline}

.pay-form {display:block;margin:0;padding:20px;border:1px solid #ddd;background-color:#f6f6f6}
.pay-form h3 {font-size:1.5em}
.pay-form .contents-wrap {display:block;margin:0;padding:0 0 0 30px;border-left:1px solid #ccc;cbackground-color:#fff}
.pay-form .info-wrap {display:block;margin:0;padding:20px 0}
.pay-form .cost-info-wrap {display:block;margin:0;padding:20px 0;text-align:right;color:red;font-size:2em;font-weight:bold}

.od-pay-nav {display:block;margin:0;padding:0}
.od-pay-nav ul li {float:left;margin:0 -1px 0 0;padding:0;border:1px solid #ddd;border-bottom:none}
.od-pay-nav ul li a {display:block;margin:0;padding:8px 25px 10px;background-color:#fff}
.od-pay-nav ul li.active {border:1px solid #333;border-bottom:none}
.od-pay-nav ul li.active a {color:#fff;font-weight:bold;background-color:#333}

.sau-wrap {display:block;margin:0;padding:10px}
.sau-wrap h1 {display:block;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #ddd}
/* .sau-wrap textarea {padding:10px;width:100%;height:200px;background-color:#f6f6f6} */
.sau-wrap button {}

/********************* ��۴��� *********************/
.step-wrap {display:block;margin:20px 0 0;padding:0}
.step-wrap h3 {display:block;margin:0;padding:5px;font-size:13px;xbackground-color:#eee}
.step-wrap .step-head { padding: 5px 15px; margin-bottom: 10px; border: 1px solid #ddd; font-size: 16px; font-weight: bold; color: #717c80; background-color: #f6f6f6; }
.step-wrap .step-no { color: #0c83e3; }
.step-wrap .step-call { padding: 20px 20px 30px; margin-bottom: 10px; border: none; display: flex; justify-content: space-between; font-weight: bold; background-color: #fcef57; }
.step-wrap .step-call .desc .tip li { padding: 1px 0; }
.step-wrap .step-call .desc .tip i { font-size: 24px; vertical-align: middle; color: #f00; }
.step-wrap .step-call .btn-area { align-self: flex-end; padding-right: 10px; }
.step-wrap .step-call .btn-area li { margin-top: 8px; font-weight: bold; }
.step-wrap .step-call .btn-area button { padding : 0 10px; width: 175px; outline: none; border-radius: 4px; font-size: 16px; line-height: 36px; font-weight: bold; color: #fff; display: flex; justify-content: space-between; }
.step-wrap .step-call .btn-area button i { line-height: 36px; }
.step-wrap .step-call .btn-area button i.icon_01 { font-size: 24px; }
/* .step-wrap .step-call .btn-area button i { font-style: normal; font-weight: normal; transform: scale(1,1.6); } */
.step-wrap .step-call .btn-area button.manual { border: 1px solid #848e62; background-color: #385068; }
.step-wrap .step-call .btn-area button.call { border: 1px solid #f99031; background-color: #f54010; }
.step-wrap .step-call h3 { font-size: 20px; }
.step-wrap .step-call .h01 { color: #f5380d; }
.step-wrap .step-call .h02 { color: #005dff; }
.step-wrap .step-call .h03 { color: #000; }
.step-wrap .step-call .tip { padding-top: 6px; font-size: 14px; color: #3c3b3b; }

.agree-wrap {display:block;margin:0;padding:0;height:200px;border:1px solid #ddd;background-color:#f6f6f6;overflow-y:scroll}
.agree-wrap ol {margin:0;padding:20px 40px}
.agree-wrap ol li {margin:0 0 5px;padding:0}
.agree-chk {display:block;margin:0;padding:20px;color:#c30}

.od-split-wrap {display:block;margin:0;padding:10px}
.od-split-wrap h1 {display:block;margin:0;padding:10px;text-align:center;font-size:15px}
/********************* ��۴��� *********************/

/********************* ���â *********************/
.mw-popup{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%}
.mw-popup.open{display:block}
.mw-popup .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)}
#mw-contents-wrap {position:absolute;top:50px;left:0;width:auto;height:auto;border:1px solid #333;background-color:#fff;overflow:auto}
#mw-contents-wrap .mw-close {position:absolute;top:0;right:0;display:block;margin:0;padding:5px;color:#fff;background-color:#333}
#mw-contents-wrap .mw-close img {width:20px;height:20px}
/********************* ���â *********************/


/** ī�װ��� **/
.category {position:absolute;top:41px;left:0;background:#ffffff;padding:20px 20px 0px 20px;width:746px;display:none;border:2px solid #ea606f;border-top:0px;margin-right:10px;z-index:10000;}
.category_tm {margin-left:118px;}
.category_ab {margin-left:222px;}
.category_simple {margin-left:0px;width:956px;padding:20px 0px 0px 0px;}
.category_simple2 {margin-left:0px;width:956px;padding:20px 10px 0px 10px;}
.category .title {display:inline-block;margin:0;padding:0px 0px 0px 30px;width:172px;height:21px;line-height:21px;background:url('http://www.widebuy.co.kr/mall/img/header/green_bar_bg.png');background-repeat:no-repeat;letter-spacing:-1px;font-size:12px;color:#ffffff;}

.category_step1 {padding-left:200px;width:700px;margin-top:}
.category_step1 li {
	float:left;
	cursor:pointer;
	font-size:12px;
	color:#ffffff;
	width:130px;
	height:21px;
	line-height:21px;
	background:url('http://www.widebuy.co.kr/mall/img/header/brown_bar_bg.png');
	background-repeat:no-repeat;
	padding:0 0px 0px 30px;
	margin-right:16px;
	margin-bottom:10px;
}
.category_step1 li.selected {
	background:url('http://www.widebuy.co.kr/mall/img/header/green2_bar_bg.png');
	background-repeat:no-repeat;
}

.category_step2 {margin-top:5px;}
.category_step2 li {
	float:left;
	cursor:pointer;
	font-size:12px;
	color:#ffffff;
	width:130px;
	height:21px;
	line-height:21px;
	background:url('http://www.widebuy.co.kr/mall/img/header/green2_bar_bg.png');
	background-repeat:no-repeat;
	padding:0 0px 0px 30px;
	margin-right:16px;
	margin-bottom:10px;
	letter-spacing:-1px;

}
.category_step2 li.selected {
	background:url('http://www.widebuy.co.kr/mall/img/header/green3_bar_bg.png');
	background-repeat:no-repeat;
}

.category_step3 {margin-top:10px;}
.category_step3 table {border-top:1px solid #efefef;}
.category_step3 table th {border-bottom:1px solid #efefef;padding-top:12px;font-size:12px;font-weight:bold;color:#000000;text-align:left;}
.category_step3 table td {border-bottom:1px solid #efefef;padding:8px 4px 8px 4px;line-height:200%;}
.category_step3 table td ul li {float:left;margin-right:10px;}
.category_step3 a {color:#333 !important}

.cat2 {
	margin-top:10px;
	background:url('http://www.widebuy.co.kr/mall/img/header/cat2_bg.png');
	background-repeat:no-repeat;
	width:694px;height:76px;
	margin:10px auto;
	padding:11px 0px 0px 124px;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin: 0 0 0 5px;
  padding: 5px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

@keyframes hd_btn_bar_msg { 50% { color: #ff0000; background-color: #ffffff; } }

/* components.css { */
.scroll-none::-webkit-scrollbar {
    width: 0;  /* 스크롤바의 너비 */
    height: 0;  /* 스크롤바의 너비 */
    background-color: #fff;
}
.scroll-none::-webkit-scrollbar-thumb {
    background: #b6b6b6; /* 스크롤바의 색상 */
    border: none;
}
.scroll-thin::-webkit-scrollbar {
    width: 5px;  /* 스크롤바의 너비 */
    height: 5px;  /* 스크롤바의 너비 */
    background-color: #fff;
}
.scroll-thin::-webkit-scrollbar-thumb {
    background: #b6b6b6; /* 스크롤바의 색상 */
    border: none;
}
.line_clamp_1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.line_clamp_2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.line_clamp_3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
/* components.css } */