@charset "utf-8"; 

@import url("base.css"); 
@import url('https://fonts.googleapis.com/css2?family=Play&display=swap'); 

/* 초기화 */
html, body{
	width: 100%; 
	height: 100%; 	
}
body{
	margin:0; 
	padding:0; 
	line-height: 1.5; 
	vertical-align:middle !important; 
	font-family: 'Noto Sans KR', 'malgun gothic','Sans-serif'; 
	letter-spacing:-0.5px; 
	/*overflow-x:hidden; */
	transition: all 0.5s; 
    font-size:17px; 
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img{
	margin:0; 
	padding:0; 
	border:0
}
h1, h2, h3, h4, h5, h6{
	letter-spacing:-1px; 
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display:block
}
ul, ul li{
	margin:0; 
	padding:0; 
	list-style:none
}
ol, li, dl, dt, dd{
	margin:0; 
	padding:0
}
legend{
	position:absolute; 
	margin:0; 
	padding:0; 
	font-size:0; 
	line-height:0; 
	text-indent:-9999em; 
	overflow:hidden
}
label, input, button, select, img{
	vertical-align:middle
}
input, button{
	margin:0; 
	padding:0; 
	
}
button{
	cursor:pointer
}
textarea, select{
	
}
select{
	margin:0
}
p, span, i{
	margin:0; 
	padding:0; 
	word-break:break-all; 
}
hr{
	display:none
}
pre{
	overflow-x:scroll; 
	font-size:1.1em
}
a:link, a:visited{color:#444; text-decoration:none;}
a:hover, a:focus, a:active{
	/*color:#3f3f41; */
	text-decoration:none !important; 
	
}
*, :after, :before{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}
/*a:focus{border:#ea5513 1px solid; letter-spacing:-1px;}*/


input[type=text], input[type=password], textarea{
	-webkit-transition: all 0.30s ease-in-out; 
	-moz-transition: all 0.30s ease-in-out; 
	-ms-transition: all 0.30s ease-in-out; 
	-o-transition: all 0.30s ease-in-out; 
	outline: none; 
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{
	-webkit-box-shadow:  0 0 5px #9ed4ff; 
	-moz-box-shadow:  0 0 5px #9ed4ff; 
	box-shadow: 0 0 5px #9ed4ff; 
	border: 1px solid #558ab7 !important; 
}
input[type=checkbox]{
    border: 1px solid #ccc !important; 
    border-radius:3px !important; 
	padding:2px; 
	/*color:#666; */
}

.placeholdersjs{color: #aaa !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom:0;}
.mb{display:none;}
#index{position:relative;}
.wrap{position:relative; margin: 0 auto; width:100%; max-width:1400px;}
.wrap:after{display:block; visibility:hidden; clear:both; content:""}


/* 팝업레이어 */
#hd_pop{z-index:999999; position:relative; margin:0 auto; width:100%; height:0}
#hd_pop h2{position:absolute; font-size:0; line-height:0; overflow:hidden}
.hd_pops{position:absolute; border:1px solid #e9e9e9; background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con{}
.hd_pops_footer{padding: 0; background:#000; color:#fff; text-align:left; position:relative;}
.hd_pops_footer:after{display:block; visibility:hidden; clear:both; content:""}
.hd_pops_footer button{padding: 10px; border:0; color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000; text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939; position:absolute; top:0; right:0}

/* 상단 레이아웃 */
#hd{z-index:8; width:100%; background:#fff; height: 80px;}
#hd_h1{position:absolute; font-size:0; line-height:0; overflow:hidden}

#hd_wrapper{position:relative; width:100%; margin:0 auto; padding:0; text-align:center; z-index: 99999;}
#hd_wrapper:after{display:block; visibility:hidden; clear:both; content:""}

#logo{display: inline-block; position: absolute; left:0; top: 25px; z-index: 9;}
#logo a, #logo a img{display: block; height:35px;}

.t_login{position: absolute; right:20px; top: 25px; z-index: 9;}
.t_login li{display: inline-block; margin-left:20px;}
.t_login li a{display:block; background:#f05133; color:#fff; border-radius:5px; padding:3px 10px}   

.m_login{text-align:right}
.m_login li{display: inline-block; margin-left:20px;}
.m_login li a{display:block; background:#f05133; color:#fff; border-radius:5px; padding:5px 15px}   



/* 메인메뉴 */
#gnb{position:relative; height:80px; z-index:8; padding:0; background:#fff;}
#gnb h2{position:absolute; font-size:0; line-height:0; overflow:hidden}
.gnb_wrap{display: block; width:100%; min-height:80px; transition: all 1.3s; text-align:center;}
#gnb_1dul{margin:0 auto; display: inline-block;}
#gnb_1dul > li{position: relative; height: 100%; float: left; position:relative; margin: 0px;}
#gnb_1dul > li:nth-child(n+2):before{content: ""; position: absolute; top:50%; left:-2px; transform: translateY(-50%); display: block; width: 4px; height:4px; background-color:#E5E5E5;}
#gnb_1dul > li > a{display: block; line-height: 80px; color: #082443; font-weight: 500; text-align: center; padding:0 30px; font-size: 20px; letter-spacing:-0.8px; ;}
#gnb_1dul > li > a:before{content: ""; position: absolute; top:12px; left:50%; transform: translateX(-50%); display: block; width:6px; height:6px; border-radius:50%; background-color: #f05133; opacity: 0; transition: top, opacity, 0.3s;}
#gnb_1dul > li:hover > a:before,
#gnb_1dul > li > a:hover:before,
#gnb_1dul > li.on > a:before{opacity: 1; top:20px;}
#gnb_1dul > li:hover > a,
#gnb_1dul > li > a:hover,
#gnb_1dul > li.on > a{color:#f05133}
#gnb_1dul > li > ul{position:absolute; top:100%; left:0; width:100%; opacity: 0; visibility: hidden; overflow: hidden; transition:opacity, visibility, 0.2s; padding:10px 0;}
#gnb_1dul.nav_on > li > ul{opacity: 1; visibility: visible;}
#gnb_1dul > li > ul > li{float:none; width: 100%; display: block; position:relative; clear:both;}
#gnb_1dul > li > ul > li > a{font-size:17px; line-height:1.2; width: 100%; padding: 15px 0px; transition:0.3s; color:#3e638d; display:block;}
#gnb_1dul > li > ul > li:hover > a,
#gnb_1dul > li > ul > li > a:hover,
#gnb_1dul > li > ul > li > a:focus{color:#000;}

.fix_bg{position: absolute; top:80px; left:0; display:block; z-index:9; width:100%; height:0; background:#ffffff; 
	-webkit-transition:height 0.3s ease; 
	-moz-transition:height 0.3s ease; 
	-o-transition:height 0.3s ease; 
	transition:height 0.3s ease; 
}
.fix_bg.on{height:320px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}


#tnb{display:none; position: absolute; right: 0; top: 0; z-index:111; width:80px; height:80px; padding:25px; z-index:9}
.btnMenu{font-size:0;}
.btnMenu span{display: block; width:28px; height: 2px; background:#002b5c; margin:0 auto}
.btnMenu span:nth-child(1){margin-top: 0px;}
.btnMenu span:nth-child(2){margin-top: 7px;}
.btnMenu span:nth-child(3){margin-top: 7px;}
.down{ -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; transition-duration:0.4s; transition-timing-function:ease; height: 80px;}
.down #tnb{height: 80px; background:#000;}
.down #gnb{height: 80px; background:rgba(255, 255, 255, 0.8);}
.down #full_dropdown > #gnb_1dul > li > a{line-height: 80px;}
.down #logo{top:0;}
.down #full_dropdown{min-height:80px;}
.down #full_dropdown > #gnb_1dul > li > a{color:#000;}
.down #full_dropdown #gnb_1dul ul li a{color:#000;}




/*사이드 메뉴*/
#side_menu{position:fixed; top:0; right:0; z-index:999; height:100%; background:#fff}
.side_menu_wr{display:none; width:230px; overflow-y:auto; height: 100%; border-left:1px solid #cdcdcd;}
#btn_sidemenu{position:absolute; top:50%; left:-35px; width:35px; height:50px; margin-top:-25px; background:#fff; border:1px solid #cdcdcd; border-right:0; font-size:14px}
#side_menu .side_menu_shop{padding:10px 20px; border-bottom:1px solid #f3f3f3;}
#side_menu .btn_side_shop{position:relative; background:none; border:0; width:100%; height:30px; text-align:left; font-weight:bold;}
#side_menu .btn_side_shop span{position:absolute; top:5px; right:0; padding:0 5px; line-height:20px; border-radius:10px; color:#fff; background:#ed1c24}
#side_menu .side_menu_shop .op_area{display:none; border-top:1px solid #f3f3f3; margin:5px 0}
#side_menu .side_menu_shop .op_area h2{position:absolute; font-size:0; line-height:0; overflow:hidden}
#side_menu .side_menu_shop .op_area li{border-bottom:1px solid #f3f3f3; position:relative; padding:10px 0; min-height:80px; padding-left:70px}
#side_menu .side_menu_shop .op_area li .prd_img{position:absolute; top:10px; left:0px;}
#side_menu .side_menu_shop .op_area li .prd_cost{display:block; font-weight:bold; margin:3px 0 0}
#side_menu .side_menu_shop .op_area  .li_empty{padding:50px 0; padding-left:0; color:#999; border-bottom:1px solid #f3f3f3; text-align:center}


/* 중간 레이아웃 */
#wrapper{z-index:5; min-width:320px; width:100%; height:100%; position:relative;}
#wrapper:after{display:block; visibility:hidden; clear:both; content:""}
#wrapper_title{font-size: 35px; line-height: 1.0em; font-weight: 500; text-align:center; margin:50px 0; color: #17462c;}

/* aside wrapper */
#aside{float:left; margin:0 10px 0 0; width:215px; margin-right:20px}

#container{margin:0 auto; position:relative; width:100%; height:auto !important; background:#fff; zoom:1; z-index:7; padding-bottom:50px;}
#container.greetings_inner,
#index #container{padding-bottom:0} 
#container #content{position:relative; width:100%; margin:0 auto;}
#container #content::after{display:block; clear:both; content:''}

.sale_prd h2{font-size:1.167em; margin:20px 0 10px}
.st_bg{display: inline-block; width: 1px; height: 10px; margin: 0 10px; background: #e2e1e0; vertical-align: -1px;}


/* 텍스트 크기 조절 */
#text_size{display:none; position:absolute; top:-31px; left:-1px}
#text_size button{padding:0 10px; height:30px; border:1px solid #cfded8; border-bottom:0; background:#000; color:#fff; cursor:pointer}


/* 하단 레이아웃 */
footer{position: relative; background:#fff; width: 100%; padding: 40px 0; z-index:10; border-top:1px solid #ededed;}
#ft{clear:both; /*min-width:1400px; */width:100%; letter-spacing: 0;}

#ft .ft_logo{width:300px; float:left; margin-bottom:35px;}
#ft .privacy{display: inline-block; float:right;}
#ft .privacy li{position:relative; display:inline-block;}
#ft .privacy li:last-child{padding-left:60px}
#ft .privacy li:last-child:before{content:''; height:70%; width:1px; background:#54546a; position:absolute; top:15%; left:30px;}
#ft .privacy li a{display:block; color:#54546a; font-weight:500; line-height:1.5; transition:0.3s;}
#ft .privacy li a:hover{color:#07449b;}


#ft .ft_tex{display:block; clear:both; position:relative;}

#ft .ft_tex:before{display:block; clear:both; content:''}
#ft .ft_tex dt{font-size:18px; font-weight:500; color:#002b5c; letter-spacing:2px; margin-bottom:10px;}
#ft .ft_tex ul{}
#ft .ft_tex dd{color:#666; line-height:1.8;}
#ft .ft_tex p{position:absolute; font-size:15px; color:#666; margin-top:35px; right:0; bottom:0; text-align:right; word-break:keep-all;}
#ft .ft_tex p img {margin-bottom:10px;}
#ft .ft_tex p a{color:#666; transition:0.3s;}
#ft .ft_tex p a:hover{color:#333;}



/* 화면낭독기 사용자용 */
#hd_login_msg{position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden}
.msg_sound_only, .sound_only{position: absolute; width: 0; height: 0; font-size: 0; top: 0; left: 0; margin: 0; /*display:inline-block !important; position:absolute; top:0; left:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; border:0 !important; overflow:hidden !important */}

/* 이미지 등비율 리사이징 */
.img_fix{width:100%; height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha{display:inline-block; position:relative}
#captcha legend{position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden;}
#captcha #captcha_img{; height:40px; border:1px solid #898989; vertical-align:top; padding:0; margin:0}
#captcha #captcha_mp3{; margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; width:40px; height:40px; background:url('../img/captcha.png') no-repeat; text-indent:-999px; border-radius:3px}
#captcha #captcha_reload{margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../img/captcha.png') no-repeat  0 -40px; text-indent:-999px; border-radius:3px}
#captcha #captcha_key{margin:0 0 0 3px; padding:0 5px; width:90px; height:40px; border:1px solid #ccc; background:#fff; font-size:1.333em; font-weight:bold; text-align:center; border-radius:3px; vertical-align:top}
#captcha #captcha_info{display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio{display:block; margin:0 0 5px; width:187px}
#captcha.m_captcha #captcha_img{width:160px; height:60px; border:1px solid #e9e9e9; margin-bottom:3px; margin-top:5px; display:block;}
#captcha.m_captcha #captcha_reload{position:static; margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../img/captcha.png') no-repeat  0 -40px; text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key{margin:0; padding:0 5px; width:115px; height:29px; border:1px solid #b8c9c2; background:#f7f7f7; font-size:1.333em; font-weight:bold; text-align:center; line-height:29px; margin-left:3px}
#captcha.m_captcha #captcha_info{display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3{width:31px; height:31px; background:url('../img/captcha.png') no-repeat 0 0 ; vertical-align:top; overflow:hidden; cursor:pointer; text-indent:-9999px; border:none}

/* ckeditor 단축키 */
.cke_sc{margin:0 0 5px; text-align:right}
.btn_cke_sc{display:inline-block; padding:0 10px; height:30px; border:1px solid #ccc !important; background:#fafafa !important; text-decoration:none !important; line-height:1em; vertical-align:middle}
.cke_sc_def{margin:0 0 5px; padding:10px; border:1px solid #ccc; background:#f2f5f9; text-align:center}
.cke_sc_def dl{margin:0 0 5px; text-align:left; zoom:1}
.cke_sc_def dl:after{display:block; visibility:hidden; clear:both; content:""}
.cke_sc_def dt, .cke_sc_def dd{float:left; margin:0; padding:5px 0; border-bottom:1px solid #e9e9e9}
.cke_sc_def dt{width:20%; font-weight:bold;}
.cke_sc_def dd{width:30%}


/* 목록 바로가기 */
.sanchor{margin:90px 0 30px ; padding:0; zoom:1}
.sanchor:after{display:block; visibility:hidden; clear:both; content:""}
.sanchor li button{float:left; width:50%; text-align:center; list-style:none; font-size:22px; padding:25px 0; border:1px solid #000; outline: none;}
.sanchor li:nth-child(1) button{border-right:0;}
.sanchor li:nth-child(3) button{border-left:0;}
.selected, .bo-dot:hover{border:1px solid #002b5c !important; width:100%; height:100%; padding:30px 0; border-bottom:0 !important; color:#002b5c; font-weight:500;}
.sit_qaa_done{background:#002b5c; line-height: 24px; margin-right: 30px; font-size: 15px;}
.sit_qaa_yet{border:1px solid #002b5c; color:#002b5c; margin-right: 30px; font-size: 15px;}
.sit_qa_li{padding: 25px 10px;}
.sit_qa_li img{padding-left:5px; vertical-align:unset;}
.sit_qa_li button{outline: none;}
.sit_qa_dl dd{margin-left:20px;}
#sit_qa_wbtn a{padding: 0px 30px !important; transition:all 0.3s;}
.sit_qa_p .qa_alp{font-weight: 800; top:29px;}
.sit_qa_qaq p, .sit_qa_qaa p{font-size:18px;}
.sit_qa_qaq, .sit_qa_qaa{padding: 30px 30px 30px 90px; font-size: 18px;}
.sit_qa_p{margin: 25px 0 10px;}
.sanchor li span{vertical-align:unset;}
.sanchor li a{display:block; position:relative; height:60px; margin-left:-1px; background-color:#f7f7f7; border:1px solid #cdcdcd; border-bottom:1px solid #000; 
color: #666; line-height: 58px; text-align: center; z-index:1;}
.sanchor li .sanchor_on{margin:0 0 0 -1px; border:1px solid #000; background:#fff; z-index:2; border-bottom-color:#fff; font-weight:bold;}
.sanchor li a .item_qa_count,.sanchor li a .item_use_count{display:inline-block; background:#aaa; padding:0 5px; line-height:23px; border-radius:15px; color:#fff; min-width:23px; font-size:12px}
.sanchor li .sanchor_on .item_qa_count,.sanchor li .sanchor_on .item_use_count{background:#002b5c}


/* 콘텐츠별 스타일 */
.cnt_cmt{display:inline-block; margin:0 0 0 3px; font-weight:bold;}

/* 버튼 */
.btn_area{margin:20px auto; text-align:center}

a.btn, .btn{padding:5px 10px; text-align:center; border-radius:3px; vertical-align:middle !important; display:inline-block;}




a.btn01, .btn_admin, a.btn_admin, a.btn_b01, .btn_b01{display:inline-block; background:#002b5c; color:#fff; text-decoration:none; vertical-align:middle; border-radius: 3px;}
a.btn01:focus, button.btn01:focus,a.btn_b01:focus, .btn_b01:focus, a.btn01:hover, button.btn01:hover, a.btn_b01:hover, .btn_b01:hover{text-decoration:none; background:#f05133;}

button.btn01, button.btn_admin, input.btn01, input.btn_b01, input.btn_admin{display:inline-block; margin:0; padding:5px 10px; border:1px solid #b3b3b3; background:#fff; color:#333; text-decoration:none}
button.btn01:hover, button.btn_admin:hover, input.btn01:hover, input.btn_b01:hover, input.btn_admin:hover{color:#002b5c;}

a.btn02, .btn_submit, a.btn_submit, a.btn_b02,.btn_b02{display:inline-block;  border:1px solid #002b5c; background:#002b5c; color:#fff !important; text-decoration:none; vertical-align:middle;}
a.btn02:focus, .btn_submit:focus, a.btn_submit:focus, a.btn_b02:focus, .btn_b02:focus, .btn02:hover, .btn_submit:hover, a.btn_submit:hover, a.btn_b02:hover, .btn_b02:hover{text-decoration:none; border:1px solid #555; background:#555; color:#fff !important;}
button.btn02, button.btn_submit, input.btn02, input.btn_submit{display:inline-block; margin:0;  border:1px solid #002b5c; background:#002b5c; color:#fff; text-decoration:none;}


a.btn_b03, .btn_b03{display:inline-block; background:transparent; border:1px solid #b9bdd3; color:#646982; background:none; text-decoration:none; vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover{background:#ebedf6;}

a.btn04, a.btn_b04,.btn_b04{display:inline-block; padding:0 10px !important; border:1px solid #fbaf00; background:#fbaf00; color:#fff !important; text-decoration:none; vertical-align:middle;}
a.btn04:focus, a.btn_b04:focus, .btn_b04:focus, .btn04:hover, a.btn_b04:hover, .btn_b04:hover{text-decoration:none; border:1px solid #555; background:#555; color:#fff !important;}
button.btn04, input.btn04{display:inline-block; margin:0; padding:0 10px !important; border:1px solid #fbaf00; background:#fbaf00; color:#fff; text-decoration:none;}



a.btn05, a.btn_b04,.btn_b04{display:inline-block; padding:0 10px !important; border:1px solid#BDBDBD; background:#BDBDBD; color:#fff !important; text-decoration:none; vertical-align:middle;}
a.btn05:focus, a.btn05:focus, .btn_b04:focus, .btn04:hover, a.btn_b04:hover, .btn_b04:hover{text-decoration:none; border:1px solid #555; background:#555; color:#fff !important;}
button.btn05, input.btn05{display:inline-block; margin:0; padding:0 10px !important; border:1px solid #BDBDBD; background:#BDBDBD; color:#fff; text-decoration:none;}

.btn_confirm{text-align:center} 
.btn_address{background:#70aff2; border:1px solid #3476be; height:40px; color:#fff; padding:0 10px; font-size:1.083em; font-weight:bold;}
fieldset .btn_submit{padding:0 7px; height:24px; line-height:1em}

a.btn_cancel{display:inline-block; padding:7px; border:1px solid #ccc; background:#fafafa; text-decoration:none; vertical-align:middle}
button.btn_cancel{display:inline-block; padding:7px; border:1px solid #ccc; background:#fafafa; vertical-align:top; text-decoration:none}

a.btn_frmline, button.btn_frmline{display:inline-block; padding:5px 10px; border:1px solid #002b5c; color:#002b5c; background:#fff; letter-spacing:-0.1em; text-decoration:none; vertical-align:middle} /* 우편번호검색버튼 등 */
a.btn_frmline{line-height:24px}
button.btn_frmline{font-size:1em}

/* 선택수정 버튼 */
.btn_list{margin:0 auto; width:93%}
.btn_list input, .btn_list button{background: none repeat scroll 0 0 #617D46; border: 0 none; color: #FFFFFF; height: 28px; line-height: 2.2em; padding: 0 15px; vertical-align: middle}

/* 게시판 목록 */
#bo_list{position:relative}
#bo_list:after{display:block; visibility:hidden; clear:both; content:""}
#bo_list .td_board{width:120px; text-align:center}
#bo_list .td_chk{width:30px; text-align:center}
#bo_list .td_date{width:60px; text-align:center;}
#bo_list .td_datetime{width:120px; text-align:center;}
#bo_list .td_group{width:100px; text-align:center}
#bo_list .td_mb_id{width:100px; text-align:center}
#bo_list .td_mng{width:80px; text-align:center}
#bo_list .td_name{width:120px; text-align:center; padding:10px 0;}
#bo_list .td_nick{width:100px; text-align:center}
#bo_list .td_num{width:80px; text-align:center}
#bo_list .td_num2{width:50px; text-align:center}

#bo_list .td_subject{text-align:left;}
#bo_list .td_numbig{width:80px; text-align:center}
#bo_list .td_hit{width:80px; text-align:center}
#bo_list .txt_active{color:#5d910b}
#bo_list .txt_expired{color:#ccc}
#bo_list .td_situation{text-align:center;}
#bo_list .td_situation p span{padding:5px 0; width:60px; background:#002b5c; color:#fff; border-radius:5px; margin:0 auto; display:block;}
#bo_list .td_situation p span.progress_btn{background:#f05133;}
#bo_list tbody tr:hover{/*border-left:2px solid #253dbe*/}

#bo_cate{background:#ecf2f3; padding:7px; margin:10px 0; border:1px solid #bed1d4}
#bo_cate h2{position:absolute; font-size:0; line-height:0; overflow:hidden}
#bo_cate ul{zoom:1}
#bo_cate ul:after{display:block; visibility:hidden; clear:both; content:""}
#bo_cate li{display:inline-block; padding:2px;}
#bo_cate a{display:block; line-height:26px; padding:0 10px; border-radius:3px; border:1px solid transparent}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{text-decoration:none; background:#d2d6dc;}
#bo_cate #bo_cate_on{z-index:2; background:#3497d9; color:#fff; font-weight:bold; border-bottom-color:#1977b5; 
-webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202); 
-moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202); 
box-shadow:inset 0 2px 5px rgb(33, 135, 202);}
.td_subject img{margin-left:5px;}

/* 게시판 목록 공통 */
#bo_btn_top{margin: 10px 0}
#bo_btn_top:after{display:block; visibility:hidden; clear:both; content:""}
.bo_fx{display:block; margin-bottom:5px; /*float:right; */ text-align:right; zoom:1}
.bo_fx:after{display:block; visibility:hidden; clear:both; content:""}
.bo_fx ul{margin:0; padding:0; list-style:none}
#bo_list_total{float:left; line-height:30px; font-size:0.92em; color:#4e546f; background:#ddd; padding:0 10px; border-radius:5px;}

.bo_title_review{background:#3bb197; color:#fff; font-size:20px; line-height:30px; text-align:center; /*margin-bottom:30px; */padding:15px 0 5px 0; border-radius:3px;}

.btn_bo_user{float:right; margin:0; padding:0; list-style:none}
.btn_bo_user li{float:left; margin-left:5px}
.btn_bo_adm{float:left}
.btn_bo_adm li{float:left; margin-right:5px}
.btn_bo_adm input{padding:0 8px; border:0; background:#ddd; /*color:#666; */text-decoration:none; vertical-align:middle}
.bo_notice td{/*background:#f5f5f5 !important; */ border-bottom:1px solid #e8e8e8;}
.bo_notice td a{font-weight:bold;}

.bo_notice .notice_icon{display:inline-block; background:#4158d1; width:25px; line-height:25px; border-radius:5px; font-weight:normal; color:#fff}
.td_num strong{}
.bo_cate_link{display: inline-block; color: #3497d9; height: 20px; font-size:0.92em} /* 글제목줄 분류스타일 */
.bo_tit{display:block; text-align:left;}
.bo_tit a{font-size:16px;}
p.mo_info{margin-top:10px; display:none}
p.mo_info span{color:#666; margin-right:10px;}


#bo_list .tbl_head01 a{line-height: 25px;}
.bo_tit_review{display:block; color:#000; font-weight:bold; margin:20px 0; padding-bottom:20px; border-bottom:1px solid #eee;}
.bo_txt_review{display:block; margin:20px 0; padding-bottom:20px; border-bottom:1px solid #ccc; color:#777;}
.bo_current{color:#e8180c}
/*#bo_list .profile_img{display:inline-block; margin-right:2px}*/
#bo_list .profile_img img{border-radius:50%}
#bo_list .cnt_cmt{background:#5c85c1; color:#fff; font-size:11px; height:16px; line-height:16px; padding:0 5px; border-radius:3px; vertical-align:middle; 
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3); 
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3); 
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);}

#bo_list .bo_tit .title_icon{margin-right:2px}
#bo_list .bo_tit .fa-download{width:16px; height:16px; line-height:16px; color:#2f70bb; text-align:center; font-size:10px; border-radius:2px; margin-left:4px; vertical-align:middle}
#bo_list .bo_tit .fa-link{width:16px; height:16px; line-height:16px; color:#2f70bb; text-align:center; font-size:10px; border-radius:2px; margin-left:2px; vertical-align:middle; font-weight:normal}
#bo_list .bo_tit .new_icon{display:inline-block; width: 16px; line-height:16px ; font-size:0.833em; color:#ffff00; background:#6db142; text-align:center; border-radius: 2px; vertical-align:middle; margin-right:2px}
#bo_list .bo_tit .fa-heart{display:inline-block; width: 16px; line-height:16px ; font-size:0.833em; color:#2f70bb; text-align:center; border-radius: 2px; vertical-align:middle; margin-right:2px; font-weight:normal}
#bo_list .bo_tit .fa-lock{display: inline-block; line-height: 14px; width: 16px; font-size: 0.833em; color: #4f818c; background: #cbe3e8; text-align: center; border-radius: 2px; font-size: 12px; border:1px solid #a2c6ce}



/* 게시판 검색 */
#bo_sch{border:1px solid #ccc; background:#fff; border-radius:3px; margin:15px auto 0 ; padding:5px;}
#bo_sch:after{display:block; visibility:hidden; clear:both; content:""}
#bo_sch legend{position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden}
#bo_sch select{border:0; margin:9px 5px ; height:20px; float:left; border-right:1px solid #ddd; outline: none;}
#bo_sch .sch_input{height:38px; line-height:38px; border:0; padding:0; background-color:transparent; float:left; width:50%}
#bo_sch .sch_btn{height:38px; float:right; background:none; border:0; width:40px; font-size:15px}


/* 게시판 읽기 */
#bo_v{border-top: 2px solid #000;}

#bo_v_table{position:absolute; top:0; right:16px; margin:0; padding:0 5px; height:25px; background:#ff3061; color:#fff; font-weight:bold; line-height:2.2em}

#bo_v_title{border-bottom:1px solid #ddd; padding:25px 0; margin-bottom:10px;}
#bo_v_title .bo_v_cate{display: inline-block; line-height: 26px; background: #d61d6b; color: #fff; font-weight: 300; border-bottom: 1px solid #d61d6b; padding: 0 10px; font-size: 17px; border-radius: 3px;}
#bo_v_title .bo_v_tit{display:block; font-size:28px; margin:5px 0 0; word-break:break-all; text-align:center; font-weight:600;}

#bo_v_info{padding: 10px 0 15px; margin:0 0 20px; /*border-bottom:1px solid #ddd; *//*color:#666; */}
#bo_v_info:after{display:block; visibility:hidden; clear:both; content:""} 
#bo_v_info h2{position:absolute; font-size:0; line-height:0; overflow:hidden}
#bo_v_info strong{display:inline-block; margin:0 10px 0 0; font-weight:normal}

#bo_v_info ul{text-align:right;}
#bo_v_info li{display:inline-block; margin-left:20px;}
#bo_v_info li span{display:inline-block;}

#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest{font-weight:bold;}
#bo_v_info .profile_img{}
#bo_v_info .profile_img img{border-radius:50%}
#bo_v_info .sv_member{}
#bo_v_info .if_view{display:inline-block; background:url(./img/icon_view.png) no-repeat 50% 50%; height:15px; width:20px; overflow:hidden; text-indent:-999px; vertical-align:middle; margin-right:3px}
#bo_v_info .if_comment{display:inline-block; background:url(./img/icon_comment.png) no-repeat 50% 50%; height:15px; width:20px; overflow:hidden; text-indent:-999px; vertical-align:middle; margin-right:3px}
#bo_v_info .if_date{float:right; margin:0; color:#888}

#bo_v_file{margin:15px 0 10px; border-top:1px solid #ddd}
#bo_v_file h2{padding:10px; background: #f3f3f3; font-size:18px;}
#bo_v_file ul{margin:0; padding:5px 0; list-style:none}
#bo_v_file li{padding:5px 10px; position:relative;}
#bo_v_file a{display:inline-block; text-decoration:underline; word-wrap:break-word;}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active{text-decoration:none}
#bo_v_file a strong{font-weight:normal;}
#bo_v_file img{float:left; margin:0 10px 0 0}
.bo_v_file_cnt{position:absolute; top:5px; right:10px; color:#666; font-size:0.92em}

#bo_v_link{margin:10px 0; border:1px solid #ddd}
#bo_v_link h2{padding:10px; border-bottom:1px solid #e8e8e8; background: #f3f3f3;}
#bo_v_link ul{margin:0; padding:5px 0; list-style:none}
#bo_v_link li{padding:5px 10px; position:relative;}
#bo_v_link a{display:inline-block; color:#3497d9; text-decoration:underline; word-wrap:break-word;}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active{text-decoration:none}
.bo_v_link_cnt{position:absolute; top:5px; right:10px; color:#666; font-size:0.92em}

#bo_v_top{zoom:1; border-top:1px solid #ddd}
#bo_v_top:after{display:block; visibility:hidden; clear:both; content:""}
#bo_v_top h2{position:absolute; font-size:0; line-height:0; overflow:hidden}
#bo_v_top ul{padding:0; list-style:none; word-break:break-all}

#bo_v_bot{zoom:1}
#bo_v_bot:after{display:block; visibility:hidden; clear:both; content:""}
#bo_v_bot h2{position:absolute; font-size:0; line-height:0; overflow:hidden}
#bo_v_bot ul{padding:0; list-style:none}

.bo_v_com{margin:20px 0; float:right}
.bo_v_com li{float:left; margin-left:5px}

.bo_v_left{margin:20px 0; float:left}
.bo_v_left li{float:left; margin-right:5px}

.bo_v_nb{margin:20px 0; position:relative; clear:both; text-align:left; border:1px solid #ddd;}
.bo_v_nb:after{display:block; visibility:hidden; clear:both; content:""}
.bo_v_nb li{padding:20px;}
.bo_v_nb li:hover{background:#f6f6f6;}
.bo_v_nb li i{font-size:13px;}
.bo_v_nb li .nb_tit{display:inline-block; padding-right:25px; color:#002b5c;}
.bo_v_nb li .nb_date{float:right; color:#666;}

#bo_v_atc{min-height:200px; height:auto !important; height:200px;}
#bo_v_atc_title{position:absolute; font-size:0; line-height:0; overflow:hidden;}

#bo_v_img{width:100%; overflow:hidden; zoom:1; text-align:center}
#bo_v_img:after{display:block; visibility:hidden; clear:both; content:""}
#bo_v_img a.view_image{display:block}
#bo_v_img img{margin-bottom:20px; max-width:100%; height:auto}

#bo_v_con{margin:10px 0 30px; width:100%; line-height:1.4; min-height:200px; word-break:break-all; overflow:hidden; font-size:18px;}
#bo_v_con a{; text-decoration:underline}
#bo_v_con img{max-width:100%; height:auto; margin: 0 auto; display: block;}
#bo_v_con iframe{width: 90% !important; height: 500px !important; max-height: 600px !important; display: block; margin: auto;}
#bo_v_act{margin-bottom:30px; text-align:center}
#bo_v_act .bo_v_act_gng{position:relative}
#bo_v_act a{margin-right:5px; vertical-align:middle}
#bo_v_act a:hover{background-color:#f3f3f3;}
#bo_v_act_good, #bo_v_act_nogood{display:none; position:absolute; top:30px; left:0; padding:10px 0; width:165px; background:#ff3061; color:#fff; text-align:center}
#bo_v_act .bo_v_good{display:inline-block; border:1px solid #000; width:70px; height:70px; padding-top:40px; background:url(./img/icon_good.png) 25px 18px no-repeat; border-radius:50%; font-style:italic}
#bo_v_act .bo_v_nogood{display:inline-block; border:1px solid #000; width:70px; height:70px; padding-top:40px; background:url(./img/icon_bad.png) 25px 18px no-repeat; border-radius:50%; font-style:italic}

#bo_v_share{position:relative; margin:20px 0; text-align:right}
#bo_v_share .btn{padding:0 10px 0 0; color:#555; font-weight:normal; font-size:1em ; line-height:30px; height:32px; border-radius:0; border-color:#d5d5d5}
#bo_v_share .btn:hover{background:#fff}
#bo_v_share .btn i{margin-right:5px; background:#eee; color:#333; text-align:center; width:30px; line-height:30px; vertical-align:top;}
#bo_v_share .btn_share{}
#bo_v_share .btn_share:hover{}

.bo_v_snswr{position:relative; display:inline-block; margin-left:-1px}
#bo_v_sns{display:none; position:absolute; top:-50px; left:50%; margin-left:-90px; width:180px; padding:0; list-style:none; zoom:1}
#bo_v_sns:after{display:block; visibility:hidden; clear:both; content:""}
#bo_v_sns:before{content: ""; position: absolute; bottom: -7px; left: 84px; width: 0; height: 0; border-style: solid; border-width: 7px 6px 0 6px; border-color: #415b92 transparent transparent transparent;}
#bo_v_sns li{float:left; width:60px; text-align:center}
#bo_v_sns li a{height:40px; padding:10px 0;}
#bo_v_sns li .sns_f{display:block; background:#415b92}
#bo_v_sns li .sns_t{display:block; background:#35b3dc}
#bo_v_sns li .sns_g{display:block; background:#d5503a}
#bo_v_sns.show_kakao{width:240px; margin-left:-120px}
#bo_v_sns li .sns_k{display:block; background:#fbe300}
#bo_v_sns li img{vertical-align:top}

/* 게시판 댓글 */
.cmt_btn{background:url('./img/cmt_btn.png') no-repeat 85px 8px; text-align:left ; width:100% ; border:0; color:#ed6478; font-weight:bold; font-size:1.25em; margin: 30px 0 0px; padding:0  0 10px}
.cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat 85px  -23px}
#bo_vc{}
#bo_vc h2{position:absolute; font-size:0; line-height:0; overflow:hidden}
#bo_vc article{margin:20px 0; position:relative}
#bo_vc article .profile_img img{border-radius:50%}
#bo_vc header{}
#bo_vc header:after{display:block; visibility:hidden; clear:both; content:""}
#bo_vc header .icon_reply{position:absolute; top:15px; left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest{font-weight:bold;}
.bo_vc_hdinfo{float:right; color:#777}
#bo_vc h1{position:absolute; font-size:0; line-height:0; overflow:hidden}
#bo_vc .cmt_contents{padding:15px  ; margin:10px 0 0; background: #f8fafb; border-radius:5px; border: 1px solid #e8e8e8; line-height:1.8em}
#bo_vc p a{text-decoration:underline}
#bo_vc p a.s_cmt{text-decoration:underline; color:#ed6479}
#bo_vc_empty{margin:0; padding:80px 0 !important; color:#777; text-align:center}
#bo_vc #bo_vc_winfo{float:left}

.bo_vc_act{text-align:right; margin:0; list-style:none; zoom:1}
.bo_vc_act:after{display:block; visibility:hidden; clear:both; content:""}
.bo_vc_act li{display:inline-block;}
.bo_vc_act li a{padding:0 5px; line-height:23px}

.bo_vc_w{position:relative; margin:10px 0; display:block;}
.bo_vc_w:after{display:block; visibility:hidden; clear:both; content:""}
.bo_vc_w h2{position:absolute; font-size:0; line-height:0; overflow:hidden}
.bo_vc_w #char_cnt{display:block; margin:0 0 5px}
.bo_vc_w textarea{border:1px solid #ccc; background:#fff; vertical-align:middle; border-radius:3px; padding:5px; width:100%; height:120px; 
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
#wr_secret{}
.bo_vc_w_info{margin:10px 0; float:left}
.bo_vc_w_info:after{display:block; visibility:hidden; clear:both; content:""}
.bo_vc_w_info .frm_input{float:left; margin-right:5px}
.bo_vc_w_info #captcha{padding-top:10px; display:block; clear:both}
.bo_vc_w .btn_confirm{float:right; margin-top:10px}
.bo_vc_w .btn_confirm label{display:inline-block; margin-right:10px; border-radius:3px; font-size:1.5em; text-align:center;}
.bo_vc_w .btn_submit{height:45px; padding:0 20px; border-radius:3px; font-weight:bold; font-size:1.083em;}
.bo_vc_w_wr:after{display:block; visibility:hidden; clear:both; content:""}

#bo_vc_send_sns{display:inline-block; float:left}
#bo_vc_sns{display:inline-block; margin:0; padding:0; list-style:none; zoom:1}
#bo_vc_sns:after{display:block; visibility:hidden; clear:both; content:""}
#bo_vc_sns li{float:left; margin:0 5px 0 0}
#bo_vc_sns .sns_li_f{border-radius:3px; background:#3a589b; height:40px; line-height:40px; padding:0 0 0 10px}
#bo_vc_sns .sns_li_t{border-radius:3px; background:#00aced; height:40px; line-height:40px; padding:0 0 0 10px}
#bo_vc_sns .sns_li_off{background:#bbb}
#bo_vc_sns a{display:inline-block; padding:0 15px 0 5px;}
#bo_vc_sns input{margin:0 5px 0 0}


/* 게시판 쓰기 */
#char_count_desc{display:block; margin:0 0 5px; padding:0}
#char_count_wrap{margin:5px 0 0; text-align:right}
#char_count{font-weight:bold;}

#autosave_wrapper{position:relative}
#autosave_pop{display:none; z-index:10; position:absolute !important; top:34px; right:0; width:350px; height:auto !important; height:180px; max-height:180px; border:1px solid #565656; background:#fff; 
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); 
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); 
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
#autosave_pop:before{content: ""; position: absolute; top: -8px; right: 45px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #000 transparent;}
#autosave_pop:after{content: ""; position: absolute; top: -7px; right: 45px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop{height:auto; max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong{position:absolute; font-size:0; line-height:0; overflow:hidden}
#autosave_pop div{text-align:center; margin:0 !important;}
#autosave_pop button{margin:0; padding:0; border:0;}
#autosave_pop ul{padding:15px; border-top:1px solid #e9e9e9; list-style:none; overflow-y:scroll; height:130px; border-bottom:1px solid #e8e8e8}
#autosave_pop li{padding:8px 5px; border-bottom:1px solid #fff; background:#eee; zoom:1}
#autosave_pop li:after{display:block; visibility:hidden; clear:both; content:""}
#autosave_pop a{display:block; float:left}
#autosave_pop span{display:block; float:right; font-size:0.92em; color:#999}
.autosave_close{cursor:pointer; width:100%; height:30px; background:none; color:#666; font-weight:bold; font-size:0.92em}
.autosave_close:hover{background:#f3f3f3; color:#3597d9}
.autosave_content{display:none}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%; text-indent:-999px; overflow:hidden; height:20px; width:20px;}

#bo_w .write_div{margin-bottom:15px; position:relative; font-size:18px;}
#bo_w .write_div h4{margin-bottom:5px;}
.write_div label{margin-bottom:5px;}
#bo_w .bo_w_info:after{display:block; visibility:hidden; clear:both; content:""}
#bo_w .bo_w_info .frm_input{float:left; width:48%; height: 45px; font-size:18px; padding:0 20px; margin:5px 0.5% 5px 0}
#bo_w #wr_password{}
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit{position:relative}

.autosave_wrapper{position:relative;}

#bo_w .bo_w_tit .frm_input{padding-right:120px;}
#bo_w .bo_w_tit #btn_autosave{position:absolute; top:0; right:5px; height:40px;}
#bo_w.inquiry  #btn_autosave{display:none;}
#bo_w .bo_w_link label{position:absolute; top:1px; left:1px; border-radius:3px 0 0 3px; height:38px; line-height:48px; width:40px; background: #eee; text-align:center; color:#888}
#bo_w .bo_w_link .frm_input{padding-left:50px}
#bo_w .bo_w_flie .lb_icon{position:absolute; top:0px; left:0px; border-radius:3px 0 0 3px; height:48px; line-height:48px; width:40px; background:#eee; text-align:center; color:#888}
#bo_w .bo_w_flie .frm_file{padding-left:50px; width: 100%;}
#bo_w .bo_w_flie .file_wr{border:1px solid #ccc; background:#fff; vertical-align:middle; border-radius:3px; padding:8px; height:50px; margin:0}
#bo_w .bo_w_flie .frm_input{margin:10px 0 0}
#bo_w .bo_w_flie .file_del{position:absolute; top:10px; right:10px; font-size:0.92em; color:#7d7d7d;}
#bo_w a.btn_cancel{padding-top:5px; padding-bottom:5px}
#bo_w a.btn_cancel:hover{background:#646464;}
#bo_w .bo_w_select select{border:1px solid #3497d9; height:40px; border-radius:3px}
.bo_w_info select{height:50px; padding:0 20px; font-size:18px; width:100%;}
.bo_w_info select.form01{background:#002b5c; color:#fff; border:none;}
.bo_w_info select.form02{background:#fff; color:#000; border:1px solid #ccc;}
.bo_w_info .option{background:#fff; padding:10px 0 ;}
.bo_w_info select:focus{outline: none;}

.g-recapt{margin-bottom:10px;}





/* 기본테이블 */
.tbl_wrap table{width:100%; border-collapse:collapse; border-spacing:0}
.tbl_wrap caption{padding:10px 0; font-weight:bold; text-align:left}

.tbl_head01{margin:0 0 20px}
.tbl_head01 table{border-bottom:1px solid #d3d3d3;}
.tbl_head01 caption{padding:0; font-size:0; line-height:0; overflow:hidden}
.tbl_head01 thead th{padding:15px 0; border-top:2px solid #000; border-bottom:1px solid #d3d3d3; background:#fff; text-align:center; letter-spacing:-0.1em}
.tbl_head01 thead a{}
.tbl_head01 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td{padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center}
.tbl_head01 tbody th{padding:20px 15px; border-top:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.tbl_head01 td{padding:30px 15px; border-top:1px solid #e9e9e9; /*border-left:1px solid #f3f3f3; */line-height:1.5em; word-break:break-all; text-align:center}
.tbl_head01 td:first-child{border-left:0}
.tbl_head01 a{}

.tbl_head01 .lost_table td{text-align:center;}
.lost_pic{}
.lost_pic a{overflow: hidden; display: flex; align-items: center; justify-content: center; width:100%; height: 80px;}
.lost_pic a img{height:100%;}




#inquiry{width:1600px; margin:0 auto; padding:150px 0;}
#view_tb1 .view_td1{padding: 20px;}
#view_tb1{border-top:2px solid #000; border-bottom: 1px solid #e9e9e9; font-size:20px;}

.tbl_head02{margin:0 0 10px}
.tbl_head02 caption{padding:0; font-size:0; line-height:0; overflow:hidden}
.tbl_head02 thead th{padding: 7px; background: #f3f3f3; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}
.tbl_head02 thead a{color:#383838}
.tbl_head02 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td{padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center}
.tbl_head02 tbody th{padding:5px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.tbl_head02 td{padding:5px 3px; border-bottom: 1px solid #e9e9e9; line-height:1.4em; word-break:break-all}
.tbl_head02 a{}

.tbl_head03{margin:0 0 10px}
.tbl_head03 table{border-bottom:1px solid #d3d3d3;}
.tbl_head03 caption{padding:0; font-size:0; line-height:0; overflow:hidden}
.tbl_head03 thead th{padding:12px 0; border-top:2px solid #000; border-bottom:1px solid #d3d3d3; background:#fff; color:#383838; font-size:0.95em; text-align:center; letter-spacing:-0.1em; font-weight:normal}
.tbl_head03 thead a{color:#383838}
.tbl_head03 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head03 tfoot th, .tbl_head03 tfoot td{padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center}
.tbl_head03 tbody th{padding:10px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.tbl_head03 td{padding:15px 5px; border-top:1px solid #f3f3f3; border-left:1px solid #f3f3f3; line-height:1.5em; word-break:break-all}
.tbl_head03 td:first-child{border-left:0}
.tbl_head03 a{}

/* 폼 테이블 */
.tbl_frm01{margin:0 0 20px;}
.tbl_frm01 table{width:100%; border-collapse:collapse; border-spacing:0;}
.tbl_frm01 th{width:90px; padding:5px 10px; background:none; text-align:right; font-weight:normal;}
.tbl_frm01 td{padding:5px 10px; background:transparent;}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input{border:1px solid #ccc; background:#fff; vertical-align:middle; padding:5px; width:100%; line-height:30px; 
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 
}
.tbl_frm01 textarea{padding:2px 2px 3px;}
.frm_input{height:40px;}
.product_inquiry_wrap .write_div{width:49%; display:inline-block; float: left;}
.product_inquiry_wrap .write_div:nth-child(2n){float:right;}
.product_inquiry_wrap .email{width:100%; margin-bottom:15px !important;}
.product_inquiry_wrap{overflow:hidden;}
.full_input, .frm_address{width:90%}
.half_input{width:49.5%}
.tbl_frm01 textarea{width:100%; height:100px}
.tbl_frm01 a{text-decoration:none}
.tbl_frm01 .frm_address{margin-top:5px}
.tbl_frm01 .frm_file{display:block; margin-bottom:5px}
.tbl_frm01 .frm_info{display:block; padding:0 0 5px; line-height:1.4em}

/*기본리스트*/
.list_01 li{border:1px solid #dbdbdb; border-radius:3px; margin:8px 0; padding:10px 15px; list-style:none; position:relative;}
.list_01 li:after{display:block; visibility:hidden; clear:both; content:""}
.list_01 li:hover{background:#f9f9f9}

.list_02 ul:after{display:block; visibility:hidden; clear:both; content:""}
.list_02 li{float:left; width:230px; margin:10px 0 15px 15px;}
.list_02 li:nth-child(4n+1){clear:both; margin-left:0}

/*폼 리스트*/
.form_01 h2{margin:0 0 10px; font-size:1.25em}
.form_01 li{margin:10px 0}
.form_01 li:after{display:block; visibility:hidden; clear:both; content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px; width:100%}
.form_01 .frm_label{display:inline-block; width:130px}
.form_01 .form_left{float:left; width:49.5%}
.form_01 .form_right{float:right; width:49.5%}

/* 자료 없는 목록 */
.empty_table{padding:50px 0 !important; text-align:center}
.empty_list{padding:20px 0 !important; text-align:center}

/* 필수입력 */
.required, textarea.required{background:url('../img/require.png')  !important; background-repeat:no-repeat   !important; background-position:right top  !important;}

/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1{width:40px}
.grid_2{width:90px}
.grid_3{width:140px}
.grid_4{width:190px}
.grid_5{width:240px}
.grid_6{width:290px}
.grid_7{width:340px}
.grid_8{width:390px}
.grid_9{width:440px}
.grid_10{width:490px}
.grid_11{width:540px}
.grid_12{width:590px}
.grid_13{width:640px}
.grid_14{width:690px}
.grid_15{width:740px}
.grid_16{width:790px}
.grid_17{width:840px}
.grid_18{width:890px}

/* 테이블 항목별 정의 */
.td_board{width:120px; text-align:center}
.td_chk{width:30px; text-align:center}
.td_date{width:60px; text-align:center}
.td_datetime{width:110px; text-align:center}
.td_default{width:60px; text-align:center}
.td_dvr{width:100px; text-align:center}
.td_group{width:100px; text-align:center}
.td_imgsmall{width:60px; text-align:center}
.td_num{width:50px; text-align:center}
.td_numbig{width:100px; text-align:center}
.td_nick{width:100px; text-align:center}
.td_name{width:100px; text-align:left}
.td_namesmall{width:50px; text-align:left}
.td_mb_id{width:100px; text-align:center}
.td_mng{width:80px; text-align:center}
.td_mngsmall{width:50px; text-align:center}
.td_statsmall{width:50px; text-align:center}

.text_left{text-align:left  !important}
.text_center{text-align:center  !important}
.text_right{text-align:right  !important}

/* 새창 기본 스타일 */
.new_win{position:relative;}
.new_win #win_title{font-size:1.25em; height:50px; line-height:30px; padding:10px 20px; background:#000; color:#fff;}
.new_win #win_title .sv{font-size:0.75em; line-height:1.2em}
.new_win .win_ul{border-right:1px solid #dfe6e7;}
.new_win .win_ul:after{display:block; visibility:hidden; clear:both; content:""}
.new_win .win_ul li{float:left; background:#f3f7f7; width:33.333%; text-align:center; border-left:1px solid #dfe6e7; border-bottom:1px solid #dfe6e7; border-top:1px solid #dfe6e7}
.new_win .win_ul li a{display:block; padding:10px 0}
.new_win .win_ul .selected{background:#fff; border-bottom-color:#fff; border-top-color:#ae99da;}
.new_win .win_ul .selected a{color:#9781c5}
.new_win .win_desc{margin:5px 0; font-size:0.92em; color:#3598db;}
.new_win .frm_info{font-size:0.92em; color:#3598db}
.new_win .win_total{text-align:right; margin:10px 0}
.new_win .win_total span{display:inline-block; padding: 0 5px; color:#777; line-height: 26px; border: 1px solid #ddd; border-radius: 3px; font-size: 0.92em;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after{display:block; visibility:hidden; clear:both; content:""}
.new_win .btn_confirm:after{display:block; visibility:hidden; clear:both; content:""}
.new_win .btn_close{position:absolute; top:0; right:0; height:50px; width:50px; background:url(../img/close_btn.gif) no-repeat 50% 50%; border:0; text-indent:-999px; overflow:hidden}
.new_win .btn_submit{padding:0 20px; height:40px; border-radius:3px; font-weight:bold; font-size:1.083em; float:right}
.new_win .win_btn{margin:10px 0}

/* 내용관리 */
#ctt{margin:10px 0; padding:10px; border:1px solid #e9e9e9}
.ctt_admin{text-align:right}
#ctt header h1{position:absolute; font-size:0; line-height:0; overflow:hidden}
#ctt_con{padding:10px 0}
.ctt_img{text-align:center}

/* 자바스크립트 alert 대안 */
#validation_check{margin:100px auto; width:500px}
#validation_check h1{margin-bottom:20px; font-size:1.3em}
#validation_check p{margin-bottom:20px; padding:30px 20px; border:1px solid #e9e9e9; background:#fff}

/* 사이드뷰 */
.sv_wrap{display:inline-block; position:relative; font-weight:normal}
.sv_wrap .sv{z-index:1000; display:none; margin:5px 0 0; border:1px solid #283646; background:#111}
.sv_wrap .sv a{display:inline-block !important; margin:0 !important; padding:3px !important; width:94px; border-bottom:1px solid #283646; color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active{text-decoration:none !important}
.sv_on{display:block !important; position:absolute; top:10px; left:20px; width:auto; height:auto !important}
.sv_nojs .sv{display:block}

/* 페이징 */
.pg_wrap{clear:both; margin:30px 0 ; text-align:center}
.pg_wrap:after{display:block; visibility:hidden; clear:both; content:""} 
.pg{}
.pg_page, .pg_current,.qa_page{display:inline-block; vertical-align:middle}
.pg a:focus, .pg a:hover{text-decoration:none}
.pg_page,.qa_page{background:#fdfdfd; border:1px solid #ddd; color:#555; font-size:1.083em; height:30px; line-height:28px; padding:0 5px; min-width:30px; text-decoration:none; border-radius:3px;}
.pg_page:hover{background-color:#f3f3f1}
.pg_start{text-indent:-999px; overflow:hidden; background:url('../img/btn_first.gif') no-repeat 50% 50%; padding:0}
.pg_prev{text-indent:-999px; overflow:hidden; background:url('../img/btn_prev.gif') no-repeat 50% 50%; padding:0}
.pg_end{text-indent:-999px; overflow:hidden; background:url('../img/btn_end.gif') no-repeat 50% 50%; padding:0}
.pg_next{text-indent:-999px; overflow:hidden; background:url('../img/btn_next.gif') no-repeat 50% 50%; padding:0}
.pg_current{display:inline-block; background:#4c4f6f; color:#fff; font-weight:bold; height:30px; line-height:30px; padding:0 10px; min-width:30px; border-radius:3px;}


/* ########## 쇼핑몰 컨텐츠 ########## */
/* 인덱스 이미지 출력 */
#sidx_img{margin:0 0 20px}
#sidx_img img{max-width:100%; height:auto}

/* 마이페이지 */
#smb_my{position:relative; width:100%; max-width:1400px; margin:0 auto;}

#smb_my_ov{margin:0 0 20px; position:relative}
#smb_my_ov h2{position:absolute; font-size:0; line-height:0; overflow:hidden}
#smb_my_ov .my_ov_name{display:block; background:#fff; border:1px solid #ccc; line-height:45px; padding:0 20px; font-size:1.167em;}
#smb_my_ov .my_ov_name img{width:20px; border-radius:50%}
#smb_my_act{position:absolute; top:-35px; right:0; zoom:1}
#smb_my_act:after{display:block; visibility:hidden; clear:both; content:""}
#smb_my_act ul{float:right; margin:0; padding:0; list-style:none}
#smb_my_act li{float:left; margin:0 0 0 4px}
#smb_my_act li a{line-height:25px; padding:0 5px}
#smb_my_act li .btn_admin{height:27px;}
#smb_my_ov .cou_pt{position:absolute; top:0 ; right:0;}
#smb_my_ov .cou_pt dt{float:left; width:90px; line-height:45px;}
#smb_my_ov .cou_pt dd{float:left; width:110px; text-align:right; padding:0 20px 0 0  ; line-height:45px;}
#smb_my_ov .cou_pt dd a{color:#ff2b64; font-weight:bold; font-size:1.167em}
#smb_my_ov .op_area{background:#f8f8f8; border:1px solid #ccc; border-top:0; padding:10px 15px; line-height:18px; color:#555}
#smb_my_ov .op_area:after{display:block; visibility:hidden; clear:both; content:""}
#smb_my_ov .op_area dt{float:left; width:10%; margin:3px 0; font-weight:bold;}
#smb_my_ov .op_area dd{float:left; width:40%; margin:3px 0}
.my_ov_btn{text-align:center;}
.my_ov_btn button{background:#fff; border:1px solid #ccc; vertical-align:top; border-top:0; padding:0 20px; height:25px}
.my_ov_btn button:hover{background:#f3f3f3;}

#smb_my_ovaddd{width:90%}

#smb_my_ovaddt{border-bottom:0 !important}
#smb_my_ovaddd{width:590px !important; border-bottom:0 !important}

#smb_my_od{margin:0 0 50px; position:relative}
#smb_my_od h2{margin:0 0 10px; font-size:1.25em;}
#smb_my_od  td{text-align:center}
#smb_my_od  td a{font-weight:bold;}
#smb_my_wish{position:relative;}
#smb_my_wish h2{margin:0 0 10px; font-size:1.25em; padding:0 0 10px; border-bottom:2px solid #000}
.smb_my_img{margin:0 0 5px;}
.smb_my_tit{margin:5px 0 ; font-size:1.167em; font-weight:bold;}
.smb_my_date{font-size:0.92em; color:#777}
.smb_my_more{position:absolute; top:0; right:0;}
.smb_my_more a{display:block; background:url('../img/more-btn.gif') no-repeat 0 2px; padding-left:20px; height:30px}

/*장바구니 주문서 공통*/
.od_prd_list .td_chk{border-left:0;}
.od_prd_list .td_prd{border-left:0; position:relative; padding-left:90px; min-height:100px}
.od_prd_list .td_prd .sod_img{position:absolute; top:15px; left:0}
.od_prd_list .td_prd .sod_name{min-height:80px}
.od_prd_list .td_prd .prd_name{font-size:1.167em}
.od_prd_list .total_prc{color:#ed595a; font-weight:bold; font-size:1.167em}

.sod_opt{}
.sod_opt ul{margin:0; padding:0; list-style:none}
.sod_opt li{padding-left:10px; background:url('../img/bullet.gif') no-repeat 3px 8px; color:#777; margin:3px 0; line-height:1.3em}
.sod_option_btn .mod_options{padding:0 7px; border:1px solid #398ede; color:#398ede; background:#fff; height:23px; margin:10px 0 0}
.cp_btn{padding:0 7px; border:1px solid #398ede; color:#398ede; background:#fff; height:23px; margin:10px 0 0}
.cp_cancel{padding:0 7px; border:1px solid #aaa; /*color:#666; */ background:#fff; height:23px; margin:10px 0 0 2px;}

/* 장바구니 */
#sod_bsk{margin:10px auto; max-width:1400px;}

.btn_cart_del{margin:10px 0;}
.btn_cart_del button{height:30px; padding:0 10px; border:1px solid #e2e2e2; border-bottom:1px solid #c4c4c4; background:#fff; /*color:#666; */}


#sod_bsk_list{position:relative}

#sod_bsk #sod_bsk_tot{background:#f4f4f4; padding:15px; margin:20px 0; zoom:1}
#sod_bsk #sod_bsk_tot ul:after{display:block; visibility:hidden; clear:both; content:""}
#sod_bsk #sod_bsk_tot li{float:left; width:33.333%; border-left:1px solid #e6e2e2; text-align:center; padding:10px 0; font-size:1.167em}
#sod_bsk #sod_bsk_tot li:first-child{border:0}
#sod_bsk #sod_bsk_tot li span{display:block; margin:0 0 5px}
#sod_bsk #sod_bsk_tot li strong{font-size:1.25em}
#sod_bsk #sod_bsk_tot .sod_bsk_cnt strong{color: #ed595a;}
#sod_bsk_act{text-align:center}
#sod_bsk_act .btn_submit{height:50px; padding:0 10px; width:160px; font-weight:bold; font-size:1.25em}
#sod_bsk_act .btn01{height:50px; line-height:50px; padding:0 10px; width:160px; font-weight:bold; font-size:1.25em}
#sod_bsk_act p{margin:0 0 10px}

/*장바구니 선택사항수정*/
#sod_bsk_list #mod_option_frm{z-index:10000; position:absolute; width:540px; height:auto !important; height:500px; max-height:500px; border:1px solid #000; background:#fff; overflow-y:auto; overflow-x:hidden; 
-webkit-box-shadow:  1px 2px 5px #bbb; 
-moz-box-shadow:  1px 2px 5px #bbb; 
box-shadow: 1px 2px 5px #bbb;}
#mod_option_frm  h2{border-bottom:1px solid #cdcdcd; padding:0 20px; line-height:50px; margin:0 0 15px; font-size:1.25em; 
-webkit-box-shadow:  1px 2px 2px #eee; 
-moz-box-shadow:  1px 2px 2px #eee; 
box-shadow: 1px 2px 2px #eee;}

.option_wr{background:#f3f3f3; margin:0 20px 10px; padding:15px}
.option_wr h3{font-size:1.167em}
.option_wr label{display:block; margin:10px 0 5px}
.option_wr select{width:100%; border:1px solid #ccc; height:35px}

#sit_opt_added{}
#sit_opt_added li{padding: 0 0 15px 0; /* border-bottom:1px solid #e9e9e9; */position:relative; float:left; width:100%;}
#sit_opt_added li div{}
#sit_opt_added li .opt_name{line-height:25px; width:100%; float:left; display:block;}
#sit_opt_added li .opt_count{/*position:absolute; top:50%; right:0; margin-top:-15px; */text-align:right; float:right;}
#sit_opt_added button{float:left; width:30px; height:30px; border:1px solid #cdcdcd; background:#fff; /*color:#666; */font-size:0.92em}
#sit_opt_added button:hover{}
#sit_opt_added .num_input{float:left; border:0; height:30px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center;}
#sit_opt_added .sit_opt_del{border:0; font-size:15px}
#sit_opt_added .sit_opt_del:hover{color:#be334a}
#sit_opt_added .sit_opt_prc{display:block; float:left; width:100px; padding:0 3px; text-align:right; line-height:30px; font-size:1.183em; font-weight:bold;}

#mod_option_frm #sit_sel_option{margin:20px;}
#mod_option_frm #sit_tot_price{margin:20px;}
#mod_option_frm #sit_opt_added{border-top:1px solid #e9e9e9;}
#mod_option_frm .btn_confirm{margin:20px ;}
#mod_option_frm .btn_confirm .btn_submit{height:40px; font-size:1.167em; font-weight:bold; width:100%; cursor:pointer}
#mod_option_frm .btn_confirm .btn_close{position:absolute; top:0; right:0; width:50px; height:50px; border:0; background:none; border-left:1px solid #cdcdcd; font-size:1.25em}
#mod_option_frm .btn_confirm .btn_close:hover{background:#f3f3f3;}

/* 주문서 작성 */
#sod_frm .od_prd_list{margin-bottom:20px}
#sod_frm  #sod_bsk_tot{width:93%; margin:0 auto;}
#sod_frm  #sod_bsk_tot:after{display:block; visibility:hidden; clear:both; content:""}
#sod_frm  #sod_bsk_tot li{position:relative; background:#fff; /*float:left; width:33.333%; text-align:center; */border-bottom:1px solid #e7ebf1; padding:5px 15px; text-align:right;}
#sod_frm  #sod_bsk_tot li:after{display:block; visibility:hidden; clear:both; content:""}
#sod_frm  #sod_bsk_tot li span{display:inline-block; color:#777; margin-bottom:5px; font-weight:bold; float:left;}
#sod_frm  #sod_bsk_tot li strong{}
#sod_frm  #sod_bsk_tot .sod_bsk_sell,#sod_frm  #sod_bsk_tot .sod_bsk_coupon{border-right:1px solid #e7ebf1}
#sod_frm  #sod_bsk_tot .sod_bsk_point,#sod_frm  #sod_bsk_tot .sod_bsk_cnt{width:100%; clear:both; height:40px; padding:0 15px; line-height:40px; text-align:right}
#sod_frm  #sod_bsk_tot .sod_bsk_point span,#sod_frm  #sod_bsk_tot .sod_bsk_cnt span{float:left; margin:0}
#sod_frm  #sod_bsk_tot .sod_bsk_coupon:before{display:block; content:"-"; position:absolute; top:25px; left:-10px; width:20px; height:20px; background:#fff; color:#ed595a; border-radius:50%; border:1px solid #e7ebf1; font-weight:bold; font-size: 16px; line-height: 14px;}
#sod_frm  #sod_bsk_tot .sod_bsk_dvr:before{display:block; content:"+"; position:absolute; top:25px; left:-10px; width:20px; height:20px; background:#fff; color:#ed595a; border-radius:50%; border:1px solid #e7ebf1; font-weight:bold; font-size: 16px; line-height: 14px;}
#sod_frm  #sod_bsk_tot .sod_bsk_cnt strong{color:#ed595a; font-size:1.25em}

.sod_left{width:70%; background:#fafafa; padding:20px 20px 20px 0 ; vertical-align:top; float:left;}
.sod_right{width:30% ; background:#eceff4; padding:20px; vertical-align:top; height:100%; float:right;}

.display_setup_message{margin:0 0 10px; padding:15px; border:1px solid #fccdff; background:#ffeef9}
.display_setup_message strong{display:block; margin:0 0 10px}

#sod_frm{margin:10px auto; max-width:1400px;}
#sod_frm h2{margin:0 0 10px}

#sod_frm p{margin:0 0 10px}

#sod_list{position:relative}
#sod_list #cp_frm{z-index:10000; position:absolute; top:0; left:99px; width:500px; height:auto !important; height:500px; max-height:500px; border:1px solid #000; background:#fff; overflow-y:auto; overflow-x:hidden; 
-webkit-box-shadow:  1px 2px 5px #bbb; 
-moz-box-shadow:  1px 2px 5px #bbb; 
box-shadow: 1px 2px 5px #bbb;}

#sod_frm_orderer{margin:20px 0 40px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon{display:inline-block; margin:5px 0 0}

#sod_frm_taker label{display:inline-block;}

#sod_frm_same{margin:0 0 10px}

#sod_frm #od_memo{height:50px}

#sod_frm #display_pay_process{text-align:center}
#sod_frm #display_pay_process span{display:block; margin:5px 0 0}

#sod_frm .btn_submit{width:100%; height:40px; font-weight:bold; font-size:1.25em; cursor:pointer}
#sod_frm .btn01{width:100%; height:40px; line-height:38px; font-weight:bold; font-size:1.25em; margin:5px 0}

#sod_frm_pay{position:relative; margin:10px 0}
#sod_frm  #sod_frm_pay h2{position:absolute; border:0; font-size:0; line-height:0; content:""}
#sod_frm_pay .pay_tbl table{width:100%; border-collapse:collapse}
#sod_frm_pay .pay_tbl th{text-align:left; padding:10px; width:80px; border-bottom:1px solid #e7ebf1; background:#fff; font-weight:bold; color:#777}
#sod_frm_pay .pay_tbl td{text-align:right; padding: 10px; height:30px; border-bottom:1px solid #e7ebf1; background:#fff}
#sod_frm_pay .pay_tbl td .cp_cancel{margin:0 0 0 2px}
#sod_frm_pay .pay_tbl td .btn_frmline{padding: 0 7px; border: 1px solid #398ede; color: #398ede; background: #fff; height: 23px; line-height: 21px; margin: 0;}
#od_tot_price{margin:10px 0; background:#fff; line-height:40px; text-align:right; padding:0 10px}
#od_tot_price span{float:left; font-weight:bold;}
#od_tot_price strong{font-size:1.5em; color:#ed595a}
#sod_frm_pay_info{margin:0 0 10px}

#sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm{z-index:10000; position:absolute; top:0; right:0; width:500px; height:auto !important; height:500px; max-height:500px; border:1px solid #000; background:#fff; overflow-y:auto}
#sod_frm_deli{position:relative; line-height:2em}
.od_coupon h3{border-bottom: 1px solid #cdcdcd; padding: 0 20px; line-height: 50px; margin: 0 0 15px; text-align:left; 
-webkit-box-shadow: 1px 2px 2px #eee; 
-moz-box-shadow: 1px 2px 2px #eee; 
box-shadow: 1px 2px 2px #eee;}
.od_coupon .btn_close{position: absolute; top: 0; right: 0; width: 50px; height: 50px; border: 0; background: none; border-left: 1px solid #cdcdcd;}
.od_coupon .btn_close:hover{background:#f3f3f3;}
.od_coupon .tbl_head02{margin:20px}
.od_coupon .cp_apply{padding: 0 5px; border: 1px solid #398ede; color: #398ede; background: #fff; height: 23px; line-height: 21px;}
.od_coupon td,#sod_frm_pay .od_coupon td{text-align:left; border-left:0; padding:7px}
#sod_frm_pay .od_coupon th{width:auto; text-align:center; padding: 7px; background: #f3f3f3; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}
.od_coupon .td_numbig,#sod_frm_pay .od_coupon .td_numbig{text-align:center;}
.od_coupon .td_mngsmall{width:60px}
#sod_frm #sod_frm_pt_alert{margin:5px 0; color:#38b2bb}
#od_pay_sl h3{font-size:1.167em; margin:20px 0 5px}

#od_pay_sl input[type="radio"]{position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; text-indent:-999px; left: 0; z-index: -1px;}
#od_pay_sl .lb_icon{display: inline-block; float:left; width:50%; background:#fff; border:1px solid #eceff4; margin:-1px 0 0 -1px; cursor: pointer; height:60px; position:relative; padding-left:65px; padding-top:20px; z-index:1}
#od_pay_sl input[type="radio"]:checked+.lb_icon{border:1px solid #ed595a; z-index:3;}

#sod_frm_paysel{}
#sod_frm_paysel legend{position:absolute; font-size:0; line-height:0; overflow:hidden}
#sod_frm_paysel .KPAY{background:url('../img/kpay.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px}
#sod_frm_paysel .PAYNOW{background:url('../img/paynow.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px}
#sod_frm_paysel .PAYCO{background:url('../img/payco.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px}
#sod_frm_paysel .inicis_lpay{background:url('../img/lpay_logo.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px}
#sod_frm_paysel .kakaopay_icon{background:url('../img/kakao.png') no-repeat 50% 50% #f4dc34; overflow:hidden; text-indent:-999px}
#sod_frm_paysel .bank_icon{background:url('../img/pay_icon1.png') no-repeat 15px 50% #fff}
#sod_frm_paysel .vbank_icon{background:url('../img/pay_icon2.png') no-repeat 15px 50% #fff; padding-top:13px}
#sod_frm_paysel .iche_icon{background:url('../img/pay_icon2.png') no-repeat 15px 50% #fff; padding-top:13px}
#sod_frm_paysel .hp_icon{background:url('../img/pay_icon3.png') no-repeat 24px 50% #fff}
#sod_frm_paysel .card_icon{background:url('../img/pay_icon4.png') no-repeat 17px 50% #fff}

.sod_frm_point{clear:both; padding:10px 0}
.sod_frm_point div{background:#fff; margin-bottom:1px; padding:10px; text-align:left; text-align:right}
.sod_frm_point div:after{display:block; visibility:hidden; clear:both; content:''}
.sod_frm_point div label{float:left; line-height:30px}
.sod_frm_point div span{display:block; font-size:0.92em}
.sod_frm_point div span:after{display:block; visibility:hidden; clear:both; content:''}
.sod_frm_point div strong{float:left; /*color:#666; */font-weight:normal}
.sod_frm_point .max_point_box em{font-style:normal !important}
.sod_frm_point #od_temp_point{height:30px; text-align:right; padding:0 5px; border:1px solid #ccc;}

#settle_bank{margin:5px 0 10px; background:#fff; padding:10px; clear:both}
#settle_bank select{height:30px; margin:0 0 5px; width:100%; border:1px solid #ccc;}
#settle_bank #od_deposit_name{height:30px; border:1px solid #ccc; text-align:center;}

#sod_frm_escrow{margin:30px 0 0}
#sod_frm #sod_frm_escrow h2{margin:0; border:0}
#sod_frm #sod_frm_escrow p{margin:5px 0}
#display_pay_process{padding:20px; text-align:center}

/* 위시리스트 */
#sod_ws{}
.sod_ws_img{width:90px; text-align:center}
#sod_ws_act{text-align:center; padding:20px 0;}
#sod_ws_act button{height:50px; width:180px; font-weight:bold; font-size:1.167em}
#sod_ws li .info_link{display:block; margin:10px 0 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#646464; font-weight:bold;}
#sod_ws li .info_date{color:#646464; font-size:0.92em}
#sod_ws li .wish_chk{position: absolute; top: 0; left: 0; width: 30px; text-align: center; line-height: 35px; color:#f00}
#sod_ws li .wish_info{padding: 0 35px 10px 30px; position: relative; border-bottom: 1px solid #e0e0e0; margin-top: 10px; height: 45px;}
#sod_ws li .wish_del{position: absolute; top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; text-align: center; background: #e6e6e6; display: block; color: #777;}
#sod_ws li .wish_del:hover{background:#777; color:#fff}

/* 배송지 목록 */
#sod_addr .td_mng .sel_address{color:#fff; background:#fff; border:1px solid #333; color:#333; padding:0 5px; height:26px;}
#sod_addr .td_mng .del_address{display:inline-block; border:1px solid #aaa; color:#666; padding:0 5px; height:26px; line-height:24px; vertical-align:middle}
#sod_addr input[type="radio"]{position:absolute; left:0; z-index:-1; visibility:hidden; width:0; height:0; overflow:hidden; text-indent:-999px}
#sod_addr .default_lb{display: inline-block; background:#fff; border: 1px solid #3476be; color: #3476be; cursor: pointer; position:relative; padding:0 5px; height:26px; line-height:24px}
#sod_addr input[type="radio"]:checked+.default_lb{background:#3476be; color:#fff}
#sod_addr td{height:40px; vertical-align:top}
#sod_addr .td_name{width:100px;}
#sod_addr .frm_input{height:30px}
#sod_addr .td_sbj{width:120px; text-align:left}
#sod_addr .ad_tel{display:block; /*color:#666; */}
#sod_addr .td_mng{width:100px; padding:10px}
#sod_addr .td_mng .mng_btn{width:100%; margin:2px 0;}


/* 주문내역 */

#sod_v{position:relative; width:100%; max-width:1400px; margin:50px auto;}
#sod_v td{text-align:center}
#sod_v td a{font-weight:bold;}
#sod_v .basic_tbl{text-align:center}
#sod_v_info{margin:0 0 10px}

/* 주문내역 include  */
#sod_inquiry{border-top:2px solid #000;}
#sod_inquiry li{background:#fff; border-bottom:1px solid #ccc; padding:15px 15px 45px; margin-bottom:10px; position:relative; border-radius:5px}
#sod_inquiry li .idtime_link{font-weight:bold; font-size:1.167em}
#sod_inquiry li .idtime_time{position:absolute; top:15px; right:15px; color:#999}
#sod_inquiry li .inquiry_name{margin:10px 0; /*color:#666; */}
#sod_inquiry li .inquiry_price{font-size:1.25em; font-weight:bold;}
#sod_inquiry li .inquiry_inv{text-align:right}
#sod_inquiry li .inv_status{display:block; text-align:center; margin:5px 0 0; /*font-weight:bold*/ float:right;}
#sod_inquiry li .inv_inv{margin:10px 0 0; display:block; border:1px solid #c4c5cc; /*color:#666; */}
#sod_inquiry li .inv_inv i{width:30px; height:30px; line-height:30px; background:#f3f3f3; text-align:center; color:#555; font-size:15px; margin-right:5px}

.status_01{display:inline-block; background:#ed595a; color:#fff; padding:5px 5px 0; line-height:20px; font-size:0.92em; border-radius:3px;}
.status_02{display:inline-block; background:#ed595a; color:#fff; padding:5px 5px 0; line-height:20px; font-size:0.92em; border-radius:3px;}
.status_03{display:inline-block; background:#ed595a; color:#fff; padding:5px 5px 0; line-height:20px; font-size:0.92em; border-radius:3px;}
.status_04{display:inline-block; background:#ed595a; color:#fff; padding:5px 5px 0; line-height:20px; font-size:0.92em; border-radius:3px;}
.status_05{display:inline-block; background:#ed595a; color:#fff; padding:5px 5px 0; line-height:20px; font-size:0.92em; border-radius:3px;}
.status_06{display:inline-block; background:#fff; border:1px solid #ddd; /*color:#666; */padding:5px 5px 0; line-height:20px; font-size:0.92em; border-radius:3px;}


/* 주문상세내역 */
#sod_fin{position:relative; width:100%; max-width:1400px; margin:0 auto;}
#sod_fin th{padding:8px}
#sod_fin .th_line th{border-top:1px solid #ddd;}
#sod_fin_no{}

#sod_sts_wrap{margin:0 0 10px; text-align:right}
#sod_sts_explan{display:none}

#sod_fin_legend{padding:10px; background:#f3f3f3; margin:10px 0; border:1px solid #e9e9e9; text-align:left; zoom:1}
#sod_fin_legend:after{display:block; visibility:hidden; clear:both; content:''}
#sod_fin_legend dt{clear:both; float:left; margin:0 0 5px; width:50px; font-weight:bold;}
#sod_fin_legend dd{float:left; margin:0}

#sod_fin #sod_bsk_tot li{background:#fff; border-bottom:1px solid #e7ebf1; height: 40px; padding:0 15px; line-height:40px; text-align:right}
#sod_fin #sod_bsk_tot li span{float:left; clear:both; color: #777;}
#sod_fin #sod_bsk_tot li strong{}
#sod_fin #sod_bsk_tot .sod_bsk_cnt strong{color:#ed595a; font-size:1.25em}

#request_form{position:relative}
#request_form div{display:none; z-index:10000; position:absolute; top:23px; left:0; padding:20px 0; width:520px; border:1px solid #000; background:#f2f5f9; text-align:center}
#request_form .frm_input{width:300px; background:#fff !important}
#request_form .btn_frmline, #request_form .btn_cancel{vertical-align:middle !important}
#request_form .btn_frmline{padding:0 10px; line-height:1.6em}

#sod_req_btn{margin:0 0 10px}
#sod_req_btn button{background:#626870}

#sod_req_log{margin:0 0 20px}
#sod_req_log ul{margin:0; padding:0; border-top:1px solid #e9e9e9; background:#f2f5f9; list-style:none}
#sod_req_log li{padding:10px 10px 20px; border:1px solid #e9e9e9; border-top:0}
#sod_req_log h3{margin:20px 0 10px}
.sod_req_log_view table{margin:0}
.sod_req_log_view caption{padding:10px 0; font-size:1em; font-weight:bold; text-align:left; line-height:1em}
.sod_req_log_view caption span{color:#ff3061}
.sod_req_log_view th{border-top:1px solid #e9e9e9; background:#f7f7f7 !important; text-align:center}
.sod_req_log_view td{background:#fff;}
.sod_req_log_view p{padding:10px 15px; border-bottom:1px solid #e9e9e9; background:#fff;}
.sod_req_log_view .sod_req_it{width:270px}
.sod_req_log_view button{margin:0; padding:0; border:0; background:transparent; color:#ff3061; text-decoration:underline; vertical-align:middle; cursor:pointer}

#sod_fin_list h2{position:absolute; font-size:0; line-height:0; overflow:hidden}
.sod_fin_list h2{position:absolute; font-size:0; line-height:0; overflow:hidden}
.sod_fin_list .prqty_stat{position:absolute; top:0; right:0; padding:3px 5px; background:#6583c5; color:#fff}
#sod_fin_list .td_bdno{border-left:0}
#sod_fin_list .td_bdno span{display:inherit;}
#sod_fin_list .td_bdno dl{display:block;}
#sod_fin_list .td_bdno dt{margin-right:20px;}
#sod_fin_list .td_bdno dt, #sod_fin_list .td_bdno dd{float:left;}
#sod_fin_list .td_bdno a{font-weight:bold;}
#sod_fin_view{border:1px solid #e9e9e9}
#sod_fin_view h2{position:absolute; font-size:0; line-height:0; overflow:hidden}
#sod_fin_view h3{margin:0 0 10px}
#sod_fin_view .basic_tbl th{padding:0 10px; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#f2f5f9; text-align:left}

.sod_fin_list .sod_ta_wr{padding:0}
.sod_fin_list h2{position:absolute; border:0; font-size:0; line-height:0; content:""}
.sod_fin_list .prqty_stat{position:absolute; top:0; right:0; padding:3px 5px; background:#6583c5; color:#fff}
.sod_fin_list .li_opt{color: #777; margin: 3px 0; line-height: 1.3em; padding-right:50px}
#sod_bsk .btn_del_wr{margin:10px}
#sod_bsk .sod_ta_wr{background:#fff; padding:15px;}
#sod_bsk .go_shopping{margin: 10px}
#sod_bsk .go_shopping .btn01{height:45px; line-height:43px; font-size:1.167em; font-weight:bold; width:100%; text-align:center}
#m_sod_bsk_tot{background:#f4f4f4; border-radius:5px; padding:5px 10px}
#m_sod_bsk_tot:after{display:block; visibility:hidden; clear:both; content:""}
#m_sod_bsk_tot dt{float:left; width:40%; padding:5px 0 ; line-height:20px; clear:both}
#m_sod_bsk_tot dd{float:left; width:60%; padding:5px 0; text-align:right; line-height:20px}
#m_sod_bsk_tot .sod_bsk_cnt{border-top:1px solid #cdcdcd; font-weight:bold; margin-top:5px; line-height:25px}
#m_sod_bsk_tot .sod_bsk_cnt strong{color:#ff006c; font-size:1.25em}
#sod_bsk_act .btn_submit{height:45px; font-size:1.167em; font-weight:bold; width:100%; margin:10px 0}

#sod_fin_pay{margin:0 0 30px}
#sod_fin_orderer{margin:0 0 30px}
#sod_fin_receiver{margin:0 0 30px;}
#sod_fin_dvr{}
#sod_fin .sod_left h2{position:absolute; font-size:0; line-height:0; overflow:hidden}
#sod_fin .sod_left h3{font-size:1.167em ; margin:0 0 10px}
#sod_fin .sod_left .tbl_head01{}
#sod_fin .sod_left th{padding:10px 0; border:0; border-top:1px solid #f3f3f3; text-align:left; width:100px; /*color:#666; */ background:#fff}
#sod_fin .sod_left td{padding:10px 0; border:0; border-top:1px solid #f3f3f3; background:#fff}

#sod_fin_dvr .dvr_link{color:#ff3061; text-decoration:underline}

#sod_fin_tot{margin:10px 0}
#sod_fin_tot h2{position:absolute; font-size:0; line-height:0; overflow:hidden}
#sod_fin_tot ul{margin:0; padding:10px 0 5px 0; list-style:none; background:#398ede;}
#sod_fin_tot li{padding:0 10px; color:#fff; zoom:1}
#sod_fin_tot li:after{display:block; visibility:hidden; clear:both; content:""}
#sod_fin_tot #alrdy{border-bottom:0 !important}
#sod_fin_tot #alrdy .right{margin-top:10px; text-align:right; color:#f3f3f3; font-size:0.9em}
#sod_fin_tot #alrdy .right p{position:relative}
#sod_fin_tot #alrdy .right .title{position:absolute; left:0; padding-left:8px}
#sod_fin_tot strong{float:right}

#sod_fin_cancel{text-align:center}
#sod_fin_cancel h2{position:absolute; font-size:0; line-height:0; overflow:hidden}
#sod_fin_cancel button{height:40px; border:1px solid #5e6b6f; font-weight:bold; width:100%; background:none; color:#5e6b6f}
#sod_fin_cancel button:hover{background:#fff}
#sod_fin_cancelfrm{display:none; margin:10px 0 0; text-align:center; background:#fff; padding:15px}
#sod_fin_cancelfrm .frm_input{background:#fff; margin: 0 0 5px; width:100%}
#sod_fin_cancelfrm .btn_frmline{background:#5e6b6f; color:#fff; border:0; padding:10px; width:100%; cursor:pointer}
#sod_fin_test{padding:10px}

/* 주문상세내역 중 현금영수증 발급 */
#scash{}
#scash section{padding:10px 0}
#scash h2{margin:0 0 10px; text-align:center}
#scash .basic_tbl th{padding:0 10px; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#f2f5f9; text-align:left}
#scash_apply{padding:10px 0 20px; text-align:center}
#scash_apply button{padding:10px; border:0; background:#565e60; color:#fff}
#scash_copy{text-align:center}

/* 공지사항 및 커뮤니티 새글 */
#sidx_lat h2{position:absolute; font-size:0; line-height:0; overflow:hidden}
/*.notice_inner .sub_title h3{font-size:0 !important;}*/

/* 배너 인덱스 출력 */
#sbn_idx{}

/* 쇼핑몰 이벤트 */
#sev{}
.sev_admin{margin:0 0 10px; text-align:right}

/* 쿠폰 */
#coupon div:after{display:block; visibility:hidden; clear:both; content:""}
#coupon .cou_tit{font-weight:bold;}
#coupon .cou_pri{color: #00c4ac; font-weight: bold; float: right;}
#coupon .cou_target{/*color:#666; */}
#coupon .cou_date{float:right; color: #777;}

/* 모바일일때 피시버전 주문폼*/
.sod_list{position:relative; margin:0; padding:0; list-style:none}

.sod_list .sod_li{position:relative; padding:0; border:1px solid #e9e9e9; margin:20px 0; padding:20px;}
.sod_list .sod_li:after{display:block; visibility:hidden; clear:both; content:""}
.sod_list .sod_li > div, .sod_list .sod_li > ul{float:left;}
.sod_list .sod_li > div{margin-right:20px;}
.sod_list .sod_li > ul li{line-height:160%;}
/*.sod_list .li_chk{position:absolute; top:10px; left:10px;}
.sod_list .li_name{min-height:130px}
.sod_list .li_name a,.sod_list .li_name strong{display:block; padding: 0 10px 0 25px; border-bottom:1px solid #e9e9e9; height:35px; line-height:35px}
.sod_list .li_name strong{padding-left:10px}
.sod_list .total_img{position:absolute; top:45px; left:10px;}
.sod_list .sod_opt{padding:10px 10px 5px; margin-left:90px; color:#9e9e9e; font-size:0.93em; background:none; border:none}
.sod_list .sod_opt li{margin-bottom:3px; border:none}
.sod_list .li_cp{position:relative}
.sod_list .li_cp .cp_btn, .sod_list .li_cp .cp_cancel, .sod_list .li_mod .mod_btn{margin:0; padding:5px 8px; border:0; background:#000; color:#fff; font-size:0.93em}
.sod_list .li_cp .cp_cancel,.odf_tbl #od_coupon_cancel,.odf_tbl #sc_coupon_cancel{border:1px solid #999; color:#777; background:#fafafa; margin-left:3px; padding:4px 5px}
}*/
.sod_list .li_prqty{margin:10px;}
.sod_list .li_prqty:after{display:block; visibility:hidden; clear:both; content:""}
.sod_list .li_prqty .li_prqty_sp{width:33%; display:inline-block; float:left; text-align:center; line-height:2.2em; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; border-left:1px solid #e9e9e9; color:#9e9e9e; font-size:0.93em; margin-left:-1px}
.sod_list .li_prqty  .prqty_price{border-left:1px solid #d3d3d3;}
.sod_list .li_prqty  .prqty_sc{border-right:1px solid #d3d3d3;}
.sod_list .li_prqty .li_prqty_sp span{display:block; background:#f2f2f2;}
.sod_list .li_total{position:relative; border-top:1px solid #e9e9e9; margin:10px 10px 0;}
.sod_list .total_span{display:block; position:relative; padding:5px 0; text-align:right; color:#343434}
.sod_list .total_span span{position:absolute; top:5px; left:0}
.sod_list .total_span strong{font-size:1.2em}

#sod_frm{}
#sod_frm section{margin-bottom:10px}
#sod_frm section h2{border-bottom:1px solid #e2e4e7; font-size:1.167em; padding-bottom:10px}
#sod_bsk_list #mod_option_frm .sit_ov_tbl{background:#ededed; margin-top:5px}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th,#sod_bsk_list #mod_option_frm .sit_ov_tbl td{border:none; padding-left:5px; font-weight:normal}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th{width:90px}
#sod_frm_deli #order_address{display:block; width:100px; background:#333; color:#fff; text-align:center}
#sod_frm_orderer{margin:0 0 30px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon{display:inline-block; margin:5px 0 0}
#sod_frm .odf_tbl table{width:100%; margin:0; padding:0; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-collapse:collapse}
#sod_frm .odf_tbl table tbody td,#sod_frm .odf_tbl table tbody th{; border-bottom:1px solid #e9e9e9; padding:5px 0px 5px 10px ; text-align:left; line-height:26px; position:relative;}
#sod_frm .odf_tbl table th{width:90px; color:#343434; font-weight:normal; letter-spacing:-0.1em}
#sod_frm .odf_tbl table .frm_input{background-color:#fff !important; height:24px; line-height:24px; text-indent:5px}
#sod_frm .odf_tbl table .frm_address{margin-top:5px}
#sod_frm .odf_tbl button.btn_frmline{font-size:0.92em; padding:0 8px; height:26px; line-height:26px}
#sod_frm .odf_tbl textarea{width:99%; border:1px solid #e4eaec;}
#sod_frm_same{margin:0 0 10px}
#sod_frm_pay{position:relative}
#sod_frm_pay .tbl_head01 caption{font-size:0; line-height:0; overflow:hidden}
#sod_frm_pay .tbl_head01 th{width:auto !important; font-weight:bold; text-align:center !important}
#sod_frm_pay .tbl_head01 td{border-top:1px solid #e9e9e9 !important; border-bottom:1px solid #e9e9e9 !important; line-height:1.5em !important; word-break:break-all !important}

#sod_frm .sod_ta_wr{background: #fff; padding: 15px;}
#sod_frm .btn_confirm{; margin:0 10px 10px}
#sod_frm .btn_submit{width:100%; height:45px; font-size: 1.167em; font-weight: bold; margin:5px 0}
#sod_frm .btn_cancel,#sod_frm .btn01{width:100%; height:45px; line-height:43px; font-size:1.167em; font-weight: bold; padding:0; border-radius:0}

#sod_frm_pay{padding:10px; border-top:1px solid #f3f3f3;}
#sod_frm_pay h2{margin:10px 0; font-size:1.25em}
#sod_frm_pay .cp_btn1,#sod_frm_pay .cp_cancel1{margin-top:0}
.odf_tbl{position:relative}
.odf_tbl table{background:#fff; width:100%; border-collapse:collapse; border-bottom:1px solid #ccc}
.odf_tbl table th{border-top:1px solid #eceff4; padding: 10px; text-align:left; width:120px; font-weight:normal}
.odf_tbl table td{border-top:1px solid #eceff4; padding:7px 10px; text-align:right}

#sod_frm_pt_alert{margin:10px 0; color:#328abd;}

html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm{height:auto; max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_frm_pay_info{margin:0 0 10px}

#sod_frm_paysel ul{margin:0; padding:0;}
#sod_frm_paysel ul:after{display:block; visibility:hidden; clear:both; content:""}
#sod_frm_paysel li{float:left; padding:5px 2%; width:46%; height:21px; text-align:left; list-style:none}

/*네이버페이*/
.itemform-naverpay{margin:15px 0; clear:both}
.cart-naverpay{margin-top:15px}

/*개인결제*/
.pesonal{background:#f3f3f3; padding:20px}
.pesonal td{font-weight:bold;}
#sod_frm_pay h2{font-size: 1.167em; margin: 0px 0 10px; border-bottom:1px solid #ddd; padding: 0 0 10px}

#personal_pay h2{font-size: 1.167em; margin: 0px 0 10px;}
#personal_pay input[type="radio"]{position:absolute; width:0; height:0; overflow:hidden; text-indent:-999px; left: 0; z-index: -1px; visibility:hidden;}
#personal_pay .lb_icon{display: inline-block; float:left; width:50%; background:#fff; border:1px solid #eceff4; margin:-1px 0 0 -1px; cursor: pointer; height:60px; position:relative; padding-left:65px; padding-top:20px; z-index:1}
#personal_pay input[type="radio"]:checked+.lb_icon{border:1px solid #ed595a; z-index:3;}

#personal_pay{}
#personal_pay legend{position:absolute; font-size:0; line-height:0; overflow:hidden}
#personal_pay .KPAY{background:url('../img/kpay.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px}
#personal_pay .PAYNOW{background:url('../img/paynow.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px}
#personal_pay .PAYCO{background:url('../img/payco.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px}
#personal_pay .kakaopay_icon{background:url('../img/kakao.png') no-repeat 50% 50% #f4dc34; overflow:hidden; text-indent:-999px}
#personal_pay .bank_icon{background:url('../img/pay_icon1.png') no-repeat 15px 50% #fff}
#personal_pay .vbank_icon{background:url('../img/pay_icon2.png') no-repeat 15px 50% #fff; padding-top:13px}
#personal_pay .iche_icon{background:url('../img/pay_icon2.png') no-repeat 15px 50% #fff; padding-top:13px}
#personal_pay .hp_icon{background:url('../img/pay_icon3.png') no-repeat 24px 50% #fff}
#personal_pay .card_icon{background:url('../img/pay_icon4.png') no-repeat 17px 50% #fff}
#personal_pay .btn_submit{width:100%; height:40px; font-weight: bold; margin:10px 0 5px}
#personal_pay .btn01{width:100%; height:40px; line-height:38px; font-weight: bold;}




/*메인*/

/* 비주얼 */
.main_visual{position:relative; height:calc(100vh - 80px); background-size:cover; margin:0; overflow:hidden;}
.main_visual li{text-align:right; height:calc(100vh - 80px);}
.main_visual li a{display: block;}
.main_visual li a img{display: block; width: 1400px; max-width: 100%; margin: 0 auto;}
.main_visual li.visual1{background:url('../img/main/main_visual01.jpg') center 0 no-repeat; background-size: cover;}
.main_visual li.visual2{background:url('../img/main/main_visual02.jpg') center 0 no-repeat; background-size: cover;}
.main_visual li.visual3{background:url('../img/main/main_visual03.jpg') center 0 no-repeat; background-size: cover;}

.main_visual .bx-wrapper{margin-bottom: 0px; border:0;}
.main_visual .bx-wrapper .bx-pager, .main_visual .bx-wrapper .bx-controls-auto{padding-top: 0px; bottom:80px;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{width:auto; text-align:center; margin:0 auto; left: 50%; transform: translate(-50%, 0%);}

.main_visual .bx-controls .bx-pager-item{display:inline-block; margin:0 12px;}
.main_visual .bx-controls .bx-pager-item a{display:block; width:20px; height:20px; text-indent:-999px; overflow:hidden; background:#fff; border-radius:50%; margin:0px;}
.main_visual .bx-controls .bx-pager-item a.active{background:transparent; border:2px solid #fff;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#f05133; border:0;}



.main_visual .bx-controls-direction{}
.main_visual .bx-wrapper .bx-prev{left: 20px; background: url('../img/prev.png') center center no-repeat;}
.main_visual .bx-wrapper .bx-prev:hover,
.main_visual .bx-wrapper .bx-prev:focus{background-position: center center;}
.main_visual .bx-wrapper .bx-next{right: 20px; background: url('../img/next.png') center center no-repeat;}
.main_visual .bx-wrapper .bx-next:hover,
.main_visual .bx-wrapper .bx-next:focus{background-position: center center;}

.main_visual .btn-prev{position:absolute; top:50%; margin-top:-20px; left: 20px; z-index:9; background: url('../img/prev.png') center center no-repeat; font-size:0; width:40px; height:40px;}
.main_visual .btn-next{position:absolute; top:50%; margin-top:-20px; right: 20px; z-index:9; background: url('../img/next.png') center center no-repeat; font-size:0; width:40px; height:40px;}

.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{width:auto; margin:0 auto; left: 50%; transform: translate(-50%, 0%); right:auto; margin-left:90px;}
.main_visual .bx-wrapper .bx-controls-direction a{margin-top: -25px; width: 50px; height: 50px;}

.main_visual .bx-wrapper .bx-controls-direction a:focus, 
.main_visual .bx-wrapper .bx-controls-direction a:active{outline:1px solid #ff0000 !important; border:1px solid #fff !important;}

.main_visual .bx-controls .bx-pager-item a:focus, 
.main_visual .bx-controls .bx-pager-item a:active{outline:1px solid #ff0000 !important; border:1px solid #fff !important;}

.main_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item a:focus, 
.main_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item a:active{outline:1px solid #ff0000 !important; border:1px solid #fff !important;}

.main_visual .bx-wrapper .bx-controls-auto .bx-start{background: url('../img/start.png') center center no-repeat; width: 20px; height: 20px; cursor:pointer;}
.main_visual .bx-wrapper .bx-controls-auto .bx-start:hover{background: url('../img/start_on.png') center center no-repeat;}
.main_visual .bx-wrapper .bx-controls-auto .bx-stop{background: url('../img/stop.png') center center no-repeat; width: 20px; height: 20px; cursor:pointer;}
.main_visual .bx-wrapper .bx-controls-auto .bx-stop:hover{background: url('../img/stop_on.png') center center no-repeat;}

.main_txt{width: 100%; padding-top:33vh;}
.main_txt h3{text-align:center; font-size:78px; color:#fff; font-weight:bold; line-height:1; text-shadow:3px 3px 9px rgba(0, 0, 0, 0.2); word-break:keep-all; margin:0 0 20px;}
.main_txt p{text-align:center; font-size:28px; color:#fff; font-weight:bold; word-break:keep-all;}

canvas#nokey{position:absolute; top:0px; left:0px; z-index:1; min-width:100%; min-height:100%;}

.bid_btn{display:block; font-size:20px; font-weight:bold; text-align:center; padding:15px 0; width:250px; background:#fff; color:#000; margin:50px auto 0;}

/* 메인컨텐츠 */


/*서브*/
.sub_visual{position:relative; height:280px; text-align:center; background-repeat:no-repeat; background-size:cover; background:url('../img/sub/sub_visual01.jpg'); margin:0}
.sub_visual.visual01{background:url('../img/sub/sub_visual01.jpg') no-repeat top center; background-size:cover;}
.sub_visual.visual02{background:url('../img/sub/sub_visual02.jpg') no-repeat top center; background-size:cover;}
.sub_visual.visual03{background:url('../img/sub/sub_visual03.jpg') no-repeat top center; background-size:cover;}
.sub_visual.visual04{background:url('../img/sub/sub_visual04.jpg') no-repeat top center; background-size:cover;}
.sub_visual.visual05{background:url('../img/sub/sub_visual05.jpg') no-repeat top center; background-size:cover;}

.sub_visual > div{width: 100%; margin: auto; position: relative;}
.sub_visual > div h2{margin:0 auto; letter-spacing: 1px; text-align: center; font-size:38px; color: #fff; font-weight:bold; padding-top:110px; text-shadow:5px 5px 10px rgba(0, 0, 0, 0.5);}



/*좌측메뉴*/
#sidebar{text-align: center; position: relative; height:70px; background:#fff; border-bottom:1px solid #ddd;}
#sidebar > div{display: inline-block; margin: auto;}

@media all and (min-width:1024px){
#sidebar > div{max-width:1400px; width:100%;}
}

#sidebar > div > ul{margin-bottom: 0;}
#sidebar > div > ul > li{display: inline-block;}
#sidebar > div > ul > li > a{transition: all ease 0.5s; display: block; line-height:70px; height:70px; letter-spacing: -0.5px; text-decoration:none; text-align:center; color:#333; font-size: 18px; padding: 0 45px; margin:0;}
#sidebar > div > ul > li > a:last-child{border-right:0;}
#sidebar > div > ul > li > a.over{font-weight: 500; background:#fff; color:#002b5c; border-bottom:2px solid #002b5c;}
#sidebar > div > ul > li > a:hover{text-decoration:none; color:#002b5c;}


#snb_3depth_wrap{position: relative; width: 100%; max-width: 1400px; margin: 0 auto}

#snb_3depth_wrap > a{line-height:50px; height:50px; width:100%; margin:0; font-size:16px; background:url('../img/sub/m_3depth.png') #fff 96% center no-repeat; border:1px solid #ddd; display:none; font-weight:500; text-align:center;}

ul.snb_3depth{position:absolute; left:0px; top:70px; width:200px; background:#fff; border:1px solid #ddd; z-index:9; border-top: 2px solid #f05133; z-index:99}
ul.snb_3depth > li{display: block; width:100%;}
ul.snb_3depth > li > a{background:url('../img/sub/3depth.png') #fff 93% center no-repeat; display: block; line-height:60px; height:60px; border-bottom:1px solid #ddd; text-align:left; padding: 0 15px;}
ul.snb_3depth > li:last-child a{border-bottom:0;}
ul.snb_3depth > li > a.over{background:url('../img/sub/3depth_over.png') #f8f8f8 93% center no-repeat;}


#m_sidebar{background:#fff; position:relative; height:60px; border-bottom:1px solid #eee; display:none; width:100%;}
#m_sidebar > a.home{width:45px; height:100%; float:left; background:url('../img/sub/m_home.png') #246fdb no-repeat center center; font-size:0;}
#m_sidebar .m_snb{position:relative; float:left; width:50%;}
#m_sidebar .m_snb:after{position:absolute; top:0; right:0px; width:1px; height:100%; content:''; background:#ddd;}

#m_sidebar .m_snb > .over{position:relative; display:block; height:100%;}
#m_sidebar .m_snb.snb1 > .over{border-right:1px solid rgba(255, 255, 255, 0.1);}
#m_sidebar .m_snb > .over span{line-height:60px; font-weight:400; font-size:15px; padding-left:5%; position:relative; display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break:normal; width:100%;}
#m_sidebar .m_snb > .over span:after{position:absolute; top:50%; right:10px; margin-top:-4px; width:13px; height:7px; content:''; background:url('../img/sub/m_snb.png') no-repeat;}
#m_sidebar .m_snb > .over .arrow{position:absolute; top:50%; right:30px; width:20px; height:20px; margin-top:-8px; font-size:20px;}
#m_sidebar .m_snb > .over.open .arrow{transform:rotate(-180deg); margin-top:-10px;}
#m_sidebar .m_snb .snb_con{display:none; position:absolute; left:-1px; width:calc(100% + 1px) !important; background:#fff; z-index:11; border-right:1px solid #eee; border-left:1px solid #eee; z-index:99;}
#m_sidebar .m_snb .snb_con li{border-bottom:1px solid #eee;}
#m_sidebar .m_snb .snb_con li a{display:block; padding:15px 5%; font-size:15px;}
#m_sidebar .m_snb .snb_con li.on{position:relative;}
#m_sidebar .m_snb .snb_con li.on a{padding-left:25px; font-weight:500;}
#m_sidebar .m_snb .snb_con li.on a:before{content:""; position:absolute; top:50%; left:10px; width:7px; height:3px; margin-top:-1px; background:#1c202c;}

.club_bo{width:calc(100% - 250px); float:right;}
.club_bo h3{font-size: 36px; line-height: 1.0em; font-weight: bold; margin: 70px 0 40px; color: #f05133;}


span.sub_navi{display: none; color: #666; letter-spacing: -0.5px; font-size: 13px; float: right;}
span.sub_navi img{position: relative; margin-top: -3px;}

.sub_title{position: relative; width: 100%; margin:0 auto; text-align:center; margin: 80px 0;}
.sub_title h3{font-size: 36px; line-height: 1.0em; font-weight: bold;}
.sub_title.notice_title{padding-top: 69px;}


.login_inner .sub_title{display:none;}

.sub_title + section{padding-bottom:150px;}

.mb50{margin-bottom:50px !important;}

.pc{display:block;}
.mob{display:none;}

h2#container_title{display: none;}
div#bo_list, div#bo_gall, section#bo_w, div#sct, div#sit,article#bo_v{width: 100%; margin:0 auto; background: #fff; max-width:1400px; position:relative; margin-bottom:100px;}

section#bo_w{margin-bottom:0;}
div#bo_list:after, div#bo_gall:after, section#bo_w:after, div#sct:after, div#sit:after,article#bo_v:after{display:block; visibility:hidden; clear:both; content:""}

/*서브컨텐츠*/
.flex-wrap{display:flex; /* justify-content:space-between; */}

#tabs{overflow:hidden; font-size:0; margin: 0 auto; border-bottom:1px solid #ededed; width:100%;}
#tabs li{display: inline-block; text-align:center; width:calc(100% / 6); transition:0.3s;}
#tabs li a{padding:15px 0; width:100%; letter-spacing:-1px; display:block; position: relative; font-size:18px; transition:0.3s; color:#555; border:1px solid #fff;}
#tabs li.current a, #tabs li.current_page_item a, #tabs li a:hover{color:#002b5c; background:#fff; border:1px solid #ededed; border-top:2px solid #0d54a5; border-bottom:1px solid #fff;}

#tab-menu{overflow:hidden; margin: 0 auto; width:100%; height:550px;}
#tab-menu ul{overflow: hidden;}
#tab-menu > ul > li{display: inline-block; text-align:center; width:calc(100% / 6); transition:0.3s; float:left;}
#tab-menu > ul > li  > a{padding:15px 0; width:100%; letter-spacing:-1px; display:block; position: relative; font-size:18px; transition:0.3s; color:#555;}
#tab-menu li > div{position: absolute; top: 20px; left: 0; text-align: left; border-top:1px solid #ededed; padding-top:50px;}
#tab-menu > ul > li.active > a{color: #002b5c; background: #fff; border: 1px solid #ededed; border-top: 2px solid #0d54a5; border-bottom: 1px solid #fff;}
#tab-cont{width: 100%; color:#002b5c; background:#fff; border:1px solid #ededed; border-top:2px solid #0d54a5; border-bottom:1px solid #fff;}


.preparing {text-align:center;}
.preparing img {width:auto}


/* 조직도 */
.organization{text-align:center;}
.organization > div{background:url('../img/sub/organ.jpg') no-repeat center top; height:944px; background-size:contain;}

/*인사말*/
.greetings_inner #content{background:url('../img/sub/bg_ceo.jpg') no-repeat bottom center ;}
.about .flex-wrap{flex-wrap: nowrap !important;}
.about_box{background:url('../img/sub/ceo.jpg') no-repeat left top; background-size:40%; padding-left:45%}
.about h4{color: #002b5c; margin-bottom:20px; font-size:28px; word-break:keep-all; line-height:1.5;}
.about p{margin-bottom:10px; word-break:keep-all; line-height:1.6;}
.about .sign{margin-top:45px; text-align:right;}
.about .sign span{display:block; font-weight:400; font-size:19px;}
.about .sign strong{display: inline-block; margin-left:10px; font-size:22px; font-weight:500; letter-spacing:0.2rem;}


/*오시는 길*/
.root_daum_roughmap{width:100% !important; height:520px;}
.root_daum_roughmap .wrap_map{height:100% !important;}
.root_daum_roughmap .map_border{display:none;}
.map_box1{display:-ms-flexbox; display:flex; -ms-flex-direction:column-reverse; flex-direction:column-reverse; position:relative}

.map_box1 h4{font-size:36px; line-height:1.444; margin-top:auto; font-weight:700; z-index:9; position:absolute; width:18.75rem; height:18.75rem; left:5.625rem; bottom:-9.375rem; background:#002b5c; color:#fff; padding:40px 30px; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; margin-bottom:1rem; box-shadow:0 40px 30px #0000001A}
.map_box1 h4 span{display:block; margin-bottom:20px; font-size:20px; color:#f05133; font-weight:600;}

.map_box2{margin-top:60px; font-size:20px; -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%; margin-left:auto}
.map_box2 dl{display:flex;}
.map_box2 dl+dl{margin-top:30px;}
.map_box2 dl dt{flex:0 0 15%; margin-bottom:0}

.map_box3{margin-top:55px;}
.map_box3 dl{display:flex; align-items:flex-start; padding:35px 0; border-top:1px solid #ddd;}

.map_box3 dt{display:flex; align-items:center; flex-shrink:0; min-width:160px; margin-right:150px; font-size:25px; line-height:1;}
.map_box3 dd{line-height:1.8;}
.map_box3 dd strong{font-size:20px; margin-bottom:20px;}

.map_box3 dd span{background:#339900; display:inline-block; width:55px; height:28px; text-align:center; color:#fff; border-radius:15px; margin-right:15px;}
.map_box3 dd span.blue{background:#0066cc; margin-left:20px;}





/* 연혁 */
.history h4 {font-family: 'Play', sans-serif;  font-size:60px; font-weight:bold;}
.history_box{overflow:hidden; position:relative; padding-left:40%; height:auto; background:url('../img/sub/history.jpg') no-repeat left top; background-size:35%}
.history_box h4 span{display:inline-block; text-indent:150px}
.history_img{position:absolute; left:0; top:20px; width:420px; height:345px}
.history dl{overflow:hidden; position:relative; border-top:2px solid #002b5c; padding:30px 0}
.history dl:last-child{border-bottom:2px solid #002b5c;}
.history dt{position:absolute; top:30px; left:0px;}
.history dt strong{font-family: 'Play', sans-serif; color:#002b5c; font-weight:600; font-size:30px;}
.history dd{padding-left:100px;}
.history dd p{position:relative; padding:10px 0  0 90px; border-top:1px solid #cecece; color:#222; font-size:20px; letter-spacing:-0.5px; line-height:1.8; word-break:keep-all}
.history dd p:first-child{border-top:0}
.history dd strong{position:absolute; top:10px; left:20px; color:#002b5c; font-weight:700;}
.history dd p span{position:relative; word-break:keep-all;}
.history dd p > span:after{position:absolute; top:12px; left:-15px; width:3px; height:3px; background:#002b5c; content:''}
.history dd p > span span{/*color:#666; */ line-height:1.5;}


/* 경영목표 */
.target_wrap{overflow:hidden; text-align:center;}
.target_wrap > div{position:relative; margin-bottom:100px;}

.target h4{text-align:center; font-size:40px; font-weight:700; margin-bottom:20px; font-family: 'Play', sans-serif; color:#0a52a5;}
.target h4 span{display:block; font-size:20px; color:#666;}
.target_wrap > div:last-child{margin-bottom:0 !important;}
.target_wrap > div:last-child:after{content:none !important;}
.target p{text-align:center; font-size:30px; font-weight:600; line-height:1.3; word-break:keep-all;}

.target_box1{position:relative; padding:80px 10%; background:url('../img/sub/vision_top_bg.jpg') no-repeat 50% 50%}
.target_box1 h4{text-align:left; /*color:#636363;*/ color:#fff;}
.target_box1 p{text-align:left; color:#fff;}
.target_box2{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:80px 0;}
.target_box3{font-size:0}
.target_box3 dl{display:inline-block; width:calc(94% / 4); text-align:center; padding-top:270px; background-size:auto 260px !important; margin-left:2%; vertical-align:top;}
.target_box3 dl:nth-child(2){background: url('/img/sub/target_01.jpg') no-repeat center top; margin-left:0;}
.target_box3 dl:nth-child(3){background: url('/img/sub/target_02.jpg') no-repeat center top;}
.target_box3 dl:nth-child(4){background: url('/img/sub/target_03.jpg') no-repeat center top;}
.target_box3 dl:nth-child(5){background: url('/img/sub/target_04.jpg') no-repeat center top;}
.target_box3 dt{font-size:22px; margin-top:15px; margin-bottom:10px;}
.target_box3 dd{font-size:16px; word-break:keep-all;}


/* 관리시설 */
.flex-wrap{width:100%; align-items: flex-end; justify-content: space-between;}
.facility{margin-top:40px; vertical-align:bottom;}
.facility .img{float:left; width:450px;}
.facility .info{float:right; width:calc(100% - 450px); padding-left:60px;}
.facility .info dt{font-size:32px; font-weight:800; margin-bottom:20px; color:#0d54a5; border-bottom:1px solid #ddd; padding-bottom:20px; word-break:keep-all;}
.facility .info .list{letter-spacing:-0.5px;}
.facility .info .list li{font-size:20px; color:#555; padding-bottom:5px;}
.facility .info .list li span{font-weight:800; vertical-align:baseline; margin-right:8px; color:#333;}
.facility .info .list01{}
.facility .info .list02{padding-left:15px; margin-top:10px; margin-bottom:20px;}
.facility .info .list02 li{position:relative; font-size:18px; padding-bottom:5px}
.facility .info .list02 li:before{content:''; width:5px; height:1px; background:#333; position:absolute; top:13px; left:-10px;}
.facility .info .list03{padding-left:15px; margin-top:10px;}
.facility .info .list03 li{position:relative; font-size:20px; padding-bottom:5px}
.facility .info .list03 li:before{content:''; width:5px; height:5px; background:#0d54a5; position:absolute; top:12px; left:-15px;}
.facility .info .list li a, .facility .info a.btn_go{display:inline-block; color:#0d54a5; width:150px; font-weight:500; padding:10px 0; border:1px solid #0d54a5; text-align:center; margin-top:20px; transition:0.3s;}
.facility .info .list li a:hover, .facility .info a.btn_go:hover{background:#0d54a5; color:#fff;}

.facility .img .bx-viewport{height:auto !important;}
.welfare_slide{height:100%;}
.welfare_slide li{width:100% !important; max-width:490px;}
.welfare_slide li img{display:block;}
.facility .bx-wrapper .bx-controls-direction a{background-color:rgba(0, 0, 0, 0.5);}
.facility .bx-wrapper .bx-prev{background-image: url('/img/sub/banner_prev.png'); background-repeat:no-repeat; background-size:40%; background-position:center; left:10px;}
.facility .bx-wrapper .bx-next{background-image: url('/img/sub/banner_next.png'); background-repeat:no-repeat; background-size:40%; background-position:center; right:10px;}

/* 정관 */
.company{}
.company h2{font-size:32px; font-weight:bold; margin-bottom:40px; text-align:center;}
.company .com_box{margin-bottom:40px;}
.company .com_box h4{font-size:26px; margin-bottom:15px; font-weight:700; color:#002b5c; letter-spacing:-1px;}
.company .com_box p{font-size:18px; line-height:1.6; margin:10px 0; color:#444; font-weight:500;}
.company .com_box span{margin-bottom:10px;}
.company .com_box .list li{font-size:15px; line-height:1.5; font-family:'Noto Sans KR', 'Sans-serif' !important}
.company .com_box .com_list01{padding-left:20px;}
.company .com_box .com_list01 li{margin-bottom:5px;}
.company .com_box .com_list02{padding-left:20px; margin-top:5px;}
.company .com_box .com_list02 li{/*color:#666; */}

.table_wrap{margin-bottom:30px;}
.table_wrap > span{text-align:right; font-size:15px; margin-bottom:20px; display:block; color:#0d4e99;}
.table_box{text-align:center; border:1px solid #ccc;}
.table_box tr{border-bottom:1px solid #ccc;}
.table_box th{font-size:18px; font-weight:bold; padding:15px 5px; border-right:1px solid #ccc; background:#0d4e99; color:#fff; word-break:keep-all;}
.table_box td{padding:15px 5px; /*color:#666; */  border-right:1px solid #ccc;}
.company .com_box .caution{font-size:14px; color:#002b5c; margin-top:15px; display:none;}

.table_box .bg_color{background:#f6f2ee; color: #1b5c93;}
.table02 th{background:#eef5f6; border-top:3px solid #0d4e99; color:#1b5c93;}
.burgundy{color:#c41d1d;}
.red{color:red;}


/* 채용정보 */

.employ_list{justify-content: space-around; width:90%; margin:0 auto 50px;}
.employ_list li{width:calc(90% / 3); border-radius:10px; text-align:center; color:#fff; padding-top:30px;}
.employ_list li a{display:block;}
.employ_list li a > p{font-size:18px; color:#fff; font-weight:bold; margin-top:20px;}
.employ_list li span{color:#fff; padding:8px 20px; background:#333; font-size:20px; display:block; border-radius:3px; transition:0.3s; border:solid 1px #333; width:60%; margin:0 auto;}
.employ_list li span.progress_btn{background:#f05133; border:1px solid #f05133;}
.employ_list li:nth-child(1){background:#008484;}
.employ_list li:nth-child(2){background-color: #4F7B9F;}
.employ_list li:nth-child(3){background-color: #5F75B1;}
.employ_list li:hover span{background:none; border:solid 1px #fff;}
.employ_list li .info_box{display:block; background:rgba(255, 255, 255, 0.3); width:100%; padding:0 20px 30px; margin-top:20px;}
.employ_list li .info_box p.job{color:#fff; padding-top:15px; font-weight:bold; font-size:22px;}
.employ_list li .info_box p.location{font-size:20px; margin-top:5px; color:#000;}

.sct{clear:both; margin:0; padding:0; list-style:none; zoom:1; /* margin-bottom:50px; */}
.sct:after{display:block; visibility:hidden; clear:both; content:""}
.sct_li{position:relative}
.sct_noitem{padding:100px 0; text-align:center}
.sct img{position:relative} /* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 */


/*채용절차 20221020*/
.employ_wrap{padding-bottom:0 !important;}
.employ h4{color:#0a52a5; font-size:40px; font-weight:700; margin-bottom:40px; text-align:center;}
.employ_wrap > div{margin-bottom:100px;}
.employ_box1 ul{display:flex; justify-content: space-between;}
.employ_box1 li{text-align:center; position:relative; display:table; width:200px; height:200px;}
.employ_box1 span{font-size:22px; font-weight:700; display:table-cell; vertical-align:middle;}
.employ_box1 .employ1{background: url(/img/sub/employ_bg1.png) no-repeat center center; background-size:100%;}
.employ_box1 .employ2{background: url(/img/sub/employ_bg2.png) no-repeat center center; background-size:100%;}
.employ_box1 .employ3{background: url(/img/sub/employ_bg3.png) no-repeat center center; background-size:100%;}
.employ_box1 .employ4{background: url(/img/sub/employ_bg4.png) no-repeat center center; background-size:100%;}
.employ_box1 li:after{position:absolute; display:block; content:''; width:100%; height:100%; top:30px; left:180px;}
.employ_box1 .employ1:after{background: url(/img/sub/employ_arrow.png) no-repeat 0 0;}
.employ_box1 .employ2:after{background: url(/img/sub/employ_arrow.png) no-repeat 0 0;}
.employ_box1 .employ3:after{background: url(/img/sub/employ_arrow.png) no-repeat 0 0;}

.employ_box2 > div{margin-bottom:85px; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row; position:relative;}
.employ_box2 > div:before{display:block; content:""; width:1px; height:100%; background-color:#ddd; position:absolute; top:0; left:50%;}
/*.employ_box2 > div:after{display:block; content:""; width:100%; height:1px; background-color:#ddd; position:absolute; top:48%; left:0;}*/
.employ_box2 dl{width:calc(100%/2);}
.employ_box2 dl:nth-child(odd){padding-right:50px}
.employ_box2 dl:nth-child(even){padding-left:50px}
.employ_box2 dl:nth-child(3),
.employ_box2 dl:nth-child(4){padding-top:50px; border-top:1px solid #ddd}
.employ_box2 dt{font-size:20px; font-weight:500; display:inline-block; background:#0a52a5; color:#fff; padding:10px; border-radius:10px; min-width:170px; margin:0 auto 10px; text-align:center;}
.employ_box2 dd{font-size:20px; padding-bottom:30px; word-break:keep-all;}

.employ_box3 p{font-size:22px; text-align:center; font-weight:500; margin-bottom:50px; word-break:keep-all;}
.employ_box3 ol{display:flex; flex-wrap:wrap; /*margin-bottom:140px; */}
.employ_box3 li{width: calc(100% / 4); margin-bottom:20px; word-break:keep-all; padding-left:10px; font-size:18px; line-height:25px;}
.employ_box3 li span{position:relative; vertical-align:middle; display:inline-block; font-weight:500; color:#0a52a5; margin-right:5px; width:25px; height:25px; line-height:25px; overflow:hidden; border:1px solid #0a52a5; border-radius:50px; text-align:center;}


.welfare_box{display:flex; justify-content: space-between; align-items: flex-end;}
.welfare_box li{font-size:20px; text-align:center; width: calc(90% / 3);}
.welfare_box li h4{font-size:20px; font-weight:700; margin-top:15px;}
.welfare_box li p{font-size:20px; /*color:#666; */ margin-top:5px; word-break:keep-all;}


#sct_location{display:none;}

#bo_gall .gall_text_href a{font-size: 18px;}
#bo_gall .gall_text_href{margin: 15px 10px;}


.sct_20 .sct_li{position:relative; float:left; margin:0 3% 15px 0; width:31% !important; border:1px solid #ddd;}
.sct_20 .sct_li:nth-child(3n){margin-right:0;}
/*.sct_20 .sct_last{margin:0 0 15px !important}*/
.sct_20 .sct_clear{clear:both}
.sct_20 .sct_a{display:block; position:relative; text-decoration:none}
.sct_20 .sct_a:focus, .sct_20 .sct_a:hover{text-decoration:none}
.sct_20 .sct_img{width:100%; margin-bottom:10px;}
.sct_20 .sct_img img{/*border-radius:10px; */ width:100%}
.sct_20 .sct_icon{position:absolute; top:10px; left:-5px; margin:0 !important}
.sct_20 .sct_icon img{display:block; margin:0 0 3px}
.sct_20 .sct_id{display:block; padding:5px 10px 0;}
.sct_20 .sct_txt{padding:15px 15px 5px; font-size:25px}
.sct_20 .sct_basic{padding:0 15px 5px; line-height:1.5em; height:23px; overflow:hidden; margin-bottom:10px; display:block;}
.sct_20 .sct_cost{display:block; padding:0 15px 15px; font-weight:bold;}
.sct_20 .sct_cost strike{display:block; margin:0 0 5px; color:#999; font-weight:normal}
.sct_20 .sct_sns{position:absolute; bottom:15px; right:15px}
.sct_20 .sct_li p{position:absolute; display:inline-block; right:15px; bottom:0px; background:#fbaf00; color:#fff; font-size:15px; padding:5px 10px 0; border-radius:3px; font-family: 'BMDOHYEON';}
.sct_20 .sct_li p a{color:#fff;}
.sct_20 .sct_img{margin: 0 0 10px; padding:0; min-height:190px; text-align:left;}
.sct_20 .sct_img a, .sct_20 .sct_img a img{width:100%; max-width:370px; max-height:190px; height:auto; display:block;}


.sct_30 .sct_li{position:relative; float:left; margin:0 0 15px 0; width:100% !important; border-bottom:1px solid #ddd; display:block; padding-bottom:50px;}
.sct_30 .sct_li > div{float:left; display:block;}
.sct_30 .sct_li span{display:inherit;}
.sct_30 .sct_a{text-decoration:none}
.sct_30 .sct_img{width:320px; margin-right:50px;}
.sct_30 .sct_img  img{border-radius:10px; width:100%}
.sct_30 .sct_icon{position:absolute; bottom:25px; left:-5px; margin:0 !important}
.sct_30 .sct_icon img{display:block; margin:0 0 3px}
.sct_30 .sct_txt{; margin:0 0 20px; font-size:25px}
.sct_30 .sct_basic{margin:0 0 15px; padding:0; line-height:1.5em; color:#777;}
.sct_30 .sct_cost{display:block; margin:0 0 10px; font-weight:bold;}
.sct_30 .sct_cost strike{display:block; margin:0 0 5px; color:#999; font-weight:normal}
.sct_30 .sct_sns{position:absolute; bottom:20px; right:10px}
.sct_30 .sct_li p{float:right; display:inline-block; margin-right:10px; background:#3bb197; color:#fff; font-size:15px; padding:5px 10px 0; border-radius:3px; font-family: 'BMDOHYEON';}
.sct_30 .sct_li p a{color:#fff;}


.reservation_check{text-align:center;}
.reservation_check a{display:inline-block; margin: 0 5px; text-align:center; width:150px;}
.reservation_check a span{display:inherit; margin-top:10px; font-family: 'BMDOHYEON';}


/* 상품 상세보기 */
#sit{position:relative; width:100%; max-width:1400px; margin:0 auto;}
.sit_admin{text-align:right}
.sit_empty{padding:20px 0; text-align:center}

/* 상품 상세보기 - 개요 */
#sit_ov_wrap{margin:0; zoom:1;}
#sit_ov_wrap:after{display:block; visibility:hidden; clear:both; content:""}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi{float:left; width:55%; padding:0}
#sit_pvi_big{border: #ddd 1px solid; margin:0 0 10px; text-align:center; width:100% !important; min-height:300px; overflow:hidden !important; max-height: 650px;}
#sit_pvi_big img, #sit_pvi_big a img{width:100%; /* max-width:550px; max-height:300px; */min-height:300px; height:auto; display:block;}

#sit_pvi_big a{display:none}
#sit_pvi_big a.visible{display:block}

#sit_pvi_thumb{margin:0; padding:0; list-style:none; text-align:left; zoom:1}
#sit_pvi_thumb:after{display:block; visibility:hidden; clear:both; content:""}
#sit_pvi_thumb li{display:inline-block; margin:0 5px 5px 0}
#sit_pvi_thumb .li_last{margin:0 !important}
#sit_pvi_thumb img{}

#sit_pvi_nwbig{padding:10px 0; text-align:center}
#sit_pvi_nwbig span{display:none}
#sit_pvi_nwbig span.visible{display:inline}
#sit_pvi_nw ul{margin:0 0 20px; text-align:center; padding:0 10px; list-style:none; zoom:1}
#sit_pvi_nw ul:after{display:block; visibility:hidden; clear:both; content:""}
#sit_pvi_nw li{display:inline-block; margin:0 0 1px 1px}
#sit_pvi_nw li img{width:60px !important; height:60px !important;}

/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov{position:relative; float:right; padding:0; width:40%; height:auto !important; padding-top:70px; min-height:355px}
#sit_ov h3{margin:0 0 10px;}

#sit_title{font-size: 35px; border-bottom: 1px solid #e8e8e8; padding-bottom: 35px; margin-bottom: 35px;}
#sit_desc{margin:0 0 10px; padding:0; color:#474747; font-size:20px; line-height:30px;}
#sit_opt_info{position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden}
#sit_desc_btn{clear: both; margin-top: 40px;}
#sit_desc_btn a{display: inline-block; color: #fff; background: #002b5c; padding: 15px 30px; font-size: 20px;}
#sit_star_sns{position:relative; border:1px solid #ddd; border-top:0; height:45px; padding:10px; line-height:25px}
#sit_star_sns span{display:inline-block; margin:0 5px 0 0; /*color:#666; */letter-spacing:0}
#sit_star_sns .sit_star{position:relative; top:-2px; margin:0 5px 0 0}

#sit_star_sns a{display:inline-block; vertical-align:middle}
#sit_star_sns .btn_sns_share{position:absolute; top:0; right:0; width:45px; height:45px; background:none; border:0; border-left:1px solid #ddd}
#sit_star_sns .sns_area{display:none; position:absolute; top:45px; right:0; background:#fff; border:1px solid #333; padding:10px; z-index:10}
#sit_star_sns .sns_area:before{content: ""; position: absolute; top: -8px; right: 13px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #000 transparent;}
#sit_star_sns .sns_area:after{content: ""; position: absolute; top: -7px; right: 13px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #fff transparent;}
#sit_star_sns .sns_area a{display:inline-block; width:35px; height:35px; line-height:35px; background:#eee; text-align:center;}
#sit_star_sns .sns_area a img{width:24px; height:auto;}
#sit_star_sns .sns_area #sit_btn_rec{font-size:15px}
#sit_star_sns .sns_area .share-googleplus{background:#d5503a}
#sit_star_sns .sns_area .share-facebook{background:#415b92}
#sit_star_sns .sns_area .share-twitter{background:#35b3dc}


.sit_info{padding:10px; border-top:1px solid #ebeff3; margin:15px 0 0; border-bottom:1px solid #ebeff3;}

.sit_ov_tbl{width:100%; border:0; border-collapse:collapse; /*color:#666; */}
.sit_ov_tbl th{font-weight:normal; text-align:left;}
.sit_ov_tbl td{padding:5px 0}
.sit_ov_tbl td strong{; font-size:1.25em}
.sit_ov_ro{padding:2px 2px 3px; border:0; background:transparent; text-align:right; vertical-align:middle}
.sit_ov_opt{padding:2px 2px 3px; border:0; background:transparent; vertical-align:middle}
.sit_ov_input{margin:0 1px 0 0; padding:2px 2px 3px; border:1px solid #b8c9c2; background:transparent; vertical-align:middle}
#sit_ov_tbl button{margin:0 1px 0 0}

.sit_option{padding:10px 0 0; border-top:1px solid #ddd; margin:10px 0 0;}
.sit_option label{display:block; margin:0 0 5px; /*color:#666; */}
.sit_option select{width:100%; margin:0 0 10px; height:35px; border:1px solid #cdcdcd;}
.sit_option h3{font-size:1.083em; display:none;}
.sit_sel_btn{position:relative} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button{position:absolute; top:-51px; right:0 !important; right:15px}
.get_item_options input{width:100%; border:1px solid #ccc; background:#fff; padding:4px 5px; margin-bottom:10px;}

#sit_sel_option h3{position:absolute; font-size:0; line-height:0; overflow:hidden}

#sit_tot_price{margin:10px 0; font-size:1.167em; line-height:180%; font-weight:bold; text-align:right; padding-top:20px;}
#sit_tot_price:after{display:block; visibility:hidden; clear:both; content:""}
#sit_tot_price span{float:left;}
#sit_tot_price strong{font-size:1.5em; color:#ff0000}

#sit_ov_soldout{padding:20px 0; margin:10px 0; color:#ff3061; background:#fff6f6; font-weight:bold; text-align:center}
#sit_ov_btn{margin-top:30px;}
#sit_ov_btn:after{display:block; visibility:hidden; clear:both; content:""}
#sit_ov_btn button{width:215px; float:right; margin-right:5px; height:50px; margin-bottom:10px; font-weight:bold; font-size:1.25em; border-radius:3px;}
#sit_btn_buy{background:#ed595a; color:#fff; border:0;}
#sit_btn_buy:hover{background:#555}
#sit_btn_cart{border:1px solid #ed595a; background:#fff; color:#ed595a}
#sit_btn_cart:hover{background:#f3f3f3;}
#sit_btn_wish{display:inline-block; margin-bottom:10px; text-align:center; font-size:1.25em; float:right; width:65px; height:50px; line-height:48px; height:50px; border:1px solid #b3b3b3; font-weight:bold;}
#sit_btn_wish:hover{color:#ed595a}
#sit_btn_alm{display:inline-block; width:215px; float:left; margin-right:5px; height:50px; line-height:50px; margin-bottom:10px; font-weight:bold; font-size:1.25em; background:#ed595a; color:#fff; border:0; text-align:center;}
a#sit_btn_buy{background:#ed595a; color:#fff; border:0; width:215px; float:right; margin-right:5px; line-height:50px; margin-bottom:10px; font-weight:bold; font-size:1.25em; border-radius:3px;}

/* 상품 상세보기 - 상품정보 */
#sit_inf{margin:50px 0; border:1px solid #eaeaea; padding:3%; width:100%;}
#sit_inf h2{position:absolute; font-size:0; line-height:0; content:""}
#sit_inf h3{position:absolute; font-size:0; line-height:0; content:""}

#sit_inf_basic{margin:0 0 20px; line-height:1.7em}
#sit_inf_explan{margin:0 0 10px; width:auto !important; line-height:1.7em; overflow:hidden; text-align:center;} /* ie6 미대응시 #sit_inf_explan{margin:0 0 10px} 만으로 충분 */
#sit_inf_explan img{max-width:100%; height:auto; text-align:center;}

#sit_inf_open{width:100%; border:0; border-top:1px solid #777; border-collapse:collapse}
#sit_inf_open th{padding: 10px; border-bottom:1px solid #ddd; background:#f3f3f3; vertical-align:top; text-align:left}
#sit_inf_open td{padding: 10px; border-bottom:1px solid #ddd; background:#fff; vertical-align:top}

.cal_head{width:100%; position:relative; clear:both; height:75px;}
.cal_prev{position:absolute; top:0;}
.cal_next{position:absolute; top:0; right:0;}
.cal_Con > div{overflow:auto;}
.cal_Con table{width:100%; min-width:1000px;}
.cal_Con02 > div{overflow:auto;}


/*기타서비스*/
#agreement h4{margin-bottom:10px;}
.privateD{width:100%; border: 1px solid #ddd; overflow: hidden; padding: 30px; background: #f5f5f5; line-height:1.5; margin-bottom:50px;}
.privateD p{font-size: 20px; font-weight: 500; margin-bottom: 20px; word-break:keep-all;}
#agreement ol{margin-bottom:50px;}


.terms{background: #f8f8f8; padding:25px; border: 1px solid #dedede;}
.js-reveal{opacity: 1; transition: opacity .7s ease-in, margin-top .7s ease-out;}
.js-reveal--hidden{opacity: 0; margin-top: 3em;}



#sitemap{width:100%;}
#sitemap > li{float:left; width:24%; min-height:300px; padding:0 1%}
#sitemap > li > a{font-family: 'BMDOHYEON'; font-size:18px; background:#eee; padding:7px 0px  6px; border-radius:3px; display:inline-block; width:100%; text-align:center; margin-bottom:10px;}
#sitemap > li > ul{padding:0;}
#sitemap > li > ul > li{padding:0; margin:0; line-height:200%; border-bottom:1px dashed #ddd;}


/*로그인*/
#mb_login{padding:100px 0;}
.mbskin{position: relative; margin:auto; border:1px solid #ddd; width:400px; background:#fff; text-align:center;}
.mbskin .frm_input{width:100%}
.mbskin .btn_submit{width:100%; margin:10px 0 0; height:45px; font-weight:bold; font-size:1.25em}
.mbskin  h1{margin: 60px 0 30px; font-size: 2em;}

#total_m_lay{display: block; width: 100%; right: -100%; overflow: hidden; background: rgba(0, 0, 0, 0.5); border: 0; padding: 5.5%; position: fixed; top: 0; height: 100%; box-shadow: none; z-index: 99999;}
.total_m_wrap{background:#fff; height:100%; width:100%; position:relative;}
.m_tnb img {width:80%;}
.total_m > ul{width: 100%; display: flex; align-items: start; justify-content: space-between;}
.total_m{background: #fff; height: auto; overflow: hidden; padding: 5.5%; display: flex;}
.total_m li{position:relative}
.total_m li a{display:block}
.total_m li button{display:none;}
.total_m > ul{width:100%; overflow:hidden;}
.total_m > ul > li{font-size: 18px; text-align: center; height: 100%; /*border-right: 1px solid rgba(0,0,0,0.05); */ width:calc(100%/5); float:left;}
.total_m > ul > li:last-child{border-right: none;}
.total_m > ul > li > a{padding: 20px 0; font-size: 26px; color:#002b5c; font-weight: 500; font-weight:400;}
.total_m > ul > li > ul{padding: 0 25px;}
.total_m > ul > li > ul > li{background-repeat: no-repeat; background-position: right 14px; font-weight: 400; width:100%; display: block;}
.total_m > ul > li > ul > li > a{padding: 12px 0px; font-size: 18px; word-break: keep-all; /*color: #fff; */}
.total_m .btnClose{display:none}
.total_m li button:focus{outline: none;}
.m_tnb{text-align:center; margin-bottom:30px;}
.m_tnb a{width:350px;}

.wra_box{position:fixed; top:0; left:0; height:auto; z-index:200}
/*.fix_bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:250}*/
.btnMenuClose{position:fixed; top:0; right:0; width:80px; height:80px; text-indent:-999px; overflow:hidden; z-index:99999;}
.btnMenuClose:before, .btnMenuClose:after{position: absolute; top: 50%; left: 50%; width: 2px; height: 28px; background-color:#002b5c; transform: rotate(45deg) translate(-50%, -50%); transform-origin: top left; content: ''; border-radius: 0px;}
.btnMenuClose:after{transform: rotate(-45deg) translate(-50%, -50%);}


/* 	대리점 찾기 */

.agency_top{border: #f2f2f2 2px solid; overflow: hidden;}
.agency_map{width: 476px; float: left; height: 557px; background: url(/img/sub/agency_map.gif) 0 0 no-repeat; position: relative; margin-right:30px;}
.agency_map #bo_cate{background: none; padding: 0; margin: 0; border: none;}
.agency_map #bo_cate li{display:inline-block; position:absolute;}

.agency_map  #bo_cate a{display: block; line-height: 26px; padding: 0 10px; border-radius: 3px; border: 1px solid #dadada; background: #fff;}
.agency_search{margin-left: 506px; padding: 40px;}
.agency_search p span{display: block; font-size: 20px; margin-bottom: 8px; font-weight: 500;}
.agency_search p:nth-child(2), .agency_search p:nth-child(3){margin-top:39px;}
.local_01{left: 90px; top: 91px;}
.local_02{left: 141px; top: 105px;}
.local_03{left: 164px; top: 147px;}
.local_04{left: 250px; top: 100px;}
.local_05{left: 131px; top: 214px;}
.local_06{left: 181px; top: 233px;}
.local_07{left: 198px; top: 189px;}
.local_08{left: 289px; top:235px;}
.local_09{left: 278px; top: 296px;}
.local_10{left: 154px; top: 304px;}
.local_11{left: 124px; top: 360px;}
.local_12{left: 120px; top: 410px;}
.local_13{left: 242px; top: 346px;}
.local_14{left: 310px; top: 360px;}
.local_15{left: 340px; top: 320px;}
.local_16{left: 103px; top: 496px;}


.salon_top{background: url(/img/sub/salon_bg.jpg) 0 0 no-repeat; background-size: cover; overflow:hidden;}
.salon_top_txt{width: 60%; float: right; padding: 54px;}
.salon_top_txt h2{font-size: 44px; color: #fff; margin-bottom: 39px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
.salon_top_txt p{color: #fff;}

.salon_pro li{width: 20%; float: left;}
.salon_pro li a{display:block; margin:10px;}
.salon_pro li{width: 20%; float: left;}
.salon_pro_img{text-align:center;}
.salon_pro_img img{
    display: block; 
    border: #ddd 1px solid; 
    width: 100%; 
    margin-bottom: 15px; 
}
.salon_pro_img h3{
    font-size: 18px; 
	overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
}
.salon_pro_img .sct_btn{
    display: inline-block; 
    background: #ef2479; 
    color: #fff; 
    padding: 5px 15px; 
    border-radius: 22px; 
    font-size: 14px; 
}
.search_salon_result{
    clear: both; 
    width: 100%; 
    float: left; 
}
.salon_result_left{
    width: 40%; 
    float: left; 
    margin-right: 5%; 
}
.salon_result_right{
    width: 55%; 
    float: right; 
}
.salon_result_left img{
    display: block; 
    width: 100%; 
    border: #ddd 1px solid; 
    margin-bottom: 30px; 
}
.salon_result_txt h3{
    font-size: 20px; 
}
.salon_result_txt .sct_btn{
    display: inline-block; 
    background: #e8e8e8; 
    padding: 10px 20px; 
    border-radius: 5px; 
    margin-top: 10px; 
}
.result_head{
    border-bottom: #e8e8e8 1px solid; 
    padding-bottom: 10px; 
    margin-bottom: 10px; 
}
.result_search{padding:10px;}
.result_search select{
    display: inline-block; 
    width: 30%; 
    margin-right: 5px; 
    height: 33px; 
}
.result_search button{
    display: inline-block; 
    background: #686868; 
    line-height: 32px; 
    padding: 0 17px; 
    color: #fff; 
    border-radius: 3px; 
}
.result_list{
    clear: both; 
    width: 100%; 
    float: left; 
    margin-top: 20px; 
}
.salonRecord{
    margin-bottom: 10px; 
}
.storeBox{
    border: #e8e8e8 1px solid; 
    padding: 20px; 
    box-sizing: border-box; 
    border-radius: 5px; 
    position: relative; 
}
dt.salonName{
    font-size: 20px; 
    margin-bottom: 10px; 
}
.storeBox a{
    display: inline-block; 
    position: absolute; 
    bottom: 20px; 
    right: 30px; 
    background: #ef2479; 
    padding: 10px 20px; 
    color: #fff; 
    border-radius: 10px; 
}
.storeBox dl, .storeBox dd{margin-bottom:0;}
/* 	상세정보 숨김 */

/*#sit_inf{display: none;}*/



#khob{border-radius:10px; border:5px solid #398ede; padding:3%; width:100%;}
a#newMapBtn{
    display: inline-block; 
    background: #d61d6b; 
    color: #fff; 
    padding: 5px 16px; 
    line-height: normal; 
    border-radius: 5px; 
}
#locLayerPopup1{
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
    background-color: rgba(0, 0, 0, 0.6); 
	z-index:99
}
#locLayerPopup2{
    width: 500px; 
    height: 600px; 
    background: #fff; 
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0; 
    margin: auto; 
    border: #d61d6b 2px solid; 
}
.locLayerPopup2 > span{
    display: block; 
    padding: 10px; 
    background: #d61d6b; 
    color: #fff; 
    font-size: 20px; 
}
.locLayerPopup3{
    padding: 20px; 
}
#layerPopCloseBtn{
    display: inline-block; 
    position: absolute; 
    right: 12px; 
    top: 12px; 
    width: 23px; 
    height: 23px; 
    FONT-WEIGHT: 200; 
    overflow: hidden; 
    text-indent: -999999999px; 
    background: url(/img/sub/jido_close.png) 0 0 no-repeat; 
}
#branch_name{
    font-size: 20px; 
    color: #000; 
    display: block; 
    margin-bottom: 10px; 
}
#branch_addr{
    margin-top: 10px; 
    display: block; 
    color: #686868; 
}
#branch_phone{
    margin-top: 10px; 
    display: block; 
    color: #686868; 
}
.storeBox a:hover, .salon_pro li a:hover .salon_pro_img .sct_btn{
    background: #ff6eab; 
}
.salon_result_txt .sct_btn:hover{
    background: #ef2479; 
    color: #fff; 
}


.blind_wrap > div {position:relative;}
.blind_wrap > div h2, .blind_wrap > div h3, .blind_wrap > div h4   {font-size:0;}
#bo_v_con h2 {margin-bottom:50px;}
#bo_v_con h3 {margin-bottom:15px;}



.t01 {margin:0 0 10px; border-top: 1px solid #333; border-left:1px solid #ddd}

h2 + table.t01 {margin-top:10px;}

.t01 th {padding:8px; text-align:center;  word-break:keep-all;  border-right:1px solid #ddd; border-bottom: 1px solid #ccc; font-size:14px;}
.t01 td {padding:8px; text-align:center;   border-bottom:1px solid #ddd; border-right:1px solid #ddd;line-height:1.5; word-break:keep-all; font-size:14px;}
.t01 td:nth-child(5) {border-right: none;}
.t01 td:first-child {border-left:0}
.t01 thead th {/*background: #1d76c1; border-bottom: 1px solid #2785d6; border-right: 1px solid #2785d6; color:#fff;*/ background:#f8f8f8; font-weight:400; }
.t01 thead a {color:#383838}
.t01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.t01 tfoot th, .t01 tfoot td {padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center}
.t01 tbody th { background:#f8f8f8; font-weight:400; }
.t01 td ul li {position:relative; margin-top:5px; padding-left:15px;}
.t01 td ul li:before {display: block; content: ""; position: absolute; width: 6px; height: 6px; top: 11px; left: 0px; border: 3px solid #27282a; border-radius: 50%;}
th.left, td.left {text-align:left !important;}
td.center {text-align:center !important;}




