@charset "utf-8";
@import url('reset.css');

/**/
.relative { position:relative; }

.after:after { display:block; content:''; clear:both; }
.overflow { overflow:hidden; }

.text-left { text-align:left !important; }
.text-center { text-align:center; }
.text-right { text-align:right !important; }

.mg0 { margin:0 !important; }
.mgTop10 { margin-top:10px; }
.mgTop20 { margin-top:20px; }
.mgTop30 { margin-top:30px; }
.mgTop40 { margin-top:40px; }
.mgTop50 { margin-top:50px; }

.mgBtm100 { margin-bottom:100px; }

.pdTop80 { padding-top:80px; }

.transition { transition:all .5s ease; -webkit-transition:all .5s ease; }

/* 공통 */
.kiInner { width:100%; max-width:1920px; margin:0 auto; position:relative; box-sizing:border-box; padding:0 50px; padding-bottom:60px }
.kiInner2 { width:100%; max-width:1820px; margin:0 auto; position:relative; box-sizing:border-box; padding:0 50px; }
.kiInnerS { max-width:1200px; }

.tableDiv { display:table; width:100%; }
.cellDiv { display:table-cell; vertical-align:middle; }

.modal-bg, .modal-wrap { width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,0.8); top:0; left:0; z-index:9999; display:none; }
.modal-wrap { background:none; }
.modal-wrap .inner { height:100%; }
.modalSlideWrap { text-align:center; }
.modalSlideWrap .modalSlideCon { width:90%; max-width:1600px; display:inline-block; position:relative; background-color:#efefef; }
.modalSlideWrap .modalSlideCon3 { background:none; width:50%; height:80%; }
.modalSlideWrap .modal-film { width:100%; height:100%; position:absolute; top:0; left:0; }
.modalSlideWrap .modalSlideCon3 .modal-film { width:85%; left:7.5%; overflow-x:hidden; overflow-y:auto; }
.modalSlideWrap .modal-film > li { display:none; background-color:#fff; }
.modalSlideWrap .modalSlideCon2  .modal-film > li { background:none; }
.modal-film > li > p, .modal-film > li > div { float:left; height:100%; }
.modal-film > li > p { width:75%; }
.modal-film > li > p.tableDiv { width:100%; text-align:center; }
.modal-film > li > div { width:25%; background-color:#efefef; display:table; text-align:left; box-sizing:border-box; padding:0 15px 0 40px; }
.modal-film > li > div h1 { line-height:38px; } 
.modal-film > li > div .subTit { margin-top:10px; font-size:18px; font-weight:bold; }
.modal-film > li > div .materialList { position:relative; margin-top:30px; padding-top:10px; overflow:hidden; }
.modal-film > li > div .materialList:before { content:''; display:block; height:4px; width:25px; background-color:#000; position:absolute; top:0; left:0; }
.modal-film > li > div .materialList p { font-size:15px; line-height:22px; font-weight:bold; }

.modalSlideWrap .modal-film > li { position:absolute; top:0; left:0; width:100%; height:100%; }
.modalSlideWrap .modal-film > li img { width:100%; }
.modal-wrap .modalSlideCon > a { position:absolute; }
.modal-wrap .modalSlideCon > a.modal-prev { top:50%; margin-top:-61px; left:0; }
.modal-wrap .modalSlideCon > a.modal-next { top:50%; margin-top:-61px; right:0; }
.modal-wrap .modalSlideCon > a.modal-close { top:-55px; right:0; z-index:9; }
.modal-wrap .modalSlideCon > a.modal-close img { width:50px; }
.modalSlideWrap .modalSlideCon3 > a.modal-close { right:0; top:0; }
.modalSlideWrap .modalSlideCon3 > a.modal-close img { width:40px; }

.mbMdCloseBtn a { display:block; padding:10px; height:40px; line-height:40px; text-align:center; }


.yellow { color:#eba000 !important; }


/* header */
#header { position:fixed; top:0; left:0; width:100%; z-index:999; }

.topNav { background-color:#000; }
.topNav ul { float:right; }
.topNav ul li { display:inline-block; padding:0 15px; }
.topNav ul li:last-child { padding-right:0; } 
.topNav ul li a { color:#b7b7b7; display:block; padding:8px; }

.gnbWrap .kiInner2:after { display:block; content:''; clear:both; }

.gnbWrap { height:54px; background-color:rgba(255,255,255,0.97); border-bottom:1px solid #d6d6d6; transition:all .5s ease; -webkit-transition:all .5s ease; }
.gnbWrap h1 { margin:8px 0 0 -35px; display:inline-block; transition:all .5s ease; -webkit-transition:all .5s ease; }
.gnbWrap h1 img { transform:scale3d(0.6,0.6,1);  -webkit-transform:scale3d(0.6,0.6,1); transition:all .5s ease; -webkit-transition:all .5s ease; }
.gnbWrap ul { float:right; margin-top:5px; transition:all .5s ease; -webkit-transition:all .5s ease; }

.gnbWrap.active { height:90px; }
.gnbWrap.active h1 { margin:28px 0 0 10px; }
.gnbWrap.active h1 img { transform:scale3d(1,1,1);  -webkit-transform:scale3d(1,1,1);  }
.gnbWrap.active ul { margin-top:25px; }



.gnbWrap ul li { display:inline-block; }
.gnbWrap ul li:last-child { padding-right:0; }
.gnbWrap ul li a { text-transform:uppercase; display:block; padding:12px 15px; font-size:13px; font-weight:bold; transition:all .3s ease; -webkit-transition:all .3s ease; font-weight:800; color:#434343 }
.gnbWrap ul li a:hover, .gnbWrap ul li.active a { color:#efa300; }
.gnbWrap .mbMenu { position:absolute; top:37px; left:50px; display:none; }
.gnbWrap .mbMenu img { width:48px; }

.gnbWrap ul li.lang { margin-left:10px; position:relative; }
.gnbWrap ul li.lang a { display:inline-block; font-size:12px; padding:12px 5px; color:#797979; font-weight:normal }
.gnbWrap ul li.lang > a { padding:12px 20px 12px 5px; background:url('../img/sub/arrow-btm.png') no-repeat right center; }
.gnbWrap ul li.lang.active > a { background:url('../img/sub/arrow-top.png') no-repeat right center; }
.gnbWrap ul li.lang a img { width:20px; height:15px; margin-right:5px }

.langKind { display:none; position:absolute; background-color:#fff; top:65px; left:-5px; transition:top .5s ease; -webkit-transition:top .5s ease; }
.langKind.active { top:49px; }
.gnbWrap ul li .langKind a { display:block; width:60px; padding:3px 25px 3px 15px; }

.mobileNav { position:absolute; top:0; width:100%; background-color:#fff; z-index:9999; height:100%; text-align:center;
				 transition:all .7s ease; -webkit-transition:all .7s ease; left:-100%; }
.mobileNav.active { left:0; }
.mobileNav .mbMenu { position:absolute; top:40px; left:50px; } 
.mobileNav .mbMenu img { width:48px; }

.mobileNav .lang { text-align:center; }
.mobileNav .lang a { box-sizing:border-box; font-weight:100; }
.mobileNav .lang a img { width:20px; height:15px; }
.mobileNav .lang a:nth-child(2) { margin:0 20px; }

.mainNav { margin-top:120px; }
.mainNav li { margin-bottom:50px; }
.mainNav li a { display:inline-block; text-transform: uppercase; color:#434343; font-size:16px; line-height:30px; padding:10px 0; font-weight:800; position:relative; transition:all .3s ease; -webkit-transition:all .3s ease; }
/*.mainNav li a:after { content:''; width:0; height:3px; background-color:#fff; position:absolute; bottom:0; right:0; left:0; margin:0 auto; transition:all .3s ease; -webkit-transition:all .3s ease; }
.mainNav li a:hover, .mainNav li.active a { color:#efa300; }
.mainNav li a:hover:after, .mainNav li.active a:after { width:100%; background-color:#efa300; }
*/

.homeNav { padding-top:45px; position:relative; }
.homeNav:before { content:''; position:absolute; top:0; left:50%; margin-left:-15px; width:30px; height:1px; background-color:#656665; }
.homeNav li { padding-bottom:30px; }
.homeNav li a { display:inline-block; padding:15px 30px; font-size:14px; color:#656665; transition:all .5s ease; -webkit-transition:all .5s ease; }
.homeNav li a:hover, .homeNav li.active a { background-color:#656565; color:#fff; }

/* footer */
#footer { text-align:center; padding:50px 0; background-color:#fff; position:relative; border-top:1px solid #f1f1f1 }
#footer h1 { padding:0 30px; }
#footer h1 a { display:block; }
#footer h1 img { width:250px; }
#footer ul { display:inline-block; margin-top:10px; }
#footer ul li { display:inline-block; padding:0 2px; }
#footer ul li img { width:25px; }
#footer ul li:last-child { margin-left:10px }
#footer .ment { margin-top:10px; font-size:14px; color:#a2a2a2; line-height:20px; }
.copy { background-color:#eaeaea; color:#636363; text-align:center; padding:30px 10px; font-size:12px }
.topBtn { position:absolute; right:0; bottom:0; background-color:#dfa048; }
.topBtn a { display:block; height:100%; padding:30px 10px; }


.smallFont { font-size:24px !important;  }


/* main */
#container { position:relative; margin-top:55px; }

/*.scDiv { padding-top:100px; }*/
.scDiv h1 { color:#434343; font-size:50px; line-height:57px; padding-bottom:40px; text-align:center;letter-spacing:5px; }
.scDiv .ment { font-size:24px; line-height:40px; text-align:center; }
.scDiv .smallMent { max-width:1130px; margin:0 auto; font-size:16px !important; color:#767676; line-height:24px !important}

.moreBtn { text-align:center; }
.moreBtn a { display:inline-block; width:300px; text-align:center; padding:13px 0 20px; border:1px solid #444; transition:all .3s ease; -webkit-transition:all .3s ease; margin-top:50px; font-size:35px; }
.moreBtn a:hover { background-color:#444; color:#fff; }

/* visual */
.mainVisualWrap > div { height:100%; }
.slide-film { position:relative; height:100%; }
.slide-film li { position:absolute; width:100%; top:0; left:0; }
.slide-film li img { width:100%; }

.bulletWrap { position:absolute; bottom:25px; left:60px; z-index:9; }
.bulletWrap ul {  }
.bulletWrap ul li { display:inline-block; margin-right:20px; width:15px; height:15px; }
.bulletWrap ul li a { display:inline-block; width:100%; height:100%; border:1px solid #fff; border-radius:100%; transition:all .3s ease; -webkit-transition:all .3s ease; }
.bulletWrap ul li.active a { background-color:#fff; }

.visualCtr { position:absolute; top:50%; margin-top:-43px; z-index:9; display:block }
.visualCtr.visualPrev { left:45px; }
.visualCtr.visualNext { right:45px; }
.visualCtr img { width:45px; }

/* about us */

#company h2 { font-size:13px; text-align:center; font-weight:700; color:#434343; margin-bottom:40px; margin-top:-40px }
#company h2 span { color:#b0a69e }
/*#company h1 span { font-size:55px; }*/
#company h1 img { width:100%; max-width:600px; }
#socks, #licens, #company, #contact { padding-top:100px }

.aboutList { max-width:1240px; margin:0 auto; overflow:hidden; margin-top:100px; }
.aboutList li { float:left; width:33.33%; }
.aboutList li > div { margin:0 10%; padding:0 10px 0 90px; }
.aboutList li:nth-child(1) > div { background:url('../img/about-img01.png') no-repeat left 25px; background-size:60px; }
.aboutList li:nth-child(2) > div { background:url('../img/about-img02.png') no-repeat left 25px; background-size:60px; }
.aboutList li:nth-child(3) > div { background:url('../img/about-img03.png') no-repeat left 25px; background-size:60px; }
.aboutList .tit { padding:20px 0 10px; color:#434343; font-size:20px; font-weight:bold; } 
.aboutList .kor, .aboutList .eng { font-size:13px; line-height:22px; color:#767676; }
.aboutList .kor { height:160px; }

.aboutSocks { padding:170px 10%; background:url('../img/about-bg.jpg') no-repeat center; background-size:cover; margin-top:100px; text-align:center }
.aboutSocks img { max-width:100%; height:auto }
.aboutSocks ul { overflow:hidden; }
.aboutSocks ul li { width:25%; float:left; }
.aboutSocks p { text-align:center; font-size:20px; color:#d7d7d7; }
.aboutSocks .ico { text-align:center; padding-bottom:20px; }
.aboutSocks .ico span { display:inline-block; width:180px; height:180px; border-radius:180px; border:2px solid #dfa048; background:url('../img/about-k-ico.png') no-repeat center; }
.aboutSocks .ico.i span { background:url('../img/about-i-ico.png') no-repeat center; }
.aboutSocks .tit { font-size:30px; color:#dfa048; line-height:32px; padding:40px 0 20px; }

/* kikiya socks */
#socks .ment { max-width:1000px; margin:0 auto; color:#767676; font-size:16px; line-height:24px; margin-bottom:50px; padding:0 10px }
.socksinner { max-width:1540px; margin:0 auto }
.socksinner .ment { font-size:16px; line-height:24px; color:#767676; max-width:900px; margin:0 auto; margin-bottom:40px }
.socksList { overflow:hidden; min-height:600px }
.socksList li { float:left; width:25%; position:relative; text-align:center; overflow:hidden; }
.socksList li > div { margin:10px }
.socksList li img { width:100% ! important; height:auto ! important; -webkit-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; }
.socksList li .overlay { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; }
.socksList li .overlay a { display:block; width:100%; height:100%; background-color:rgba(255,255,255,0.75); }
.socksList li .overlay span { position:absolute; top:50%; margin-top:-30px; left:50%; margin-left:-30px; }
.socksList li:hover .overlay { opacity:1; }
.socksList li .tableDiv { height:100%; box-sizing:border-box; padding:20px; opacity:0; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s; }
.socksList li h2 { color:#622f7c; font-size:6px; line-height:24px; margin-bottom:20px }

.socksList li:hover img { transform:scale3d(1.7,1.7,1.7) rotate(-25deg) }
.socksList li:hover .tableDiv { transform:scale3d(2,2,2); opacity:1 }
.mainSocksList { min-height:auto ! important }

.stableDgResponse { max-width:1540px; margin:0 auto; overflow:hidden; text-align:center }
.stableDgResponse li { margin-bottom:2% }
.stableDgResponse ul { float:left; margin:0 0.5% }
.stableDgResponse ul:first-child li:nth-child(2) { float:left; width:49%; margin-right:0.5% }
.stableDgResponse ul:first-child li:nth-child(3) { float:right; width:49%; margin-left:0.5% }
.stableDgResponse ul:first-child { width:48.5% }
.stableDgResponse ul:nth-child(2) { width:13% }
.stableDgResponse ul:nth-child(3) { max-width:35.5% }
.stableDgResponse li img { max-width:100% ! important; height:auto ! important; transition:all .3s ease }
.stableDgResponse a:hover img { opacity:0.4 }

/* 2018-03-13 메인 캐릭터 추가 */
.stableDgResponseAddedSpan4 { max-width:1540px; margin:0 auto -7.5px; overflow:hidden; text-align:center; }
.stableDgResponseAddedSpan4 li { float:left; width:25% }
.stableDgResponseAddedSpan4 li a { display:block; margin:0 0.5% }
.stableDgResponseAddedSpan4 li img { max-width:100% ! important; height:auto ! important; transition:all .3s ease }
.stableDgResponseAddedSpan4 a:hover img { opacity:0.4 }

/* character socks */
.mLicenseList li { position:relative; }
.mLicenseList li img { width:100%; }
.mLicenseList li .overlay { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff; opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease; }
.mLicenseList li .overlay a { display:block; height:100%; }
.mLicenseList li:hover .overlay { opacity:0.7; }

/* contact */
.contactWrap { overflow:hidden; }
.contactWrap > div { float:left; width:50%; box-sizing:border-box; padding:30px 70px 30px 10px; opacity:0; }
.contactWrap .inquiry { padding-right:200px; padding-left:70px; border-left:1px solid #959595; padding-top:15px; }
.contactWrap .info { text-align:right; }
.contactWrap .info h2 { color:#252525; font-size:20px; padding-bottom:20px; position:relative; margin:20px 0; }
.contactWrap .info h2:after { content:''; width:50px; height:2px; background-color:#252525; position:absolute; right:0; bottom:0; }
.contactWrap .info p { font-size:16px; line-height:22px; }
.contactWrap .info ul { margin-top:55px; }
.contactWrap .info ul li { font-size:16px; padding:5px 0; }
.contactWrap .info ul li:nth-child(4), .contactWrap .info ul li:nth-child(5) { font-weight:bold; }
.contactWrap .info ul li a { display:block; height:100%; color:#434343; }
.contactWrap .info ul li span { padding-left:20px; }
.contactWrap .info ul li img { width:20px; }
.contactWrap .inquiry ul {  }
.contactWrap .inquiry ul li { overflow:hidden; margin-bottom:15px; }
.contactWrap .inquiry ul li p { float:left; width:49%; } 
.contactWrap .inquiry ul li p:first-child { margin-right:2%; }
.contactWrap .inquiry ul li input { width:100%; border:1px solid #898989; padding:10px; box-sizing:border-box; font-size:15px; }
.contactWrap .inquiry ul li input[type="submit"] { border:1px solid #252525; color:#fff; background-color:#252525; transition:all .3s ease; -webkit-transition:all .3s ease; cursor:pointer;
														width:100%; }
.contactWrap .inquiry ul li input[type="submit"]:hover { background-color:#fff; color:#252525; }
.contactWrap .inquiry ul li textarea { min-height:280px; padding:10px; border:1px solid #000; width:100%; box-sizing:border-box; font-size:15px; resize:none; } 

.contactWrap .inquiry ul li:nth-child(3), .contactWrap .inquiry ul li:nth-child(4) { margin-bottom:0; }
.contactWrap .inquiry ul li input[type="checkbox"] { width:auto; }


.contactWrap .info.active { animation-duration: 1s; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-fill-mode:both; animation-fill-mode:both; opacity:1; }
.contactWrap .info.default { animation-duration: 1s; -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; -webkit-animation-fill-mode:both; animation-fill-mode:both; opacity:1; }
.contactWrap .inquiry.active { animation-duration: 1s; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode:both; animation-fill-mode:both; opacity:1; }
.contactWrap .inquiry.default { animation-duration: 1s; -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; -webkit-animation-fill-mode:both; animation-fill-mode:both; opacity:1; }

#map { margin-top:100px; height:430px; }

/* license */
.mainLicense { position:relative; }
.mainLicense img { width:100%; }
.mainLicense > p { position:absolute; top:0; left:0; width:100%; animation-duration: 1s; opacity:0; }
.mainLicense p:nth-child(2) { animation-delay : .1s; -webkit-animation-delay:.1s; }
.mainLicense p:nth-child(3) { animation-delay : .4s; -webkit-animation-delay:.4s; }
.mainLicense p:nth-child(4) { animation-delay : .7s; -webkit-animation-delay:.7s; }
.mainLicense p:nth-child(5) { animation-delay : 1s; -webkit-animation-delay:1s; }
.mainLicense p:nth-child(6) { animation-delay : 1.3s; -webkit-animation-delay:1.3s; }
.mainLicense p:nth-child(7) { animation-delay : 1.6s; -webkit-animation-delay:1.6s; }
.mainLicense p:nth-child(8) { animation-delay : 1.9s; -webkit-animation-delay:1.9s; }
.mainLicense.active > p { animation-duration: 1s; -webkit-animation-name: appearAni; animation-name: appearAni; -webkit-animation-fill-mode:both; animation-fill-mode:both; opacity:1; }
.mainLicense.default > p { opacity:1; }

@keyframes appearAni {
  0% { transform:translateY(40px); -webkit-transform:translateY(40px); opacity:0; }
  100% { transform:translateY(0); -webkit-transform:translateY(0); opacity:1; }
}
@-webkit-keyframes appearAni {
  0% { transform:translateY(40px); -webkit-transform:translateY(40px); opacity:0; }
  100% { transform:translateY(0); -webkit-transform:translateY(0); opacity:1; }
}

@keyframes hideAni {
  0% { transform:translateY(0); -webkit-transform:translateY(0); opacity:1; }
  100% { transform:translateY(40px); -webkit-transform:translateY(40px); opacity:0; }
}
@-webkit-keyframes hideAni {
  0% { transform:translateY(0); -webkit-transform:translateY(0); opacity:1; }
  100% { transform:translateY(40px); -webkit-transform:translateY(40px); opacity:0; }
}

@keyframes fadeInLeft {
  0% { transform:translateX(-100%); -webkit-transform:translateX(-100%); opacity:0; }
  100% { transform:translateX(0); -webkit-transform:translateX(0); opacity:1; }
}
@-webkit-keyframes fadeInLeft {
  0% { transform:translateX(-100%); -webkit-transform:translateX(-100%); opacity:0; }
  100% { transform:translateX(0); -webkit-transform:translateX(0); opacity:1; }
}

@keyframes fadeOutLeft {
  0% { transform:translateX(0); -webkit-transform:translateX(0); opacity:1; }
  100% { transform:translateX(-100%); -webkit-transform:translateX(-100%); opacity:0; }
}
@-webkit-keyframes fadeOutLeft {
  0% { transform:translateX(0); -webkit-transform:translateX(0); opacity:1; }
  100% { transform:translateX(-100%); -webkit-transform:translateX(-100%); opacity:0; }
}

@keyframes fadeInRight {
  0% { transform:translateX(100%); -webkit-transform:translateX(100%); opacity:0; }
  100% { transform:translateX(0); -webkit-transform:translateX(0); opacity:1; }
}
@-webkit-keyframes fadeInRight {
  0% { transform:translateX(100%); -webkit-transform:translateX(100%); opacity:0; }
  100% { transform:translateX(0); -webkit-transform:translateX(0); opacity:1; }
}

@keyframes fadeOutRight {
  0% { transform:translateX(0); -webkit-transform:translateX(0); opacity:1; }
  100% { transform:translateX(100%); -webkit-transform:translateX(100%); opacity:0; }
}
@-webkit-keyframes fadeOutRight {
  0% { transform:translateX(0); -webkit-transform:translateX(0); opacity:1; }
  100% { transform:translateX(100%); -webkit-transform:translateX(100%); opacity:0; }
}


/* sub */
/* kikiya socks */
.filterWrap { text-align:center; margin-bottom:100px; }
.filterMenu { display:inline-block; }
.filterMenu li { display:inline-block; padding:0 10px; }
.filterMenu li a { display:block; position:relative; padding:5px 12px; color:#434343; font-size:11px; font-weight:800; letter-spacing:2px }
.filterMenu li a:hover, .filterMenu li a.active { color:#dfa048; font-weight:bold; }
.filterMenu li a.active:before { content:'['; display:block; position:absolute; left:0; top:4px; }
.filterMenu li a.active:after { content:']'; display:block; position:absolute; right:0; top:4px; }

.socksFliterList li { display:none }
.smallSideTitle { font-size:13px; font-weight:700; text-align:center; margin-top:-40px; margin-bottom:25px; color:#b0a69e; letter-spacing:2px }

/* license */
.licenseList { overflow:hidden; margin:35px -5px 100px; }
.licenseList li { width:25%; float:left; margin-bottom:10px; }
.licenseList li > div {  }
/*.licenseList li > div a { display:block; height:100%; }*/
.licenseList li > div img { width:100%; }



/* board */
.tbBase { max-width:1000px; margin:10px auto 0; border-top:2px solid #dfa048; }
.tbBase table { width:100%; table-layout:fixed; }
.tbBase table th, .tbBase table td { text-align:center; padding:10px; border-bottom:1px solid #c9c9c9; box-sizing:border-box; }
.tbBase table th { font-size:14px; color:#464646; }
.tbBase table td { font-size:14px; color:#656565; }
.tbBase table td.num { font-weight:bold;  }
.tbBase table td.name { color:#dfa048; }
.tbBase table td.date { color:#979797; }
.tbBase table td a { display:inline-block; }
.tbBase table td a.tit { display:block; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tbBase table td .con { min-height:300px; }
.tbBase table td { word-break:break-all }

.tbBase.view table th, .tbBase.view table td { text-align:left; }

.mobileView { display:none }

.writeBtn { text-align:right; }
.writeBtn a, .ctrBtn a { width:auto; font-size:19px; padding:10px 65px 8px; margin-top:30px; }
.ctrBtn .yellowBtn { color:#dfa048; border:1px solid #dfa048; }
.ctrBtn .yellowBtn:hover { background-color:#dfa048; color:#fff; }
.ctrBtn .redBtn { color:#df4848; border:1px solid #df4848; margin:0 10px; }
.ctrBtn .redBtn:hover { background-color:#df4848; color:#fff; }

.pagingWrap { text-align:center; margin-top:30px; }
.pagingWrap p { display:inline-block; margin-left:20px; }
.pagingWrap .ctrBtnWrap:first-child { margin-right:20px; margin-left:0; }
.pagingWrap a { display:inline-block; padding:2px 10px 5px; box-sizing:border-box; width:36px; border:1px solid #d3d3d3; color:#d3d3d3; transition:all .3s ease; -webkit-transition:all .3s ease; }
.pagingWrap a.active, .pagingWrap a:hover { border:1px solid #dfa048; color:#dfa048; }
.pagingWrap p a { border:1px solid #000; }

.tbBase.write { margin-bottom:100px; }
.tbBase.write > ul > li { overflow:hidden; padding:15px 0; border-bottom:1px solid #c9c9c9; } 
.tbBase.write > ul > li .formWrap { display:table; width:50%; float:left; } 
.tbBase.write > ul > li .formWrap.big { width:100%; }
.tbBase.write > ul > li .formWrap > div { float:left; display:table-cell; box-sizing:border-box; padding:0 15px; vertical-align:middle; }

.tbBase.write > ul > li .tit { width:18%; padding-top:5px; }
.tbBase.write > ul > li .nomCon { width:82%; }

.tbBase.write > ul > li .formWrap.big .tit { width:9%; padding-top:5px; }
.tbBase.write > ul > li .formWrap.big .nomCon { width:41%; }
.tbBase.write > ul > li .formWrap.big .bigCon { width:91%; }

.tbBase.write > ul > li > span { color:#979797; display:inline-block; padding-left:5px; font-size:15px; }
.tbBase.write > ul > li input, .tbBase.write > ul > li select { width:100%; height:35px; line-height:35px; border:1px solid #dbdbdb; box-sizing:border-box; padding:0 0 0 10px; }
.tbBase.write > ul > li input[type="file"] { width:auto; }
.tbBase.write > ul > li .pass input { width:31%; }
.tbBase.write ul li .conWrite { min-height:200px; }
.email, .phone { overflow:hidden; }
.email li, .phone li { float:left; text-align:center; }
.email li:nth-child(1) { width:31%; }
.email li:nth-child(2) { width:5%; }
.email li:nth-child(3) { width:31%; }
.email li:nth-child(4) { width:31%; padding-left:2%; }

.phone li:nth-child(1) { width:32%; }
.phone li:nth-child(2) { width:2%; }
.phone li:nth-child(3) { width:32%; }
.phone li:nth-child(4) { width:2%; }
.phone li:nth-child(5) { width:32%; }

/* 비밀번호 확인 */
.boardPassWrap { text-align:center; }
.boardPassWrap h2 { padding:35px 0 30px; color:#464646; font-size:30px; line-height:32px; }
.boardPassWrap p { color:#979797; }
.boardPassWrap .passForm { margin-top:50px; }
.boardPassWrap .passForm p { margin-bottom:15px; }
.boardPassWrap .passForm input { height:55px; line-height:55px; width:346px; border:1px solid #d3d3d3; text-align:center; }

/* 게시판 검색 */
.bbsSearch { max-width:1000px; margin:0 auto }
.bbsSearch input[type="text"] { border:1px solid #d6d6d6; height:36px; line-height:36px; text-indent:10px; width:250px; transition:all .3s ease }
.bbsSearch input[type="text"]:focus { border-color:#dfa048; box-shadow:0 0 5px rgba(0,0,0,0.1) }
.bbsSearch input[type="submit"] { padding:0 20px; height:38px; line-height:38px; background:#dfa048; border:1px solid #dfa048 ! important; color:#fff; font-weight:bold; font-size:14px; border:0px none; cursor:pointer; transition:all .3s ease }
.bbsSearch input[type="submit"]:hover, .bbsSearch input[type="submit"]:focus { background:#fff; color:#434343 }

/* 20170921 */
.newAgrCont a { background-color:#e7e6e6; color:#404040; border:1px solid #a6a6a6; display:inline-block; margin-left:5px;
	padding:0 12px; font-size:13px; }
.newWhtBtn { display:inline-block; width:125px; height:25px; line-height:25px; text-align:center; border:1px solid #a2a2a2;
						margin-left:10px; color:#a2a2a2; background-color:#fff; }


/* 개인정보처리방침 */
.newPrvCont textarea { width:100%; box-sizing:border-box; padding:10px; font-size:13px !important; height:100px; min-height:180px !important; resize:none; }

.privacyCont .tit { padding:20px 0 10px 15px; font-weight:bold; font-size:18px; position:relative; }
.privacyCont .tit:before { content:''; display:block; width:10px; height:10px; background-color:#333; position:absolute; top:28px; left:0; }
.privacyCont .dotLst, .dashLst { position:relative; padding-left:12px; }
.privacyCont .dotLst:before { content:''; display:block; width:5px; height:5px; border-radius:4px; background-color:#777; position:absolute; top:12px; left:0; }
.privacyCont .dashLst { margin-left:12px; }
.privacyCont .dashLst:before { content:'-'; color:#777; position:absolute; top:-1px; left:0; }
.privacyCont .in { padding-left:12px; }
.privacyCont .in2 { padding-left:22px; }