﻿@charset "utf-8";

/* Common CSS Document */
/**************************************************
	Slick Slide
**************************************************/
/* Common */
.slickwrap{position:relative;}
.slickwrap .slider .item{vertical-align:top;}
.slickwrap .slider a{display:block;}
.slickwrap .slider .item .mobile{display:none;}
.slickwrap .slider .item a:focus-visible{border:2px solid var(--g-black); outline-offset:-3px;}
.slickwrap .slider .item img{width:100%; margin:0 auto;}


/* Text Align */
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.valm{vertical-align:middle !important;}
.valt{vertical-align:top !important;}

td[align=center] img{vertical-align:middle;}
.tb_list_data img{vertical-align:middle;}
.cont_body .board2List li{height:165px;}

/* Form Control 
input,
select,
textarea,
label{display:inline-block; width:auto; vertical-align:middle; line-height:1.4;}
input[type=text],
input[type=password],
select,
textarea{box-sizing:border-box; padding:7px 8px; border:1px solid #ddd; border-radius:3px; background:#fff; box-shadow:inset 0 1px 2px rgba(0,0,0,0.075); vertical-align:middle;}
input[type=text],
input[type=password],
select{height:34px;}
select::-ms-expand {background-color: transparent; border: 0;}
input[type=file]{font-size:1.08em;}
input[type=checkbox],
input[type=radio]{width:13px; height:13px; margin:2px 3px 1px 0;}
*/

