﻿
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : layout.css
 * Desc      : page layout
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
 body.fixe {overflow:hidden;}
#main_bg { background:url(../image/visual011.jpg) no-repeat center top; overflow:hidden;}
#top_popW {width:100%; overflow:hidden; background:url(../image/mask.png) repeat left top;}
#top_popW .top_pop {width:1000px; margin:0 auto; min-height:158px; position:relative; overflow:hidden;}
#top_popW .top_pop .btn { position:absolute; right:0px; bottom:10px;}
#top_popW .top_pop .btn a {display:inline-block; zoom:1; *display:inline; min-height:14px; color:#fff;}
#top_popW .top_pop .btn .one_day { margin-right:20px;}
#top_popW .top_pop > ul > li {float:left; width:100%; min-height:130px; padding:14px 0px;}
#top_popW .top_pop > ul > li .pops {background:url(../image/pop_line.png) repeat-y left top;}
#top_popW .top_pop > ul > li:first-child .pops {background:none;}
#top_popW .pops {padding:0px 16px; min-height:117px; color:#fff; line-height:20px;}
#top_popW .pops .img {float:left; padding-right:10px; display:block;}
#top_popW .pops .pop_t {font-size:16px; font-family:nGothicB; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; padding:5px 0px 10px 0px;}
#top_popW .pops p {word-break:normal;}

#top_popW .pops .more {padding-top:5px;}
#top_popW .pops .more a {color:#fff; text-decoration:underline;}
#top_popW #top01 {background:none;}
#top_popW .top_pop.pops_two > ul > li {width:50%;}
#top_popW .top_pop.pops_three > ul > li {width:33.3%;}

