﻿
/* CSS Document */
/* ------------------------------------------------------------
 * Name      :layout.css
 * Desc      :main page layout
 * Created   :
 * Updated  :
 ----------------------------------------------------------- */

/* https://webtest.webvista.kr/koreabar/m/img
   https://www.koreanbar.or.kr/img/img_m
*/

#wrap {position:relative; width:100%; min-width:320px;}
.main_wrap .navwrap {display:none;}
.main_wrap header {height:49px;}
.main_wrap #contents {padding-top:46px; background:#fff;}
/* header */
header {width:100%; position:fixed; z-index:999; left:0px; top:0px; background:#fff; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);}
#contents {padding-top:46px; padding-top:92px; background:#f0f0f5;}

header .gnb_bt {float:right; padding:6px; margin-top:3px;}
header .home_bt {float:right; padding:6px; margin-top:3px;}
header #logo {float:left;}

.search_box {position:fixed; display:none; width:100%; left:0px; top:49px; padding:20px 90px 20px 10px; z-index:9999; background:#f0f0f5; box-sizing:border-box;}
.search_box .search_bar label { display:block; font-size:1.1em; color:#4b84cb; padding:0px 0px 10px 0px; font-weight:bold;}
.search_box .inp_search {width:100%; box-sizing:border-box;}
.search_box .btn_search { display:block; position:absolute; right:10px; bottom:20px; background:#2274ac; color:#fff; border-radius:3px; width:70px; height:31px; text-align:center; line-height:30px;}
.search_box .btn_close {position:absolute; right:0px; top:-45px; padding:10px; background:#2274ac;}

/* visual */
#main_visual {position:relative; z-index:99;}
#main_visual .img {width:100%; position:relative;}
#main_visual .img img {width:100%;}
#main_visual .txt {position:absolute; left:10px; top:20%; padding-right:25%;}
#main_visual .txt img {max-width:100%;}
#main_visual .bx-wrapper .bx-pager { display:none;}
#main_visual .slide {text-align:center;}
.main_gnb {background:#fff;  width:100%; box-sizing:border-box; padding:5px 0px;}
.main_gnb ul {overflow:hidden;}
.main_gnb ul li {float:left; width:33.333%; text-align:center;  background:#1d60af}
/* 나의 변호사 */
.main_gnb ul li:nth-child(4) {background:#743d90}

.gnb07, .gnb08, .gnb09 {background:#586877 !important}
.main_gnb ul li a {display:block; color:#fff; padding:70px 0px 10px 0px; height:30px; line-height:140%; border:1px solid #fff;  }
.main_gnb ul li.gnb01 a {background:url(../image/gnb01.png) no-repeat center 25px;  -webkit-background-size:auto 38px; -moz-background-size:auto 38px;}
.main_gnb ul li.gnb02 a {background:url(../image/gnb02.png) no-repeat center 25px;  -webkit-background-size:auto 38px; -moz-background-size:auto 38px;}
.main_gnb ul li.gnb03 a {background:url(../image/gnb03.png) no-repeat center 25px;  -webkit-background-size:auto 38px; -moz-background-size:auto 38px;}
/*.main_gnb ul li.gnb04 a {background:url(https://www.koreanbar.or.kr/img/img_m/main/gnb04.png) no-repeat center 25px;  -webkit-background-size:auto 38px; -moz-background-size:auto 38px;}*/
.main_gnb ul li.gnb04 a {background:url(../image/gnb04_klaw.png) no-repeat center 25px;  -webkit-background-size:auto 38px; -moz-background-size:auto 38px;}
.main_gnb ul li.gnb05 a {background:url(../image/gnb05.png) no-repeat center 25px;  -webkit-background-size:auto 38px; -moz-background-size:auto 38px;}
.main_gnb ul li.gnb06 a {background:url(../image/gnb06.png) no-repeat center 25px;  -webkit-background-size:auto 38px; -moz-background-size:auto 38px;}
.main_gnb ul li.gnb07 a {background:url(../image/gnb07.png) no-repeat center 25px;  -webkit-background-size:auto 38px; -moz-background-size:auto 38px;}
.main_gnb ul li.gnb08 a {background:url(../image/gnb08.png) no-repeat center 25px;  -webkit-background-size:auto 38px; -moz-background-size:auto 38px;}
.main_gnb ul li.gnb09 a {background:url(../image/gnb09.png) no-repeat center 25px;  -webkit-background-size:auto 38px; -moz-background-size:auto 38px;}






.main_gnb .slide a { display:block; padding-top:43px; color:#fff;}
.main_gnb .slide a.ico01 {background:url(../image/ico013.png) no-repeat center top; -webkit-background-size:auto 43px; -moz-background-size:auto 43px;}
.main_gnb .slide a.ico02 {background:url(../image/ico023.png) no-repeat center top; -webkit-background-size:auto 43px; -moz-background-size:auto 43px;}
.main_gnb .slide a.ico03 {background:url(../image/ico033.png) no-repeat center top; -webkit-background-size:auto 43px; -moz-background-size:auto 43px;}
.main_gnb .slide a.ico04 {background:url(../image/ico043.png) no-repeat center top; -webkit-background-size:auto 43px; -moz-background-size:auto 43px;}
.main_gnb .slide a.ico05 {background:url(../image/ico051.png) no-repeat center top; -webkit-background-size:auto 43px; -moz-background-size:auto 43px;}
.main_gnb .slide a.ico06 {background:url(../image/ico061.png) no-repeat center top; -webkit-background-size:auto 43px; -moz-background-size:auto 43px;}


/* all_gnb */
#gnbW {width:80%; height:100%; background:#363636; z-index:9999; position:fixed; margin-left:-49px; left:-81%; top:0px;}
#gnbW .gnbW_box {height:100%; box-shadow:5px 0px 2px rgba(0, 0, 0, 0.07); position:relative; overflow-y:auto; overflow-x:hidden;}
#gnbW .gnbW_box h2 {color:#fff; font-size:1.3em; font-weight:bold; height:49px; padding:0px; text-align:center; border-bottom:1px solid #424242;}
#gnbW li {color:#fff;}
#gnbW li > a {padding:15px 0px 15px 12px; display:block; color:#fff; border-bottom:1px solid #424242; font-size:1.1em; font-weight:bold;}
#gnbW li.menu > a {background:url(../image/ico_plus1.png) no-repeat 96% center; -webkit-background-size:auto 15px; -moz-background-size:auto 15px;}
#gnbW li.menu.on > a {background:url(../image/ico_minus.png) no-repeat 96% center #1d1d1d; -webkit-background-size:auto 15px; -moz-background-size:auto 15px; color:#ffff00;}
#gnbW li ul {overflow:hidden; display:none;}
#gnbW li ul li a {padding:7px 11px; background:none; display:block; border-bottom:none; font-size:0.9em; font-weight:bold; color:#999999; border-bottom:1px solid #343434; /*background:url(../images/bul03.png) no-repeat 2px 13px;	-webkit-background-size:3px auto; -moz-background-size:3px auto;*/}
#gnbW li ul li a span {display:block; text-align:center; padding:10px 0px;}
#gnbW .btn_close {position:absolute; width:25px; height:25px; padding:12px; background:#000; right:-49px; top:0px;}

.gnbW {width:100%; height:40px;	overflow:hidden; font-size:0.8em; line-height:140%;	position:relative; border-bottom:2px solid #121212;	z-index:9999;}
.gnbW ul {padding:0px 42px;	overflow:hidden;}
.gnbW li {text-align:center; width:33.3%; float:left;}
.gnbW li.choice a {background-image:none; background-color:#950d11;}
.gnbW li.last a {background-image:none;}
#blackW {width:100%; height:100%; display:none; position:fixed; top:0; left:0; z-index:9998; display:none; opacity: 0.7; background:#000 !important;}

/* gnb */
.gnb {clear:both; margin-top:13px; width:100%; height:37px;	background:#7b7066;	overflow:hidden; font-size:0.8em; line-height:38px;	position:relative;}
.gnb li {text-align:center;	width:50%; float:left; letter-spacing:-1px;}
.gnb li.long {width:23%;}
.gnb li a {display:block; color:#fff;}
.gnb li.on a {color:#cfc1b3;}
.gnb li.last a {background-image:none;}

.noticeW dl {

	width:100%;
	 box-sizing:border-box;
	border-bottom:1px solid #dddddd;
	border-top:1px solid #fff;
	position:relative;
	padding-left:85px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+81,e0e0e0+99,e0e0e0+99,dddddd+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 81%, #e0e0e0 99%, #e0e0e0 99%, #dddddd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 81%,#e0e0e0 99%,#e0e0e0 99%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 81%,#e0e0e0 99%,#e0e0e0 99%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}
.noticeW dl dt {
	color:#4b84cb;
	font-weight:bold;
	position:absolute;
	left:10px;
	top:17px;
}
.noticeW dl.two dt {
	top:9px;
	line-height:16px;
}
.noticeW dl dd a {
	display:block;
	padding:17px 0px;
	color:#4f4f4f;
	width:100%;
}

.noticeW dl dd a span {
	display:block;

	width:90%;
	border-left:1px solid #ececec;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	padding-left:10px;
}


.imgW {text-align:center;}
.imgW img {width:100%;}

.f_banner {
	border-top:1px solid #dddddd;
    background: url(../image/f_bg.png) no-repeat center top #ededed;
	-webkit-background-size:320px auto;
	-moz-background-size:320px auto;
}
.f_banner p {
    background: url(../image/footer_banner.png) no-repeat 10px center;
	-webkit-background-size:42px auto;
	-moz-background-size:42px auto;
}
.f_banner a {
	font-size:0.95em;
    display: block;
    padding: 10px 30px 10px 70px;
    background: url(../image/f_arrow.png) no-repeat 95% center;
	-webkit-background-size:9px auto;
	-moz-background-size:9px auto;

    color: #4f4f4f;
}
.f_banner a strong {
	display:block;
	font-size:1.1em;
	padding-bottom:5px;
}

footer {background:#ffffff; color:#7a7a7a; border-top:2px solid #001e78;}
footer .footer_banner { border-bottom:1px solid #e5e5e5; padding:10px; /*background:#ebebeb;*/}
footer dl {padding-bottom:10px; font-size:0.9em;}
footer dl dt {font-weight:bold; padding-bottom:5px;}
footer dl dd {font-size:0.95em; line-height:130%;}

footer .copy {
	color:#6d6d6d;
	font-size:0.9em;
	text-align:center;
	padding:10px 0px 10px 0px;
}
footer .f_bt {text-align:center; font-size:0.9em; padding:5px 0px 10px 0px;}
footer .f_bt li {display:inline-block; text-align:center; width:40%; border-left:1px solid #4d81cc;}
footer .f_bt li:first-child {border-left:none;}
footer .f_bt li a { color:#7a7a7a; font-size:}
footer .bt_top {position:absolute; right:5px; bottom:5px;}
footer .bx-wrapper .bx-pager {display:none;}
footer .bx-controls-direction {display:none;}

.event_rollW  {z-index:99;}
.event_rollW2  {z-index:98;}
.event_roll, .event_roll2 {overflow: hidden; width:100%; background:#fff;}
.event_roll li, .event_roll2 li {height: 28px; line-height: 27px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; width: 100% !important;}
.event_rollW .btn, .event_rollW2 .btn {display:none !important;}

/* CSS Document */
/* ------------------------------------------------------------
 * Name      :layout.css
 * Desc      :sub page layout
 * Created   :
 * Updated  :
 ------------------------------------------------------------ */
.navwrap {position: relative; background:#0c4ca3; width:100%; overflow:hidden; padding:0px 5px; box-sizing:border-box; border-top:1px solid #1c2625;}
.navwrap li {position:relative; display:inline-block; text-align:center; text-transform:uppercase; background:#333333;}
.navwrap li a {display:block; height:42px; color:#fff; font-size:0.9em; line-height:42px; text-align:center; box-sizing:border-box; border-left:1px solid #464646;}
.navwrap li.on a {color:#ffff00;}

.title_bar {border-bottom:2px solid #008ddd; position:relative; padding:10px;}
.title_bar:after {content:""; clear:both; display:block;}
.title_bar h2 {font-weight:bold; color:#4b84cb; float:left; line-height:30px; font-size:1.2em;}
.title_bar .select_wrap {display:inline-block; float:right;}
.title_bar .select_wrap  select {padding-right:15px;}

#sub_boardW {padding:7px;}
.sub_board {box-sizing:border-box; border-radius:4px; background:#fff; box-shadow:0px 0px 3px 0.3px rgba(0, 0, 0, 0.2); padding:7px;}
.sub_board:after {clear:both; content:""; display:block;}
.sub_board .blue {color:#0c4ca3;}
.sign {float:right; text-align:right; padding:5px 0px; overflow:hidden;}
.sign dt {font-weight:bold; float:left;}
.sign dd {float:left; padding-left:10px;}

.og_list { padding-top:10px; padding-bottom:50px;}
.og_list:after {display:block; content:""; clear:both;}
.og_list li {width:50%; height:320px; float:left; box-sizing:border-box; padding:2px;}
.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:50%; margin-left:-9px; top:184px; }
.og_list li .txt {padding:13px 0px 7px 5px; border-top:1px solid #cccccc; color:#333333; height:45px; text-align:left; background:#f5f5f5; line-height:150%; color:#000000; font-size:0.95em;}
.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-radius:6px; overflow:hidden; width:100%; color:#000; background:#e7e8e3; box-sizing:border-box; position:fixed; left:0px; top:30%; display:none; z-index:9999; padding-bottom:10px;}
.box dt {line-height:20px; box-shadow:0px 1px 3px 0.3px rgba(0, 0, 0, 0.4); background:#fff; height:20px; padding:15px 0px 15px 10px; margin-bottom:10px; font-size:1.15em; font-weight:bold;}
.box dd {line-height:17px; padding:2px 2px 2px 10px;}
.box .btn_close {display:block; width:20px; height:20px; padding:5px; background:url(../image/close_icon.png) no-repeat center center #102568; position:absolute; right:10px; top:9px;-webkit-background-size:15px auto; -moz-background-size:15px auto; border-radius:100%;}

.atab {padding:10px 0px;}
.atab:after {clear:both; content:""; display:block;}
.atab li {float:left; width:30%; text-align:center; border-bottom:2px solid #454545; box-sizing:border-box; padding-left:2px;}
.atab li:first-child {padding-left:0px;}
.atab li:last-child { width:40%;}
.atab li a {display:block; background:#1d60af; font-size:0.9em; color:#fff; padding:4px 0px 3px 0px; overflow:hidden;}
.atab li.on a {background:#454545;}




 /*트리메뉴*/
#tree1 > li { margin-top:6px; padding:0px; overflow:hidden;}
.expandable-plus .in_plus {
	background:url(../image/plus2.png) no-repeat 96% center #fff;
	-webkit-background-size:14px auto;
	-moz-background-size:14px auto;
}
.collapsable-plus .in_plus {
	background:url(../image/minus2.png) no-repeat 96% center #fff;
	-webkit-background-size:14px auto;
    -moz-background-size:14px auto;
}
.treeview .collapsable-plus a {
	color:#000;
}
.treeview .plus a {
	font-weight: bold;
	color:#000;
	line-height:130%;
	display:block;
	/*overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;*/
}
.treeview .in_plus {
	overflow:hidden;
	padding:10px 28px 10px 10px;
	position:relative;
	/*border-bottom:1px solid #475361;*/
}
.menubox2 {
	border-top:1px solid #b2b2b2;
	background: #fff;
	line-height:160%;
	font-size:0.96em;
	 position:relative;
}

.treeview .menubox2 .last_m {
	padding-bottom:20px;
}



.sec_box {width:100%; overflow:hidden; box-sizing:border-box; padding:0px 10px; font-size:0.9em;}
.sec_box .td_cell1 {float:left; width:30%; border-top:1px solid #dddddd; box-sizing:border-box; padding:10px 0px;}
.sec_box .td_cell2 {width:30%; text-align:center; position:absolute; right:0px; top:50%; margin-top:-14px;}
.sec_box .td_cell3 {float:left; text-align:left; width:40%; border-top:1px solid #dddddd; box-sizing:border-box; padding:10px 0px;}

.menubox2 li:first-child .td_cell1 {border-top:none;}
.menubox2 li:first-child .td_cell3 {border-top:none;}

.sec_box .phone {display:inline-block; padding-left:18px; background:url(../image/ico_phone.png) no-repeat left center; -webkit-background-size:12px auto; -moz-background-size:12px auto;}
.sec_box .fax {display:inline-block; padding-left:18px; background:url(../image/ico_fax.png) no-repeat left center; -webkit-background-size:12px auto; -moz-background-size:12px auto;}

/* fix for IE6 */
.treeview .hover {
	color:#730002;
	cursor:pointer;
}


/*con_W*/
.con_W {width:100%; clear:both;}
.pic {text-align:center; clear:both;}
.pic img {width:100%; max-width:640px; height:auto;}
.pic_img img {width:100%; max-width:640px; height:auto;}
.on_ul {overflow:hidden;}
.on_ul li {float:left; width:33.3%; overflow:hidden; text-align:center; }

.br_box {display:block;	border:1px solid #d4d4d4; border-radius:3px; padding:5px; box-sizing:border-box;}
.br_box:after { clear:both; display:block; content:"";}
.sel_group {position:relative; box-sizing:border-box; line-height:30px;}
.sel_group:after { clear:both; display:block; content:"";}
.sel_group .select_wrap { float:left; width:50%; box-sizing:border-box; padding:0px 2px;}
.sel_group .pa {position:absolute; left:0px; top:0px;}
.sel_group.three .select_wrap {width:33.3%;}
.p_pic {width:100%; position:relative;}
.p_pic img {width:100%; max-width:640px; height:auto;}
.pic_bg {position:absolute; left:0px; top:0px;}
.p_tit {padding-top:5px; font-size:1.0em;  font-weight:bold; color:#000; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.p_date {font-size:0.85em; color:#333; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.p_view {font-size:0.85em; color:#333; line-height:20px;}
.p_view span img {vertical-align:-1px;}



.layerPop {display:none; width:96%; padding:0px 2%; position:fixed; top:50%; left:0%; z-index:99999;}
.layerPop_in {max-width:1000px; margin:0 auto; background:#FFF; max-height:800px; overflow-y:auto; overflow-x:hidden; position:relative; border-radius:4px; box-sizing:border-box;}
.layerPop .pop_title {line-height:20px; box-shadow:0px 1px 3px 0.3px rgba(0, 0, 0, 0.6); background:#0c4da2; height:20px; padding:15px 0px 15px 10px; margin-bottom:10px; font-size: 1.15em; font-weight:bold; color:#fff;}
.layerPop .img {width:100%; max-width:100%;}
.layerPop .close_bt {position:absolute; right:20px; top:10px;}
.layerPop .btn_close {
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    background: url(../image/close_icon.png) no-repeat center center #102568;
    position: absolute;
    right: 10px;
    top: 9px;
    -webkit-background-size: 15px auto;
    -moz-background-size: 15px auto;
    border-radius: 100%;
}
.panel-body {padding:0px 10px 10px 10px; border-bottom:1px solid #dddddd; overflow:hidden;}
.Pop_in .btn {border:1px solid #ff5a5f; border-bottom:1px solid #e00007; background-color:#ff5a5f; color:#fff; padding:12px; display:block; font-size:15px; text-align:center; font-family:nGothicB; border-radius:4px; width:100%; cursor:pointer;box-sizing:border-box; -moz-box-size:border-box;}
.Pop_in .btn a {color:#fff;}
.Pop_in .btn.black {border:1px solid #666666; border-bottom:1px solid #575757; background-color:#666666;}
.Pop_in .btn button {color:#fff; background:none; font-family:nGothicB; font-size:15px;}

.login_box h3 {
    color: #000000;
    font-size: 1.15em;
	font-weight:bold;
    display: inline-block;
    zoom: 1;
    border-bottom: 1px solid #212121;
    margin-bottom: 10px;
}
.id_card {padding:5px 0px;}
.id_card li {text-align: left;  padding: 2px 0px 2px 95px;  position: relative;}
.id_card li label {
    display: block;
    position: absolute;
    left: 0px;
    top: 2px;
    line-height: 30px;
}
.two_wrap {overflow:hidden;}
.two_wrap .block {float:left; width:50%; box-sizing:border-box; position:relative}
.block .pa_r {position:absolute; right:0px; top:0px; line-height:30px;}
.login_box .btn2_search {
    background: #3e3e3e;
    text-align: center;
    font-size: 0.95em;
    border: 1px solid #262626;
	display:block;
	color:#fff;
	width:100%;
	 box-sizing:border-box;
	     border-radius: 3px;
}


/*잡동사니*/
.line { text-decoration:underline;}
.stit {
	color:#333333;
	font-size:1.15em;
	font-weight:bold;
	padding:20px 0px 5px 0px;
}
.ss_tit {
	color:#333333;
	font-size:1.1em;
	font-weight:bold;
	padding:10px 0px 10px 33px;
	background:url(https://www.koreanbar.or.kr/img/img_m/common/bul01.png) no-repeat left center;
	-webkit-background-size:27px auto;
	-moz-background-size:27px auto;
}
.ss_title span {
	display:block;
	height:1px;
	width:50px;
	margin-top:10px;
	background:#195b55;
}
.ss_title span.line_b {background:#aa9d34;}

.bul01 p {
	padding-left:20px;
	line-height:140%;
}
.bul01 ul {
	padding-left:12px;
	line-height:140%;
}
.bul02 {
	padding-left:20px;
	background:url(https://www.koreanbar.or.kr/img/img_m/common/bul2.png) no-repeat 12px 7px;
	-webkit-background-size:4px 2px;
	-moz-background-size:4px 2px;
}
.bul01 li {
	padding-left:8px;
	background:url(../image/bul01.gif) no-repeat left 9px;
	-webkit-background-size:auto 2px;
	-moz-background-size:auto 2px;
}
.bul03 {overflow:hidden;}
.bul03 li {
	padding-left:5px;
	background:url(https://www.koreanbar.or.kr/img/img_m/common/bul03.png) no-repeat left 9px;
	-webkit-background-size:2px auto;
	-moz-background-size:2px auto;
}


.com_tit {
	border-bottom:1px solid #205091;
	margin-bottom:8px;
	font-size:1.5em;
	letter-spacing:0.5px;
	color:#404040;
	padding:15px 0px 5px 10px;
	position:relative;
	line-height:140%;
	font-weight:bold;
}

.photo_box {

	 box-sizing:border-box;
    text-align: center;

	margin-right:5px;
}
.photo_box img {
	max-width:100%;
}

/* 조직도 - 집행부 반응형 css */
@media only screen and (max-width :435px) {
	.og_list li .txt {font-size:0.8rem;}
}

@media only screen and (max-width :400px) {
	.og_list li .txt {font-size:0.75rem;}
}

@media only screen and (max-width :375px) {
	.og_list li .txt {font-size:0.7rem;}
}


.sub_parking {width:300px; height:150px; margin:30px auto; padding:210px 0px 0px 0px; text-align:center; font-size:19px; font-family:nGothicB; color:#000; background:url(../image/sub_parking.png) no-repeat center top; background-size:300px auto;}

/* 다음 지도 */
.map {height:400px; overflow:hidden;}
.root_daum_roughmap {margin:0 auto !important;}