/*========================= 공통으로 쓰는 스타일입니다. [각 컨텐츠 스타일은 sub_content.css 여기에 쓰세요]===================*/

#content { color: #272727; /*font-size: 16px;*/ font-size: 15px; padding-bottom:65px; float: left; width: 100%; font-weight:300; line-height:1.7em;}
#content img {max-width: 100%;}
#content span.next { display:block;}

.mobile_img{ display:none}/*모바일용 이미지 웹에서 숨김처리*/
.bgno { background:none !important; padding-left:0px; } /*백그라운드 없음*/ 
.c0 { margin-top:0px; }
.pc_none { display:none; } /*모바일,PC 디스플레이 속성*/
h4:first-child { margin-top:0px; } /*모든 컨텐츠 첫번째 h4 마진값없음*/


/* 콘텐츠 Headline */
h4 { background: url("/images/common/sub/content_bl.png") no-repeat 0px 4px; margin-top:65px; padding-left:36px; color:#02346b; font-size:27px; font-weight:300; letter-spacing:-1px; display:block; line-height:33px; }
h5 { background: url("/images/common/sub/content_bl.png") no-repeat 0px -71px; margin-top:50px; padding-left:20px; color:#785828; font-size:22px; font-weight:300; display:block; }
h6 { background: url("/images/common/sub/content_bl.png") no-repeat 0px -129px; margin-top:40px; padding-left:33px; color:#128009; font-size:19px; font-weight:400; display:block;  }


/*ul*/
ul.basic { margin-top:20px;}
ul.basic > li { background:url("/images/common/sub/basic_ul_bl.png") no-repeat 0px 11px ; padding:0 0 0 10px; }
ul.basic > li > ul { margin:5px 0; }
ul.basic > li > ul li { background:url("/images/common/sub/basic_ul_ul_bl.png") no-repeat 0px 7px ; padding:0 0 0 10px; }
ul.basic > li > ul li ul li { background:url("/images/common/sub/basic_ul_ul_ul_bl.png") no-repeat 0px 7px ; padding:0 0 0 10px; }
ul.ul_po > li { background:url("/images/common/sub/w_bl.png") no-repeat 0px 7px ; padding: 0 0 0 22px; }
ul.ul_br > li { background:url("/images/common/sub/br_bl.png") no-repeat 0px 7px ; padding: 0 0 0 22px; }


/*ol*/
ol.basic { margin-top:20px; list-style: none; counter-reset: counter;}
ol.basic > li { margin-top:7px; padding-bottom:7px; border-bottom:1px dashed #9e9e9e; counter-increment: counter; }
ol.basic > li:before{content: counter(counter); display: inline-block; border-radius: 19%; border: 1px solid #c5c5c5; width: 26px; height: 26px; line-height: 26px; text-align: center; vertical-align: middle; margin: -1px 5px 0 3px; text-indent: -1px;}
ol.basic > li > ul { background-color:#f9f7f3; padding:8px 17px; margin:10px 0; }
ol.basic > li > ul li { background:url("/images/common/sub/basic_ul_ul_bl.png") no-repeat 0px 7px ; padding:0 0 0 10px; }
ol.ol_br > li:before { background-color:#418bcc; border:1px solid #418bcc; color:#fff; } /*블루*/
ol.ol_ye > li:before { background-color:#fac426; border:1px solid #fac426; } /*옐로우*/


.pen{ background: linear-gradient(to top, #ffe16c 50%, transparent 50%);}/*형광펜느낌*/
.underline{ border-bottom: 1px solid #000;} /* 언더라인 */


/*테이블*/
table.basic { margin:18px 0 5px 0; border-right:1px solid #d2d2d2; border-top:2px solid #4264a3; border-bottom:1px solid #d2d2d2;  border-collapse:collapse; clear:both; width:100%; }
table.basic th { font-weight:400; padding:13px; background-color:#f5f8fd; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-top:1px solid #4264a3; vertical-align:middle; word-break:keep-all; color:#002a77; font-size:17px; }
table.basic td { background-color:#fff; text-align:center; padding:10px !important; border-left:1px solid #dedede; border-top:1px solid #dedede; vertical-align:middle; word-break:break-all;}
table.basic td.th { background-color:#f5f8fd;}
table.basic th.bbn { border-bottom:1px solid #d2d2d2; }
table.basic.bbn th { border-bottom:1px solid #d2d2d2; }
table.basic:first-child { margin:0 0 0 0; }
table.basic tr .bg_bl{background:#e4fffc;}


table.basic ul { margin-top:0;}
table.basic ul > li { background:url("/images/common/sub/basic_ul_bl.png") no-repeat 0px 11px ; padding:0 0 0 10px; }
table.basic ul > li > ul { margin:8px 0; background: none; border:none; padding:0px;  }
table.basic ul > li > ul li { background:url("/images/common/sub/basic_ul_ul_bl.png") no-repeat 0px 7px ; padding:0 0 0 10px; }

table.basic ol.basic { margin-top:0px;}
table.basic ol.basic > li { border-bottom:0px; padding-bottom:0px; }
table.basic ol.basic > li:before{ border-radius: 50%; border: 1px solid #c5c5c5; width: 22px; height: 22px; line-height: 22px; font-size:13px; text-indent:1px; }


table.basic .btn_dw { border:0px; }
/*table.basic .btn_dw.hwp:hover, table.basic .btn_dw.pdf:hover, table.basic .btn_dw.xls:hover, table.basic .btn_dw.pptx:hover { border:none; }*/

.tb_info { float:right; padding-bottom:5px;} /*테이블 데이터 단위 우측상단 공통*/


/*박스*/
.c_box { background-color:#f3f4f6; margin-top:20px; padding:25px 30px; border:1px solid #cacccc; }
.c_box > p.basic:first-child, .c_box > ul.basic:first-child, .c_box > ol.basic:first-child, .c_box > h4:first-child, .c_box > h5:first-child { margin-top:0px; }
.c_box > p.basic { margin-top:10px; }
.c_box > ul.basic > li > ul , .c_box > ol.basic > li > ul { background:none; padding:0 0 0 0px; }
.c_box > ol.basic > li::before { border:none; padding: 0 10px 0 0; margin: -4px 0 0 0; width:unset; height:unset; }
.c_box > ol.basic > li:first-child { margin-top:10px; }
.c_box > ol.basic > li { margin-top:17px; }
.c_box > ol.basic > li > ul > li { background:url("/images/common/sub/basic_ul_box_ul_bl.png") no-repeat 0px 3px ; padding: 0 0 0 23px; }
.c_box > ul.basic > li > ul { border:0px; } 
.c_box > ul.basic > li > ul > li { background:url("/images/common/sub/basic_ul_box_ul_bl.png") no-repeat 0px 3px ; padding: 0 0 0 23px; }
.c_box2 { margin-top:20px; padding:25px 30px; border:1px dashed #b3b3b3; }
.c_box2 > p.basic:first-child, .c_box2 > ul.basic:first-child, .c_box2 > ol.basic:first-child, .c_box2 > h4:first-child, .c_box2 > h5:first-child { margin-top:0px; }
.c_box2 > p.basic { margin-top:10px; }
.c_box2 > .c_box { padding:10px; border:0px; margin-top:10px; }
.c_box2 > .c_box:first-child { margin-top:0px; }
.c_box3 { background-color:#f3f4f6; margin-top:20px; padding:5px; border:1px solid #cacccc; }
.c_box3 .in_box { background-color:#fff; padding:25px 30px; overflow:hidden; }
.c_box3 .in_box > p.basic:first-child, .c_box3 .in_box > ul.basic:first-child, .c_box3 > .in_box > ol.basic:first-child, .c_box3 .in_box > h4:first-child, .c_box3 .in_box > h5:first-child { margin-top:0px; }
.c_box > h4 , .c_box > h5, .c_box2 > h4 , .c_box2 > h5, .c_box3 .in_box > h4 , .c_box3 .in_box > h5 { margin:25px 0 0 0; }
.c_box3 > p.basic { margin-top:10px; }
.iconbox { width:100%; min-height:60px; padding:0px; display: inline-block; }
.iconbox .icon { background:url("/images/common/sub/box_icon01.png") no-repeat 58px 49px ; float:left; width:21%; height:120px; position:relative; }
.iconbox .icon2 { background:url("/images/common/sub/box_icon02.png") no-repeat 62px 29px ; float:left; width:21%; height:120px; position:relative; }
.iconbox .icon3 { background:url("/images/common/sub/box_icon01.png") no-repeat 58px 32px ; float:left; width:21%; height:120px; position:relative; }
.iconbox .info { float:left; width:79%; }
.iconbox .info .in_box { background-color: #fff;  padding:25px; }
.iconbox .info .in_box h5:first-child { margin-top:0px; }
.iconbox .info .in_box h5 { background: none; padding-left:0px; }
.iconbox .info .in_box > ul.basic > li > ul { background:none; padding:0px; border:none; }
.iconbox .info .in_box .basic > a.btn_dw { border-radius:50px;}
.c_box:first-child, .c_box2:first-child, .c_box3:first-child { margin-top:0px; }

/* 점선 line_dot*/
.line_dot { border-bottom:1px dashed #d2d2d2; display: block; margin:20px 0px 0px; }


/*p*/
p.basic { margin-top:20px;}
p.line { border-bottom:1px dashed #d2d2d2; display:block; padding-bottom:7px; }


/*당구장 basic*/
.star_a { background:url("/images/common/sub/content_star.png") no-repeat 0px 0px ;  display: block; width:16px; height:16px; float:left; margin:4px 4px 0 0;}
.star_b { background:url("/images/common/sub/content_star_b.png") no-repeat 0px 0px ;  display: block; width:16px; height:16px; float:left; margin:4px 4px 0 0;}
.star_c { background:url("/images/common/sub/content_star_g.png") no-repeat 0px 0px ;  display: block; width:21px; height:21px; float:left; margin:2px 4px 0 0;}


/*btn_p 기본버튼*/
.btn_p { margin-top:20px; }
.btn_p a { color:#fff; padding:10px 38px; transition: all 0.5s ease 0s; border-radius:3px; display:inline-block;}
.btn_p a.p1 { border:1px solid #c83232; color:#c83232; }
.btn_p a.p1:hover { background-color:#c83232; color:#fff; }
.btn_p a.p2 { background-color:#c83232; border:1px solid #821616; }
.btn_p a.p2:hover { background-color:#40434c; border:1px solid #40434c; }
.btn_p a.p3 { background-color:#40434c; border:1px solid #1c233b; }
.btn_p a.p3:hover { background-color:#293f82; border:1px solid #293f82; }
.btn_p a.p4 { background-color:#f4d34f; border:1px solid #a58919; color:#412c00; }
.btn_p a.p4:hover { background-color:#ffcc00; border:1px solid #ffcc00; }
.btn_p a.p5 { border:1px solid #a58919; color:#412c00; }
.btn_p a.p5:hover { background-color:#ffcc00; border:1px solid #ffcc00; }
.btn_p a.block { display: block; }
.btn_p a.rdno { border-radius: 1px; padding:8px 25px; text-align: center; }


/*기본 다운로드 및 새창버튼*/
.btn_dw { background-color: #f8f8f8;  border:1px solid #d2d2d2; border-radius:30px; padding:8px 25px 8px 45px; transition: all 0.5s ease 0s; margin-left: 3px; color:#fff;}
.btn_dw:first-child{margin-left: 0;}
.btn_dw.new3 { background:url("/images/common/sub/newwin_bl_gr_big.png") no-repeat 24px 10px ; color:#000; }
.btn_dw.new3:hover { background:#40434c url("/images/common/sub/newwin_bl_wh_big.png") no-repeat 24px 10px ; border:1px solid #40434c; color:#fff; }
.btn_dw.new4 { background:#4f4f4f url("/images/common/sub/newwin_bl_wh_big.png") no-repeat 24px 10px ; border:1px solid #4f4f4f; }
.btn_dw.new4:hover { background:#256bb9 url("/images/common/sub/newwin_bl_wh_big.png") no-repeat 24px 10px ; border:1px solid #256bb9; }
.btn_dw.new5 { background:#256bb9 url("/images/common/sub/newwin_bl_wh_big.png") no-repeat 24px 10px ; border:1px solid #256bb9; }
.btn_dw.new5:hover { background:#4f4f4f url("/images/common/sub/newwin_bl_wh_big.png") no-repeat 24px 10px ; border:1px solid #4f4f4f; }
.btn_dw.new6 { background:#1f9e46 url("/images/common/sub/newwin_bl_wh_big.png") no-repeat 24px 10px ; border:1px solid #1f9e46; }
.btn_dw.new6:hover { background:#4f4f4f url("/images/common/sub/newwin_bl_wh_big.png") no-repeat 24px 10px ; border:1px solid #4f4f4f; }
.btn_dw.pdf { background: url("/images/common/sub/content_bl.png") no-repeat 20px -345px; border-radius: 2px; border:1px solid #e1574c; color:#a33b32; }
.btn_dw.pdf:hover { background-color: #ffd7d7; }
.btn_dw.hwp { background: url("/images/common/sub/content_bl.png") no-repeat 20px -299px; border-radius: 2px; border:1px solid #4688b5; color:#1e394f; }
.btn_dw.hwp:hover { background-color: #c8e0f1; }
.btn_dw.xls { background: url("/images/common/sub/content_bl.png") no-repeat 20px -391px; border-radius: 2px; border:1px solid #12964b; color:#1a5c36; }
.btn_dw.xls:hover { background-color: #d4ecde; }
.btn_dw.pptx { background: url("/images/common/sub/content_bl.png") no-repeat 20px -437px; border-radius: 2px; border:1px solid #ff6600; color:#8c4618; }
.btn_dw.pptx:hover { background-color: #ffede4; }


/*본문에 들어가는 다운로드 및 새창버튼*/
.btn_dw_in { margin:0px 5px; padding:1px 7px 3px 28px; display: inline-block; border:1px solid #c3c3c3; font-size:14px; border-radius:2px; transition: all 0.5s ease 0s; }
.btn_dw_in.new1 { background:url("/images/common/sub/newwin_bl_br.png") no-repeat 0px 5px ; padding: 0 0 0 20px; margin-left:5px; color:#02346b; font-weight:400; border:none; }
.btn_dw_in.new1:hover { text-decoration: underline; }
.btn_dw_in.new2 { background:url("/images/common/sub/newwin_bl_gr.png") no-repeat 8px 7px ;  }
.btn_dw_in.new2:hover { background:#4169af url("/images/common/sub/newwin_bl_wh.png") no-repeat 8px 7px ; color:#fff; border:1px solid #3f66ab; }
.btn_dw_in.pdf { background: url("/images/common/sub/content_bl.png") no-repeat 5px -349px; }
.btn_dw_in.pdf:hover { background-color:#f4f4f4; border:1px solid #f4f4f4; }
.btn_dw_in.hwp { background: url("/images/common/sub/content_bl.png") no-repeat 5px -303px; }
.btn_dw_in.hwp:hover { background-color:#f4f4f4; border:1px solid #f4f4f4; }
.btn_dw_in.xls { background: url("/images/common/sub/content_bl.png") no-repeat 5px -395px; }
.btn_dw_in.xls:hover { background-color:#f4f4f4; border:1px solid #f4f4f4; }
.btn_dw_in.pptx { background: url("/images/common/sub/content_bl.png") no-repeat 5px -442px; }
.btn_dw_in.pptx:hover { background-color:#f4f4f4; border:1px solid #f4f4f4; }


/*박스안에 50%,50% 정렬*/
.c_box3 .in_box .box_l {float:left;width: 43%;margin-left:3%;border-right:1px solid #e2e2e2;padding-right: 5%;}
.c_box3 .in_box .box_r {float:left;width: 43%;margin-left: 5%;}
.c_box3 .in_box .box_l > ul.basic > li > ul , .c_box3 .in_box .box_r > ul.basic > li > ul { margin:4px 0 10px 0px; }
.c_box3 .in_box .box_l h5:first-child, .c_box3 .in_box .box_l ul.basic:first-child, .c_box3 .in_box .box_r h5:first-child, .c_box3 .in_box .box_r ul.basic:first-child { margin-top:0px; }




/*좌우 이미지-텍스트 
----------------------------------------*/
.img_txt {clear:both; width:100%; margin:30px 0 15px 0; display:inline-block;}

/*50%,50%*/
.img_txt .l50 { width:49%; float:left; margin-right:1%; }
.img_txt .r50 { width:49%; float:left; margin-left:1%; }

/*30%,30%*/
.img_txt .l30 { width:32%; float:left; margin-right:2%; }
.img_txt .c30 { width:32%; float:left; }
.img_txt .r30 { width:32%; float:left; margin-left:2%; }

/*30%,70%*/
.img_txt .r70 { width:66%; float:left; }

/*70%,30%*/
.img_txt .l70 { width:66%; float:left; }

/*60%,40%*/
.img_txt .l60 { width:56%; float:left; }
.img_txt .r40 { width:42%; float:left; margin-left:2%; }

.img_txt h4:first-child, .img_txt h5:first-child, .img_txt h6:first-child   { margin-top:0px; }
.img_txt .c_box:first-child, .img_txt .c_box2:first-child, .img_txt .c_box3:first-child  { margin-top:0px; }

/*20%,80%*/
.img_txt .l20 {width: 22%;float:left;margin-right:2%;}
.img_txt .r80 {width: 76%;float:left;}

/*박스최소높이값 필요한 값만큼 계속 추가 가능 (단,50단위) */
.h100 { min-height:100px; }
.h150 { min-height:150px; }
.h200 { min-height:200px; }
.h250 { min-height:250px; }
.h300 { min-height:300px; }
.h350 { min-height:350px; }
.h400 { min-height:400px; }
.h450 { min-height:450px; }
.h500 { min-height:500px; }



/*이미지정렬*/
ul.img_col2 { margin:35px 0 0px; width: 100%; display:inline-block;} /* 이미지 2개*/
ul.img_col2 li {display: inline-block; text-align: center; width: 49%; float:left; }
ul.img_col2 li img { width:100%; height:auto;  max-width:588px;}
ul.img_col2 li:first-child {margin-right: 2%;}

ul.img_col3 { margin:35px 0 0px; width: 100%; display:inline-block;} /* 이미지 3개*/
ul.img_col3 li {display: inline-block; text-align: center; width: 31.5%; margin-right:2.75%; float:left; }
ul.img_col3 li img { width:100%; height:auto; max-width:378px;}
ul.img_col3 li:last-child {margin-right:0;}

ul.img_col4 { margin:35px 0 0px; width: 100%; display:inline-block;} /* 이미지 4개*/
ul.img_col4 li {display: inline-block; text-align: center; width: 23.5%; margin-right:2%; float:left; }
ul.img_col4 li img { width:100%; height:auto; max-width:282px;}
ul.img_col4 li:last-child {margin-right:0;}

ul.img_col5 { margin:35px 0 0px; width: 100%; display:inline-block;} /* 이미지 5개*/
ul.img_col5 li {display: inline-block; text-align: center; width: 18.4%; margin-right:2%; float:left; }
ul.img_col5 li img { width:100%; height:auto; max-width:205px;}
ul.img_col5 li:last-child {margin-right:0;}

ul.img_col6 { margin:35px 0 0px; width: 100%; display:inline-block;} /* 이미지 6개*/
ul.img_col6 li {display: inline-block; text-align: center; width: 15%; margin-right:2%; float:left; }
ul.img_col6 li img { width:100%; height:auto; max-width:205px;}
ul.img_col6 li:last-child {margin-right:0;}


/*이미지하단에 이미지제목이 있을경우*/
ul.img_col2 li { position:relative;}
ul.img_col2 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.5); text-align:center; position:absolute; bottom:0px; height:45px; line-height:45px; color:#fff;}

ul.img_col3 li { position:relative;}
ul.img_col3 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.5); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}

ul.img_col4 li { position:relative;}
ul.img_col4 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.5); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}

ul.img_col5 li { position:relative;}
ul.img_col5 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.5); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}

ul.img_col6 li { position:relative;}
ul.img_col6 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.5); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}

ul.img_col4 li span.photo_name2, ul.img_col5 li span.photo_name2, ul.img_col6 li span.photo_name2 {display:block; width:100%; margin-top:10px; padding-bottom:10px; border-bottom:2px solid #e2e2e2; text-align:center;}


/*폰트 컬러색*/
.br { color:#063472;}/*파랑*/
.rd { color:#c83232;}/*빨강*/
.gr { color:#088277;}/*초록*/


/*폰트사이즈*/
.siz12 { font-size:12px;}
.siz13 { font-size:13px;}
.siz14 { font-size:14px;}
.siz15 { font-size:15px;}
.siz16 { font-size:16px;}
.siz17 { font-size:17px;}
.siz18 { font-size:18px;}
.siz19 { font-size:19px;}
.siz20 { font-size:20px;}
.siz21 { font-size:21px;}
.siz22 { font-size:22px;}
.siz23 { font-size:23px;}
.siz24 { font-size:24px;}
.siz25 { font-size:25px;}
.siz26 { font-size:26px;}
.siz27 { font-size:27px;}
.siz28 { font-size:28px;}
.siz29 { font-size:29px;}
.siz30 { font-size:30px;}
.siz31 { font-size:31px;}
.siz32 { font-size:32px;}
.siz33 { font-size:33px;}
.siz34 { font-size:34px;}
.siz35 { font-size:35px;}


/*빅폰트*/
#content.big_font, #content.big_font a { font-size:19px !important;}
.big_font h3 { font-size:32px !important; line-height:36px !important; height: auto !important;}
.big_font h4 { font-size: 28px !important; line-height:32px !important; height: auto !important;}
.big_font h5 { font-size: 26px !important;}

.big_font .siz12 { font-size:14px;}
.big_font .siz13 { font-size:15px;}
.big_font .siz14 { font-size:16px;}
.big_font .siz15 { font-size:17px;}
.big_font .siz16 { font-size:18px;}
.big_font .siz17 { font-size:19px;}
.big_font .siz18 { font-size:20px;}
.big_font .siz19 { font-size:21px;}
.big_font .siz20 { font-size:22px;}
.big_font .siz21 { font-size:23px;}
.big_font .siz22 { font-size:24px;}
.big_font .siz23 { font-size:25px;}
.big_font .siz24 { font-size:26px;}
.big_font .siz25 { font-size:27px;}
.big_font .siz26 { font-size:28px;}
.big_font .siz27 { font-size:29px;}
.big_font .siz28 { font-size:30px;}
.big_font .siz29 { font-size:31px;}
.big_font .siz30 { font-size:32px;}
.big_font .siz31 { font-size:33px;}
.big_font .siz32 { font-size:34px;}
.big_font .siz33 { font-size:35px;}
.big_font .siz34 { font-size:36px;}
.big_font .siz35 { font-size:37px;}


/*오시는길 공통 2020_05_12_배금아 */
.map_box { margin-top:20px; }
.map_box:first-child { margin-top:0px; }
.map_box .root_daum_roughmap { width:100% !important; }
.map_box .root_daum_roughmap .wrap_map { min-height:460px; }


/*콘텐츠페이지 탭박스*/
.content_tabbox_wrap{position: relative; padding-top: 80px; margin: 30px 0;}
.content_tabbox_wrap .tabbox_item{}
.content_tabbox_wrap .tabbox_item > a._action_tab{position: absolute; top: 0; background-color: #fff; border: 1px solid #40434c; padding: 10px 38px; border-radius: 3px;}
.content_tabbox_wrap .tabbox_item > a._action_tab.on{background-color: #c83232; border-color: #821616; color: #fff;}
.content_tabbox_wrap .tabbox_item ._action_wrap_tab{display: none;}
.content_tabbox_wrap .tabbox_item > a._action_tab.on + ._action_wrap_tab{display: block;}

/* 마이페이지 상단 문구 */
#logintxt_box{padding: 4px 8px; color: #c83232;}