.bum_num > li {position:relative; padding-left:10px; margin-top:10px;}
.bum_num > li:first-child {margin-top:0px;}
.bum_num > li:after {display:block; content:""; width:5px; height:5px; background:#333; position:absolute; left:0px; top:10px; }

/* wrap */
#wrap {width:100%; min-width:1000px;}
#inner_wrap {width:1000px; margin:0 auto; position:relative;}

/* header */
.top_menuW {width:1120px; margin:0 auto;}
#header {width:100%; height:86px; position:relative; z-index:999; background:url(../image/header_line.png) repeat-x left bottom;}
#header h1 {float:left; height:70px; overflow:hidden; padding-top:16px;}
#header h1 img {margin-top:-70px;}

#header .in_header {width:1000px; margin:0 auto;}
#header .in_header:after {clear:both; content:""; display:block;}
#header .top_menuW {float:right; width:740px;}
#header .top_menu {padding:12px 0px 0 0; overflow:hidden; float:right; height:23px;}
#header .top_menu li {float:left; background: url(../image/top_line2.gif) no-repeat left center; height:23px; line-height:23px; padding:0px 11px;}
#header .top_menu li:first-child {background:none !important;}
#header .top_menu li a {color:#000; display:block; text-decoration:none; font-size:12px; font-family:nGothicB; min-height:14px;}
#header .top_menu li.all a {padding-right:19px; background:url(../image/ico_all2.png) no-repeat right center;}
#header .top_menu li.eng {float:right; background:none;}
#header .top_menu li.eng a img { vertical-align:middle;}

.main_wrap #header .top_menu li {background: url(../image/top_line.gif) no-repeat left center;}
.main_wrap #header .top_menu li.all a {background:url(../image/ico_all.png) no-repeat right center;}

/* GNB */
.gnb {overflow:hidden; float:right;}
.gnb:after {content:""; display:block; clear:both;}
.gnb > ul {overflow:hidden;}
.gnb > ul > li {float:left; line-height:50px; height:51px; padding-left:30px; background:url(../image/bul01.png) no-repeat 14px center; text-align:center; min-width:65px; font-family:nGothicB;}
.gnb > ul > li:first-child {background:none; padding-left:0px;}
.gnb > ul > li > a {display:block; font-size:17px; color:#000000; letter-spacing:-1px;}
/*.gnb > ul > li > a:hover {color:#666;}
.gnb > ul > li.on > a {color:#666;}*/




/* gnb_sub */
.gnb_sub {width:100%; z-index:999; overflow:hidden; display:none; background:url(../image/mask.png) repeat left top; position:absolute; left:0px; top:86px; border-bottom:1px solid #8f9494;}
.gnb_sub .sub_list {overflow:hidden; height:160px; width:725px; margin:0 auto; padding-left:275px; position:relative;}
.gnb_sub .sub_list > ul {width:100%; padding:15px 0px 0px 0px; overflow:hidden;}
.gnb_sub .sub_list > ul > li {font-size:14px; letter-spacing:-1px; font-family:nGothic; min-width:143px; text-align:center; float:left; margin:0px 2px 2px 0px;}
.gnb_sub .sub_list > ul > li > a {color:#fff; line-height:30px; min-height:42px; line-height:41px; border:1px solid #898988; background:url(../image/png_50.png) repeat left top; padding:0px 3px;}
.gnb_sub .sub_list > ul > li a {display:block; color:#f7f7f7;}
.gnb_sub .sub_list > ul > li a:hover {color:#ffff00; background:url(../image/png_60.png) repeat left top;}

.gnb_sub .sub_list.sub1 {background:url(../image/ico_sub1.png) no-repeat 80px top;}
.gnb_sub .sub_list.sub2 {background:url(../image/ico_sub2.png) no-repeat 80px top; height:210px;}
.gnb_sub .sub_list.sub3 {background:url(../image/ico_sub3.png) no-repeat 80px top;}
.gnb_sub .sub_list.sub4 {background:url(../image/ico_sub4.png) no-repeat 80px top;}
.gnb_sub .sub_list.sub5 {background:url(../image/ico_sub5.png) no-repeat 80px top;}
.gnb_sub .sub_list.sub6 {background:url(../image/ico_sub6.png) no-repeat 80px top;}

.gnb_sub .sub_list.sub2 > ul > li { min-width: 179px;}






.pop_layer {background:url(../image/png_60.png) repeat left top; height:120px; position:absolute; right:0px; top:-145px; width:726px; z-index:100;}
.pop_layer .weatherW {height:120px; position: relative; width:486px; float:left;}
.pop_layer .weather {padding:16px 0px 0px 20px; float:left; width:215px;}

.pop_layer .weather .today {color:#959595; display:block; font-size:12px; letter-spacing:-1px;}
.pop_layer .weather .today span {color:#ffffff; font-family: font-family:Myriad Pro; display:block; font-size:13px;}
.pop_layer .weather .temperature {color:#dabd20; font-family:nGothicB; font-size:40px; line-height:50px;}
.pop_layer .weatherW ul {float:left; width:235px; overflow:hidden; padding:16px 0px 0px 0px;}
.pop_layer .weatherW ul li {float:left; width:33%; text-align:center; color:#fff; font-family:Myriad Pro; font-size:14px;}
.pop_layer .weatherW ul li strong, .pop_layer .weatherW ul li span {display:block; font-weight:normal; font-family:Myriad Pro;}
.pop_layer .weatherW ul li img {padding:5px 0px;}
.pop_layer .ban {float:right; width:240px; overflow:hidden;}
.pop_layer .ban li {float:left; width:120px;}
.pop_layer .ban li a {display:block; color:#fff; font-size:14px; line-height:18px; font-family:nGothicB; padding:13px 0px 0px 13px;	height:107px; width:107px;}
.pop_layer .ban a.bg1 {background:url(https://biz.koreanbar.or.kr/img/img_biz/main/bg_banner01.png) no-repeat left top;}
.pop_layer .ban a.bg2 {background:url(https://biz.koreanbar.or.kr/img/img_biz/main/bg_banner02.png) no-repeat left top;}
.pop_layer a.close_weather {position:absolute; right:0; top:-30px;}



/* 컨텐츠 */
#container {clear:both;	width:1000px; margin:0 auto; position:relative; z-index:99;}
.m_tit {color:#fff; font-size:15px; font-family:nGothicB;}
.main_top_bt {position:relative; padding:36px 0px 0px 20px; overflow:hidden;}
.main_top_bt li {float:left; width:122px;/*width:143px;*/ height:30px; text-align:center;}
.main_top_bt li a {display:block; color:#fff; font-size:12px; line-height:28px; letter-spacing:-1px;}
.main_top_bt li.ico01 {background:#4b8bb5 /*url(/img/img_biz/main/bt01.gif) no-repeat left top; text-indent:53px;*/}
.main_top_bt li.ico02 {margin-left:4px; background:#4b8bb5 /*url(/img/img_biz/main/bt02.gif) no-repeat left top; text-indent:33px;*/}

.main_board {margin:20px 0px 0px 20px; padding-top:40px; position:relative; width:/*290*/374px; height:135px;}

.main_board h3 a {color:#000000; height:30px; line-height:29px; font-size:13px; font-family:nGothicB; text-align:center; border-bottom:1px solid #646b6d; display:block;}
.main_board h3.on a {border:1px solid #605a56; border-bottom:none;}
.main_board #tab1 {width:/*76*/106px; position:absolute; left:0px; top:0px;}
.main_board #tab3 {width:164px; position:absolute; left:106px; top:0px;}
.main_board #tab2 {width:104px; position:absolute; right:0px; top:0px;}
.main_board .board li {line-height:22px; min-height:22px; padding-right:82px; max-width:292px; word-wrap:normal; position: relative; overflow: hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; white-space:nowrap; color:#000; font-size:11px;}
.main_board .board li a {color:#000;}
.main_board .board li .day {display:block; right:5px; position:absolute; top:0px;}

.main_quickW {padding:0px 0px 0px 20px; margin-top:19px; position:relative; width:370px;}
.main_quickW h3 {font-size:13px; color:#000; font-family:nGothicB;}
.main_quickW .more {position:absolute; right:0px; top:0px; font-size:11px;}
.main_quick {margin:5px 0px 0px 0px; overflow:hidden; height:100px;}
.main_quick li {float:left; text-align:center; color:#000; width:25%; letter-spacing:-1px; font-size:12px;}
.main_quick li a {display:block; padding-top:67px; color:#000; font-family:nGothicB; line-height:15px;}
.main_quick li.ico01 a {background:url(../image/ico011.png) no-repeat center top; padding-top:60px;}
.main_quick li.ico02 a {background:url(../image/ico021.png) no-repeat center top;}
.main_quick li.ico03 a {background:url(../image/ico031.png) no-repeat center top; padding-top:60px;}
.main_quick li.ico04 a {background:url(../image/ico041.png) no-repeat center top; padding-top:60px;}


.rolling {width:300px; height:100px; padding:20px 0px 0px 20px; overflow:hidden; position:relative;}
#slides {width:100%; height:120px;}
#slides .slidesjs-slide { position:relative;}
#slides .pattern {display:none; position:absolute; left:0px; top:0px; width:100%; height:620px; background: url(../image/visual_pattern.png) repeat left top;}

.rolling .slidesjs-pagination {overflow:hidden; margin-top:-28px; position:relative;}
.rolling .slidesjs-pagination li {display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.rolling .slidesjs-pagination li a {display:block; font-size:0px; vertical-align:top; width:16px; height:16px; margin-right:5px; text-indent:-9999em; background:url(../image/slidesjs-pagination.png) no-repeat right center; text-indent:-9999em;}
.rolling .slidesjs-pagination li a.active {background-position:left center;}
.rolling .slidesjs-navigation {display:none !important;}
.rolling .slidesjs-slide {color:#000 !important; font-size:14px; font-family:nGothicB; line-height:160%; display:block;}
.rolling .slidesjs-slide img {position:absolute; right:0px; top:5px;}


/* footer */
#footer_wrap {min-width:1000px; width:100%; z-index:100; position:relative; background:url(../image/footer_bg.gif) repeat-x left top #fff; }
#footer_wrap .footer {width:1000px; padding:11px 0 20px 0; position:relative; margin:0 auto; background:url(../image/f_logo.gif) no-repeat 775px 56px;}
#footer_wrap #fnb {font-size:180%;}
.fnb_menu {overflow:hidden;}
.fnb_menu li {float:left; line-height:22px; padding:0 12px; background:url(../image/footer_line.gif) no-repeat left 10px;}
.fnb_menu li:first-child {background:none; padding:0 12px 0 0;}
.fnb_menu li:first-child a { color:#245fb3;}
.fnb_menu li a {color:#000000; font-size:12px; text-decoration:none;}
.address {color:#898989; font-size:12px; line-height:150%;}

.footer_logo {height:60px; width:940px; padding-right:60px; position:relative; margin:0 auto;}
.logo_view {width:940px; padding:30px; background:#fff; position:absolute; left:0px; bottom:5px;}
.logo_view a.close { display:block; position:absolute; right:0px; top:-40px;}
.logo_view ul {overflow:hidden;}
.logo_view ul li {width:20%; float:left;}
.logo_view ul li a {display:block; height:70px; line-height:70px; text-align:center; border:1px solid #efefef;}
.logo_view ul li a img { vertical-align:middle;}

#footer_wrap .logo {overflow:hidden;width:1120px; margin:0 auto;}
#footer_wrap .logo li {float:left; margin-left:65px; padding:15px 0;}
#footer_wrap .logo li:first-child {margin-left:50px;}

.event_roll {overflow:hidden; width:100%; height:60px;}
.event_roll li {float:left; height:40px; width:20%; padding:10px 0px;}
.event_roll li img {vertical-align:middle;}
.f_banner_view { position:absolute; right:10px; top:10px;}

.legal_action_statement { color:#d44444; font-weight:bold; border:1px solid #e3e3e3; width:5%; padding: 3px 7px; }



.relate_site {position:absolute; top:12px; width:170px; line-height:25px; border:1px solid #e5e5e5; background:#fff;}
#relate_1 {right:175px;}
#relate_2 {right:0px;}
.relate_site dl {line-height:25px; z-index:100;}
.relate_site dt {padding-left:10px; cursor:pointer;}
.relate_site dd {display:none; position:absolute; bottom:27px; left:-1px;}
.relate_site dd ul {width:170px; padding:5px 0px; border:1px solid #e5e5e5; background:#fff; z-index:1000;}
.relate_site dd li {padding:4px 0px 4px 15px; text-align:left; border-top:1px solid #e5e5e5;}
.relate_site dd li:first-child {border-top:none;}
.relate_site dd li a {display:block; font-size:12px; line-height:16px;}

.relate_site .open {background:url(../image/arrow1.gif) no-repeat 140px center;}
.relate_site .open, .relate_site .close {display:block; height:27px; float:none; padding-left:7px; line-height:25px; color:#636363; font-size:12px; text-align: left; opacity:1;}

.main_bottomW {margin: 40px 0px 0px;}
.main_bottomW .quick_btn {height:28px; overflow:hidden; width:140px; float:right;}
.main_bottomW .quick_btn img {margin-top:-28px;}
.main_bottomW .quick_btn.on img {margin-top:0px;}
.main_bottom {width:100%; clear:both; background:url(../image/mask_blue.png) repeat left top;}
.main_bottom ul {overflow:hidden;}
.main_bottom ul li {float:left; width:14%; background:url(../image/top_line.gif) no-repeat left center;}
.main_bottom ul li a {font-size:12px; height:34px; line-height:33px; color:#fff; padding:10px 0px 10px 60px; display:block;}
.main_bottom ul li.ico03 { width:16%;}
.main_bottom ul li.ico07 {background:none;}
.main_bottom ul li.ico01 a {background:url(../image/q_ico01.png) no-repeat 20px center;}
.main_bottom ul li.ico02 a {background:url(../image/q_ico021.png) no-repeat 20px center; }
.main_bottom ul li.ico03 a {background:url(../image/q_ico031.png) no-repeat 20px center; }
.main_bottom ul li.ico04 a {background:url(../image/q_ico03.png) no-repeat 20px center; }
.main_bottom ul li.ico05 a {background:url(../image/q_ico051.png) no-repeat 15px center; }
.main_bottom ul li.ico06 a {background:url(../image/q_ico061.png) no-repeat 20px center; }
.main_bottom ul li.ico07 a {background:url(../image/q_ico06.png) no-repeat 20px center; }



/* top quick */
.main_wrap #quick_wrap {display:none;}
#quick_wrap {width:227px; padding-left:19px; height:100%; position:fixed; right:-154px; top:86px; z-index:102; background:url(../image/quick_bg.gif) repeat-y 19px top;}
#quick_bt {position:absolute; left:0px; top:0px; width:19px; overflow:hidden;}
#quick_bt.on img {margin-left:-19px;}
#quick_wrap .quick {width:100%; margin:0 auto; position:relative;}
#quick_wrap .quick ul {padding-bottom:77px; background:#586877; border-bottom:1px solid #556473;}
#quick_wrap .quick ul li {padding-left:74px; border-bottom:1px solid #677683;}
#quick_wrap .quick ul li a {display:block; height:50px; color:#fff; font-size:12px; line-height:47px;}
#quick_wrap .quick ul li.ico01 {background:url(../image/quick011.gif) no-repeat 15px center;}
#quick_wrap .quick ul li.ico02 {background:url(../image/quick021.gif) no-repeat 15px center;}
#quick_wrap .quick ul li.ico03 {background:url(../image/quick031.gif) no-repeat 15px center;}
#quick_wrap .quick ul li.ico04 {background:url(../image/quick041.gif) no-repeat 15px center;}
#quick_wrap .quick dl {border-top:1px solid #677683; position:relative; padding:20px 0px 0px 85px;}
#quick_wrap .quick dl dt {color:#fff; font-size:13px; font-family:nGothicB; position:absolute; left:18px; top:30px;}
#quick_wrap .quick dl dd {padding:10px 0px 0px 8px; background:url(../image/dd_bul01.gif) no-repeat left 15px;}
#quick_wrap .quick dl dd a { display:block; color:#fff; font-size:12px; line-height:140%;}

/* sub pages */
#location {width:100%; background:url(../image/bg_location.gif) repeat-x left top; z-index:100; position:relative;}
#location .location {width:1000px; margin:0 auto; height:35px;}
#location .location:after {clear:both; content:""; display:block;}
#location .location p {float:right; height:20px; line-height:18px; padding:8px 0px 0px 25px; background:url(../image/ico_home.gif) no-repeat left 10px;}
#location .location p a {font-size:13px; color:#7c7c7c; display:block; float:left; padding:0px 10px 0px 13px; background:url(../image/location.gif) no-repeat left 6px;}
#location .location p a.on {color:#013c61;}
#location .page_info {float:right;}
#location .page_info > li {float:left; border-right:1px solid #dedede; position:relative;}
#location .page_info > li:first-child {border-left:1px solid #dedede;}



/* 프린트 */
.printW .left_bar, .printW .sub_visual_wrap, .printW #sidemenu, .printW #footer_wrap, .printW #location, .printW #quick_wrap, .printW p.f24, .printW .prenextW, .printW .board_viewW .btn-r  {display:none !important;}
.printW #header {display:none !important;}
.printW #rightW {width:900px; float:none; padding:0px;}
.printW #container .contents {padding:0px;}
.printW .win_popw {padding:0px;}
.printW > .win_popw > .gray_box { display:none;}
.printW > .win_popw > .s_tit { margin-top:0px !important;}
.printW > .win_popw > .btn_group {display:none;}
.printW .print_bt {display:none;}
.printW .btn_gg {display:none;}





.main_wrap #container {background:none;}
#container {background:url(../image/sub_bg.gif) repeat-y left top;}
#container:after {display:block; clear:both; content:"";}


/* 왼쪽 */
#sidemenu {float:left; width:210px;}
#lnb {margin-bottom:30px; width:100%;}
#lnb h2 {width:100%; height:108px; font-size:24px; color:#fff; line-height:108px; background:url(../image/lnb_bg.gif) no-repeat right top #283848; letter-spacing:-1px; font-family:nGothicB; text-indent:15px; margin-bottom:5px;}
#lnb .submenu {border-top:1px solid #e5e5e5;}
#lnb .submenu > li {font-size:15px; border-bottom:1px solid #e5e5e5;}
#lnb .submenu > li > a {display:block; font-family:nGothic, dotum, gulim; color:#666666; min-height:20px; background:url(../image/lnb_off.gif) no-repeat 92% center #f4f4f4; line-height:20px; padding:15px 20px 14px 29px; }
#lnb .submenu > li:hover > a {color:#fff; background:url(../image/lnb_on.gif) no-repeat 92% center #0c4da2;}
#lnb .submenu > li.choice > a {color:#fff; background:url(../image/lnb_on.gif) no-repeat 92% center #0c4da2;}
#lnb .submenu > li.choice .depth3 {display:block !important;}

#lnb .submenu > li > .depth3 {padding:13px 0px; font-size:13px; display:none;}
#lnb .submenu > li > .depth3 > li {line-height:24px; min-height:24px;}
#lnb .submenu > li > .depth3 > li > a {display:block; color:#363636; padding-left:17px;}
#lnb .submenu > li > .depth3 > li > a:hover {color:#da1967}
#lnb .submenu > li > .depth3 > li.choice > a {color:#da1967}

/* 오른쪽 */
#rightW {float:right; width:750px; padding:35px 0px 60px 0px; line-height:24px;}
#title_bar {width:100%; margin-bottom:25px;}
#title_bar h2 {font-size:30px; font-family:nGothicB; letter-spacing:-1px; color:#1d60af; line-height:33px;}
#title_bar .top_img { position:absolute; right:0px; top:5px; height:145px;}
.bg_bar {background:url(../image/bg_bar.gif) repeat-x left center;}
.bar_in {display:inline-block; zoom:1; *display:inline; background:#fff; padding-right:15px;}
.bg_barT {background:url(../image/bg_barT.gif) repeat-x left top; padding:30px 0px 10px 0px;}
.bg_bar_top {background:url(../image/bg_bar.gif) repeat-x left top; padding:30px 0px 10px 0px;}
.under_line {display:inline-block; zoom:1; *display:inline; border-bottom:1px solid #004280;}
.f18.blue {display:inline-block; zoom:1; *display:inline; padding-bottom:10px;}
.sign { float:right; text-align:right; overflow:hidden;}
.sign dt {font-size:13px; font-family:nGothicB; color:#333333; float:left;}
.sign dd {float:left; padding-left:20px;}

.s_tit {font-size:18px; color:#000000; line-height:25px; font-family:nGothicB; margin:45px 0px 10px 0px; background:url(../image/tit_bul.gif) no-repeat left top; padding-top:10px;}
.s_tit.f22 {font-size:22px;}

.ss_tit {font-size:13px; color:#1f1e1e; line-height:14px; font-family:nGothicB; margin:40px 0px 13px 0px; padding-left:11px; min-height:14px; background:url(../image/tit_bul.gif) no-repeat left 1px;}
.ss_tit span {display:inline-block; zoom:1; *display:inline; padding-right:13px; min-height:14px; background:url(../image/tit_bul.gif) no-repeat right 1px;}

.user_photo {border:1px solid #CCC; padding:1px; display:inline-block; zoom:1; *display:inline;}
.user_photo span { display:block; border:1px solid #CCC;}
.user_photo span.bg_noimg {min-width:85px; min-height:114px; background:url(../image/bg_profile.gif ) no-repeat center center; display:block; border:1px solid #CCC;}

.ceo_list {padding:0px 0px 30px 0px; background:url(../image/bg_line.gif) no-repeat left bottom;}
.ceo_list ul {overflow:hidden; margin-left:-29px; padding-top:10px;}
.ceo_list li {width:127px; height:280px; float:left; padding-left:28px; text-align:center;}
.ceo_list li div { border:1px solid #cccccc; padding-bottom:8px;}
.ceo_list li .txt {padding:7px 0px 20px 0px; margin-bottom:5px; background:url(../image/arrow.png) no-repeat center bottom; color:#333333; line-height:150%;}
.ceo_list li .txt strong {display:block; font-size:14px; color:#0066b3;}
.ceo_list li .name {color:#666666; padding-top:5px; border-top:2px solid #f3f3f3}
.ceo_list li .name strong {color:#000000; font-size:16px;}


.box_st1 {border:1px solid #d5d5d5; background:url(../image/ico_position.png) no-repeat 15px 5px #feeab7; margin-top:40px; padding-left:75px;}
.box_st1 ul {overflow:hidden; padding:10px 0px;}
.box_st1 ul li {float:left; color:#000; padding-left:25px; margin-left:20px;}
.box_st1 ul li:first-child {padding:0px; margin:0px;}
.ico_phone {background:url(../image/ico1.png) no-repeat 0px -27px;}
.ico_fax {background:url(../image/ico1.png) no-repeat 0px -90px;}
.ico_mail {background:url(../image/ico1.png) no-repeat 0px -448px;}

.question01W {padding-left:192px; position:relative; border-bottom:2px solid #4d4d4d; background:url(../image/top01.gif) no-repeat 5px 30px;}
.question01 { padding:20px 10px 10px 20px; background:#f7f7f7; border-left:1px dotted #c0c0c0;}
.question01 h3 {margin-top:0px;}
.question01 ol {overflow:hidden; padding-top:10px;}
.question01 ol li {float:left; min-height:20px; line-height:20px; padding:5px 45px 5px 0px; background:url(../image/arrow1.png) no-repeat right center; margin-right:4px;}
.question01 ol li:last-child {float:left; min-height:20px; line-height:20px; background:none; padding:5px 45px 5px 0px;}









.og_list { margin-left:-29px; padding-top:10px; padding-bottom:50px;}
.og_list:after {display:block; content:""; clear:both;}
.og_list li {width:164px; height:320px; float:left; padding-left:28px;}
.og_list li .photo {border:1px solid #cccccc; position:relative; text-align:center;}
.og_list li .photo img {padding:10px 0px;}
.og_list li .photo .arrow { display:block; width:18px; height:11px; background:url(../image/arrow.gif) no-repeat left top; position:absolute; left:73px; top:184px;}
.og_list li .txt {padding:15px 0px 7px 10px; border-top:1px solid #cccccc; color:#333333; height:45px; text-align:left; background:#f5f5f5; line-height:150%; color:#000000;}
.og_list .profile {padding-top:5px; border-top:3px solid #f3f3f3; position:relative;}
.og_list .profile_view { display:block; border:1px solid #b4b2b3; line-height:26px; height:26px; text-align:center; color:#000000;}
.og_list .profile_view .ico { font-family:nGothicEB; padding-right:10px;}
.og_list .profile:hover .profile_view {border:1px solid #004280; color:#004280;}
.box {border:1px solid #bebebe; border-bottom:3px solid #000000; color:#000; background:#fff; min-width:270px; padding-bottom:10px; position:absolute; left:0px; top:-4px; display:none;}
.box dt {line-height:20px; height:20px; padding:15px 0px 15px 10px; margin-bottom:10px; border-bottom:1px solid #ededed;}
.box dd {line-height:17px; padding:2px 2px 2px 10px;}
.box .arrow {display:block; width:14px; height:10px; background:url(../image/profile_arrow.png) no-repeat left top; position:absolute; left:41px; top:-8px; z-index:99;}

.secretariat {overflow:hidden;}
.secretariat .img {float:left; width:329px;}
.secretariat .table_line {float:right; width:410px; margin-top:56px;}
.gray_box {padding:15px 20px; background:#f1f1f1; border:1px solid #e5e5e5;}
.br_box {padding:15px; background:#fff; border:1px solid #e5e5e5;}
.btn_group { overflow:hidden; padding:20px 0px; margin-top:20px; border-top:2px solid #333333;}

.login_box { text-align:center; background:#f8f8f8; border:1px solid #e5e5e5; border-top:3px solid #0552a9; position:relative; padding:50px 0px; margin-top:40px;}
.login_box .input { height:28px;}
.login_box label { font-family:nGothicB; color:#000; padding-right:10px;}
.login_box .btn_search {background: #2475d0; display:inline-block; zoom: 1; *display:inline; color: #fff; font-family: nGothic; font-size: 12px; border: none; width:138px; height:31px; line-height:31px; text-align:center; cursor:pointer; margin-left:15px;}
.login_box h3 { color:#000000; font-size:18px; font-family:nGothicB; display:inline-block; zoom:1; *display:inline; border-bottom:1px solid #212121; margin-bottom:20px;}
.login_box .text {padding:10px 0px 0px 175px; background:url(https://biz.koreanbar.or.kr/img/img_biz/search/03_img01.gif) no-repeat 20px center;}
.login_box .text ul { text-align:left; border-left:1px solid #e6e6e6; padding-left:25px;}
.id_card {padding:30px 0px 0px 0px; border-top:1px solid #e5e5e5; margin:30px auto 0px auto;}
.id_card li {text-align:left; padding:2px 0px 2px 155px; position:relative;}
.id_card li label { display:block; position:absolute; left:67px; top:2px; line-height:30px;}
.login_box .btn2_search {
    background: #2475d0;
    display: inline-block;
    zoom: 1;
    color: #fff;
    font-family: nGothic;
    font-size: 12px;
    border: none;
    width:105px;
    height:103px;
    line-height:102px;
    text-align: center;
    cursor: pointer;
    margin-left: 15px;
	position:absolute;
	right:80px;
	top:205px;
}


.preview {position:relative;}
.preview .view_bt {padding-left:10px; color:#7c7c7c; font-size:15px; font-family:nGothicEB; cursor:pointer;}
.preview .view_bt.on {color:#004280;}
.preview .box {min-width:450px; padding:10px; left:0px; top:30px; display:block;}

.preview .box .box_close { position:absolute; right:-35px; top:0px;}
.file li {padding:3px 0px; word-break:normal}
.file li a { color:#333333;}
.file li .count { color:#999999;}

.search_wrap {padding-bottom:30px; overflow:hidden;}
.search_wrap .search_tit {padding:5px 20px 5px 30px; background:url(../image/bul03.gif) no-repeat 15px 13px #f8f9fb; border-bottom:1px solid #c4c5c8; border-top:1px solid #efefef;}
.search_wrap .search_tit .blue span {color:#000;}
.search_wrap .section {margin:0px 0px 0px 30px; padding:20px 0px; border-bottom:1px solid #efefef; position:relative;}
.search_wrap .section dt {color:#000;}
.search_wrap .section dt .day {display:inline-block; zoom:1; *display:inline; padding-left:10px; background:url(../image/footer_line.gif) no-repeat left center; margin-left:10px; font-family:nGothic; color:#333333}
.search_wrap .section dt .day {display:inline-block; zoom:1; *display:inline; padding-left:10px; background:url(../image/footer_line.gif) no-repeat left center; margin-left:10px; font-family:nGothic; color:#333333}

dd.location p {position:absolute; right:0px; top:13px; height:20px; line-height:18px; padding:8px 0px 0px 25px; background:url(../image/ico_home.gif) no-repeat left 10px;}
dd.location p a {font-size:13px; color:#7c7c7c; display:block; float:left; padding:0px 10px 0px 13px; background:url(../image/location.gif) no-repeat left 6px;}
dd.location p a.on {color:#013c61;}
.photo_box {border:1px solid #d8d8d8; border-top:2px solid #5a4f4a; width:125px; text-align:center; padding:10px; float:right;}

.map_box {width:500px; height:300px;}
.position_map {width:100%; min-height:650px;}
.position_map .top_search {padding:10px; border:1px solid #e5e5e5; background:#f1f1f1; margin-bottom:10px;}
.position_map .top_search:after {clear:both; content:""; display:block;}
.visual_text { position:absolute; right:0px; top:55px;}
.popup_zone {width:343px; min-height:116px; padding-top:40px; position:absolute; right:143px; bottom:105px;}
.popup_zone h3 {position:absolute; background:#047ab3; left:0px; top:0px; height:40px; line-height:40px; width:183px; color:#fff; text-align:center}
.rolling {width:300px; height:100px; padding:15px 0px 0px 20px; overflow:hidden; position:relative;}
#slides2 {width:100%; height:116px; background:#fff;}
#slides2 .slidesjs-slide {position:relative;}

.popup_zone .slidesjs-pagination {display:none;}
.popup_zone #slides:hover .slidesjs-previous, #slides:hover .slidesjs-next {display:block;}


.popup_zone .slidesjs-previous {width:40px; height:40px; background:url(../image/bt_left.gif) no-repeat left top; cursor:pointer; position:absolute; left:183px; top:0px;}
.popup_zone .slidesjs-next {width:40px; height:40px; background:url(../image/bt_right.gif) no-repeat left top; cursor:pointer; position:absolute; left:265px; top:0px;}
.popup_zone .slidesjs-stop {display:block; position:absolute; left:223px; top:0px; background: url(../image/bt_stop.gif) no-repeat left top; height:40px; width:42px;}
.popup_zone .slidesjs-play {display:block; position:absolute; left:223px; top:0px; background: url(../image/bt_play.gif) no-repeat left top; height:40px; width:42px;}
.popup_zone a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop {z-index:9999; overflow:hidden; text-indent:-9999px;}
.popup_zone .page_in {padding:10px; word-break:keep-all; word-wrap:break-word;}
.popup_zone .slidesjs-navigation {display:block ;}
.popup_zone .zone_close { position:absolute; right:0px; top:0px;}

/* 전체메뉴 */
.sitemap_wrap {display:none; width:934px; border:13px solid #e3e3e3; background:#fff; position:absolute; left:50%; top:50%; margin:-350px 0px 0px -500px; overflow:hidden; z-index:99999; padding:25px; padding-top:0px;}
.sitemap_wrap h2 {font-size:20px; font-family:nGothicB; color:#000000; line-height:25px; padding:10px; border-bottom:3px solid #363636; margin-bottom:20px; text-align:center;}
.sitemap_wrap .sitemap {float:left; width:210px; min-height:470px; padding-left:22px;}
.sitemap_wrap .sitemap.sitemap01 {padding-left:0px;}
.sitemap_wrap .sitemap h3 {font-size:18px; color:#000000; line-height:26px; min-height:26px; padding-right:30px; background:url(../image/sitemap.gif) no-repeat right top;}
.sitemap_wrap .sitemap > ul {border:1px solid #e6e6e6; margin-top:20px;}
.sitemap_wrap .sitemap  ul li a {color:#000000;}
.sitemap_wrap .sitemap > ul > li {border-top:1px solid #e6e6e6; line-height:26px; padding-left:13px;}
.sitemap_wrap .sitemap > ul > li:first-child {border-top:0px;}
.sitemap_wrap .sitemap > ul > li > ul {padding:3px 0px 10px 5px;}
.sitemap_wrap .sitemap > ul > li > ul > li {border-top:0px; line-height:18px; font-size:12px;}
.sitemap_wrap .close_bt { position:absolute; right:0px; bottom:0px;}
.sitemap_inner {overflow: auto; overflow-x: hidden;}



.atab {margin-bottom:20px; *min-height:40px; *width:100%;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:25%; text-align:center;}
.atab li:first-child a {border-left:1px solid #d4d4d6;}
.atab li a {display:block; font-size:14px; color:#bfc4c9; background:#34495e; line-height:39px; height:39px; border:1px solid #1e2934; border-left:none; border-bottom:2px solid #1e2934; font-family:nGothicB;}

.atab li.on a, .atab li.choice a {background:url(../image/tab_on.png) no-repeat left top #0079cf; height:44px; margin-top:-5px; line-height:44px; color:#fff; border:1px solid #0068c5; border-bottom:2px solid #0068c5;}

.tab_two li {width:50%;}
.tab_two li a {font-size:14px;}
.tab_six li {width:16.6%;}
.tab_seven li {width:14%;}
.tab_seven li.long {width:15%; *width:14.9%;}
.tab_seven li.long2 {width:16%;}
.tab_five li {width:20%;}
.tab_four li {width:25%;}
.tab_three li {width:33.3%;}
.tab_three li:first-child {width:33.4%;}
.atab_On {display:none;}

.list_tab {width:100%; margin-bottom:30px; font-size:0px; border-bottom:1px solid #000000; border-top:1px solid #000000; line-height:0px;}
.list_tab li {width:103px; display:inline-block; zoom:1; *display:inline; text-align:center; min-height:52px; line-height:52px; letter-spacing:-1px; font-size:14px; font-family:nGothicB;}

.list_tab li span {display:block; background:url(../image/list_tab_line.gif) no-repeat left center;}
.list_tab li span a {display:block; color:#000000}
.list_tab li:hover {border-top:3px solid #e84d4e; min-height:49px; line-height:47px; color:#e84d4e;}
.list_tab li:hover a {color:#ca2535;}
.list_tab li.on {border-top:3px solid #e84d4e; min-height:50px; line-height:47px; color:#e84d4e;}
.list_tab li.on a {color:#ca2535;}
.list_tab li.line {background:url(../image/list_tab_line.gif) no-repeat right center;}


.scrollbox {
    height: 200px;
    padding: 12px;
    overflow: auto;
    background: #fff;
    border: 1px solid #e7e7e7;
    overflow-x: hidden;
}



/* 팝업 */
.popup_scroll {height:520px; overflow-x:hidden; overflow-y:auto;}
.layers_wrap {background:#FFF; position:relative; min-width:300px; font-size:13px; border-left:1px solid #b2b2b2; border-right:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2;}
.layers_wrap .layers_tit {width:100%; text-indent:20px; height:59px; background:#0066b3; font-size:18px; font-family:nGothicB; line-height:57px; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px 25px; position:relative; min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:nGothicB; color:#2d2d2d; padding-right:20px; background:url(https://biz.koreanbar.or.kr/img/img_biz/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:nGothicB; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:nGothicB; color:#444444; font-size:22px; line-height:38px;}

.choice_tab {overflow:hidden; width:200px;}
.choice_tab li {width:44%; float:left; height:16px; padding:3px 0px;}
.choice_tab li.long {width:55%;}
.choice_tab li a {display:block; height:16px; line-height:16px; padding-left:15px; font-size:12px; color:#565656; background:url(https://biz.koreanbar.or.kr/img/img_biz/ico/choice_ico.gif) no-repeat left -20px;}
.choice_tab li.on a {background:url(https://biz.koreanbar.or.kr/img/img_biz/ico/choice_ico.gif) no-repeat left 4px;}
.win_popw {padding:20px;}





/* 20151209 마이페이지 수정 */
.my_leftW {width:48.5%; float:left;}
.my_rightW {width:48.5%; float:right;}
.my_leftW .board-write, .my_rightW .board-write { border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
.my_leftW .board-write th, .my_rightW .board-write th {padding:6px 0 5px 15px;}
.my_leftW .board-write td, .my_rightW .board-write td {padding:6px 5px 5px 5px;}
.my_leftW .board-write td img, .my_rightW .board-write td img {max-width:none;}
.my_leftW .table_style4 tbody tr td, .my_rightW .table_style4 tbody tr td {padding:6px 0px 6px 0px;}
.my_leftW .table_style4 thead tr th, .my_rightW .table_style4 thead tr th {padding:7px 0px;}
.my_rightW .atab, .my_leftW .atab { border-bottom:1px solid #34495e; margin-bottom:10px; margin-top:30px;}
.my_rightW .atab li, .my_leftW .atab li {width:40%;}
.my_rightW .atab li a, .my_leftW .atab li a {font-size:13px; line-height:32px; height:32px; margin-top:0px;}
.my_rightW .board li, .my_leftW .board li {line-height:22px; min-height:22px; padding-right:82px; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow: ellipsis; color:#000; font-size:12px;}
.my_rightW .board li .day, .my_leftW .board li .day {display:block; right:5px; position: absolute; top:0px;}
.my_rightW .table_style4 tbody tr td.subject {padding-left:5px; padding-right:5px;
}


/* 20151231 각종신청,신고 수정 */
.apply_group {overflow:hidden; padding:40px 0px 20px 0px; width:760px; margin-left:-10px;}
.apply_group li {float:left; width:367px;/*width:240px;*/ border-left:3px solid #2475d0; margin:0px 0px 10px 10px;}
.apply_group li a {display:block; font-family:nGothicB; color:#333; font-size:15px; height:20px; padding:25px 0px 25px 92px; border:1px solid #d8d8d8; border-left:none;}
.apply_group li.ico01 a {background:url(../image/ico012.png) no-repeat 25px center #f9f9f9;}
.apply_group li.ico02 a {background:url(../image/ico022.png) no-repeat 25px center #f9f9f9;}
.apply_group li.ico03 a {background:url(../image/ico032.png) no-repeat 25px center #f9f9f9;}
.apply_group li.ico04 a {background:url(../image/ico042.png) no-repeat 25px center #f9f9f9;}
.apply_group li.ico05 a {background:url(../image/ico05.png) no-repeat 25px center #f9f9f9;}
.apply_group li.ico06 a {background:url(../image/ico06.png) no-repeat 25px center #f9f9f9;}
.apply_group li.ico07 a {background:url(../image/ico07.png) no-repeat 25px center #f9f9f9;}
.apply_group li:hover a {background-color:#fff;}

/*.apply_group li.ico01, .apply_group li.ico02, .apply_group li.ico04, .apply_group li.ico05 {width:177px;}
.apply_group li.ico01 a, .apply_group li.ico02 a, .apply_group li.ico04 a, .apply_group li.ico05 a {height:30px; padding:20px 0px 20px 92px; line-height:18px;}*/
.apply_group li.ico01, .apply_group li.ico02, .apply_group li.ico04, .apply_group li.ico05 {width:367px;}

.associate {overflow:hidden;}
.associate li {float:left; width:16.5%; text-align:center; line-height:140%;}
.associate li a, .associate li a span {display:block; color:#666; font-size:15px;}
.associate li a span {width:80px; height:80px; overflow:hidden; margin:0 auto 15px;}
.associate li.on a { color:#000000; font-family:nGothicB;}
.associate li.on a span img { margin-top:-80px;}

#lgdacom_onerr_body {z-index:9999999 !important;}
#lgdacom_onerr_body > table {border:1px solid #0565ab;}


.sealW img {vertical-align:middle; width:80px;}

.bbsInput {border:1px solid #e5e5e5; padding:10px 0px 10px 10px; background:#f1f1f1}
.inputMessage {font-size:14px;}
.textarea4 { word-break:normal}

/* 진행상태 색상 */
.apply_c01 {color:#000000 !important;}
.apply_c02 {color:#666666 !important;;}
.apply_c03 {color:#0066ff !important;;}
.apply_c04 {color:#00b4a5 !important;;}
.apply_c05 {color:#698a28 !important;;}
.apply_c06 {color:#b40000 !important;;}
.apply_c07 {color:#b45000 !important;;}
.apply_c08 {color:#e91600 !important;;}
.apply_c09 {color:#7a00c8 !important;;}
.apply_c10 {color:#00c9c7 !important;;}

.searching {text-align:center; z-index:9999; width:100%; height:100%; position:fixed; left:0px; top:0px; background:url(../image/png_h.png) repeat left top;}
.searching .s_inner {position:absolute; width:100%; left:0px; top:50%; margin-top:-40px; color:#000;}

/* 2016.03.23 지방회 안내 추가 */
.top_new_info {float: right; margin:12px 0px 0 0; overflow: hidden; height: 22px; line-height: 20px;}
.top_new_info a {color: #fff; display: block; font-size: 12px; font-family: nGothicB; height:20px; background:#047ab3; border:1px solid #047ab3;  padding:0px 8px; border-radius:3px;}
.top_new_info a:hover {color: #fff; background:#333; border:1px solid #000; }

/* 2022. 3. 30 나의 변호사 추가*/
.top_klaw_info {float: right; margin:12px 0px 0 0; overflow: hidden; height: 22px; line-height: 20px;}
.top_klaw_info a {color: #fff; display: block; font-size: 12px; font-family: nGothicB; height:20px; background:#743d90; border:1px solid #461b5b;  padding:0px 8px; border-radius:3px;}
.top_klaw_info a:hover {color: #fff; background:#461b5b; border:1px solid #000; }

.balloon4 {
	display:none;
	background:url('../image/bg_balloon_bottom.png') no-repeat 0 bottom;
		margin-top:5px;
	text-align:left;
	position:absolute;
	top:0px;
	left:280px;
	z-index:100;

}
.balloon4 .balloon-bottom {
	width:295px;
	padding:10px 15px 30px 30px;

	background:url('../image/bg_balloon_top.gif') no-repeat 0 top;
}
.balloon-bottom .ttt {
	padding-bottom:10px;
	margin-bottom:10px;

	background:url('../image/bg_line2.gif') repeat-x 0 bottom;
}
.balloon-bottom .ttt strong {
	padding-left:15px;
	color:#000;
	background:url('../image/icon_help02.gif') no-repeat 0 2px;
}
.close_ball {position:absolute; right:15px; top:15px;  text-indent:-999px; display:block; width:14px; font-size:0px; height:14px; background:url(../image/close.gif) no-repeat left top;}

.step_boxW { overflow:hidden;}
.step_boxW .step1 { text-align:center; border:1px solid #ddd; border-radius:6px; padding:5px; float:left; width:150px; min-height:245px;  font-size:14px; }
.step_boxW .step1 strong { display:block; background:#0066b3;  border:1px solid #0066b3; border-radius:6px; padding:5px 0px; margin-bottom:55px;color:#fff; font-size:14px;}
.step_boxW .step2 {float:left; width:580px;}
.step_boxW ul {overflow:hidden;}
.step_boxW ul li {float:left; padding-left:40px; background:url(../image/arrow1.png) no-repeat 5px center}
.step_boxW ul li div {border:1px solid #ddd; min-width:135px; border-radius:6px; padding:5px; min-height:110px;}
.step_boxW ul li div p {padding-left:5px; }
.step_boxW ul li div strong {display:block; background:#ececec;  border:1px solid #c5c5c5; border-radius:6px; padding:5px 0px; margin-bottom:5px; color:#000; font-size:13px; text-align:center;}
.step_boxW ul li.ico03 div {background:#f7f7f7;}
.step_boxW ul li.ico03 div strong {background:#fff;}
.step_boxW ul li.ico06 div {background:#f7f7f7;}
.step_boxW ul li.ico06 div strong {background:#fff;}

/* custom css */
.updownsection {display:inline; border-collapse:collapse;}
.updownsection > input {width:50px; height:25px; padding:2px !important; text-align:center; margin:0px; float:left; border:1px solid #cacccb}
.updownbtn {float:left; width:25px; height:25px; padding:2px !important; display:inline-block; padding:0px; vertical-align:middle; border:1px solid #cacccb; border-collapse:collapse; border-image-width;}
.updownbtn:hover {background-color:#F4F4F4; cursor:pointer;}
/* .updownbtn i{ left:2px; top:3px; font-size:16px;} */
.updowninfo {vertical-align: middle; display: inline-block; margin-left: 20px; min-height: 31px; font-size: 14px; line-height: 200%;}
.updownbtnright {border-right:0px; background:url(../image/leftbtn1img.png) no-repeat 0 0; background-origin: content-box; -webkit-background-origin:content-box; /* Safari and Chrome */-moz-background-origin:content-box; /* Firefox */-ms-background-origin:content-box; /* Internet Explorer */-o-background-origin:content-box&nbsp; /* Opera */}
.updownbtnleft {border-left:0px; background:url(../image/rightbtn1img.png) no-repeat 0 0; background-origin: content-box; -webkit-background-origin:content-box; /* Safari and Chrome */-moz-background-origin:content-box; /* Firefox */-ms-background-origin:content-box; /* Internet Explorer */-o-background-origin:content-box&nbsp; /* Opera */}


.badgeimg {height:100px; margin-bottom: 10px;}
.badgesection{}
.badgediv{display:block;height:163px;border:2px solid #EAEAEA;padding:10px; margin-right:210px;}
.badgediv1{height:163px;}
.badgediv2{height:133px; margin-top:15px;}
.badgeimgsection{display:inline-block;width:190px;}
.badgeimgsection img {width:190px;}
.badgeimgsection p {display:block; font-size:14px; font-weight:bold; text-align:center; padding: 8px 0px;}
.badgeupdownsection {display:inline-block; width:200px; border-collapse:collapse; position: absolute; margin-left: 30px; margin-top: 40px;}
.badgeupdownsection > input {width:50px; height:25px; padding:2px !important; text-align:center; margin:0px; float:left; border:1px solid #cacccb}
.badgeinfo{margin-top:15px; font-size:16px;}

.customBtn01{
	border-radius: 24px;
    padding: 6px 12px;
    background-color: #002266;
    color: #fff !important;
}

.bookdiv{
	font-weight:bold;
}
.bookdiv h2{
	text-align:center;
	font-size:26px;
	margin:20px 0px;
	line-height: 130%;
	font-family: 'nGothicB';
}

.bookdiv p{
	font-size:15px;
	line-height:170%;
}

.booktitle{
	height:80px;
}
.booktitle div{
	float:left;
	height:80px;
	text-align:center;
}
.booktitle div:nth-child(1){
	padding-left:10px;
	padding-top:5px;
	width:80px;
}
.booktitle div:nth-child(2){
	width:660px;
	font-size:32px;
	font-family: 'nGothicB';
	color:#191919;
	line-height:120%;
}

.bookinfo{
    font-size:17px;
    color: #191919;
    font-weight:bold;
    line-height: 160%;
}

/*.badgeulli{border:2px solid #fff;}
.badgeinfo {vertical-align: middle; margin-top: 15px; min-height: 31px; font-size: 14px; line-height: 200%;}
.badgeimg {height:100px;}
.badgesection ul {list-style:none;}
.badgesection ul li {vertical-align:middle;}
.badgesection ul li:nth-child(2) {margin-left:30px;}
.badgesection ul li:nth-child(1) label > input {margin-left:75px; margin-top: 7px; margin-bottom: 7px;}
.badgesection ul li:nth-child(2) label > input {margin-left:88px; margin-top: 7px; margin-bottom: 7px;}
.badgeulli > label:hover {cursor:pointer;}
.badgeulli label > img {height:120px;]
*/

/* 20231228  /  skjeong  /  법질서위반 감독센터 신고에서 사용 */
/*지우기*/
.th_center {
	text-align:center !important;
	padding:10px 0px !important;
}

.input_distance_3px {
	padding:0px 3px !important;
}

.input_ph {
	width:50px;
}
/*지우기*/

.losc_th_center {
	text-align:center !important;
	padding:10px 0px !important;
}

.losc_input_distance_3px {
	padding:0px 3px !important;
	/*margin:0px 0px 0px -4px;*/
}

.losc_input_ph {
	width:50px;
	margin:0px !important;
}

.losc_textarea-placeholder::placeholder{color:#c5c5c5;}
/* /20231228  /  skjeong  /  법질서위반 감독센터 신고에서 사용 끝 */