@charset "utf-8";
@import 'table.css';
@import 'default.css';
@import 'sub.css';
html, body { font-family: 'Noto Sans KR';  }
/* ----------------------------------------------------------------
 header
 -----------------------------------------------------------------*/
#header {
	/*height: 140px;*/
}

#header .top_util {
	/*background: url(/images/main/bg_top_util.gif) repeat;*/
	background: #f5f6f7;
	border-bottom: 1px solid #d4d8dc;
	height: 39px;
	position: relative;
}
#header .top_util .info_li {
	position: absolute;
	top: 12px;
	right: 0px;
}
#header .top_util .info_li li {
	float: left;
	display: inline-block;
	padding: 0px 8px;
	background: url(/images/common/line_top_util.gif) no-repeat right center;
}
#header .top_util .info_li li.last {
	padding-right: 0px !important;
	background: none !important;
}

/*-----mainNotice----*/
/*수정141017*/

#mainNoticeList li {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.mainNotice {
	position: absolute;
	top: 10px;
	left: -15px;
	width: 486px;
	height: 23px;
	line-height: 23px;
}
.mainNotice li {
	float: left;
	display: inline-block;
	height: 23px;
	line-height: 23px !important;
	padding: 0px;
}
.mainNotice li a {
	line-height: 23px;
}
.mainNotice .mainNoticeInn {
	visibility: visible;
	overflow: hidden;
	position: relative;
	z-index: 2;
	left: 14px;
	height: 23px;
}

/*수정150204*/
.mainNotice .NE_rolling {
	position: relative;
	top: 0px;
	left: 0px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	position: relative;
	list-style-type: none;
	z-index: 1;
	height: 161px;
	top: -69px;
}
/*수정141017*/
.mainNotice .NE_rolling > li {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 340px;
	line-height: 23px !important;
	height: 23px;
	vertical-align: middle;
	background: url(/images/common/icon_top_notice.png) no-repeat left 3px;
	padding-left: 24px;
}
.mainNotice .NE_rolling li a {
	line-height: 23px;
	height: 23px;
	color: #d52027 !important;
}

/* ----------------------------------------------------------------
 topTop
 -----------------------------------------------------------------*/
.topTop {
	position: relative;
	height: 100px;
}
.logo {
	float: left;
	width: 300px;
	padding-top: 24px;

}

/* ----------------------------------------------------------------
 topSearch
 -----------------------------------------------------------------*/

/*수정141017*/
.topSearch {
	position: relative;
	left: 0px;
	float: left;
	width: 450px;
	height: 46px;
	margin-top: 25px;
	padding: 2px 0 2px 2px;
	background: #0f83f1;

}
/*수정141017*/
.topSearch input[type~="text"] {
	 float: left;
	 border: none;
	 height: 46px;
	 line-height: 38px;
	 font-size: 16px;
	 font-weight: bold;
	 color: #232833;
	 padding: 0;
	 margin: 0;
	 width: 284px;
	 padding-left: 12px;
	 background: #fff;

}

/*수정141017*/
#searchHelp {
	margin-left: 325px !important;
}
.searchHelp {
	float: left;
	width: 106px;
	text-align: center;
	height: 46px;
	line-height: 46px;
	vertical-align: middle;
	z-index: 999;
	background: url('/images/common/bar_n.png') no-repeat left center #fff;
}
.searchHelp a {
	line-height: 38px;
	font-size: 12px;
	font-weight: bold;
	color: #232833;
}

.searchHelp a {
	display: inline-block;
	vertical-align: top;
	padding-right: 24px;
	background: url(/images/common/bt-help.png) no-repeat right center;
	font-size: 13px;
	color: #282828;
	letter-spacing: -0.03em;
	line-height: 46px;
}

.searchHelp a:hover {
	background-image: url(/images/common/bt-helpo.png)
}


