@charset "utf-8";
/* CSS Document 
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);*/

* { margin:0; padding:0; }
html, body {width:100%;}
img { border:0;vertical-align:middle}
ul {list-style:none;}
body {	
overflow-x:visible;	
font-family:dotum, '돋움';
color:#666;	font-size:12px;
letter-spacing:normal;
/* scrollbar-face-color: #2e8af1; */
-wekit-text-size-adjust:none; }

a {text-decoration:none;color:inherit;}
input {font-family:dotum, '돋움';}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

/* /////////////////font.css 내용 복사해놓음 (속도향상)///////////////////// */

/* notokr font */
@font-face {
	font-family: 'nt-B';
	src: url('../fonts/Noto/notokr-bold.eot');
	src: url('../fonts/Noto/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Noto/notokr-bold.woff2') format('woff2'),
		 url('../fonts/Noto/notokr-bold.woff') format('woff'),
		 url('../fonts/Noto/notokr-bold.ttf') format('truetype'),
		 url('../fonts/Noto/notokr-bold.svg#notokr-bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'nt-M';
	src: url('../fonts/Noto/notokr-medium.eot');
	src: url('../fonts/Noto/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Noto/notokr-medium.woff2') format('woff2'),
		 url('../fonts/Noto/notokr-medium.woff') format('woff'),
		 url('../fonts/Noto/notokr-medium.ttf') format('truetype'),
		 url('../fonts/Noto/notokr-medium.svg#notokr-medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'nt-R';
	src: url('../fonts/Noto/notokr-regular.eot');
	src: url('../fonts/Noto/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Noto/notokr-regular.woff2') format('woff2'),
		 url('../fonts/Noto/notokr-regular.woff') format('woff'),
		 url('../fonts/Noto/notokr-regular.ttf') format('truetype'),
		 url('../fonts/Noto/notokr-regular.svg#notokr-regular') format('svg');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'nt-L';
	src: url('../fonts/Noto/notokr-regular.eot');
	src: url('../fonts/Noto/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Noto/notokr-regular.woff2') format('woff2'),
		 url('../fonts/Noto/notokr-regular.woff') format('woff'),
		 url('../fonts/Noto/notokr-regular.ttf') format('truetype'),
		 url('../fonts/Noto/notokr-regular.svg#notokr-regular') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'nt-D';
	src: url('../fonts/Noto/notokr-demilight.eot');
	src: url('../fonts/Noto/notokr-demilight.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Noto/notokr-demilight.woff2') format('woff2'),
		 url('../fonts/Noto/notokr-demilight.woff') format('woff'),
		 url('../fonts/Noto/notokr-demilight.ttf') format('truetype'),
		 url('../fonts/Noto/notokr-demilight.svg#notokr-demilight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'nt-T';
	src: url('../fonts/Noto/notokr-thin.eot');
	src: url('../fonts/Noto/notokr-thin.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Noto/notokr-thin.woff2') format('woff2'),
		 url('../fonts/Noto/notokr-thin.woff') format('woff'),
		 url('../fonts/Noto/notokr-thin.ttf') format('truetype'),
		 url('../fonts/Noto/notokr-thin.svg#notokr-thin') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* 폰트 
.dotum{font-family:dotum,'돋움';}
.gulim{font-family:gulim,'굴림';}
.nt-B{font-family:'nt-B'} .nt-M{font-family:'nt-M'} .nt-R{font-family:'nt-R'} .nt-L{font-family:'nt-L'} .nt-D{font-family:'nt-D'} .nt-T{font-family:'nt-T'}
.dinmed{font-family:Dinmed, DINPro-Bold, DINPro-Medium, Dinreg, verdana; letter-spacing:-1px;}
*/


.hidden {display:none;}
.pointer {cursor:pointer;}

/* effect */
.bold{font-weight:bold;}
.nobold{font-weight:normal;}
.pointer{cursor:pointer;}

/* test */
.bd { background-color:red; }
.f_fix {display:block;top:20%;position:fixed;left:0px;width:500px;;height:500px; }

/* cursor */
.pointer { cursor:pointer; }

/* color */
.white{color:#fff}
.black{color:#000}
.red{color:red}
.blue{color:#0067cc}

/* align */
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

/* vertical align middle 맞추기 꼭 style="height:px;" <- 을 지정해 줘야됨*/
.mid{word-break:break-all;display:table-cell;vertical-align:middle;}
.mid2{display:table-cell;vertical-align:middle;}

/* float */
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}

/* text 일정 길이 '...'표시 */
.text_cut{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut165{width:165px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut175{width:175px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut170{width:170px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut174{width:174px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut190{width:190px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut260{width:260px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut370{width:370px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut570{width:570px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut730{width:730px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut770{width:770px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut960{width:960px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/* overflow:hidden; */
.hidden{overflow:hidden;}

/*폰트사이즈*/
.font07{font-size:07px;}
.font08{font-size:08px;}
.font09{font-size:09px;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font19{font-size:19px;}
.font20{font-size:20px;}
.font21{font-size:21px;}
.font22{font-size:22px;}
.font23{font-size:23px;}
.font24{font-size:24px;}
.font25{font-size:25px;}
.font26{font-size:26px;}
.font27{font-size:27px;}
.font28{font-size:28px;}
.font29{font-size:29px;}
.font30{font-size:30px;}
.font31{font-size:31px;}
.font32{font-size:32px;}
.font33{font-size:33px;}
.font34{font-size:34px;}
.font35{font-size:35px;}
.font36{font-size:36px;}
.font37{font-size:37px;}
.font38{font-size:38px;}
.font39{font-size:39px;}
.font40{font-size:40px;}
.font41{font-size:41px;}

/* margin */
.ml3{margin-left:3px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}

.pr15{padding-right:15px;}



/* PC#################################################################################### */
#paging{display:table;margin:10px auto}
#paging ul li { float:left; padding:3px 10px;margin:0 2px; font-size:16px;  border:1px solid #fff; cursor:pointer; color:#a0a0a0; background-color:white; font-weight:bold;}
#paging ul li:hover, #paging ul li#now_page { color:#000; background-color:#f9f9f9; border:1px solid #a0a0a0;}

/* index */
#HeadWrap img{vertical-align:middle}
#HeadContainer, #HeadContainer_Mobile{position:fixed;top:0;width:100%;background-color:#ccc;background-color:rgba(6, 6, 6, 0.8);z-index:100;}
#HeadMenuContainer{display:table;float:right;margin-right:20px;}
.HeadMenu1Cate{position:relative;float:left;font-family:'nt-M';font-size:16px;color:#f3f3f3}
.HeadMenu1Cate > a{display: block;padding:0 35px;height:70px;line-height:70px;}
.HeadMenu1Cate ul{display:none;background-color:rgba(68, 68, 68, 0.9);}
.HeadMenu1Cate:hover ul{display:block;}
.HeadMenu2Cate{white-space:nowrap;line-height:normal}
.HeadMenu2Cate > a{display:block;padding:15px 20px;}
.HeadMenu2Cate:hover{background-color:#444}
.HeadMenu2CateText{min-width:200px;max-width:300px;word-break:keep-all;word-wrap:break-word;white-space:normal;font-size:12px;color:#b9b9b9}
#HeadMenuContainer span{position:relative;}
.botline{position:absolute;width:0px;bottom:-2px;transition:width 500ms;background-color:#ccc;}
.HeadMenu1Cate:hover span > .botline{width:100%;height:3px}
#HeadContainer_Mobile{display:none}
.HeadTmp_Mobile{display:none}

#MainA_Container{width:100%;height:800px;}
.MainA_Title{font-family:'nt-B';font-size:63px;padding-top:235px}
.MainA_SubTitle{font-family:'nt-R';font-size:23px}
.MainA_Btn{display:inline-block;font-family:'nt-R';font-size:20px;padding:15px 35px;border-radius:40px;background-color:#3cadd4;cursor:pointer}

#MainB_Container{padding:80px 0}
.MainB_Box{position:relative;width:80%;max-width:1000px;margin:0 auto}
.MainB_SwiperContainer{position:relative;width:100%;overflow:hidden;}
.MainB_SwiperPagination{width:100%;position:absolute;text-align:center;bottom:-25px;z-index:10}
.MainB_SwiperContainer img{width:100%}
#MainB_Container .swiper-pagination-bullet{width:10px;height:10px;margin:0 8px !important}
#MainB_Container .swiper-pagination-bullet-active{background-color:#565656}
.MainB_SwiperBtn{background:url('../img/sSwipe_Arrow.png');width:64px;height:64px;position:absolute;z-index:10;top:0;bottom:0;margin-top:auto;margin-bottom:auto;cursor:pointer}
.MainB_SwiperBtnPrev{left:-10%}
.MainB_SwiperBtnNext{right:-10%;background-position: -64px 0}

#MainC_Container{padding:20px 0}
.MainC_ItemContainer{display:table;margin:0 auto;width:80%;max-width:1000px}
.MainC_ItemContainer li{float:left;width:25%}
.MainC_ItemTitle{font-family:'nt-B';font-size:22px;height:70px;word-break: keep-all;}
.MainC_ItemInfo{font-family:'nt-M';font-size:18px;height:80px;word-break: keep-all;}
.MainC_ItemBtn{display:inline-block;padding:8px 18px;background-color:#3cadd4;color:#fff;font-family:'nt-M';font-size:14px;border-radius:15px;margin-top:10px}

#MainD_Container{padding:20px 0;margin:80px 0 40px 0}
.MainD_Title{font-family:'nt-B';font-size:45px;text-align:center;margin-bottom:50px}
.MainD_Box{width:70%;display:table;text-align:center;margin:0 auto;max-width:1000px;background-color:#fff}
.MainD_Box img{float:left;width:20%;border:5px solid #fff;box-sizing:border-box}
.MainD_ImgBox_Mobile{display:none}
.MainD_MoreImg{display:none}
.MainD_Btn{display:inline-block;padding:10px 88px;background-color:#3c44d4;color:#fff;font-family:'nt-M';font-size:14px;border-radius:15px;margin:15px 0 40px 0}

#MainE_Container{padding:20px 0;background-color:#444}
.MainE_Box{display:table;width:95%;max-width:1000px;margin:0 auto;box-sizing:border-box}
.MainE_TitleBox{padding:80px 0;}
.MainE_Title{color:#fff;font-family:'nt-B';font-size:55px;text-align:center;}
.MainE_SubTitle{color:#fff;font-family:'nt-R';font-size:22px;text-align:center;font-style:oblique;}
.MainE_FormBox{float:left;width:49%}
.MainE_FormBox:nth-child(1){margin-right:2%}
.MainE_FormBoxTmp{float:left;width:2%;height:150px}
.MainE_Text{font-size:15px;width:100%;padding:15px;margin-bottom:20px;border-radius:5px;border:0;box-sizing:border-box}
.MainE_Textarea{font-size:15px;width:100%;height:248px;resize:none;padding:15px;border-radius:5px;border:0;box-sizing:border-box}
.MainE_Btn{margin:10px 0 40px 0;padding:15px 25px;border:0;background-color:#ffbd00;color:#fff;font-family:'nt-M';font-size:15px;border-radius:5px;cursor:pointer}

#MainF_Container{padding:20px 0 130px 0}
.MainF_Box{display:table;width:100%;max-width:1000px;margin:0 auto;text-align:center}
.MainF_Content{float:right;height:55px;line-height:55px;font-family:'nt-M'}
.MainF_Content img{width:55px;height:55px;padding:0 5px}
.MainF_Content:nth-child(1){width:35%}
.MainF_Content:nth-child(1) a{padding:0 10px;color:#faa900}
.MainF_Content:nth-child(2){width:30%}
.MainF_Content:nth-child(3){width:35%;color:#fff;}

/* custom */
.ItemCustomA_Container{display:table;width:1000px;margin:0 auto;padding:20px 0}
.ItemCustomA_LeftBox{float:left;width:60%}
.ItemCustomA_LeftBox table{width:95%;height:450px;border-collapse:collapse;table-layout:fixed;margin:0 auto}
.ItemCustomA_RightBox{float:left;width:40%;text-align:center}
.ItemCustomA_RightBox img{widtH:400px;height:400px;margin-top:50px}
.ItemCustomA_Title1{font-family:'nt-M';font-size:20px;color:#666;height:60px}
.ItemCustomA_Title2{font-family:'nt-B';font-size:42px;color:#000;height:140px}
.ItemCustomA_Title3{font-family:'nt-R';font-size:16px;color:#666;height:100px}
.ItemCustomA_BtnBox{height:60px}
.ItemCustomA_BtnBox a{padding:12px 35px;border-radius:25px;font-family:'nt-M';font-size:14px}
.ItemCustomA_BtnBox a:nth-child(1){background-color:#e5e5e5;color:#555}
.ItemCustomA_BtnBox a:nth-child(2){background-color:#4b4c61;color:#fff;margin-left:15px}
#ItemCustomWrap .EstimateTextarea{height:135px;}

.ItemCustomB_Container{display:table;width:1000px;margin:0 auto;padding:50px 0;text-align:center}
.ItemCustomB_Title1{font-family:'nt-B';font-size:25px;color:#000;width:1000px;margin:60px auto 20px auto}
.ItemCustomB_Title2{font-family:'nt-R';font-size:15px;color:#666;width:800px;margin:20px auto 60px auto}
.ItemCustomB_ItContainer{width:100%;display:table;}
.ItemCustomB_ItContainer > li{width:333px;float:left;position:relative}
.ItemCustomB_ItType{position:absolute;width:130px;height:32px;line-height:32px;left:0;right:0;margin-left:auto;margin-right:auto;top:-16px;background-color:#fff;color:#8c8c8c;font-family:'nt-B';font-size:16px}
.ItemCustomB_ItBox{width:92%;border-collapse:collapse;table-layout:fixed;text-align:center;margin:0 auto;border:1px solid #b4b4b4}
.ItemCustomB_ItBox img{width:250px;height:250px;margin:15px 0}
.ItemCustomB_ItBox tr:nth-child(3){height:200px}
.ItemCustomB_ItName{height:50px;font-family:'nt-B';font-size:18px;color:#000;border-top:1px solid #eee;border-bottom:1px solid #eee}
.ItemCustomB_ItInfo{font-family:'nt-R';font-size:14px;color:#000}
.ItemCustomB_ItInfo li{padding:2px 0;}
.ItemCustomB_ItPrice{height:100px;font-family:'nt-B';font-size:20px;color:#000;border-top:1px solid #eee;}
.ItemCustomB_ItBtn{display:inline-block;padding:8px 85px;background-color:#9a5bf3;color:#fff;border-radius:25px;font-family:'nt-M';font-size:14px;margin:10px 0 5px 0}
.ItemCustomB_ItBtn:hover{background-color:#8a37ff}

#ItemCustomC_Container{padding:40px 0 100px 0}
.ItemCustomC_Title{font-family:'nt-B';font-size:35px;text-align:center;color:#444;margin:50px 0}
.ItemCustomC_Box{position:relative;width:80%;max-width:1000px;margin:0 auto}
.ItemCustomC_SwiperContainer{position:relative;width:100%;overflow:hidden;}
.ItemCustomC_SwiperPagination{width:100%;position:absolute;text-align:center;bottom:-25px;z-index:10}
.ItemCustomC_SwiperContainer img{width:100%}
#ItemCustomC_Container .swiper-pagination-bullet{width:10px;height:10px;margin:0 8px !important}
#ItemCustomC_Container .swiper-pagination-bullet-active{background-color:#565656}
.ItemCustomC_SwiperBtn{background:url('../img/sSwipe_Arrow.png');width:64px;height:64px;position:absolute;z-index:10;top:0;bottom:0;margin-top:auto;margin-bottom:auto;cursor:pointer}
.ItemCustomC_SwiperBtnPrev{left:-10%}
.ItemCustomC_SwiperBtnNext{right:-10%;background-position: -64px 0}

/* item */
.ItemContainer{width:1000px;margin:0 auto;}
.ItemOpContainer{position:relative}
.ItemLeft{float:left;width:500px;min-height:525px}
.ItemRight{float:right;width:480px;margin-bottom:15px;padding:0 10px}
.ItemRight > table{width:100%;border-collapse:collapse;table-layout:fixed;margin:10px auto 0 auto}
.ItemRight2{float:right;width:480px;padding:0 10px}
.ItemLeftImgBox{position:fixed}
.ItemImg{width:450px;height:450px;padding-left:25px;padding-top:50px}
.ItemNameBox{font-family:"nt-B";font-size:30px;color:#000;height:90px}
.ItemPriceBox{font-family:"nt-M";font-size:20px;color:#000;height:45px}
.ItemLine{padding:15px 0 25px 0;border-top:1px solid #eee}
.ItemLabel{display:inline-block;font-family:"nt-M";font-size:16px;color:#000;padding:5px 0 5px 0}
.ItemSelectBox{position:relative;display:block;border:1px solid #d6d6d6;font-family:"nt-M";font-size:16px;margin:5px 0;border-radius:4px;color:#555;cursor:pointer}
.ItemSelect{padding:12px 18px;border:1px solid transparent;border-radius:4px}
.ItemSelectBox:not(.__Selected):hover{border-color:#666}
.ItemSelectPrice{margin-right:2px}
.ItemSelect > table td:nth-child(2){width:110px;font-size:14px;text-align:right}
.ItemSelect span{font-family:'dotum';font-size:12px}
.__Selected, .__Selected .ItemSelect{border-color:#006cce}
input[type=radio]{position:absolute;top:0;left:0;z-index:-1;opacity:0}
.__ItemLeftImgBox_Abs{position:absolute;bottom:0}
.ItemTotalContainer{padding:20px 30px;background-color:#ececec;border-radius:5px}
.ItemTotalPriceBox{font-family:'nt-B';font-size:26px;color:#000;padding:5px 0 15px 0}
.ItemTotalPriceSubText{font-family:'nt-M';font-size:16px;color:#888;margin-left:5px}
.ItemTotalBtn{width:100%;height:40px;line-height:40px;text-align:center;font-family:'nt-M';font-size:16px;background-color:#1a87ea;color:#fff;border-radius:5px;margin:0 auto;cursor:pointer}
.ItemInfo{width:100%;margin-top:20px;text-align:center;overflow:hidden}
.ItemInfo img{max-widtH:100%}
.EstimateContainer{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(41, 47, 51, 0.8);display:none;overflow:scroll;z-index:100}
.EstimateBoxBack{position:absolute;width:100%;height:100%;z-index:100}
.EstimateBox{position:absolute;width:500px;height:690px;background-color:#fff;margin:auto;top:0;bottom:0;left:0;right:0;z-index:101}
.EstimateText{padding:10px 10px;width:100%;margin:10px 0;box-sizing:border-box;bordeR:1px solid #ccc;border-radius:3px}
.EstimateTextarea{width: 100%;height:60px;resize:none;padding:15px;border-radius:5px;bordeR:1px solid #ccc;box-sizing:border-box;margin:10px 0}
.Estimate_Title{width:80%;margin:30px auto 10px auto;font-family:'nt-B';font-size:24px;color:#000;text-align:center}
.Estimate_SubTitle{width:80%;margin:0 auto 20px auto;font-family:'nt-M';font-size:16px;color:#8a8a8a;text-align:center}
.Estimate_Btn{display:block;width:80%;height:40px;line-height:40px;background-color:#1a87ea;color:#fff;text-align:center;border-radius:20px;font-family:'nt-M';font-size:14px;margin:10px auto;border:0;cursor:pointer}
.Estimate_CloseBtn{display:block;width:80%;height:40px;line-height:40px;background-color:#b5c0ca;color:#fff;text-align:center;border-radius:20px;font-family:'nt-M';font-size:14px;margin:10px auto;border:0;cursor:pointer}
#EstimateIframe{display:none}

/* list */
.ListContainer{display:table;width:1000px;margin:0 auto;padding:20px 0;margin-bottom:100px}
.ListNavi{font-family:'dotum';font-size:12px;color:#000;padding:10px 0 20px 0}
.ListCate1{padding-left:15px;height:55px;cursor:pointer;border:1px solid #ccc;border-top:2px solid #333;color:#000;font-family:'nt-B';font-size:14px}
.ListCate1On{background-color:#ebebeb}
.ListCate2Box{padding:10px 0px 10px 10px;border-bottom:1px solid #cbcbcb;margin-top:25px;color:#333}
.ListCate2{font-family:'nt-M';font-size:14px}
.ListCate3Box{display:table;width:100%;padding-left:10px;padding-top:8px;padding-bottom:10px}
.ListCate3{color:#888;font-family:'nt-L';font-size:12px;float:left;width:185px;margin-left:10px;padding:5px 0}
.ListCate3 > a:hover{text-decoration:underline}
.ListCateContainer_Mobile{display:none}
#ListIframe{width:1001px;border:0;margin-top:50px}

/* list iframe */
#ListIframeWrap{width:1000px}
.ListIframeContainer{width:100%;padding-bottom:0;overflow:hidden}
.ListIframeNavi{display:table;background-color:#eee;padding:5px 15px;border-radius:15px;font-family:'nt-R';font-size:12px;color:#555;margin-left:5px}
.ListIframeItContainer{width:100%;display:table;}
.ListIframeItContainer > li{width:333px;float:left;position:relative}
.ListIframeItType{position:absolute;width:130px;height:32px;line-height:32px;left:0;right:0;margin-left:auto;margin-right:auto;top:-16px;background-color:#fff;color:#8c8c8c;font-family:'nt-B';font-size:16px}
.ListIframeItBox{width:92%;border-collapse:collapse;table-layout:fixed;text-align:center;margin:25px auto;border:1px solid #b4b4b4;box-shadow:5px 7px #ebebeb}
.ListIframeItBox img{width:250px;height:250px;margin:15px 0}
.ListIframeItContainer a:hover .ListIframeItBox{box-shadow:5px 7px #d8d8d8;border-color:#333}
.ListIframeItName{height:55px;font-family:'nt-B';font-size:18px;color:#000;border-top:1px solid #eee;border-bottom:1px solid #eee}
.ListIframeItPrice{height:50px;font-family:'nt-B';font-size:16px;color:#000;border-top:1px solid #eee;}

/* contents */
.ContentsWrap {position:relative;width:1000px;margin:0 auto}
.ContentsCon {position:relative;min-height:600px;padding:10px}

/* ImgGallery */
#ImgGelleryListContainer{width:1000px;margin:0 auto;padding:20px 0 100px 0}
#ImgGelleryListContainer > ul li{float:left;width:184px;height:120px;list-style:none;margin-top:40px;transition:all 700ms}
.ImgGelleryImg{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}
.EndTxt{text-align:center;font-family:'nt-M';font-size:15px;padding:50px 0;display:none}

#ImgGelleryViewContainer{width:900px;margin:0 auto;padding:20px 0}
#ImgGelleryViewBox{position:relative;width:900px;height:600px;margin:0 auto}
.ImgGelleryViewTable{width:100%;height:600px;border-collapse:collapse;table-layout:fixed}
.MainImg{max-width:900px;max-height:600px;display:block;margin:0 auto;}
.ImgBtn{background:url('../img/sSwipe_Arrow.png');width: 64px;height: 64px;position: absolute;z-index: 10;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;cursor: pointer;transform:scale(0.5)}
.ImgBtnMobile{background:url('../img/sSwipe_Arrow.png') no-repeat;width:32px;height: 32px;background-size:200%;cursor: pointer;display:none}
.ImgBtnNext{left:-62px}
.ImgBtnPrve{right: -62px;background-position: -64px 0;}
.ImgGelleryViewTxt{font-family:'nt-M';font-size:15px;text-align:center;padding:5px}
.ImgGelleryViewTxt > a{text-decoration:underline}
.ImgGelleryViewTxt > a:hover{color:#0016b3}
.ImgGelleryViewSnsContainer{width:100%;height:40px;display:table;margin-top:30px}
.ImgGelleryViewSnsBox{margin-left:auto;float:right}
.ImgGelleryViewSnsBox > li{float:left;padding:0 2px}
.ImgGelleryViewSnsBox img:hover{opacity:0.8}
.NoBtn{opacity:0.1}
.MenuImg{transform:scale(0.9);margin-top:4px;float:left}
.ImgGelleryViewMenuBox{display:table;float:left;width:120px}

/* Loading */
@keyframes ldio-0kwujgzp1g8m {
  0% { opacity: 1 }
  100% { opacity: 0 }
}
.ldio-0kwujgzp1g8m div {left: 80.36px;top: 39.36px;position: absolute;animation: ldio-0kwujgzp1g8m linear 1s infinite;background: #1d0e0b;width: 3.28px;height: 19.68px;border-radius: 1.64px / 9.84px;transform-origin: 1.64px 42.64px;
}.ldio-0kwujgzp1g8m div:nth-child(1) {transform: rotate(0deg);animation-delay: -0.9629629629629629s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(2) {transform: rotate(13.333333333333334deg);animation-delay: -0.9259259259259259s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(3) {transform: rotate(26.666666666666668deg);animation-delay: -0.8888888888888888s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(4) {transform: rotate(40deg);animation-delay: -0.8518518518518519s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(5) {transform: rotate(53.333333333333336deg);animation-delay: -0.8148148148148148s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(6) {transform: rotate(66.66666666666667deg);animation-delay: -0.7777777777777778s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(7) {transform: rotate(80deg);animation-delay: -0.7407407407407407s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(8) {transform: rotate(93.33333333333333deg);animation-delay: -0.7037037037037037s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(9) {transform: rotate(106.66666666666667deg);animation-delay: -0.6666666666666666s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(10) {transform: rotate(120deg);animation-delay: -0.6296296296296297s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(11) {transform: rotate(133.33333333333334deg);animation-delay: -0.5925925925925926s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(12) {transform: rotate(146.66666666666666deg);animation-delay: -0.5555555555555556s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(13) {transform: rotate(160deg);animation-delay: -0.5185185185185185s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(14) {transform: rotate(173.33333333333334deg);animation-delay: -0.48148148148148145s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(15) {transform: rotate(186.66666666666666deg);animation-delay: -0.4444444444444444s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(16) {transform: rotate(200deg);animation-delay: -0.4074074074074074s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(17) {transform: rotate(213.33333333333334deg);animation-delay: -0.37037037037037035s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(18) {transform: rotate(226.66666666666666deg);animation-delay: -0.3333333333333333s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(19) {transform: rotate(240deg);animation-delay: -0.2962962962962963s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(20) {transform: rotate(253.33333333333334deg);animation-delay: -0.25925925925925924s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(21) {transform: rotate(266.6666666666667deg);animation-delay: -0.2222222222222222s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(22) {transform: rotate(280deg);animation-delay: -0.18518518518518517s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(23) {transform: rotate(293.3333333333333deg);animation-delay: -0.14814814814814814s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(24) {transform: rotate(306.6666666666667deg);animation-delay: -0.1111111111111111s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(25) {transform: rotate(320deg);animation-delay: -0.07407407407407407s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(26) {transform: rotate(333.3333333333333deg);animation-delay: -0.037037037037037035s;background: #1d0e0b;
}.ldio-0kwujgzp1g8m div:nth-child(27) {transform: rotate(346.6666666666667deg);animation-delay: 0s;background: #1d0e0b;
}
.loadingio-spinner{width:164px;height:164px;overflow:hidden;display:none;margin:0 auto}
.ldio-0kwujgzp1g8m{width:100%;height:100%;position: relative;transform: translateZ(0) scale(1);backface-visibility: hidden;transform-origin: 0 0; /* see note above */}
.ldio-0kwujgzp1g8m div{box-sizing: content-box}

/* Mobile#################################################################################### */
@media (max-width: 1000px) {
	/* index */
	#HeadContainer{display:none}
	#HeadContainer_Mobile{display:block}
	.HeadMenuBtn_Mobile{width:64px;height:64px;}
	.HeadMenu1Cate_Mobile{padding:17px 20px;color:#f3f3f3;background-color:#333;border-bottom:1px solid #666;font-family:'nt-R';font-size:14px;cursor:pointer}
	.HeadMenu2Cate_Mobile{padding:15px;padding-left:30px;color:#f3f3f3;background-color:#444;font-family:'nt-R';font-size:14px;cursor:pointer}
	.HeadMenu2CateBox_Mobile{display:none;}
	.HeadMenu_Mobile{display:none;position:fixed;width:100%;height:calc(100% - 70px);overflow-y:scroll;background-color:rgba(6, 6, 6, 0.5);}
	.HeadMenu2CateText_Mobile{font-size:12px;color:#b9b9b9}
	.HeadTmp{display:none}
	.HeadTmp_Mobile{display:block}
	
	#MainA_Container{width:100%;height:630px;}
	.MainA_Title{font-size:38px;padding:0 5px;padding-top:190px}
	.MainA_SubTitle{font-size:18px}
	.MainA_Btn{font-size:18px;padding:10px 30px;border-radius:40px;}

	#MainB_Container{padding:25px 0 30px 0}
	.MainB_Box{width:95%}
	.MainB_SwiperPagination{bottom:-20px}
	#MainB_Container .swiper-pagination-bullet{margin:0 5px !important}
	.MainB_SwiperBtn{display:none}

	.MainC_ItemContainer{width:95%}
	.MainC_ItemContainer li{width:50%}
	.MainC_ItemContainer li:nth-child(3){clear:both}
	.MainC_ItemContainer li:nth-child(3), .MainC_ItemContainer li:nth-child(4){padding-top:50px}
	.MainC_ItemTitle{font-size:15px;height:45px}
	.MainC_ItemInfo{font-size:12px;height:50px}
	.MainC_ItemBtn{margin-top:5px;font-size:12px;padding:8px 15px;}

	#MainD_Container{margin:40px 0 20px 0}
	.MainD_Title{font-size:25px;margin-bottom:15px}
	.MainD_Box{width:95%;min-width:auto;}
	.MainD_Box img{width:33%;height:auto;border-width:1px}
	.MainD_ImgBox{display:none}
	.MainD_ImgBox_Mobile{display:block}
	.MainD_Btn{padding:6px 40px;font-size:12px}

	.MainE_Box{padding:0 4%}
	.MainE_TitleBox{padding:20px 0}
	.MainE_Title{font-size:30px}
	.MainE_SubTitle{font-size:14px}
	.MainE_FormBox{width:100%;margin:0}

	#MainF_Container{padding:20px 0}
	.MainF_Content:nth-child(1){width:100%}
	.MainF_Content:nth-child(2){width:100%;padding:10px 0}
	.MainF_Content:nth-child(3){width:100%}

	/* custom */
	.ItemCustomA_Container{width:100%}
	.ItemCustomA_LeftBox, .ItemCustomA_RightBox{width:100%}
	.ItemCustomA_LeftBox table{height:auto}
	.ItemCustomA_RightBox img{width:90%;height:auto;margin-top:15px}
	.ItemCustomA_Title1{font-size:16px;height:60px}
	.ItemCustomA_Title2{font-size:28px;height:auto}
	.ItemCustomA_Title2 > td{padding:15px 0 30px 0}
	.ItemCustomA_Title3{font-size:14px;height:100px}
	.ItemCustomA_BtnBox a:nth-child(1){display:block;widtH:70%;margin:0 auto;text-align:center}
	.ItemCustomA_BtnBox a:nth-child(2){display:block;widtH:70%;margin:15px auto;text-align:center}

	.ItemCustomB_Container{width:100%;padding-bottom:0;overflow:hidden}
	.ItemCustomB_Title1{width:90%;margin:25px auto 15px auto}
	.ItemCustomB_Title2{width:90%;margin:0px auto 50px auto}
	.ItemCustomB_ItInfo{font-size:12px}
	.ItemCustomB_ItContainer > li{width:95%;margin-left:2.5%;padding-bottom:50px;}
	.ItemCustomB_ItBox img{width:250px;height:250px;margin:15px 0 5px 0}
	.ItemCustomB_ItBox tr:nth-child(3){height:160px}

	.ItemCustomC_Box{widtH:100%}
	.ItemCustomC_Title{font-size:24px;padding:0 5px;margin:0 0 25px 0}
	#ItemCustomC_Container{padding:25px 0 60px 0}
	.ItemCustomC_Box{width:95%}
	.ItemCustomC_SwiperPagination{bottom:-20px}
	#ItemCustomC_Container .swiper-pagination-bullet{margin:0 5px !important}
	.ItemCustomC_SwiperBtn{display:none}

	/* item */
	.ItemContainer{width:100%}
	.ItemLeft{float:left;width:100%;min-height:auto}
	.ItemRight{float:left;width:100%;padding:0}
	.ItemRight > table{width:90%;}
	.ItemRight2{float:left;width:95%;padding-left:2.5%}
	.ItemLeftImgBox{position:relative}
	.ItemImg{width:95%;height:auto;padding:2.5%}
	.ItemSelectBox:not(.__Selected):hover{border-color:#d6d6d6}
	.EstimateBox{width:100%;margin-top:75px}
	.__ItemLeftImgBox_Abs{position:relative}

	/* list */
	.ListContainer{width:100%}
	.ListNavi{width:95%;margin:0 auto;padding: 10px 0 10px 0}
	.ListCate1{display:inline-block;border:0;height:auto;height:55px;line-height:55px;padding:0 15px}
	.ListCate1Container{position:relative;width:100%;overflow-y:hidden;overflow-x:scroll;height:55px;border-bottom:1px solid #464646;border-top:1px solid #464646}
	.ListCate1Box{position:absolute;white-space:nowrap}
	.ListCate2Container{display:table;width:98%;margin:0 auto;border:1px solid #000;border-top:0}
	.ListCate2Box{padding:10px 0px 10px 0px;width:30%;padding-left:3%;border:0;float:left;margin:0;border-left:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#f7f7f7}
	.ListCate2{font-size:12px}
	.ListCateContainer{display:none}
	.ListCateContainer_Mobile{display:block}
	#ListIframe{width:100%;padding:0;margin-top:20px}

	/* list iframe */
	#ListIframeWrap{width:100%}
	.ListIframeItContainer > li{width:100%}

	/* contents */
	.ContentsWrap {width:100%}
	.ContentsWrap *{width:auto !important;word-break:break-all !important}

	/* ImgGallery */
	#ImgGelleryListContainer{width:90%;margin:0 auto;padding:20px 0 30px 0}
	#ImgGelleryListContainer > ul li{width:100%;height:50vw;margin:10% 0 0 0 !important}

	#ImgGelleryViewContainer{width:100%}
	#ImgGelleryViewBox{width:90%;height:auto}
	.MainImg{max-width:100%}
	.ImgBtn{display:none}
	.ImgGelleryViewTable{height:auto;min-height:250px}
	.ImgGelleryViewTxt{padding:10px}
	.ImgBtnMobile{margin-top:3px;float:left;display:block;margin-left:10px}
	.ImgBtnPrevMobile{background-position: -32px 0}
	.ImgGelleryViewSnsContainer{width:90%;margin:15px auto}
	.ImgGelleryViewSnsBox{padding:10px 0 30px 0;clear:both;display:table;margin:0 auto;float:none}
	.ImgGelleryViewMenuBox{float:right}
}