/** 폼서식 **/
input[type=text],
input[type=password],
input[type=file]{height:24px; padding:0 5px; border:1px solid #cdcdcd; background:#fff; line-height:24px;}
input[type=file]{height:24px; line-height:24px;}
input[type=checkbox],
input[type=radio]{display:inline-block; width:13px; height:13px; margin:2px 3px 0 0; vertical-align:middle;}
label{display:inline-block; vertical-align:middle;}
select{display:inline-block; height:26px; border:1px solid #cdcdcd; vertical-align:top;}
textarea{display:inline-block; border:1px solid #cdcdcd; vertical-align:top;}


/** 컨텐츠 타이틀,리스트,박스 **/
/* Content Title */
.conTit1{font-size:1.75em;font-weight:bold;padding:10px 0 10px; }
.conTit2{padding:0 0 10px 21px; font-weight:bold; font-size:1.154em; background:url(../images/common/bu_d1.jpg) no-repeat 5px 4px; line-height:1.8;}
.conTit3{padding:0 0 6px 11px;  line-height:1.6;}
.conTitGuide{padding:8px 0 8px 45px; background:url(../images/common/bu_guide.jpg) no-repeat 0 1px; font-weight:bold; font-size:1.1em; line-height:1.8; color:#333; margin:0 0 5px 0;}
/* Content List */
.conLst1{}
.conLst1>li{padding:0 0 4px 8px; font-weight:normal; line-height:1.6;}
.conLst1>li ul{margin-top:5px;}
.conLst1>li li{padding-bottom:4px;}
.conLst2{}
.conLst2>li{padding:0 0 4px 21px;  font-size:1.154em; background:url(../images/common/bu_d1.jpg) no-repeat 5px 4px; line-height:1.6;}
.conLst2>li ul{margin-top:5px;}
.conLst2>li li{padding-bottom:4px;}
.conLst3{}
.conLst3>li{padding:0 0 4px 11px; font-weight:normal; background:url(../images/common/bu_d2.jpg) no-repeat 2px 9px; line-height:1.6;}
.conLst3>li ul{margin-top:5px;}
.conLst3>li li{padding-bottom:4px;}
.conLst4{}
.conLst4>li{padding:0 0 4px 8px; background:url(../images/common/bu_d3.jpg) no-repeat 0 9px; line-height:1.6;}
.conLst4>li ul{margin-top:5px;}
.conLst4>li li{padding-bottom:4px;}
.conLst5{}
.conLst5>li{padding:0 0 4px 9px; background:url(../images/common/bu_d4.jpg) no-repeat 0 10px; line-height:1.6;}
.conLst5>li ul{margin-top:5px;}
.conLst5>li li{padding-bottom:4px;}
/* 가나다 List */
.conLstGa {}
.conLstGa>li {padding:0 0 4px 1.5em !important; text-indent:-1.5em; background:none !important;}
.conLstGa>li div,
.conLstGa>li p,
.conLstGa>li dl,
.conLstGa>li ul {text-indent:0;}
/* 123 List */
.conLstDec {}
.conLstDec>li {padding:0 0 4px 1.2em !important; text-indent:-1.2em; background:none !important;}
.conLstDec>li div,
.conLstDec>li p,
.conLstDec>li dl,
.conLstDec>li ul {text-indent:0;}
/* 당구장표시 들여쓰기 */
.conLstDang {padding:0 0 4px 1.5em !important; text-indent:-1.5em; background:none !important;}
/* Content Box */
.conBox{margin-bottom:2em;}


/*** 본인인증 ***/
.nice{padding:0 20px 27px;width:700px;line-height:1.5;border-top:2px solid #ed0080;background:url(../images/common/bg_nice.png) no-repeat 0 0;}
.nice .t_txt{height:73px;padding:48px 0 0 129px;font-size:16px;font-weight:bold;}
.nice .t_txt strong{color:#ed0080;}
.nice .citation{overflow:hidden;margin:17px -1% 0;}
.nice .citation>div{float:left;padding:0 30px;width:39%;margin:0 1%;height:270px;text-align:center;border:1px solid #d9d9d9;border-top:2px solid #444;background:#f8f8f8;}
.nice .citation>div .tit{position:relative;margin:25px 0 13px;padding-bottom:10px;font-size:18px;}
.nice .citation>div .tit:after{content:''; display:block; position:absolute; bottom:0; left:50%;margin-left:-15px; width:30px; height:2px; background:#444; }
.nice .citation>div .txt{margin-bottom:45px;font-size:14px;line-height:1.6;}
/* 본인인증 모바일  */
@media screen and (max-width: 640px){
	body{overflow:auto !important;}
	.nice{width:auto; height:auto; padding:0 15px; line-height:1.5;background:none;}
	.nice .t_txt{height:auto; padding:15px 0;font-size:14px;font-weight:bold;letter-spacing:0;}
	.nice .t_txt strong{color:#2e62ab;text-decoration:underline;}
	.nice .citation>div{float:left; width:46%; height:auto; margin:0 2% !important; padding:0 15px 15px; text-align:center; box-sizing:border-box;}
}
@media screen and (max-width: 480px){
	.nice{padding:0 10px;}
	.nice .citation>div{float:left; width:100%; margin:0 0 20px !important; padding:0 15px 20px;}
}




/* Link Button Common */
.link_button,
.link_button *{position:relative; display:inline-block; display:-moz-inline-stack; box-sizing:border-box; overflow:visible; margin:0; padding:0; text-decoration:none !important; border:0px solid transparent; font-size:15px; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer;}
/* link_button Size - default / txt / icon */
.link_button{height:40px; padding:0 55px 0 15px; border-color:#ccc; background-color:#a92289; color:#fff !important; line-height:40px;}
.link_button.txt{height:auto; padding:0 25px 0 5px; border:none; background:none; font-size:13px; line-height:inherit;}
.link_button.ico{overflow:hidden; width:40px; padding:0; line-height:40px; text-indent:-9999em;}
/* Link Icon */
.link_button:before,
.link_button:after{content:''; display:inline-block; position:absolute; top:0; right:0; width:38px; height:38px; border-left:1px solid #fff;}
.link_button:after{top:7px; right:6px; width:24px; height:24px; border:0; background:url(../images/common/sp_btn_ico.png) no-repeat 0 0;}
.link_button.direct:after{top:8px; background-position:-30px 0;}
.link_button.download:after{background-position:-30px -30px;}
.link_button.location:after{right:6px; background-position:-30px -60px;}
.link_button.attfile:after{background-position:-30px -90px;}
/* sm */
.link_button.txt:before{display:none;}
.link_button.txt:after{top:50%; right:0; width:20px; height:20px; margin:-10px 0 0;}
.link_button.txt.direct:after{background-position:0 0;}
.link_button.txt.download:after{background-position:0 -30px;}
.link_button.txt.location:after{right:0; background-position:0 -59px;}
/* ico */
.link_button.ico:before{display:none;}



/* imgLst 목록 */
.imgLst_area{overflow:hidden;}
.imgLst{overflow:hidden;margin:0 -3% 0;border-bottom:1px solid #d6dadc;}
.imgLst>li{float:left;margin:0 0 -1px;padding:30px 3%;width:27%;border-bottom:1px solid #d9d9d9;}
.imgLst .img a{position:relative;display:inline-block;}
.imgLst .img img{width:280px;height:180px;border:1px solid #d9d9d9;}
.imgLst .info .tit{display:block;margin:10px 0 10px;font-size:1.23em;font-weight:bold;line-height:1.4;}
.imgLst .info .info_lst{margin:10px 0;}
.imgLst .info .info_lst li{position:relative;padding:0 0 0 10px;font-size:1.077em;background:none;}
.imgLst .info .info_lst li:before{content:''; display:block; position:absolute; top:50%; left:0;margin-top:-3px; width:3px; height:3px; background:#b6b6b9;}
.imgLst .btn .button{width:100%;padding:0;}


 /*Paging
.pagination{margin:20px 0; text-align:center; line-height:normal;}
.pagination a,
.pagination strong{display:inline-block; width:26px; height:24px; margin:0 -2px 0 -3px; border:1px solid #ddd; background:#fff; font-size:11px; font-weight:bold; font-family:Tahoma, sans-serif; color:#777; line-height:24px; text-decoration:none; vertical-align:middle;}
.pagination strong{position:relative; z-index:10; border-color:#226e98; background:#057ac3; color:#fff;}
.pagination .page_prev,
.pagination .page_prevend,
.pagination .page_next,
.pagination .page_nextend{width:auto; padding:0 10px;}
*/
/** pagination **/
.pagination{margin:30px 0; text-align:center; line-height:normal;}
.pagination a,
.pagination strong{display:inline-block; width:25px; height:25px; margin:0 0 0 -1px; border:1px solid #d9d9d9; background:#fff; font-size:14px;color:#444; line-height:25px; text-decoration:none; vertical-align:middle;}
.pagination strong{position:relative; z-index:10; border-color:#444; background:#444; color:#fff;}
.pagination .page_prev,
.pagination .page_prevend,
.pagination .page_next,
.pagination .page_nextend{text-indent:-999em;margin:0 -2px 0 -3px;}
.pagination .page_prev{margin-right:9px;}
.pagination .page_next{margin-left:9px;}
.pagination .page_prevend,
.pagination .page_nextend{width:45px;}
.pagination .page_prevend{background:#f3f3f3 url(../images/common/ico_page_prevend.gif) no-repeat 50% 50%;}
.pagination .page_prev{background:#f3f3f3 url(../images/common/ico_page_prev.gif) no-repeat 50% 50%;}
.pagination .page_next{background:#f3f3f3 url(../images/common/ico_page_next.gif) no-repeat 50% 50%;}
.pagination .page_nextend{background:#f3f3f3 url(../images/common/ico_page_nextend.gif) no-repeat 50% 50%;}


/* Button Size - default / small / large */
/* Button Common */
.button,
.button *{position:relative; display:-moz-inline-stack; display:inline-block; overflow:visible; margin:0; padding:0; text-decoration:none !important; border:0; white-space:nowrap; text-align:center;font-size:14px;font-weight:bold; vertical-align:top; cursor:pointer;}
.button img{vertical-align:middle;}
/* Button Size - default / small / large */
.button {display:inline-block;padding:0 35px;height:43px; line-height:43px; border:1px solid #d7d7d7; background:#f3f3f3 ; color:#444 !important;}
input.button,
button.button{height:45px;}
.button.xsmall{height:26px; line-height:26px; padding:0 15px; border:1px solid #d7d7d7;}
.button.small{height:26px; line-height:26px; padding:0 31px; border:1px solid #d7d7d7;}
input.button.small,
button.button.small{height:28px;}
.button.large{height:43px; font-size:14px; line-height:43px; padding:0 56px; border:1px solid #d7d7d7;}
input.button.large,
button.button.large{height:45px;}
/* 추가한파일_darkgray */
.button.dar{padding:0 35px;height:43px; line-height:43px; background:#444 ; color:#fff !important;}
input.button.dar,
button.button.dar{height:45px;}

/* Button Color */
.button.pink{background:#ed0080; border-color:#ed0080; color:#fff !important;}
.button.blue{background:#0da0e4; border-color:#0da0e4; color:#fff !important;}
.button.darkgray{background:#444444; border-color:#444444 ; color:#fff !important;}
.button.white{background:#fff; border-color:#d7d7d7; color:#7c7c7c !important;}

/* Button Icon */
.button.more{padding:0 15px 0 25px; }
.button.more *{padding:0 47px 0 0; background:url(../images/common/ico_btn_more.jpg) #f3f3f3 no-repeat 100% 50%;}
.button.down{padding:0 15px 0 25px; }
.button.down *{padding:0 47px 0 0; background:url(../images/common/ico_btn_down.jpg) #f3f3f3 no-repeat 100% 50%;}
.button.site{padding:0 15px 0 25px; }
.button.site *{padding:0 47px 0 0; background:url(../images/common/ico_btn_site.jpg) #f3f3f3 no-repeat 100% 50%;}
.button.map{padding:0 15px 0 25px; }
.button.map *{padding:0 47px 0 0; background:url(../images/common/ico_btn_map.jpg) #f3f3f3 no-repeat 100% 50%;}


/* 추가한파일_Button Icon_darkgray */
.button.dar.more{padding:0 15px 0 25px; }
.button.dar.more *{padding:0 47px 0 0; background:url(../images/common/ico_btn_more.jpg) #444444 no-repeat 100% 50%;}
.button.dar.down{padding:0 15px 0 25px; }
.button.dar.down *{padding:0 47px 0 0; background:url(../images/common/ico_btn_down.jpg) #444444 no-repeat 100% 50%;}
.button.dar.site{padding:0 15px 0 25px; }
.button.dar.site *{padding:0 47px 0 0; background:url(../images/common/ico_btn_site.jpg) #444444 no-repeat 100% 50%;}
.button.dar.map{padding:0 15px 0 25px; }
.button.dar.map *{padding:0 47px 0 0; background:url(../images/common/ico_btn_map.jpg) #444444 no-repeat 100% 50%;}

/* Button width */
.button.wdType1{width:148px;}

/* Button Box */
.buttonBox{position:relative; display:-moz-inline-stack; display:inline-block; overflow:visible; height:43px; line-height:43px; margin:0; padding:0 5px 0 8px; text-decoration:none !important; border:1px solid #d7d7d7; background:#f3f3f3; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer;}
.buttonBox *{display:inline-block; vertical-align:middle;}
.buttonBox img{margin:-4px 2px 0;}

