@import url(https://fonts.googleapis.com/css?family=Lato:400,300,100,700,900);

body{letter-spacing:-0.05em;}
.oneLineCut{overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
.secondLineCut{width:100%;height:50px;line-height:25px;overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.threeLineCut{width:100%;overflow: hidden;height:75px;line-height:25px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}

img{max-width:100%;}

.pageTitle{font-size:28px;margin-bottom:20px;font-weight:700;text-align:center;}

tr.reply{background-color:#f3f3f3;}

.adminSetting{width:45px !important;height:45px !important;display:flex;align-items:center;justify-content:center;position:absolute;bottom:5px;right:5px;font-size:25px;padding:2px 10px;background-color:steelblue;color:white;border-radius:5px;z-index:1004;}
.adminSetting:hover{background-color:seagreen;color:yellow;}

/*index title */
#mainTitle{width:100%;}
#mainTitle .swiper-slide{width:100%;}
#mainTitle .swiper-slide a{display:block;width:100%;text-align:center;}
#mainTitle .swiper-slide a  img{}

.container.mainCont{padding-top:50px;}
.mainCont .mainTitle{margin-bottom:30px;font-size:26px;font-weight:bold;color:#222;text-align:center;}

/**/
/*
.mainSwiper{margin-bottom:50px;width:100%;}
.mainSwiper .swiper{padding-bottom:40px;}
.mainSwiper swiper-slide{}
.mainSwiper .ban_item{width:100%;}
.mainSwiper .ban_item .ban_img{margin-bottom:10px;position:relative;width:100%;height:0px;padding-bottom:100%;}
.mainSwiper .ban_item .ban_img a{display:block;position:absolute;top:0px;left:0px;width:100%;height:100%; background:no-repeat center center;background-size:cover;border-radius:15px;}
.mainSwiper .ban_item .ban_name{margin-bottom:5px;font-size:19px;line-height:25px;color:black;font-weight:bold;}
.mainSwiper .ban_item .ban_basic{margin-bottom:15px;line-height:20px;font-size:15px;color:black;color:#999}

.mainSwiper .ban_item .ban_cust_price{line-height:20px;margin-bottom:0px;font-size: 15px; color: #999999;}
.mainSwiper .ban_item .ban_cust_price span{display:inline-block;text-decoration: line-through;}
.mainSwiper .ban_item .ban_price{line-height:25px;display:flex;align-items:flex-end;font-size: 20px; color: #000000;font-weight: bold;}
.mainSwiper .ban_item .ban_price .ban_dc{display:inline-block;font-size: 22px;font-weight: bold;line-height:22px;padding-left: 10px;color: #e70401;}
.mainSwiper .ban_item .ban_price .ban_dc:after{ display:inline-block;content: "%";font-size: 16px;font-weight:bold;}
*/






.mainTitle{margin-bottom:20px;font-size:23px;font-weight:500;}
.main_list{margin-bottom:40px;display:flex;flex-wrap:wrap;}
li.itemBox{width:calc(25% - 12px);margin-right:12px;margin-bottom:20px;}
li.itemBox:nth-child(4n+4){margin-right:0px;}
li.itemBox > a {display:block;width:100%;}
li.itemBox .item_img{position:relative;margin-bottom:5px;width:100%;height:0px;padding-bottom:100%;border:1px solid #ccc;}
li.itemBox .item_img > div{position:absolute;top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px);background:no-repeat center center;background-size:cover;}
li.itemBox .item_name{padding:0px 3px;font-size:18px;color:#333;}
li.itemBox .item_price{padding:0px 3px;font-size:20px;font-weight:bold;color:black;}



.itemtypeBg{width:100%;display:flex;align-items:center;justify-content:center;}
.itemtypeBg img{max-width:100%;max-height:400px;}

.itemtypeCon{padding:40px 0px;}
.itemtypeCon .shopList{}
.pageTitleBg{display:flex;align-items:center;justify-content:center;width:100%;height:130px;font-size:28px;font-weight:700;color:white;background-color:rgb(50, 122, 255)}

/* PDF List */
#pdfList .listBody{padding:40px 0px;width:100%;display:flex;justify-content:space-between;}
#pdfList .listBody .menu{width:200px;}
#pdfList .listBody .cont{width:calc(100% - 230px);}

#pdfLM{border:1px solid #ccc;border-top:0px;}
#pdfLM > li{}
#pdfLM > li a{display:flex;width:100%;padding:6px 10px;}
#pdfLM li.on > a{color:red !important;}
#pdfLM > li > a{padding:10px 10px;border-top:1px solid #ccc;background-color:#f3f3f3;font-weight:bold;}
#pdfLM > li > a{}
#pdfLM > li > ul {padding-left:10px;}
#pdfLM > li > ul > li{}
#pdfLM > li > ul > li > a{}
#pdfLM > li > ul > li > a:before{display:inline-block;content:"-";margin-right:3px;}
#pdfLM > li > ul > li > ul{padding-left:10px;}
#pdfLM > li > ul > li > ul > li{}
#pdfLM > li > ul > li > ul > li > a{}
#pdfLM > li > ul > li > ul > li > a:before{display:inline-block;content:"·";margin-right:3px;}


.pdf_list{width:100%; display:grid; grid-template-columns: repeat(3, 1fr); row-gap: 15px; column-gap: 20px; margin-bottom:30px;}

.pdf_list li .pdf_item{margin-bottom:10px;width:100%;display:flex;align-items:center;}

.pdf_list li div.image {position:relative;margin-right:10px;width:calc(100% - 70px);padding:5px;border:1px solid #ccc;}

.pdf_list li div.image:after{content:"";display:block;position:absolute;top:5%;right:-12px;width:1px;height:90%; background-color:#eee;}

.pdf_list li div.image > div{position:relative;width:100%;height:0px;padding-top:66.66%;background:no-repeat center center;background-size:cover;}
.pdf_list li div.image .no_image{position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f3f3f3;font-size:25px;color:#777;}

.pdf_list li .it_type_con {margin-bottom:10px;display:flex;align-items:center;}
.pdf_list li .it_type_con span{margin-right:3px;display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0px 5px;border-radius:3px;border:0px solid #aaa;font-size:11px;}
.pdf_list li .it_type_con span.it_type1{background-color:slateblue;color:white;}
.pdf_list li .it_type_con span.it_type2{background-color:yellowgreen;color:white;}
.pdf_list li .it_type_con span.it_type3{background-color:teal;color:white;}
.pdf_list li .it_type_con span.it_type4{background-color:steelblue;color:white;}
.pdf_list li .it_type_con span.it_type5{background-color:orangered;color:white;}

.pdf_list li .shop{width:60px;margin-left:10px;}
.pdf_list li .shop .pdf{margin-bottom:0px;}
.pdf_list li .shop .pdf img{width:90%;}
.pdf_list li .shop > div{display:flex;align-items:center;justify-content:center;height:60px;}
.pdf_list li .shop > div > a{width:100%;text-align:center;}
.pdf_list li .it_name{display:flex;flex-wrap:wrap;padding:0px 5px;margin-bottom:0px;font-size:17px;font-weight:bold; line-height:23px;}
.pdf_list li .shop > div > a.disabled{opacity:0.5;cursor:default;}

.pdf_list li .it_basic{padding:0px 5px;margin-bottom:10px;font-size:15px;color:#777; line-height:21px;}
.pdf_list li  .it_info{padding:0px 10px;display:flex;align-items:center;justify-content:center;}
.pdf_list li .it_info a{width:100px;margin:0px 3px;display:inline-flex;align-items:center;justify-content:center;height:40px;font-size:14px;border:1px solid #aaa;}

.pdf_list li .it_info a.pdfBtn{background-color:#f3f3f3;color:black;border:1px solid #aaa;}
.pdf_list li .it_info a.shopBtn{background-color:yellowgreen;color:white;border:1px solid yellowgreen;;}
.tip{margin-bottom:10px;font-size:16px;}

.pdf_list li .pdf_item .shop > div{width:100%;}
.pdf_list li .pdf_item .shop > div.pdf{margin-bottom:10px;}



/*pdf modal*/
#cpModal .modal-content{justify-content:center;background-color:transparent;}
#cpModal .modal-content .copyright{margin:0px auto;border:1px solid #ddd}
#cpModal .modal-content .copyright .btnCon{display:flex;align-items:center;justify-content:center;border:1px solid #ddd;}
#cpModal .modal-content .copyright .btnCon button, 
#cpModal .modal-content .copyright .btnCon a{display:inline-flex;align-items:center;justify-content:center;width:50%;height:40px;border:0px;background-color:white;}
#cpModal .modal-content .copyright .btnCon a{border-right:1px solid #ddd;}



.youtube_video {margin:0px auto;	width: 100%;	max-width: 890px;padding:20px 10px;}
 .video-container {	position: relative; width: 100%; height: 0px; padding-top: 56.25%; }
 .video-container iframe {z-index: 1;	top: 0;	left: 0;	position: absolute; width: 100%;	height: 100%;}



.main_media {display:flex;justify-content:space-between;}
.main_media .main_youtube{width:calc(45% - 20px);}
.main_media .main_insta{width:calc(55% - 20px);}
.main_media h2{margin-bottom:0px;display:flex;align-items:center;justify-content:space-between;}
.main_media h2 .title{font-size:18px;font-weight:bold;color:#222;}
.main_media h2 .more{font-size:14px;color:#555;}
.main_media .youtube{width:100%;}
.main_youtube .youtube_video{padding:5px 0px;}


/**/
.head_offer{width:100%;}
.head_offer > div{margin-bottom:10px;display:flex;align-items:center;}
.head_offer > div a{display:inline-flex;align-items:center;justify-content:center;padding:0px 20px;height:40px;margin-right:5px;border:1px solid #aaa;color:black;font-size:13px;}
.head_offer > div a.on, 
.head_offer > div a:hover{background-color:#333;color:white;}


.list_banner{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:20px;width:100%;overflow:hidden;}
.list_banner img{max-width:100%;object-fit: cover}
.list_banner .bTitle{position:absolute;top:50%;left:50%;transform:translate(-50% , -50%);color:white;font-weight:600;font-size:25px;}

.list_banner.empty{border:0px;height:120px;background:url("/img/title_bg01.jpg") no-repeat center center;background-size:cover;}
.list_banner.empty .bTitle{top:auto;bottom:15px;left:30px;color:white;font-family: 'Lato';transform:translate(0% , 0%);}
/*개인결제*/
#sod_fin.pesonalBox, 
#pesonalBox{width:100%;max-width:650px;margin:0px auto;}
.pesonal{padding-top:40px;border:0px;}
.pesonal h2{padding:0px 0px 20px 0px;font-weight:bold;color:black;}


.pesonal .tbl_frm01{padding:20px 0px;}
.ps_table{width:100%;margin:0px auto;border-top:1px solid black;}
.ps_table th, .ps_table td{padding:10px 10px;border-bottom:1px solid #ccc;color:black;font-size:14px;}
.ps_table th{width:120px;text-align:center;font-weight:600;background-color:#f4f4f4;}
.ps_table td.textonly{padding:12px 10px;}
.ps_table td input[type='text']{height:40px;}

#personal_pay{display:block;margin:0px;padding:0px;width:auto;border:0px;}
#sod_frm_paysel ul.pay_way{display:flex;align-items:center;flex-wrap:wrap;padding:0px;border:0px;}
#sod_frm_paysel ul.pay_way li{margin-right:20px;}
#sod_frm_paysel input[type='checkbox']{width:20px;height:20px;}
.psBtn{margin:0px auto;width:100%;}

#sod_fin_view{border:0px;}
.psBtn #display_pay_button {width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 0px 30px 0px;border:0px;}
.psBtn #display_pay_button input[type='button'],
.psBtn #display_pay_button button, 
.psBtn #display_pay_button a{display:inline-flex;align-items:center;justify-content:center;padding:0px;border:0px;width:calc(50% - 5px);font-size:14px;}
.psBtn #display_pay_button a{border:1px solid #aaa;}
#display_pay_process{}

#sod_fin_view h3{font-size:18px;font-weight:bold;}
#sod_fin.pesonalBox{padding:40px 0px 50px 0px;}

/*pdf list*/
.cateNav{width:100%;margin-bottom:20px;}
.cateNav ul{display:grid;grid-template-columns: repeat(4, 1fr); row-gap: 5px; column-gap: 5px;}
.cateNav ul li{}
.cateNav ul li a{padding:8px 10px;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;line-height:21px;height:58px;border:1px solid #aaa;font-size:15px;letter-spacing:-0.05em;}
.cateNav ul li a:hover{background-color:#555;color:white;}
.cateNav ul li.on a{background-color:#222;color:white;}


.select_area{display:flex;align-items:center;}
.select_area select{height:35px;padding:0px 15px;margin-right:5px;}
/*pdf down*/	
@media (max-width: 780px) {
	/*index title */
	#mainTitle .swiper-slide a{}
	#mainTitle .swiper-slide a > div{position:absolute;height:100%;top:0px;left:0px;margin:0px auto;background:no-repeat center center;background-size:cover;}

}