/* CSS Document */
/* ------------------------------------------------------------
 * Name      : layout.css
 * Desc      : page layout
 * Created   : 2015/09/02
 * Updated   :
 ------------------------------------------------------------ */
#main_bg { background:url(../image/visual01_spring.jpg) no-repeat center top;}
#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:130px; color:#fff; line-height:20px;}
#top_popW .pops .img {float:left; padding-right:10px;}
#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 .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%;}

/* 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;}
#main_bg #header h1 img {margin-top:0px;}
#header .in_header {width:1000px; margin:0 auto;}
#header .in_header:after {clear:both; content:""; display:block;}
#header .top_menuW {float:right; width:765px;}
#header .top_menu {padding:12px 0px 0 0; overflow:hidden; float:right; height:23px;}
#header .top_menu li {float:left; height:23px; line-height:23px; padding:0px 11px; background: url(../image/footer_line.gif) no-repeat left center;}
#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;}
#header .top_menu li.eng a img { vertical-align:middle;}
.main_wrap #header .top_menu li a {color:#fff;}
.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; background:url(../image/top_line.gif) no-repeat 10px center; padding-left:20px; text-align:center; min-width:40px; font-family:nGothicB;}
.gnb > ul > li:first-child {background:none !important; padding-left:0px;}
.gnb > ul > li > a {display:block; font-size:14px; color:#000000; letter-spacing:-0.5px;}
.gnb > ul > li > a:hover {color:#666;}
.gnb > ul > li.on > a {color:#666;}


.main_wrap .gnb > ul > li > a {color:#fff;}
.main_wrap .gnb > ul > li > a:hover {color:#ffff00;}
.main_wrap .gnb > ul > li.on > a {color:#ffff00;}


/* gnb_sub */
.gnb_sub {width:100%; z-index:999; overflow:hidden; display:none; background:url(../image/mask2.png) repeat left top; position:absolute; left:0px; top:86px; border-bottom:1px solid #8f9494;}
.gnb_sub .sub_list {overflow:hidden; height:115px; width:645px; margin:0 auto; padding-left:355px; 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; font-family:nGothic; padding:4px 13px 4px 13px; float:left;}
.gnb_sub .sub_list > ul > li > a {color:#fff; line-height:30px; min-height:30px;}
.gnb_sub .sub_list > ul > li a {display:block; color:#f7f7f7;}
.gnb_sub .sub_list > ul > li a:hover {color:#ffff00; text-decoration:underline;}

.gnb_sub .sub_list.sub1 {background:url(../image/ico_sub1.png) no-repeat 150px top;}
.gnb_sub .sub_list.sub2 {background:url(../image/ico_sub2.png) no-repeat 150px top;}
.gnb_sub .sub_list.sub3 {background:url(../image/ico_sub3.png) no-repeat 150px top;}
.gnb_sub .sub_list.sub4 {background:url(../image/ico_sub4.png) no-repeat 150px top;}
.gnb_sub .sub_list.sub5 {background:url(../image/ico_sub5.png) no-repeat 150px top;}
.gnb_sub .sub_list.sub6 {background:url(../image/ico_sub6.png) no-repeat 150px top;}






.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://koreanbar.or.kr/img/img_www/main/bg_banner01.png) no-repeat left top;}
.pop_layer .ban a.bg2 {background:url(https://koreanbar.or.kr/img/img_www/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;}
.search_box {position:relative; padding:30px 0px 0px 20px; display:none;}
.search_box .bg_search {width:275px; margin-top:10px; height:27px; padding:3px 0px 0px 15px; background:url(../image/bg_search.png) no-repeat left top;}
.search_box .bg_search .input {color:#fff; width:227px; font-size:12px; background:none; border:none; height:15px; line-height:15px; padding:0px 3px 0 3px;}

.main_board {margin:70px 0px 0px 20px; padding-top:40px; position:relative; width:290px; height:145px;}

.main_board h3 a {color:#fff; height:30px; line-height:29px; font-size:13px; font-family:nGothicB; text-align:center; border-bottom:1px solid #83b7ee; display:block;}
.main_board h3.on a {border:1px solid #fff; border-bottom:none;}
.main_board #tab1 {width:100%; border-bottom:1px solid #fff; position:absolute; left:0px; top:0px;}
.main_board #tab1 a {width:76px; border-bottom:#fff;}
.main_board #tab2 {width:150px; position:absolute; left:76px; top:0px; display:none;}
.main_board #tab3 {width:64px; position:absolute; left:226px; top:0px; display:none;}
.main_board .board li {line-height: 25px; min-height: 25px; padding-right:82px; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow: ellipsis; color:#fff; font-size:11px;}
.main_board .board li img {vertical-align:middle;}
.main_board .board li a {color:#fff;}
.main_board .board li .day {display:block; right:5px; position:absolute; top:0px;}

.main_quick {margin:20px 0px 0px 0px; overflow:hidden; width:340px; height:110px;}
.main_quick li {float:left; text-align:center; color:#fff; width:50%; font-size:13px;}
.main_quick li a {display:block; padding-top:60px; color:#fff; font-family:nGothicB;}
.main_quick li.ico01 a {background:url(../image/ico01.png) no-repeat center top; padding-top:70px;}
.main_quick li.ico02 a {background:url(../image/ico02.png) no-repeat center top; padding-top:70px;}
.main_quick li.ico03 a {background:url(../image/ico03.png) no-repeat center top; padding-top:70px;}
.main_quick li.ico04 a {background:url(../image/ico04.png) no-repeat center top;}


.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:#fff !important; font-size:15px; 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:#fff; border-top:1px solid #e5e5e5}
#footer_wrap .footer {width:1000px; min-height:60px; padding:20px 0; position:relative; margin:0 auto; background:url(../image/f_logo.gif) no-repeat left 20px;}
#footer_wrap #fnb {font-size:180%;}
.fnb_menu {overflow:hidden; display:none;}
.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 {padding:10px 0 0; color:#898989; font-size:12px; line-height:150%;}

.footer_logo {height:60px; width:1000px; margin:0 auto; overflow:hidden; display:none;}
.footer_logo .footer_banner
#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_rollW {height:40px; width:590px; position:relative; float:left; padding:0px 40px 0px 0px; margin:12px 0px 8px 0px;}
.event_roll {overflow:hidden; width:100%;}
.event_rollW .btn {width:14px; height:40px; position:absolute; right:0px; top:0px;}
.event_rollW .btn li {float:right; height:20px;}
.event_rollW .btn li .cLeft { border:none; width:40px; height:20px; cursor:pointer; background:url(../image/roll_up.gif) no-repeat left top; font-size:0px; vertical-align:top;}
.event_rollW .btn li .cRight { border:none; width:40px; height:20px; cursor:pointer; background:url(../image/roll_down.gif) no-repeat left top; font-size:0px; vertical-align:top;}
.event_rollW .event_roll li {height:28px; line-height:27px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; width:100% !important;}
.event_rollW .event_roll li a {font-size:12px; color:#868686; font-family:nGothicB; width:190px; display:inline-block; zoom:1; *display:inline;}
.event_rollW .event_roll li img {vertical-align:middle;}

.footer_banner {float:right; width:343px; height:60px; position:relative; background:url(../image/bg_bottom.gif) repeat-x left top;}
.footer_banner a {display:block; padding:10px 10px 0px 90px; background:url(../image/footer_banner.gif) no-repeat 23px 7px; height:50px; color:#fff; font-size:12px;}
.footer_banner a strong {display:block; font-size:14px;}
.footer_banner a span {display:block; position:absolute; right:20px; top:10px; font-size:17px;}



.relate_site {position:absolute; top:30px; 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 0px; display:none;}
.main_bottomW .quick_btn {height:28px; overflow:hidden; width:171px; 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.png) repeat left top;}
.main_bottom ul {overflow:hidden;}
.main_bottom ul li {float:left; width:16.5%; 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.ico01 { width:17%;}
.main_bottom ul li.ico06 {background:none;}
.main_bottom ul li.ico01 a {background:url(../image/q_ico01.png) no-repeat 20px center; line-height:16px;}
.main_bottom ul li.ico02 a {background:url(../image/q_ico02.png) no-repeat 20px center; }
.main_bottom ul li.ico03 a {background:url(../image/q_ico03.png) no-repeat 20px center; }
.main_bottom ul li.ico04 a {background:url(../image/q_ico04.png) no-repeat 20px center; }
.main_bottom ul li.ico05 a {background:url(../image/q_ico05.png) no-repeat 20px center; }
.main_bottom ul li.ico06 a {background:url(../image/q_ico06.png) no-repeat 20px center; }



/* top quick */
.main_wrap #quick_wrap {display:none;}
#quick_wrap {display:none !important; 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/quick01.gif) no-repeat 15px top;}
#quick_wrap .quick ul li.ico02 {background:url(../image/quick02.gif) no-repeat 15px top;}
#quick_wrap .quick ul li.ico03 {background:url(../image/quick03.gif) no-repeat 15px top;}
#quick_wrap .quick ul li.ico04 {background:url(../image/quick04.gif) no-repeat 15px top;}
#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 */
.sub_visual_wrap {width:100%; height:174px; border-bottom:1px solid #b6b6b6;}
.sub_visual_wrap.introduce {background:url(../image/visual.jpg) no-repeat center top #e9e9e9;}
.sub_visual_wrap.flc {background:url(../image/visual4.jpg) no-repeat center top #e9e9e9;}
.sub_visual_wrap.news {background:url(../image/visual2.jpg) no-repeat center top #e9e9e9;}
.sub_visual_wrap.useful {background:url(../image/visual3.jpg) no-repeat center top #e9e9e9;}
.sub_visual_wrap.localbars {background:url(../image/visual6.jpg) no-repeat center top #e9e9e9;}
.sub_visual_wrap.common {background:url(../image/visual5.jpg) no-repeat center top #e9e9e9;}
.sub_visual_wrap.about {background:url(../image/visual1.jpg) no-repeat center top #e9e9e9;}

.sub_visual {width:1000px; margin:0 auto; height:174px;}
.sub_visual p {padding:54px 0px 0px 353px;}
.sub_visual p strong {font-size:40px; line-height:45px;}

#location {width:100%; background:#fbfbfb; 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 #title_bar, .printW p.f24 {display:none !important;}
.printW #header {display:none !important;}
.printW #rightW {width:900px; float:none; padding:0px;}
.printW #container .contents {padding:0px;}


.main_wrap #container {background:none; min-height:350px;}
#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:95%; padding:25px 0px 0px 5%; height:83px; font-size:24px; color:#fff; line-height:26px; background:url(../image/lnb_bg.gif) no-repeat right top #283848; letter-spacing:-1px; font-family:nGothicB; 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; padding:15px 0px 15px 20px; font-family:nGothic, dotum, gulim; color:#666666; min-height:20px; background:url(../image/lnb_off.gif) no-repeat 92% center #f4f4f4; line-height:20px; }
#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:5px 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 {display:none; 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; line-height:140%;}
.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:35px 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:14px; color:#1f1e1e; line-height:14px; font-family:nGothicB; margin:30px 0px 13px 0px; padding-left:15px; min-height:14px; background:url(../image/bul03.gif) no-repeat left 3px;}
.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;}
.sss_tit {font-size:14px; color:#1f1e1e; line-height:14px; font-family:nGothicB; margin:30px 0px 13px 0px; min-height:14px;}

.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;}
.ceo_list li .txt {padding:7px 0px; 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;}


.intro03_bg {width:100%; background:url(../image/03_img01.gif) no-repeat left top; height:250px;}
.intro03_bg ul {padding:24px 10px 0px 280px;}
.intro03_bg ul li {background:url(../image/bul03.gif) no-repeat left 10px; color:#333333; min-height:20px; line-height:20px; padding:3px 0px 3px 15px;}

.intro03 { padding-left:250px; position:relative; margin:40px 0px 0px 0px;}
.intro03 dt {position:absolute; left:0px; top:0px; margin:0px;}
.intro03 dd {padding:20px 0px 0px 0px; border-top:1px solid #cccccc;}

.intro_tab {padding:20px 0px 30px 280px;}
.intro_tab .s_tit {margin-top:30px;}
.intro_tab.ico01 {background:url(../image/04_img01_1.gif) no-repeat left 50px;}
.intro_tab.ico02 {background:url(../image/04_img02_1.gif) no-repeat left 50px;}
.intro_tab.ico03 {background:url(../image/04_img03_1.gif) no-repeat left 50px;}
.intro_tab.ico04 {background:url(../image/04_img04_1.gif) no-repeat left 50px;}
.intro_tab.ico05 {background:url(../image/04_img05_1.gif) no-repeat left 50px;}
.intro_tab.ico06 {background:url(https://koreanbar.or.kr/img/img_www/introduce/04_img06_1.gif) no-repeat left 50px;}

.history { position:relative; padding-left:105px; margin-top:30px; padding-bottom:30px; border-bottom:1px solid #ededed;}
.history h3 {position:absolute; left:0px; top:0px; font-size:26px; margin-top:0px;}
.history span.ico {background:url(../image/bg_history.gif) no-repeat left top; width:33px; height:11px; display:block; position:absolute; left:100px; top:0px;}
.history ul {border-left:1px solid #ededed; padding-left:40px;}
.history ul li {overflow:hidden; padding-bottom:15px; line-height:16px;}
.history ul li strong { display:block; float:left; width:18%; color:#0079cf; font-family:nGothic; font-weight:normal;}
.history ul li p {display:block; float:right; width:81%; color:#333333;}
.history_box {background:url(../image/05_img02_1.gif) no-repeat left top; padding:10px 10px 10px 147px; min-height:212px; margin:40px 0px;}
.history_box .f24 { color:#000000; font-family:nGothicB; padding:13px 0px;}
.ico_png {background:url(../image/ico.png) no-repeat left top; min-height:20px; padding-left:27px;}
.ico_png.ico01 {background-position:left 3px;}
.ico_png.ico02 {background-position:left -28px;}
.ico_png.ico04 {background-position:left -92px;}
.ico_png.ico05 {background-position:left -125px;}
.ico_png.ico08 {background-position:left -220px;}


.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;}
.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(../image/03_img011.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;}
.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:0px; bottom:105px; display:none;}
.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:20px 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; min-height:710px; border:13px solid #e3e3e3; background:#fff; position:absolute; left:50%; top:50%; margin:-370px 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 {width:974px; float:left; width:169px; 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;}



.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;}

.atab li.on a, .atab li.choice a {background:#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; border-top:5px solid #84308e;}
.layers_wrap .layers_tit {width:100%; height:59px; background:#f5f5f5; border-bottom:1px solid #e7e7e7; 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://koreanbar.or.kr/img/img_www/img/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://koreanbar.or.kr/img/img_www/img/ico/choice_ico.gif) no-repeat left -20px;}
.choice_tab li.on a {background:url(https://koreanbar.or.kr/img/img_www/img/ico/choice_ico.gif) no-repeat left 4px;}


span.form_down {
    padding: 0 17px 0 0;
    background: url(../image/ico_down.gif) right -4px no-repeat;
}

.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;}

.contentArea a.txt_link {text-decoration: underline; font-family:nGothicB;}
.contentArea a.txt_link:hover {color:#4ebed8;}
.contentArea a {text-decoration: underline; }
.contentArea a:hover {color:#4ebed8;}


div.org_img { float:left; width:100%; height:100%; background:url(../image/org_img.gif) left top no-repeat; }
div.org_4th_con01 {
	float:left;
	margin:305px 0 0 0px;
	padding:7px 0 7px 0;
	width:149px;
	font-size:90%;
	border-right:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	border-top:2px solid #ffe9a1;
	background:#fff;
}
div.org_4th_con02 {
	float:left;
	margin:467px 0 0 47px;
	padding:7px 0 7px 0;
	width:171px;
	font-size:90%;
	border-right:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	border-top:2px solid #59b454;
	background:#fff;
}
div.org_4th_con03 {
	float:left;
	margin:305px 0 0 33px;
	padding:7px 0 7px 0;
	width:262px;
	font-size:90%;
	border-right:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	border-top:2px solid #ffe9a1;
	background:#fff;
}

ul.org_4th_con_txtY { padding-left:10px;}
ul.org_4th_con_txtY li { color:#888; padding:2px 10px 2px 7px; line-height:18px; background:url(../image/sub03_03_org_Ydot.gif) left 12px no-repeat;}
ul.org_4th_con_txtG { padding-left:10px;}
ul.org_4th_con_txtG li { color:#888; padding:2px 10px 2px 7px; line-height:18px; background:url(../image/sub03_03_org_Gdot.gif) left 12px no-repeat;}

.sub_parking {width:500px; height:150px; margin:30px auto; padding:240px 0px 0px 0px; text-align:center; font-size:19px; font-family:nGothicB; color:#000; background:url(../image/sub_parking.png) no-repeat center bottom;}

.organization_talbe_top{ border-top: 2px solid #E1E4EC !important; }
.organization_talbe_top_yellow{ border-top: 3px solid #FFE697 !important; }
.organization_talbe_top_greeen{ border-top: 3px solid #47AC41 !important; }
.organization_talbe_bottom{ border-bottom: 2px solid #E1E4EC !important; }
.organization_talbe_right{ border-right: 2px solid #E1E4EC !important; }
.organization_talbe_left{ border-left: 2px solid #E1E4EC !important; }
.organization_talbe_border_data{ border: 2px solid #E1E4EC; !important; }
.organization_talbe_border_data_radius{ border: 2px solid #E1E4EC; !important; border-radius:10px; }
.organization_table_koreanbar{ height:100px;  }
.organization_table_txt_koreanbar{ text-align:left; font-size:35px;}
.organization_table_koreanbarLogo{ text-align:right; }
.organization_table_txt_generalAssembly{ text-align:center; background: linear-gradient(to bottom, #E1E4EC 10%, transparent); font-size:21px; color:#183894; border-top:3px solid #93ACF0;  }
.organization_table_txt_ceneter{ text-align:center; }
.organization_table_td_gradient{ background: linear-gradient(to top, #E1E4EC -100%, transparent); }
.organization_table_td_font_skyblue{ font-size:15px; color:#4BB4CF; }
.organization_table_td_font_green{ font-size:15px; color:#139912; }
.organization_table_td_font_gray{ font-size:15px; color:#999999; }
.organization_table_td_font_pink{ font-size:15px; color:#F16D98; }
.aboutkbaorganization {font-size:90%; border-collapse: inherit; line-height:20px; border-spacing:0px}
.aboutkbaorganization .textcenter{text-align:center;}