@charset "utf-8";
@import url("paperlogy.css");

/*
★★★★common.css 는 수정하게되면 전체가 다 바뀝니다. 수정하실때 생각이 필요합니다. 
*/

/* 공통클래스 정리 (필요에 따라 추가하면 됩니다) */

/*==========1) 태그 초기화 ==================================================================================================*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {font:1.6rem/1 "Paperlogy", "Malgun Gothic", "맑은 고딕", "돋움", sans-serif;color:#000;font-weight:500;}

select, input, textarea, button{ font-family:"GmarketSans","MalgunGothic","돋움", dotum, sans-serif; font-size:inherit; vertical-align:middle; font-weight:400}
input[type="submit"], input[type="reset"]{font-weight:300}
input[type="text"], input[type="password"], select{border:1px solid #d2d2d2; font-weight:400}

img{vertical-align:top}
table { border-collapse: collapse; border-spacing: 0}
ul, ol{list-style: none}
a {color: #000; text-decoration: none;}
address{font-style:normal}
caption{text-indent:-9999px; height:0}

/* HTML5 */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
legend{ display:none}




/*notosans font weight*/
.fw1{ font-weight:100;}
.fw3{ font-weight:400;}
.fw4{ font-weight:400;}
.bold { font-weight:400;}

/*==========3) 공통 ( 디버그, 스킵네비게이션, 하위버전 업데이트 유도문구, pc에서 모바일버전보기 ) ==================================================================================================*/

