/* ===== PAGE TITLE ===== */
.page-title-area {padding: 114px 0 110px; background: url("../img/bg.png") no-repeat center center; background-size: cover; position: relative; z-index: 2; text-align: center;}
.page-title-area:after {position: absolute; content: ''; left: 0; width: 100%; top: 0; height: 100%; background: #000; opacity: .75; z-index: -1;}
.page-title-area h2 {font-size: 24px; color: #fff; font-weight: 600; margin-bottom: 19px;}
.page-title-area h3 {color: #fff; font-size: 16px;}
.page-title-area h3 .icon {margin: 0 9px;}
.page-title-area h3 .page-name {color: #29aae3;}

.blog-grid-page {padding-bottom: 90px;}
.blog-grid-page .single-blog {margin-bottom: 30px;}

.single-widget {-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); padding: 30px 20px; margin-bottom: 30px; border-radius: 20px; background: #6ea0c3;}
.single-widget h3 {font-size: 20px; color: #444; font-weight: 600; text-transform: capitalize; margin-bottom: 20px;}
.single-widget ul {padding: 0; margin: 0; list-style: none;}
.single-widget ul li a {font-size: 15px; font-weight: 600; text-decoration: none; color: #fff; display: block; padding: 10px 20px; transition: 0.3s all; border: 3px solid #fff; margin:5px 0; border-radius: 30px; background: none;}
.single-widget ul li a span {float: right;}
.single-widget ul li #bo_cate_on,
.single-widget ul li a:hover {border: 3px solid #375a7d; background: #fff; color: #375a7d;}
.single-widget .single-recent {margin-bottom: 20px;}
.single-widget .single-recent .part-tbl {width: 90px; height: 70px; overflow: hidden; float: left; margin-right: 10px;}
.single-widget .single-recent .part-tbl img {height: 100%;}
.single-widget .single-recent .part-text h4 {font-size: 15px; color: #333; font-weight: 600;}
.single-widget .single-recent .part-text h4 a {text-decoration: none; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.single-widget .single-recent .part-text h4 a:hover {color: #29aae3;}
.single-widget .single-recent .part-text span {font-size: 12px; color: #333; display: block; margin-top: 10px;}

@media (min-width: 992px) and (max-width: 1199px) {
	.single-widget {padding: 30px 15px;}
	.single-widget ul li a {padding: 10px;} 
}

#search-bar {-webkit-box-shadow: none; box-shadow: none; padding: 0; background: none;}
#search-bar form {width: 100%; height: 50px; position: relative;}
#search-bar form input {height: 100%; width: 100%; padding: 0 20px; outline: none; border: 3px solid #91c8dc; background: #fff; padding-right: 50px; border-radius: 30px; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);}
#search-bar form button {position: absolute; top: 0; right: 0; border: none; background: transparent; color: #333; font-size: 16px; height: 100%; width: 50px; cursor: pointer; outline: none;}

.blog-area {padding: 80px 0;}
.blog-area .section-title h2 {margin-bottom: 73px;}
.blog-area .single-blog {-webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-box-shadow: 0px 0px 15px 0px rgba(68, 68, 68, 0.2); box-shadow: 0px 0px 15px 0px rgba(68, 68, 68, 0.2); padding: 30px; border-radius: 20px;}
.blog-area .single-blog:hover {-webkit-box-shadow: 0px 0px 15px 0px rgba(68, 68, 68, 0.3); box-shadow: 0px 0px 15px 0px rgba(68, 68, 68, 0.3);}

.blog-area .single-blog img {width: 100%;}

.blog-area .single-blog .title h3 {font-size: 20px; color: #333; font-weight: 600; text-transform: capitalize; margin-bottom: 30px;}

.blog-area .single-blog .part-tbl {position: relative; overflow: hidden;}
.blog-area .single-blog .part-tbl img {width: 100%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}

@media (max-width: 575px) {
	.single-widget h3 {font-size: 16px; text-align: center;}
	.single-widget ul li a {font-size: 14px;}
	.blog-area {padding: 30px 0;}
	.blog-area .single-blog {padding: 30px 5px 10px;}
	.blog-area .single-blog .title h3 {font-size: 16px; text-align: center;}
}

/* ===== TABLE ===== */
table {width: 100%;}
#bo_v_img {width:100%; overflow:hidden; zoom:1;}
#bo_v_img:after {display:block; visibility:hidden; clear:both; content:"";}
#bo_v_img img {margin-bottom:20px; max-width:100%; margin-top: 0; border-radius: 5px;}
#bo_v_img.bo_v_img img {margin-bottom:20px; max-width:100%; margin-top: 0; border-radius: 0 !important;}

.view-de-tbl {width:100%; padding:0; margin: 5px 0; border: 2px solid #87c8dc !important; border-collapse: unset; border-radius: 8px; border-spacing: 0; color: #555; /* word-break: keep-all; */}

.view-de-com {border-radius: 5px; color: #999900;}
.view-de-com p {padding-left: 15px; font-weight: 700; font-size: 15px;}
.view-de-tbl tr td {border-bottom:1px solid #ddd; padding:10px; font-size:14px;}
.view-de-tbl tr td.border-none {border-bottom: 0;}
.view-de-tbl tr td.view-de-txt {word-break: keep-all;}
.view-de-tbl tr td.view-de-title {width: 120px;}

.view-de-tbl tr td.view-de-title h4 {width: 200px; height: 40px; background: #5591b9; border-radius: 5px; font-size: 16px; font-weight: 700; color: #fff; text-shadow: 0.5px 0.5px 1px #000; text-align: center; margin: 0 auto; line-height: 1.8; padding-top: 6px; box-shadow: 1px 1px 3px #aaa;}
.view-de-tbl tr td.view-de-title2 h4 {width: 200px; height: 40px; background: #009900; border-radius: 5px; font-size: 16px; font-weight: 700; color: #fff; text-shadow: 0.5px 0.5px 1px #000; text-align: center; margin: 0 auto; line-height: 1.8; padding-top: 6px; box-shadow: 1px 1px 3px #aaa;}
.view-de-tbl tr td.view-de-title3 h4 {width: 200px; height: 40px; background: #ff9900; border-radius: 5px; font-size: 16px; font-weight: 700; color: #fff; text-shadow: 0.5px 0.5px 1px #000; text-align: center; margin: 0 auto; line-height: 1.8; padding-top: 6px; box-shadow: 1px 1px 3px #aaa;}
.view-de-tbl tr td.view-de-title4 h4 {width: 200px; height: 40px; background: #cc99ff; border-radius: 5px; font-size: 16px; font-weight: 700; color: #fff; text-shadow: 0.5px 0.5px 1px #000; text-align: center; margin: 0 auto; line-height: 1.8; padding-top: 6px; box-shadow: 1px 1px 3px #aaa;}
.view-de-tbl tr td.view-de-title5 h4 {width: 200px; height: 40px; background: #ff6699; border-radius: 5px; font-size: 16px; font-weight: 700; color: #fff; text-shadow: 0.5px 0.5px 1px #000; text-align: center; margin: 0 auto; line-height: 1.8; padding-top: 6px; box-shadow: 1px 1px 3px #aaa;}

.view-de-tbl tr td.view-de-title h6 {font-size: 15px; font-weight: 600; text-align: center; margin-bottom: 0; line-height: 1.6;}

.view-de-tbl tr td label {margin-bottom: 0;}
.view-de-tbl tr td p {margin-bottom: 0;}
.view-de-tbl tr td.view-de-head {width:120px; background: #f0fffa; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding:10px 0; text-align:center; font-weight: 600;}
.view-de-tbl tr td.view-de-head .pay {width: 120px; height: 30px; margin: 5px; border-radius: 2px; padding-top: 4px; box-shadow: 1px 1px 2px #aaa; color: #fff; text-shadow: 0.5px 0.5px 1px #000;}

.view-de-tbl tr td.view-de-head .pay span {letter-spacing: -0.8px;}

/* ===== VIEW INFO ===== */
.view-de-tbl tr td.view-de-head .bank_logo img {width: 60px;}

.view-de-tbl tr td .view-info-txt a {text-decoration: none;}
.view-de-tbl tr td .view-info-txt p {padding-left: 25px; text-indent: -25px; word-break: keep-all; color: #555; margin: 10px 0;}
.view-de-tbl tr td .view-info-txt p span.video-info-txt1 {font-size: 16px; font-weight: 700; color: #9966cc;}
.view-de-tbl tr td .view-info-txt p span.buybook-info-txt1 {font-size: 15px; font-weight: 700; color: #9966cc;}

/* ===== PAID INFO ===== */
.view-de-tbl tr td .view-info-txt p span.paid-info-txt1 {background: #4e7dad; /* background: linear-gradient(100deg, #91c8dc, #5591b9, #4e7dad); */ border-radius: 3px; font-size: 15px; font-weight: 700; color: #fff; padding: 10px 0 0 10px; margin-right: 5px;}
.view-de-tbl tr td .view-info-txt p span.paid-info-txt2 {font-size: 15px; font-weight: 700; color: #006699;}
.view-de-tbl tr td .view-info-txt .paid-txt {padding-left: 40px; font-size: 14px; font-weight: 600; color: #555;}

.view-de-tbl tr td .view-info-txt p span.paid-info2-txt1 {background: #666600; /* background: linear-gradient(100deg, #66cc66, #336600, #006633); */ border-radius: 3px; font-size: 14px; font-weight: 700; color: #fff; margin-right: 10px; width: 120px; height: 30px; display: inline-block; text-align: center; text-indent: 0; padding-top: 3px;}
.view-de-tbl tr td .view-info-txt p span.paid-info2-txt2 {font-size: 14px; font-weight: 700; color: #006699;}
.view-de-tbl tr td .view-info-txt .paid-txt {padding-left: 36px; font-size: 14px; font-weight: 600; color: #555;}

.view-de-tbl tr td .view-info-txt p span.paid-info2-txt2 input {}
.view-de-tbl tr td .view-info-txt p span.paid-info2-txt2 label {}
.view-de-tbl input[type=radio] {accent-color: #6666cc;}

.view-de-tbl tr td .view-info-txt p {position: relative;}
.view-de-tbl tr td .view-info-txt p span.paid-info2-txt3 {position: absolute; top: 4px; left: 95px; padding: 0 7px 0 15px; border-radius: 12px; background: #ff9900; color: #fff; font-weight: 600; text-align: right; line-height: 1.6;}

.view-de-tbl tr td .view-info-txt p span.paid-info3-txt1 {padding: 1px 3px 2px 7px; border-radius: 10px; background: #ff9900; color: #fff; text-align: center; margin-right: 5px;}

.view-info-txt .paid-info4-txt1 {font-weight: 600;}

.view-de-bank1 {width: 20%;}
.view-de-bank2 {width: 60%;}
.view-de-bank2 .bank_num {word-break: keep-all;}
.view-de-bank3 {width: 20%; text-align: center;}

.paid-info-btn {width: 200px; height: 40px; background: #006600; border-radius: 3px; text-align: center; margin: 20px auto 10px; padding-top: 8px; font-size: 16px; font-weight: 600; color: #fff; transition: 0.3s all;}
.paid-info-btn:hover {background: #004600;}
 
.paid-ab {position: relative;}
.paid-info2-radio1 {position: absolute; top: 75px; left: 140px;}
.paid-info2-radio2 {position: absolute; top: 125px; left: 140px;}


/* ===== MY SISULJOB INFO ===== */
.view-de-tbl tr td.view-de-head2 {width:120px; background: #f0fffa; border-right: 1px solid #ddd; padding:10px 0; text-align:center; font-weight: 600;}


.view-de-tbl tr td.view-de-head2.commu {width: 150px;}


/* ===== Responsive ===== */
@media (max-width: 767px) {
	.view-de-bank1 {width: 22% !important}
	.view-de-bank2 {width: 48%;}
	.view-de-bank3 {width: 30%; text-align: center;}
}

@media (max-width: 575px) {
	.view-de-img-mobile {display:block;}
	.view-de-tbl tr td {padding: 10px 5px;}
	.view-de-tbl tr td.view-de-head {width:80px;}
	.view-de-tbl tr td.view-de-head .pay {width: 96px;}
	.view-de-tbl tr td.view-de-title {width: 82px; padding: 10px 0;}
	.view-de-tbl tr td.view-de-title h4 {font-size: 14px; padding-top: 7px;}
	.view-de-tbl tr td.view-de-title2 h4 {font-size: 14px; padding-top: 7px;}
	.view-de-tbl tr td.view-de-title3 h4 {font-size: 14px; padding-top: 7px;}
	.view-de-tbl tr td.view-de-title h6 {font-size: 14px;}
	.view-de-tbl tr td.view-de-txt p {font-size: 13px;}
	.view-de-tbl tr td span {font-size: 13px !important;}
	.view-de-tbl tr td .view-info-txt p span.paid-info-txt1 {font-size: 15px !important;}
	.view-de-tbl tr td .view-info-txt p span.paid-info-txt2 {font-size: 14px !important;}
	.view-de-tbl tr td .view-info-txt p span.buybook-info-txt1 {font-size: 14px;}
	.view-de-tbl tr td .view-info-txt {padding: 0 10px;}
	.view-de-tbl tr td .view-info-txt p.paid-radio1 {margin-bottom: 60px;}
	.view-de-tbl tr td .view-info-txt p.paid-radio2 {margin-bottom: 40px;}
	.paid-info2-radio1 {top: 115px; left: 10px;}
	.paid-info2-radio2 {top: 210px; left: 10px;}
}	


.sod_frm_order_num {display: inline-block; width: 25px; height:25px; border-radius: 15px; background: #ff9900; color: #fff; text-align: center; margin-left: 10px; margin-bottom: 5px;}

/*PC ÁÖ¹®¼­*/
section#sod_frm_orderer {padding: 20px 0 0;}
#sod_frm_orderer label {font-size: 14px;}
#sod_frm_orderer input {font-size: 14px;}
.sod_left {border: 2px solid #87c8dc; border-radius: 8px; padding: 20px 20px 0;}

#sod_frm_orderer h2 {font-size: 22px; color: #555; font-weight: 700;}

#sod_frm .tbl_head03 {padding: 10px 20px; background:none; border: 2px solid #87c8dc; border-radius: 8px; margin:0 0 10px;}
#sod_frm .tbl_head03 table {border-bottom:1px solid #d3d3d3}
#sod_frm .tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
#sod_frm .tbl_head03 thead th {padding:12px 0;border-top:2px solid #555;border-bottom:1px solid #d3d3d3;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
#sod_frm .tbl_head03 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
#sod_frm .tbl_head03 td {padding:15px 5px; border-top:1px solid #f3f3f3; border-left:1px solid #f3f3f3; background:#fff; line-height:1.5; word-break:break-all;}

#sod_list {font-size: 14px;}

/* ¶óµð¿À ¹öÆ° µðÀÚÀÎ */
#sod_list .td_num input[type='radio'] {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 18px !important; height: 18px !important; border: 2px solid #ccc; border-radius: 50%; outline: none; cursor: pointer; vertical-align: middle;}
#sod_list .td_num input[type='radio']:checked {background-color: #22d3ee; border: 3px solid white; box-shadow: 0 0 0 1.6px #22d3ee;}

#m_sod_frm_paysel input[type='radio'] {-webkit-appearance: none; -moz-appearance: none; appearance: none !important; width: 18px !important; height: 18px !important; border: 2px solid #ccc; border-radius: 50% !important; outline: none; cursor: pointer; vertical-align: middle;}
#m_sod_frm_paysel input[type='radio']:checked {background-color: #22d3ee; border: 3px solid white; box-shadow: 0 0 0 1.6px #22d3ee;}

/* °áÁ¦¼ö´Ü ¼³¸í */
#sod_frm_pt_alert {margin:10px 0 10px;text-align:left;color:#fff;text-shadow: 0.5px 0.5px 1px #000;line-height: 1.6; background: #f2838f; padding: 10px 10px 10px 15px; border-radius: 5px; position:relative;}
#sod_frm_pt_alert::before {content: ""; position: absolute;top: 0;left: 0;width: 5px; height: 50px; border-radius: 5px 0 0 5px;background: #da4453;height:100%}


/* °áÁ¦¹æ¹ý */
#sod_frm div.tbl_frm01 {padding: 0 !important; color: #555; margin-top: 10px;}
#sod_frm .tbl_frm01 th, 
#sod_frm .tbl_frm01 td {padding: 0; line-height:45px;}
#sod_frm .tbl_frm01 th {width:94px;}

#od_pay_sl h3 {font-size: 22px; color: #555; font-weight: 600; margin:20px 0 5px;}
#od_pay_sl input[type="radio"] {position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; text-indent:-999px; left: 0; z-index: -1;}
#od_pay_sl .lb_icon {display: inline-block; float:left; width:33.33333%; background:#fff; border:1px solid #eceff4; margin:-1px 0 0 -1px; cursor: pointer; height:60px; position:relative; padding-left:65px; padding-top:17px; z-index:1;}

section#sod_frm_pay {padding: 0;}

#od_pay_sl input[type="radio"]:checked+.lb_icon {border:2px solid #ff82b4; z-index:3;}
#sod_frm_paysel legend {position:absolute; font-size:0; line-height:0; overflow:hidden;}
#sod_frm_paysel .bank_icon {background:url('../img/pay_icon1.png') no-repeat 15px 50% #fff;}
#sod_frm_paysel .hp_icon {background:url('../img/pay_icon3.png') no-repeat 24px 50% #fff;}
#sod_frm_paysel .card_icon {background:url('../img/pay_icon4.png') no-repeat 17px 50% #fff;}

#forderform .od_pay_buttons_el {margin-top:10px; border:2px solid #87c8dc; background:#fff; padding:20px; border-radius: 8px;}
#forderform .od_pay_buttons_el h2 {font-size: 22px; color: #555; font-weight: 700; margin:0 0 5px;}
#forderform #sod_frm_pt {margin: 10px 0;}


#sod_frm_orderer #sod_frm_pt label {margin-bottom: 1rem;}

@media (max-width: 575px) {
	#sod_frm_orderer h2 {font-size: 18px;}
	#od_pay_sl h3 {font-size: 18px;}
	#od_pay_sl .lb_icon {width:100%; font-size: 14px;}
	#sod_frm_pt_alert {font-size: 14px;}
}