@charset "utf-8";
/* CSS Document */

.fl_box {overflow:hidden;}
.fl_l {float:left}
.fl_r {float:right}
.txt_r {text-align:right !important}
.txt_l {text-align:left !important}
.txt_c {text-align:center !important}
.fs_16 {font-size:16px !important}
.fs_18 {font-size:18px !important}
.fs_20 {font-size:20px !important}
.fs_22 {font-size:22px !important}
.fs_24 {font-size:24px !important}
.fs_28 {font-size:28px !important}
.fc_red {color:#ff4400 !important;}
.w1000 {width:1000px; margin:0px auto; box-sizing:border-box}
.w10p {width:10%; box-sizing:border-box}
.w15p {width:15%; box-sizing:border-box}
.w20p {width:20%; box-sizing:border-box}
.w25p {width:25%; box-sizing:border-box}
.w30p {width:30%; box-sizing:border-box}
.w35p {width:35%; box-sizing:border-box}
.w40p {width:40%; box-sizing:border-box}
.w45p {width:45%; box-sizing:border-box}
.w50p {width:50%; box-sizing:border-box}
.w55p {width:55%; box-sizing:border-box}
.w60p {width:60%; box-sizing:border-box}
.w65p {width:65%; box-sizing:border-box}
.w70p {width:70%; box-sizing:border-box}
.w75p {width:75%; box-sizing:border-box}
.w80p {width:80%; box-sizing:border-box}
.w85p {width:85%; box-sizing:border-box}
.w90p {width:90%; box-sizing:border-box}
.w95p {width:95%; box-sizing:border-box}
.w100p {width:100% !important;}
.pd05 {padding:5px 5px !important}
.pd10 {padding:10px 10px !important}
.pd20 {padding:20px 20px !important}
.pl_10 {padding-left:10px !important}
.pl_20 {padding-left:20px !important}
.pl_30 {padding-left:30px !important}
.pr_10 {padding-right:10px !important}
.pr_20 {padding-right:20px !important}
.pr_20 {padding-right:30px !important}
.pt_10 {padding-top:10px !important}
.pt_20 {padding-top:20px !important}
.pt_30 {padding-top:30px !important}
.pb_10 {padding-bottom:10px !important}
.pb_20 {padding-bottom:20px !important}
.pb_30 {padding-bottom:30px !important}
.mt20 {margin-top:20px !important;}
.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.line_top {border-top:1px solid #ddd !important}
.line_none {border:0px !important}

/*table style */
input[type=text] {border:1px solid #dadada; padding:0px 5px; margin:0px; line-height:28px; height:28px; font-size:12px; color:#565656; box-sizing:border-box}
input[type=Password] {border:1px solid #dadada; padding:0px 5px; margin:0px; line-height:28px; height:28px; font-size:12px; color:#565656; box-sizing:border-box}
select {border:1px solid #dadada; padding:0px; margin:0px; line-height:28px; height:28px; font-size:12px; color:#565656; box-sizing:border-box}
textarea {border:1px solid #dadada; width:100%; padding:5px; margin:0px; font-size:12px; color:#535353; box-sizing:border-box; resize:none}
input[type=button] {border:1px solid #000000; border-radius:2px; background:#353535; font-size:12px; color:#ffffff; margin:0px; padding:0px 10px; line-height:28px; height:28px; vertical-align:middle; cursor:pointer; box-sizing:border-box;}
button {border:1px solid #000000; border-radius:2px; background:#353535; font-size:12px; color:#ffffff; margin:0px; padding:0px 10px; line-height:28px; height:28px; vertical-align:top; cursor:pointer; box-sizing:border-box;}
a.btn {display:inline-block; border:1px solid #000000; border-radius:2px; background:#353535; font-size:12px; color:#ffffff; margin:0px; padding:0px 10px; line-height:28px; height:28px; vertical-align:middle; cursor:pointer}

.table_skin_01 {border-top:1px solid #6e727b}
.table_skin_01 thead th {padding:8px 5px; background-color:#7c8395; border-top:1px solid #656c7f; border-bottom:1px solid #656c7f; font-size:12px; color:#ffffff; text-align:center;}
.table_skin_01 tbody th {background-color:#ffffff; padding:12px 5px; border-bottom:1px solid #dadada;  font-size:12px; color:#757575; text-align:center}
.table_skin_01 tbody td {background-color:#ffffff; padding:12px 5px; border-bottom:1px solid #dadada; border-left:1px solid #dadada;  font-size:12px; color:#757575; text-align:center}
.table_skin_01 tbody td:first-child {border-left:0px;}
.table_skin_01 tbody tr:hover {background:#f1f1f1; border:0px solid #ff4400;}
.table_skin_01 tfoot th {padding:15px 5px; background:#dadada; border-bottom:1px solid #dadada;  font-size:12px; color:#454545; text-align:center}
.table_skin_01 tfoot td {padding:15px 5px; background:#eaeaea; border-bottom:1px solid #dadada;  font-size:12px; color:#757575; text-align:center}
.table_skin_01 td p {margin-bottom:1px;}

.table_regi {border-top:1px solid #6e727b}
.table_regi th {padding:12px 10px; background:#f5f5f5; border-bottom:1px solid #dadada; text-align:left; font-size:12px; font-weight:500; color:#454545;}
.table_regi th b {font-size:11px; color:#555555; font-weight:100}
.table_regi td {background-color:#ffffff; text-align:left; padding:12px 5px; font-size:11px; color:#858585; background:#ffffff; border-bottom:1px solid #dadada; background:#ffffff;}
.table_regi td p {}

.table_regi_2 {border-top:1px solid #dadada}
.table_regi_2 th {padding:12px 10px; background:#f5f5f5; border-bottom:1px solid #dadada; text-align:left; font-size:12px; font-weight:500; color:#454545;}
.table_regi_2 th b {font-size:11px; color:#555555; font-weight:100}
.table_regi_2 td {background-color:#ffffff; text-align:left; padding:12px 5px; font-size:11px; color:#858585; background:#ffffff; border-bottom:1px solid #dadada; background:#ffffff;}
.table_regi_2 td p {}

.icon_calendar {display:inline-block; background:url(../images/icon_calendar.png) right 50% no-repeat; padding-right:28px !important}
.icon_calendar input[type=text] {width:100px; text-align:center}

.regi_box {margin-bottom:10px;}
.regi_box h3 {display:block; line-height:24px; margin-bottom:5px}
.regi_box h3 b {display:inline-block; background:url(../images/dot_07.png) 0px 50% no-repeat; padding-left:23px; font-size:16px; font-weight:500; color:#454545;}
.regi_box .box {border:0px solid #7797bb; padding:0px;}

.regi_box_2 {margin-bottom:10px; border:1px solid #757575; border-radius:5px; overflow:hidden;}
.regi_box_2 h3 {display:block; background-color:#757575; padding:5px 10px; line-height:24px;}
.regi_box_2 h3 b {display:inline-block; background:url(../images/dot_07.png) 0px 50% no-repeat; padding-left:23px; font-size:16px; font-weight:500; color:#ffffff;}
.regi_box_2 .box {border:0px solid #7797bb; padding:0px;}

.list_box {margin-bottom:10px;}
.list_box h3 {display:block; line-height:24px; margin-bottom:5px}
.list_box h3 b {display:inline-block; background:url(../images/dot_07.png) 0px 50% no-repeat; padding-left:23px; font-size:16px; font-weight:500; color:#454545;}

.list_box_2 {margin-bottom:10px; border:1px solid #757575; border-radius:5px; overflow:hidden;}
.list_box_2 h3 {display:block; background-color:#757575; padding:5px 10px; line-height:24px;}
.list_box_2 h3 b {display:inline-block; background:url(../images/dot_07.png) 0px 50% no-repeat; padding-left:23px; font-size:16px; font-weight:500; color:#ffffff;}

.page_btn {padding:20px 5px; text-align:right; overflow:hidden}
.page_btn div {text-align:left; font-size:11px;}
.page_btn a {display:inline-block; padding:0px 22px !important; margin:0px 1px; line-height:32px !important; height:32px !important; font-size:12px; color:#82510e; font-weight:500; border-radius:2px; cursor:pointer; box-sizing:border-box; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border: 1px solid #bababa;
}
.page_btn a span {display:inline-block; background-position:0px 50%; background-repeat:no-repeat; background-size:18px;}
.page_btn a:hover {background: #ffb347; box-shadow:inset 0 1px rgba(255,255,255,0.3), inset 0 20px 40px rgba(255,255,255,0.15);}
.page_btn button {padding:0px 22px !important; margin:0px 1px; line-height:32px !important; height:32px !important; font-size:12px; color:#82510e; font-weight:500; border-radius:2px; cursor:pointer; box-sizing:border-box; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border: 1px solid #bababa;
}
.page_btn button span {display:inline-block; background-position:0px 50%; background-repeat:no-repeat; background-size:18px;}
.page_btn button:hover {background: #ffb347; box-shadow:inset 0 1px rgba(255,255,255,0.3), inset 0 20px 40px rgba(255,255,255,0.15);}


.zip_code {width:100%; box-sizing:border-box;}
.zip_code .popup_wrap h2 {background:url(../images/popup_bar_bg.png) 0px 0px repeat-x; line-height:20px; height:20px; position:relative; padding:5px 10px; margin-bottom:0px; text-align:center;}
.zip_code .popup_wrap h2 b {display:block; background:url(../images/popup_t_01.png) 0px 50% no-repeat; font-size:14px; font-weight:500;}
.zip_code .popup_wrap .closeBtn {top:5px;}
.zip_code .popup_wrap .popup_cont {padding:30px 30px;}
.zip_code .search_box {display:block; padding-right:40px; overflow:hidden;}
.zip_code .search_box label {display:none;}
.zip_code .search_box input[type=text] {float:left; padding:0px 10px; margin:0px; width:100%; height:40px; line-height:40px; font-size:15px; box-sizing:border-box; border:1px solid #e5e5e5; border-right:0px;}
.zip_code .search_box button {float:right; background-color:#fafafa; background-image:url(../images/icon_search.png); background-repeat:no-repeat; background-position:50% 50%; padding:0px; margin:0px; margin-right:-40px; width:40px; height:40px; line-height:40px; text-indent:-1000em; overflow:hidden; border:1px solid #e5e5e5; box-sizing:border-box;}
.zip_code .address_list {border:1px solid #e5e5e5; border-top:0px; border-bottom:0px;}
.zip_code .address_list li {padding:0px 10px; line-height:38px; font-size:15px; color:#434343; border-bottom:1px solid #e5e5e5;}
.zip_code .address_list li span {color:#ed1a34}
.zip_code .address_list {}
.zip_code .tip {padding-top:60px;}
.zip_code .tip dt {}
.zip_code .tip dd {padding:0px 0px; margin:0px; font-size:14px; color:#707070}

/*로그인*/
.log_bg {background:url(../images/bg_04.jpg) no-repeat; background-size:cover}
.log_box {position:absolute; left:0px; top:50%; width:100%; transform:translateY(-50%); padding:0px 0px; border-top:0px solid #202020; border-bottom:0px solid #202020;}
.log_box div.inner {width:600px; margin:0px auto}
.log_box div.inner div {display:block; padding:20px 10px;  color:#333333; text-align:center}
.log_box div.inner div h1 {display:block; height:60px; font-size:30px; font-weight:600; text-align:center;}
.log_box div.inner div h1 img {max-height:100%;}
.log_box div.inner div b {font-size:28px; color:#333333; margin-bottom:10px; font-weight:600; }
.log_box div.inner div b i {font-style:normal; color:#000000; letter-spacing:-1px;}
.log_box div.inner div p {font-size:14px; font-weight:400; line-height:30px;}
.log_box div.inner ul {padding:40px 35px; padding-right:175px; background:#ffffff; position:relative; border-radius:10px; overflow:hidden; box-shadow:0px 5px 15px rgba(0,0,0,.15);}
.log_box div.inner ul li {overflow:hidden; padding-left:80px; margin:4px 0px; line-height:40px;}
.log_box div.inner ul li label {display:inline-block; float:left; width:70px; margin-left:-80px;}
.log_box div.inner ul li input {margin:0px; padding:0px 15px; background:#fafafa; border:1px solid #dadada; border-radius:3px; line-height:38px; height:38px; width:100%; font-size:14px; color:#565656; box-sizing:border-box}
.log_box div.inner ul input[type=button] {position:absolute; right:35px; top:40px; margin:0px; padding:0px; border:0px; background:url(../images/log_btn.png) no-repeat; width:112px; height:94px; font-family:Arial; font-size:14px; font-weight:bold; color:#ffffff;}
.log_box div.inner ul p {display:block; text-align:left; padding-top:10px; padding-left:80px}
.log_box div.inner ul p a {display:inline-block; padding:6px 15px; background:#cacaca; border:1px solid #bababa; border-radius:3px; font-size:11px; color:#333333;}
/*.log_box #footer p {color:#eaeaea;}
.log_box #footer p b {color:#ffffff;}
*/
.page-ath-wrap {position:absolute; left:50%; top:50%; display:inline-block; text-align:center; transform:translate(-50%,-50%); width:100%; max-width:600px; padding:40px 50px; background:#ffffff; border-radius:10px; overflow:hidden; box-shadow:0px 5px 15px rgba(0,0,0,.15); box-sizing:border-box}
.page-ath-wrap .page-ath-header {padding-bottom:10px; }
.page-ath-wrap .page-ath-heading {padding-top:10px; margin-bottom:20px; border-top:1px solid #dadada;}
.page-ath-wrap .page-ath-heading b {display:block; padding-bottom:10px; font-size:24px; font-weight:500; color:#333333;}
.page-ath-wrap .page-ath-heading span {font-size:14px; font-weight:500; color:#666666;}
.page-ath-wrap .input-item {padding:15px 15px; padding-right:120px; background-color:#fafafa; border:1px solid #dadada; border-radius:5px; overflow:hidden}
.page-ath-wrap .input-item input[type=text] {float:left; width:100%; box-sizing:border-box}
.page-ath-wrap .input-item button {float:right; margin-right:-105px;}
.page-ath-wrap .d-flex {padding:10px; }
.page-ath-wrap .login-footer {border-top:1px solid #dadada; padding-top:15px; font-size:12px; color:#757575;}

@media only screen and (max-width: 340px) {
	
}
@media only screen and (max-width:800px) {
.log_box div.inner {width:500px;}

.fl_l {float:none; width:100%; padding-left:0px !important; padding-right:0px !important;}
.fl_r {float:none; width:100%; padding-left:0px !important; padding-right:0px !important;}


}
@media only screen and (max-width:480px) {
.log_box  { padding:0px 0px; border:0px;}
.log_box h1 {display:none;}
.log_box div.inner {width:94%;}
.log_box div.inner div {padding:20px 0px; padding-left:0px; color:#ffffff; text-align:center;}
.log_box div.inner div b {margin-bottom:0px; font-size:20px;}
.log_box div.inner div p {font-size:12px; line-height:20px;}
.log_box div.inner ul {padding:20px 10px; padding-right:135px; border-radius:5px; }
.log_box div.inner ul li {padding-left:60px;}
.log_box div.inner ul li label {width:60px; margin-left:-60px;}
.log_box div.inner ul input[type=button] {right:20px; top:20px; background:url(../images/log_btn.png) -5px -5px no-repeat; width:100px; height:85px; border-radius:3px;}

}