/*디버그*/
#debug_bar { height:80px; z-index:99999;}
#debug_bar #debug_setform { float:left; }
#debug {bottom: 0; position: fixed; z-index: 99999; display:none}
#debug #debug_setform label {margin-left:8px; font-weight:bold; display:inline-block; margin-bottom:5px;}
#debug #debug_setform select {vertical-align:middle}
.debug_slide { display:block; padding:0px 2px 0 0; background-color:#222; width:80px; cursor:pointer; text-align:center; font-size:14px; height:30px; line-height:30px; color: #fff; border: 1px solid #fff; border-radius: 5px;}
#debug #debug_setform { border:1px solid #ccc; background-color:#f2f2f2; width:100%; margin:0; padding:10px; clear:both; font-size:13px}
#debug #debug_setform hr { display:none;}
#debug #debug_setform .nice-select { height:30px; line-height:27px; font-size:13px;}
#debug .body {height: 300px; overflow:scroll; border:1px solid #ccc; font-size:12px}
#debug .debug_box {	list-style:none; margin:0px;	display:block;	border:1px solid #ccc;	padding:7px; background-color: #fcfcfc}
#debug .debug_box span.key { color:#CE0000}
#debug .debug_box span.value {color:#555}
#debug .btn_sml { margin-right:10px;}
#debug .get, #debug .post {	background-color: #e8f2ff}
#debug .session, #debug .cookie {background-color:#f3e2f3}
#debug .config {background-color:#F0FFF0}
#debug .server {background-color:#fff}
#debug .system {background-color:#fffce1}
#debug .error {	background-color:#ffdde3}
#HTMLValidator1 { background-color: #FFFFFF; bottom: 0; height: 300px; position: fixed; width: 100%; z-index: 9999; overflow-y:scroll; border:1px solid #ccc}
#debug_open { bottom: 0; position: fixed;z-index: 9999}
#debug_open:hover {animation: bounce 0.4s ease infinite alternate;}
.error { background-color:#ccc; display:inline;}

@keyframes bounce{
	from{margin-bottom: 2px;}
	to{margin-bottom: 7px;} 
}

/* 추가 171123_김용선 */
.debug_info_wrap{position: fixed; bottom: -205px!important; transition: ease-in-out 0.3s; z-index: 99999;}
.debug_info_wrap.open{bottom: 0;}
.debug_info_wrap.close{bottom: -237px;}
.debug_info_wrap .debug_open_btn{float: left; margin: 5px; padding: 5px 10px; background: #222; border-radius: 5px; border: 1px solid #fff;} 
.debug_info_wrap .debug_open_btn a{display: block; color: #fff; }
.debug_option_wrap .debug_select_option_box{display: flex}
#show_debug_info {display: block; width: 96.5%; border: 1px solid #000; opacity: 1; background-color: #ffdde3; font-size: 13px; line-height: 16px; margin: 5px; height: 200px; overflow-y: scroll; padding: 15px; z-index: 99999; color: #323232;}
#show_debug_info > ul{background-color: #fff;}
#show_debug_info ul{padding: 10px;}
#show_debug_info ul li.alert{margin: 10px 0; padding: 10px 0; border: 1px dashed #666; border-width: 1px 0; background-color: #F3E2F3;}
#show_debug_info ul li ul li{margin-bottom: 4px;}


/* 디버그 관련 UI Object */
/*a.btn_big {	display:inline-block;padding-right:4px;	background:url(/images/common/bg_btn_default.gif) no-repeat 100% 0;	font-size:12px;	color:#333;	line-height:26px;word-spacing:-1px;	text-decoration:none !important;white-space:nowrap}
a.btn_big span, a.btn_big strong {display:block;padding:0 8px 1px 12px;	background:url(/images/common/bg_btn_default.gif) no-repeat}
a.btn_sml {	display:inline-block;padding-right:4px; color:#333;
letter-spacing:-1px;word-spacing:-1px;	text-decoration:none !important;white-space:nowrap;margin-bottom:10px; border: 1px solid #666; padding: 3px 12px; border-radius: 3px; position: relative; z-index: 100;}*/
.guide a.btn_big {display:inline-block;padding-right:4px;background:url(/images/common/bg_btn_default.gif) no-repeat 100% 0;font-size:12px;color:#333;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap;width: auto;height: auto;margin: 0;}
.guide a.btn_big span, .guide a.btn_big strong {display:block;padding:0 8px 1px 12px;	background:url(/images/common/bg_btn_default.gif) no-repeat}
.guide a.btn_sml, .guide select{height: 34px;display: inline-block;vertical-align: middle;line-height: 34px;}
a.btn_sml {height: 48px;font-size:16px;line-height: 48px;text-align:center;border-radius:8px;background-color:#f4f6fa;padding:0 18px;box-sizing:border-box;display: inline-block;color: #1a1a1a;}

a.btn_sml:hover{color: #fff; background-color: #4264a3;}
a.btn_sml span, a.btn_sml strong {display:block;}
a.btn_sml span img {margin-right:2px;vertical-align:middle !important;	border:0}
.btn_list {	width:100%;	text-align:right;margin-top:24px}
.btn_list label { margin-right:5px;}
.btn_list span {	padding-top:0px !important;}
.root_path {	width:100%;	text-align:left; margin-bottom:5px;}

#staff_info_modify{height: 460px;}
#staff_info_modify .btn .btn_sml{float: left; width: 140px;}
#staff_info_modify .btn .btn_sml.submit{width:140px; background-position: -8px -236px !important;}
#staff_info_modify .btn .btn_sml.submit span{background: none;}
#staff_info_modify .btn .btn_sml.close{width:140px; height:35px; background:url(/images/business/sub/admin_btn.png) no-repeat scroll -8px -274px !important; display: inline-block; line-height: 1; overflow: hidden; text-indent: -5000px; margin: 0 5px 0 0; padding-right: 0; border:0;}
#staff_info_modify .btn .btn_sml.close span{background: none;}



/*콘텐츠 선택*/
#board_list_table {   background: transparent url("/imagescommon/board/table_bg_02.gif") repeat-x scroll left top;  border-spacing: 0; border-style: solid none none; border-top: 2px solid #535353; clear: both; width: 100%}
#board_list_table th { background: transparent url("/imagescommon/board/table_bg_01.gif") no-repeat scroll right 8px; border-bottom: 1px solid #b5b5b5;    border-style: none none solid; color: #555555; padding: 8px 0 7px; text-align: center}
#board_list_table td { background: transparent none repeat scroll 0 0; border-bottom: 1px solid #d6d6d6; color: #666666; padding: 8px 3px; text-align: center
}
#tab_content_m4 table td input { width:55%;}
#tab_content_m4 #search_result { width:100%; margin-top:10px;}


/*스킵네비게이션*/
#skiptoContent { margin:0; padding:0;}
a.accessibility01, a.accessibility02 {display: block; font-size: 1em; left: 0; position: absolute; text-align: center; top: -10000px; width: 100%; z-index: 500;}
a.accessibility01:hover, a.accessibility01:focus, a.accessibility01:active, a.accessibility02:hover, a.accessibility02:focus, a.accessibility02:active {background: none repeat scroll 0 0 #ff3a00;color: #FFFFFF;font-weight: 600; padding: 15px 0; position: absolute; top: 0;z-index: 500;}


/*하위버전 업데이트 유도문구*/
#browser { background:url("/imagescommon/op70.png") repeat scroll 0 0; top:0; left:0; z-index:1001; height:100%; width:100%; position: fixed; text-align:center;}
#browser .infobox { background-color:#fff; width:714px; height:426px; margin:221px auto 0; color:#303030; position:relative;}
#browser .infobox h2 { font-size:30px; font-weight:500; padding-top:54px; line-height:30px;}
#browser .infobox h2 span { color:#e53838;}
#browser .infobox p { font-size:17px; line-height:27px; margin-top:25px;}
#browser .infobox ul { width:607px; margin:25px auto 0;}
#browser .infobox ul li { float:left; margin-left:11px;}
#browser .infobox ul li:first-child { margin-left:0;}
#browser .infobox ul li a { display:block; padding-top:110px; width:195px; }
#browser .infobox ul li a span {background-color:#88837d; height:50px; width:195px; text-align:center; display:block; color:#fff; line-height:50px;}
#browser .infobox ul li.ie a {background:url("/imagescommon/bw_ie.gif") no-repeat scroll center 0;}
#browser .infobox ul li.ff a {background:url("/imagescommon/bw_ff.gif") no-repeat scroll center 0;}
#browser .infobox ul li.cr a {background:url("/imagescommon/bw_cr.gif") no-repeat scroll center 0;}
#browser a.brower_close { display:block; position:absolute; right:20px; top:20px;  width:24px; height:23px; background:url("/imagescommon/bw_close.gif") no-repeat scroll center 0;}
#browser a.brower_close span { display:block; text-indent:-5000px;}

/*모바일버전보기*/
.change_mobile_system{ height: 70px; line-height: 70px; background: #333; width: 200px; text-align: center; border-radius: 35px; margin: 0 auto; margin-top: 50px;}
.change_mobile_system a{display:block; font-size:22px; color:#fff}

/* view 페이지 관리자 */
#content .tab_content {	display:none;}
#content .tab_content.selected { display:block; width:100%;} 

/* 페이지담당자 */
#admin_info{clear:both; border:1px solid #d4d4d4; margin-bottom:10px; font-size: 15px;}
#admin_info dl{height:54px; line-height:54px; float: left; font-size: 16px;}
#admin_info dl dt, #admin_info dl dd{float:left;}
#admin_info dl .part{width:114px; color:#fff; background-color:#4264a3; text-align:center;}
#admin_info dl .part span{background:url("/imagescommon/admin_info_sp.png") no-repeat 0 4px; padding-left:21px;}
#admin_info dl .part_cnt{padding:0 18px; font-weight:500;}
#admin_info dl .tel{margin:14px 6px 0 12px; width:26px; height: 26px; text-indent:-9999px; background:url("/imagescommon/admin_info_sp.png") no-repeat -35px 0;}
#admin_info dl .update{margin:0 6px 0 40px; font-weight:500;}

#admin_info.multi dl .part_cnt span{display: block;}

#admin_info.multi dl{height: auto; line-height: normal;}
#admin_info.multi dt, #admin_info.multi dd{height: auto; line-height: inherit;}
#admin_info.multi dt.part{}
#admin_info.multi dd.part_cnt{height: auto; margin-left: 0; padding: 0;}
#admin_info.multi dd.part_cnt > span, #admin_info.multi dd.tel_cnt > span{display: block; padding: 0 20px; border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;}
#admin_info.multi dd.part_cnt span:first-child, #admin_info.multi dd.tel_cnt span:first-child{border-top: 0;}
#admin_info.multi .update{margin: 0;}

#admin_info.multi.admin2 dt.part{height: 84px; line-height: 84px;}
#admin_info.multi.admin2 dd.part_cnt > span{height: 41px; line-height: 41px; width: 340px;}
#admin_info.multi.admin2 dd.tel_cnt > span{height: 41px; line-height: 41px; padding: 0 20px;}
#admin_info.multi.admin2 dd.tel_cnt > span > .tel_ico{/*background:url("/imageswww/sub/sub_sp.png") no-repeat -123px -45px;*/ background: url("/imagescommon/admin_info_sp.png") no-repeat -35px 0; float: left; text-indent: -99999px; width: 26px; height: 26px; margin: 8px 8px 0 0;} 
#admin_info.multi.admin2 .admin_info_right{padding: 20px 2.5%; text-align: center;}
#admin_info.multi.admin2 .admin_info_right dt{width: 100%; padding: 0; margin: 0;}
#admin_info.multi.admin2 .admin_info_right dd{width: 100%;}

#admin_info.multi.admin3 dt.part{height: 125px; line-height: 125px;}
#admin_info.multi.admin3 dd.part_cnt > span{height: 41px; line-height: 41px; width: 340px;}
#admin_info.multi.admin3 dd.tel_cnt > span{height: 41px; line-height: 41px; padding: 0 20px;}
#admin_info.multi.admin3 dd.tel_cnt > span > .tel_ico{/*background:url("/imageswww/sub/sub_sp.png") no-repeat -123px -45px;*/ background: url("/imagescommon/admin_info_sp.png") no-repeat -35px 0; float: left; text-indent: -99999px; width: 26px; height: 26px; margin: 8px 8px 0 0;}
#admin_info.multi.admin3 .admin_info_right{padding: 40px 2.5%; text-align: center;}
#admin_info.multi.admin3 .admin_info_right dt{width: 100%; padding: 0;}
#admin_info.multi.admin3 .admin_info_right dd{width: 100%;}

#admin_info.multi.admin4 dt.part{height: 167px; line-height: 167px;}
#admin_info.multi.admin4 dd.part_cnt > span{height: 41px; line-height: 41px; width: 340px;}
#admin_info.multi.admin4 dd.tel_cnt > span{height: 41px; line-height: 41px; padding: 0 20px;}
#admin_info.multi.admin4 dd.tel_cnt > span > .tel_ico{/*background:url("/imageswww/sub/sub_sp.png") no-repeat -123px -45px;*/ background: url("/imagescommon/admin_info_sp.png") no-repeat -35px 0; float: left; text-indent: -99999px; width: 26px; height: 26px; margin: 8px 8px 0 0;} 
#admin_info.multi.admin4 .admin_info_right{padding: 61px 2.5%; text-align: center;}
#admin_info.multi.admin4 .admin_info_right dt{width: 100%; padding: 0;}
#admin_info.multi.admin4 .admin_info_right dd{width: 100%;}

#admin_info.multi.admin5 dt.part{height: 210px; line-height: 210px;}
#admin_info.multi.admin5 dd.part_cnt > span{height: 41px; line-height: 41px; width: 340px;}
#admin_info.multi.admin5 dd.tel_cnt > span{height: 41px; line-height: 41px; padding: 0 20px;}
#admin_info.multi.admin5 dd.tel_cnt > span > .tel_ico{/*background:url("/imageswww/sub/sub_sp.png") no-repeat -123px -45px;*/ background: url("/imagescommon/admin_info_sp.png") no-repeat -35px 0; float: left; text-indent: -99999px; width: 26px; height: 26px; margin: 8px 8px 0 0;} 
#admin_info.multi.admin5 .admin_info_right{padding: 78px 2.5%; text-align: center;}
#admin_info.multi.admin5 .admin_info_right dt{width: 100%; padding: 0;}
#admin_info.multi.admin5 .admin_info_right dd{width: 100%;}

@media screen and (max-width:1199px){
	#admin_info .info_2nd{}
}
@media screen and (min-width:1101px) and (max-width:1180px){
	#admin_info.multi .admin_info_left{width: 90%; padding-left: 114px;}
	#admin_info.multi dd.part_cnt{width: 71%;}
	#admin_info.multi dd.tel_cnt{width: 25%;}
	#admin_info.multi dd.tel_cnt > span{border-right: 0;}
	#admin_info.multi.admin2 dt.part, #admin_info.multi.admin3 dt.part, #admin_info.multi.admin4 dt.part{height: 84px; width: 114px; text-align: center; line-height: 84px; margin-left: -114px;}
	#admin_info.multi.admin3 dt.part{height: 125px; line-height: 125px;}
	#admin_info.multi.admin4 dt.part{height: 167px; line-height: 167px;}
	#admin_info.multi.admin2 dd.part_cnt > span, #admin_info.multi.admin3 dd.part_cnt > span, #admin_info.multi.admin4 dd.part_cnt > span{width: auto;}
	#admin_info.multi.admin2 .admin_info_right, #admin_info.multi.admin3 .admin_info_right, #admin_info.multi.admin4 .admin_info_right{display: none;}
	#admin_info.multi.admin2 dd.tel_cnt > span, #admin_info.multi.admin3 dd.tel_cnt > span, #admin_info.multi.admin4 dd.tel_cnt > span{padding: 0 0 0 10%;}
}
@media screen and (max-width:910px){
	#admin_info.multi .admin_info_left{width: 90%; padding-left: 114px;}
	#admin_info.multi dd.part_cnt{width: 71%;}
	#admin_info.multi dd.tel_cnt{width: 25%;}
	#admin_info.multi dd.tel_cnt > span{border-right: 0;} 
	#admin_info.multi.admin2 dt.part, #admin_info.multi.admin3 dt.part, #admin_info.multi.admin4 dt.part{height: 84px; width: 114px; text-align: center; line-height: 84px; margin-left: -114px;}
	#admin_info.multi.admin3 dt.part{height: 125px; line-height: 125px;}
	#admin_info.multi.admin4 dt.part{height: 167px; line-height: 167px;}
	#admin_info.multi.admin2 dd.part_cnt > span, #admin_info.multi.admin3 dd.part_cnt > span, #admin_info.multi.admin4 dd.part_cnt > span{width: auto;}
	#admin_info.multi.admin2 .admin_info_right, #admin_info.multi.admin3 .admin_info_right, #admin_info.multi.admin4 .admin_info_right{display: none;}
	#admin_info.multi.admin2 dd.tel_cnt > span, #admin_info.multi.admin3 dd.tel_cnt > span, #admin_info.multi.admin4 dd.tel_cnt > span{padding: 0 0 0 10%;}
}
@media screen and (max-width:810px){
	#admin_info.multi dd.part_cnt{width: 69.5%;}
}
@media screen and (max-width:810px){
	#admin_info.multi dd.part_cnt{width: 69%;}
}







/*==========4) 공통 클래스 ==================================================================================================*/


textarea.w80 {width:80%;}

.hidden{display:none}
.clear:after{display:block; content:""; clear:both; height:0}
.group:after{display:block; content:""; clear:both; height:0}
.bor_none { border:none !important;}
.bor_b_none{border-bottom: none !important;}
.bor_t_none{border-top: none !important;}
.bor_l_none{border-left: none !important;}
.bor_r_none{border-right: none !important;}
.bg_none { background:none !important;}
.hidden {display:none;}
.font_b{font-weight:500;}
.f_l{float:left}
.f_r{float:right}

/* 텍스트, 이미지 정렬 */
.align_center {text-align:center !important;}
.align_left {text-align:left !important;}
.align_right {text-align:right !important;}

/* 간격조정 */

.mal0 {margin-left:0 !important;}
.mal5 {margin-left:5px !important;}
.mal10 {margin-left:10px !important;}
.mal15 {margin-left:15px !important;}
.mal20 {margin-left:20px !important;}
.mal25 {margin-left:25px !important;}
.mal30 {margin-left:30px !important;}
.mal35 {margin-left:35px !important;}
.mal40 {margin-left:40px !important;}
.mal45 {margin-left:45px !important;}
.mal50 {margin-left:50px !important;}
.mal55 {margin-left:55px !important;}
.mal60 {margin-left:60px !important;}
.mal65 {margin-left:65px !important;}
.mal70 {margin-left:70px !important;}
.mal75 {margin-left:75px !important;}
.mal80 {margin-left:80px !important;}
.mal85 {margin-left:85px !important;}
.mal90 {margin-left:90px !important;}
.mal95 {margin-left:95px !important;}
.mal100 {margin-left:100px !important;}
.mal120 {margin-left:120px !important;}
.mal130 {margin-left:130px !important;}
.mal140 {margin-left:140px !important;}
.mal150 {margin-left:150px !important;}
.mal-5 {margin-left:-5px !important;}
.mal-10 {margin-left:-10px !important;}
.mal-15 {margin-left:-15px !important;}
.mal-20 {margin-left:-20px !important;}
.mal-25 {margin-left:-25px !important;}
.mal-30 {margin-left:-30px !important;}
.mal-35 {margin-left:-35px !important;}
.mal-40 {margin-left:-40px !important;}
.mal-45 {margin-left:-45px !important;}
.mal-50 {margin-left:-50px !important;}

.mar0 {margin-right:0 !important;}
.mar5 {margin-right:5px !important;}
.mar10 {margin-right:10px !important;}
.mar15 {margin-right:15px !important;}
.mar20 {margin-right:20px !important;}
.mar25 {margin-right:25px !important;}
.mar30 {margin-right:30px !important;}
.mar35 {margin-right:35px !important;}
.mar40 {margin-right:40px !important;}
.mar45 {margin-right:45px !important;}
.mar50 {margin-right:50px !important;}
.mar55 {margin-right:55px !important;}
.mar60 {margin-right:60px !important;}
.mar65 {margin-right:65px !important;}
.mar70 {margin-right:70px !important;}
.mar75 {margin-right:75px !important;}
.mar80 {margin-right:80px !important;}
.mar85 {margin-right:85px !important;}
.mar90 {margin-right:90px !important;}
.mar95 {margin-right:95px !important;}
.mar100 {margin-right:100px !important;}
.mar120 {margin-right:120px !important;}
.mar130 {margin-right:130px !important;}
.mar140 {margin-right:140px !important;}
.mar150 {margin-right:150px !important;}

.mab0 {margin-bottom:0 !important;}
.mab5 {margin-bottom:5px !important;}
.mab10 {margin-bottom:10px !important;}
.mab15 {margin-bottom:15px !important;}
.mab20 {margin-bottom:20px !important;}
.mab25 {margin-bottom:25px !important;}
.mab30 {margin-bottom:30px !important;}
.mab35 {margin-bottom:35px !important;}
.mab40 {margin-bottom:40px !important;}
.mab45 {margin-bottom:45px !important;}
.mab50 {margin-bottom:50px !important;}
.mab55 {margin-bottom:55px !important;}
.mab60 {margin-bottom:60px !important;}
.mab65 {margin-bottom:65px !important;}
.mab70 {margin-bottom:70px !important;}
.mab75 {margin-bottom:75px !important;}
.mab80 {margin-bottom:80px !important;}
.mab85 {margin-bottom:85px !important;}
.mab90 {margin-bottom:90px !important;}
.mab95 {margin-bottom:95px !important;}

.ma0 {margin:0 !important;}
.ma5 {margin:5px !important;}
.ma10 {margin:10px !important;}
.ma15 {margin:15px !important;}
.ma20 {margin:20px !important;}
.ma25 {margin:25px !important;}
.ma30 {margin:30px !important;}
.ma35 {margin:35px !important;}
.ma40 {margin:40px !important;}
.ma45 {margin:45px !important;}
.ma50 {margin:50px !important;}

.mat0 {margin-top:0 !important;}
.mat3 {margin-top:3px !important;}
.mat5 {margin-top:5px !important;}
.mat10 {margin-top:10px !important;}
.mat12 {margin-top:12px !important;} 
.mat15 {margin-top:15px !important;}
.mat20 {margin-top:20px !important;}
.mat25 {margin-top:25px !important;}
.mat30 {margin-top:30px !important;}
.mat35 {margin-top:35px !important;}
.mat40 {margin-top:40px !important;}
.mat45 {margin-top:45px !important;}
.mat50 {margin-top:50px !important;}
.mat55 {margin-top:55px !important;} 
.mat60 {margin-top:60px !important;}
.mat65 {margin-top:65px !important;}
.mat70 {margin-top:70px !important;}
.mat75 {margin-top:75px !important;}
.mat80 {margin-top:80px !important;}
.mat85 {margin-top:85px !important;}
.mat90 {margin-top:90px !important;}
.mat95 {margin-top:95px !important;}
.mat100 {margin-top:100px !important;}
.mat110 {margin-top:110px !important;}
.mat120 {margin-top:120px !important;}
.mat130 {margin-top:130px !important;}
.mat140 {margin-top:140px !important;}
.mat150 {margin-top:150px !important;}
.mat200 {margin-top:200px !important;}

.mat-5 {margin-top:-5px !important;}
.mat-10 {margin-top:-10px !important;}
.mat-15 {margin-top:-15px !important;}
.mat-20 {margin-top:-20px !important;}
.mat-25 {margin-top:-25px !important;}
.mat-30 {margin-top:-30px !important;}
.mat-35 {margin-top:-35px !important;}
.mat-40 {margin-top:-40px !important;}
.mat-45 {margin-top:-45px !important;}
.mat-50 {margin-top:-50px !important;}

.pal0 {padding-left:0px !important;}
.pal5 {padding-left:5px !important;}
.pal10 {padding-left:10px !important;}
.pal15 {padding-left:15px !important;}
.pal20 {padding-left:20px !important;}
.pal25 {padding-left:25px !important;}
.pal30 {padding-left:30px !important;}
.pal35 {padding-left:35px !important;}
.pal40 {padding-left:40px !important;}
.pal45 {padding-left:45px !important;}
.pal50 {padding-left:50px !important;}
.pal55 {padding-left:55px !important;}
.pal60 {padding-left:60px !important;}
.pal65 {padding-left:65px !important;}
.pal70 {padding-left:70px !important;}
.pal75 {padding-left:75px !important;}
.pal80 {padding-left:80px !important;}
.pal85 {padding-left:85px !important;}
.pal90 {padding-left:90px !important;}

.par0 {padding-right:0 !important;}
.par5 {padding-right:5px !important;}
.par10 {padding-right:10px !important;}
.par15 {padding-right:15px !important;}
.par20 {padding-right:20px !important;}
.par25 {padding-right:25px !important;}
.par30 {padding-right:30px !important;}
.par35 {padding-right:35px !important;}
.par40 {padding-right:40px !important;}

.pat0 {padding-top:0px !important;}
.pat5 {padding-top:5px !important;}
.pat10 {padding-top:10px !important;}
.pat15 {padding-top:15px !important;}
.pat20 {padding-top:20px !important;}
.pat25 {padding-top:25px !important;}
.pat30 {padding-top:30px !important;}
.pat35 {padding-top:35px !important;}
.pat40 {padding-top:40px !important;}
.pat45 {padding-top:45px !important;}
.pat50 {padding-top:50px !important;}
.pat60 {padding-top:60px !important;}
.pat70 {padding-top:70px !important;}
.pat80 {padding-top:80px !important;}
.pat90 {padding-top:90px !important;}

.pab0 {padding-bottom:0 !important;}
.pab5 {padding-bottom:5px !important;}
.pab10 {padding-bottom:10px !important;}
.pab15 {padding-bottom:15px !important;}
.pab20 {padding-bottom:20px !important;}
.pab25 {padding-bottom:25px !important;}
.pab30 {padding-bottom:30px !important;}
.pab35 {padding-bottom:35px !important;}
.pab40 {padding-bottom:40px !important;}
.pab50 {padding-bottom:50px !important;}

.pa0{padding:0 !important;}
.pa5{padding:5px !important;}
.pa10{padding:10px !important;}
.pa15{padding:15px !important;}
.pa20{padding:20px !important;}
.pa25{padding:25px !important;}
.pa30{padding:30px !important;}
.pa35{padding:35px !important;}
.pa40{padding:40px !important;}
.pa45{padding:45px !important;}
.pa50{padding:50px !important;}

table th.th_5 { width:5%;}
table th.th_10 { width:10%;}
table th.th_15 { width:15%;}
table th.th_18 { width:18%;}
table th.th_19 { width:19%;}
table th.th_20 { width:20%;}
table th.th_25 { width:25%;}
table th.th_28 { width:28%;}
table th.th_30 { width:30%;}
table th.th_35 { width:35%;}
table th.th_36 { width:36%;}
table th.th_40 { width:40%;}
table th.th_45 { width:45%;}
table th.th_50 { width:50%;}
table th.th_55 { width:55%;}
table th.th_60 { width:60%;}
table th.th_64 { width:64%;}
table th.th_65 { width:65%;}
table th.th_70 { width:70%;}
table th.th_75 { width:75%;}
table th.th_80 { width:80%;}

table td.td_5 { width:5%;}
table td.td_10 { width:10%;}
table td.td_15 { width:15%;}
table td.td_20 { width:20%;}
table td.td_25 { width:25%;}
table td.td_30 { width:30%;}
table td.td_35 { width:35%;}
table td.td_40 { width:40%;}
table td.td_45 { width:45%;}
table td.td_50 { width:50%;}
table td.td_55 { width:55%;}
table td.td_60 { width:60%;}
table td.td_65 { width:65%;}
table td.td_70 { width:70%;}
table td.td_75 { width:75%;}
table td.td_80 { width:80%;}



/*----------------------- contents_tools 공통----------------------*/

/****************************************************************************************
*********************************사이트별 달라지는 스타일은 sub.css에 추가해주세요*******
*****************************************************************************************/


/* contents_tools 공통*/
.contents_tools { top:52px; right:0px; margin: 0;padding: 0;position: absolute;text-align:left;}
.contents_tools > ul > li { float:left; display:block; margin: 0 5px; padding: 0; }
.contents_tools > ul > li > a { display:block; width:57px; height:57px; position:relative; }
.contents_tools .tools_box {width:200px; position:absolute; z-index:2; left:10px; top:53px; padding:20px; font-size:13px; background-color: #fff; border:1px solid #e4e4e4; margin:10px 0 0 0; display: none;}
.contents_tools .qr_area { width:216px ; padding-bottom:0; }

.contents_tools > ul > li > a span.tit { display:none; }
.contents_tools > ul > li > a span.tools_guilde { font-size:13px; letter-spacing:-1.5px; position:absolute; top:-40px; left:-10px; width:45px; display:none; border:1px solid #c3c3c3; border-radius:50px; text-align:center; padding:0 10px; }
.contents_tools > ul > li > a:hover span.tools_guilde { display:block!important; color:#014da2; }

.contents_tools > ul > li.icon_view_option > a { background: url("/images/aqua/sub/sp_sub.png") no-repeat -1px -125px;}
.contents_tools > ul > li.share > a {background: url("/images/aqua/sub/sp_sub.png") no-repeat -68px -125px;}
.contents_tools > ul > li.download > a {background: url("/images/aqua/sub/sp_sub.png") no-repeat -135px -125px;}
.contents_tools > ul > li.icon_qr > a {background: url("/images/aqua/sub/sp_sub.png") no-repeat -202px -125px;}

.contents_tools > ul > li.icon_view_option > a:hover {background: url("/images/aqua/sub/sp_sub.png") no-repeat scroll -1px -188px;}
.contents_tools > ul > li.share > a:hover {background: url("/images/aqua/sub/sp_sub.png") no-repeat scroll -68px -188px;}
.contents_tools > ul > li.download > a:hover {background: url("/images/aqua/sub/sp_sub.png") no-repeat scroll -135px -188px;}
.contents_tools > ul > li.icon_qr > a:hover {background: url("/images/aqua/sub/sp_sub.png") no-repeat scroll -202px -188px;}


/*닫기버튼*/
.contents_tools li div .opt_cl, .contents_tools > ul > li > ul > li.close
{ cursor: pointer; width:29px; height:28px; position:absolute; top:10px; right:10px; padding:0; margin:0;}
.contents_tools > ul > li > ul > li.close a, .contents_tools li div .opt_cl .opt_close
{ display:block; text-indent:-9999px; width:29px; height:29px; background: url("/images/aqua/sub/contents_tool_detail.png") no-repeat scroll 0 -425px;}
.contents_tools > ul > li > ul > li.close a:hover, .contents_tools li div .opt_cl .opt_close:hover{background-position: 0 -464px;}

/*폰트사이즈,줄간격 공통*/
.opt_btn > a {  text-indent: -5000px; }
.opt_lineh_small a { background: url("/images/aqua/sub/contents_tool_detail.png") no-repeat scroll 9px -39px; }
.opt_lineh_normal a { background: url("/images/aqua/sub/contents_tool_detail.png") no-repeat scroll 9px -17px; }
.opt_lineh_wide a { background: url("/images/aqua/sub/contents_tool_detail.png") no-repeat scroll 9px 2px; }
.opt_font_normal a { background: url("/images/aqua/sub/contents_tool_detail.png") no-repeat scroll 11px -90px; }
.opt_font_big a { background: url("/images/aqua/sub/contents_tool_detail.png") no-repeat scroll 6px -71px; }
.opt_lineh_small.select a { background-position: 8px -39px;}
.opt_lineh_normal.select a { background-position: 8px -17px;}
.opt_lineh_wide.select a { background-position: 8px 2px;}
.opt_font_normal.select a { background-position: 10px -90px;}
.opt_font_big.select a { background-position: 5px -71px;}

.contents_tools .opt_box .opt_lb { margin: 8px 0; font-size: 15px; }
.contents_tools .opt_box .opt_sl { display: inline-block; list-style: outside none none; padding: 0; position: relative; text-decoration: none; vertical-align: middle; }
.contents_tools .opt_box .opt_sl .opt_btn { border: 1px solid #d2d2d2; box-sizing: border-box; display: inline-block; float: left; margin-right: 4px; padding: 4px 0; position: relative; width: 43px; }
.contents_tools .opt_box .opt_sl .select { padding:3px 0; }
.contents_tools .opt_box .opt_sl .opt_btn a { color: #444; cursor: pointer; display: block; font-size: 12px; font-weight: 600; height: 20px; text-align: center; text-transform: uppercase; vertical-align: middle; width: 39px; line-height:20px; }
.contents_tools .opt_box .opt_sl .select { border: 2px solid #3b82da;}

/*공유*/
.contents_tools .share ul li { float: none; padding: 4px 0 3px; }
.contents_tools .share li.sns a { background: url("/images/aqua/sub/contents_tool_detail.png") no-repeat scroll 0 0; display: block; height: 25px; line-height:19px !important; margin: 0; overflow: hidden; padding-left: 26px; }
.contents_tools .share li.fa a { background-position: 0 -169px; }
.contents_tools .share li.tw a { background-position: 0 -196px; }
.contents_tools .share li.bd a { background-position: 0 -223px; }
.contents_tools .share li.ks a { background-position: 0 -250px; }
.contents_tools .share li.gp a { background-position: 0 -277px; }

/*다운로드*/
.contents_tools .download ul li { float: none; padding: 4px 0 3px; }
.contents_tools .download li a { background: url("/images/aqua/sub/contents_tool_detail.png") no-repeat scroll 0 0; display: block; height: 26px; line-height:19px; margin: 0; overflow: hidden; padding-left: 26px; font-size: 15px;}
.contents_tools .download li.icon_printer a { background-position: 0 -314px;}
.contents_tools .download li.icon_jpg a { background-position: 0 -341px;}
.contents_tools .download li.icon_pdf a { background-position: 0 -368px; }
.contents_tools .download li.icon_rss a { background-position: 0 -395px; }
.contents_tools .download ul li.close a {padding-left:0}

/*qr*/
.qr_area { margin-top: 1px; z-index: 100; }
.st_qr p.tit { left: 10px; margin: 0; padding: 0; position: absolute; top: 5px; }
.st_qr .ly_thumb { float: left; margin: 37px 0 0; padding: 0; }
.st_qr .ly_p_dsc { color: #000; left: 20px; line-height: 150%; overflow: hidden; position: absolute; text-align: left; top: 25px; width: 190px; font-size: 14px;}
.st_qr img { text-align:center; margin:55px 0 0 0px; width:262px;}

/*========== new login ==========*/

.login-form-wrap {
    position: relative;
    max-width: 1300px;
	margin:0 auto;
	width:100%;
}

.certify_info { border-top:2px solid #4164a2; border-bottom:1px solid #d2d2d2; padding:30px 3%; width:94%;}
.certify_info h3.certify_tit { color:#4164a2 !important; font-size:18px !important; margin:0 0 15px 0 !important;}
.certify_info p { font-size:14px !important; line-height:1.6 !important; margin:0 !important;}

#login_box #member_login legend{ display:none;}

#login_box {
    background-color: #edeff5;
    margin: 30px 0 0;
    padding:25px 3%;
    width: 94%;
}

#login_box p.login_tit { font-size:14px !important; line-height:1.6 !important; margin:0 !important;}
#login_box fieldset{ border:none !important;}
#login_box #member_login {margin:20px 0 0 0; padding:0;}
#login_box #member_login ul { width:83%; margin:0; display:inline-block;}
#login_box #member_login ul li {width:50%;float: left; position:relative;}
#login_box #member_login p.btn { width:17%;float: right;display: flex;}
#login_box input.btnSubmit { padding:10px 0; width:100%; cursor: pointer; position:relative; background:#4164a2; border:none; color:#fff; text-align: center;}
#login_box #member_login ul li label { position:absolute; top:10px; left:10px; font-size:13px; color:#666; font-weight:500;}
#login_box input.idinput, #login_box input.pwinput {
    border: 1px solid #ccc;
    color: #000000;
    font-size: 14px;
    padding: 10px 2%;
    width: 94%;
	vertical-align:middle;
}

#login_box .id_search { width:100%; text-align:center; border-top: 1px solid #d2d2d2; margin-top:30px; padding-top:10px;}
#login_box .id_search li {display:inline; margin:0 10px 0 0; padding:0 13px 0 0; font-size:14px;background:url("/imagescommon/board/id_line_bg.gif") no-repeat right 2px transparent;}
#login_box .id_search li:last-child { background:none; margin-right:0; padding-right:0;}

.certify_box { margin:30px 0 0; width:100%;}
.certify_box .service_box_1 {background:url("/images/common/board/id_bg_one.png") no-repeat center 25px transparent;}
.certify_box .service_box_2 {background:url("/images/common/board/id_bg_two.png") no-repeat center 25px transparent;}
.certify_box h4 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    font-size: 24px;
    font-weight:300 ;
    margin: 0 !important;
    padding: 0 !important;
	color:#2c6ea8 ;
}
.certify_box p.service_info {font-size:17px; }
.certify_box .g_box {padding:115px 6% 35px;border:1px solid #dddddd; margin-top:10px;}
.certify_box .certify_one { float:left; width:48%;}
.certify_box .certify_two { /*float:right;*/ width:100%;}
.service_sum {width:90%; padding:20px 5%; background:#edeff5; margin-top:20px;}
.service_sum strong { font-size:15px;} 
.service_sum ul { margin:10px 0 0;}
.service_sum ul li {font-size:15px ;  margin:5px 0; background:url("/images/common/board/id_list_bl.gif") no-repeat 0 11px transparent; padding:0 0 0 8px; color:#555; transition: 0.2s ease; } 
a.btn_certify {
	color: #fff;
    display: block;
	margin:20px auto 0;
    padding: 8px;
    position: relative;
    text-align: center;
    transition: background-color 0.2s ease;
	width:150px;
	background-color: #2c6ea8  !important;
    text-transform: uppercase !important
	}
.certify_box a.btn1 {
    ;
}
.certify_box .btn1:hover .btn1hover1 {transform: scale(1, 1);
}
.certify_box .btn1 .btn1hover1 {
    background: #2c9a37 none repeat scroll 0 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(1, 0);
    transform-origin: center top 0;
    transition: all 0.2s ease-out;
    width: 100%;
}
.certify_box .btn1 span {
    position: relative;
    transition: color 0.5s ease-out;
	font-size:14px;
}
.certify_box .btn1:hover span {color: #fff;}





ul.idin li {margin-top:10px; text-align:center;}


@media screen and (min-width:1001px) and (max-width:1169px){
	.resultid ul.s3 { width:51%;  margin:0 auto;}
	.sendnumber .sendbtn ul {width:35%;}
}

@media screen and (max-width:964px){
	.resultid ul.s3 { width:55%;}
	.resultid ul.s2 { width:65%;}
	.waypw {background:none;}
	.waypw ul li {width:35%;}
	.sendnumber .sendbtn ul {width:35%;}
}


.AlignLeft {
    text-align: left !important;
}
.AlignCenter {
    text-align: center !important;

}
.AlignRight {
    text-align: right !important;
}
.ValignTop {
    vertical-align: top !important;
}
.ValignMiddle {
    vertical-align: middle !important;
}
.ValignBottom {
    vertical-align: bottom !important;
}
.DisplayBlock {
    display: block;
}
.DisplayInline {
    display:inline;
}
.DisplayNone {
    display: none;
}
.FloatLeft {
    float: left;
}
.FloatRight {
    float: right;
}
.ClearBoth {
    clear: both;
}
.BackgroundNone {
    background: none repeat scroll 0 0 transparent !important;
}
.BorderNone {
    border: medium none !important;
}
.BorderRightNone {
    border-right: medium none !important;
}
.PaddingNone {
    padding: 0 !important;
}
.MarginNone {
    margin: 0 !important;
}
.FontWeightNormal {
    font-weight: normal !important;
}
.FontWeightBold {
    font-weight: 400 !important;
}
.fontbw {
    letter-spacing: -1px;
}

#idsearch a.close {
    left: 410px;
    position: absolute;
    top: 25px;
}

.group02{ clear:both; float:left; width:100%;   margin-top:50px !important;}


/*회원정보수정*/
.pswd_checkbox{text-align: center;}
.pswd_checkbox form[name="password_confirm"]{display: inline-block; padding: 50px 20%; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;}
.pswd_checkbox dl dt label[for="user_password"]{display: block; color: #4264a3; font-size: 22px; font-weight: 400;}
.pswd_checkbox dl dd{border-bottom: 1px dashed #d2d2d2; padding-bottom: 20px; margin: 20px 0;}
.pswd_checkbox dl dd input#user_password{width: 50%; margin: 0; height: 45px; line-height: 45px; padding: 0 7px; box-sizing: border-box; border:2px solid #4264a3;}
.pswd_checkbox .pswd_btn{clear: both; display: inline-block;}
.pswd_checkbox .pswd_btn li{float: left; margin-right: 5px;}
.pswd_checkbox .pswd_btn li input[type="submit"]{display: block; border: 0; background-color: #4264a3; color: #fff; padding: 0 30px; height: 34px; line-height: 34px; font-weight: 400; font-size: 15px;}
.pswd_checkbox .pswd_btn li .cancel{display: block; background-color: #333; color: #fff; padding: 0 30px; height: 34px; line-height: 34px; font-weight: 400; font-size: 15px;}
#join_tab h4{ background-image: none; padding-left: 0; margin-top: 40px;}

/** 통합메뉴 열렸을때 **/
 .total_menu_cnt_wrap{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.75); z-index: 1000;}
.total_menu_cnt_wrap.guide_close{background: none; width: auto;}
 .total_descrip{position:absolute; left: 50%; z-index: 10;}
 .total_descrip_inner{position:absolute;width:943px;height:749px;top:130px;left:50%;margin-left:-345px;background:url('/imageswww/common/totalmenu_descript.png') no-repeat center 0; }
 .total_descrip_inner > h2, .total_descrip_inner > p{text-indent:-9999px}

 .total_descrip_inner ul li a{position:absolute;display:block;width:70px;height:70px;border-radius:35px;color:#fff;text-indent:-9999px}
 
 .total_descrip_inner ul li.mokpo a{top: 122px;left:116px;}
 .total_descrip_inner ul li.tour a{top: 264px;left:0;}
 .total_descrip_inner ul li.biz a{top: 480px;left: 145px;}
 
 .total_descrip_inner ul li.munhak a{top: 666px;left: 355px;}
 .total_descrip_inner ul li.art a{top: 527px;right: 94px;}
 .total_descrip_inner ul li.youth a{top: 575px;right: 287px;}
 .total_descrip_inner ul li.car a{top: 370px;right: 10px;}
 .total_descrip_inner ul li.health a{top: 190px;right: 135px;}
  
 .tt_close{position:absolute;color:#fff;top:55%;margin-top:50px;left:60%;margin-left:-190px;font-size:15px;padding:12px 25px 12px 50px;border:1px solid #737171;border-radius:15px;background:url('/imageswww/common/tt_menu_descrip_close.png') no-repeat 20px 14px}
 .total_menu_cnt_wrap .total_menu_cnt{position:relative;left:0px; height: 100%; display: inline-block; z-index: 11;}
 .total_menu_cnt_wrap .total_menu_cnt > div{float:left;}
 .total_menu_cnt_wrap .total_menu_cnt > div > div{float:left;}
 .total_menu_cnt_wrap .total_menu_cnt #Depth1{width:308px;height:1080px;background:#222}
 .total_menu_cnt_wrap .total_menu_cnt #Depth1 h2{font-size:21px;font-weight:500;color:#fff ;padding:30px 0 50px 0; background:url('/imageswww/common/total_title_bg.png') no-repeat 68px 45px; text-align:center	 }
 .total_menu_cnt_wrap .total_menu_cnt #Depth1 > ul{padding-top:20px}
 .total_menu_cnt_wrap .total_menu_cnt #Depth1 > ul > li{background:url('/imageswww/common/total_arrow.png') no-repeat 263px center}
 .total_menu_cnt_wrap .total_menu_cnt #Depth1 > ul > li > a{display:block;font-size:15px;color:#fff;padding:7px 0px 7px 43px}
 .total_menu_cnt_wrap .total_menu_cnt #Depth1 > ul > li > a:hover{background:#4264a3 url('/imageswww/common/total_arrow.png') no-repeat 263px center}
 .total_menu_cnt_wrap .total_menu_cnt #Depth2{position:relative;width:285px;height:1080px; background:#e9e9e9 url('/imageswww/common/depth2_bg.png') repeat-y}
 .total_menu_cnt_wrap .total_menu_cnt #Depth2 h2{font-size:19px;font-weight:500;color:#010101;padding-left:50px;margin:30px 0 28px 0}
 .total_menu_cnt_wrap .total_menu_cnt #Depth2 > ul > li{background:url('/imageswww/common/total_arrow2.png') no-repeat 234px center;margin-left:22px;}
 .total_menu_cnt_wrap .total_menu_cnt #Depth2 > ul > li > a{display:block;font-size:14px;padding:7px 0px 7px 30px}
 .total_menu_cnt_wrap .total_menu_cnt #Depth2 > ul > li > a:hover{background:#00688f url('/imageswww/common/total_arrow.png') no-repeat 234px center;color:#fff}
 .total_menu_cnt_wrap .total_menu_cnt #Depth3{position:relative;background:#fff}
 .total_menu_cnt_wrap .total_menu_cnt #Depth3 .Depth3_cnt{float:left;width:228px}
 .total_menu_cnt_wrap .total_menu_cnt #Depth3 h2{font-size:18px;font-weight:500;color:#010101;padding-left:26px;margin:30px 0 28px 0}
 .total_menu_cnt_wrap .total_menu_cnt #Depth3 .Depth3_cnt > ul > li > a{display:block;font-size:14px;padding:7px 0px 7px 30px}
 .total_menu_cnt_wrap .total_menu_cnt #Depth3 .Depth3_cnt > ul > li > a:hover{color:#099a84}
 .total_menu_cnt_wrap .total_menu_cnt #Depth3 .Depth3_cnt > ul > li.newwin > a{background:url('/imageswww/common/_blank.png') no-repeat 165px 8px}
 .total_menu_cnt_wrap .total_menu_cnt #Depth3 .Depth3_cnt > ul > li > span{display: block;margin-top: 10px;text-align: center;font-weight: 600;font-size: 13px;}
 .total_menu_cnt_wrap .total_menu_cnt .total_menu_right_tab{float:left;width:49px;height:1080px;background:#4264a3}
 .total_menu_cnt_wrap .total_menu_cnt .total_menu_right_tab a {display:block;width:20px;height:20px;text-indent:-9999px;margin-left:14px;margin-top:20px}
 .total_menu_cnt_wrap .total_menu_cnt .total_menu_right_tab a.total_menu_cnt_close {background:url('/imageswww/common/total_menu_close.png') no-repeat;}
 .total_menu_cnt_wrap .total_menu_cnt .total_menu_right_tab a.total_menu_cnt_close:hover{background:url('/imageswww/common/total_menu_close_hover.png') no-repeat}
 .total_menu_cnt_wrap .total_menu_cnt .total_menu_right_tab a.Depth2_cancel {width:49px;height:53px;background:#222 url('/imageswww/common/Depth2_cancel.png') no-repeat;margin-top:32px;margin-left:0}
 .total_menu_cnt_wrap .total_menu_cnt .total_menu_right_tab a.Depth2_cancel:hover{width:49px;height:53px;background:#222 url('/imageswww/common/Depth2_cancel_hover.png') no-repeat;margin-left:0}
 .total_menu_cnt_wrap.on .total_menu_cnt #Depth2_3{position:relative; }
 /*.total_menu_cnt_wrap.on { display:block !important; }*/
 .total_menu_cnt_wrap.on .total_menu_cnt #Depth2 { display:block !important; }
 .total_menu_cnt_wrap.on .total_menu_cnt #Depth2 { left: 0; }
 .total_menu_cnt_wrap.on .total_menu_cnt #Depth3 { left: 0; }
 .total_menu_cnt_wrap.on .total_menu_cnt #Depth3 .Depth3_cnt {width: 280px !important; display: block !important;}
 .total_menu_cnt_wrap.on .total_menu_cnt #Depth1 > ul > li > a.on {background: #224039 url("/imageswww/common/total_arrow.png") no-repeat scroll 263px center;}
 .total_menu_cnt_wrap.on .total_menu_cnt #Depth2 > ul > li > a.on {background: #224039 url("/imageswww/common/total_arrow.png") no-repeat scroll 234px center;color: #fff;}
 .total_menu_cnt_wrap.on .total_menu_cnt #Depth3 .Depth3_cnt > ul > li > a.on { color: #099a84;}
 /* .total_menu_cnt_wrap.on .total_menu_cnt #Depth2_3 {left: 55px !important;position: absolute;}
 .total_menu_cnt_wrap.on .total_menu_cnt #Depth3 .Depth3_cnt {background-color: #fff;border-left: 1px solid;float: left;height: 100%;left: -200px;position: absolute;width: 228px !important;z-index: 99999; display:block;}
 .total_menu_cnt_wrap.on .total_menu_cnt .total_menu_right_tab {left: -15px; position: relative;}
 */   
 .Depth1_over {background:#4264a3 url("/imageswww/common/total_arrow.png") no-repeat scroll 263px center !important;}
 .Depth2_over {background:#00688f url("/imageswww/common/total_arrow.png") no-repeat scroll 234px center !important;}
 .Depth2_over a{color : #ffffff;}
 .Depth3_over a{color: #099a84; font-weight:500;}
 .ajax_loader {background:url("/imagesspinner_squares_circle.gif") no-repeat center center transparent;width:100%;height:100%;}
 #Depth3 .Depth3_cnt .ajax_loader {height:50%;}
 #get_page {position: absolute; top: -76px;width: 600px;background: #fff none repeat scroll 0 0;height: auto;left: 762px;overflow: scroll;padding: 25px;; z-index: 9999;display:none;padding-top:0}
 #get_page .preview_header {position:fixed;width:583px;;background:#fff;padding-top:25px }
 #get_page .preview_header p:first-child{text-align:center}
 #get_page .preview_header .path {position:relative;font-size:15px;color:#000;font-weight:500;border-bottom:2px solid #099a84;border-top:1px solid #d2d2d2;padding:11px 0;margin-top:17px}
 #get_page .preview_header .path span{display:inline-block;width:420px}
 #get_page .preview_header > p > a{position:absolute;top:7px;right:0px;width:99px;height:29px;line-height:29px;font-size:14px;color:#fff;background:#099a84 url('/imageswww/common/icon_total_blank.png') no-repeat 13px center;padding-left:32px}
 .get_page_img {border: 1px solid #099a84;padding:25px 0 20px 20px;border-radius:5px;background:url('/imageswww/common/ready.png') no-repeat 22px 27px;font-size:13px;color:#126843;padding-left:70px;margin:15px 0}
 .get_page_img span{display:block;font-size:14px;color:#000;font-weight:500;}
 #get_page h3 {font-size:16px;color:#099a84;margin: 35px 0 8px 0;}
 #get_page h4{font-size:15px;margin:10px 0 5px 0}
 #get_page table { border-collapse: collapse; border-spacing: 0; margin-top: 20px; width: 100%; border-top: 1px solid #4264a3; }
 #get_page table th{ background-color: #fbfbfb; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-top: 1px solid #4264a3;font-weight: 600; line-height: 14px;padding: 14px 0; text-align: center;}
 #get_page table th:last-child{border-right:none}
 #get_page table td{background-color: #fff;border-bottom: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2;line-height: 16px;padding: 12px 15px;text-align: center;}
 #get_page table td:last-child{border-right:none}
 .preview_body{margin-top:170px;margin-bottom:100px}
 .preview_body > ul > li{background:url('/imageswww/common/preview_dot.png') no-repeat left 7px;padding-left:10px;font-size:14px;}
 .preview_body > p{font-size:14px;}
 /* .preview_body > div:last-child{display:none}
 */  .pv_paging{text-align:center;margin:20px 0}
 .pv_paging > div a{padding:7px 12px;border:1px solid #d1ccc9}
 .pv_searchform{text-align:center}
 .pv_searchform label{display:none}
 .pv_searchform select{width:70px;height:27px;background:#ebebe4;border:1px solid #d6d6d6}
 .pv_searchform input[type="text"]{width:236px;height:27px;background:#ebebe4;border:1px solid #d6d6d6}
 .pv_searchform input[type="button"]{width:40px;height:27px;background:#ebebe4;border:1px solid #d6d6d6}
  #Depth1 label{position:absolute;top: 120px;left: 69px;color:#eee;font-size: 13px;}
 #menu_search{width:208px;height:38px;background:url('/imageswww/common/total_searchmenu_bg.png') no-repeat;padding-left:34px;margin-left: 32px;border:none;margin-top: 10px;}
  #Depth1 input{color:#fff;font-size:14px}
 input[type="text"].menu_search::-webkit-input-placeholder{font-size:14px;color:#b8bfbe;}
 input[type="text"].menu_search:-ms-input-placeholder{font-size:14px;color:#b8bfbe;}
 input[type="text"].menu_search::-moz-placeholder {font-size:14px;color:#b8bfbe;}
 input[type=text]::-ms-clear {  display:none; }
 #header .initial_sound{display:none;float:none;position:relative;}
 .initial_sound .inner{position:absolute;top:-2px;padding:18px;width:206px;height:131px;margin-left:32px;background:#352d2d;border-bottom:1px solid #292121;}
 .initial_sound .inner > ul > li{float:left;display:block !important}
 .initial_sound .inner > ul > li.on > a{background:#74e9d7}
 .initial_sound .inner > ul > li > a{display:block;width:23px;height:21px;border:1px solid #bfc4c8;background:#fff;text-align:center;color:#1e332f;font-size:16px;margin-right:4px;margin-bottom:4px}
 .initial_sound .inner > p{color:#fff;background:url('/imageswww/common/total_menu_notice.png') no-repeat ;padding-left:24px;margin-top:15px;font-size:12px}
 .initial_sound > a{position:absolute;top: 166px;width:242px;height:29px;line-height:29px;margin-left: 32px;color: #aa8c8c;font-size:11px;background:url('/imageswww/common/total_menu_colse_bg.png') repeat;}
 .initial_sound > a > span{padding-left:175px;}
 #Depth1 > a{position:absolute;top:126px;left:255px;;width:11px;background:url('/imageswww/common/total_menu_colse.png') no-repeat;text-indent:-9999px}
  .integration_category_wrap{position:relative;left:0;top:0;height:100%;z-index:1000}
 .integration_category_wrap .total_menu_cnt{left:0px}
 .integration_category_wrap .total_menu_cnt > div{float:left}
 .integration_category_wrap .total_menu_cnt > div > div{float:left;}
 .integration_category_wrap .total_menu_cnt #Depth1{width:308px;height:1080px;background:url('/imageswww/common/root_bg.png') no-repeat}
 .integration_category_wrap .total_menu_cnt #Depth1 h2{font-size:21px;font-weight:500;color:#fff;padding-left:43px;margin:30px 0 22px 0}
 .integration_category_wrap .total_menu_cnt #Depth1 > ul{}
 .integration_category_wrap .total_menu_cnt #Depth1 > ul > li{background:url('/imageswww/common/total_arrow.png') no-repeat 263px center}
 .integration_category_wrap .total_menu_cnt #Depth1 > ul > li > a{display:block;font-size:15px;color:#fff;padding:7px 0px 7px 43px}
 .integration_category_wrap .total_menu_cnt #Depth1 > ul > li > a:hover{background:#224039 url('/imageswww/common/total_arrow.png') no-repeat 263px center}
 .integration_category_wrap .total_menu_cnt #Depth2{position:relative;left:0;width:285px;height:1080px;background:url('/imageswww/common/depth2_bg.png') no-repeat;}
 .integration_category_wrap .total_menu_cnt #Depth2 h2{font-size:19px;font-weight:500;color:#010101;padding-left:50px;margin:30px 0 28px 0}
 .integration_category_wrap .total_menu_cnt #Depth2 > ul > li{background:url('/imageswww/common/total_arrow2.png') no-repeat 234px center;margin-left:22px;}
 .integration_category_wrap .total_menu_cnt #Depth2 > ul > li > a{display:block;font-size:14px;padding:7px 0px 7px 30px}
 .integration_category_wrap .total_menu_cnt #Depth2 > ul > li > a:hover{background:#224039 url('/imageswww/common/total_arrow.png') no-repeat 234px center;color:#fff}
 .integration_category_wrap .total_menu_cnt #Depth3{position:relative;left:0;background:#fff}
 .integration_category_wrap .total_menu_cnt #Depth3 .Depth3_cnt{float:left;width:228px;}
 .integration_category_wrap .total_menu_cnt #Depth3 h2{font-size:18px;font-weight:500;color:#010101;padding-left:26px;margin:30px 0 28px 0}
 .integration_category_wrap .total_menu_cnt #Depth3 .Depth3_cnt > ul > li > a{display:block;font-size:14px;padding:7px 0px 7px 30px}
 .integration_category_wrap .total_menu_cnt #Depth3 .Depth3_cnt > ul > li > a:hover{color:#099a84}
 .integration_category_wrap .total_menu_cnt #Depth3 .Depth3_cnt > ul > li.newwin > a{background:url(/images/www/common/_blank.png) no-repeat 165px 8px}
 .integration_category_wrap .total_menu_cnt #Depth3 .Depth3_cnt > ul > li > span{display: block;margin-top: 10px;text-align: center;font-weight: 600;font-size: 13px;}
 .integration_category_wrap .total_menu_cnt .total_menu_right_tab{float:left;width:49px;height:1080px;background:url('/imageswww/common/close_bg.png') no-repeat}
 .integration_category_wrap .total_menu_cnt .total_menu_right_tab a {display:block;width:20px;height:20px;text-indent:-9999px;margin-left:14px;margin-top:20px}
 .integration_category_wrap .total_menu_cnt .total_menu_right_tab a.total_menu_cnt_close {background:url('/imageswww/common/total_menu_close.png') no-repeat;}
 .integration_category_wrap .total_menu_cnt .total_menu_right_tab a.total_menu_cnt_close:hover{background:url('/imageswww/common/total_menu_close_hover.png') no-repeat}
 .integration_category_wrap .total_menu_cnt .total_menu_right_tab a.Depth2_cancel {width:49px;height:53px;background:url('/imageswww/common/Depth2_cancel_hover2.png') no-repeat;margin-top:32px;margin-left:0}
 .integration_category_wrap .total_menu_cnt .total_menu_right_tab a.Depth2_cancel:hover{width:49px;height:53px;background:url('/imageswww/common/Depth2_cancel.png') no-repeat;margin-left:0}
 .integration_category_wrap .total_menu_cnt #Depth2_3{position:relative; left:0px;}
 .integration_category_wrap .total_menu_cnt #Depth2 { display:none; }
 .integration_category_wrap.on .total_menu_cnt #Depth2 { display:block !important; }
 .integration_category_wrap.on .total_menu_cnt #Depth2_3 {left: 290px;position: absolute;}
 .integration_category_wrap.on .total_menu_cnt #Depth2_3 {left: 55px;}
 .integration_category_wrap.on .total_menu_cnt #Depth3 .Depth3_cnt {background-color: #fff;border-left: 1px solid;float: left;height: 100%;left: -200px;position: absolute;width: 228px !important;z-index: 99999;}
 .integration_category_wrap.on .total_menu_cnt .total_menu_right_tab {left: -15px; position: relative;}
 .integration_category_wrap .total_menu_cnt #Depth1 > ul > li > a.on {background: #224039 url("/imageswww/common/total_arrow.png") no-repeat scroll 263px center;}
 .integration_category_wrap .total_menu_cnt #Depth2 > ul > li > a.on {background: #224039 url("/imageswww/common/total_arrow.png") no-repeat scroll 234px center;color: #fff;}
 .integration_category_wrap .total_menu_cnt #Depth3 .Depth3_cnt > ul > li > a.on { color: #099a84;}
 #new_wrap { margin: auto;width: 1400px;}
 #new_wrap .initial_sound{display:none;float:none;position:relative;}
 #new_wrap #right, #new_wrap #content_wrap{float:right;width:995px; margin-right: 15px;}
 #new_wrap #new_header .logo a {display:inline-block;width:101px;height:45px;background:url('/imageswww/common/logo.png') no-repeat;text-indent:-9999px}
 #new_wrap #new_header .left_util ul li a {display: block;background: url('/imageswww/common/icon_layout.png') no-repeat;padding-left: 22px;margin-top:-30px}
 #new_wrap #new_header .left_util ul li.logout a{width:60px;background-position: -7px -20px;}
 #new_wrap #new_header {border-bottom:1px solid #000;height: 100px;}
 #new_wrap #new_wrap #footer{clear:both}
 #new_wrap #new_header .header_top { height: 75px; margin: 0 auto; max-width: 1200px; min-width: 761px; position: relative; }
 #new_wrap #new_header .header_top h1 { padding-top: 12px; text-align: center; }
 #new_wrap #new_header .left_util ul li.logout a { background-position: -7px -20px; width: 60px; }
 #new_wrap #new_header .logo a { background: rgba(0, 0, 0, 0) url("/imageswww/common/logo.png") no-repeat scroll 0 0; display: inline-block; height: 45px; text-indent: -9999px; width: 101px; }
 #new_wrap #footer { clear: both !important; }
   #new_wrap #footer_wrap{clear:both}
 #new_wrap .contents_tools {display: none;} 

/* mode=setting에서 저장하기버튼 클릭을 위해 추가 20180219_김용선 */
#content .box_type .align_right{position: relative; z-index: 10;}


@media screen and (max-width:1550px){
	.toppopup_wrap .closeCheck{right: 2% !important; margin-right: 0 !important;}
}
@media screen and (max-width:1220px){
	.toppopup_wrap{min-width: inherit !important; width: 100%;}
	.toppopup_wrap .toppopup{width: 100% !important;}
}
@media screen and (max-width:1100px){
	.toppopup_wrap{display: none !important;}
	#header .header_top .w_listbox > ul > li.popup{display: none;}
}

/*구글지도 말풍선*/
.gm-style-iw > div{overflow: visible !important;}
.gm-style-iw > div > div{overflow: visible !important;}


#reserve_search_box .set_srch_btn{background: #123a57;color:#fff;padding: 8px 15px;border-radius: 16px;font-size: 15px;margin-left: 4px;}
#reserve_search_box input.srch_btn{ cursor: pointer; margin-left: 5px; padding: 0 20px;}