/*수정141017*/
#mainSearchBtn { position:absolute; top:2px; right:0px; }
/*수정141017*/
.search_popup { position: absolute; top:72px; right:0px; width:452px; height:552px; z-index:9999; background: #fff; }

/* ----------------------------------------------------------------
 search_word_wrap
 -----------------------------------------------------------------*/
.search_word_wrap {display:none; position:absolute; top:72px; right:148px; width:300px; z-index:9999; border:1px solid #25aae1; background:#fff; }
.search_word_box {
	padding: 15px 0px;
}
.search_word_box li {
	height: 18px;
	line-height: 18px;
	padding: 3px 20px;
}
.search_word_box li a {
	height: 18px;
	line-height: 18px;
	display: inline-block;
	width: 100%;
}
.search_word_box li:hover {
	background: #f5f6f7
}
/* ----------------------------------------------------------------
 topBanner 150527수정
 -----------------------------------------------------------------*/
.topBanner {
	float: right;
	/*width: 221px;*/
	height: 51px;
	margin-top: 22px;
}
.topBanner li {
	float: left;
	display: inline-block;
	height: 50px;
	padding: 0px 15px;
	border-left: 1px solid #d4d8dc;
}
.topBanner li.first {
	padding-left: 0px !important;
	border-left: 0px !important;
}
.topBanner li.last {
	padding-right: 0px !important;
}
/* ----------------------------------------------------------------
 gnb
 -----------------------------------------------------------------*/
#gnb {
	height: 48px;
	border-top: 1px solid #0f83f1;
	border-bottom: 1px solid #0f83f1;
}
/*150527수정*//*150605추가:삼성생명*/
#gnb .gnb_menu li, #gnb .gnb_menu_r li {
	padding-right: 54px;
	float: left;
	display: inline-block;
}
/*150527수정*//*150605추가:삼성생명*/
#gnb .gnb_menu li.last, #gnb .gnb_menu_r li.last {
	padding-right: 0px !important;
}

/*150605추가:삼성생명*/
#gnb .gnb_menu { float:left; }
#gnb .gnb_menu_r {float:right; }

/* ----------------------------------------------------------------
 #footer
 -----------------------------------------------------------------*/
#footer {
	background: #f5f6f7;
	border-top: 1px solid #d4d8dc;
}

/*수정141017*/
.botWrap {
	width: 100%;
	min-width: 1000px;
	margin-top: 60px;
	padding-top: 25px;
	padding-bottom: 40px;
	text-align: center;
	font-size: 12px;
	clear: left;
}
.botUtil {
	text-align: center;
	margin-bottom: 25px;
}
.botUtil a {
	display: inline-block;
	*zoom: 1;
	color: #232833;
	padding: 0 8px;
	background: url('/images/common/bar_n2.png') no-repeat right center;
}
.botUtil a.lastchild {
	background: none;
}

/*수정141017*/
#bottom_cert {
	margin-bottom: 30px;
}

/*수정141017*/
address {
	text-align: center;
	font-style: normal;
	color: #232833;
	line-height: 180%;
	font-family: Dotum, "돋움";
	font-size: 12px !important;
	margin-bottom: 5px;
}
/*수정141017*/
address span {
	padding: 0px 6px;
	/*background: url('/images/common/bar_n.png') no-repeat right 0px;*/
	font-family: Dotum, "돋움";
	line-height: 20px;
}
/*수정141017*/
.copyright {
	text-align: center;
	color: #232833;
	font-family: Montserrat ;
}

/* ----------------------------------------------------------------
 .login_layer
 -----------------------------------------------------------------*/
