@charset "UTF-8";


/* 2019-11-29 추가 : S */
@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 900;
	src: local('Noto Sans KR Black'),
	local('NotoSansKR-Black'),
	url('../../font/NotoSansKR-Black.woff') format('woff2'),
	url('../../font/NotoSansKR-Black.woff') format('woff'),
	url('../../font/NotoSansKR-Black.otf') format('opentype'),
	url('../../font/NotoSansKR-Black.ttf') format('truetype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 700;
	src: local('Noto Sans KR Bold'),
	local('NotoSansKR-Bold'),
	url('../../font/NotoSansKR-Bold.woff') format('woff2'),
	url('../../font/NotoSansKR-Bold.woff') format('woff'),
	url('../../font/NotoSansKR-Bold.otf') format('opentype'),
	url('../../font/NotoSansKR-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 500;
	src: local('Noto Sans KR Medium'),
	local('NotoSansKR-Medium'),
	url('../../font/NotoSansKR-Medium.woff') format('woff2'),
	url('../../font/NotoSansKR-Medium.woff') format('woff'),
	url('../../font/NotoSansKR-Medium.otf') format('opentype'),
	url('../../font/NotoSansKR-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 400;
	src: local('Noto Sans KR Regular'),
	local('NotoSansKR-Regular'),
	url('../../font/NotoSansKR-Regular.woff') format('woff2'),
	url('../../font/NotoSansKR-Regular.woff') format('woff'),
	url('../../font/NotoSansKR-Regular.otf') format('opentype'),
	url('../../font/NotoSansKR-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 350;
	src: local('Noto Sans KR DemiLight'),
	local('NotoSansKR-DemiLight'),
	url('../../font/NotoSansKR-DemiLight.woff') format('woff2'),
	url('../../font/NotoSansKR-DemiLight.woff') format('woff'),
	url('../../font/NotoSansKR-DemiLight.otf') format('opentype'),
	url('../../font/NotoSansKR-DemiLight.ttf') format('truetype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 300;
	src: local('Noto Sans KR Light'),
	local('NotoSansKR-Light'),
	url('../../font/NotoSansKR-Light.woff') format('woff2'),
	url('../../font/NotoSansKR-Light.woff') format('woff'),
	url('../../font/NotoSansKR-Light.otf') format('opentype'),
	url('../../font/NotoSansKR-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 100;
	src: local('Noto Sans KR Thin'),
	local('NotoSansKR-Thin'),
	url('../../font/NotoSansKR-Thin.woff') format('woff2'),
	url('../../font/NotoSansKR-Thin.woff') format('woff'),
	url('../../font/NotoSansKR-Thin.otf') format('opentype'),
	url('../../font/NotoSansKR-Thin.ttf') format('truetype');
}
/* 2019-11-29 추가 : E */

/* 2020-08-20 추가 : S */
@font-face {
	font-family: 'HyundaiDept';
	src: url('https://www.ehyundai.com/font/HyundaiDeptB.eot#iefix') format('embedded-opentype'),
	url('https://www.ehyundai.com/font/HyundaiDeptB.woff') format('woff');
	font-weight: 700;
}

@font-face {
	font-family: 'HyundaiDept';
	src: url('https://www.ehyundai.com/font/HyundaiDeptR.eot#iefix') format('embedded-opentype'),
	url('https://www.ehyundai.com/font/HyundaiDeptR.woff') format('woff');
	font-weight: 300;
}
/* 2020-08-20 추가 : E */


/* 2022-03-04 수정 : S */
@font-face {
	font-family: 'HappinessSans';
	src: 
	url('https://www.ehyundai.com/font/Happiness-Sans-Regualr23.woff2') format('woff2'),
	url('https://www.ehyundai.com/font/Happiness-Sans-Regualr23.woff') format('woff'),
	url('https://www.ehyundai.com/font/NHappiness-Sans-Regualr23.otf') format('opentype');
	font-weight: 400;
}
@font-face {
    font-family: "Happiness-Sans";
    font-weight: 400;
    src: local("Happiness-Sans-Regular"), local("Happiness-Sans-Regular"),
        url("../../font/Happiness-Sans-Regular.woff") format("woff2"),
        url("../../font/Happiness-Sans-Regular.woff") format("woff"),
        url("../../font/Happiness-Sans-Regular.otf") format("opentype"),
        url("../../font/Happiness-Sans-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Happiness-Sans";
    font-weight: 700;
    src: local("Happiness-Sans-bold"), local("Happiness-Sans-bold"),
        url("../../font/Happiness-Sans-Bold.woff") format("woff2"),
        url("../../font/Happiness-Sans-Bold.woff") format("woff"),
        url("../../font/Happiness-Sans-Bold.otf") format("opentype"),
        url("../../font/Happiness-Sans-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Happiness-Sans-Title";
    font-weight: 700;
    src: local("Happiness-Sans-Title"), local("Happiness-Sans-Title"),
        url("../../font/Happiness-Sans-Title.woff") format("woff2"),
        url("../../font/Happiness-Sans-Title.woff") format("woff"),
        url("../../font/Happiness-Sans-Title.otf") format("opentype"),
        url("../../font/Happiness-Sans-Title.ttf") format("truetype");
}
/* 2022-03-04 수정 : E */

/* standard css start */

html {margin:0; padding:0; overflow-y:scroll;}

body {margin:0; padding:0;}

ul, li, ol {list-style:none;}

img, fieldset {border:none;}

img {padding:0; margin:0;}

div {padding:0; margin:0;}

dl {padding:0; margin:0;}

dt {padding:0; margin:0;}

dd {padding:0; margin:0;}

ul {padding:0; margin:0;}

ol {padding:0; margin:0;}

li {padding:0; margin:0;}

h1 {padding:0; margin:0;}

h2 {padding:0; margin:0;}

h3 {padding:0; margin:0;}

h4 {padding:0; margin:0;}

h5 {padding:0; margin:0;}

h6 {padding:0; margin:0;}

pre {padding:0; margin:0;}

form {padding:0; margin:0;}

fieldset {padding:0; margin:0;}

input {padding:0; margin:0;}

textarea {padding:0; margin:0;}

select {padding:0; margin:0;}

label {padding:0; margin:0;}

p {padding:0; margin:0;}

blockquote {padding:0; margin:0;}

table {margin:0; padding:0; width:100%; border-collapse:collapse;}

th {margin:0; padding:0;}

td {margin:0; padding:0;}

address {font-style:normal; font-weight:normal;}

caption {font-style:normal;}

th {font-style:normal;}

h1, h2, h3, h4, h5, h6 {font-size:100%;}

em {font-style:normal;}

article, aside, footer, header, hgroup, nav, section, menu {display:block; padding:0; margin:0;}

abbr, acronym, applet, audio, big, canvas, cite, dfn,

code, samp, kbd, var, datalist, details, keygen, small,

source, strike, sub, sup, tt {margin:0; padding:0;}

input, button, select, textarea {vertical-align:middle;}

label {vertical-align:middle; cursor:pointer; display:inline-block;}

img {vertical-align:top;}



/* font, line-height */
/* 2022-03-04 수정 : S */
html, body {

	width:100%;

	height:100%;

	line-height:18px;

	font-family:"Happiness-Sans","돋움", Dotum, Helvetica, Arial, Sans-serif;

	font-size:13px;

	color:#666;

}
/* 2022-03-04 수정 : E */

input, textarea, select, button {font-family:"Happiness-Sans","돋움", Dotum, Helvetica, Arial, Sans-serif; font-size:12px; color:#666;}/* 2022-03-04 수정 */

/*::-moz-selection {background:#000; color:#fff;}

::selection {background:#000; color:#fff;}*/



/* link */

a {text-decoration:none; color:#666;}

a:link {text-decoration:none;}

a:visited {text-decoration:none;}

a:active {text-decoration:none;}

a:hover {text-decoration:underline;}

a:focus {text-decoration:underline;}



/* common */

.hidden {position:absolute; left:0; top:0; width:1px; height:1px; padding:0; margin:0; font-size:0; line-height:0; overflow:hidden; clip:rect(0 0 0 0)} /* 2018-09-12 변경 */

legend {position:absolute; left:-5000px; top:0; width:1px; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}

button {border:none; margin:0; padding:0; cursor:pointer; background:none; display:inline-block; text-indent:-5000%; font-size:0; line-height:0;}

button:active {margin:0;}

/* 2017-09-25 수정 : S */
caption {width:1px; height:0; font-size:0; line-height:0; overflow:hidden;}
/* 2017-09-25 수정 : E */

caption p {padding:0 !important; margin:0 !important;}

.fix:after {content:"."; display:block; height:0; overflow:hidden; clear:both; visibility:hidden;}

*+ html .fix {display:inline-block;}



/* common - float, align, .. */

.fl {float:left;}

.fr {float:right;}

.vm {vertical-align:middle;}

.vt {vertical-align:top;}

.al {text-align:left;}

.ac {text-align:center;}

.ar {text-align:right;}

.br {display:block;}



/* common - font */

.b {font-weight:bold !important;}

.u {text-decoration:underline !important;}

.thin {font-weight:normal !important;}



.small {font-size:11px !important;}

.big0 {font-size:12px !important;}

.big01 {font-size:14px !important;}

.big02 {font-size:16px !important; line-height:20px;}

.big03 {font-size:18px !important; line-height:22px;}

.big04 {font-size:20px !important; line-height:24px;}

.big05 {font-size:22px !important; line-height:26px;}

.big06 {font-size:24px !important; line-height:28px;}



.color01 {color:#333 !important;}

.color02 {color:#dd4c4c !important;}

.color03 {color:#417b9c !important;}

.color04 {color:#767676 !important;}

.color05 {color:#657492 !important;}

.color06 {color:#033574 !important;}

.color07 {color:#195c8f !important;}

.color08 {color:#5d6c89 !important;}

.color09 {color:#3d567e !important;}

.color10 {color:#666 !important;}

.color11 {color:#b42222 !important;}

.color12 {color:#127e77 !important;}

.color13 {color:#000 !important;}

.color14 {color:#2f7662 !important; } /* 2019-08-29 추가 */



/* common - margin */

.tspace0 {margin-top:0 !important;}

.tspace01 {margin-top:5px !important;}

.tspace02 {margin-top:18px !important;}

.tspace03 {margin-top:15px !important;}

.tspace04 {margin-top:20px !important;}

.tspace05 {margin-top:25px !important;}

.tspace06 {margin-top:30px !important;}

.tspace07 {margin-top:35px !important;}

.tspace08 {margin-top:40px !important;}

.tspace09 {margin-top:45px !important;}

.tspace10 {margin-top:50px !important;}

.tspace11 {margin-top:55px !important;}

.tspace12 {margin-top:60px !important;}



.bspace0 {margin-bottom:0 !important;}


.bspace01 {margin-bottom:5px !important;}

.bspace02 {margin-bottom:10px !important;}

.bspace03 {margin-bottom:15px !important;}

.bspace04 {margin-bottom:20px !important;}

.bspace05 {margin-bottom:25px !important;}

.bspace06 {margin-bottom:30px !important;}

.bspace07 {margin-bottom:35px !important;}

.bspace08 {margin-bottom:40px !important;}

.bspace09 {margin-bottom:45px !important;}

.bspace10 {margin-bottom:50px !important;}

.bspace11 {margin-bottom:80px !important;}



.lspace0 {margin-left:0 !important;}

.lspace_nbsp {margin-left:4px !important;}



.rspace0 {margin-right:0 !important;}

.rspace01 {margin-right:5px !important;}

.rspace02 {margin-right:10px !important;}

.rspace03 {margin-right:15px !important;}

.rspace04 {margin-right:20px !important;}

.rspace05 {margin-right:25px !important;}

.rspace06 {margin-right:30px !important;}



.lispace01 li {margin-top:0 !important; margin-bottom:0 !important;}

.lispace02 li {margin-top:3px !important; margin-bottom:3px !important;}

.lispace03 li {margin-top:6px !important; margin-bottom:6px !important;}



/* common - padding */

.pad0 {padding:0 !important;}

.tpad0 {padding-top:0 !important;}

.bpad0 {padding-bottom:0 !important;}



/* common - line */

.no_line {border:0 !important;}

.no_tline {border-top:0 !important;}

.no_bline {border-bottom:0 !important;}

.no_Lline {border-left:0 !important;} /* 2014-06-05 added*/

.no_Rline {border-right:0 !important;} /* 2014-06-05 added*/

.t_line {border-top:1px solid #ccc; padding-top:15px;}/* 2013-12-30 added */



/* common - width */

.w552 {width:552px !important;}





/* form - input & label */

input.radio {width:14px; height:14px; margin:0 2px 2px 1px;}

input.checkbox {width:14px; height:14px; margin:0 2px 2px 1px;}

.input_checkwrap.error {padding-bottom:3px; border-bottom:2px solid #de4c4d; color:#dd4b4b; font-weight:bold;}

*+ html .input_checkwrap.error {display:inline-block; padding:2px 0 0 0; vertical-align:middle;}

input.text {min-height:18px; padding:4px 5px; border:1px solid #ccc; line-height:18px;}

input.text.error {border:2px solid #de4c4d;}

textarea.textarea {border:1px solid #ccc; resize:none; padding:4px 5px;}

label.labeltype_pw {padding:5px 6px; color:#ccc;}



/* form - textarea .textarea_type1 width 값 수정 박영후 */
.textarea_type1 {border:1px solid #e0e0e0; background-color:#f1f1f1; padding:10px; resize:none; width:656px;}

.textarea_type1.w590 {width:590px;}

.textarea_type2 {border:1px solid #cccccc; padding:10px; resize:none; margin:4px 0; width:630px;}

.textarea_type2.w620 {width:620px;}

.textarea_type2.w455 {width:455px;}



/* form - func_option */

.func_option {position:relative; display:inline-block; vertical-align:middle; background:#fff; border:1px solid #ccc; text-align:left;}

*+ html .func_option {display:inline; zoom:1; margin-right:3px !important;}

.func_option .selected {cursor:pointer; display:block; min-height:18px; padding:4px 25px 4px 10px; white-space:nowrap; overflow:hidden; text-overflow:crop;}

.func_option .selected img {vertical-align:top; margin:2px 0;}

.func_option button {position:absolute; right:0; top:0; width:25px; height:100%; background:#fff url(../../images/webhome/bul_btn_dropdown.png) no-repeat 50% 50%; font-size:0; line-height:0; text-indent:5000px;}

.func_option .options {position:absolute; left:0; min-width:100%; padding:2px 0 4px 0; background:#fff; border:1px solid #ccc; margin-left:-1px;}

.func_option .options.hidden {display:none;overflow:hidden !important;} /* 2019-웹접근성-001 변경 */

.func_option .options.long {height:159px; overflow:auto; overflow-x:hidden;}

.func_option .options li {position:relative; cursor:pointer; line-height:16px;}

.func_option .options li input {visibility:hidden; position:absolute; left:-500px;}

.func_option .options li label {display:block; padding:2px 10px; white-space:nowrap;}

*+ html .func_option .options li label {white-space:normal; }

.func_option .options li label img {vertical-align:middle; margin:1px 0;}

.func_option.error {border:2px solid #de4c4d;}

.func_option .selectbox {width:100%;min-height:26px;padding:4px 10px 4px 10px;border:0;background:url(../../images/webhome/bul_btn_dropdown.png) right 10px top 50% no-repeat;font-family: 'Happiness-Sans','맑은 고딕', 'Malgun Gothic', '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim, sans-serif;-webkit-appearance: none;-moz-appearance: none;appearance: none;} /* 2022-03-04 수정 */



/* form - func_file */

.func_file .fileName {display:inline-block; width:125px; height:18px; overflow:hidden; padding:4px 5px; border:1px solid #ccc; line-height:18px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

*+ html .func_file .fileName {margin-right:3px;}

.func_file .btn_file {display:inline-block; width:75px; height:26px; overflow:hidden; border:1px solid #ccc; background:#ccc url(../../images/webhome/txt_file.png) no-repeat 14px 7px; vertical-align:middle; text-align:center;}

.func_file .btn_file.on {border-color:#333;}

.func_file .btn_file input[type="file"] {cursor:pointer; width:75px; height:26px; border:0; background:none; overflow:hidden; opacity:0;}





/* temp */

.temparea {padding:40px 0; background:#3c3c3c; color:#fff; text-align:center; font-size:11px;}





/* layout */

.wrapper {width:100%; min-width:1024px; min-height:100%; margin-bottom:-156px;}

.container {width:984px; margin:0 auto; padding-bottom: 80px;}

.container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.container .content {float:right; width:764px; min-height:380px; margin-top:52px; /*word-break:keep-all; word-wrap:break-word;*/}

.container .gotop {display:none; position:relative; clear:both; width:100%;}

.container .gotop a {position:fixed; bottom:170px; margin-left:999px;}



/* layout - skip */

.skip a {display:block; height:1px; left:0; line-height:0; margin-top:-1px; overflow:hidden; position:absolute; top:0;}

.skip a:hover, .skip a:focus, .skip a:active {background:none repeat scroll 0 0 #3376AD; color:#FFFFFF; font-size:14px; font-weight:bold; padding:20px 0; text-align:center; width:100%; z-index:100;}



/* layout - header */

.header {width:100%; min-width:1024px;}

.header .wrap_header {width:100%; position:relative; left:0; z-index:50;}

.header h1 {width:984px; height:0; position:relative; z-index:2; margin:0 auto;}

.header h1 a {position:absolute;/* top:19px;*/}

.header .header_topgroup {width:100%; background:#252223;}

.header .header_topgroup:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.header .header_topgroup .topmenu {width:100%; height:auto; position:relative; z-index:2; margin:0 auto;}
.header .header_topgroup .top {width:984px; height:40px; margin:0 auto;}
.header .header_topgroup .topmenu .special {float:left; margin:13px 0 0 236px; font-size:0; line-height:0;}
.header .header_topgroup .topmenu .special li {float:left; margin-right:15px;}
.header .header_topgroup .topmenu .special li a {display: block;}

.header .header_topgroup .topmenu .area_util {float:right;}

.header .header_topgroup .topmenu .welcome {float:left; margin:13px 0 0 0; text-indent:-5000px; font-size:0; line-height:0; color:#a89c8b; letter-spacing:-1px;}

.header .header_topgroup .topmenu .welcome .user {display:block; text-indent:0; font-size:12px; line-height:16px; font-weight:normal;}

.header .header_topgroup .topmenu .util {float:left; margin:15px 0 0 0; font-size:0; line-height:0;}

.header .header_topgroup .topmenu .util li {float:left; margin-left:9px;}

.header .header_topgroup .gsearch {float:left; position:relative; z-index:1; margin:14px 0 0 36px; font-size:0; line-height:0;}

.header .header_topgroup .gsearch .searchbar {display:none; position:absolute; top:20px; right:-67px; padding:0 7px 8px 0; background:url(../../images/webhome/bg_header_searchbox.png) no-repeat 100% 100%;}

.header .header_topgroup .gsearch .searchbar fieldset {width:164px; height:33px; overflow:hidden; background:#fff; border:1px solid #000;}

.header .header_topgroup .gsearch .searchbar fieldset input[type=text] {float:left; width:75%; padding:9px 0 8px 6px; margin-top:1px; border:0; background:transparent; font-size:12px;}

.header .header_topgroup .gsearch .searchbar fieldset button {float:right; width:33px; height:33px; background:url(../../images/webhome/icon_header_search.png) no-repeat 50% 45%;}

.header .header_topgroup .language {float:left; position:relative; margin:15px 0 0 30px; font-size:0; line-height:0;}

.header .header_topgroup .language .selected {position:relative; display:inline-block;}

.header .header_topgroup .language .selected img {padding-right:15px;}

.header .header_topgroup .language .selected a {position:absolute; top:0; right:0; display:block; width:100%; height:12px; background:url(../../images/webhome/bul_arrow_b_11x6_a09483.png) no-repeat 100% 2px; text-indent:-5000px;}

.header .header_topgroup .language ul {display:none; position:absolute; top:-8px; right:-7px; width:37px; padding:4px; background:#fff url(../../images/webhome/bul_arrow_b_11x6_000000.png) no-repeat 28px 9px; border:1px solid #8e8e8d;}

.header .header_topgroup .language ul >li {margin-bottom:2px;}

.header .header_topgroup .language ul >li >a {display:block; height:16px; overflow:hidden;}

.header .header_topgroup .language ul >li >a img {margin-top:0;}

.header .header_topgroup .language ul >li >a.on img {margin-top:-16px;}

.header .header_gnbgroup {width:100%; background:#fff; border-bottom:1px solid #717171;}

.header .header_gnbgroup:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.header .header_gnbgroup .gnb {width:984px; height:69px; position:relative; z-index:1; margin:0 auto;}

.header .header_gnbgroup .topnav {float:right; width:764px; font-family:"Happiness-Sans","맑은 고딕", "Malgun Gothic", "돋움", Dotum, Helvetica, Arial, Sans-serif;}/* 2022-03-04 수정 */

.header .header_gnbgroup .topnav >ul >li {float:left; padding-left:11px;}

.header .header_gnbgroup .topnav >ul >li:first-child {padding-left:0; padding-right:4px;}

/* .header .header_gnbgroup .topnav >ul >li >a {display:inline-block; padding:0 20px; height:69px; overflow:hidden; vertical-align:top;} */

.header .header_gnbgroup .topnav >ul >li >a {display:inline-block; padding:0 16px; height:69px; overflow:hidden; vertical-align:top;}

.header .header_gnbgroup .topnav >ul >li >a img {margin-top:0;}

.header .header_gnbgroup .topnav >ul >li >a.on {background:#000;}

.header .header_gnbgroup .topnav >ul >li >a.on img {margin-top:-69px;}

.header .header_gnbgroup .subnav {display:none; position:absolute; top:69px; left:0; width:924px;/*width:984px;*/ padding:34px 30px 30px; background:url(../../images/webhome/bg_header_subnav_x.png) repeat-x 0 0; overflow:hidden;}

.header .header_gnbgroup .subnav .area_menu {float:left; width:638px;}

.header .header_gnbgroup .subnav .area_menu >ul {margin-top:-30px;}

.header .header_gnbgroup .subnav .area_menu >ul >li {float:left; min-width:140px; margin:30px 19px 0 0; font-size:16px; color:#000; letter-spacing:-1px;}

.header .header_gnbgroup .subnav .area_menu >ul >li >strong {display:block; padding-bottom:10px; border-bottom:1px solid #cdcdcd;}

.header .header_gnbgroup .subnav .area_menu >ul >li >strong a {padding-right:20px; background:url(../../images/webhome/bul_arrsquare_11x11_6e6e6e.png) no-repeat 100% 45%;}

.header .header_gnbgroup .subnav .area_menu >ul >li a {display:block; color:#000;}

.header .header_gnbgroup .subnav .area_menu >ul >li >ul,

.header .header_gnbgroup .subnav .area_menu .listgroup {margin-top:15px;}

.header .header_gnbgroup .subnav .area_menu .listgroup >ul {float:left; min-width:120px;}

.header .header_gnbgroup .subnav .area_menu >ul >li >ul >li,

.header .header_gnbgroup .subnav .area_menu .listgroup >ul >li {margin-top:4px; font-size:14px; color:#4b4b4b;}

.header .header_gnbgroup .subnav .area_menu >ul >li >ul >li a,

.header .header_gnbgroup .subnav .area_menu .listgroup >ul >li a {color:#4b4b4b;}

.header .header_gnbgroup .subnav .area_menu >ul >li >ul >li a:hover, .header .header_gnbgroup .subnav .area_menu >ul >li >ul >li a:focus, .header .header_gnbgroup .subnav .area_menu >ul >li >ul >li a:active,

.header .header_gnbgroup .subnav .area_menu .listgroup >ul >li a:hover, .header .header_gnbgroup .subnav .area_menu .listgroup >ul >li a:focus, .header .header_gnbgroup .subnav .area_menu .listgroup >ul >li a:active {color:#000;}

.header .header_gnbgroup .subnav .area_menu >ul.type2 >li >strong a {padding-right:0; background:none;}

.header .header_gnbgroup .subnav .area_banner {float:right; width:286px;}

.header .header_gnbgroup .subnav .area_banner .banner {position:relative; width:286px; margin-top:15px;}

.header .header_gnbgroup .subnav .area_banner .banner:first-child {margin-top:0;}

.header .header_gnbgroup .subnav .area_banner .banner a {display:block;}

.header .header_gnbgroup .subnav .area_banner .banner img {width:284px !important; border:1px solid #e6e6e6;}

/*.header .header_gnbgroup .subnav .area_banner .banner .frame {position:absolute; top:0; left:0; width:282px; height:148px; border:1px solid #000;}*/

/*.header .header_gnbgroup .subnav .area_banner .banner.type2 .frame {width:274px; height:140px; border:5px solid #000;}*/

.header.func_fixed {padding-bottom:118px;}

.header.func_fixed .wrap_header {position:fixed;}



.header_mask {display:none; position:fixed; left:0; top:0; z-index:49; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50);}





/* layout - footer */

.footer {width:100%; min-width:1024px; height:160px; background:#f7f7f7; border-top:1px solid #ccc; margin-top:-156px;}

.footer .wrap_footer {width:984px; position:relative; z-index:10; margin:0 auto; padding-top:15px;}

.footer .wrap_footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.footer .menu {width:100%; font-size:0; line-height:0;}

.footer .menu:after {content:" "; display:block; height:0; overflow:hidden; clear:both; visibility:hidden;}

.footer .menu li {float:left; padding-left:11px; margin-right:10px; background:url(../../images/webhome/bg_bar_1x11_686868.png) no-repeat 0 1px;}

.footer .menu li:first-child, .footer .menu li.fir {padding-left:0; background:none !important;}

.footer .menu li .sns {margin:-5px 0; letter-spacing:-5px; white-space:nowrap;}

*+ html .footer .menu li .sns {letter-spacing:-1px;}

.footer .menu li .sns a {margin-right:5px;}

.footer .address {width:100%; overflow:hidden; padding:10px 0 19px 0; font-size:0; line-height:0;}

.footer .address span {float:left; padding-left:12px;}

.footer .address span.fir {padding-left:0;}

.footer .familysite {position:absolute; top:15px; right:0; width:112px; font-size:11px; line-height:16px;}

.footer .familysite .tit {display:block; border:1px solid #dbdbdb; background:#eaeaea; font-weight:normal;}

.footer .familysite .tit a {display:block; height:22px;/*height:28px;*/ padding:6px 9px 0 9px; background:url(../../images/webhome/bul_arrow_5x3_b_666666.png) no-repeat 92% 12px; color:#666; text-decoration:none;}

.footer .familysite .tit.on a {background-image:url(../../images/webhome/bul_arrow_5x3_t_666666.png);}

.footer .familysite .site {position:absolute; left:0; bottom:29px; width:110px; padding:5px 0 0; border:1px solid #dbdbdb; border-bottom:0; background:#eaeaea;}
.footer .familysite .site ul li a {display:block; padding:2px 9px; color:#666;}
.footer .familysite .site button.close {position:absolute; bottom:-28px; left:0; width:110px; height:28px; background:url(../../images/webhome/bul_arrow_5x3_t_666666.png) no-repeat 92% 12px;}
.footer .familysite .site.hide {visibility:hidden; height:0; overflow:hidden;}

.footer .sns {float:left; margin-right:10px;}

.footer .copyright { float:left; margin-top:3px;}

.footer .wamark {position:absolute; top:55px; right:0;}

.footer .translate {position:absolute; top:63px; right:180px; padding-left:100px;}

.footer .translate .tit {position:absolute; top:7px; left:0; font-size:0; line-height:0;}

.footer .footmenu_group01 {position:relative; padding:9px 0 25px 0; border-bottom:1px solid #e8e8e8;}

.footer .footmenu_group01 .translate {top:-5px; right:0; padding:0;}

.footer .footmenu_group01 .translate .tit {position:static; display:block; margin-bottom:5px;}

.footer .footmenu_group02 {position:relative; padding:20px 0 0 0;}

.footer .footmenu_group02 .address {width:55%; padding:0 0 10px 0;}

.footer .footmenu_group02 .address address {width:100%; overflow:hidden; padding-bottom:10px;}

.footer .footmenu_group02 .copyright {margin-top:0;}

.footer .footmenu_group02 .familysite {top:20px;}

.footer .footmenu_group02 .wamark {position:static; float:left;}

.footer .footmenu_group02 .ccm {position:static; float:left; padding:9px 20px;}





/* layout - leftmenu */

.left_menu {width:180px; margin:39px 40px 0 0; float:left;}

.left_menu h2 {min-height:54px; margin-bottom:32px; padding:0; border-top:1px solid #3a3a3a; border-bottom:1px solid #3a3a3a; font-size:22px;  color: #333!important; }/* 2022-03-04 수정 */
.left_menu h2 div{line-height: 1.3; padding: 13px 0;}/* 2022-03-04 추가 */
.left_menu h2 img {margin:16px 0 !important;}
.left_menu h2 div .title_small{font-size: 16px; display: block;}
.left_menu h2 a {display:block; /* background:url(../../images/webhome/bul_arrsquare_20x19_999999.png) no-repeat right 50%; */  color: #333!important;}/* 2022-03-04 수정 */

.left_menu h2 a:hover{text-decoration: none;}/* 2022-03-04 추가 */

.left_menu .titchange_store {position:relative; z-index:10; margin-bottom:32px;}

.left_menu .titchange_store h2 {margin-bottom:0;}

.left_menu .titchange_store button.open {position:absolute; right:0; top:50%; margin-top:-10px; display:inline-block; width:20px; height:21px; overflow:hidden; background:#fff url(../../images/webhome/btn_select.png) no-repeat 100% 0; text-indent:-5000px; font-size:0; line-height:0;}

.left_menu .titchange_store button.open:hover, .left_menu .titchange_store button.open:focus, .left_menu .titchange_store button.open:active {background-position:100% -30px;}

.left_menu .titchange_store .storelist.hide {display:none;}

.left_menu .titchange_store .storelist {position:absolute; top:0; left:190px; width:220px; background:#fff; border:2px solid #333;}

.left_menu .titchange_store .storelist button.closed {position:absolute; top:0; right:0; display:inline-block; width:20px; height:20px; overflow:hidden; background:url(../../images/webhome/btn_close02.png) no-repeat 0 0; text-indent:-5000px; font-size:0; line-height:0;}

.left_menu .titchange_store .storelist ul {padding:20px 0; font-family:"Happiness-Sans","맑은 고딕", "Malgun Gothic", "돋움", Dotum, Helvetica, Arial, Sans-serif;}/* 2022-03-04 수정 */

.left_menu .titchange_store .storelist ul > li {font-size:14px; letter-spacing:-1px;}

.left_menu .titchange_store .storelist ul > li a {display:block; padding:6px 20px; color:#333;}

.left_menu .titchange_store .storelist ul > li.on a {font-weight:bold; background:#ededed;}

.left_menu .titchange_store .storelist ul > li a:hover, .left_menu .titchange_store .storelist ul > li a:focus, .left_menu .titchange_store .storelist ul > li a:active {background:#ededed;}

.left_menu .lnb {font-family:"Happiness-Sans","맑은 고딕", "Malgun Gothic", "돋움", Dotum, Helvetica, Arial, Sans-serif;}

.left_menu .lnb > ul > li {border-bottom:1px solid #c4c4c4; letter-spacing:-1px;}

.left_menu .lnb > ul > li > a {display:block; padding:9px 0 9px 11px; background:url(../../images/webhome/bul_arrow_4x7_666666.png) no-repeat 0 14px; font-size:15px; font-weight:bold; color:#666;}

.left_menu .lnb > ul > li.on > a, .left_menu .lnb > ul > li.over > a {/*background:url(../../images/webhome/bul_bar_6x2_000000.png) no-repeat 0 16px; color:#000;*/}

.left_menu .lnb > ul > li.hasdepth2.on > a, .left_menu .lnb > ul > li.hasdepth2.over > a {background:url(../../images/webhome/bul_arrow_b_7x3_000000.png) no-repeat 0 16px; color:#000;}

.left_menu .lnb > ul > li.no_hasdepth2.on > a, .left_menu .lnb > ul > li.no_hasdepth2.over > a {background:url(../../images/webhome/bul_bar_6x2_000000.png) no-repeat 0 16px; color:#000;}

.left_menu .lnb > ul > li.no_hasdepth2.now > a {background:url(../../images/webhome/bul_bar_6x2_000000.png) no-repeat 0 16px; color:#000;}

.left_menu .lnb > ul > li ul.menu_dep2 {display:none; padding:0 0 12px 11px;}

.left_menu .lnb > ul > li ul.menu_dep2 > li {padding:4px 0 4px 10px;}

.left_menu .lnb > ul > li ul.menu_dep2 > li > a {font-size:14px; color:#000;}

.left_menu .lnb > ul > li ul.menu_dep2 > li.on, .left_menu .lnb > ul > li ul.menu_dep2 > li.over {background:url(../../images/webhome/bul_bar_6x2_000000.png) no-repeat 0 10px;}

.left_menu .lnb > ul > li ul.menu_dep2 > li.now {background:url(../../images/webhome/bul_bar_6x2_000000.png) no-repeat 0 10px;}

.left_menu .lnb > ul > li ul.menu_dep3 {display:none; margin:4px 0; padding:2px 0 0 11px;}

.left_menu .lnb > ul > li ul.menu_dep3 > li {padding:2px 0;}

.left_menu .lnb > ul > li ul.menu_dep3 > li > a {color:#767676; padding:4px 0; font-size: 12px;}/* 2022-03-04 */

.left_menu .lnb > ul > li ul.menu_dep3 > li.on > a, .left_menu .lnb > ul > li ul.menu_dep3 > li.over > a {color:#000; text-decoration:underline;}

.left_menu .lnb > ul > li.on ul.menu_dep2 {/*display:block;*/}

.left_menu .lnb > ul > li.on ul.menu_dep2 > li.on ul.menu_dep3 {/*display:block;*/}



/* layout - event popup area */

.wrap_meventpopup {position:relative; z-index:50; width:100%; min-width:984px; height:170px; overflow:hidden; background:#000;}

.wrap_meventpopup .rollingcont {position:relative;}

.wrap_meventpopup .section {position:absolute; top:0; left:0; width:100%; height:170px; background:#333;}

.wrap_meventpopup .section:first-child {z-index:1;}

.wrap_meventpopup .section .contarea {width:980px; margin:0 auto;}

.wrap_meventpopup .closebtn {position:absolute; top:0; left:50%; z-index:2; margin-left:-490px; width:980px;}

.wrap_meventpopup .closebtn .box {position:absolute; top:0; right:0; height:31px; /*background:url(../../images/webhome/bg_mask_000000_opacity50.png) repeat;*/ color:#fff;}

.wrap_meventpopup .closebtn .box p {float:left; padding-left:18px; margin-top:7px;}

.wrap_meventpopup .closebtn .box button.closed {float:left; width:33px; height:31px; background:url(../../images/webhome/btn_close.png) no-repeat 0 0; margin-left:10px;}

.wrap_meventpopup .closebtn .box button.closed.closetoday {width:118px; height:31px; background:url(../../images/webhome/btn_closetoday.png) no-repeat 0 0;}

.wrap_meventpopup .rollingbtn {position:absolute; z-index:2; bottom:2px; left:50%; margin-left:-60px; width:120px; padding:10px 0; text-align:center;}

.wrap_meventpopup .rollingbtn button {width:14px; height:14px; text-indent:0; line-height:500px;}

.wrap_meventpopup .rollingbtn .rollingpage button {background:url(../../images/webhome/btn_rollpaging05.png) no-repeat 0 0;}

.wrap_meventpopup .rollingbtn .rollingpage button.on {background-position:0 -14px;}

.wrap_meventpopup .rollingbtn button.play {background:url(../../images/webhome/btn_rolling05_play.png) no-repeat 0 0;}

.wrap_meventpopup .rollingbtn button.pause {background:url(../../images/webhome/btn_rolling05_pause.png) no-repeat 0 0;}





/* popUp */

#mask {position:absolute; left:0; top:0; z-index:9999; background-color:#000; display:none;}

.window {position:absolute; left:-5000px; top:0; display:none;/*visibility:hidden;*/ z-index:10000;}

.poplayer {background:#bbb;}

.poplayer .wrap_poplayer {position:relative; padding:30px 20px; border:1px solid #c2c7d5; background:#fff; text-align:left;}

*+ html .poplayer .wrap_poplayer {zoom:1;}

.poplayer .wrap_poplayer02 {position:relative; border:1px solid #c2c7d5; background:#fff; text-align:left;}

*+ html .poplayer .wrap_poplayer02 {zoom:1;}

.poplayer .wrap_poplayer03 {position:relative; top:0; left:0; padding:30px 20px; border:1px solid #6d6d6d; background:#fff; text-align:left;}

.poplayer .wrap_poplayer03 .layer_arr {position:absolute; top:29px; left:-14px; width:14px; height:21px; overflow:hidden; background:url(../../images/webhome/bg_layer_arr_14x21.png) no-repeat 0 0;}

.poplayer .wrap_poplayer03 .layer_arr_r {position:absolute; top:29px; right:-14px; width:14px; height:21px; overflow:hidden; background:url(../../images/webhome/bg_layer_arr_r_14x21.png) no-repeat 0 0;}

.poplayer > div > .closed {position:absolute; top:0; right:0; width:33px; height:30px; overflow:hidden; text-indent:-5000px; background:url(../../images/webhome/btn_popclose.png) no-repeat 0 0;}

.poplayer.wmaxpop {width:764px;}

.poplayer.wmaxpop .scroll {width:724px;}

.poplayer.wmaxpop_wide {width:984px;}

body.popup .poplayer {margin:0;}

body.popup .poplayer .wrap_poplayer {top:0; left:0;}

/* 2019-08-29 추가 : S */
.poplayer.type2 {position:fixed;top:50% !important;left:50% !important;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color:#fff;letter-spacing:-.05em;} /* 2020-01-02 변경 */
.poplayer.type2 .poplayer_header {padding:36px 0 38px;border-bottom:1px solid #e1e1e1;margin:0 40px;font-weight:400;font-size:30px;color:#222;line-height:1.2}
.poplayer.type2 .poplayer_content {padding:40px}
.poplayer.type2 .closed {top:45px;right:20px;width:20px;height:20px;background:url(../../images/webhome/icon_times_20x20_222.png) no-repeat 0 0}

.poplayer.fullscreen {position:fixed;background-color:#fff}
/* 2019-08-29 추가 : E */

/* 2020-01-16 추가 : S */
.poplayer.type3 {}
.poplayer.type3 .wrap_poplayer {padding:40px 30px}
.poplayer.type3 .tit_section01 {display:block;font-size:20px;color:#657492;text-align:center}
.poplayer.type3 .closed {top:36px;right:33px;width:23px;height:23px;background:url(../../images/webhome/icon_times_23x23_bdbdbd.png) no-repeat 0 0}
/* 2020-01-16 추가 : E */

/* 2021-02-17 추가 : S */
.poplayer.type3.type_premium_club .tit_section01 {color:#f15a22;}
.poplayer.type3.type_premium_club .tb_preminum table {border-top-color:#f15a22;}
.poplayer.type3.type_premium_club .tb_preminum table td {text-align: left; padding: 20px 10px;}
.poplayer.type3.type_premium_club .right_txt {display: block; margin-bottom:10px; text-align: right;}
/* 2021-02-17 추가 : E */

/* title */

.tit_page {min-height:29px; margin-bottom:54px; font-size: 29px; color: #000000; line-height: 29px; font-family: 'Happiness-Sans-Title';}/* 2022-03-04 수정 */

.tit_sub3{min-height:29px; font-size: 29px; color: #000000; line-height: 29px; font-family: 'Happiness-Sans-Title';}/* 2022-03-04 추가 */

.tit_banner {width:764px; height:200px; margin:-13px 0 30px 0;}

.tit_banner img {width:100%; height:100%;}

/*.tit_section01 {padding-left:20px; margin:48px 0 10px 0; background:url(../../images/webhome/bul_arrow_10x7_333333.png) no-repeat 0 5px; font-size:16px; line-height:20px; color:#333; letter-spacing:-1px;} 2013-12-02 delete */

.tit_section01 {font-size:16px; color:#333; margin:50px 0 13px 0; letter-spacing:-1px;}
.tit_section01 .sitemap-title {display: inline-block; padding-right: 16px; background: url(../../images/webhome/bul_arrsquare_11x11_6e6e6e.png) no-repeat 100% 5px; color: #000;}

.tit_section02 {padding-left:12px; margin:28px 0 10px 0; background:url(../../images/webhome/bul_square_3x3_333333.png) no-repeat 0 6px; font-size:14px; line-height:18px; color:#333; letter-spacing:-1px;}

.tit_section03 {font-size:16px; color:#333; margin:50px 0 13px 0; letter-spacing:-1px;}

.tit_section03.big01 {margin-bottom:10px;}

.tit_section04 {font-size:14px; color:#333; margin:50px 0 13px 0; letter-spacing:-1px;}

.wrap_titsection_addmore {position:relative;}





/* text */

.unit {text-align:right; margin-bottom:5px;}

.unit_icontype {margin-bottom:5px;}

.unit_icontype img {height:15px; vertical-align:-4px;}

.unit_icontype span {margin-right:10px;}

.defaultmsg {padding:60px 0; text-align:center;}

table .defaultmsg {padding:0; text-align:center;}



.txt_ntc {margin-bottom:10px;}

.txt_required img {vertical-align:4px;}



.txt_topntc {margin-bottom:28px;}

.txt_topntc_type2 {margin-bottom:28px; font-size:20px; line-height:26px; font-weight:bold; color:#5d6c89; letter-spacing:-1px;}

.txt_topntc_type3 {margin-top:30px; margin-bottom:15px; font-size:20px; font-weight:bold; color:#767676; letter-spacing:-1px;}



.txt_tit {font-size:12px; font-weight:bold; color:#10668a; margin:14px 0 8px 0;}

.txt_tit_type2 {font-size:14px; font-weight:bold; color:#666; margin:30px 0 13px 0;}

.txt_tit_type3 {font-size:12px; font-weight:bold; color:#333; margin:20px 0 8px 0;}

.txt_tit_category {display:block; margin-bottom:10px; font-size:12px; color:#666;}



.txt_tip {margin:8px 0 0 14px; text-indent:-16px;}



.txt_btngroup {}

.txt_btngroup .btn_add {float:left; margin:3px 40px 0 0;}

.txt_btngroup .btn_add2 {float:left; margin:3px 40px 0 0; padding:32px 0 0 0; height:65px;}

.txt_btngroup .txt {}



.marktxt_refer {padding-left:16px; text-indent:-16px;}



.bltxt_type1 {padding-left:12px; background:url(../../images/webhome/bul_square_3x3_666666.png) no-repeat 0 7px; line-height:18px;}

.bllist_type1 > li {margin:8px 0; padding-left:12px; background:url(../../images/webhome/bul_square_3x3_666666.png) no-repeat 0 7px; line-height:18px;}

.bllist_type1.no_lpad .bltxt_type2, .bllist_type1.no_lpad .bllist_type2 {margin-left:-12px;}

.bllist_type1 li.indent {margin:8px 0 8px 0; padding-left:87px; background:url(../../images/webhome/bul_square_3x3_666666.png) no-repeat 0 7px; line-height:18px; text-indent:-75px;}

.bllist_type1.btn_add {margin-top:50px;}

.bllist_type1.btn_add li {position:relative; margin-top:30px;}

.bllist_type1.btn_add li .rbtn {position:absolute; right:0; top:0;}

.bllist_type1.btn_add02 li {margin-top:18px; color:#333;}

.bllist_type1.btn_add02 li .txt {float:left; margin-right:15px;}

.bllist_type1.btn_add02 li .rbtn {float:left; margin-top:-7px;}

.bllist_type1.btn_add02 li:after {content:" "; display:block; height:0; overflow:hidden; clear:both; visibility:hidden;}



.bltxt_type2 {padding-left:8px; background:url(../../images/webhome/bul_bar_5x1_767676.png) no-repeat 0 7px; line-height:18px;}

.bllist_type2 li {margin:1px 0; padding-left:8px; background:url(../../images/webhome/bul_bar_5x1_767676.png) no-repeat 0 7px; line-height:18px;}

.ulright_wrap {margin-top:8px; }

.ulright_wrap .tit_ul {display:block; min-width:65px; float:left; margin:1px 0; font-weight:bold; }

.ulright_wrap > ul {float:left;}



.bltxt_type3 {padding-left:8px; background:url(../../images/webhome/bul_dot_1x1_666666.png) no-repeat 0 7px; line-height:18px;}

.bllist_type3 li {margin:1px 0; padding-left:7px; background:url(../../images/webhome/bul_dot_1x1_666666.png) no-repeat 0 7px;}/* 2017-12-27 : padding수정 */



.bltxt_type4 {padding-left:10px; background:url(../../images/webhome/bul_square_2x2_666666.png) no-repeat 0 7px; line-height:18px;}

.bllist_type4 li {margin:1px 0; padding-left:10px; background:url(../../images/webhome/bul_square_2x2_666666.png) no-repeat 0 8px; line-height:17px;}

.bltxt_type5 {padding-left:14px;}		/* 2017-06-22 추가 */

.bllist_type5 > li {margin:8px 0; padding-left:16px; background:url(../../images/webhome/bul_square_3x2_2f7662.png) no-repeat 6px 7px; line-height:18px;} /* 2019-08-29 추가 */

.numtxt_type1 {padding-left:14px; text-indent:-14px;}

.numlist_type1 li {margin:1px 0; padding-left:14px; text-indent:-14px;}



.numtxt_type2 {padding-left:20px; text-indent:-20px;}

.numlist_type2 li {margin:1px 0; padding-left:20px; text-indent:-20px;}





/* text - link type */

.list_link {float:right; margin-top:10px;}

.list_link li {float:left; margin-left:15px;}

a.link_type1 {padding-right:7px; text-decoration:underline; background:url(../../images/webhome/bg_arr_3x5_645d54.png) no-repeat 100% 40%;}





/* step finish - msg */

.step_finish {margin:15px 0; padding:30px 0 30px 124px; font-weight:bold; font-size:20px; line-height:24px; letter-spacing:-1px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:url(../../images/webhome/icon_process_finish.png) no-repeat 30px 50%;}

.step_finish p {min-height:28px; padding:18px 0;}

.step_finish p .txt_exp {display:inline-block; font-weight:normal; font-size:16px; padding-top:6px;}

.step_finish.double p {min-height:58px; padding:3px 0;}

.step_finish.double p .txt_sub {display:block; margin-top:8px; font-weight:normal; font-size:14px; line-height:18px;}

.step_finish.double p .txt_sub2 {display:block; margin-top:15px; font-weight:normal; font-size:14px; line-height:18px;}

.step_finish.double p .txt_sub3 {display:block; margin-top:10px; font-weight:normal; font-size:12px; line-height:18px; padding-left: 12px; background: url(../../images/webhome/bul_square_3x3_666666.png) no-repeat 0 7px;}





/* indent */

.indent01 {padding-left:10px;}

.indent01.padtype2 {padding-left:12px;}

.indent02 {padding-left:15px;}

.indent03 {padding-left:20px;}

.indent_section01 {/*padding-left:20px;*/ margin-top:10px;}

.indent_section02 {/*padding-left:12px;*/ margin-top:10px;}





/* scroll */

.scroll {overflow-x:auto; overflow-y:hidden;}

*+ html .scroll {padding-bottom:18px;}

.scroll_y {overflow-y:scroll; overflow-x:hidden;}





/* button align */

.button {margin-top:15px;}

.button_ar {margin-top:15px; text-align:right;}

.button_ac {margin-top:15px; text-align:center;}



.button02 {margin-top:30px;}

.button02_ar {margin-top:30px; text-align:right;}

.button02_ac {margin-top:30px; text-align:center;}



.button03 {margin-top:50px;}

.button03_ar {margin-top:50px; text-align:right;}

.button03_ac {margin-top:50px; text-align:center;}



.button_overlapwrap {position:relative; overflow:hidden; min-height:30px;}

.button_overlapwrap .btn_overlap {position:absolute; bottom:10px; right:0;}

.button_overlapwrap .btn_overlap.bottom {bottom:0;}

.button_overlapwrap .btn_overlap.top {top:0; margin-top:2px;}



.button_more {margin-top:50px; text-align:center;}

.button_more .btn_type5 button span, .button_more .btn_type5 input, .button_more .btn_type5 a {min-width:188px;}

.button_more02 a {color:#000; display:inline-block; font-weight:bold; margin-top:12px; text-decoration:underline;}

.button_more02 a:hover, .button_more02 a:focus {color:#000;}



.button_pagingset .button_ar {margin-top:-27px;}

.button_line {margin-top:30px; padding-top:6px; border-top:1px solid #ccc;}

.buttonset_word4 .btn_type3_02 button span, .buttonset_word4 .btn_type3_02 input, .buttonset_word4 .btn_type3_02 a {min-width:48px;}





/* button */

.btn_type1 {display:inline-block; vertical-align:middle;}

.btn_type1 button, .btn_type1 input {height:28px; text-indent:0; font-size:12px; line-height:17px; overflow:visible;}

.btn_type1 button span, .btn_type1 input, .btn_type1 a {display:block; background:#ccc; border:1px solid #ccc; padding:5px 15px 4px 15px; color:#333; font-size:12px; line-height:17px; font-weight:bold; letter-spacing:-1px; white-space:nowrap; cursor:pointer;}

.btn_type1 button:hover span, .btn_type1 button:focus span,

.btn_type1 input:hover, .btn_type1 input:focus,

.btn_type1 a:hover, .btn_type1 a:focus {/*background-color:#000 !important; border-color:#000; color:#fff;*/ text-decoration:none;}



.btn_type2 {display:inline-block; vertical-align:middle;}

.btn_type2 button, .btn_type2 input {height:28px; text-indent:0; font-size:12px; line-height:17px; overflow:visible;}

.btn_type2 button span, .btn_type2 input, .btn_type2 a {display:block; background:#666; border:1px solid #666; padding:5px 20px 4px 20px; color:#fff; font-size:12px; line-height:17px; font-weight:bold; letter-spacing:-1px; white-space:nowrap; cursor:pointer;}

.btn_type2 button:hover span, .btn_type2 button:focus span,

.btn_type2 input:hover, .btn_type2 input:focus,

.btn_type2 a:hover, .btn_type2 a:focus {background-color:#000 !important; border-color:#000; text-decoration:none;}



.btn_type2.ico_recomm button span, .btn_type2.ico_recomm input, .btn_type2.ico_recomm a {padding:5px 15px 4px 30px; background:#666 url(../../images/webhome/icon_recomm.png) no-repeat 14px 50%;}

.btn_type2.ico_more button span, .btn_type2.ico_more input, .btn_type2.ico_more a {padding:5px 28px 4px 15px; background:#666 url(../../images/webhome/icon_more.png) no-repeat 58px 50%;}



.btn_type2.ico_toggle button span, .btn_type2.ico_toggle input, .btn_type2.ico_toggle a {padding-left:17px; padding-right:32px; background:#666 url(../../images/webhome/icon_toggle02.png) no-repeat 100% 0;}

.btn_type2.ico_toggle.open button span, .btn_type2.ico_toggle.open input, .btn_type2.ico_toggle.open a {background-position:100% -28px;}

*+ html .btn_type2.ico_toggle.open button span, *+ html .btn_type2.ico_toggle.open input, *+ html .btn_type2.ico_toggle.open a {background-position:100% -27px;}

.btn_type2.ico_toggle.closed button span, .btn_type2.ico_toggle.closed input, .btn_type2.ico_toggle.closed a {background-position:100% 0;}

*+ html .btn_type2.ico_toggle.closed button span, *+ html .btn_type2.ico_toggle.closed input, *+ html .btn_type2.ico_toggle.closed a {background-position:100% 1px;}

.btn_type2.ico_toggle button:hover span, .btn_type2.ico_toggle button:focus span,

.btn_type2.ico_toggle input:hover, .btn_type2.ico_toggle input:focus,

.btn_type2.ico_toggle a:hover, .btn_type2.ico_toggle a:focus {background-image:url(../../images/webhome/icon_toggle_hover.png);}



.btn_type3 {display:inline-block; vertical-align:middle;}

.btn_type3 button, .btn_type3 input {height:28px; text-indent:0; font-size:12px; line-height:17px; overflow:visible;}

.btn_type3 button span, .btn_type3 input, .btn_type3 a {display:block; background:#fff url(../../images/webhome/bul_btn_arrow_01.png) no-repeat right 50%; border:1px solid #666; padding:5px 32px 4px 15px; color:#666; font-size:12px; line-height:17px; font-weight:bold; letter-spacing:-1px; white-space:nowrap; cursor:pointer;}

.btn_type3 button:hover span, .btn_type3 button:focus span,

.btn_type3 input:hover, .btn_type3 input:focus,

.btn_type3 a:hover, .btn_type3 a:focus {background-color:#000 !important; background-image:url(../../images/webhome/bul_btn_arrow_02.png); border-color:#000; color:#fff; text-decoration:none;}



.btn_type3.ico_mobile a {padding:5px 25px 4px 10px; vertical-align:bottom;}

.btn_type3.ico_mobile .apple, .btn_type3.ico_mobile .android {display:inline-block; width:15px; height:18px; margin:-2px 3px 0 0; font-size:0; line-height:500px; text-indent:0; vertical-align:middle;}

.btn_type3.ico_mobile .apple {background:url(../../images/webhome/icon_apple.png) no-repeat 0 0;}

.btn_type3.ico_mobile .android {background:url(../../images/webhome/icon_android.png) no-repeat 0 0;}



.btn_type3_02 {display:inline-block; vertical-align:middle;}

.btn_type3_02 button, .btn_type3_02 input {height:28px; text-indent:0; font-size:12px; line-height:17px; overflow:visible;}

.btn_type3_02 button span, .btn_type3_02 input, .btn_type3_02 a {background-color:#ffffff; display:block; border:1px solid #666; padding:5px 20px 4px 20px; color:#666; font-size:12px; line-height:17px; font-weight:bold; letter-spacing:-1px; white-space:nowrap; cursor:pointer;}

.btn_type3_02 button:hover span, .btn_type3_02 button:focus span,

.btn_type3_02 input:hover, .btn_type3_02 input:focus,

.btn_type3_02 a:hover, .btn_type3_02 a:focus {background-color:#000 !important; border-color:#000; color:#fff; text-decoration:none;}



.btn_type3_02.ico_toggle button span, .btn_type3_02.ico_toggle input, .btn_type3_02.ico_toggle a {padding-left:17px; padding-right:32px; background:#fff url(../../images/webhome/icon_toggle.png) no-repeat 100% 0;}

.btn_type3_02.ico_toggle.open button span, .btn_type3_02.ico_toggle.open input, .btn_type3_02.ico_toggle.open a {background-position:100% -28px;}

*+ html .btn_type3_02.ico_toggle.open button span, *+ html .btn_type3_02.ico_toggle.open input, *+ html .btn_type3_02.ico_toggle.open a {background-position:100% -27px;}

.btn_type3_02.ico_toggle.closed button span, .btn_type3_02.ico_toggle.closed input, .btn_type3_02.ico_toggle.closed a {background-position:100% 0;}

*+ html .btn_type3_02.ico_toggle.closed button span, *+ html .btn_type3_02.ico_toggle.closed input, *+ html .btn_type3_02.ico_toggle.closed a {background-position:100% 1px;}

.btn_type3_02.ico_toggle button:hover span, .btn_type3_02.ico_toggle button:focus span,

.btn_type3_02.ico_toggle input:hover, .btn_type3_02.ico_toggle input:focus,

.btn_type3_02.ico_toggle a:hover, .btn_type3_02.ico_toggle a:focus {background-image:url(../../images/webhome/icon_toggle_hover.png);}



.btn_type4 {display:inline-block; vertical-align:middle;}

.btn_type4 button, .btn_type4 input {height:28px; background:none; text-indent:0; font-size:12px; line-height:17px; overflow:visible;}

.btn_type4 button span, .btn_type4 input, .btn_type4 a {display:block; background:#417b9c url(../../images/webhome/bul_btn_arrow_02.png) no-repeat right 50%; border:1px solid #375b70; padding:5px 32px 4px 15px; color:#fff; font-size:12px; line-height:17px; font-weight:bold; letter-spacing:-1px; white-space:nowrap; cursor:pointer;}

.btn_type4 button:hover span, .btn_type4 button:focus span,

.btn_type4 input:hover, .btn_type4 input:focus,

.btn_type4 a:hover, .btn_type4 a:focus {background-color:#000 !important; border-color:#000; text-decoration:none;}



.btn_type4_02 {display:inline-block; vertical-align:middle;}

.btn_type4_02 button, .btn_type4_02 input {height:28px; background:none; text-indent:0; font-size:12px; line-height:17px; overflow:visible;}

.btn_type4_02 button span, .btn_type4_02 input, .btn_type4_02 a {display:block; background:#417b9c; border:1px solid #417b9c; padding:5px 15px 4px 15px; color:#fff; font-size:12px; line-height:17px; font-weight:bold; letter-spacing:-1px; white-space:nowrap; cursor:pointer;}

.btn_type4_02 button:hover span, .btn_type4_02 button:focus span,

.btn_type4_02 input:hover, .btn_type4_02 input:focus,

.btn_type4_02 a:hover, .btn_type4_02 a:focus {background-color:#000; border-color:#000; text-decoration:none;}



.btn_type5 {display:inline-block; vertical-align:middle;}

.btn_type5 button, .btn_type5 input {height:43px; background:none; text-indent:0; font-size:12px; line-height:18px; overflow:visible;}

.btn_type5 button span, .btn_type5 input, .btn_type5 a {display:block; background:#666; border:1px solid #666; padding:12px 30px 11px 30px; color:#fff; font-size:14px; line-height:18px; font-weight:bold; letter-spacing:-1px; white-space:nowrap; cursor:pointer;}

.btn_type5 button:hover span, .btn_type5 button:focus span,

.btn_type5 input:hover, .btn_type5 input:focus,

.btn_type5 a:hover, .btn_type5 a:focus {background-color:#000 !important; border-color:#000; text-decoration:none;}



.btn_type5.ico_attend button span, .btn_type5.ico_attend input, .btn_type5.ico_attend a {padding:12px 39px 11px 61px; background:#666 url(../../images/webhome/icon_check.png) no-repeat 39px 50%;}



.btn_type6 {display:inline-block; vertical-align:middle;}

.btn_type6 button, .btn_type6 input {height:38px; background:none; text-indent:0; font-size:14px; line-height:18px; overflow:visible;}

.btn_type6 button span, .btn_type6 input, .btn_type6 a {display:block; background:#41639c; border:1px solid #375b70; padding:9px 79px 9px 79px; color:#fff; font-size:14px; line-height:18px; font-weight:bold; letter-spacing:-1px; white-space:nowrap; cursor:pointer;}

.btn_type6 button:hover span, .btn_type6 button:focus span,

.btn_type6 input:hover, .btn_type6 input:focus,

.btn_type6 a:hover, .btn_type6 a:focus {background-color:#000 !important; border-color:#000; text-decoration:none;}



.btn_type7 {display:inline-block; vertical-align:middle;}

.btn_type7 button, .btn_type7 input {height:32px; text-indent:0; font-size:12px; line-height:17px; overflow:visible;}

.btn_type7 button span, .btn_type7 input, .btn_type7 a, .btn_type7 button {display:block; background:#444; border:1px solid #444; padding:7px 15px 6px 15px; color:#fff; font-size:12px; line-height:17px; font-weight:bold; letter-spacing:-1px; white-space:nowrap; cursor:pointer;}

.btn_type7 button:hover span, .btn_type7 button:focus span,

.btn_type7 input:hover, .btn_type7 input:focus,

.btn_type7 a:hover, .btn_type7 a:focus {background-color:#000 !important; border-color:#000; text-decoration:none;}




.btn_type7.ico_layer button span, .btn_type7.ico_layer input, .btn_type7.ico_layer a, .btn_type7.ico_layer button {padding-right: 40px; background: #444 url("../../images/webhome/floor/icon_view_floor.png") no-repeat 100% 50%;}



.btn_type8 {display:inline-block; vertical-align:middle;}

.btn_type8 button, .btn_type8 input {height:78px; background:none; text-indent:0; font-size:12px; line-height:18px; overflow:visible;}

.btn_type8 button span, .btn_type8 input, .btn_type8 a {display:block; background:#666; border:1px solid #666; padding:29px 23px 29px 24px; color:#fff; font-size:16px; line-height:18px; font-weight:bold; letter-spacing:-1px; white-space:nowrap; cursor:pointer;}

.btn_type8 button:hover span, .btn_type8 button:focus span,

.btn_type8 input:hover, .btn_type8 input:focus,

.btn_type8 a:hover, .btn_type8 a:focus {background-color:#000 !important; border-color:#000 !important; text-decoration:none;}



.btn_type8.btn_facebook button span {background-color:#3b5a99; border-color:#3b5a99; padding:29px 20px 29px 20px;}



.btn_type9 {display:inline-block; vertical-align:middle;}

.btn_type9 button, .btn_type9 input {height:28px; text-indent:0; font-size:12px; line-height:17px; overflow:visible;}

.btn_type9 button span, .btn_type9 input, .btn_type9 a {display:block; background:#444444 url(../../images/webhome/bul_btn_arrow_03.png) no-repeat right 50%; border:1px solid #dddddd; padding:5px 32px 4px 15px; color:#dddddd; font-size:12px; line-height:17px; font-weight:bold; letter-spacing:-1px; white-space:nowrap; cursor:pointer;}

.btn_type9 button:hover span, .btn_type9 button:focus span,

.btn_type9 input:hover, .btn_type9 input:focus,

.btn_type9 a:hover, .btn_type9 a:focus {background-color:#000 !important; background-image:url(../../images/webhome/bul_btn_arrow_02.png); border-color:#000; color:#fff; text-decoration:none;}



.btn_type10 {display:inline-block; vertical-align:middle;}

.btn_type10 button, .btn_type10 input {text-indent:0; font-size:12px; line-height:17px; overflow:visible;}

.btn_type10 button span, .btn_type10 input, .btn_type10 a {background-color:#ffffff; display:block; border:1px solid #c1c1c1; padding:3px 5px 2px 5px; color:#767676; font-size:12px; line-height:17px; font-weight:bold; letter-spacing:-1px; white-space:nowrap; cursor:pointer;}

.btn_type10 button:hover span, .btn_type10 button:focus span,

.btn_type10 input:hover, .btn_type10 input:focus,

.btn_type10 a:hover, .btn_type10 a:focus {background-color:#000 !important; border-color:#000; color:#fff; text-decoration:none;}



.btn_type13 {display:inline-block; vertical-align:middle;  float: right;}

.btn_type13 button, .btn_type13 input {height:28px; text-indent:0; font-size:12px; line-height:17px; overflow:visible;}

.btn_type13 button span, .btn_type13 input, .btn_type13 a {display:block; background:#fff url(../../images/webhome/bul_btn_arrow_01.png) no-repeat right 50%; border:1px solid #666; padding:5px 32px 4px 15px; color:#666; font-size:12px; line-height:17px; font-weight:bold; letter-spacing:-1px; white-space:nowrap; cursor:pointer;}

.btn_type13 button:hover span, .btn_type13 button:focus span,

.btn_type13 input:hover, .btn_type13 input:focus,

.btn_type13 a:hover, .btn_type13 a:focus {background-color:#000 !important; background-image:url(../../images/webhome/bul_btn_arrow_02.png); border-color:#000; color:#fff; text-decoration:none;}

/* 2020-01-16 추가 : S */
.btn_type16 { display: inline-block; vertical-align: middle; }
.btn_type16 span, .btn_type16 input, .btn_type16 a { background-color:#000; display:block; border:1px solid #000; padding:3px 10px 2px 10px; color:#fff; font-size:12px; line-height:17px; font-weight:bold; letter-spacing:-1px; white-space:nowrap; cursor:pointer; }
.btn_type16 input:hover, .btn_type16 input:focus, .btn_type16 a:hover, .btn_type16 a:focus { text-decoration:none }
/* 2020-01-16 추가 : E */

/* 2020-07-29 추가 : S */
.btn_type17 {display: inline-block; vertical-align: middle;}
.btn_type17 span, .btn_type17 a {display:block;width:297px;height:60px;background-color:#333;font-size:16px;color:#fff;letter-spacing:-.03em;line-height:60px;text-align:center}
.btn_type17 span:after, .btn_type17 a:after {content:'';display:inline-block;margin-top:-3px;margin-left:10px;vertical-align:middle;width:6px;height:9px;background:url(../../images/webhome/bul_btn_arrow_04.png) 0 no-repeat}
.btn_type17 a:hover {text-decoration:none}

.btn_type18 {display: inline-block; vertical-align: middle;}
.btn_type18 span, .btn_type18 a {display:block;width:297px;height:60px;background-color:#234635;font-size:16px;color:#fff;letter-spacing:-.03em;line-height:60px;text-align:center}
.btn_type18 span:after, .btn_type18 a:after {content:'';display:inline-block;margin-top:-3px;margin-left:10px;vertical-align:middle;width:6px;height:9px;background:url(../../images/webhome/bul_btn_arrow_04.png) 0 no-repeat}
.btn_type18 a:hover {text-decoration:none}
/* 2020-07-29 추가 : E */

@-moz-document url-prefix() { /*for only Firefox */

	.btn_type1 button, .btn_type2 button, .btn_type3 button, .btn_type3_02 button, .btn_type4 button, .btn_type4_02 button,

	.btn_type5 button, .btn_type6 button, .btn_type7 button, .btn_type8 button, .btn_type9 button, .btn_type10 button {height:auto; margin:0 -3px;}

}





/* icon button */

.icobtn_calender, .ui-datepicker-trigger {width:16px; height:16px; overflow:hidden; background:url(../../images/webhome/btn_calender.png) no-repeat 0 0; text-indent:0; line-height:500px; vertical-align:middle;}

.ui-datepicker-trigger {margin:0 5px !important; cursor:pointer;}



.icobtn_calender02 {display:inline-block; width:31px; height:28px; overflow:hidden; background:url(../../images/webhome/btn_calender02.png) no-repeat 0 -28px; text-indent:0; line-height:500px; vertical-align:top;}

.icobtn_calender02.on {background-position:0 0;}

.icobtn_plus button {width:46px; height:29px; overflow:hidden; background:url(../../images/webhome/btn_plus.png) no-repeat 0 0; text-indent:0; line-height:500px;}

.icobtn_minus button {width:46px; height:29px; overflow:hidden; background:url(../../images/webhome/btn_minus.png) no-repeat 0 0; text-indent:0; line-height:500px;}

.icobtn_toggle {display:inline-block; width:33px; height:30px; overflow:hidden; background:url(../../images/webhome/btn_toggle.png) no-repeat 0 0; text-indent:-5000px; font-size:0; line-height:0;}

.icobtn_toggle.open {background-position:0 -30px;}

.icobtn_toggle.closed {background-position:0 0;}

.icobtn_toggle02 {display:inline-block; width:33px; height:41px; overflow:hidden; background:url(../../images/webhome/btn_toggle02.png) no-repeat 0 0; text-indent:-5000px; font-size:0; line-height:0;}

.icobtn_toggle02.open {background-position:0 -41px;}

.icobtn_toggle02.closed {background-position:0 0;}

.icobtn_toggle03 {display:inline-block; width:21px; height:22px; overflow:hidden; background:url(../../images/webhome/btn_toggle03.png) no-repeat 0 0; text-indent:-5000px; font-size:0; line-height:0;}

.icobtn_toggle03.open {background-position:0 -22px;}

.icobtn_toggle03.closed {background-position:0 0;}

.icobtn_list {display:inline-block; width:31px; height:28px; overflow:hidden; background:url(../../images/webhome/btn_list.png) no-repeat 0 -28px; text-indent:0; line-height:500px; vertical-align:top;}

.icobtn_list.on {background-position:0 0;}

.icobtn_arrow_left.on {width:8px; height:15px; background:url(../../images/webhome/btn_arrow_left.png) no-repeat 0 0; font-size:0px; line-height:0; display:inline-block;}

.icobtn_arrow_left {width:8px; height:15px; background:url(../../images/webhome/btn_arrow_left.png) no-repeat 0 -15px; font-size:0px; line-height:0; display:inline-block;}

.icobtn_arrow_right.on {width:8px; height:15px; background:url(../../images/webhome/btn_arrow_right.png) no-repeat 0 0; font-size:0px; line-height:0; display:inline-block;}

.icobtn_arrow_right {width:8px; height:15px; background:url(../../images/webhome/btn_arrow_right.png) no-repeat 0 -15px; font-size:0px; line-height:0; display:inline-block;}

.icobtn_twitter {width:25px; height:25px; overflow:hidden; background:url(../../images/webhome/btn_twitter.png) no-repeat 0 0; text-indent:0; line-height:500px; display:inline-block; vertical-align:top;}

.icobtn_facebook {width:25px; height:25px; overflow:hidden; background:url(../../images/webhome/btn_facebook.png) no-repeat 0 0; text-indent:0; line-height:500px; display:inline-block; vertical-align:top;}

.icobtn_pinterest {width:25px; height:25px; overflow:hidden; background:url(../../images/webhome/btn_pinterest.png) no-repeat 0 0; text-indent:0; line-height:500px; display:inline-block; vertical-align:top;}

.icobtn_metoday {width:25px; height:25px; overflow:hidden; background:url(../../images/webhome/btn_metoday.png) no-repeat 0 0; text-indent:0; line-height:500px; display:inline-block; vertical-align:top;}

.icobtn_detail {width:25px; height:25px; overflow:hidden; background:url(../../images/webhome/btn_detail02.png) no-repeat 0 0; text-indent:0; line-height:500px; display:inline-block; vertical-align:top;}

.icobtn_detail a {display:block; width:25px; height:25px;}

.icobtn_del {width:13px; height:13px; overflow:hidden; background:url(../../images/webhome/btn_delete.png) no-repeat 0 0; text-indent:0; line-height:500px;}

.icobtn_del02 {width:19px; height:19px; overflow:hidden; background:url(../../images/webhome/btn_delete02.png) no-repeat 0 0; text-indent:0; line-height:500px;}

.icobtn_edit, .icobtn_edit:focus {background:url(../../images/webhome/btn_edit.png) no-repeat 0 0; width:14px; height:13px; display:inline-block; margin-left:5px; font-size:0; line-height:0; text-indent:0; vertical-align:middle;}

.icobtn_more {background:url(../../images/webhome/btn_more.png) no-repeat 0 0; width:15px; height:15px; text-indent:0; font-size:0; display:inline-block; margin-left:5px; vertical-align:top; margin-top:1px; line-height:0;}

.icobtn_more02 {background:url(../../images/webhome/btn_more02.png) no-repeat 0 0; width:18px; height:18px; text-indent:0; font-size:0; float:right; vertical-align:top; line-height:0;}

.icobtn_more03 {background:url(../../images/webhome/btn_more.png) no-repeat 100% 1px; width:60px; height:16px; font-size:12px; font-weight:bold; letter-spacing:-1px; position:absolute; right:0; top:0;}

.icobtn_sizeup {width:33px; height:30px; overflow:hidden; background:url(../../images/webhome/btn_sizeup.png) no-repeat 0 0; text-indent:0; line-height:500px;}

.icobtn_sizedown {width:33px; height:30px; overflow:hidden; background:url(../../images/webhome/btn_sizedown.png) no-repeat 0 0; text-indent:0; line-height:500px;}

*+ html .icobtn_sizeup {margin-left:3px;}

*+ html .icobtn_sizedown {margin-left:3px;}





/* toggle */

.func_toggle {width:100%; position:relative; border-top:1px solid #c2c7d5;}

.func_toggle .icobtn_toggle {position:absolute; top:-30px; right:0;}

.func_toggle .toggle:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}

.func_toggle .toggle .icobtn_toggle.closed {z-index:1;}

.func_toggle.hide {border-top:0; border-bottom:1px solid #333;}

.func_toggle.hide .toggle {height:0; overflow:hidden; visibility:hidden;}

.func_toggle .toggle > .tb_type1, .func_toggle .toggle > .tb_type2, .func_toggle .toggle > .datalist_tbtype4 {margin-top:-1px;}



.func_toggle_type2 {width:100%; position:relative; border-bottom:1px solid #cbcbcb;}

.func_toggle_type2 .icobtn_toggle02 {position:absolute; top:0; right:0;}

.func_toggle_type2 .head {min-height:41px;}

.func_toggle_type2 .head > p {padding:12px 40px 11px 20px !important; margin:0 !important; color:#767676;}

.func_toggle_type2 .toggle:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}

.func_toggle_type2 .toggle .icobtn_toggle02.closed {z-index:1;}

.func_toggle_type2 .toggle_head.hide {min-height:0; height:0 !important; overflow:hidden; visibility:hidden;}

.func_toggle_type2.hide .toggle {height:0; overflow:hidden; visibility:hidden;}





/* tab */

.tab_type1 {width:100%; margin-bottom:15px; padding-bottom:1px; overflow:hidden; background:url(../../images/webhome/bg_line_1x1_313131.png) repeat-x 0 bottom; position:relative;}

.tab_type1 li {float:left; margin:0 0 0 2px;}

.tab_type1 li a {display:inline-block; padding:9px 30px 9px 30px; background:#ececec; border:1px solid #ececec; border-bottom:0; color:#666; font-size:14px; font-weight:bold; letter-spacing:-1px;}

.tab_type1 li.on a {background:#fff; padding-bottom:10px; margin-bottom:-1px; border-color:#313131; color:#000;}

.tab_type1 li:first-child {margin-left:0;}



.tab_type2 {width:100%; margin-bottom:15px; padding-bottom:1px; overflow:hidden; background:url(../../images/webhome/bg_line_1x1_313131.png) repeat-x 0 bottom; position:relative;}

.tab_type2 .btn_type2 {position:absolute; right:0; top:0;}

.tab_type2 li {float:left; margin:0 0 0 2px; }

.tab_type2 li a, .tab_type2 li span {display:inline-block; padding:9px 27px 9px 27px; padding:9px 29px 9px 29px \0/IE8+9; *padding:9px 29px 9px 29px; background:#ececec; border:1px solid #ececec; border-bottom:0; color:#666; font-size:14px; font-weight:bold; letter-spacing:-1px \0/IE8+9; *letter-spacing:-1px;}

@-moz-document url-prefix(){

	.tab_type2 li a, .tab_type2 li span {padding:9px 29px 9px 29px; letter-spacing:-1px;}

}

.tab_type2 li.on a, .tab_type2 li.on span {background:#fff; padding-bottom:10px; margin-bottom:-1px; border-color:#313131; color:#000;}

.tab_type2 li:first-child {margin-left:0;}



.tab_type3 {width:100%; margin-bottom:30px; overflow:hidden;}

.tab_type3 li {float:left; margin:0 0 2px 2px;}

.tab_type3 li:first-child {margin-left:0;}

.tab_type3 li a {display:inline-block; width:168px; padding:11px 4px 11px 15px; background:#ececec; border:1px solid #ececec; color:#666; font-size:14px; font-weight:bold; letter-spacing:-1px;}

.tab_type3 li.fir {margin-left:0;}

.tab_type3 li.fir a, .tab_type3 li.last a {width:169px;}

.tab_type3 li.on a {background:#fff; border-color:#313131; color:#000;}

.tab_type3.ac li a {text-align:center; text-indent:-15px;}

*+ html .tab_type3.ac li a {display:block;}

.tab_type3.col3 li a {width:232px;}

.tab_type3.col3 li.fir a {width:233px;}

.tab_type3.col5 li a {width:130px;}

.tab_type3.col5 li.fir a {width:131px;}

.tab_type3.col5 li.wsize2 a {width:126px;}

.tab_type3.col5 li.wsize3 a {width:147px;}

.tab_type3.col7 li a {width:105px; padding:11px 0; font-size:12px; text-align:center;}

.tab_type3.col7 li.fir a {width:107px;}

.tab_type3.col7 li.last a {width:106px;}



.tab_contgroup.hide {display:none;}

.func_tabcontgroup.hide {display:none;}



.tab_group  {position:relative;}

.tab_group .button_ar {position:absolute; right:0; top:0; margin-top:0;}





/* paging */

.paging {text-align:center; margin-top:20px; min-height:22px;}

.paging a, .paging strong {display:inline-block; border:1px solid #e0e0e0; padding:2px 7px 0px 7px; text-align:center; color:#666666; text-decoration:none; margin:0 3px; line-height:18px; vertical-align:middle;}

.paging .on {background-color:#000; color:#ffffff; border:1px solid #000; font-weight:bold;}

.paging .prev {border:none; padding:0; margin:0;}

.paging .first {border:none; padding:0;margin:0;}

.paging .next {border:none; padding:0;margin:0;}

.paging .last {border:none; padding:0;margin:0;}


/* 21-01-27 추가 */

.tb_type1 .charging {display: inline-block; height: 28px; line-height: 26px; margin-right: 10px; padding:0 24px 0 14px; border:1px solid #666; background:url(../../images/webhome/charing_arrow.png) no-repeat 85% center; font-size:12px!important; text-indent: 0;}


/* tb_board */

.tb_type1 {border-bottom:1px solid #c2c7d5;}

.tb_type1 table {width:100%; border-top:2px solid #c2c7d5; border-bottom:1px solid #c2c7d5;}

.tb_type1 table tr:first-child th, .tb_type1 table tr:first-child td {border-top:0;}

.tb_type1 table th, .tb_type1 table td {border-top:1px solid #c2c7d5; border-left:1px solid #c2c7d5;}

.tb_type1 table th.fir, .tb_type1 table td.fir {border-left:0;}

.tb_type1 table th {padding:12px 0 11px 20px; background:#eaedf3; color:#5d6c89; text-align:left; letter-spacing:-1px;}

.tb_type1 table th .required {position:absolute; margin:4px 0 5px -7px;}

.tb_type1 table thead th {padding-left:0; border-bottom:1px solid #c2c7d5; border-left:0; text-align:center;}

.tb_type1 table thead th.sect {padding:8px 0 7px 0; background:#f3f4f7;}

.tb_type1 table td {padding:8px 0 7px 20px; background:#fff; color:#666;}

.tb_type1 table td .btn_type1{padding-right:15px;}

.tb_type1 table td.noresult {padding-left:0 !important; padding-right:0 !important;}

.tb_type1 table .tbody th, .tb_type1 table .tbody td {border-left:0;}

.tb_type1 table .tfoot tr th, .tb_type1 table .tfoot tr td {border-left:0; border-bottom:0; border-top:1px solid #c2c7d5;}

.tb_type1 table .tfoot tr th {color:#333;}

.tb_type1 table .tfoot02 tr th, .tb_type1 table .tfoot02 tr td {border-left:0; border-bottom:2px solid #c3c8d5; border-top:2px solid #c3c8d5; padding:12px 0; font-weight:bold; color:#333333;}

.tb_type1 table .tfoot02 tr td.font_normal {font-weight:normal;}

.tb_type1 table .tfoot02 tr td.b_line {border-bottom:1px solid #c3c8d5;}

.tb_type1 table .tfoot02 .left_pad {padding-left:20px;}

.tb_type1 table .tfoot02 .right_pad {padding-right:20px;}

.tb_type1 table .tfoot02 tr td.no_bline {border-bottom:0;}

.tb_type1 table .tbody th {padding:8px 0 7px 20px; background:none; color:#666; font-weight:normal;}

.tb_type1 table .al {padding-left:20px !important; text-align:left !important;}

.tb_type1 table .al_type2 {padding-left:5px !important; text-align:left !important;}

.tb_type1 table .ar th, .tb_type1 table .ar td {padding-right:20px; text-align:right;}

.tb_type1 table .ar {padding-right:20px !important; text-align:right !important;}

.tb_type1 table .ar02 {padding-right:30px !important; text-align:right !important;}

.tb_type1 table .ar03 {padding:11px 0 10px 0 !important; text-align:right !important;}

.tb_type1 table .ar04 {padding-right:10px !important; padding-left:10px !important; text-align:right !important;}

.tb_type1 table .ac th, .tb_type1 table .ac td {padding-left:0; padding-right:0; text-align:center;}

.tb_type1 table .ac {padding-left:0 !important; padding-right:0 !important; text-align:center !important;}

.tb_type1 table .emcell {background:#eaedf3 !important; color:#5d6c89 !important;}

*+ html .tb_type1 table td .func_option {margin-right:3px !important;}

.tb_type1 table th.line, .tb_type1 table td.line {border-left:1px solid #c2c7d5;}

.tb_type1 table th.line_type2, .tb_type1 table td.line_type2 {border-right:1px solid #c2c7d5;}

.tb_type1 table.form td, .tb_type1 table td.celltype_input {padding:3px 0 3px 20px;}

.tb_type1 table.form td .text, .tb_type1 table.form td .func_option,

.tb_type1 table td.celltype_input .text, .tb_type1 table td.celltype_input .func_option {margin:4px 0;}

.tb_type1 table.form td.celltype_output {padding-top:8px; padding-bottom:7px;}

.tb_type1 table.form td .note {margin-bottom:5px;}

.tb_type1 table.form td .note_upper {margin-top:5px;}

.tb_type1 table td .note, .tb_type1 table td.celltype_output .note {margin:5px 0 0 0;}

.tb_type1 table td .note_upper, .tb_type1 table td.celltype_output .note_upper {margin:0 0 5px 0;}

.tb_type1 table td .btn_group {margin:5px 0;}

.tb_type1 table td .chkarea_upper {margin-top:5px;}

.tb_type1 table td .icon_lock {background:url(../../images/webhome/icon_lock.png) no-repeat 0 0; width:10px; height:12px; display:inline-block; margin-right:5px; font-size:0; line-height:0; text-indent:0; vertical-align:middle;}

.tb_type1 table td .icon_unlock {background:url(../../images/webhome/icon_unlock.png) no-repeat 0 0; width:10px; height:13px; display:inline-block; margin-right:5px; font-size:0; line-height:0; text-indent:0; vertical-align:middle;}

.tb_type1 table td .txtinput_group {margin:5px 0;}

.tb_type1 .tb_innrcont {padding:12px 20px 11px 20px; background:#fff; border-bottom:1px solid #c2c7d5;}

.tb_type1 .tb_innrcont.tline {border-top:1px solid #c2c7d5;}

.tb_type1 table td.celltype_divcell {padding:0;}

.tb_type1 table td.celltype_divcell .divcell {padding:8px 0 7px 20px; border-top:1px solid #c2c7d5;}

.tb_type1 table td.celltype_clear {padding:0 !important; border:0 !important;}

.tb_type1 table td .subject_iconpreset {display:block; position:relative; padding-left:20px; margin-left:-15px;}

.tb_type1 table td .subject_iconpreset .icobtn_del {position:absolute; left:0; margin:2px 0;}

.tb_type1 table td .subject_iconpreset .icon_lock, .tb_type1 table td .subject_iconpreset .icon_unlock {position:absolute; left:5px; margin:2px 0;}

.tb_type1 table td .details {background:#f6f6f6; padding:15px 20px 15px 70px; border-top:1px solid #c2c7d5;}

.tb_type1 table .trtype_double th {border-top:2px solid #c2c7d5; border-bottom:2px solid #c2c7d5; background:none; color:#333;}

.tb_type1 table .trtype_double td {border-top:2px solid #c2c7d5; border-bottom:2px solid #c2c7d5; border-left:0;}

.tb_type1 table td .btn_lpad {margin-left:20px;}

.tb_type1 table td .selgroup_lpad {padding-left:30px;}

.tb_type1 table td .input_between_pad {margin-left:20px !important;}

.tb_type1 table td .input_label .labeltype_pw {margin:4px 0; padding-left:0; padding-right:0; width:100%; text-align:center;}

.tb_type1 table td.title {padding:13px 0 13px 20px; font-size:14px; color:#333;}



.tb_type2 table {width:100%; border:1px solid #c2c7d5;}

.tb_type2 table th, .tb_type2 table td {border-top:1px solid #c2c7d5; border-left:1px solid #c2c7d5;}

.tb_type2 table tr:first-child th, .tb_type2 table tr:first-child td {border-top:0;}

.tb_type2 table tfoot tr:first-child th, .tb_type2 table tfoot tr:first-child td {border-top:1px solid #c2c7d5;}

.tb_type2 table th.fir, .tb_type2 table td.fir {border-left:0;}

.tb_type2 table th {padding:12px 0 11px 20px; background:#eaedf3; color:#5d6c89; text-align:left; letter-spacing:-1px;}

.tb_type2 table th .required {position:absolute; margin:4px 0 5px -7px;}

.tb_type2 table thead th {padding-left:0; border-bottom:1px solid #c2c7d5; text-align:center;}

.tb_type2 table .tbody th {padding:8px 0 7px 20px; background:none; color:#666; font-weight:normal; letter-spacing:0;}

.tb_type2 table .tfoot th, .tb_type2 table .tfoot td {border-top:1px solid #c2c7d5 !important;}

.tb_type2 table .tfoot tr th {background:none; padding:8px 0 7px 20px; color:#333;}

.tb_type2 table .tfoot02 tr th {padding:0; border-left:0;}

.tb_type2 table .tfoot02 tr th .line_type1_1 {border:4px solid #3b4f6d; border-right: 0;}

.tb_type2 table .tfoot02 tr th .line_type1_1 .line_type2 {height:20px; border-right:1px solid #ced2dd; padding: 14px 0 14px 16px;}

.tb_type2 table .tfoot02 tr td {padding:0; border-left:0}

.tb_type2 table .tfoot02 tr td .txt_type1 {font-size:16px; color:#3b4f6d;}

.tb_type2 table .tfoot02 tr td .txt_plus_a {display:inline-block; margin-top:1px;}

.tb_type2 table .tfoot02 tr td .line_type1_2 {height:20px; border:4px solid #3b4f6d; padding: 14px 0 14px 16px; border-left: 0;}

.tb_type2 table .tfoot03 th, .tb_type2 table .tfoot03 td {border-top:1px solid #c2c7d5 !important;}

.tb_type2 table .tfoot03 td {padding:12px 0 12px 20px; color:#333;}

.tb_type2 table .tfoot03 td .txt_emp {font-size:14px; font-weight:bold; letter-spacing:-1px; color:#333;}

.tb_type2 table .tfoot03 td span:first-child .txt_emp:first-child {margin-right:15px;}

.tb_type2 table .tfoot03 td .txt_emp02 {font-size:14px; font-weight:bold; letter-spacing:-1px; color:#333; vertical-align:middle;}

.tb_type2 table .tfoot03.ar td, .tb_type2 table .tfoot03 td.ar {padding-right:30px !important;}

.tb_type2 table td {padding:8px 0 7px 20px; background:#fff; color:#666;}

.tb_type2 table td.noresult {padding-left:0 !important; padding-right:0 !important; text-align:center;}

*+ html .tb_type2 table td .func_option {margin-right:3px !important; }

.tb_type2 table .al {padding-left:20px !important; text-align:left !important;}

.tb_type2 table .al02 {padding-left:10px !important; text-align:left !important;}


.tb_type2 table .ar th, .tb_type2 table .ar td {padding-right:20px; text-align:right;}

.tb_type2 table .ar {padding-right:20px !important; text-align:right !important;}

.tb_type2 table .ar02 {padding-right:30px !important; text-align:right !important;}

.tb_type2 table .ar03 {padding-right:40px !important; text-align:right !important;}

.tb_type2 table .ar04 {padding-right:10px !important; text-align:right !important;}

.tb_type2 table .ac th, .tb_type2 table .ac td {padding-left:0; padding-right:0; text-align:center;}

.tb_type2 table .ac {padding-left:0 !important; padding-right:0 !important; text-align:center !important;}

.tb_type2 table .th_emcell {padding:12px 0 0 20px; text-align:left; border-bottom:0;}

.tb_type2 table .emcell {background:#eaedf3 !important; color:#5d6c89 !important;}

.tb_type2 table .emcell02 {background:#eaedf3 !important; color:#5d6c89 !important; border-top:0; border-bottom:1px solid #c2c7d5; padding:0 0 12px 20px;}

.tb_type2 table td .note {margin-top:5px;}

.tb_type2 table td .note_upper {margin-bottom:5px;}

.tb_type2 table td .txtinput_group {margin-bottom:5px;}

.tb_type2 table td .tit_inptype {padding-right:20px;}

.tb_type2 table.form td, .tb_type2 table td.celltype_input {padding:3px 0 3px 20px;}

.tb_type2 table.form td .text, .tb_type2 table.form td .func_option,

.tb_type2 table td.celltype_input .text, .tb_type2 table td.celltype_input .func_option  {margin:4px 0;}

.tb_type2 table.form td.celltype_output {padding-top:8px; padding-bottom:7px;}

.tb_type2 table.info > tbody > tr > th {padding-left:15px;}

.tb_type2 table.info > tbody > tr > td {padding:10px 10px 9px 15px;}

.tb_type2 table.info > tbody > tr > td.valign_top {vertical-align:top;}

.tb_type2 table.info02 .thead th {font-size:14px; }

.tb_type2 table.info02 .thead td {font-size:14px; border-left:0; font-weight:bold; background:#eaedf3; color:#5d6c89;}

.tb_type2 table td .txt_rspace {width:76px; display:inline-block;}

.tb_type2 table td .txt_lpad {padding-left:15px;}

.tb_type2 table td.txt_rpad {padding-right:15px;}

.tb_type2 table.info03 {border-top:1px solid #c2c7d5; border-left:1px solid #c2c7d5; border-bottom:0; border-right:0;}

.tb_type2 table.info03 th, .tb_type2 table.info03 td {border-top:0; border-left:0; border-right:1px solid #c2c7d5; border-bottom:1px solid #c2c7d5;}

.tb_type2 table.info03 td.no_line {background:none;}

.tb_type2 table th .ico_apple {background:url(../../images/webhome/icon_apple.png) no-repeat 0 0; width:15px; height:18px; display: inline-block; font-size:0; line-height:0; vertical-align:middle; margin:-1px 5px 1px 0;}

.tb_type2 table th .ico_android {background:url(../../images/webhome/icon_android.png) no-repeat 0 0; width:15px; height:18px; display: inline-block; font-size:0; line-height:0;vertical-align:middle; margin:-1px 5px 1px 0;}

.tb_type2 table td.cell_color {background-color:#f3f4f7; }

/* 2022-08-01 추가 [S] */
.tb_type2 table td.bdtn{border-top: none;}

.tb_type2 table td strong.mile_category{ width: 100px; display: inline-block;}
/* 2022-08-01 추가 [E] */


.tb_type3 table {width:100%; table-layout:fixed;}

.tb_type3 table tbody th,

.tb_type3 table tbody td {padding:12px 0; background: url(../../images/webhome/bg_dotted_cccccc.png) repeat-x 0 top; text-align:left;}

/* 22-05-04 추가 : S */
.tb_type3 table tbody .menu th,
.tb_type3 table tbody .menu td {padding:12px 0; background: none;}
.tb_type3 table tbody .menu .line{ width:20px; background: url(../../images/webhome/bg_dotted_cccccc.png) repeat-x 0;}
/* 22-05-04 추가 : E */

.tb_type3 table tbody tr.fir th,

.tb_type3 table tbody tr.fir td {text-align:left;background:none;}

.tb_type3 table tbody th {vertical-align:top; color:#333;}

.tb_type3 .menu {overflow:hidden; width:605px;}

.tb_type3 .menu li {position:relative; float:left; width:133px; margin-bottom:8px; padding-left:15px;}

.tb_type3 .menu li span.hit {position:absolute; top:2px; left:0; font-size:0; line-height:0;}

.tb_type3 .menu li span.hit img {vertical-align:top;}

.tb_type3 .menu li strong {color:#333;}



.tb_type4 table {width:100%; table-layout:fixed; margin-top:30px;}

.tb_type4 table th {padding:12px 0; border-bottom:1px solid #55575d; text-align:left; color:#333; vertical-align:top;}

.tb_type4 table td {padding:12px 0 12px 20px; border-bottom:1px solid #cbcbcb; text-align:left;}

.tb_type4 table .fir th {border-top:1px solid #55575d;}

.tb_type4 table .fir td {border-top:1px solid #cbcbcb; font-weight:bold; color:#333;}



.tb_type5 table {width:100%; table-layout:fixed; margin-top:0; margin-bottom:15px;}

.tb_type5 table th {padding:12px 0; border-bottom:none; background: url(../../images/webhome/bg_line_tbtype5.png) repeat-x -10px bottom; text-align:center; color:#666;}

.tb_type5 table td {padding:12px 0; border-bottom:none; background: url(../../images/webhome/bg_line_tbtype5.png) repeat-x -10px bottom; text-align:center;}

.tb_type5 table th.narrow, .tb_type5 table td.narrow {padding:8px 0;}

.tb_type5 table th.fir, .tb_type5 table td.fir {background-position: 0 bottom;}

.tb_type5 table .al th, .tb_type5 table .al td {text-align:left !important; padding-left:0;}

.tb_type5 table td.al {text-align:left !important; padding-left:20px;}

.tb_type5 table td.bg_no {background:none;}



/* tb_board - common style */

table .tb_cardlist {margin-top:-10px;}

table .tb_cardlist:after {content:" "; display:block; height:0; overflow:hidden; clear:both; visibility:hidden;}

*+ html .tb_cardlist {display:inline-block;}

table .tb_cardlist li {float:left; margin:12px 35px 0 0;}

table .tb_cardlist li input.radio {margin-top:25px; vertical-align:top;}

table .tb_cardlist li label {width:90px; vertical-align:top; text-align:center;}

table .tb_cardlist li label img {width:90px; height:56px; display:block; margin-bottom:12px;}

table td .note_upper + .tb_cardlist {margin-top:-6px;}



table .tb_cardlist02:after {content:" "; display:block; height:0; overflow:hidden; clear:both; visibility:hidden;}

*+ html .tb_cardlist02 {display:inline-block;}

table .tb_cardlist02 li {width:50%; float:left; padding:10px 0;}

table .tb_cardlist02 .pic {float:left; margin-right:18px;}

table .tb_cardlist02 .pic img {width:136px; height:85px;}

table .tb_cardlist02 .cont {float:left; margin-top:16px;}

table .tb_cardlist02 .cont .tit {font-weight:bold; color:#333;}



table td .comment {display:inline-block; text-align:center; background:url(../../images/webhome/icon_review.png) no-repeat 0 0; color:#fff; width:26px; height:22px; padding-top:1px; margin:0 auto; vertical-align:-4px;}

table td .num {display:block; text-align:left !important; background:url(../../images/webhome/icon_favorite.png) no-repeat 0 0; color:#fff; padding: 5px 0 0 8px; height: 23px;}

table td .comment img {vertical-align:-4px; margin-right:2px;}

table td.subject {font-weight:bold; letter-spacing:-1px; padding:8px 5px 7px 5px;}

table td.subject, table td.subject a {color:#333;}

table td.subject02 {font-weight:bold; letter-spacing:-1px;}

table td.subject02, table td.subject02 a {color:#666;}

table td.subject .comment {display:inline-block; margin-left:5px; font-weight:normal; color:#666;}

table td.status {padding-left:0; padding-right:0; text-align:center;}

table td.status .stat_finish {display:inline-block; font-weight:bold; color:#fff; background-color:#666666; padding:4px 18px; white-space:nowrap;}

table td.status .stat_close {display:inline-block; font-weight:bold; color:#fff; background-color:#dd4c4c; padding:4px 6px; white-space:nowrap;}

table td.status .stat_apply {display:inline-block; font-weight:bold; color:#fff; background-color:#333333; padding:4px 6px; white-space:nowrap;}

table td.status .stat_visit {display:inline-block; font-weight:bold; color:#fff; background-color:#3d567e; padding:4px 6px; white-space:nowrap;}

table td.status .stat_finish_btn button {height:26px; text-indent:0; font-size:12px; line-height:18px; overflow:visible;}

table td.status .stat_finish_btn button span {display:block; background:#666; padding:4px 18px; color:#fff; font-size:12px; line-height:18px; font-weight:bold; white-space:nowrap; cursor:pointer;}

table td.status .stat_close_btn button {height:26px; text-indent:0; font-size:12px; line-height:18px; overflow:visible;}

table td.status .stat_close_btn button span {display:block; background:#dd4c4c; padding:4px 6px; color:#fff; font-size:12px; line-height:18px; font-weight:bold; white-space:nowrap; cursor:pointer;}

table td.status .stat_apply_btn button {height:26px; text-indent:0; font-size:12px; line-height:18px; overflow:visible;}

table td.status .stat_apply_btn button span {display:block; background:#666; padding:4px 6px; color:#fff; font-size:12px; line-height:18px; font-weight:bold; white-space:nowrap; cursor:pointer;}

table td.status .stat_apply_btn button:hover span, table td.status .stat_apply_btn button:focus span, table td.status .stat_apply_btn button:active span {background:#333;}

table td.status .stat_visit_btn button {height:26px; text-indent:0; font-size:12px; line-height:18px; overflow:visible;}

table td.status .stat_visit_btn button span {display:block; background:#3d567e; padding:4px 6px; color:#fff; font-size:12px; line-height:18px; font-weight:bold; white-space:nowrap; cursor:pointer;}

table td.status02 {padding-left:0; padding-right:0; text-align:center;}

table td.status02 .stat_ready {display:inline-block; min-width:54px; padding:2px 0 1px 0; border:1px solid #5d6c89; color:#5d6c89;}

table td.status02 .stat_done {display:inline-block; min-width:54px; padding:2px 0 1px 0; border:1px solid #5d6c89; color:#fff; background:#5d6c89;}

table td.status02 .stat_ing {display:inline-block; min-width:54px; padding:2px 0 1px 0; border:1px solid #767676; color:#fff; background:#767676;}

table td.star img {vertical-align:0;}

table td.install_program .icon_area {display:inline-block; margin-right:4px; vertical-align:top;}

table td.install_program .icon_area img {vertical-align:middle;}

table td.install_program .icon_tit {display:inline-block; width:91px;}



table .tb_chklist li {margin-bottom:8px;}

table .tb_point td {padding:112px 0 7px 0 !important;}

table .tb_point td.icon01 {background:url(../../images/webhome/icon_point01.png) no-repeat 50% 32px;}

table .tb_point td.icon02 {background:url(../../images/webhome/icon_point02.png) no-repeat 50% 32px;}

table .tb_point td.icon03 {background:url(../../images/webhome/icon_point03.png) no-repeat 50% 32px;}

table .tb_point td.icon04 {background:url(../../images/webhome/icon_point04.png) no-repeat 50% 32px;}

table .tb_point td.icon05 {background:url(https://www.ehyundai.com/images/webhome/icon_point05.png) no-repeat 50% 18px;}

table .tb_point td p.value {padding-top:11px; padding-bottom:5px; border-top:1px solid #c2c7d5; font-size:16px; font-weight:bold; text-align:center; }

table .no_sideline {border-left:0 !important; border-right:0 !important;}

table .tb_calculation td {padding-right:40px; line-height:2.5em; font-size:24px; text-align:right;}

table .tb_calculation td input.text {font-size:24px; vertical-align:1px; text-align:right;}

table .tb_calculation .minus {background:url(../../images/webhome/bg_minus.png) no-repeat 0 50%;}

table .tb_calculation .equal {background:url(../../images/webhome/bg_equal.png) no-repeat 0 50%;}

table .tb_calculation .plus {background:url(../../images/webhome/bg_plus.png) no-repeat 0 50%;}

table .tb_intable {border-top:0; border-bottom:0;}

table .tb_intable th {background:none;}





/* tb_bbsview_group */

.tb_bbsview_group .tb_bbsview_head {overflow:hidden;}

.tb_bbsview_group .tb_bbsview_head .tit {margin-bottom:10px; font-size:16px; line-height:20px; color:#333333; float:left;}

.tb_bbsview_group .tb_bbsview_head .hitdate {float:right; margin:2px 0 10px 0; color:#333333;}

.tb_bbsview_group .tb_bbsview_head .hitdate li {float:left; padding-left:25px;}

.tb_bbsview_group .tb_bbsview_head .hitdate li:first-child {padding-left:0px;}

.tb_bbsview_group table td.view {padding:30px 20px;}

.tb_bbsview_group table .hidden th {border-top:none; padding:0; background:none;}

.tb_bbsview_group .tb_type1 table + table {border-top-width:1px;}



.tb_bbsview_group02 {border-top:2px solid #c2c7d5;}

.tb_bbsview_group02 .bbsview_head {margin-bottom:20px; border-bottom:1px solid #c2c7d5; overflow:hidden; padding-bottom:12px;}

.tb_bbsview_group02 .bbsview_head .tit {font-size:16px; line-height:20px; color:#333; padding:13px 0 0 0; float:left;}

.tb_bbsview_group02 .bbsview_head .tit .stat {display:inline-block; padding:2px 4px 1px 4px; background:#fff; font-weight:bold; font-size:12px; line-height:15px; letter-spacing:-1px; vertical-align:2px;}

.tb_bbsview_group02 .bbsview_head .tit .stat_close {border:1px solid #666; color:#666;}

.tb_bbsview_group02 .bbsview_head .tit .stat_open {border:1px solid #dd4c4c; color:#dd4c4c;}

.tb_bbsview_group02 .bbsview_head .date {font-size:12px; color:#333; float:right; margin-top:15px;}

.tb_bbsview_group02 .bbsview_head .hitdate {float:right; color:#333333;}

.tb_bbsview_group02 .bbsview_head .hitdate li {float:left; padding-left:25px; margin-top:15px;}

.tb_bbsview_group02 .bbsview_head .hitdate li:first-child {padding-left:0px;}

.tb_bbsview_group02 .tit_group {margin:0 0 12px 0; overflow:hidden;}

.tb_bbsview_group02 .tit_group .tit {font-size:16px; line-height:20px; color:#333; float:left; margin-top:10px;}

.tb_bbsview_group02 .tit_group .write_info {float:right; margin-top:10px; color:#333;}

.tb_bbsview_group02 .tit_group .write_info li {float:left; margin-left:25px;}

.tb_bbsview_group02 .tit_group .write_info .icon {background:url(../../images/webhome/icon_heart.png) no-repeat 0 0; width:13px; height:12px; display:inline-block; vertical-align:middle; padding-right:2px;}

.tb_bbsview_group02 .cont {padding-bottom:30px; border-bottom:2px solid #c2c7d5;}

.tb_bbsview_group02 .cont:after {content:" "; display:block; height:0; overflow:hidden; clear:both; visibility:hidden;}

*+ html .tb_bbsview_group02 .cont {display:inline-block;}

.tb_bbsview_group02 .cont img {max-width:100%;}

.tb_bbsview_group02 .cont .box_quest {border:1px solid #ccc; padding:16px 19px 16px 19px; margin:20px 0 3px 0;}

.tb_bbsview_group02 .cont .box_quest .tit {color:#5d6c89; font-weight:bold; width:50px; float:left;}

.tb_bbsview_group02 .cont .box_quest .txt {font-size:14px; color:#333; font-weight:bold;}

.tb_bbsview_group02 .cont .box_answer {border:1px solid #ccc; padding:15px 15px 10px 19px; overflow:hidden;}

.tb_bbsview_group02 .cont .box_answer .tit {font-weight:bold; width:50px; float:left;}

.tb_bbsview_group02 .cont .box_answer .count_group {float:left;}

.tb_bbsview_group02 .cont .box_answer .count_group li {margin-bottom:5px;}

.tb_bbsview_group02 .cont .box_answer .textarea_type1 {border:1px solid #e8e8e8; background-color:#f1f1f1; padding:10px; resize:none; margin-bottom:5px; width:656px;}

.tb_bbsview_group02 .cont .box_answer .textarea_type1.w706 {width:706px;}

.tb_bbsview_group02 .cont .answer_group {margin:10px 0 0 -15px; overflow:hidden;}

.tb_bbsview_group02 .cont .answer_group li {float:left; width:374px; margin:0 0 0 15px; height:335px;}

.tb_bbsview_group02 .cont .answer_group li .txt {width:310px; vertical-align:top;}

.tb_bbsview_group02 .cont .answer_group li .select_group {position:relative; padding:13px 25px 0 0;}

.tb_bbsview_group02 .cont .answer_group li .select_group .icobtn_detail {position:absolute; top:10px; right:0;}

.tb_bbsview_group02 .cont .answer_group li .select_group .radio, .tb_bbsview_group02 .cont .answer_group li .select_group .checkbox {vertical-align:top; margin-top:2px;}

.tb_bbsview_group02 .cont .answer_group li img {margin:0; width:374px; height:280px;}

.tb_bbsview_group02 .cont .answer_group.w245 {margin:10px 0 0 -15px;}

.tb_bbsview_group02 .cont .answer_group.w245 li {float:left; width:244px; height:259px; margin:0 0 0 15px;}

.tb_bbsview_group02 .cont .answer_group.w245 li .txt {width:165px; vertical-align:top;}

.tb_bbsview_group02 .cont .answer_group.w245 li img {width:244px; height:183px;}

.tb_bbsview_group02 .cont .answer_group.w180 {margin:10px 0 0 -14px;}

.tb_bbsview_group02 .cont .answer_group.w180 li {float:left; width:180px; height:213px; margin:0 0 0 14px;}

.tb_bbsview_group02 .cont .answer_group.w180 li .txt {width:115px; vertical-align:top;}

.tb_bbsview_group02 .cont .answer_group.w180 li img {width:180px; height:135px;}

.tb_bbsview_group02 .cont .tit_con {font-size:16px; color:#333; margin:28px 0 16px 0;}

.tb_bbsview_group02 .cont .file_down {margin-top:30px; background:url(../../images/webhome/icon_filedown.png) no-repeat 0 0; padding-left:20px;}

.tb_bbsview_group02 .cont .file_down a {color:#333; text-decoration:underline; font-weight:bold;}

.tb_bbsview_group02 .cont .box_receipt {background-color:#f1f1f1; padding:21px 69px 21px 71px; margin:15px 0 0 0; }

.tb_bbsview_group02 .cont .box_receipt .tit {font-size:14px; color:#333; margin-right:30px; display:inline-block;}

*+ html .tb_bbsview_group02 .cont .box_receipt .tit {display:inline;}

.tb_bbsview_group02 .cont .box_receipt .pad40 {padding:9px 40px 10px 40px;}

.tb_bbsview_group02 .cont .box_receipt .text {padding:10px; font-weight:bold; font-size:14px; color:#333; margin-right:5px;}

.tb_bbsview_group02 .cont .view_prizewinner .defaultmsg {padding:28px 0; background:#f1f1f1;}



.tb_bbsview_group03 .bbsview_headgroup {border-bottom:1px solid #c2c7d5; border-top:2px solid #c2c7d5;}

.tb_bbsview_group03 .bbsview_headgroup .title_group {background-color:#eaedf3; padding:0 20px 10px 20px; border-bottom:1px solid #c2c7d5; overflow:hidden;}

.tb_bbsview_group03 .bbsview_headgroup .title_group .tit {font-size:16px; color:#333; float:left; margin-top:12px;}

.tb_bbsview_group03 .bbsview_headgroup .title_group .wrap_direction {float:right; margin-top:12px; /*background:url(../../images/webhome/bg_bar_1x11_c2c7d5.png) no-repeat 50% 40%;*/}/* 2013-12-26 delete */

.tb_bbsview_group03 .bbsview_headgroup .title_group .wrap_direction li {float:left;}

.tb_bbsview_group03 .bbsview_headgroup .title_group .wrap_direction li:first-child { /*padding-right:15px;*/ margin-right:15px;}/* 2013-12-26 delete */

.tb_bbsview_group03 .bbsview_headgroup .title_group .wrap_direction .prev a {color:#333; background:url(../../images/webhome/bg_arrow_left.png) no-repeat 0 2px; padding-left:10px;}/* 2013-12-26 modify */

*+ html .tb_bbsview_group03 .bbsview_headgroup .title_group .wrap_direction .prev a {color:#333; background:url(../../images/webhome/bg_arrow_left.png) no-repeat 0 2px; padding-left:10px;}/* 2013-12-26 modify */

.tb_bbsview_group03 .bbsview_headgroup .title_group .wrap_direction .prev .txt {display:inline-block; background:url(../../images/webhome/bg_arrow_left.png) no-repeat 0 4px; padding-left:10px;}

*+ html .tb_bbsview_group03 .bbsview_headgroup .title_group .wrap_direction .prev .txt {display:inline-block; background:url(../../images/webhome/bg_arrow_left.png) no-repeat 0 5px; padding-left:10px;}

.tb_bbsview_group03 .bbsview_headgroup .title_group .wrap_direction .next {background:url(../../images/webhome/bg_bar_1x11_c2c7d5.png) no-repeat 0 50%;}/* 2013-12-26 modify */

.tb_bbsview_group03 .bbsview_headgroup .title_group .wrap_direction .next .txt {display:inline-block; background:url(../../images/webhome/bg_arrow_right.png) no-repeat 100% 4px; padding-right:10px; padding-left:15px;}

*+ html .tb_bbsview_group03 .bbsview_headgroup .title_group .wrap_direction .next .txt {display:inline-block; background:url(../../images/webhome/bg_arrow_right.png) no-repeat 100% 5px; padding-right:10px; padding-left:15px;}

.tb_bbsview_group03 .bbsview_headgroup .title_group .wrap_direction .next a {color:#333; background:url(../../images/webhome/bg_arrow_right.png) no-repeat 100% 2px; padding-right:10px; padding-left:15px;}/* 2013-12-26 modify */

*+ html .tb_bbsview_group03 .bbsview_headgroup .title_group .wrap_direction .next a {color:#333; background:url(../../images/webhome/bg_arrow_right.png) no-repeat 100% 2px; padding-right:10px; padding-left:15px;}/* 2013-12-26 modify */

.tb_bbsview_group03 .bbsview_headgroup .wrap_date {padding:8px 20px; overflow:hidden;}

.tb_bbsview_group03 .bbsview_headgroup .wrap_date .date {float:right; color:#333;}

.tb_bbsview_group03 .cont {padding:30px 0;}

.tb_bbsview_group03 .cont .box_webtoonview img {width:100%;}



.box_youtubevideo {text-align:center; font-size:0; line-height:0;}

.box_youtubevideo iframe {border:none; margin:0;}

.box_youtubevideo .thumb {position:relative; min-width:245px; min-height:184px; max-width:480px; max-height:360px; margin:0 auto 30px; text-align:center;}

.box_youtubevideo .thumb > a {display:inline-block; cursor:pointer;}

.box_youtubevideo .thumb img {min-width:245px; min-height:184px; max-width:480px; max-height:360px;}

.box_youtubevideo .thumb .icon_play {position:absolute; left:50%; top:50%; display:block; width:78px; height:76px; margin:-38px 0 0 -39px; background:url(../../images/webhome/icon_vplay5.png) no-repeat 0 0; text-align:left; text-indent:-5000px; font-size:0; line-height:0;}

.wrap_subtitle {padding:15px 9px 15px 20px; overflow:hidden;}

.wrap_subtitle .tit {color:#333; float:left; margin-right:30px;}

.wrap_subtitle .desc {float:left; width:590px;}



.wrap_comment {margin-top:50px;}

.wrap_comment .list_comment {margin-top:20px; border-bottom:2px solid #c2c7d5;}

.wrap_comment .list_comment li {border-top:1px solid #c2c7d5; overflow:hidden;}

.wrap_comment .list_comment li:first-child {border-top:0;}

.wrap_comment .list_comment li .id {display:inline-block; padding:8px 16px 8px 20px; width:60px; vertical-align:middle; word-break:break-all; word-wrap:break-word;}

*+ html .wrap_comment .list_comment li .id {display:inline;}

.wrap_comment .list_comment li .txt {display:inline-block; width:485px; padding:8px 35px 8px 0; vertical-align:middle; word-wrap:break-word;}

*+ html .wrap_comment .list_comment li .txt {display:inline;}

.wrap_comment .list_comment li .date {display:inline-block; width:95px; padding-right:10px; vertical-align:middle; text-align:center;}

*+ html .wrap_comment .list_comment li .date {display:inline;}

.wrap_comment .list_comment .icobtn_del {display:inline-block; background:url(../../images/webhome/btn_comment_delete.png) no-repeat 0 0; width:13px; height:13px; text-indent:-5000px; cursor:pointer; vertical-align:middle;}

.wrap_comment .area_write .func_label {float:left; margin-right:4px;}

.wrap_comment .area_write .func_label .textarea_label {display:inline-block; position:relative; vertical-align:top;}

.wrap_comment .area_write .func_label .textarea_label .txt_label {position:absolute; top:0; left:0; padding:10px;}

.wrap_comment .area_write .btn_type8 button span,

.wrap_comment .area_write .btn_type8 input,

.wrap_comment .area_write .btn_type8 a {width:79px; padding-left:0; padding-right:0; word-wrap:break-word; white-space:normal;}

.wrap_comment .area_write .btn_type8.btn_facebook button span,

.wrap_comment .area_write .btn_type8.btn_facebook input,

.wrap_comment .area_write .btn_type8.btn_facebook a {width:146px; padding-left:0; padding-right:0; word-wrap:break-word; white-space:normal;}



.wrap_qna {margin-top:10px;}



.wrap_event_search {margin:50px 0 15px 0; float:right;}

.wrap_event_btn:after {content:" "; display:block; height:0; overflow:hidden; clear:both; visibility:hidden;}

.wrap_event_btn {width:100%; position:relative;}

.wrap_event_btn .sns_group {position:absolute; top:0px; left:0px;}

*+ html .wrap_event_btn .sns_group {top:15px;}





/* tb_bbswrite_group */

.tb_bbswrite_group .area_head .tit {font-size:16px; color:#333; margin-bottom:12px;}

.tb_bbswrite_group .photo_upload {margin:10px 0 7px 0;}

.tb_bbswrite_group .photo_upload li {position:relative; padding-left:22px;}

.tb_bbswrite_group .photo_upload .icobtn_del {position:absolute; left:0; top:12px; background:url(../../images/webhome/btn_comment_delete.png) no-repeat 0 0; width:13px; height:13px; text-indent:-5000px; cursor:pointer;}

.tb_bbswrite_group .photo_upload .caption {margin-left:10px;}

.tb_bbswrite_group .tb_type1 table.form td {padding:5px 0 5px 20px;}

.tb_bbswrite_group .tb_type1 table.form td.celltype_output {padding:8px 0 7px 20px;}





/* tb_calender */

.tb_calendar > table {width:100%; table-layout:fixed; border-top:2px solid #acacac; border-bottom:2px solid #acacac; }

.tb_calendar table .thead_cal > tr > th {padding:15px 0; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; background-color:#f6f6f6;}

.tb_calendar table .thead_cal > tr > .fir {border-left:none; color:#dd4c4c;}

.tb_calendar table .tbody_cal > tr > td {text-align:center; padding:0 0 39px 0; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; position:relative;}

*+ html .tb_calendar table .tbody_cal > tr > td {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; height:90px; padding:0px; display:table-cell; }

.tb_calendar table .tbody_cal > tr > td.fir {border-left:none;}

.tb_calendar table .tbody_cal > tr > td > .date {font-weight:bold; text-align:right; padding:8px 8px 20px 0; display:block;}

.tb_calendar table .tbody_cal > tr > td.on {color:#333333; background-color:#eaedf3;}

.tb_calendar table .tbody_cal > tr > td.on strong {text-decoration:underline;}

.tb_calendar table .tfoot td {border-top:2px solid #acacac; padding:12px 0; font-weight:bold; color:#333333;}

.tb_calendar table .ar {padding-right:0 !important; text-align:right !important;}



.tb_calendar02 table {width:100%; border-top:2px solid #acacac; border-bottom:2px solid #acacac; }

.tb_calendar02 table .thead_cal tr th {padding:13px 0; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; background-color:#f6f6f6; color:#333;}

.tb_calendar02 table .thead_cal tr .fir {border-left:none; color:#dd4c4c;}

.tb_calendar02 table .tbody_cal tr td {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; vertical-align:top; height:108px; line-height:16px;}

.tb_calendar02 table .tbody_cal tr td.fir {border-left:none;}

.tb_calendar02 table .tbody_cal tr td .wrap_cont {display:block; position:relative; min-height:108px; padding:0 8px; border:1px solid #fff;}

/*.tb_calendar02 table .tbody_cal tr td .wrap_cont:hover {border-color:#000 !important;}*/

.tb_calendar02 table .tbody_cal tr td .area_date_more .date {display:inline-block; padding:4px 0; font-weight:bold;}

.tb_calendar02 table .tbody_cal tr td .area_date_more .more {position:absolute; top:-1px; right:-1px;}

.tb_calendar02 table .tbody_cal tr td .area_showtitle {padding-bottom:6px; min-height:70px;}

.tb_calendar02 table .tbody_cal tr td .area_showtitle .txt:first-child {margin-top:0;}


.tb_calendar02 table .tbody_cal tr td .area_showtitle .txt {margin-top:7px;}



.tb_calendar_head {position:relative; width:100%; text-align:center;}

.tb_calendar_head .tit_date {display:inline-block; position:relative;}

.tb_calendar_head .tit_date .icobtn_arrow_left {position:absolute; left:0; top:0;}

.tb_calendar_head .tit_date .icobtn_arrow_right {position:absolute; right:0; top:0;}

.tb_calendar_head h5 {font-size:18px; color:#333333; display:inline-block; padding:0 25px 0 25px;}

*+ html .tb_calendar_head h5 {display:inline;}

*+ html .tb_calendar_head .tit_date {display:inline;}

.tb_calendar_head .btn_list_cal {position:absolute; right:0; top:-5px;}



.tb_calendar_head02 {position:relative; width:100%; text-align:left;}

.tb_calendar_head02 .tit_date {display:inline-block; position:relative;}

.tb_calendar_head02 .tit_date .icobtn_arrow_left {position:absolute; left:0; top:0;}

.tb_calendar_head02 .tit_date .icobtn_arrow_right {position:absolute; right:0; top:0;}

.tb_calendar_head02 h5 {font-size:18px; color:#333333; display:inline-block; padding:0 25px 0 25px;}

*+ html .tb_calendar_head02 h5 {display:inline;}

*+ html .tb_calendar_head02 .tit_date {display:inline;}

.tb_calendar_head02 .sel_group {position:absolute; right:0; top:-5px;}

.tb_calendar_head02 .sel_group .func_option {margin-right:10px !important;}





/* popup contents */

.popup_address {min-height:460px;}

.popup_address .scrollbox_addrlist {height:284px;}

.popup_address .txt_addr {padding:4px 20px; background:#eaedf3; border:1px solid #c2c7d5; color:#5d6c89; font-weight:bold;}

.popup_address .txt_addr .code {display:inline-block; margin-right:20px; vertical-align:top;}

.popup_address .txt_addr .addr {display:inline-block; width:85%; vertical-align:top;}

.popup_address .chklist_addr li, .popup_address .chkPoplist_addr li {margin-top:28px;}

.popup_address .chklist_addr li .txt_addr, .popup_address .chkPoplist_addr li .txt_addr {padding:8px 30px; margin-top:10px;}

.popup_address .chklist_addr li input[type=radio], .popup_address .chkPoplist_addr li input[type=radio] {width:14px; height:14px; margin:0 2px 2px 1px;}

.popup_address .formlist_addr {margin-top:-4px;}

.popup_address .formlist_addr > li {float:left; margin-right:8px;}

.popup_address .formlist_addr > li .text, .popup_address .formlist_addr > li .func_option {margin:4px 0;}

.popup_address .formlist_addr > li .txt_required img {margin-left:6px;}



.popup_store .mapgroup {float:left; width:350px;}

.popup_store .mapgroup .map {width:350px; height:263px; margin-bottom:10px;}

.popup_store .contgroup {float:left; margin-left:30px;}

.popup_store .contgroup .tit {display:block; padding:11px 0; margin:14px 0; background:#eaedf3; border:1px solid #c2c7d5; color:#5d6c89; text-align:center;}

.popup_store .contgroup .listbox {float:left; width:116px; margin-left:15px;}

.popup_store .contgroup .listbox.fir {margin-left:0;}

.popup_store .contgroup .listbox .tit:first-child {margin-top:0;}

.popup_store .contgroup .listbox ul li {margin-top:7px;}



.popup_printdeduction .tit_print_table {background:#eaedf3; border:1px solid #C2C7D5; border-bottom:none; padding:15px 0; text-align:center;}

.popup_printdeduction .tb_type2 table td.tb_inner {padding:0 !important;}

.popup_printdeduction .tb_type2 table td.tb_inner .tb_type2 table {border:none;}

.popup_printdeduction .tb_type2 table td.tb_inner .tb_type2 table tr:first-child th,

.popup_printdeduction .tb_type2 table td.tb_inner .tb_type2 table tr:first-child td {border-top:none;}

.popup_printdeduction .tb_type2 table td.tb_inner .tb_type2 table th,

.popup_printdeduction .tb_type2 table td.tb_inner .tb_type2 table td {border-top:1px solid #C2C7D5;}

.popup_printdeduction .tb_type2 table td.tb_inner .tb_type2 table .narrow {padding-left:10px;}

.popup_printdeduction .sign {padding:30px 0; border:1px solid #C2C7D5; border-top:none; text-align:center;}

.popup_printdeduction .sign .user_sign {padding-top:30px; padding-left:170px;}

.popup_printdeduction .sign .user_sign span {padding-left:115px;}

.popup_printdeduction .area_bottom {padding-top:30px; text-align:center;}



.popup_certif .cnt_radio {margin-bottom:13px;}

.popup_certif .cnt_radio p {float:left; font-weight:bold; color:#333;}

.popup_certif .cnt_radio p.type2 {margin-top:5px;}

.popup_certif .cnt_radio ul {float:left; margin-left:12px;}

.popup_certif .cnt_radio ul li {float:left; margin-right:4px;}

.popup_transfer .box_conttxt, .popup_statement .box_conttxt {padding:30px 19px; border-top:2px solid #c2c7d5; border-bottom:2px solid #c2c7d5;}

.popup_transfer .event_txt {display:block;}



.popup_floormap .area_floormap {width:898px; overflow:hidden; background:#fff url(../../images/webhome/bg_line_99x1_454545.png) repeat-y 0 0;}

.popup_floormap .area_floormap .floorgroup {float:left; width:99px;}

.popup_floormap .area_floormap .floorgroup h4 {padding:50px 0 18px 0; background:#4f555f; font-size:14px; font-weight:normal; color:#ccc; text-align:center;}

.popup_floormap .area_floormap .floorgroup ul {padding:8px 0 8px 17px; text-align:right;}

.popup_floormap .area_floormap .floorgroup ul li a {display:block; padding:10px 40px 7px 0; border-bottom:1px solid #454545; font-size:16px; color:#fefefe; font-weight:bold; cursor:pointer; vertical-align:top;}

.popup_floormap .area_floormap .floorgroup ul li.on a {border-bottom:1px solid #fff;}

.popup_floormap .area_floormap .mapgroup {float:right; width:770px; padding-top:49px;}

.popup_floormap .area_floormap .mapgroup h5 {margin-bottom:5px; font-size:18px; line-height:24px; color:#333;}

.popup_floormap .area_floormap .mapgroup .map {width:770px; height:770px; overflow:hidden; font-size:0; line-height:0;}

.popup_floormap .area_floormap .mapgroup .map img {width:100%; height:100%;}

.popup_floormap .area_floormap .mapgroup .map.zoom {overflow:auto;}

.popup_floormap .area_floormap .mapgroup .map.zoom img {width:auto; height:auto;}




.store_detail .map img {width:100%; height:100%;}

.store_detail .map.zoom {overflow:auto;}

.store_detail .map.zoom img {width:auto; height:auto;}



.popup_consult .wrap_agree {margin:13px 0;}

.popup_consult .wrap_agree .txt {float:left; margin-right:30px;}



.popup_cuponbook .wrap_title {padding:30px 40px 30px 20px; border-bottom:1px solid #c2c7d5;}

.popup_cuponbook .wrap_title .tit {font-size:24px; margin-bottom:10px;}

.popup_cuponbook .wrap_title .tit .color {color:#417b9c;}

.popup_cuponbook .wrap_cont {padding:30px 40px 30px 20px;}

.popup_cuponbook .wrap_cont .tit {font-size:14px; color:#333; margin-top:30px;}



.popup_show .area_head {padding:30px 0 13px 0; height:28px;}

.popup_show .area_head .wrap_date {float:left; position:relative; margin-top:5px;}

.popup_show .area_head .wrap_date .tit {font-size:18px; color:#333; display:inline-block; padding: 0 25px 0 25px;}

.popup_show .area_head .wrap_date .icobtn_arrow_left {position: absolute; left: 0; top: 0;}

.popup_show .area_head .wrap_date .icobtn_arrow_right {position: absolute; right: 0; top: 0;}

.popup_show .area_head .sel_group {float:right;}

*+ html .popup_show .wrap_show {margin-top:-20px;}



.popup_restaurantinfo .detail_pic {background:#333;}

.popup_restaurantinfo .detail_pic .pic {float:left; width:440px; height:330px;}

.popup_restaurantinfo .detail_pic .pic .pic_gallery {position:relative; width:100%;}

.popup_restaurantinfo .detail_pic .pic .pic_gallery ul.screen {width:440px; height:330px; overflow:hidden;}

.popup_restaurantinfo .detail_pic .pic .pic_gallery ul.screen li {position:absolute; width:100%; height:100%; background:#eee; text-align:center;}

.popup_restaurantinfo .detail_pic .pic .pic_gallery ul.screen li.on {z-index:1;}

.popup_restaurantinfo .detail_pic .pic .pic_gallery ul.screen li img {width:100%; height:100%;}

.popup_restaurantinfo .detail_pic .pic .pic_gallery div.screen {position:relative; width:440px; height:330px; overflow:hidden;}

.popup_restaurantinfo .detail_pic .pic .pic_gallery div.screen .rollinglist li {float:left; width:440px; height:330px;}

.popup_restaurantinfo .detail_pic .pic .pic_gallery div.screen .rollinglist li img {width:100%; height:100%;}

.popup_restaurantinfo .detail_pic .pic .pic_gallery .rollingbtn {position:absolute; bottom:0; left:50%; z-index:1; margin-left:-90px; width:180px; padding:7px; text-align:center;}

.popup_restaurantinfo .detail_pic .pic .pic_gallery .rollingbtn button {width:19px; height:16px; text-indent:0; line-height:500px; vertical-align:top;}

.popup_restaurantinfo .detail_pic .pic .pic_gallery .rollingbtn button.play {background:url(../../images/webhome/btn_rolling04_play.png) no-repeat 50% 50%;}

.popup_restaurantinfo .detail_pic .pic .pic_gallery .rollingbtn button.pause {background:url(../../images/webhome/btn_rolling04_pause.png) no-repeat 50% 50%;}

.popup_restaurantinfo .detail_pic .pic .pic_gallery .rollingbtn .rollingpage button {background:url(../../images/webhome/btn_rollpaging.png) no-repeat 50% 0;}

.popup_restaurantinfo .detail_pic .pic .pic_gallery .rollingbtn .rollingpage button.on {background-position:50% -16px;}

.popup_restaurantinfo .detail_pic .desc {float:left; height:330px; padding:0 22px 0 30px; background:#333; width:259px;}

.popup_restaurantinfo .detail_pic .desc .small_note {margin-top:50px; color:#93a0b9;}

.popup_restaurantinfo .detail_pic .desc .tit {font-size:24px; display:block; color:#fff; margin-top:50px;}

.popup_restaurantinfo .detail_pic .desc .note {margin-top:30px; color:#aaa;}

.popup_restaurantinfo .detail_pic .desc .note.scroll_y {height:200px; overflow-y:auto; overflow-x:hidden;}

.popup_restaurantinfo .detail_text {padding:0 30px 14px 30px;}

.popup_restaurantinfo .detail_text .subtxt_group {padding:13px 0 10px 0; background:url(../../images/webhome/bg_dotted_cccccc.png) repeat-x 0 0;}

.popup_restaurantinfo .detail_text .subtxt_group .unit img {margin-right:3px; vertical-align:-1px;}



.popup_printmap h1 {background:none; padding:0;}

.popup_printmap .map {margin-top:10px; width:680px; height:348px; border:1px solid #c4c4c4;}

.popup_printmap .tit_section03, .popup_printmap .tit_section04 {margin-top:30px;}



/* 2017-11-10 브랜드 검색 수정 : S */
.popup_storeinfo {position:relative;width:687px; margin-right:-20px; padding-right:15px;}
.popup_storeinfo h6 {font-size:16px;}
.popup_storeinfo .txt_result{margin-top:15px;}
.popup_storeinfo .scroll_y{height:338px;}
.popup_storeinfo .scroll_y table{border-top:none;border-bottom:0;}
.popup_storeinfo .scroll_y .no_data td{height:323px;}

.popup_rec_prdt{}
.popup_rec_prdt.hidden{display:none;}
.popup_rec_prdt h6{margin-top:30px;}
.popup_rec_prdt .prdt_list{overflow:hidden;}
.popup_rec_prdt .prdt_list li{margin-left:14px;width:125px;float:left;}
.popup_rec_prdt .prdt_list li:first-child{margin-left:0;}
.popup_rec_prdt .prdt_list li img{width:125px;height:125px;}
.popup_rec_prdt .prdt_list li dl{margin-top:10px;}
.popup_rec_prdt .prdt_list li dl dt{height:50px;}
.popup_rec_prdt .prdt_list li dl dd{margin-top:5px;color:#999;}
.popup_rec_prdt .prdt_list li dl dd.discout{margin-top:12px;color:#333;font-size:18px;font-family: "Happiness-Sans","맑은 고딕", "Malgun Gothic", Sans-serif;}/* 2022-03-04 수정 */
.popup_rec_prdt .prdt_list li dl dd.price{}

.popup_rec_prdt .prdt_list li a:hover,
.popup_rec_prdt .prdt_list li a:focus{text-decoration:none;}
.popup_rec_prdt .prdt_list li a:hover dl dt,
.popup_rec_prdt .prdt_list li a:focus dl dt{text-decoration:underline; color:#218e66;}

.popup_rec_prdt .more_btn{margin-top:20px;text-align:right;}
.popup_rec_prdt .more_btn a{font-weight:bold;}
.popup_rec_prdt .more_btn a span{display:inline-block;margin-right:5px;}
.popup_rec_prdt .more_btn a:hover,
.popup_rec_prdt .more_btn a:focus{text-decoration:none;}
.popup_rec_prdt .more_btn a:hover span,
.popup_rec_prdt .more_btn a:focus span{text-decoration:underline;}
/* 2017-11-10 브랜드 검색 수정 : E */



.popup_cardinfo .tit_card {margin-bottom:25px; font-size:14px; color:#333;}

.popup_cardinfo .button {margin-top:15px;}



.popup_stagevideo .tit_head {margin-bottom:15px; font-size:18px; line-height:24px; color:#333; letter-spacing:-1px;}

.popup_stagevideo .tit_head em {display:block; margin-bottom:3px; font-size:14px; line-height:18px; font-weight:normal;}



.popup_payexpect .box_payexpect {border:1px solid #c2c7d5; margin-top:15px; overflow:hidden;}

.popup_payexpect .box_payexpect .area_pay:first-child {border:none;}

.popup_payexpect .box_payexpect .area_pay {border-left:1px solid #c2c7d5; padding:15px 20px 15px 22px; width:28.7%; float:left;}

.popup_payexpect .box_payexpect .area_pay .tit {color:#5d6c89; float:left;}

.popup_payexpect .box_payexpect .area_pay .txt_money {color:#000; float:right;}

.popup_payexpect.scroll_y {width:947px; height:355px; margin-right:-20px; padding-right:15px;}

*+ html .popup_payexpect.scroll_y .tb_type2 {padding-right:17px;}



.popup_recommend .tit_recomm {font-size:18px; color:#666666;}

.popup_recommend .tit_recomm .color {color:#3d567e;}

.popup_recommend .wrap_email {margin:15px 0 30px 0;}


.popup_recommend .wrap_cardinfo {border:1px solid #d0d0d0; padding:40px 40px 20px 40px; margin-top:20px;}

.popup_recommend .wrap_cardinfo .tit {font-size:14px; color:#333333;}

.popup_recommend .wrap_cardinfo .txt {margin-top:10px;}

.popup_recommend .wrap_cardinfo .tit_step {color:#3d567e; display:block; margin-top:25px;}

.popup_recommend .wrap_cardinfo .txt_step, .popup_recommend .wrap_cardinfo .txt_step a {color:#000;}

.popup_recommend .wrap_cardinfo .pic {margin-top:12px;}

.popup_recommend .wrap_cardinfo .bllist_type1 {margin-top:25px;}



.wrap_popup_receipt {width:393px; padding:20px 0; background:url(../../images/webhome/bg_receipt_repeat.png) no-repeat; border:1px solid #5d6c89;}

.popup_receipt {width:333px; margin:0 auto; padding:9px; background:#fff; border:1px solid #000;}

.popup_receipt .area_head {overflow:hidden; margin:10px 0 20px 0;}

.popup_receipt .area_head .logo {margin: 0 auto; width: 161px;}

.popup_receipt .area_head .txt {float:right; font-size:14px; color:#333; padding-top:10px; letter-spacing:-1px;}

.popup_receipt .area_receipt table {width:100%; border:1px solid #000; table-layout:fixed;}

.popup_receipt .area_receipt table caption {display:none;}

.popup_receipt .area_receipt table td {border-top:1px solid #000; border-left:1px solid #000; height:34px; vertical-align:top; line-height:15px; padding:0;}

.popup_receipt .area_receipt table td h2 {text-align:center; padding:10px 0;}

.popup_receipt .area_receipt table td dl, .popup_receipt .area_receipt table td div {padding:2px 4px 2px 2px; min-height:30px;}

.popup_receipt .area_receipt table td dl dt {margin-bottom:4px; font-size:0; line-height:0;}

.popup_receipt .area_receipt table td.amount {background:url(../../images/webhome/bg_receipt_amount.png) no-repeat 100% 0;}

.popup_receipt .area_receipt table td.amount.amt_unit {background:url(../../images/webhome/bg_receipt_amount02.png) no-repeat 100% 0;}

.popup_receipt .area_receipt table td.amount dl {position:relative; padding:0; height:34px; overflow:hidden; background:none !important;}

.popup_receipt .area_receipt table td.amount dt {position:absolute; top:4px; left:0; width:50px; margin:0; text-align:center;}

.popup_receipt .area_receipt table td.amount dd {float:right; text-align:right; letter-spacing:11px; line-height:48px; margin-right:-6px;}

.popup_receipt .area_receipt table td.doubleline dl {border:1px solid #000; background:#fff;}

.popup_receipt .area_receipt table td.doubleline.overlap_b dl {position:relative; margin-bottom:-2px; z-index:1;}

.popup_receipt .area_receipt table td.doubleline.overlap_t dl {position:relative; margin-top:-2px; z-index:1;}

.popup_receipt .area_receipt table td.doubleoverlapline_b dl, .popup_receipt .area_receipt table td.doubleoverlapline_b div {position:relative; border-bottom:2px solid #000; min-height:28px;}

.popup_receipt .receipt_desc {margin:5px 0 -5px 0; color:#000; padding-left:4px;}



.popup_terms {height:700px; margin-right:-20px; padding-right:10px;}

*+ html .popup_terms {width:692px !important;}



.popup_usedetail.scroll_y {width:947px; height:355px; margin-right:-20px; padding-right:15px;}

*+ html .popup_usedetail.scroll_y .tb_type1 {margin-right:17px;}

.popup_usedetail .tb_type1 table .ar {padding-right:0 !important; text-align:center !important;}



.popup_detail.scroll_y {width:947px; height:355px; margin-right:-20px; padding-right:15px;}

*+ html .popup_detail.scroll_y .tb_type1 {margin-right:17px;}

.popup_detail .tb_type1 table .ar {padding-right:0 !important; text-align:center !important;}



.popup_mail_send .area_sendmail {border-bottom:1px solid #cbcbcb; padding-bottom:30px;}



.popup_receipt_reprint {padding:35px 22px 22px 22px; margin:0 auto;}

.popup_receipt_reprint .area_recipt {background-color:#eaedf3; min-height:477px; text-align:center;}



.popup_statement .statement_top {position:relative; margin-top:30px;}

.popup_statement .statement_top .txt {position:absolute; right:0; top:11px; color:#333;}

.popup_statement .box_info {border:1px solid #cccccc; padding:12px 20px; margin-top:30px;}



.popup_gift_withdraw .box_giftwithdraw {border:1px solid #d4d4d4; padding:12px 15px;}

.popup_gift_withdraw .box_giftwithdraw .txt {margin-top:10px;}

.popup_gift_withdraw .check {margin-top:12px;}



.popup_event .stat {display:inline-block; padding:2px 4px 1px 4px; background:#fff; font-weight:bold; font-size:12px; line-height:15px; letter-spacing:-1px; vertical-align:2px;}

.popup_event .stat_close {border:1px solid #666; color:#666;}

.popup_event .stat_open {border:1px solid #dd4c4c; color:#dd4c4c;}



.btn_mobileVer {width:100%; padding:35px 0 35px 0; text-align:center;}



/* */

.GCARD {display:none;}

.trHide {display:none !important;}

.trHide th {display:none !important;}

.trHide td {display:none !important;}

.trShow {display:table-row !important;}

*+ html .trShow {display:block !important;}

.trShow th {display:table-cell !important;}

*+ html .trShow th {display:block !important;}


.trShow td {display:table-cell !important;}

*+ html .trShow td {display:block !important;}

.fuc_hide {display:none;}

.wrapBlock {display:block !important;}



/* 2014-03-12 Added - popup_recommendsrch */

.popup_recommendsrch .result {padding:12px 0 11px 19px; border:1px solid #c2c7d5; background:#eaedf3; font-weight:bold; color:#5d6c89;}

.popup_recommendsrch .result dt {display:inline-block; margin-right:20px; vertical-align:0; letter-spacing:-1px;}

*+html .popup_recommendsrch .result dt {display:inline; zoom:1;}

.popup_recommendsrch .result dd {display:inline-block; vertical-align:0;}

*+html .popup_recommendsrch .result dd {display:inline; zoom:1;}

.popup_recommendsrch .result dd .btn_type1 {margin:-2px 0 -2px 20px;}



/* 2014-03-20 Added - popup_memfamily */

.popup_memfamily .boxlist_type1 > li {width:32.2%; margin-left:10px;}

.popup_memfamily .boxlist_type1 .box {padding:26px 20px 30px 20px; letter-spacing:-1px;}

/* 2019-08-29 추가 : S */
.no_image {background:#e6e6e6 url(../../images/webhome/logo_120x32_fff.png) 50% 50% no-repeat}
.popup_search {position:relative;width:904px;padding:120px 40px 0;margin:0 0 40px 0}
.popup_search .sitelogo {width:180px;height:60px;margin:0 auto 142px;background: url(../../images/webhome/outlets/layout/header_logo.png) no-repeat 0 0}
.popup_search .popular_searches {margin-top:150px;text-align:center}
.popup_search .popular_searches .title {margin-bottom:50px;font-size:30px;color:#222}
.popup_search .popular_searches .list {font-size:0}
.popup_search .popular_searches .list li {display:inline-block;margin:0 5px 20px;vertical-align:top}
.popup_search .popular_searches .list li a {display:inline-block;padding:0 30px;border:1px solid #e1e1e1;border-radius:50px;font-size:18px;color:#222;line-height:48px}
.popup_search .popular_searches .list li a:hover,
.popup_search .popular_searches .list li a:focus {border-color:#376155;color:#376155;text-decoration:none}
.popup_search .closed {top:30px !important;right:40px !important;}
.store_detail {*zoom:1;font-size:0;text-align:left}
.store_detail:after {content:'';display:block;clear:both;}
.store_detail .store_detail_wrap {padding:40px;background-color:#f5f5f5}
.store_detail .store_detail_wrap .detail .parking {border-top:2px solid #e1e1e1}
.store_detail .map {width:904px;height:505px}
.store_detail .image {display:inline-block;width:400px;height:400px;margin-right:40px;vertical-align:top;}
.store_detail .detail {display:inline-block;width:464px;vertical-align:top;}
.store_detail .detail .title {display:block;margin-top:-5px;margin-bottom:38px;font-weight:400;font-size:30px;color:#222}
.store_detail .detail > ul {margin-top:-10px}
.store_detail .detail > ul li {font-size:22px;color:#222;line-height:40px;}
.store_detail .detail .parking {padding-top:27px;border-top:1px solid #f5f5f5;margin-top:21px;}
.store_detail .detail .parking:first-child {padding-top:0;border-top:0;margin-top:0}
.store_detail .detail .parking strong {display:block;margin-bottom:26px; font-weight:400;font-size:22px;color:#222}
.store_detail .detail .parking em {display:block;margin-top:26px;font-size:18px;color:#222}
.store_detail .detail .parking ul {margin-top:11px}
.store_detail .detail .parking ul li {display:block;padding-left:10px;font-size:14px;color:#666;text-indent:-10px;line-height:21px;vertical-align:top}
.store_detail .detail .parking ul li:before {content:'-';display:inline-block;position:relative;top:-2px;width:10px;text-indent:0;}
.search_region {padding:50px 0;background-color:#f5f5f5}
.search_form {position:relative;width:904px;margin:0 auto;font-size:0}
.search_form .func_option {width:300px;border-color:#e1e1e1} /* 2019-09-10 변경 */
.search_form .func_option .selected {min-height:38px;padding:20px 20px 0 20px;font-size:18px;color:#222}
.search_form .func_option button {width:60px;background:#fff url(../../images/webhome/icon_arrow_bottom_20x12_232323.png) no-repeat 50% 50%}
.search_form .func_option .options {padding:12px 0;border-color:#376155}
.search_form .func_option .options li {font-size:18px;color:#222;line-height:32px}
.search_form .func_option .options li label {padding:0 20px}
.search_form .func_option .options li input:checked + label {color:#376155;text-decoration:underline}
.search_form .func_option.is_active {z-index:1 !important;border-color:#376155}
.search_form .func_option.is_active button {background-image: url(../../images/webhome/icon_arrow_bottom_20x12_376155.png)}
.search_form .text_area {display:inline-block;position:relative;margin-left:-1px;vertical-align:top}
.search_form .text_area .text {width:518px;height:58px;padding:0 63px 0 20px;border-color:#e1e1e1;font-family: 'Happiness-Sans','맑은 고딕', 'Malgun Gothic', '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim, sans-serif;font-size:18px;color:#222;line-height:58px} /* 2022-03-04 수정 */
.search_form .text_area .text::-webkit-input-placeholder {font-size:18px;color:#767676} /* 2022-09-30 웹 접근성 */
.search_form .text_area .text:-ms-input-placeholder {font-size:18px;color:#767676} /* 2022-09-30 웹 접근성 */
.search_form .text_area .text:placeholder {font-size:18px;color:#767676} /* 2022-09-30 웹 접근성 */
.search_form .text_area .options {display:none;position:absolute;top:100%;right:0;left:0;border:1px solid #376155;padding:12px 20px;margin-top:-1px;background-color:#fff; z-index:10;}
.search_form .text_area .options li {}
.search_form .text_area .options li a {display:block;font-size:18px;color:#222;line-height:32px}
.search_form .text_area .options li a .highlighting{font-weight:700;color:#376155}
.search_form .text_area.is_active {}
.search_form .text_area.is_active .text {border-color:#376155}
.search_form .text_area.is_active .options {display:block}
.search_form .button {position:absolute;top:1px;right:1px;bottom:1px;width:63px;margin:0;background: url(../../images/webhome/icon_search_21x21_222.png) no-repeat 50% 50%}
.search_result {width:984px;min-height:575px;margin:45px auto 0;letter-spacing:-.05em;line-height:1.2}
.search_result .search_result_header {padding-bottom:48px;border-bottom:1px solid #a9a9a9;margin-bottom:46px;font-weight:400;font-size:30px;color:#222;text-align:center}
.search_result .search_result_header em {font-weight:700;color:#d13535}
.search_result .search_result_content {}
.search_result .message_nodata {margin:80px 0;font-size:30px;color:#808080;text-align:center}
.search_result .store_detail {margin-bottom:80px}
.search_result .branch {margin-bottom:30px;text-align: center;}
.search_result .branch + .branch {margin-top:100px;padding-top:50px;border-top:1px solid #a9a9a9}
.search_result .branch .branch_header {margin-bottom:30px}
.search_result .branch .branch_header .title {display:block;margin-bottom:9px;font-weight:400;font-size:26px;color:#222}
.search_result .branch .branch_header .description {display:block;font-size:16px;}
.search_result .branch .branch_header .description em {font-weight:700;color:#d13535}
.search_result .branch .branch_content {padding-left:2px;text-align:left}
.search_result .branch .branch_content li {display:inline-block;width:300px;border-bottom:2px solid #e1e1e1;margin-bottom:20px;margin-left:20px;vertical-align:top}
.search_result .branch .branch_content li a {display:block}
.search_result .branch .branch_content li a:hover {text-decoration:none}
.search_result .branch .branch_content li .image {position:relative;width:300px;height:300px}
.search_result .branch .branch_content li .image img {width:100%;height:100%}
.search_result .branch .branch_content li .stiker {position:absolute;bottom:0;left:0;font-size:0}
.search_result .branch .branch_content li .stiker span {display:inline-block;padding:0 10px;margin-right:1px;font-size:14px;color:#fff;vertical-align:top;line-height:33px}
.search_result .branch .branch_content li .stiker .green {background-color:#376155}
.search_result .branch .branch_content li .stiker .black {background-color:#222}
.search_result .branch .branch_content li .stiker .pink {background-color:#d65d6b}
.search_result .branch .branch_content li .stiker .red {background-color:#d13535}
.search_result .branch .branch_content li .stiker .brown {background-color:#9e8866}
.search_result .branch .branch_content li .information {position:relative;padding:27px 0 27px 10px;height:95px;}
.search_result .branch .branch_content li .information .title {overflow:hidden;display:block;font-weight:400;font-size:20px;color:#222;text-overflow:ellipsis;}
.search_result .branch .branch_content li .information .title.multiline {display:-webkit-box;height:64px;margin-top:-3px;line-height:32px;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.search_result .branch .branch_content li .information .additional {display:block;font-size:18px;margin-top:13px}
.search_result .branch .branch_content li .icon {display:block;position:absolute;background-position:0 0;background-repeat:no-repeat; margin-top:50px;}
.search_result .branch .branch_content li .icon_plus {top:30px;right:10px;width:20px;height:20px;background-image:url(../../images/webhome/icon_plus_20x20_222.png)}
.search_result .branch .branch_content li .icon_marker {top:70px;right:30px;width:26px;height:37px;background-image:url(../../images/webhome/icon_marker_26x37_222.png)}
.search_result .branch .branch_content li a:hover .icon_plus,
.search_result .branch .branch_content li a:focus .icon_plus {background-image:url(../../images/webhome/icon_plus_20x20_d13535.png)}
.search_result .branch .branch_content li a:hover .icon_marker,
.search_result .branch .branch_content li a:focus .icon_marker {background-image:url(../../images/webhome/icon_marker_26x37_d13535.png)}
.search_result .branch .branch_content li a.box {position:relative;height:176px;border:1px solid #a9a9a9;background-color:#fff;margin-bottom:-2px}
.search_result .branch .branch_content li a.box .information {padding-left:30px}
.search_result .branch .branch_button {height:50px;padding:0 32px;border:1px solid #e1e1e1;border-radius:50px;margin-top:10px;font-family: 'Happiness-Sans','맑은 고딕', 'Malgun Gothic', '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim, sans-serif;font-size:18px;color:#666;text-indent:0;line-height:1.2}/* 2022-03-04 수정 */
.search_result .branch .branch_button:hover,
.search_result .branch .branch_button:focus {border-color:#222;color:#222}
.search_result .branch .message_nodata {padding-bottom:80px;border-bottom:2px solid #f5f5f5;margin-bottom:0;}
/* 2022-04-25 추가 : S */
.search_result .branch .branch_content_store {padding-left:2px;text-align:left}
.search_result .branch .branch_content_store li {display:inline-block;width:300px;border-bottom:2px solid #e1e1e1;margin-bottom:20px;margin-left:20px;vertical-align:top}
.search_result .branch .branch_content_store li a {display:block}
.search_result .branch .branch_content_store li a:hover {text-decoration:none}
.search_result .branch .branch_content_store li .image {position:relative;width:300px;height:300px}
.search_result .branch .branch_content_store li .image img {width:100%;height:100%}
.search_result .branch .branch_content_store li .stiker {position:absolute;bottom:0;left:0;font-size:0}
.search_result .branch .branch_content_store li .stiker span {display:inline-block;padding:0 10px;margin-right:1px;font-size:14px;color:#fff;vertical-align:top;line-height:33px}
.search_result .branch .branch_content_store li .stiker .green {background-color:#376155}
.search_result .branch .branch_content_store li .stiker .black {background-color:#222}
.search_result .branch .branch_content_store li .stiker .pink {background-color:#d65d6b}
.search_result .branch .branch_content_store li .stiker .red {background-color:#d13535}
.search_result .branch .branch_content_store li .stiker .brown {background-color:#9e8866}
.search_result .branch .branch_content_store li .information {position:relative;padding:27px 0 27px 10px;height:95px;}
.search_result .branch .branch_content_store li .information .title {overflow:hidden;display:block;font-weight:400;font-size:20px;color:#222;text-overflow:ellipsis;}
.search_result .branch .branch_content_store li .information .category_text {margin-bottom : 10px; font-size: 14px;}
.search_result .branch .branch_content_store li .information .selectshop_text {margin-top : 40px;  font-size: 14px;color: #9e8866;}
.search_result .branch .branch_content_store li .information .title.multiline {display:-webkit-box;height:64px;margin-top:-3px;line-height:32px;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.search_result .branch .branch_content_store li .information .additional {display:block;font-size:18px;margin-top:13px}
.search_result .branch .branch_content_store li .icon {display:block;position:absolute;background-position:0 0;background-repeat:no-repeat; margin-top:50px;}
.search_result .branch .branch_content_store li .icon_plus {top:30px;right:10px;width:20px;height:20px;background-image:url(../../images/webhome/icon_plus_20x20_222.png)}
.search_result .branch .branch_content_store li .icon_marker {top:70px;right:30px;width:26px;height:37px;background-image:url(../../images/webhome/icon_marker_26x37_222.png)}
.search_result .branch .branch_content_store li a:hover .icon_plus,
.search_result .branch .branch_content_store li a:focus .icon_plus {background-image:url(../../images/webhome/icon_plus_20x20_d13535.png)}
.search_result .branch .branch_content_store li a:hover .icon_marker,
.search_result .branch .branch_content_store li a:focus .icon_marker {background-image:url(../../images/webhome/icon_marker_26x37_d13535.png)}
.search_result .branch .branch_content_store li a.box {position:relative;height:176px;border:1px solid #a9a9a9;background-color:#fff;margin-bottom:-2px}
.search_result .branch .branch_content_store li a.box .information {padding-left:30px}
/* 2022-04-25 추가 :E */
/* 2022-07-12 추가 [S] */
.store_detail .detail .detail_etc{padding-top: 21px; margin-top: 21px;border-top: 1px solid #f5f5f5;}
.store_detail .detail .detail_etc::after{content: ''; display: block; clear: both;}
.store_detail .detail .detail_etc dt{float: left; font-size: 18px; color: #222; margin-right: 15px;}
.store_detail .detail .detail_etc img{height: 54px;}
.store_detail .detail .detail_etc dd{float: left;}
/* 2022-07-12 추가 [E] */

.recommended_product {margin-top:100px;padding:56px 0 90px;background-color:#f5f5f5;letter-spacing:-.05em;line-height:1.2;text-align:center;}
.recommended_product .recommended_product_header {margin-bottom:27px;font-weight:400;font-size:26px;color:#222}
.recommended_product .recommended_product_content {position:relative;width:910px;margin:0 auto;text-align:left}
.recommended_product .recommended_product_list {}
.recommended_product .recommended_product_list li {border-bottom:2px solid #e1e1e1}
.recommended_product .recommended_product_list li a {}
.recommended_product .recommended_product_list li a:hover {text-decoration:none}
.recommended_product .recommended_product_list li .image {width:220px;height:220px}
.recommended_product .recommended_product_list li .image img {width:100%;height:100%}
.recommended_product .recommended_product_list li .information {padding:28px 10px 29px}
.recommended_product .recommended_product_list li .information .title {display:block;font-weight:400;font-size:18px;color:#222}
.recommended_product .recommended_product_list li .information .description {display:block;height:42px;margin-top:9px;margin-bottom:10px;font-size:14px;line-height:21px}
.recommended_product .recommended_product_list li .information .price {margin-right:6px;font-size:22px;color:#d13535}
.recommended_product .recommended_product_list li .information .price .unit {font-size:16px}
.recommended_product .recommended_product_list li .information .price_old {font-size:14px}
.recommended_product .bx-controls-direction a {overflow:hidden;display:block;position:absolute;top:85px;width:50px;height:50px;background-color:#376155;background-position:50% 50%;background-repeat:no-repeat;font-size:1px;text-indent:100%}
.recommended_product .bx-controls-direction a.disabled {display:block !important;background-color:#222}
.recommended_product .bx-controls-direction a.bx-prev {left:-37px;background-image:url(../../images/webhome/icon_arrow_left_14x24_fff.png)}
.recommended_product .bx-controls-direction a.bx-next {right:-37px;background-image:url(../../images/webhome/icon_arrow_right_14x24_fff.png)}
/* 2019-08-29 추가 : E */

.__se_tbl {border-collapse:separate;}

.__se_tbl table {border-collapse:separate;}



/* 2014-06-10 */

table .tb_cardlist p.cardchk {float:left; margin:12px 35px 0 0;}

table .tb_cardlist p.cardchk input.radio {margin-top:25px; vertical-align:top;}

table .tb_cardlist p.cardchk label {width:100px; vertical-align:top; text-align:center;}

table .tb_cardlist p.cardchk label img {width:90px; height:56px; display:block; margin-bottom:12px;}



/* 2014-08-14  */

table .tb_point_none td p.value { padding-top:11px; padding-bottom:16px; font-size: 16px; font-weight: bold; text-align: center; }

table .tb_point_none td {padding: 11px 7px 5px !important;}



/* 2014-08-19 */

.wrap_benefit_life {margin: 15px 0;}



/* 2014-08-27 이용약관수정 */

.terms_tit {clear:both; display:block; margin-top:20px;}

.bg_indent {clear:both; margin-top:30px;background:#f1f1f1; border-top:3px solid #ccc; border-bottom:1px solid #ccc; padding:15px 10px;}

.terms_tit_02 {background:none; margin-top:0;}

.terms_tit_03 {background:none; margin-top:0; margin-bottom:0px;}

.terms_inner {width:100%; overflow:hidden;}

.bg_indent .tit {padding:0px 12px 0px;}

.terms_inner li {position:relative; width:732px; overflow:hidden; padding:10px 10px 14px 22px; border-bottom:1px solid #ccc; }

.terms_inner li .tspace01 li {border:none;  padding: 0px 10px 0px 10px;}

.terms_inner .tit { margin-top:7px; display:inline-block; }

.terms_inner .fr{margin-top:5px !important}

.terms_inner li .btn_terms {position:absolute; top:10px; right:152px;}

.terms_inner .tspace03 {margin-top:15px !important}



/* 2015-07-01메인추가 */

.main_sale {width:100%; height:1306px; background:url('../../images/webhome/bg_mainsale.jpg') no-repeat 50% 0; }

.main_sale .visual {width:985px;margin:0 auto;padding-top:318px;}



/* 2015-08-28 푸터추가 */

.footer_moka { float: right;margin-right: 122px; margin-top:1px; }



.tb_type1 .tb_innrcont2 {padding:12px 407px 11px 20px; background:#fff; border-bottom:1px solid #c2c7d5;  }



.button_ar2 { margin-top: -20px; text-align: right;}

.block01{}

.block01 .culture{padding: 0 0px 0 0;}

.block01 p .culture2{}



/* 2015-12-29 최원락 css 변경*/

table .tb_point2 td p.value {padding-top:11px; padding-bottom:5px; font-size:16px; font-weight:bold; text-align:center; }





/* 2016-03-08 최원락 css 추가*/

.layer-wrap {left:13px; right:13px; z-index:120;}

.modalOverlay {position:absolute; top:0; left:0; right:0; width:100%; background-color:#000; opacity:.5; z-index:110;}

.layer-in {position:relative; overflow:hidden; background:#fff; padding:0 13px 33px; z-index:121;}

.layer-in .head {padding:13px 0 0 0;width:100%;}

.layer-in .head .lay_h1 {width:100%; padding:7px 0 6px; border-bottom:2px solid #797979; font-family:'Hyundai_B1012';font-size:16px; color:#000; line-height:18px; margin-bottom:13px;}

.layer-in .conent {color:#666;}

.layer-in .conent .lay_h2 {font-family:'Hyundai_B1012';font-size:13px; color:#000;margin-bottom:7px;}

.layer-in .foot .btnClose {position:absolute; top:23px; right:33px; text-indent:-999px; overflow:hidden; width:11px; height:11px; background:url('../../images/mobilehome/svg/svgbtnClose.png') no-repeat 0 0; background-size:100%;}

.layer-in .lay_agree p {line-height:1.5;}

.layer-in .lay_agree .txt_caution {margin-top:26px;}

.layer-in .lay_roll .wrt_textarea {min-height:220px; border-color:#d7d7d7; color:#666;}

.layer-in .lay_roll .form-item {margin-bottom:20px;}

.layer-in .lay_addchk .addtxt {font-family:'Hyundai_B1012';font-size:13px; margin-bottom:7px;}

.layer-in .lay_addchk .brdbox {padding:12px 19px 13px; margin-bottom:11px; border:1px solid #a5a5a5;}

.layer-in .lay_addchk .brdbox b {font-weight:normal;}

.layer-in .lay_addchk .radio-item {font-family: 'Hyundai_B1012'; font-size: 15px; line-height:24px; margin-top:0;}

.layer-in .lay_addchk .addchk_end {margin-top:20px;}

.layer-in .lay_saved .btn-wrap-2 .btnText {margin-top:20px;}

.layer-in .title-article + .infodesk {margin-top:13px;}

.wait-loading-now {position:fixed; left:0; right:0; top:0; bottom:inherit; min-height:0; height:0; z-index:-1; overflow:hidden;}

.wait-loading-now .i {width:60px; height:60px; position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:-30px; background:url('../../images/mobilehome/loading_now.png') no-repeat 0 0; background-size:cover;}

body.loading-now .wait-loading-now {bottom:0; min-height:100%; z-index:99;}

/* 2016-12-16 우수고객 서비스 김신혜 css 추가 */
.content.premium-service-program .content-primary .tb_type2 td												{padding: 20px 0 18px;}
.content.premium-service-program .content-primary .tb_type2 td p											{margin-top: 10px}
.content.premium-service-program .content-primary .tb_type2 td .bllist_type1								{padding-left: 20px;}
.content.premium-service-program .content-primary .tb_type2 tr:last-child td								{text-align: left !important;}
.content.premium-service-program .content-primary															{position: relative;}
/*2017-12-27 배경이미지 삭제*/
/*.content.premium-service-program .content-primary:before		{content: ''; display: block; position: absolute; top: 80px; right: 53px; width: 145px; height: 144px; background-image: url(../../images/webhome/img_benefit_icon.png);}*/

/* 2016-12-19 클럽웨딩 가입 김신혜 css 추가 */
.content.clubwedding-signup .tb_type1																		{border-bottom: 2px solid #c2c7d5;}
.content.clubwedding-signup .tb_type1 table																	{border-bottom: none;}




.tb_type_new1{border-top:3px solid #666;}
.tb_type_new1 table {width:100%;}
.tb_type_new1 thead th{border-left:1px solid #999;text-align:center;}
.tb_type_new1 tbody th,.tb_type_new1 tbody td{border-left:1px solid #999;}

.popup_password_change {padding:55px 40px 60px !important;font-family:'Noto Sans KR', 'Malgun Gothic', Dotum, Helvetica, Arial, sans-serif;font-size:0;text-align:center !important}
.pwChgPop  .tit {margin-bottom:41px;font-size:23px;font-weight:400;color:#000;line-height:30px;text-align:center}
.pwChgPop  .btn_type14 button,
.pwChgPop  .btn_type14 a,
.pwChgPop  .btn_type15 button,
.pwChgPop  .btn_type15 a {min-width:149px;font-family:'Noto Sans KR', 'Malgun Gothic', Dotum, Helvetica, Arial, sans-serif;}
.pwChgPop  .btn_type15 {margin-left:10px}

/* 2019-11-29 추가 : S */
.btn_type14 {display:inline-block; vertical-align:middle;}
.btn_type14 button, .btn_type14 a{display:block;height:42px;box-sizing:border-box;padding:0 30px;background-color:#000;font-size:16px;font-weight:300;color:#fff;text-indent:0;line-height:42px;}
.btn_type14 a:hover{text-decoration:none}
.btn_type15 {display:inline-block; vertical-align:middle;}
.btn_type15 button, .btn_type15 a {display:block;height:42px;box-sizing:border-box;padding:0 28px;border:1px solid #e1e1e1;font-size:16px;font-weight:300;color:#000;text-indent:0;line-height:40px;}
.btn_type15 a:hover {text-decoration:none}
/* 2019-11-29 추가 : E*/


/* 2019-11-29 추가 : E */

.pwChgPop {position:absolute; top:0; left:0; width:100%; height:100%; background:url("../../images/webhome/dimd.png") repeat 0 0; z-index:999999}
.pwChgPop .container {position:absolute; top:450px; left:50%; width:580px; padding:40px; margin-top:-290px; margin-left:-330px; background:#fff}
.pwChgPop .container .close {display:block; position:absolute; top:44px; right:40px}
.pwChgPop .container .popTit {padding-bottom:30px; font-size:24px; color:#000; line-height:26px; border-bottom:1px solid #e1e1e1; margin-bottom:30px}
.pwChgPop .container .txt {font-size:16px; color:#555; line-height:26px}
.pwChgPop .container .inputL {margin-top:10px}
.pwChgPop .container .inputL label {display:inline-block; width:145px; font-size:16px; color:#333; line-height:42px; vertical-align:top}
.pwChgPop .container .inputL input {width:303px; height:34px}
.pwChgPop .container .inputL .capslock {display:inline-block; position:relative;}
.pwChgPop .container .inputL .capslock .img {position:absolute; top:44px; left:0;}
.pwChgPop .container .error {padding-left:145px; font-size:14px; color:#fa4156; line-height:22px; margin-top:5px}
.pwChgPop .container .notice {padding-left:145px; font-size:14px; color:#767676; line-height:22px; margin-top:5px}
.pwChgPop .container .btnArea {text-align:center; margin-top:40px}



/* 2020-01-28 검색솔루션 지도 이미지 크기 변경 */
#layoutPopupStoreInfoDetail002 .poplayer_header {padding:15px 0px !important;}
#layoutPopupStoreInfoDetail002 .poplayer_content {padding: 10px !important;}
#layoutPopupStoreInfoDetail002 .store_detail .map {width:900px; height:800px; margin: 0 auto;}


/* 2020-01-31 추가 : S */
.popup-event									{display: none; position: fixed; z-index: 35; bottom: 0; left: 50%; margin-left: -492px; width: 984px; overflow: hidden;}
.popup-event.active								{display: block;}
.popup-event h2									{display: block; position: absolute; width: 0; height: 0; font-size: 0; line-height: 0;}
.popup-event .popup-display						{}
.popup-event .popup-display .popup-item			{}
.popup-event .popup-display .popup-item .wrap	{display: block;}
.popup-event .popup-display .popup-item .wrap img	{vertical-align: top; max-width: 100%;}
.popup-event .popup-control						{position: absolute; top: 0; right: 0;}
.popup-event .popup-control:after				{content: ''; display: none; clear: both; width: 0; height: 0; visibility: hidden;}
.popup-event .popup-control .btn				{float: left; background-repeat: no-repeat; background-position: 0 0;}
.popup-event .popup-control .btn+.btn			{margin-left: 10px;}
.popup-event .popup-control .close-today		{width: 118px; height: 31px; background-image: url(../../images/webhome/btn_closetoday.png);}
.popup-event .popup-control .close				{width: 33px; height: 31px; background-image: url(../../images/webhome/btn_close.png);}
/* 2020-01-31 추가 : E */

/* 2022-01-24_2 추가 [S] */
.layer_popup_area{position: fixed; top: 204px; left: 50%;z-index: 9; margin-left: -492px;}
.layer_popup_area .layer_close{ position: absolute; top: 26px; right: 26px; cursor: pointer;}
.layer_popup_area .close_today{ position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); cursor: pointer;}
/* 2022-01-24_2 추가 [E] */

/* 2020-02-28 추가 : S */
.input_checkwrap2 {position:relative}
.input_checkwrap2 input {position:absolute;top:0;left:0;width:1px;height:1px;margin:0;padding:0;border:0;background-color:transparent;clip:rect(0, 0, 0, 0)}
.input_checkwrap2 label,
.input_checkwrap2 .label {display:inline-block;position:relative;padding-left:30px;font-size:13px;font-weight:700;color:#444;line-height:19px;vertical-align:top}
.input_checkwrap2 label:before,
.input_checkwrap2 .label:before {content:'';display:block;position:absolute;top:0;left:0;width:19px;height:19px;background: url(../../images/webhome/checkbox_19x19_d6d6d6.png) 50% no-repeat}
.input_checkwrap2 label:after,
.input_checkwrap2 .label:after {content:'';display:block;position:absolute;top:0;left:0;width:19px;height:19px;background: url(../../images/webhome/checkbox_full_19x19_5d6c89.png) 50% no-repeat;opacity:0}
.input_checkwrap2 input:checked ~ label:before,
.input_checkwrap2 input:checked ~ .label:before {opacity:0}
.input_checkwrap2 input:checked ~ label:after,
.input_checkwrap2 input:checked ~ .label:after {opacity:1}		
.input_checkwrap2.light label,
.input_checkwrap2.light .label {padding-left:23px;font-weight:400}
.input_checkwrap2.type2 label:before,
.input_checkwrap2.type2 .label:before {background-image: url(../../images/webhome/checkbox_19x19_5d6c89.png)}
/* 2020-02-28 추가 : E */

/* 2021-01-21 추가 : S  */
.store_subway .subway_method_list {margin-top:5px;}
.store_subway .subway_method_list span {display: block;}
.store_subway .subway_method_list span:first-child {font-weight: bold;}

/* 2021-02-17 추가 : S */
.loading-new {position:fixed;left:0;top:0;width:100%;height:100%;z-index:10001;}
.loading-new .img {position:absolute;left:50%;top:50%;width:50px;height:50px;background:url('../../images/webhome/loading2.gif') no-repeat 0 0;background-size:contain;margin:-25px 0 0 -25px;}
/* 2021-02-17 추가 : E */

/* 2021-03-02 추가  : S */
.boxspacing {margin-top:5px; padding:9px 9px 9px 19px; text-indent: -9px; font-size: 12px; background:#f7f7f7;}
/* 2021-03-02 추가  : E */


/* 2012-03-05 더현대 서울 부분 추가 : S */
.wrap_submain_store .store_minfobox.seoul ul li .stit {width: 95px;}
.wrap_submain_store .store_minfobox.seoul ul li.longtime .stit {font-weight: normal;}
.wrap_submain_store .store_minfobox.seoul ul li .right_txt {float: right; display: block; margin: 10px 20px 0 0;}
.wrap_submain_store .store_minfobox.seoul ul li .ml20{margin-left: 3px;}
/* 2012-03-05 더현대 서울 부분 추가 : E */

.diningTime{height:35px;}
.right_txt_for_seoul {display:inline-block;margin-top:5px;}
.stitForSeoul { margin-top: -5px; width:85px !important;display: inherit;}

/* 2021-03-26 스페이원 부분 추가 */
.content.moka .btn-area {position: relative;}
.content.moka .btn-area a {position: absolute; right:0; bottom:-18px; width: 160px; height:40px;}
.content.moka .btn-area a img {width:100%;}
.content.moka .btn-area.v2 a {left:0;} 


/* 2021-03-31 카드신청 추가 */
#tabs.tabArea {margin-top:25px;}
#tabs.tabArea .tabBtn {position: relative; border-bottom: 1px solid #999;} 
#tabs.tabArea .tabBtn::after {clear: both; display: block; content: "";}
/* 2021-11-04 웹접근성 */
#tabs.tabArea .tabBtn li{position: relative; float: left; width:191px; height: 45px; line-height: 45px; color:#999; font-size:19px; cursor: pointer; text-align: center; text-indent: 0;}	
#tabs.tabArea .tabBtn li.on {color:#333; font-weight: bold;}
#tabs.tabArea .tabBtn li.on::after {content: ""; position: absolute; bottom:0; left:0; width:100%; height:2px; background: #333; z-index: 10;}
/* 2021-11-04 웹접근성 */
#tabs.tabArea .viewArea .view.hide {display: none;}
#tabs.tabArea .viewArea .view .txt {padding:28px 68px; border: 1px solid #e0e0e0; font-size:14px;}
#tabs.tabArea .viewArea .view .txt ul {line-height: 25px;}
#tabs.tabArea .viewArea .view .txt ul + ul {margin-top:20px;}
#tabs.tabArea .viewArea .view strong {color:#333; font-size:16px;}
#tabs.tabArea .viewArea .view .underline {margin-top:50px; font-size:19px; color:#333; text-align: center; text-decoration: underline; font-weight: bold;}
.tit_section03 {position: relative;}
.tit_section03 .arrow {position: absolute; left:175px; top:5px; display:block; width:13px; height:8px; background:url(../../images/webhome/card/arrow_down.png) no-repeat center; text-indent: -9999px; cursor: pointer;}
.tit_section03 .arrow.up {background:url(../../images/webhome/card/arrow_up.png) no-repeat center;}
/* 2021-11-23 추가 */
.normal_view {padding: 20px; background: #f5f5f5; border-top: 1px solid #333; line-height: 25px; font-size:14px;}

/* 2022-04-06 추가 */
.sub_title_happines {display: block; height: 43px; font-size:20px; color:#000;}
.sub_title_happines.v2 {font-size: 30px;}
.sub_para_happines {font-size:16px; color:#666;}


/* 2021-04-09 김포점 로고 수정 */
.gimpo_logo_area {position: relative;}
.gimpo_logo_area:after {content: ""; display: block; clear: both;}
.gimpo_logo_area .logo_box {float: left; width: calc(100% / 5); max-height: 117px;}
.gimpo_logo_area .logo_box img {width: 100%;}

/* 2021-06-03 그룹사 부분 추가 */


/* 검색창 */
.finance .sch_wrap {background:#c2c7d5; width:100%; height:48px; overflow:hidden;}
.finance .sch_wrap:after {clear:both; display:block; visibility:hidden; content:' ';}
*+ html .finance .sch_wrap {display:inline-block;}
.finance .sch_wrap .left {float: left; padding:11px 0 11px 19px;}
.finance .sch_wrap .left .txt_num {padding-top:4px;}
.finance .sch_wrap .right {float: right; padding:11px 19px 11px 0;}
.finance .sch_wrap .fl {float:left;}
.finance .sch_wrap .dash {margin-right:12px; vertical-align:middle; padding-top:4px;}
.finance .sch_wrap .func_option {margin-right:15px; width:102px;}
.finance .sch_wrap .func_option .options {width:102px;}
.finance .sch_wrap .right .input185_25 {margin-right:0px !important;}
.finance .sch_wrap .input80_25 {position:relative; margin-right:46px !important;}
.finance .sch_wrap .ui-datepicker-trigger {position:absolute; top:0; right:-35px; cursor:pointer;}

/* input */
.finance .input250_26 {width:250px; height:26px; border:0 none;}
.finance .input250_27 {background-color:#e3e3e3; height:21px; width:230px; border:none; padding:7px 10px 0 10px; display:inline-block;}
.finance .input250_27 input {width:100%; border:0; background:none;}
.finance .input250_32 {background-color:#e3e3e3; height:25px; width:230px; border:none; padding:7px 10px 0 10px; display:inline-block;}
.finance .input250_32 input {width:100%; border:0; background:none;}
.finance .input75_27 {background-color:#e3e3e3; height:25px; width:55px; border:none; padding:7px 10px 0 10px; display:inline-block; vertical-align:middle;}
.finance .input75_27 input {width:100%; border:0; background:none;}
.finance .input117_27 {background-color:#e3e3e3; height:21px; width:97px; border:none; padding:7px 10px 0 10px; float:left; margin-right:4px; vertical-align:middle;}
.finance .input117_27 input {width:100%; border:0; background:none;}
.finance .input250_25 {background-color:#ffffff; width:230px; height:19px; border:0 none; padding:6px 10px 0 10px; float:left; margin-right:12px;}
.finance .input250_25 input {width:100%; border:0; background:none;}
.finance .input489_27 {background-color:#e3e3e3; height:21px; width:489px; border:none; padding:7px 10px 0 10px; display:inline-block;}
.finance .input489_27 input {width:100%; border:0; background:none;}
.finance .input80_25 {background-color:#ffffff; width:65px; height:21px; border:0 none; padding:6px 10px 0 10px; float:left; margin-right:12px;}
.finance .input80_25 input {width:100%; border:0; background:none;}
.finance .input185_25 {background-color:#ffffff; width:145px; height:19px; border:0 none; padding:6px 10px 0 10px; float:left; margin-right:12px;}
.finance .input185_25 input {width:100%; border:0; background:none;}
.finance .input404_27 {background-color:#e3e3e3; height:21px; width:384px; border:none; padding:7px 10px 0 10px; display:inline-block;}
.finance .input404_27 input {width:100%; border:0; background:none;}

/* 버튼 */
.finance .btn01 {margin:0; padding: 0 20px; height:26px; line-height:26px; overflow:visible; display:inline-block; vertical-align: middle; color:#fff; border:0 none; background:#666;}
.finance .btn02 {margin:0; padding: 0 12px; height:21px; line-height:21px; overflow:visible; display:inline-block; vertical-align: middle; color:#fff; border:0 none; background:#666;}
.finance .btn_ar01 {padding-right:20px; text-align:right;}
/* 2021-07-07 주석 : S  */
/* .finance .paging {text-align:center; width:100%;}
.finance .paging a {margin: 0 3px; width:21px; height:21px; line-height:21px; display:inline-block; vertical-align:middle; text-align:center; color:#fff; background:#767676;}
.finance .paging strong {margin: 0 3px; width:21px; height:21px; line-height:21px; display:inline-block; vertical-align:middle; text-align:center; color:#fff; font-weight:bold; background:#fff;}
.finance .paging span {margin: 0 3px; width:21px; height:21px; line-height:21px; display:inline-block; vertical-align:middle; text-align:center; color:#333; font-weight:bold; background:#fff;}
.finance .paging .prev {width:43px !important;}
.finance .paging .next {width:43px !important;}
.finance .paging a.on {font-weight:bold; background:#c2c7d5; color:#333;}
.finance .paging a:hover {font-weight:bold; background:#c2c7d5; color:#333;} */
/* 2021-07-07 주석 : E  */

.green-friends-introduction.v2 .green-friends-division-inner{width:100%;}
.green-friends-introduction.v2 .green-friends-heading h2 {font-size:38px;}
.green-friends-introduction.v2 .green-friends-division--top:after {top:307px; width:718px; left:50%; transform: translateX(-50%); margin-left:0; background-size: contain;}
.green-friends-introduction.v2 .green-friends-character-item-1 {top:210px; left:0; width:195px; height:175px;}
.green-friends-introduction.v2 .green-friends-division--top:after{background: url("../../images/webhome/finance/bg_green_friends_top.png") no-repeat;} 
.green-friends-introduction.v2 .green-friends-character-item-1 .green-friends-character-information:after {right:0; left:100%; border-right: 10px solid transparent; border-left: 10px solid #000;}
.green-friends-introduction.v2  .green-friends-character-item-1 .green-friends-character-information {top:20px; left:-305px; text-align: right; padding:22px 40px 19px 0;}
.green-friends-introduction.v2 .green-friends-character-item-2 {top:210px; right:0; left: auto; width:110px; height: 100px;}
.green-friends-introduction.v2 .green-friends-character-item-2 .green-friends-character-information {right:-320px;}
.green-friends-introduction.v2 .green-friends-character-item-2 .green-friends-character-information:after {right:100%; left:auto; border-right: 10px solid #000; border-left: 10px solid transparent;}
.green-friends-introduction.v2 .green-friends-character-item-3 {top:274px; left:573px; width:140px; height: 75px;}
.green-friends-introduction.v2 .green-friends-character-item-3 .green-friends-character-information {top:-10px; right: -325px;}
.green-friends-introduction.v2 .green-friends-character-item-3 .green-friends-character-information:after {right:100%; left:auto; border-right: 10px solid #000; border-left: 10px solid transparent;}
.green-friends-introduction.v2 .green-friends-character-item-4 {top:325px; left:165px; width: 370px; height: 180px;}
.green-friends-introduction.v2 .green-friends-character-item-4 .green-friends-character-information {top:220px; left:60%; transform: translateX(-50%); padding:5px 40px; width:435px; text-align: center;}
.green-friends-introduction.v2 .green-friends-character-item-4 .green-friends-character-information:after {top:-10px; border-top:10px solid transparent; border-bottom:10px solid #000; border-right: 10px solid transparent; border-left: 10px solid transparent; left:50%; transform: translateX(-50%);}
.green-friends-introduction.v2 .green-friends-character-item-5 {top:415px; left:115px; width:125px; height: 125px;}
.green-friends-introduction.v2 .green-friends-character-item-5 .green-friends-character-information {top:0; left:-325px; text-align: right; padding:22px 40px 19px 0;}
.green-friends-introduction.v2 .green-friends-character-item-5 .green-friends-character-information:after {right: 0; left: 100%; border-right: 10px solid transparent; border-left: 10px solid #000;}
.green-friends-introduction.v2 .green-friends-character-item-6 {top:470px; left:635px; width:85px; height: 70px;}
.green-friends-introduction.v2 .green-friends-character-item-6 .green-friends-character-information {top:-25px; left:95px;}
.green-friends-introduction.v2 .green-friends-division--top {height: auto; padding-bottom: 78px;}
.green-friends-introduction.v2 .green-friends-division--top:before {top:590px; height: auto;}
.green-friends-introduction.v2 .green-friends-youtube{margin-top:360px;}
.green-friends-section.v2 .green-friends-slide {width:692px;}
.green-friends-section.v2 .green-friends-slide-link {right: 80px;}
.green-friends-section.v2 .green-friends-slide .bx-wrapper {margin:0 auto;}
.green-friends-section.v2 .green-friends-slide .bx-next {right:0;}
.green-friends-section.v2 .green-friends-slide .bx-prev {left:0;}
.green-friends-division.v2 .green-friends-section{ background:#f7f7f7; padding-top:100px; margin-top:0;}
.green-friends-division.v2 .green-friends-list {padding:80px;}
.green-friends-division.v2 .green-friends-list-item {position: relative; margin-left:0;}
.green-friends-division.v2 .green-friends-list-item::after{display: block; clear: both; content: "";}
.green-friends-division.v2 .green-friends-list-item {width:100%;}
.green-friends-division.v2 .green-friends-list-item +  .green-friends-list-item {margin-top:20px;}
.green-friends-division.v2 .green-friends-list-item img {float: left; width:260px;}
.green-friends-division.v2 .green-friends-list-item .green-friends-list-txt {float: right; width:344px; padding:0 0 25px 35px; background: #fff; box-sizing: border-box;}
.green-friends-division.v2 .green-friends-list-item:after {display: none;}
.green-friends-division--bottom.v3 {margin-top:0; padding:50px 0; background:#fff7ea;}
.green-friends-division--bottom.v3 .green-friends-story-text {width:600px; padding:50px 45px; background-size: 130px; background-position: 105% bottom;}
.green-friends-division--bottom:before {top:25px!important; left:30px!important; margin-left: 0!important; z-index: 100;}
.green-friends-division--bottom:after {top:810px!important; margin-left:232px!important; right:0!important; background:url("../../images/webhome/finance/bg_green_friends_story3.png") 50% no-repeat!important; z-index: 100;}
.green-friends-story-list {padding:0 40px; }

/* 기업지배구조 2021-06-04 추가 */
.sub03_03_09 {margin-top:50px} 
.sub03_03_09 + .tit_sub {margin-top:70px} 
.sub03_03_09 .txt_tit {margin:49px 0 15px 0;font-size:16px; color:#060606;}
.sub03_03_09 .box { overflow:hidden;width:100%;border-top:2px solid #333;border-bottom:1px solid #333;color:#060606;text-align:center;} 
.sub03_03_09 .box .item {float:left;height:145px;padding:63px 46px 0;border-left:1px solid #e4e4e4}
.sub03_03_09 .box .item:first-child {height:168px;padding:20px 15px;border-left:0 none;}
.sub03_03_09 .box2 {overflow:hidden;text-align:center}
.sub03_03_09 .box2 .item {float:left;width:100px;height:204px;padding:107px 20px 0;border-left:1px solid #e4e4e4}
.sub03_03_09 .box2 .item:first-child {width:530px;padding:0 20px 0 0;border-left:0}
.sub03_03_09 .box2 .item:first-child p {text-align:left}
.sub03_03_09 .box3 {overflow:hidden;width:100%;border-top:2px solid #c2c7d5;border-bottom:1px solid #c2c7d5;color:#060606;text-align:center; margin-top:15px;}
.sub03_03_09 .box3 .head {padding-left:10px; background:#eaedf3; color:#5d6c89; line-height: 35px; height: 35px; font-size:16px; text-align: left; font-weight: 700;}
.sub03_03_09 .box3 .body {font-size:13px}
.sub03_03_09 .box3 .body .item {float:left;padding:140px 57px 0;box-sizing:border-box;} 
.sub03_03_09 .box3 .body .item:first-child {padding:20px;border-left:0;text-align:left;border-right:1px solid #e4e4e4} 
.sub03_03_09 .box3 .body .row {margin-top:30px;} 
.sub03_03_09 .box3 .body .row:first-child {margin-top:0}
.sub03_03_09 .box3 .body .row .col {float:left;width:240px;}

.sub03_03_09 .table {margin-top:40px; width:100%;}
.sub03_03_09 .table th {background:#eaedf3; color:#5d6c89; border:1px solid #c2c7d5; font-size:13px;}
.sub03_03_09 .table th:first-child {border-left:0;}
.sub03_03_09 .table th:last-child {border-right:0;}
.sub03_03_09 .table th, .sub03_03_09 .table td {height: 39px;}
.sub03_03_09 .table td {text-align: center; border-left:1px solid #c2c7d5; border-top:1px solid #c2c7d5;}
.sub03_03_09 .table td:first-child{border-left:0;}
.sub03_03_09 .txt {display: block; margin-top:10px;}
.sub03_03_09 .table tr:last-child td {border-bottom:1px solid #c2c7d5;}

.finance .governance{border-bottom:1px solid #333;position:relative;}
.finance .governance table + table{margin:20px 0; }
.finance .governance:after{content:"";position:absolute; left:47%; bottom:25px; height:250px;width:1px; background:#f3f3f3;} /* 2021-04-29 변경 */
.finance .governance thead th{padding:25px 20px 25px 25px;background:#f5f5f5;color:#060606; font-size:17px; line-height:1.4;text-align: left;border-top:2px solid #333;border-bottom:1px solid #e4e4e4;}
.finance .governance thead th a{font-weight:300;}
.finance .governance tbody td{border:none;padding:10px 10px 10px 25px;text-align:left;vertical-align:top;}
.finance .governance thead th .table-sup{display:block;font-size:13px;color:#060606;} /* 2021-04-29 변경 */


.finance .btn_down {margin-right:2px; margin-top: 10px; width:85px; height:20px; line-height:20px; display:inline-block; vertical-align: middle; font-family: dotum; font-size:11px; text-align:center; border:1px solid #d8d8d8;}
.finance .btn_down .pdf {padding-left:18px; height:20px; line-height:22px; display:inline-block; vertical-align: middle; cursor:pointer; background:url('../../images/webhome/finance/ico_pdf.png') no-repeat 0 2px;}

.button-area {position: relative; margin-top:20px;}
.button-area:after {display: block; clear: both; content: "";} 
.button-area .button_box {position: relative; width:49%; height:80px; background:#fafafa; line-height: 80px; margin-bottom:10px; padding-left:20px; box-sizing: border-box;}
.button-area .button_box a {position: absolute; top:50%; transform: translateY(-50%); right:20px; background:#fff; margin:0;}
.button-area .button_box > span {color:#333; font-size:14px;}
.button-area .button_box .btn_down {margin-right:2px; margin-top: 10px; width:85px; height:20px; line-height:20px; display:inline-block; vertical-align: middle; font-family: dotum; font-size:11px; text-align:center; border:1px solid #d8d8d8;}
.button-area .button_box .btn_down .pdf {padding-left:18px; height:20px; line-height:22px; display:inline-block; vertical-align: middle; cursor:pointer; background:url('../../images/webhome/finance/ico_pdf.png') no-repeat 0 2px;}
.button-area .button_box:nth-child(odd) {float: left;}
.button-area .button_box:nth-child(even) {float: right;}
.button-area .button_box:nth-child(8) {line-height: 1.5; padding:22px 20px;}
.container .content.finance {float: right; width:754px;}

/* 공통 테이블 */
/* .tbl_type01 {border-top:1px solid #c2c7d5;} */
.finance .tbl_type01 table {margin-bottom:20px; border-bottom:1px solid #c6c6c6;}
.finance .tbl_type01 tbody th {padding: 8px 0 6px 0; text-align:center; color:#333; border-bottom:1px solid #e4e4e4; background:#f3f3f3;}
.finance .tbl_type01 tbody th.bg_none {background:none;}
.finance .tbl_type01 tbody .line {border-right:1px solid #e4e4e4;}
.finance .tbl_type01 tbody td {padding: 8px 0 6px 20px; text-align:left; border-bottom:1px solid #e4e4e4; color:#666;}
.finance .tbl_type01 tbody tr:last-child td,
.finance .tbl_type01 tbody tr:last-child th {border-bottom:1px solid #c6c6c6;}
.finance .tbl_type01 tbody .up {padding-left:14px; background:url('../../images/ir/ico_s_up01.png') no-repeat 0 2px;}
.finance .tbl_type01 tbody .down {padding-left:14px; background:url('../../images/ir/ico_s_down01.png') no-repeat 0 2px;}
.finance .tbl_type01 tbody .ac {padding-left:0; text-align:center;}
.finance .tbl_type01 .thin {border-top:1px solid #c6c6c6;}

/* 이사회 css */
/* .finance, .finance button, .finance input {font-family: "Noto Sans KR";} */
.finance .sub03_03_01 {position:relative; width:100%; padding-top:35px;}
.finance .sub03_03_01 .help {padding-top:49px; color:#666;}
.finance .sub03_03_01 .iframe {position:relative; min-height:900px; /*width:730px; position:absolute; top:35px; left:-15px;*/}
.finance .sub03_03_01 .iframe iframe {margin:0; padding:0; border:0; border-width:0; width:730px; position:absolute; top:0; left:-15px;}
.finance .sub03_03_01 .acrobat {width:100%; margin-top:10px;}
.finance .sub03_03_01 .acrobat .txt_acro {float:left; padding-top:3px;}
.finance .sub03_03_01 .acrobat .btn_acro {float:right;}
.finance .sub03_03_01 .acrobat .btn_acro a {float:left; margin-left:10px; font-size:11px; color:#353535; text-align:center; width:95px; height:20px; line-height:21px; border:1px solid #d6d6d6;}
.finance .sub03_03_01 .btn .btn_green_a {width:auto; height:auto; padding:9px 28px 8px 28px; line-height:18px; text-align:left;}
/* sub03_03_02 */
.finance .sub03_03_02 {padding-top:52px;}
.finance .sub03_03_02 .wrap_director {width:100%;}
.finance .sub03_03_02 .box_director {float:left; width:337px; margin-bottom:25px;}
.finance .sub03_03_02 .box_director.mr {margin-right:16px;}
.finance .sub03_03_02 .box_director .pic img {width:337px; height:189px;}
.finance .sub03_03_02 .box_director .tit_dir {font-size:14px; background:url(../../images/ir/bg_tit_dir.png) repeat-x bottom left; padding-left:4px; height:26px; margin-top:20px;}
.finance .sub03_03_02 .box_director .tit_dir span {font-weight:400} /* 2019-04-16 추가 */
.finance .sub03_03_02 .box_director ul li {color:#666; padding-left:8px; background:url(../../images/ir/bt_dir.png) no-repeat 0 8px;}
.finance .sub03_03_02 .box_director ul {line-height:20px; padding-top:8px;}
.finance .sub03_03_02 .tit_director {font-size:18px; margin:45px 0 32px 0;}
.finance .sub03_03_02 .tit_director1 {font-size:18px; margin:0 0 32px 0;}
/* 2022-07-22 추가 [S] */
.finance .sub03_03_02 .bsm_table{text-align: center; margin-bottom: 2px;}
.finance .sub03_03_02 .bsm_table.color666 td{color: #666;}
.finance .sub03_03_02 .bsm_table th{background-color: #eaedf3; border: 1px solid #c2c7d5; color: #5d6c89;  font-weight: 700; height: 50px;}
.finance .sub03_03_02 .bsm_table th:first-of-type{border-left: none; color: #5d6c89; width: 100px;}
.finance .sub03_03_02 .bsm_table th:last-of-type{border-right: none;}
.finance .sub03_03_02 .bsm_table td{border: 1px solid #c2c7d5; width: 71px; height: 45px; color: #333; font-size: 11px;}
.finance .sub03_03_02 .bsm_table td.verticalTop{vertical-align: text-top;}
.finance .sub03_03_02 .bsm_table td.color666{color: #666;}
.finance .sub03_03_02 .bsm_table td:first-of-type{border-left: none; color: #5d6c89;  width: 100px; font-weight: 700; font-size: 13px;}
.finance .sub03_03_02 .bsm_table td:last-of-type{border-right: none;}
/* 2022-07-22 추가 [E] */

/* sub03_03_03 */
.finance .sub03_03_03 {padding-top:52px;}
.finance .sub03_03_03 .sch_wrap {width:100%;}
.finance .sub03_03_03 .bbs_typeAcro {margin-top:30px;}
.finance .sub03_03_03 .bbs_typeAcro .name {color:#666; margin-top:3px; float:right;}
.finance .sub03_03_03 .bbs_typeAcro .d_date {color:#666; float:left; letter-spacing:0; width:93px; padding-top:2px;}
.finance .sub03_03_03 .bbs_typeAcro .s_date {font-size:14px; color:#666; letter-spacing:0;}
.finance .sub03_03_03 .bbs_typeAcro .tit a:hover {color:#36855d; text-decoration:underline;}
.finance .sub03_03_03 .bbs_typeAcro .place {position:absolute; bottom:13px; left:21px; width:85%; line-height:22px;}
.finance .sub03_03_03 .bbs_typeAcro .place p {letter-spacing:0; background:url(../../images/ir/bul_pl.png) no-repeat 0 9px; padding-left:12px;}
.finance .sub03_03_03 .paging {margin-top:8px;}
*+ html .finance .sub03_03_03 .paging {margin-top:20px;}
.finance .sub03_03_03 .acrobat {width:100%; margin-top:40px;}
.finance .sub03_03_03 .acrobat .txt_acro {float:left; padding-top:3px;}
.finance .sub03_03_03 .acrobat .btn_acro {float:right;}
.finance .sub03_03_03 .acrobat .btn_acro a {float:left; margin-left:10px; font-size:11px; color:#353535; text-align:center; width:95px; height:20px; line-height:21px; border:1px solid #d6d6d6;}
/* sub03_03_04 */
.finance .sub03_03_04 {padding-top:52px;}
.finance .sub03_03_04 .sch_wrap {margin-bottom:10px;}
.finance .sub03_03_04 .bbs_view .attach {margin-left:0 !important; text-align:left !important;}
.finance .sub03_03_04 .bbs_view .cnt {text-align:left; padding:30px;}
.finance .sub03_03_04 .bbs_view .cnt img {width:100%;}
/* sub03_03_05 */
.finance .sub03_03_05 {padding-top:49px;}
.finance .sub03_03_05 .tit {color:#333; font-size:16px; height:30px;}
.finance .sub03_03_05 .tb_contact {border-top:1px solid #c2c7d5; width:100%;}
.finance .sub03_03_05 table th {width:150px; height: 35px; background: #eaedf3; text-align: center; color: #000; font-weight: 700; border-top: 1px solid #c2c7d5; border-right: 1px solid #c2c7d5; font-size:13px; color:#5d6c89} /* 2019-05-14 변경 */
.finance .sub03_03_05 table tr:first-child th {border-top:0;}
.finance .sub03_03_05 table td {height: 35px;padding-left:20px;  padding-top:11px; padding-bottom:12px; border-bottom:1px solid #cfcfcf;} /* 2019-05-14 변경 */
.finance .sub03_03_05 table tr.last th, .finance .sub03_03_05 table tr.last td {border-bottom:1px solid #c2c7d5;}/* 2013-12-04 added */
/* sub03_03_06 */
.finance .sub03_03_06 h4 {padding:50px 0 7px 0; font-size:18px;}
.finance .sub03_03_06 .sch_wrap {margin-bottom:10px; background: none;}
.finance .sub03_03_06 .sch_wrap .func_option {margin-right: 0; width: auto;}
.finance .sub03_03_06 .sch_wrap .box .selected {display:block; cursor:pointer; padding-left:12px; width:110px; height:27px; line-height:27px;}
.finance .sub03_03_06 .sch_wrap .box {background:#fff; position:relative;}
.finance .sub03_03_06 .sch_wrap .box .btn_sel_n {width:25px; height:25px; position: absolute; right: 0; top: 3px; background:url(../../images/ir/btn_sel_n.png) no-repeat 0 0;}
.finance .sub03_03_06 .sch_wrap .box .options {background-color: #fff; border-left: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; top: 27px; left: -1px; position: absolute;}
.finance .sub03_03_06 .sch_wrap .box .options li {position:relative; cursor:pointer; min-width:122px; height:27px; line-height:27px;}
.finance .sub03_03_06 .sch_wrap .box .options li input {visibility:hidden;}
.finance .sub03_03_06 .sch_wrap .box .options li label {position:absolute; top:0; left:12px;}
.finance .sub03_03_06 .report_list ul {margin-bottom:20px; /*border-top:2px solid #acacac; border-bottom:2px solid #acacac;*/}/* 2013-12-04 modify */
.finance .sub03_03_06 .report_list li {padding:20px 0; border-top:1px solid #e0e0e0;}
.finance .sub03_03_06 .report_list li.first {border-top:0 none;}
.finance .sub03_03_06 .report_list li:after {clear:both; display:block; visibility:hidden; content:' ';}
*+ html .finance .sub03_03_06 .report_list li {display:inline-block;}
.finance .sub03_03_06 .report_list li .img180_120 {float:left; padding-right:27px; width:180px; height:120px; font-size:0;}
.finance .sub03_03_06 .report_list li .img180_120 img {width:180px; height: 120px;}
.finance .sub03_03_06 .report_list li .cnt {float: left; width:481px;}
.finance .sub03_03_06 .report_list li .cnt strong {display:block;}
.finance .sub03_03_06 .report_list li .cnt .company {padding-left:8px; color:#12405d; background:url('../../images/ir/ico_b_arrow.png') no-repeat 0 6px;}
.finance .sub03_03_06 .report_list li .cnt .tit {margin-top:7px; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.finance .sub03_03_06 .report_list li .cnt .tit a:hover {text-decoration:underline;}
.finance .sub03_03_06 .report_list li .cnt .date {color:#666; letter-spacing:0; margin-top:7px; display:block;}
.finance .sub03_03_06 .report_list li .cnt .context {color:#666; width:100%; height:50px; overflow:hidden;}
.finance .sub03_03_06 .sch_wrap {margin-bottom:10px;}
.finance .sub03_03_06 .sch_wrap .tit {display:block; padding-left:12px; width:110px; height:27px; line-height:27px;}
.finance .sub03_03_06 .sch_wrap .box {background:#fff; position:relative;}
.finance .sub03_03_06 .sch_wrap .box .btn_sel_n {width:25px; height:27px; position: absolute; right: 0; top: 0; background:url(../../images/ir/btn_sel_n.png) no-repeat 0 0;}
.finance .sub03_03_06 .sch_wrap .box .list {position:absolute; top:22px; left:0; background:#fff; z-index:1;}
.finance .sub03_03_06 .sch_wrap .box .list li {width:110px; padding-left:12px; height:27px; line-height:27px;}
.finance .sub03_03_06 .bbs_view .cnt {padding:0px !important;}
.finance .sub03_03_06 .sch_wrap .right {float: right; padding:11px 0;}
.finance .sub03_03_06 .unit {float:right; font-size:11px; color:#666;}
.finance .sub03_03_07 {padding-top:52px;}
.finance .sub03_03_07 .wrap_director {width:100%;}
.finance .sub03_03_07 .box_director {float:left; width:337px; height:325px; margin-bottom:25px;}
.finance .sub03_03_07 .box_director.mr {margin-right:16px;}
.finance .sub03_03_07 .box_director .pic img {width:337px; height:189px;}
.finance .sub03_03_07 .box_director .tit_dir {font-size:14px; background:url(../../images/ir/bg_tit_dir.png) repeat-x bottom left; padding-left:4px; height:26px; margin-top:20px;}
.finance .sub03_03_07 .box_director ul li {color:#666; padding-left:8px; background:url(../../images/ir/bt_dir.png) no-repeat 0 8px;}
.finance .sub03_03_07 .box_director ul {line-height:20px; padding-top:8px;}
.finance .sub03_03_07 .tit_director {font-size:18px; margin:50px 0 32px 0;}
.finance .sub03_03_07 .tit_director1 {font-size:18px; margin:0 0 29px 0;}
.finance .sub03_03_07 .data_list li {padding-left:10px; background:url('../../images/ir/bg_dash.png') no-repeat 0 8px;}
.finance .sub03_03_07 .tbl_type01 th.left {font-weight:bold; text-align:left; padding-left:30px;}

/* sub03_03_08 */
.finance .sub03_03_08 .sch_wrap {background: none;}
.finance .sub03_03_08 .bbs_typeAcro {width:100%; margin-top:34px;}
.finance .sub03_03_08 .bbs_typeAcro ul {width:100%;}
.finance .sub03_03_08 .bbs_typeAcro li {float:left; position:relative; width:650px; height:70px; padding:14px 18px 0 18px; margin:0 12px 12px 0; border:1px solid #bbb;}
.finance .sub03_03_08 .bbs_typeAcro li.last {margin-right:0 !important;}
.finance .sub03_03_08 .bbs_typeAcro .tit {font-size:14px; line-height:21px; overflow: hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.finance .sub03_03_08 .bbs_typeAcro .tit a {font-size:14px; line-height:21px; display:block; overflow: hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.finance .sub03_03_08 .bbs_typeAcro .date {color:#666; font-size:12px; margin-top:12px; letter-spacing:0 !important;}
.finance .sub03_03_08 .bbs_typeAcro .btnRight {position:absolute; width:124px; bottom:30px; right:0px;}
.finance .sub03_03_08 .acrobat {width:100%; margin-top:40px;}
.finance .sub03_03_08 .acrobat .txt_acro {float:left; padding-top:3px;}
.finance .sub03_03_08 .acrobat .btn_acro {float:right;}
.finance .sub03_03_08 .acrobat .btn_acro a {float:left; margin-left:10px; font-size:11px; color:#353535; text-align:center; width:95px; height:20px; line-height:21px; border:1px solid #d6d6d6;}
/* 2019-04-22 - 02 변경 : S */
/* sub03_03_08 */
.sub03_03_09 {margin-top:50px} /* 2019-10-01 변경 */
.sub03_03_09 + .tit_sub {margin-top:70px} /* 2019-10-01 추가 */
.finance .tit_sub2 {margin-top:70px} /* 2019-10-01 추가 */
.sub03_03_09 .txt_tit {margin:49px 0 15px 0;font-size:16px;}
.sub03_03_09 .box {overflow:hidden;width:100%;border-top:2px solid #333;border-bottom:1px solid #333;color:#060606;text-align:center;}
.sub03_03_09 .box .item {float:left;height:145px;padding:63px 46px 0;border-left:1px solid #e4e4e4}
.sub03_03_09 .box .item:first-child {height:168px;padding:20px 15px;border-left:0 none;}
/* 2019-05-14 추가 : S */
.sub03_03_09 .box2 {overflow:hidden;text-align:center}
.sub03_03_09 .box2 .item {float:left;width:100px;height:204px;padding:107px 20px 0;border-left:1px solid #e4e4e4}
.sub03_03_09 .box2 .item:first-child {width:530px;padding:0 20px 0 0;border-left:0}
.sub03_03_09 .box2 .item:first-child p {text-align:left}
.sub03_03_09 .box3 {overflow:hidden;width:100%;border-top:1px solid #c2c7d5;border-bottom:1px solid #c2c7d5;color:#060606;text-align:center;}
.sub03_03_09 .box3 .body {font-size:13px}
.sub03_03_09 .box3 .body .item {float:left;padding:43px; box-sizing:border-box;} /* 2019-10-01 변경 */
.sub03_03_09 .box3 .body .item.v2 {padding:144px 39px;}
.sub03_03_09 .box3 .body .row {margin-top:30px;} 
.sub03_03_09 .box3 .body .row:first-child {margin-top:0}
.sub03_03_09 .box3 .body .row .col {float:left;width:240px;}
.sub03_03_09 .btn_down {margin-right:2px; margin-top: 10px; width:85px; height:20px; line-height:20px; display:inline-block; vertical-align: middle; font-family: dotum; font-size:11px; text-align:center; border:1px solid #d8d8d8;}
.sub03_03_09 .btn_down .pdf {padding-left:18px; height:20px; line-height:22px; display:inline-block; vertical-align: middle; cursor:pointer; background:url('../../images/webhome/finance/ico_pdf.png') no-repeat 0 2px;}
/* 2019-10-01 추가 : E */

/* 공통 테이블 */
.finance .tbl_type01 .bdr {border-right: 1px solid #c2c7d5!important;}
.finance .tbl_type02 th, .finance .tbl_type01 th {height: 35px; background: #eaedf3; text-align: center; color:#5d6c89; font-weight: 700; border-top:1px solid #c2c7d5; font-size:13px; border-right:1px solid #c2c7d5;}
.finance .tbl_type02 .mt23 tr:nth-child(2) .line_right:last-child {border-right: 1px solid #c2c7d5;}
.finance .tbl_type02 th:last-child, .finance .tbl_type01 th:last-child {border-right: 0;}
.finance .tbl_type02 th.line_bottom  {border-bottom:1px solid #c2c7d5;}
.finance .tbl_type01 th.w20 {width:20%;}
.finance .tbl_type01 th .finance .tbl_type02 th {background:#eaedf3; color:#5d6c89; border:1px solid #c2c7d5;}
.finance .tbl_type01 td, .finance .tbl_type02 td {padding:10px 0; text-align: center; border-left:1px solid #c2c7d5; border-top:1px solid #c2c7d5;}
.finance .tbl_type01 td, .finance .tbl_type02 td:first-child {border-left:0;}
.finance .tbl_type01 td.left, .finance .tbl_type02 td.left {padding-left:10px; text-align: left;}
.finance .tbl_type01 tr:last-child td, .finance .tbl_type02 tr:last-child td {border-bottom:1px solid #c2c7d5;}
.finance .tbl_type01 th:first-child {border-left:0;}
.finance .tbl_type01 td:first-child {border-left:0;}


.finance .sub03_03_06 .box_download {margin-top:30px; padding-left:10px;}
.finance .sub03_03_06 .box_download .btn_green_a {border:1px solid #ccc; margin-left:20px;  padding:3px 5px 3px 29px; height:20px; line-height:22px; display:inline-block; vertical-align: middle; cursor:pointer; background:url('../../images/webhome/finance/ico_pdf.png') no-repeat 10px 7px;}
.finance .tbl_type01 th:first-child {border-top:1px solid #c2c7d5;}
.finance .tbl_type01 th {border-bottom:1px solid #c2c7d5; border-left:1px solid #c2c7d5;}
.finance .tbl_type01 td {text-align: left; padding-left:20px;}
.finance .sub03_03_06 .tbl_type02 table {border-bottom: 1px solid #c2c7d5;}
.finance .sub03_03_06 .tbl_type01 td.left, .finance .sub03_03_06 .tbl_type02 td.left:first-child {border-left:1px solid #c2c7d5;}

.finance .box3.v2 .body .item {padding:25px;}
.finance .box3.v2 .item:first-child {width:75%; }
.finance .box3.v2 .item:first-child img {display: block; width:95%; margin:0 auto 20px;}
.finance .box3.v2 .item:last-child {padding:105px 49px;}

/* layer */
/* layer_level */
.finance .layer_level {width:600px; border:4px solid #a7c4cf; background:#fff;}
.finance .layer_level .wrap_level {position:relative; padding:24px 30px 30px 30px;}
.finance .layer_level .wrap_level .btn_x {position:absolute; top:5px; right:5px; width:13px; height:12px; display:block;}
.finance .layer_level .tit_layer {font-size:14px; color:#3c567d; border-bottom:1px solid #c3cdd2; height:24px;}
.finance .layer_level .nav_layer {width:100%; margin-top:20px; border-bottom:2px solid #3b4f6d;}
.finance .layer_level .nav_layer li {float:left; margin-right:2px; padding-left:0; text-indent: 0;} 
.finance .layer_level .nav_layer li a {display:block; width:120px; height:30px; background:#e3e3e3; text-align:center; font-weight:bold; color:#646464; line-height:30px;}
.finance .layer_level .nav_layer li.on a {background:#3b4f6d !important; color:#fff !important;}
.finance .layer_level .help {color:#666; font-size:13px; margin-top:16px; letter-spacing:-1px;}
.finance .layer_level .tb_layer {border-top:1px solid #444547; margin-top:20px;}
.finance .layer_level .tb_layer thead th {border-bottom:1px solid #e4e4e4; height:30px!important; color:#333; padding:0;}
.finance .layer_level .tb_layer thead th.th1 {width:71px;}
.finance .layer_level .tb_layer thead th.th2 {width:465px;}
.finance .layer_level .tb_layer tbody th {padding:0; border-bottom:1px solid #e4e4e4; color:#666; background:#f3f3f3; text-align: center;}
.finance .layer_level .tb_layer tbody td {border-bottom:1px solid #e4e4e4; padding:10px 0 10px 20px; color:#666; letter-spacing:-1px; text-align: left;}

/* sub03_01_03 */
.finance .sub03_01_03 {padding-top:42px;}
.finance .sub03_01_03 .dot_box {margin-bottom:45px; height:71px; padding-left:23px; background:url('../../images/ir/bg_desc01.png') no-repeat 0 0;}
.finance .sub03_01_03 .dot_box p {padding-top:19px;}
.finance .sub03_01_03 h4 {font-size:16px; color:#2a2a2a;}
.finance .sub03_01_03 .txt_tit01 {margin-bottom:5px;}
.finance .sub03_01_03 .txt_tit02 {margin-bottom:25px;}
.finance .sub03_01_03 .txt_tit03 {margin-bottom:28px;}
.finance .sub03_01_03 .graph {margin-bottom:45px;}
.finance .sub03_01_03 .org {margin-bottom:3px; text-align:right;}
.finance .sub03_01_03 .org span {padding-left:26px;}
.finance .sub03_01_03 .org .org01 {background:url('../../images/ir/ico_part03.png') no-repeat 13px 0;}
.finance .sub03_01_03 .org .org02 {background:url('../../images/ir/ico_part02.png') no-repeat 13px 0;}
.finance .sub03_01_03 .org .org03 {background:url('../../images/ir/ico_part01.png') no-repeat 13px 0;}
.finance .sub03_01_03 .appraisal h5 {margin-bottom:12px;font-size:14px; color:#3c567d;}
.finance .sub03_01_03 .appraisal .tit_btn {position:relative;}
.finance .sub03_01_03 .appraisal .tit_btn .btn_level {position:absolute; top:0px; right:1px; width:79px; height:22px; display:block;}
.finance .sub03_01_03 .appraisal .left {float:left; width:360px;}
.finance .sub03_01_03 .appraisal .right {float:right; width:360px;}
.finance .sub03_01_03 .appraisal .finance td {height:29px; padding:0 !important; border-right:1px solid #e4e4e4;}
.finance .sub03_01_03 .appraisal .finance td.nb {border-right:0 !important;}/*2018-04-04 추가*/

.finance_table table {margin-bottom:20px; border-top:1px solid #c2c7d5; border-bottom:1px solid #c6c6c6;}
.finance_table table thead th {padding:18px 0 16px; border-left:1px solid #c2c7d5; border-bottom:1px solid #c2c7d5; text-align:center; font-size:13px; vertical-align:middle; background:#eaedf3; height: 35px;}
.finance_table table thead th:first-child {border-left:0;}
.finance_table table tbody th {padding:6px 0 4px 40px; border-top:1px solid #c2c7d5; text-align:left; color:#666; font-weight:normal;}
.finance_table table tbody td {padding:4px 0 4px 0; border-top:1px solid #c2c7d5; color:#333; text-align:center; height: 35px; border-left:1px solid #c2c7d5;}
.finance_table table tbody td:first-child {border-left:0;}
.finance_table table tbody .total th {padding-left:25px; font-weight:bold; background:#fafafa; color:#333; border-top:1px solid #c6c6c6;}
.finance_table table tbody .total td {font-weight:bold; background:#fafafa; border-top:1px solid #c6c6c6;}
.finance_table tbody tr:first-child td,
.finance_table tbody tr:first-child th {border-top:0 none;}
.finance_table table tbody .bg {background:#f3f3f3;}
.finance_table ul {line-height:22px;}
.finance_table li {padding-left:10px; text-indent:-10px; color:#666;}

.finance strong.sub_title {display: block; margin-bottom: 15px; font-size:17px; color:#000; font-weight: 700;}

.finance .margin_reset {margin:0!important;}

.finance .sub03_03_06 .overflow, .sub03_03_09 .overflow {position: relative; margin-bottom: 10px;}
.finance .sub03_03_06 .overflow, .sub03_03_09 .overflow span {display: block; font-size:14px;}
.finance .sub03_03_06 .overflow:after, .sub03_03_09 .overflow:after{display: block; content: ""; clear: both;}
.finance .sub03_03_06 .overflow .left, .sub03_03_09 .overflow .left {float: left; line-height: 20px;}
.finance .sub03_03_06 .overflow .left ul, .sub03_03_09 .overflow .left ul {line-height: 20px;}
.finance .sub03_03_06 .overflow .left ul li, .sub03_03_09 .overflow .left ul li {font-size:14px;}
.finance .sub03_03_06 .overflow .left .bold, .sub03_03_09 .overflow .left .bold {font-weight: 700; color:#000}
.finance .sub03_03_06 .overflow .right, .sub03_03_09 .overflow .right {float: right;}
.finance .sub03_03_06 .overflow .right .func_option, .sub03_03_09 .overflow .right .func_option {height: 35px; line-height: 26px;}
.sub03_03_09 .overflow .right.mt20 {margin-top:20px;}
.finance .sub03_03_06 .overflow .right.mt78, .sub03_03_09 .overflow .right.mt78 {margin-top:78px;}
.sub03_03_09 .overflow .right .box {border:1px solid #ccc}
.sub03_03_09 table.left th:first-child, .sub03_03_09 table.left td:first-child {text-align: left; padding-left:20px;}

.sub03_03_09 .tbl_type02 .overflow {margin-top:30px;}
.sub03_03_09 .tbl_type02 .overflow .left {color:#000; font-weight: 700;}
.sub03_03_09 .detail_txt {margin-top: 30px;}
.sub03_03_09 .detail_txt span {display: block; color:#666;}

/* 주가 정보 */
/* sub03_02_01 */
.finance .sub03_02_01 {padding-top:52px;}
.finance .sub03_02_01 .tbl_type01 {border-top:1px solid #c2c7d5;}
.finance .sub03_02_01 .stock {margin-bottom:30px; padding: 17px 0; border:1px solid #d5d5d5; background:#f9f9f9; line-height:18px;}
.finance .sub03_02_01 .stock .txt {margin: 0 0 25px; display:block; font-size:15px; white-space:nowrap; font-weight:bold;color:#333;}
.finance .sub03_02_01 .stock .eng {letter-spacing:-1px; font-size:15px;}
.finance .sub03_02_01 .stock .index {float:left; padding:10px 0 0 37px; width:222px; height:80px; border-right:1px solid #dfdfdf; }/* 2013-11-22 modify */
.finance .sub03_02_01 .stock .index .price, .finance .sub03_02_01 .stock .index1 .price1 {position:relative; }/* 2013-11-22 modify */
.finance .sub03_02_01 .stock .index1 {float:left; padding:10px 0 0 36px; width:188px; height:80px; border-right:1px solid #dfdfdf; }/* 2013-11-22 modify */
.finance .sub03_02_01 .stock .price .now_up, .finance .sub03_02_01 .stock .price1 .now_up {padding-left:25px; font-size:30px; line-height:34px; color:#333;letter-spacing:-1px; background:url('../../images/ir/ico_b_up.png') no-repeat 0 13px;}/* 2013-12-05 modify */
.finance .sub03_02_01 .stock .price .now_down, .finance .sub03_02_01 .stock .price1 .now_down {padding-left:25px; font-size:30px; color:#333; letter-spacing:-1px; background:url('../../images/ir/ico_b_down.png') no-repeat 0 13px; line-height:34px;}/* 2013-12-05 modify */
.finance .sub03_02_01 .stock .index .price .fluc_up {display:inline; padding-left:13px; position:absolute; top:16px; right:24px; color:#d20c0c; background:url('../../images/ir/ico_s_up.png') no-repeat 0 45%; line-height:15px;}/* 2013-12-05 modify */
*+ html .finance .sub03_02_01 .stock .index .price .fluc_up {display:inline; padding-left:13px; position:absolute; top:16px; right:24px; color:#d20c0c; background:url('../../images/ir/ico_s_up.png') no-repeat 0 45%; line-height:15px;}/* 2013-12-05 modify */
.finance .sub03_02_01 .stock .index1 .price1 .fluc_down {padding-left:13px; position:absolute; top:7px; right:40px; color:#1c3cfd; background:url('../../images/ir/ico_s_down.png') no-repeat 0 45%; line-height:15px;}/* 2013-12-05 modify */
.finance .sub03_02_01 .stock .index .price .fluc_down {display:inline; padding-left:13px; position:absolute; top:16px; right:24px; color:#1c3cfd; background:url('../../images/ir/ico_s_down.png') no-repeat 0 45%; line-height:15px;}/* 2013-12-05 modify */
*+ html .finance .sub03_02_01 .stock .index .price .fluc_down {display:inline; padding-left:13px; position:absolute; top:15px; right:24px; color:#1c3cfd; background:url('../../images/ir/ico_s_down.png') no-repeat 0 45%; line-height:15px;}/* 2013-12-05 modify */
.finance .sub03_02_01 .stock .price {margin-top:-9px;}
*+ html .finance .sub03_02_01 .stock .price {margin-top:-7px;}
.finance .sub03_02_01 .stock .price1 .now_down {background-position:0 4px;}
*+ html .finance .sub03_02_01 .stock .price1 .now_down {background-position:0 6px;}
.finance .sub03_02_01 .stock .index1 .price1 .now_up {background-position:0 4px;}
*+ html .finance .sub03_02_01 .stock .index1 .price1 .now_up {background-position:0 6px;}
.finance .sub03_02_01 .stock .index1 .price1 .fluc_up {padding-left:13px; position:absolute; top:7px; right:36px; color:#d20c0c; background:url('../../images/ir/ico_s_up.png') no-repeat 0 45%; line-height:15px;}/* 2013-12-05 modify */
.finance .sub03_02_01 .stock .index1 .price1 .value {font-size:20px; line-height:24px; display:inline-block; vertical-align:top;}
.finance .sub03_02_01 .stock .kospi {float:left; padding:0 0 0 32px; width:171px; height:80px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}/* 2013-11-22 modify */
.finance .sub03_02_01 .stock .kospi .price {font-size:12px; letter-spacing:-1px;font-weight:normal;}/* 2013-11-22 modify */
.finance .sub03_02_01 .stock .kosdaq {float:left; padding:10px 0 0 27px; width:110px;}
.finance .sub03_02_01 .stock .kosdaq .price {font-size:24px; margin-top:-5px;}
.finance .sub03_02_01 .stock .kosdaq .price .now_up, .finance .sub03_02_01 .stock .kosdaq .price .now_down {font-size:20px; line-height:34px; background-position:0 4px;}
.finance .sub03_02_01 .ths th {font-weight:normal; text-align:left; padding-left:20px;}
.finance .sub03_02_01 .strong th {font-weight:bold !important;}
.finance .sub03_02_01 .stock .price .now_no, .finance .sub03_02_01 .stock .price1 .now_no { font-size:30px; line-height:34px; color:#333;letter-spacing:-1px;}/* 2013-12-05 modify */
.finance .sub03_02_01 .stock .index .price .fluc_no {display:inline;  position:absolute; top:16px; right:24px; color:#333;  line-height:15px;}/* 2013-12-05 modify */
*+ html .finance .sub03_02_01 .stock .index .price .fluc_no {display:inline;  position:absolute; top:16px; right:24px; color:#333;  line-height:15px;}/* 2013-12-05 modify */
.finance .sub03_02_01 .stock .index1 .price1 .fluc_no { position:absolute; top:7px; right:40px; color:#333;  line-height:15px;}/* 2013-12-05 modify */
.finance .sub03_02_01 .stock .index .price .fluc_no {display:inline;  position:absolute; top:16px; right:24px; color:#333;  line-height:15px;}/* 2013-12-05 modify */
*+ html .finance .sub03_02_01 .stock .index .price .fluc_no {display:inline;  position:absolute; top:15px; right:24px; color:#333;  line-height:15px;}/* 2013-12-05 modify */
.finance .sub03_02_01 .kosdaq .now_no, .sub03_02_01 .kosdaq .now_no {font-size:20px !important; padding-left:0 !important; display:inline-block;}/* 2013-12-05 modify */
/* sub03_02_02 */
.finance .sub03_02_02 {padding-top:52px;}
.finance .sub03_02_02 .day {margin-bottom:30px;}
.finance .sub03_02_02 .day .left {float:left; height:100px; padding:0 0 0 50px; width:283px; border:1px solid #d5d5d5; background:#f9f9f9;}
.finance .sub03_02_02 .day .left .txt {margin: 25px 0 13px; display:block; font-size:15px; font-weight:bold; color:#333;}
.finance .sub03_02_02 .day .left .price {margin-bottom:22px; position:relative;}
.finance .sub03_02_02 .day .left .price .now_up {padding-left:28px; font-size:30px; font-family:Dotum, "돋움"; color:#333; letter-spacing:-1px; background:url('../../images/ir/ico_b_up.png') no-repeat 0 13px; line-height:20px;}
.finance .sub03_02_02 .day .left .price .now_down {padding-left:28px; font-size:30px; font-family:Dotum, "돋움"; color:#333; letter-spacing:-1px; background:url('../../images/ir/ico_b_down.png') no-repeat 0 13px;line-height:20px;}
.finance .sub03_02_02 .day .left .price strong {display:inline-block; width:95px;}
.finance .sub03_02_02 .day .left .price .fluc_up {padding-left:13px; position:absolute; top:8px; right:0; font-size:12px; color:#d20c0c; background:url('../../images/ir/ico_s_up.png') no-repeat 0 5px; line-height:17px;}/* 2013-12-05 modify */
*+ html .finance .sub03_02_02 .day .left .price .fluc_up {padding-left:13px; position:absolute; top:6px; right:0; font-size:12px; color:#d20c0c; background:url('../../images/ir/ico_s_up.png') no-repeat 0 6px; line-height:17px;}/* 2013-12-05 modify */
.finance .sub03_02_02 .day .left .price .fluc_down {padding-left:13px; position:absolute; top:7px; right:0; font-size:12px; color:#1c3cfd; background:url('../../images/ir/ico_s_down.png') no-repeat 0 6px;}/* 2013-12-05 modify */
*+ html .finance .sub03_02_02 .day .left .price .fluc_up {top:13px;}/* 2013-12-05 modify */
*+ html .finance .sub03_02_02 .day .left .price .fluc_down {top:13px;}/* 2013-12-05 modify */
.finance .sub03_02_02 .day .right {float:right; width:339px;}
.finance .sub03_02_02 .day .right table {margin-bottom:0;}
.finance .sub03_02_02 .txt_tit {padding-bottom:15px; font-size:16px; color:#333;}
.finance .sub03_02_02 .thin table {margin-bottom:30px;}
.finance .sub03_02_02 .tbl_type01 tbody th {padding-left:0; text-align:center;}
.finance .sub03_02_02 .day .left .price .now_no {padding-left:0; font-size:30px; font-family:Dotum, "돋움"; color:#333; letter-spacing:-1px; line-height:20px;}
.finance .sub03_02_02 .day .left .price .fluc_no {padding-left:0; position:absolute; top:8px; right:0; font-size:12px; color:#333; line-height:17px;}/* 2013-12-05 modify */
*+ html .finance .sub03_02_02 .day .left .price .fluc_no {padding-left:0; position:absolute; top:6px; right:0; font-size:12px; color:#333; line-height:17px;}/* 2013-12-05 modify */
*+ html .finance .sub03_02_02 .day .left .price .fluc_no {top:13px;}/* 2013-12-05 modify */

/* sub03_02_03 */
.finance .sub03_02_03{padding-top:52px;}
.finance .sub03_02_03 .tbl_type01{margin-bottom:50px;}
.finance .sub03_02_03 .tbl_type01 table th.last, td.last{border-right:0;}
.finance .sub03_02_03 .tbl_type01 table thead th{padding:17px 0;background:#eaedf3;border-bottom:1px solid #c2c7d5;}
.finance .sub03_02_03 .tbl_type01 table tbody th{background:none;font-weight:normal;}
.finance .sub03_02_03 .tbl_type01 table tbody td{text-align:right;padding-right:15px;letter-spacing:-1px;color:#333;}
.finance .sub03_02_03 .tbl_type01 tbody tr th.brbottom{border-bottom:1px solid #c6c6c6;}
.finance .sub03_02_03 .tbl_type01 td {border-left:1px solid #c2c7d5;}
/* 2022-01-27 수정  [S]*/
.finance .sub03_02_03_2{padding-top: 0;}
.finance .sub03_02_03_2 h4{color: #060606; font-weight: 600; font-size: 24px; margin-bottom: 12px;}
.finance .sub03_02_03_2 p{font-size: 14px;}
.finance .sub03_02_03_2 .finance_contents{padding: 20px 0; border-top: 1px solid #c2c7d5; border-bottom: 1px solid #c2c7d5; margin: 30px 0;}
.finance .sub03_02_03_2 .finance_contents>li{margin-bottom: 15px; font-size: 14px;}
.finance .sub03_02_03_2 .finance_contents>li:last-child{margin-bottom: 0;}
.finance .sub03_02_03_2 .finance_contents>li>dl>dt{color: #000; font-weight: 700; margin-bottom: 10px;}
.finance .sub03_02_03_2 .finance_contents>li>dl>dd{margin-left: 15px;}
.finance .sub03_02_03_2 .finance_desc>li{text-indent: -10px; margin-left: 10px; font-size: 14px; line-height: 24px;}
/* 2022-01-27 수정  [E]*/
/*2018-04-17 추가 : E*/

/* sub03_01_02 */
.finance .sub03_01_02 {padding-top:60px;}
.finance .sub03_01_02 .annual_report {padding:18px 0 0px 363px; height:259px; background:url('../../images/ir/bg_annual_report.png') no-repeat 72px 0;}
.finance .sub03_01_02 .annual_report .btn {margin-bottom:32px;}
.finance .sub03_01_02 .txt {margin-bottom:8px; font-size:14px; color:#303030;}
.finance .sub03_01_02 .acrobat {width:100%; margin-top:40px;}
.finance .sub03_01_02 .acrobat .txt_acro {float:left; padding-top:3px;}
.finance .sub03_01_02 .acrobat .btn_acro {float:right;}
.finance .sub03_01_02 .acrobat .btn_acro a {float:left; margin-left:10px; font-size:11px; color:#353535; text-align:center; width:95px; height:20px; line-height:21px; border:1px solid #d6d6d6;}
.finance .bbs_typeAcro {width:100%; margin-top:34px;}
.finance .bbs_typeAcro ul {width:100%;}
.finance .bbs_typeAcro li {float:left; position:relative; width:205px; height:159px; padding:14px 18px 0 18px; margin:0 12px 12px 0; border:1px solid #bbb;}
.finance .bbs_typeAcro li:nth-child(3n) {margin-right:0;}
.finance .bbs_typeAcro .tit {font-size:14px; line-height:21px; overflow: hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.finance .bbs_typeAcro .tit a {font-size:14px; line-height:21px; display:block; overflow: hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.finance .bbs_typeAcro .date {color:#666; font-size:12px; margin-top:12px; letter-spacing:0 !important;}
.finance .bbs_typeAcro .btn {position:absolute; width:184px; bottom:18px; left:21px;}

/* sub03_03_08 */
.finance .sub03_03_08 .bbs_typeAcro {width:100%; margin-top:0;}
.finance .sub03_03_08 .bbs_typeAcro ul {width:100%;}
.finance .sub03_03_08 .bbs_typeAcro li {float:left; position:relative; width:100%; height:auto; padding:14px 18px 14px 18px; margin:0 0 12px 0; border:1px solid #bbb; box-sizing: border-box;}
.finance .sub03_03_08 .bbs_typeAcro li.last {margin-right:0 !important;}
.finance .sub03_03_08 .bbs_typeAcro .tit {font-size:14px; line-height:21px; overflow: hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.finance .sub03_03_08 .bbs_typeAcro .tit a {font-size:14px; line-height:21px; display:block; overflow: hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.finance .sub03_03_08 .bbs_typeAcro .date {color:#666; font-size:12px; margin-top:12px; letter-spacing:0 !important;}
.finance .sub03_03_08 .bbs_typeAcro .btnRight {position:absolute; width:124px; bottom:25px; right:-15px;}
.finance .sub03_03_08 .acrobat {width:100%; margin-top:40px;}
.finance .sub03_03_08 .acrobat .txt_acro {float:left; padding-top:3px;}
.finance .sub03_03_08 .acrobat .btn_acro {float:right;}
.finance .sub03_03_08 .acrobat .btn_acro a {float:left; margin-left:10px; font-size:11px; color:#353535; text-align:center; width:95px; height:20px; line-height:21px; border:1px solid #d6d6d6;}
.finance .sub03_03_08 .sch_wrap {overflow: visible;}
.finance .sub03_03_08 .sch_wrap .func_option {margin-right:0;}
.finance .sub03_03_08 .sch_wrap .right {padding:11px 0 11px 11px;}
.finance .sub03_03_08 .sch_wrap .func_option .options li {padding:5px;}
/* 2019-04-22 - 02 변경 : S */

/* accoraian */
.accordian_txt {display: block; font-size:14px; }
.accordian_area {position: relative; margin-top:30px; border-top:2px solid #c6cbd8; border-bottom:2px solid #c6cbd8;}
.accordian_area {font-size: 14px;}
.accordian_area .title_area {padding:23px 20px; box-sizing: border-box; border-bottom :1px solid #c6cbd8; cursor: pointer; background: url('../../images/webhome/finance/arrow_down.png') no-repeat 97% center; background-size: 9px;}
.accordian_area .title_area.closed {background: url('../../images/webhome/finance/arrow_up.png') no-repeat 97% center;  background-size: 9px;}
.accordian_area .content_area {display: none; position: relative; padding:23px 20px; background:#eaedf3; box-sizing: border-box;}
.accordian_area .content_area::after {content: ""; display: block; clear: both;}
.accordian_area .content_area > span {float: left; width:3%;}
.accordian_area .content_area .right {float: right; width:97%;}
.accordian_area .content_area .right span {color:#5d6c89;}


/* 2021-04-29  카드영역 수정  */
.card_area, .card_area input[type="text"] {font-family: 'Happiness-Sans', sans-serif;}/* 2022-03-04 수정 */


 /* 2021-05-04 카드 레이어 */
.poplayer.cardLayer p {margin-top:15px;}
.poplayer.cardLayer a {text-decoration: none;}
.poplayer.cardLayer .input_checkwrap input.radio {margin:0; margin-right:5px;}
.poplayer.cardLayer .down_area {width:100%; height: 50px; padding:0 20px; margin-top:20px; background:#f5f5f5; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box;}
.poplayer.cardLayer .down_area span {font-weight: bold; color:#333;}
.poplayer.cardLayer .down_area a {padding:5px 10px; background:#ccc; font-weight: bold; color:#333;}
.poplayer.cardLayer .input_checkwrap.mr10 {margin-right:10px;}
.poplayer.cardLayer .input_checkwrap.final {display: block; margin:20px 0;}
.poplayer.cardLayer .closed.check {position: static; display: block; width:85px; height: 40px; text-indent: 0; background: #666; color:#fff; margin-top:30px; text-align: center; line-height: 40px; margin:0 auto; font-weight: bold;}
.poplayer.cardLayer .closed-pop-check {position:absolute; top:0; right:0; width:33px; height:30px; overflow:hidden; text-indent:-5000px; background:url(../../images/webhome/btn_popclose.png) no-repeat 0 0;}
.poplayer.cardLayer .v2 {padding:30px; box-sizing: border-box;}

.poplayer.cardLayer .frame_area {width:290px; margin: 0 auto;}
.poplayer.cardLayer .frame_area p {margin-top:0;}
.poplayer.cardLayer .frame_area .result_img {display: block; width: 70px; height: 70px; margin:0 auto; background: url(../../images/webhome/card/no_img.png) no-repeat center; text-indent: -9999px;}
.poplayer.cardLayer .frame_area .blooean {margin-top:10px; text-align: center; color:#333;}
.poplayer.cardLayer .frame_area .result_txt {display: block; text-align: center; margin-top:10px; font-size:18px; color:#db1b1b; font-weight: bold;}
.poplayer.cardLayer .frame_area .txt_area {margin:20px 0;  padding:15px 20px; box-sizing: border-box; background:#f7f7f7;}
.poplayer.cardLayer .frame_area .txt_area .list {display: flex; align-items: center; justify-content: space-between; margin:5px 0;}
.poplayer.cardLayer .frame_area .txt_area .list span:last-child {font-weight: bold;}
.poplayer.cardLayer .frame_area p.center {text-align: center; margin-bottom:35px; color:#db1b1b;}
.poplayer.cardLayer .frame_area.ok .result_img {background: url(../../images/webhome/card/ok_img.png) no-repeat center; text-indent: -9999px;}
.poplayer.cardLayer .frame_area.ok .result_txt {color:#657492;}
.poplayer.cardLayer .frame_area.ok p.center {text-align: center; margin-bottom:35px; color:#657492;}

/* 2021-06-24 영상정보처리기기 운영 css */
.pdr20 {padding-right: 20px !important;}
.tb_type2 table.branchspot {margin-top:10px;}
.tb_type2 table.branchspot th {background: #f7f7f7;}
p.inline {display: inline-block;}
.layer_frame {display: none; position: fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background: rgba(0,0,0,.5); z-index: 1000;}
.layer_frame .layer_area {position: absolute; top:50%; left:50%; width:800px; padding:50px 30px 20px;  background: #fff; transform: translate(-50%,-50%);}
.layer_frame .layer_area button {position: absolute; top:25px; right:30px; width:23px; height: 23px; background:url(../../images/webhome/layer_close.jpg) no-repeat 0 0;}
.layer_frame .layer_area .tb_type2 {overflow: auto; height: 755px; width:100%;}
.layer_frame .layer_area .tb_type2 table {width:100%;}

/* 판교점 지도 추가 */
.main_area {margin-top:15px;}
.main_area .title {display: block; margin-bottom: 5px;}
.main_area .map_img {margin-bottom: 5px;}
.main_area + .main_area .bllist_type4 li {margin:0; margin-bottom: 5px;}


/* 2021-07-15 추가 */
.finance .safearea {font-family: 'Happiness-Sans','Noto Sans KR' ,sans-serif;}/* 2022-03-04 수정 */
.finance .safearea li { font-size:14px; line-height: 1.5;}
.finance .safearea strong {display: block; margin-bottom: 10px; color:#333; font-size:17px; font-weight: 700;}
.finance .safearea p {font-size:14px; line-height: 1.5; letter-spacing: -0.025em;}
.finance .safearea .normal_area {margin-top:30px;}
.finance .safearea .normal_area:first-child {margin-top:0;}
.finance .safearea .list {margin-top:15px;}
.finance .safearea .img_area .small {display: block; margin-top:30px; color:#333; font-size:14px!important; font-weight: 700;}
.finance .safearea .img_area img {margin-top:10px;}
.finance .safearea .img_area + .img_area {margin-top: 20px;}
.finance .safearea .sub_list {margin-top:15px;}
.finance .safearea .sub_list strong {margin-bottom:5px; font-size:14px;}
.finance .safearea .sub_list li + li {margin-top: 10px;}
.finance .safearea .sub_list li p {margin-left:10px;}
.finance .safearea .sub03_03_09 .table{margin-top:20px;}
.finance .safearea .safety_button .txt_box {margin-top:30px; padding:0; border:0;}
.finance .safearea .safety_button .txt_box:first-child {margin-top:0;}
.finance .safearea .safety_button .title {margin-bottom: 10px; color:#333; font-size:17px; font-weight: 700;}
.finance .safearea .safety_button .title .btn_down {margin:-3px 0 0 5px; width:auto; padding:0 3px;}
.finance .safearea .safety_button p {margin-top:5px;}
.finance .safearea .union_table_area .union_table + .union_table {margin-top:30px;}
.finance .safearea .union_table_area .union_table .right {display: block; text-align: right;}
.finance .safearea .union_table_area .union_table span {display: block; margin-top:10px;}

/* 인재육성및채용 */
.noto * {font-family: 'Happiness-Sans','Noto Sans KR' ,sans-serif;}/* 2022-03-04 수정 */
.sub03_03_09 .table td.left {text-align: left; padding-left:18px; text-indent: -13px;}

/* 신규웨딩페이지 */
.new_wedding {width:100%!important; font-family: 'Happiness-Sans'}/* 2022-03-17 수정 */    
.new_wedding_content img{width:100%;}
.new_wedding_content .on {display: block!important;}
.new_wedding_content .menu_tab_area {width:100%; height:70px; background: #46645a;}
.new_wedding_content .menu_tab_area .menu_wrap {position: relative; width:984px; height: 100%; margin:0 auto;}
.new_wedding_content .menu_tab_area .menu_wrap:after {content: ""; display: block; clear: both;}
/* 2022-03-17 수정  [S]*/    
.new_wedding_content .menu_tab_area .menu_wrap button {float: left; display: block; width:33.3%; height: 100%; color:#fff; text-indent: 0; font-size: 22px; font-family: 'Happiness-Sans'; font-weight: 400;}
.new_wedding_content .menu_wrap button:hover, .new_wedding_content .menu_wrap button.on {font-family: 'Happiness-Sans-Title'; font-weight: 700;}
/* 2022-03-17 수정  [E]*/    
.new_wedding_content .content {float: none; position: relative; width:984px; margin:0 auto;}
.new_wedding_content .content .view_area {position: relative; display: none;}
.new_wedding_content .wedding_img_area {position: relative;}
/* 2022-01-24 수정  [S]*/
.new_wedding_content .wedding_img_area.main {max-width: 1920px; height: 433px; background: url(../../images/webhome/the_w/new_bg_clubwedding.jpg) no-repeat; background-size: cover; background-position: 50% 50%;}
.new_wedding_content .wedding_img_area.main img {}
/* 2022-01-24 수정  [E]*/
.new_wedding_content .wedding_img_area .button_area {position: absolute; right:115px; bottom:0; width:auto;} 
.new_wedding_content .wedding_img_area .button_area button {width: auto; text-indent: 0;}



.new_wedding .floating_btn {position: absolute; top:700px; right:20%;}
.new_wedding .floating_btn.fixed {position: fixed; top:20px; z-index: 100;}

.new_wedding .floating_btn a { display: block; width:110px; height: 110px; text-decoration: none;}
.new_wedding .floating_btn .circle {margin-top:20px;  background: #f0f0f0; color:#46645a; text-align: center; font-size:16px; padding:37px 0; border-radius: 50%; font-size:16px; box-sizing: border-box;}
.new_wedding .floating_btn .circle:hover {background: #46645a; color:#fff;}

.new_wedding .layer_area .title {display: block; font-size:26px; color:#46645a; text-align: center;}
.new_wedding .layer_area .table_area {margin-top:30px; border-top:3px solid #46645a;}
.new_wedding .layer_area .table_area caption {display: none;}
.new_wedding .layer_area .table_area th {height: 47px; vertical-align: middle; background:#f7f7f7; color:#46645a; font-size:16px; border-right:1px solid #c3c8d5; border-bottom:1px solid #c3c8d5;}
.new_wedding .layer_area .table_area th:last-child {border-right:0;}
.new_wedding .layer_area .table_area td {height: 45px; text-align: center; font-size:16px; color:#000; border-bottom:1px solid #c3c8d5; border-right:1px solid #c3c8d5;}
.new_wedding .layer_area .table_area td:last-child {border-right:0;}
.step_wedding_method {position: absolute; top:50%; margin-top:-27%; transform: translateY(-50%);}
.step_wedding_method .swiper-wrapper {position: relative; display: block;}
.step_wedding_method .swiper-wrapper:after {content: ""; position: absolute; left:1px; top:50%; transform: translateY(-50%); width:2px ;height: 80%; background:#eee; z-index: -1;}
.step_wedding_method .swiper-wrapper > .swiper-slide {position: relative; width:100%!important; padding-left:17px; font-size:22px; color:#46645a; font-weight:400; cursor: pointer;}
.step_wedding_method .swiper-wrapper > .swiper-slide:nth-child(2) {margin:50px 0;} 
.step_wedding_method .swiper-wrapper > .swiper-slide:after {content: ""; position: absolute; top:50%; left:0; transform: translateY(-50%); width:5px; height: 5px; border-radius: 50%; background:#dedede;}
.step_wedding_method .swiper-wrapper > .swiper-slide-thumb-active {font-weight: 600;}
.step_wedding_method .swiper-wrapper > .swiper-slide-thumb-active::after {background:#46645a;}
.step_images {overflow: hidden; position: absolute; top:0; right:0; width:403px; height: 510px; margin-top:255px;}


/* 2021-10-18 개인정보 보호  */
.policy-personalinfo button {text-indent: 0; margin-top:0; font-size:inherit;}
.policy-personalinfo span {display: inline-block;}
.policy-personalinfo .tspace01 {margin:5px 0!important;}
.policy-personalinfo .policy_tab_button {position: relative; }
.policy-personalinfo .policy_tab_button::before {content: ""; position: absolute; bottom:0; left:0; z-index: 0; width:100%; height:1px; background: #333; z-index: -1;}
.policy-personalinfo .policy_tab_button:after {content: ""; display: block; clear: both;}
.policy-personalinfo .policy_tab_button .btn {float: left; padding:0 30px; height: 35px; background: #ececec; border-left:1px solid #fff; border-right: 1px solid #fff; border-bottom:1px solid #333; font-size: initial; text-indent: 0; font-size: 14px;}			
.policy-personalinfo .policy_tab_button .btn.on {background: #fff; border:1px solid #333; border-bottom:0;}
.policy-personalinfo .policy_content_view .view {display: none; margin-top:50px;}
.policy-personalinfo .policy_content_view .view.on {display: block;}
.policy-personalinfo .policy_content_view .paragraph {margin-top:35px;}
.policy-personalinfo .policy_content_view .paragraph strong {color:#666; vertical-align: middle;}/* 2022-08-02 수정 */
.policy-personalinfo .policy_content_view .paragraph p {margin-top:10px;}
.policy-personalinfo .policy_content_view .paragraph p.m0 {margin-top:0;}
.policy-personalinfo .list_text {margin:20px 0; padding:5px 10px; border-top:1px solid #333; border-bottom:1px solid #333; box-sizing: border-box;}
.policy-personalinfo .list_text ul {position: relative;}
.policy-personalinfo .list_text ul::after {display: block; content: ""; clear: both;}
.policy-personalinfo .list_text ul li {float: left; width:33.333%; margin:5px 0;}
.policy-personalinfo .btn_type16 a {background: #fff; border: 1px solid #333; color: #333;}
.policy-personalinfo .toggle_frame {margin-top:10px;}
.policy-personalinfo .toggle_frame .title {height: 30px; line-height: 32px; padding:0 15px; border-top:1px solid #333; color:#333; font-size:16px; cursor: pointer; background: #f8f8f8 url("../../images/webhome/arrow_btn_down.png") no-repeat 98% center; font-size: 12px;}
.policy-personalinfo .toggle_frame .title.active {background:#f8f8f8 url("../../images/webhome/arrow_btn_up.png") no-repeat 98% center;}
.policy-personalinfo .toggle_frame .toggle {display: none; padding:20px; height: 0; box-sizing: border-box; background: #fff; transition: 0.5s;}
.policy-personalinfo .toggle_frame .title.active + .toggle {display: block; height: 100%; transition: 0.5s;}
.policy-personalinfo .toggle_frame .toggle_area {margin-bottom:5px; border-bottom:1px solid #333;}
.policy-personalinfo .toggle_frame table td {border-bottom :1px solid #c2c7d5;}
.policy-personalinfo table {border:1px solid #c2c7d5;}
.policy-personalinfo table th {height:40px; border-bottom:1px solid #c2c7d5; border-right:1px solid #c2c7d5; background:#eaedf3;}
.policy-personalinfo table td {padding:5px; border-right:1px solid #c2c7d5; box-sizing: border-box;}
/* 2022-08-02 추가 [S] */
.policy-personalinfo table.label_table{margin-top: 20px;}
.policy-personalinfo table.label_table td{border-bottom:1px solid #c2c7d5; text-align: center; }
/* 2022-08-02 추가 [E] */
.policy-personalinfo .text_frame {border-top:1px solid #333; margin-top:20px;}
.policy-personalinfo .text_frame .text_box {height: 40px; line-height: 40px; padding:0 10px; border-left: 1px solid #333; border-right:1px solid #333; border-bottom:1px solid #333; box-sizing: border-box;}
.policy-personalinfo .table_frame + .table_frame {margin-top:20px;}
.policy-personalinfo .table_frame strong {display: block; margin-bottom:10px;}
.policy-personalinfo .table_frame td {padding-left:10px; border-bottom: 1px solid #c2c7d5; text-align: left;}
.policy-personalinfo .table_frame ul {text-align: left;}
.policy-personalinfo .table_frame table {margin-bottom:10px;}
.policy-personalinfo .text_box ul{margin-top:20px;}
.policy-personalinfo .box_toggle {border:1px solid #333; border-bottom:0;}
.policy-personalinfo .boldtext {font-weight: bold; color:#333;}
.policy-personalinfo .box_toggle .box {padding:0 10px; height: 30px; line-height: 30px; border-bottom : 1px solid #333;} 
.policy-personalinfo .box_toggle .box.title { cursor: pointer;}
.policy-personalinfo .box_toggle > .box {background: url("../../images/webhome/arrow_btn_down.png") no-repeat 98% center;}
.policy-personalinfo .box_toggle > .box.active {background: url("../../images/webhome/arrow_btn_up.png") no-repeat 98% center;}
.policy-personalinfo .box_toggle .show {display: none; height: 0;}
.policy-personalinfo .box_toggle > .box.active + .show {display: block; height: 100%;}
.policy-personalinfo .box_toggle .show .box {background: #f9f9f9;}
.poplayer.type3.policy_area .table_area {width:798px; overflow: auto; height: 750px; margin: 35px auto 0;}
.poplayer.type3.policy_area .table_area table{text-align: center;}
.poplayer.type3.policy_area .table_area td {border-bottom: 1px solid #c2c7d5;}
.poplayer.type3.policy_area .title {display: block; font-size:20px; color:#333; font-weight: bold;}

/* 2022-05-31 추가 [S] */
.text-type1{padding-left: 24px; text-indent: -10px;}
span.text-type1{padding-left: 24px; text-indent: -10px; display: block;}/* 2022-06-10 추가 */
.fsize12{font-size: 12px;}
.popup_btn{position: relative; color: #676767; font-weight: 700; padding-right: 17px; cursor: pointer;}
.popup_btn::after{content: '?'; position: absolute; right: 0; bottom: 5%;  display: inline-block; border-radius: 50%; color: #fff; background-color: #666666; text-indent: 0; width: 14px; height: 14px; font-size: 10px; padding-right: 1px; box-sizing: border-box; text-align: center; font-weight: 500; line-height: 16px;}
.colorA{color:#aaa}
.tb_preminum_type2.tb_preminum table tbody td img{margin-top: 0;}
.tb_preminum_type2.tb_preminum table tbody th,.tb_preminum_type2.tb_preminum table tbody td{padding: 15px 0;}

/* .popup_wrap.type4 {position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); display: none; z-index: 10000;}
.popup_wrap.type4 .wrap_poplayer{padding: 40px 30px; border: 1px solid #bdbdbd; position: relative; background-color: #fff; text-align: left;}
.popup_wrap.type4 >div > .closed{position: absolute; top: -1px; right: -1px; width: 33px; height: 30px; background: url(../../images/webhome/icon_times_23x23_bdbdbd.png) no-repeat 50% 50%; background-size: 11px 11px; background-color: #5d6c89;} */

.poplayer.type4 .wrap_poplayer{padding: 40px 30px; border: 1px solid #bdbdbd;}
.poplayer.type4 .tit_section01{}
.poplayer.type4 >div > .closed{top: -1px; right: -1px; width: 33px; height: 30px; background: url(../../images/webhome/icon_times_23x23_bdbdbd.png) no-repeat 50% 50%; background-size: 11px 11px; background-color: #5d6c89;}
.text-type2{display: flex; flex-direction: row;}
/* 2022-05-31 추가 [E] */