#login_layer_mask { position:relative; z-index: 10000; background: #fff; display: none; left: 0; top: 0; }
.login_layer { position:relative; /*left: 50%;  top: 250px;  margin-left: -250px;*/ padding-top:250px; padding-bottom:100px; z-index: 10000; display:; }
.login_layer_inner { width: 450px; position: relative; border: 1px solid #232833; background-color: #FFF; }
.login_layer_inner .close { position: absolute; right: 17px; top: 17px; }
.login_layer h2 { background: url(/images/common/login_layer_bg.gif) no-repeat left top #232833; height: 50px; }
.login_layer_con { background: #fff; padding: 40px 65px; }
.login_layer_con h3 { text-align: center; }
.login_layer_con p { text-align: center; margin-top: 12px; }
.login_layer_con .login_layer_form { position: relative; margin-top: 25px; }
.login_layer_con .login_layer_form .btn { position: absolute; top: 0px; right: 0px; }
.login_layer_con .login_layer_form label { display: inline-block; width: 60px; }
.login_layer_con .login_layer_form li { margin-bottom: 4px; }
.login_layer_con .login_layer_form .textform { width: 172px; padding: 6px; font-size: 14px; font-weight: bold; color: #0095da; border: 1px solid #0095da; }
.login_layer_con .login_layer_check { margin-top: 15px; margin-left: 63px; }
.login_layer_con .login_layer_check span { margin-right: 15px; }
/*.login_layer_con .login_layer_check span label { margin-left: 5px; }*/
.login_layer_con .login_layer_link { margin: 40px 0px 15px 0px; padding-top: 16px; border-top: 1px solid #25aae1; text-align: center; }
.login_layer_con .login_layer_link span { margin-right: 10px; display: inline-block; height: 15px; }
.login_layer_con .login_layer_link span.last { margin-right: 0px; }

/* ----------------------------------------------------------------
 .loading_layer
 -----------------------------------------------------------------*/
.loading_layer { text-align:center; margin:20px; }
/* ----------------------------------------------------------------
 .userStatWrap
 -----------------------------------------------------------------*/
/*
.userStatWrap { position:fixed; top:0; right:0; width:112px; height:100% !important; overflow:hidden; z-index:99999 !important; }
.userStat { position:absolute; right:0; width:100px; height:100% !important; background:url('/images/common/userStatBack.png') repeat-y; }
.statBtn { position:absolute; left:-10px; top:414.5px; /*top:50%; }
.userDV { border-bottom:1px solid #2b2b2b; border-top:1px solid #515151; padding:10px 13px; font-size:11px; color:#898989; }
.userDV a,
.userDV span { font-size:inherit; color:inherit; color:#898989; }
.userDV.firstchild { border-top:none; padding:15px 0 10px 15px; }
.userDV.lastchild { border-bottom:none; }
.lastProd { width:72px; margin:10px 0px; }
.proBtn { position:relative; width:100%; height:15px; margin-top:10px; }
.prod li { width:72px; height:72px; overflow:hidden; margin-top:10px; background:#000; }
.prod li img { width:72px; }
.proBtn .pre { position:absolute; left:0; }
.proBtn .nxt { position:absolute; right:0; }
*/
.userStatWrap {	position:fixed; top:0; right:0; width:112px; height:100% !important; overflow:hidden; z-index:99999 !important; }
.userStatWrap.off { right:-100px; }
.userStat { position:absolute; right:0; width:100px; height:100% !important; background:url('/images/common/userStatBack.png') repeat-y; }
.statBtn { position:absolute; left: -10px; top:414.5px; /*top:50%;*/ }
.userDV { border-bottom:1px solid #2b2b2b; border-top:1px solid #515151; padding:10px 13px; font-size:11px; color:#898989; }
.userDV a, .userDV span { font-size:inherit; color:inherit; color:#898989; }
.userDV.firstchild { border-top:none; padding:15px 0 10px 15px; }
.userDV.lastchild { border-bottom:none; }
.lastProd { width:72px; margin:10px 0px; }
.proBtn { position: relative; width:100%; height:15px; margin-top:10px; }
.prod li { width:72px; height:72px; overflow:hidden; margin-top:10px; background: #000; }
.prod li img { width:72px; }
.proBtn .pre { position:absolute; left: 0; }
.proBtn .nxt { position:absolute; right: 0; }

/* ----------------------------------------------------------------
 list_top
 -----------------------------------------------------------------*/
.list_top {
	position: relative;
}
.list_top h3 {
	font-size: 12px;
	background: url(/images/common/bg_h3.png) no-repeat left center;
	padding-left: 9px;
}
.list_top h4 {
	font-size: 12px;
	margin-top: 4px;
	padding-left: 9px;
}
.list_top .btn_more {
	position: absolute;
	top: 0px;
	right: 0px;
}
/* ----------------------------------------------------------------
 list_top2
 -----------------------------------------------------------------*/
.list_top2 {
	position: relative;
	margin-top: 32px;
	min-width: 1084px;
}
.content.faq .list_top2 {
	margin-top: 0px;
	margin-bottom: 20px;
	min-width: 1084px;
}
/* ----------------------------------------------------------------
 list_top3
 -----------------------------------------------------------------*/
.list_top3 {
	position: relative;
	margin-top: 15px;
}
.list_top3 .text_info {
	height: 31px;
	/*line-height: 31px;*/
	min-width: 1084px;
	line-height: 20px;
}
.list_top3 .select_form {
	position: absolute;
	right: 0px;
	top: 4px;
	z-index: 1;
}
/* ----------------------------------------------------------------
 list_top_info
 -----------------------------------------------------------------*/
.list_top_info {
	margin-top: 10px;
	line-height: 20px;
	min-width: 1084px;
}
.list_top_info h4 {
	font-size: 12px;
}
/* ----------------------------------------------------------------
 search_list layer popup
 -----------------------------------------------------------------*/
.pop_direct_down {
	width: 368px;
	text-align: center;
	border: 1px solid #363636;
	background: #fff;
	z-index: 9999;
}
/*150527수정*/
.pop_direct_down2 {
	width: 260px;
}
.pop_direct_down table th {
	padding: 8px 0px;
	background: #f5f6f7;
	border: 1px solid #e5e8ea;
	font-weight: bold;
}
/*150527수정*/
.pop_direct_down table td {
	padding: 8px 3px;
	border-right: 1px solid #e5e8ea;
}
.pop_direct_down table tr.first td {
	padding-top: 8px;
}
.pop_direct_down table tr.last td {
	padding-bottom: 8px;
}
.pop_view_img {
	max-width: 500px;
	max-height: 500px;
	line-height: 500px;
	text-align: center;
	overflow: hidden;
	border: 1px solid #363636;
	background: #fff;
	display: block;
	z-index: 99999 !important;
	position: relative;/*ie8 zindex-*/
}
.pop_view_img img {
	max-width: 500px;
	max-height: 500px;
	background: #fff;
	display: block;
	z-index: 999999 !important;
}
/* ----------------------------------------------------------------
 update_list
 -----------------------------------------------------------------*/
.update_list li {
	padding: 20px;
	border: 1px solid #d4d8dc;
	width: 237px;
	float: left;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}
.update_list li .list_thumb {
	width: 235px;
	height: 235px;
	vertical-align: middle;
	line-height: 235px;
	text-align: center;
	overflow: hidden;
	display: block;
}
.update_list li .list_thumb img {
	max-width: 235px;
	max-height: 235px;
}
.update_list li .update_list_ui {
	margin-top: 10px;
	line-height: 18px;
}
.update_list li .btn_area {
	margin-top: 10px;
}

.pop_view_update { padding:30px; background: #fff; width:580px; height:500px; display:block; overflow-y:scroll; border:1px solid #232833; position: relative; }
.pop_view_update li { float:left; display:inline-blcok; width:115px; height:115px; line-height:113px; margin-right:10px; margin-bottom:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; word-wrap:break; word-break:break-all;}
.pop_view_update li.last { margin-right:0px; }
.pop_view_update li img { max-width:113px; max-height:113px; overflow: hidden; }
.pop_view_update .btn_all_view { position: absolute; top: 22px; right: 37px; }
.pop_view_update2 li { float: left; display: inline-blcok; width: 115px; height: 115px; margin-right: 10px; margin-bottom: 10px; }
.pop_mypage{ background: #fff; width: 300px; padding: 15px; border: 1px solid #232833; text-align : left; }
.pop_mypage th{ padding: 5px 0px; vertical-align: top; font-weight: bold; background: url(/images/common/bar_n2.png) no-repeat right 5px; }
.pop_mypage td { padding: 5px 8px; }
/*


.pop_view_update {
	padding: 30px;
	background: #fff;
	width: 517px;
	height: 500px;
	display: block;
	overflow-y: auto;
	border: 1px solid #232833;
	position: relative;
}
.pop_view_update li {
	float: left;
	display: inline-blcok;
	width: 115px;
	height: 115px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.pop_view_update li.last {
	margin-right: 0px;
}
.pop_view_update li img {
	max-width: 115px;
	height: 115px;
	overflow: hidden;
}
.pop_view_update .btn_all_view {
	position: absolute;
	top: 22px;
	right: 37px;
}
.pop_view_update2 li {
	float: left;
	display: inline-blcok;
	width: 115px;
	height: 115px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.pop_mypage{
	background: #fff;
	width: 300px;
	padding: 15px;
	border: 1px solid #232833;
	text-align : left;
}
.pop_mypage th{
	padding: 5px 0px;
	vertical-align: top;
	font-weight: bold;
	background: url(/images/common/bar_n2.png) no-repeat right 5px;

}
.pop_mypage td{
	padding: 5px 8px;
}
*/
/*-------------------------------------------------------------
 appTab
 -----------------------------------------------------------------*/
.appTab {
	overflow: hidden;
	width: 100%;
	background: url(/images/common/bg_tab.gif) repeat-x 0 100%;
}
.appTab li {
	float: left;
	margin-right: -1px;
	width: 123px;
}
.appTab a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 39px;
	line-height: 39px;
	margin-bottom: 1px;
	border: 1px solid #d4d8dc;
	border-top: 1px solid #d4d8dc;
	border-bottom: 0 none;
	background: #f5f6f7;
	color: #232833;
	text-align: center;
}
.appTab a:hover {
	/*text-decoration: none;
	 font-weight: bold;*/
	height: 40px;
	margin-bottom: 0;
	border-color: #d4d8dc;
	background: #fff;
	color: #d52027;
	border-top: 1px solid #d4d8dc;
	font-weight: bold;
}
.appTab .on_tab {
	position: relative;
}
.appTab .on_tab a {
	height: 40px;
	margin-bottom: 0;
	background: #fff;
	color: #d52027;
	border-top: 1px solid #d4d8dc;
	font-weight: bold;
}
.appTab .on_tab a:after {
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	bottom: -3px;
	left: 0;
	border-top: 2px solid #fff;
	content: ''
}
/* ----------------------------------------------------------------
 appTab2 최신순,인기순,다운로드순
 -----------------------------------------------------------------*/
.appTab2 {
	overflow: hidden;
	width: 100%;
}

.appTab2:before, .appTab2:after {
	content: "";
	display: table;
}
.appTab2:after {
	clear: both;
}
.appTab2 {
	zoom: 1;
}
.appTab2 li {
	float: left;
	display: inline-block;
	width: 100px;
	margin-right: -1px;
}
.appTab2 a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 29px;
	line-height: 29px;
	border: 1px solid #d4d8dc;
	background: #f5f6f7;
	color: #232833;
	text-align: center;
}
.appTab2 a:hover {
	position: relative;
	height: 29px;
	line-height: 29px;
	background: #fff;
	color: #d52027;
	border: 1px solid #d52027;
	font-weight: bold;
}
.appTab2 .on_tab {
	position: relative;
}
.appTab2 .on_tab a {
	height: 29px;
	line-height: 29px;
	background: #fff;
	color: #d52027;
	border: 1px solid #d52027;
	font-weight: bold;
}
/* ----------------------------------------------------------------
 appTab3 blue tab
 -----------------------------------------------------------------*/
.appTab3 {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #25aae1;
}
.appTab3 li {
	float: left;
	margin-right: -1px;
	width: 123px;
}
.appTab3 a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 37px;
	line-height: 37px;
	border: 1px solid #d4d8dc;
	border-bottom: 0px;
	background: #f5f6f7;
	color: #232833;
	text-align: center;
}
.appTab3 a:hover {
	text-decoration: none;
	font-weight: bold;
}
.appTab3 .on_tab {
	position: relative;
}
.appTab3 .on_tab a {
	height: 37px;
	margin-bottom: 0;
	border-color: #25aae1;
	background: #25aae1;
	color: #fff;
	border-top: 1px solid #25aae1;
	font-weight: bold;
}
.appTab3 li:hover a {
	height: 37px;
	margin-bottom: 0;
	border-color: #25aae1;
	background: #25aae1;
	color: #fff;
	border-top: 1px solid #25aae1;
	font-weight: bold;
}
/* ----------------------------------------------------------------
 paginate_complex paging
 -----------------------------------------------------------------*/
.paginate_wrap {
	position: relative;
	margin: 0 auto;
}

.paginate_complex {
	line-height: normal;
	position: relative;
	text-align: center;
	margin: 0 auto;
	padding-top: 3px;
	width: 700px;
}
.paging_box {
	margin-left: -130px !important;
}
.paging_box a, .paging_box strong {
	display: inline-block;
	position: relative;
	z-index: 2;
	margin: 0 -3px;
	padding: 1px 13px;
	border-left: 1px solid #d4d8dc;
	border-right: 1px solid #d4d8dc;
	background-color: #fff;
	font: bold 12px/16px;
	text-decoration: none;
	vertical-align: middle;
}
.paging_box .direction {
	border: 0;
	font-weight: normal;
	text-decoration: none !important;
	z-index: 1
}
.paging_box .direction:hover, .paging_box .direction:active, .paging_box .direction:focus {
	background-color: #fff;
}
.paging_box .prev {
	border-left: 0
}
.paging_box .next {
	border-right: 0;
	padding-right: 5px;
}
.paging_box .next strong {
	border: 0px;
	padding: 1px 4px;
}
.moving_button {
	position: absolute;
	right: 65px;
	top: 0px;
}
.moving_button input[type="text"]{
	width: 40px;
}
.moving_button a {
	border: 0px;
}
.paging_button {
	position: absolute;
	right: 0px;
	top: 0px;
}
.fg_button {
	margin-top: 20px;
}
/* ----------------------------------------------------------------
 fgSearch
 -----------------------------------------------------------------*/

.fgSearch {
	margin: 0 auto;
	width: 400px;
	margin-top: 35px;
}
.s600 {
	margin: 0 auto;
	width: 544px;
}
.fgSearch .form01 {
	float: left;
	display: inline-block;
	margin: 0px 5px;
	width: 200px;
}
.fgSearch .srchBtn {
	float: left;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: 0px;
	*overflow: hidden;
}
.fgSearch .easy-select-box {
	float: left;
	display: inline-block;
	width: 90px;
}

/* ----------------------------------------------------------------
 fileUpload
 -----------------------------------------------------------------*/

.fileUpload {
	display: inline-block;
	float: left;
	position: relative;
	width: 100%;
}
.fileUpload .textInfo input.text {
	height: 23px;
	padding: 0 6px;
	border: 1px solid #919399;
	cursor: pointer;
	width: 90%;
	font-size: 11px;
	color: #919399;
	line-height: 23px;
}
.fileUpload .upload-btn {
	overflow: hidden;
	position: relative;
	right: 0;
	top: 0;
	width: 70px;
	height: 25px;
}
.fileUpload .upload-btn input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	/* font-size: 200px; */
	direction: ltr;
	cursor: pointer;
}
.fileUpload .upload-btn a {
	width: 70px;
	height: 25px;
}
.fileDiv .fileUpload {
	display: inline-block;
	float: left;
	position: relative;
	width: 275px;
	padding-right: 15px;
}
.fileDiv .textInfo input.text {
	height: 23px;
	padding: 0 6px;
	border: 1px solid #919399;
	cursor: pointer;
	width: 200px;
	font-size: 11px;
	color: #919399;
	line-height: 23px;
}

.fileDiv .upload-btn {
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 0;
	width: 70px;
	height: 25px;
}
.fileDiv .upload-btn input.file {
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}
.fileDiv .upload-btn a {
	width: 70px;
	height: 25px;
}
.fileDiv .thumbText {
	display: inline-block;
	float: left;
	margin-left: 10px;
}
.fileDiv .thumbText {
	line-height: 25px;
	height: 25px;
	vertical-align: middle;
	min-width: 5%;
	padding-left: 0px;
}
.fileDiv .thumbText input {
	width: 200px;
}
.fileDiv .thumbText .fileDataView {
	line-height: 25px;
	height: 25px;
	vertical-align: middle;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	font-size: 11px;
	border: 0px;
	overflow: hidden;
	border: 0px;
	color: #919399 !important;
}
/* ----------------------------------------------------------------
 arrkey
 -----------------------------------------------------------------*/
.arrkey { position:fixed; top:393px; right:20px; z-index:8888; display:none; }
.arrkey.on { right:120px; }
.arrkey a { display:block; margin-bottom:5px; }

/* ----------------------------------------------------------------
 layer popup layout
 -----------------------------------------------------------------*/
.pop_wrap {
	width: 500px;
	border: 1px solid #232833;
	line-height: 20px;
	position: relative;
	background: #fff;
	overflow: hidden;
}
.pop_inner {
	width: 420px;
	padding: 40px;
}
.pop_wrap.cash {
	width: 600px;
}
.pop_wrap.cash .pop_inner {
	width: 520px;
}
.pop_wrap.cash .pop_inner .pop_cash_box ul li{
	margin-bottom: 5px;
}
.pop_wrap.cash .pop_inner .pop_cash_box .easy-select-box li{
	margin-bottom: 0px;
}
.pop_wrap.email {
	width: 450px;
}
.pop_wrap.email .pop_inner {
	width: 370px;
}
.pop_wrap.pw {
	width: 430px;
}
.pop_wrap.pw .pop_inner {
	width: 380px;
	padding: 25px;
}
.pop_wrap.address {
	width: 480px;
}
.pop_wrap.address .sbToggle {
	text-align: left;
}
.pop_wrap.address .pop_inner {
	width: 440px;
	padding: 25px 20px;
}
.pop_wrap.pay_info {
	width: 750px;
}
.pop_wrap.pay_info .pop_inner {
	width: 670px;
	padding: 40px;
	text-align: left !important;
}
.pop_wrap.pay_info .pop_inner p {
	line-height: 24px;
}
.pop_wrap.account {
	width: 620px;
	border: 0px;
}
.pop_wrap.account .pop_inner {
	padding: 20px;
	width: 560px;
	margin: 10px;
	border: 2px solid #1426B7;
}
.pop_wrap.account .pop_inner .pop_head {
	position: relative;
	height: 60px;
	border-bottom: 2px solid #BBBFE7;
}
.pop_wrap.account .pop_inner .pop_head .logo {
	position: absolute;
	left: 0px;
	top: 15px;
}
.pop_wrap.account .pop_inner .pop_head .od_num {
	position: absolute;
	right: 0px;
	top: 20px;
	line-height: 16px;
}
.pop_wrap.account .pop_inner .pop_mid {
	margin-top: 10px;
}
.pop_wrap.account .pop_inner .pop_mid .fl {
	width: 45%;
	text-align: left;
}
.pop_wrap.account .pop_inner .pop_mid .fr {
	width: 55%;
	font-size: 11px;
	position: relative;
}
.pop_wrap.account .pop_inner .pop_mid .fr .stamp{
	position: absolute;
	top: 0px;
	right: -18px;
}
.pop_wrap.account .pop_inner .pop_mid .fr th {
	font-weight: bold;
	color: #283B7E;
}
.pop_wrap.account .pop_inner .pop_mid .fr th, .pop_wrap.account .pop_inner .pop_mid .fr td {
	border: 1px solid #9492C1;
	line-height: 14px;
	padding: 7px 2px;
}
.pop_wrap.account .pop_inner .pop_bot {
	text-align: center;
	margin-top: 15px;
}
.pop_wrap.account .pop_inner .pop_bot th{
	font-weight: bold;
	padding: 3px 5px;
	border-top: 1px solid #9492C1;
	border-bottom: 1px solid #9492C1;
	background: url(/images/common/pop_account_line.gif) no-repeat right top;
}
.pop_wrap.account .pop_inner .pop_bot th.last{
	background: none;
}
.pop_wrap.account .pop_inner .pop_bot td{
	border-bottom: 1px dotted #d4d8dc;
	height: 20px;
	padding: 5px;
}
.pop_wrap.account .pop_inner .pop_info{
	border: 1px solid #d4d8dc;
	padding: 3px 10px;
	margin-top: 30px;
	background: url(/images/common/th_bg2.gif) repeat;
}
.pop_wrap.account .pop_inner .pop_info th,.pop_wrap.account .pop_inner .pop_info td{
	padding: 2px;
	font-size: 11px;
}
.pop_wrap.service_contract .bullet_blue_circle{
	margin-top: 20px !important;
}
.pop_wrap.service_contract .bullet_blue_circle.first{
	margin-top: 0px !important;
}
.pop_wrap .close {
	position: absolute;
	top: 0px;
	right: 0px;
}
.pop_wrap .close2 {
	position: absolute;
	bottom: 10px;
	right: 15px;
}
.pop_wrap h2 {
	margin-bottom: 25px;
}
.pop_wrap h3 {
	text-align: center;
	margin-bottom: 25px;
}
.pop_wrap h4.bullet_blue_circle {
	font-size: 14px;
	margin-bottom: 12px;
	margin-top: 0px !important;
}
.pop_wrap h4.blue_line {
	font-size: 14px;
	border-bottom: 1px solid #25aae1;
	padding-bottom: 12px;
}
.pop_wrap h4.blue_line.bullet_blue_circle {
	background: url(/images/common/bullet_blue_circle.gif) no-repeat left 6px !important;
}
.pop_wrap .check_agree {
	text-align: center;
	margin-top: 15px;
}
.pop_wrap .check_agree_text {
	position: absolute;
	left: 0px;
	top: 9px;
}
.pop_wrap .check_agree_text label {
	margin-left: 5px;
}
.pop_wrap .btn_area {
	text-align: center;
	margin-top: 30px;
}
.pop_wrap .btn_area label {
	margin-left: 5px;
}
.pop_wrap .btn_area2 {
	text-align: right;
	position: relative;
}
.pop_wrap .btn_area span, .pop_wrap .btn_area2 span {
	margin: 0px 1px;
}
.pop_wrap .pop_top {
	margin-bottom: 20px;
}
.pop_wrap .pop_top li {
	border-bottom: 1px solid #e5e8ea;
	padding: 18px 0px;
	position: relative;
}
.pop_wrap .pop_top li.first {
	padding-top: 0px;
}
.pop_wrap .btn_charge {
	position: absolute;
	top: 8px;
	right: 0px;
}
.pop_wrap .pop_text14 {
	font-size: 14px;
	text-align: center;
}
.pop_wrap .pop_textp p {
	text-align: left;
	margin-bottom: 25px;
}

.pop_wrap .pop_text_scroll {
	width: 400px;
	padding: 20px;
	height: 130px;
	overflow-y: auto;
	border: 1px solid #d4d8dc;
}
.pop_wrap .close_area {
	background: #232833;
	position: relative;
	bottom: 0px;
	left: 0px;
	width: 100%;
	color: #fff;
	text-align: left;
	padding: 7px 0px 9px 0px;
	height: 15px;
}
.pop_wrap .close_area .close_text {
	padding-left: 15px;
}

.pop_wrap2 {
	width: 820px;
	border: 0px;
	padding: 40px;
	position: relative;
	background: #fff;
	line-height: 20px;
}
.pop_wrap2 .close {
	position: absolute;
	top: 0px;
	right: 0px;
}
.pop_wrap2 h2 {
	margin-bottom: 20px;
	margin-top: 40px;
}
.pop_wrap2 h2.first {
	margin-top: 0px;
}
.pop_wrap460 {
	width: 460px;
}
.pop_wrap460 .pop_inner {
	padding: 30px;
	width: 400px;
}
.pop_wrap460 .bg_pt_box {
	padding: 15px 20px;
	background: url(/images/common/th_bg2.gif) repeat;
}

/* ----------------------------------------------------------------
 .pop_wrap.address
 -----------------------------------------------------------------*/
.pop_wrap.address .find01, .pop_wrap.address .find02 {
	text-align: center;
}
.pop_wrap.address .find02 .easy-select-box {
	text-align: left;
}
.pop_wrap.address .find01 p, .pop_wrap.address .find02 p {
	margin-top: 20px;
}
.pop_wrap.address .list_page {
	margin-top: 30px;
}
/* ----------------------------------------------------------------
 popTab
 -----------------------------------------------------------------*/
.pop_wrap .popTab {
	overflow: hidden;
	width: 100%;
	/*background: url(/images/common/bg_tab.gif) repeat-x 0 100%;*/
}
.pop_wrap .popTab li {
	float: left;
	margin-right: -1px;
	*margin-right: 0px;
	width: 219px;
}
.pop_wrap .popTab a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 1px solid #d4d8dc;
	background: #f5f6f7;
	color: #232833;
	text-align: center;

}
.pop_wrap .popTab a:hover {
	/*text-decoration: none;
	 font-weight: bold;*/
	height: 40px;
	margin-bottom: 0;
	border-color: #d4d8dc;
	background: #fff;
	border-top: 1px solid #d4d8dc;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}
.pop_wrap .popTab .on_tab {
	position: relative;
}
.pop_wrap .popTab .on_tab a {
	height: 40px;
	border-bottom: 0px !important;
	border-color: #d4d8dc;
	background: #fff;
	border-top: 1px solid #d4d8dc;
	font-weight: bold;
}
.pop_wrap .popTab .on_tab a:after {
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	bottom: -3px;
	left: 0;
	border-top: 2px solid #fff;
	content: ''
}
/* ----------------------------------------------------------------
 paginate_wrap
 -----------------------------------------------------------------*/
.pop_wrap .paginate_wrap {
	width: auto !important;
	margin: 20px auto;
	margin-left: -10px;
}
.pop_wrap .paginate_complex {
	width: auto !important;
}
.pop_wrap .paging_box {
	margin: 0px !important;
}
/* ----------------------------------------------------------------
 pop_service 150519수정
 -----------------------------------------------------------------*/

.pop_service {
	width: 500px;
	background: #e9f6fc;
	line-height: 20px;
}
.pop_service .pop_inner {
	padding: 40px;
	width: 420px;
}
.pop_service h2 {
	margin-bottom: 15px;
}
.pop_service .input_box, .pop_service .input_box2 {
	margin-top: 20px;
}
.pop_service .input_box li span, .pop_service .input_box2 li span{
	padding: 6px 12px 4px 12px;
	border: 3px solid #232833;
	background: #fff;
	margin-bottom: 10px;
}

.pop_service .input_box li label, .pop_service .input_box2 li label {
	font-weight: bold;
	font-size: 14px;
	display: inline-block;
	width: 100px;
}
.pop_service .input_box li input[type="text"] {
	padding: 5px;
	background: none;
	border: 0px;
	font-weight: bold;
	font-size: 14px;
	width: 95%;
}
.pop_service .input_box2 li input[type="text"] {
	padding: 5px;
	background: none;
	border: 0px;
	color: #25aae1;
	font-weight: bold;
	font-size: 14px;
	width: 95%;
}

.pop_service .input_box textarea,.pop_service .input_box2 textarea {
	margin-top: 5px;
	padding: 5px;
	background: #fff;
	border: 0px;
	width: 93%;
	height: 70px;
	padding: 6px 12px 4px 12px;
	border: 3px solid #232833;
}
.pop_service .check_box {
	padding: 7px 0px 14px 0px;
	border-bottom: 1px solid #232833;
}
.pop_service .btn_area {
	text-align: center;
	margin-top: 20px;
}

.img box a {display:inline-block; }
.img_box a img { max-width:100%; max-height:100%;  }
.img_box a img:after { content:''; display:block; }



/* Common Layout */
.cont {
	position: relative;
	width: 1000px;
	min-width: 1000px;
	/*height: inherit;*/
	margin: 0 auto;
}

#footer .copyCom {
	line-height: 24px;
}

#footer .copyCom * {
	font-size: 12px;
	font-weight: 400;
}

#footer .copyCom span {
	margin-left: 5px;
}

#footer .copyCom span:first-child {
	margin-left: 0px;
}

#footer .copyLogo li {
	height: 34px;
	line-height: 34px;
}

#footer .copyLogo li img {
	display: block;
	vertical-align: middle;
}


