@charset "euc-kr";

/* Header and Login */
.bdrWp{overflow:hidden;position:relative;width:100%;box-sizing:border-box}
.logInput{height:auto;min-height:86px;background:#fff;border:1px solid #ccc;}
.logInput input{border:none;width:100%;text-indent:15px}
.logInput span.fontRed{display:block;padding:0 0 5px 15px}
@media screen and (max-width:639px){
	.logInput{min-height:43px}
	.logInput input{min-height:41px}
}
.loginWp{display:table;overflow:hidden;position:relative;width:100%;box-sizing:border-box}
.loginWp>.clearBl{display:table;width:100%}
.loginWp p{line-height:0}
.loginWp a img{max-width:214px}
.loginWp .fleft{width:61%;box-sizing:border-box}
.loginWp .fleft input{height:50px;line-height:30px;width:99%;text-indent:13px;box-sizing:border-box}
.loginWp .fleft p.t20{margin-top:19px}
.loginWp .fright{width:35%;text-align:right;box-sizing:border-box}
.loginWp em{display:inline-block;color:#b7b7b7;margin:0 10px;vertical-align:top;margin-top:6px}

@media screen and (max-width: 639px){
	.loginWp .fleft input{height:28px;text-indent:10px;line-height:15px}
	.loginWp .fleft p.t20{margin-top:7px}
}

.keyboardGuide h3 *{font-weight:normal}
.keyImg{margin-top:10px}
.ico.arr-down{background:url(/msiren/image/common/ico_arr_down.png) 0 0 no-repeat;width:11px;height:6px;vertical-align:middle;margin:0 15px 0 10px}
.ico.arr-up{background:url(/msiren/image/common/ico_arr_up.png) 0 0 no-repeat;width:11px;height:6px;vertical-align:middle;margin:0 15px 0 10px}
.ico.arr-r{background:url(/msiren/image/common/ico_arr_sub.png) 0 0 no-repeat;width:6px;height:9px;vertical-align:middle;margin-left:5px}


/*2021.01 CSS??*/
.divide4{overflow:hidden}
.divide4>ul{margin-left:-3%}
.divide4>ul>li{float:left;width:30%;padding-left:3%;text-align:center}
.divide3{overflow:hidden}
.divide3>ul{margin-left:-1%}
.divide3>ul>li{float:left;width:32%;padding-left:1%}
.divide2 .fleft{width:48%}
.divide2 .fleft:last-child{margin-left:4%}


.inputForm>li:after,
.inputForm .ui-checkbox:after{clear:both;display:block;content:'';}
.inputForm>li{height:auto;line-height:86px;padding:0 20px;border:1px solid #ccc;margin-bottom:-1px}
.inputForm>li label{float:left;width:30%}
.inputForm>li>label>div>div>span{display:none}
.inputForm>li>label select{border:none;outline:none;width:90%;background-color:#fff}
.inputForm>li.withCheck label{float:left;width:80%}
.inputForm>li p{float:left;width:68%}
.inputForm>li p.fontRed{clear:left;height:30px;line-height:30px;padding-bottom:10px;padding-left:0 !important;background:none !important}
.inputForm>li span.checkbox{float:right;margin-top:20px}
.inputForm>li input[type='button'].btn{font:normal 20px/46px MalgunGothic, NanumGothic;color:#004799;vertical-align:top;width:25%;height:50px;margin-top:15px;background:#fff;border-radius:3px;border:1px solid #004799}
.inputForm>li input[type='text'].fleft,
.inputForm>li input[type='password'].fleft{width:70%}
.inputForm>li input[type='tel']{width:33%;height:70px !important;margin-top:7px;float:left;border-left:1px solid #e5e5e5 !important}
.inputForm>li input[type='tel'],
.inputForm>li input[type='text'],
.inputForm>li input[type='password'],
.inputForm>li input[type='email']{border:none;height:85px}
.inputForm>li input[type='email']{width:100%}
.inputForm>li em{display:block;float:left;width:4%;margin:0 1%;background:url(/msiren/image/common/bar_inputform.gif) 50% 50% no-repeat;background-size:contain;font-size:0;text-indent:-10000em;line-height:80px}
.inputForm>li.mobileArea label{width:32%}
.inputForm>li.mobileArea p{width:75%;padding-left:5%;background:url(/msiren/image/login/inputForm_leftBar.gif) 0 50% no-repeat;background-size:contain}
.inputForm>li span.bgPwIcon{float:right;width:43px;margin-top:16px;height:52px;background:url(/msiren/image/common/icon_pw.png) 0 0 no-repeat}
.inputForm>li span.bgPwIcon.ok{background:url(/msiren/image/common/icon_pw.png) 0 -100px no-repeat}
.inputForm>li>p.flowHide{width:100%;float:none}
.aggreement .inputForm .inSection span.checkbox.topChk{top:10px}
.aggreement .inputForm .inSection span.checkbox.topChk.singleLine{top:-5px}

::-webkit-input-placeholder { /* WebKit browsers */
	color:#666;font-family:MalgunGothic, NanumGothic;font-size:24px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#666;font-family:MalgunGothic, NanumGothic;font-size:24px;
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#666;font-family:MalgunGothic, NanumGothic;font-size:24px;
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:#666;font-family:MalgunGothic, NanumGothic;font-size:24px;
}

@media screen and (max-width: 639px){
	.inputForm>li{line-height:43px;padding:0 10px}
	.inputForm>li span.checkbox{float:right;margin-top:10px}
	.inputForm>li input[type='text'],
	.inputForm>li input[type='password'],
	.inputForm>li input[type='email']{height:30px;width:70%;}
	.inputForm>li input[type='email']{width:100%;}
	.inputForm>li input[type='button'].btn{font:normal 11px/26px MalgunGothic, NanumGothic;height:30px;margin-top:7px}
	.inputForm>li input[type='tel']{height:31px !important;margin-top:4px}
	.inputForm>li span.bgPwIcon{width:22px;margin-top:8px;height:30px;background:url(/msiren/image/common/icon_pw_sm.png) 0 0 no-repeat}
	.inputForm>li span.bgPwIcon.ok{background:url(/msiren/image/common/icon_pw_sm.png) 0 -50px no-repeat}
	.inputForm>li em{line-height:40px}
	.aggreement .inputForm .inSection span.checkbox.topChk{top:2px}
	.aggreement .inputForm .inSection span.checkbox.topChk.singleLine{top:-5px}

	::-webkit-input-placeholder { /* WebKit browsers */
		font-size:12px;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		font-size:12px;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		font-size:12px;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
		font-size:12px;
	}
}

.inputForm h4{position:relative}
.inputForm .scrollTxt{background:#eee;padding:10px;overflow-y:scroll;height:150px}
.inputForm .inSection{position:relative}
.aggreement .inputForm .inSection span.checkbox{position:absolute;right:-2%;top:-30%}
.aggreement .inputForm span.checkbox:first-child{bottom:-25%;top:inherit}
@media screen and (max-width: 639px){
	.inputForm .scrollTxt{height:75px}
}


.inputFormBasic{display:table;width:100%;box-sizing:border-box}
.inputFormBasic li:after{clear:both;display:block;content:''}
.inputFormBasic>li{height:40px}
.inputFormBasic>li>label{float:left;display:table-cell;width:34%;line-height:40px}
.inputFormBasic>li>p{float:left;width:66%;display:table-cell}
.inputFormBasic>li>p>input,
.inputFormBasic>li>p>em{display:table-cell}
.inputFormBasic>li>p>input[type='text'],
.inputFormBasic>li>p>input[type='email'],
.inputFormBasic>li>p>input[type='url']{border:1px solid #ddd;height:42px;line-height:42px;width:100%;text-indent:5px;box-sizing:border-box}
.inputFormBasic>li>p>input.half{width:45%;border:1px solid #ddd;line-height:42px;height:42px;text-indent:5px;box-sizing:border-box}
.inputFormBasic>li>p>em{width:9.5%;background:url(/msiren/image/common/bar_inputform.gif) 50% 50% no-repeat;background-size:10px auto;font-size:0;text-indent:-10000em;line-height:40px}
.allFloat div,.allFloat p,.allFloat span,.allFloat em,.allFloat input{float:left}
select.selectC{width:100%;border:1px solid #ccc;padding:13px 0;text-indent:10px;font-size:24px;background-color:#fff}
@media screen and (max-width: 639px){
	.inputFormBasic>li,
	.inputFormBasic>li>label,
	.inputFormBasic>li>p>em,
	.inputFormBasic>li>p>input[type='text'],
	.inputFormBasic>li>p>input[type='email'],
	.inputFormBasic>li>p>input[type='url']{line-height:22px;height:22px}
	select.selectC{padding:5px 0;text-indent:5px;font-size:13px}
	.inputFormBasic>li>p>input.half{border:1px solid #ddd;line-height:22px;height:22px}
}


/* title */
.contents h2{color:#000;font-weight:bold;font-size:26px}
/* bulet title */
.contents h3{position:relative;font-size:24px;font-weight:bold;color:#000}
.contents h3.fleft{font-size:25px}
.contents h3.noBul{background-image:none;padding-left:0}
.contents h4{font-size:22px;padding-left:17px}
@media screen and (max-width: 639px){
	.contents h2{font-size:12px !important}
	.contents h3.fleft{font-size:12px !important}
	.contents h3{font-size:12px !important}
	.contents h4{font-size:12px !important;padding-left:8px;margin-bottom:5px}
}


.bgMem01{margin:0 auto;max-width:720px;padding-bottom:250px;background:url(/msiren/image/login/bg_mem_join.png) 50% 100% no-repeat;background-size:contain}
@media screen and (max-width: 639px){
	.bgMem01{max-width:360px;padding-bottom:110px}
}



/* TAB MENU - 20150722*/
.tabType1{width:100%}
.tabType1>ul{overflow:hidden;width:100%}
.tabType1>ul>li{float:left;box-sizing: border-box}
.tabType1>ul>li>a{display:block;height:76px;line-height:74px;text-align:center;border:1px solid #ccc;border-left:none;background:#f8f8f8;box-sizing:border-box}
.tabType1>ul>li:first-child>a{border-left:1px solid #ccc}
.tabType1>ul>li.on>a{background:#00b8b9;color:#fff;border:1px solid #00b8b9}
.tabType1>ul.row2>li>a{line-height:120%;padding:15px 0 0}
/* TAB MENU - */
.tabType1.half>ul>li{width:50%}
/* TAB MENU - */
.tabType1.three>ul>li{width:33.3%}
.tabType1.three>ul>li:last-child{width:33.4%}
/* TAB MENU - */
.tabType1.four>ul>li{width:25%}
/* TAB MENU - */
.tabType1.five>ul>li{width:20%}
.tabType1.five>ul>li:nth-child(2)>a{line-height:21px;padding-top:20px;height:76px}
/* TAB MENU - 2depth */
.tabType1.depth2>ul>li>a{border:none;border-bottom:1px solid #ccc;background:none;font-weight:bold}
.tabType1.depth2>ul>li{background:url(/msiren/image/common/tabDepth2_bar.gif) 0 50% no-repeat}
.tabType1.depth2>ul>li:first-child{background:none}
.tabType1.depth2>ul>li.on>a{border:none;border-bottom:1px solid #00b8b9;background:transparent url(/msiren/image/common/tabDepth2_bg_on.gif) 0 100% repeat-x;color:#666;padding-left:1px}
@media screen and (max-width: 639px){
	.tabType1>ul>li>a{height:38px;line-height:36px}
	.tabType1>ul.row2>li>a{line-height:120%;padding:5px 0 0}
	.tabType1.depth2>ul>li{background-size:auto 13px !important}
	.tabType1.five>ul>li{font-size:95%}
	.tabType1.five>ul>li:nth-child(2)>a{height:38px;line-height:12px;padding-top:9px;font-size:80%}

}


#contentsWrap.service #slides,
#contentsWrap.service #slides .slidesjs-control{min-height:161px;height:auto}

/* slide modal */
.modalType .modalHead{cursor:pointer}
.modalType .modalCon{display:none}

.aggreement .period .fleft{margin-top:8px}
.aggreement .period .fright{float:left !important;width:70%}
.aggreement .period .fright select{width:100%;padding:5px;border:1px solid #e8e8e8}
@media screen and (min-width: 639px){
	.aggreement .period .fleft{margin-top:8px}
	.aggreement .period .fright select{padding:16px !important}
	.aggreement h2.fleft{font-size:1em}
}


.service .slideArea .slidesjs-navigation{position:absolute;top:47%;width:25px;height:45px;z-index:50}
.service .slideArea .slidesjs-previous{left:1.5%;background-size:25px auto}
.service .slideArea .slidesjs-next{right:1.5%;background-size:25px auto}
.slidesjs-pagination {bottom:17px}
@media screen and (max-width: 420px){
	.service .slideArea .slidesjs-navigation{background-size:15px auto}
	.service .slideArea .slidesjs-previous{background-size:18px auto}
	.service .slideArea .slidesjs-next{background-size:18px auto}
}
.service .slidesjs-container,
.service .slidesjs-control,
#slides .slideImg img.res,
.service #slides .slideImg{min-height:153px !important;min-width:320px}


.thumbTxt .thumb{display:block;width:30%;min-height:90px;background:url(/msiren/image/service/img_d0502_01.png) no-repeat;background-size:contain}
.thumbTxt p.fleft.thumb{width:30%}
.thumbTxt p.fleft,
.thumbTxt div.fleft{padding-top:5px;width:70%}
@media screen and (min-width: 640px){
	.thumbTxt .thumb{height:160px}
}
.thumbTxt.d0502_01 .thumb{background-image:url(/msiren/image/service/img_d0502_01.png)}
.thumbTxt.e0101_01 .thumb{background-image:url(/msiren/image/service/img_e0101_01.png)}
.thmbTxt.e0201_01{display:table;width:100%;height:100%;background-color:#f5f5f5}
.thmbTxt.e0201_01>li{display:table-cell;min-height:100%;float:left;width:33%;padding-top:20%;border-left:1px solid #fff;background: url(/msiren/image/service/e0201_01_1.png) 50% 13% no-repeat;background-size:auto 28%}
.thmbTxt.e0201_01>li:nth-child(2){background-image:url(/msiren/image/service/e0201_01_2.png)}
.thmbTxt.e0201_01>li:nth-child(3){background-image:url(/msiren/image/service/e0201_01_3.png)}
.thmbTxt.e0201_01>li>ul{padding:10px}
@media screen and (min-width:760px){
	.thmbTxt.e0201_01>li{padding-top:10%;background-size:auto 35%}
}



.titleArea{position:relative}
.titleArea h2,
.titleArea h3{float:left;width:75%;text-align:left}
.titleArea p.fright{position:relative;top:1px;width:20%;text-align:right}
.titleArea a.blueTab{position:absolute;bottom:-20px;right:0;padding:8px 20px;background:#3386e2;color:#fff;}
.titleArea a.btnMore{position:relative;display:block;bottom:-6px;float:right;color:#3386e2;text-decoration:underline}
@media screen and (max-width: 639px){
	.titleArea a.blueTab{bottom:-10px;padding:4px 10px}
	.titleArea a.btnMore{bottom:-3px}
}

ul.summaryLi.bdrC{border-top:2px solid #3386e2 !important}
.summaryLi>li{border-top:1px solid #ccc}
.summaryLi>li:first-child{border-top:none}
.summaryLi>li>a{display:block;padding:42px 37px 35px 20px;background:url(/msiren/image/common/ico_arr_webzine_list.png) 97% 50% no-repeat}
.summaryLi>li>a>span{display:inline-block;margin-top:8px}
.summaryLi>li>a>span.t5{margin-top:0}
.summaryLi>li>a>strong{display:inline-block;margin-top:5px}
.summaryLi.type2>li>a{overflow:hidden;min-height:60px;padding:47px 56px 30px 20px}
.summaryLi.type2>li>a span.fontRed{display:inline-block;margin-left:20px}
.summaryLi.type2>li>a>div.fleft{width:50%;margin-top:18px}
.summaryLi.type2>li>a>div.fright{width:50%;text-align:right;margin-top:18px}
.summaryLi.type2>li>a>div.fright>a{display:inline-block;padding-right:30px;font-weight:bold}
.summaryLi.type3>li{padding:0}
.summaryLi.type3>li>a{padding:21px 37px 26px 20px}
.summaryLi.type4>li{display:table;width:100%;}
.summaryLi.type4>li>a{display:table-cell;padding:21px 50px 26px 20px}
.summaryLi.type4>li>a>span{display:table-cell;float:left;position:relative;top:2px;width:40%;height:100%;margin-top:0}
.summaryLi.type4>li>a>span:nth-child(2){text-align:center;width:20%}
.summaryLi.type4>li>a>span:last-child{text-align:right}
.summaryLi.type4>li>a.row2>span{top:14px}
.summaryLi.type4>li>a.row2>span:first-child{top:3px}
@media screen and (max-width: 639px){
	.summaryLi>li{background-size:10px auto;min-height:48px}
	.summaryLi>li strong{margin-right:18px}
	.summaryLi>li *{line-height:15px}
	.summaryLi>li span.fontRed{margin-left:2px}
	.summaryLi.bdrC>li>a{padding:13px 18px 11px 10px}
	.summaryLi.bdrC>li>a,
	.summaryLi.type2>li>a{min-height:45px;background-size:10px auto}
	.summaryLi.type2>li>a{padding:19px 28px 5px 10px}
	.summaryLi.type2>li>div.fleft{margin-top:15px}
	.summaryLi.type2>li>div.fright{margin-top:15px}
	.summaryLi.type3>li>a{padding:7px 18px 9px 10px}
	.summaryLi.type4>li>a{padding:7px 25px 9px 10px}
	.summaryLi.type4>li>a>span{top:10px}
	.summaryLi.type4>li>a.row2>span{top:10px}

}


.graphWp{position:relative;width:100%;min-height:100%;display:table}
.graphWp:after{clear:both;display:block;content:''}
.graphWp .backLeft{float:left;position:relative;display:table-cell;width:22%;min-height:100%;background:#f5f5f5;border-right:1px solid #ccc;z-index:20}
.graphWp .backLeft>ul{margin:10px 0;width:100%;min-height:100%;text-align:center}
.graphWp .backLeft>ul>li:last-child{margin-bottom:25px}
.graphWp .backRight{float:left;position:relative;display:table-cell;width:78%;min-height:100%;margin-left:-1px}
.graphWp .backRight>.bgDashLine{display:table;width:100%}
.graphWp .backRight>.bgDashLine>strong{display:block;position:absolute;bottom:-15px;right:-1px;z-index:10;font-size:10px;color:#888}
.graphWp .backRight>.bgDashLine>ul{width:100%;min-height:100%;display:table}
.graphWp .backRight>.bgDashLine>ul>li{width:9%;float:left;position:relative;display:table-cell;background:url(/msiren/image/common/dash_graph.gif) 100% 0 repeat-y}
.graphWp .backRight>.bgDashLine>ul>li:last-child{background-image:none}
.graphWp .backRight>.bgDashLine>ul>li>em
{
	display:inline-block;position:absolute;width:100%;bottom:-13px;padding-top:7px;text-align:center;margin-left:-50%;z-index:10;color:#888;
	background:url(/msiren/image/common/ico_arr_chart.gif) 50% 0 no-repeat;background-size:auto 5px;
	font-size:10px;
}
@media screen and (min-width: 640px){
	.graphWp .backRight>.bgDashLine>ul>li>em{
		bottom:-23px;padding-top:12px;font-size:15px;background-size:auto 7px;
	}
	.graphWp .backRight>.bgDashLine>strong{
		font-size:15px;margin-bottom:-10px}
}
/*201216_¼öÁ¤*/
.graphWp .backRight>.bgDashLine>ul>li>em.last{text-indent:-16px}
.graphWp .backRight .ratingWp{position:absolute;width:90%;top:0;left:0}
.graphWp .backRight .ratingWp p span{position:relative;display:block;min-height:10px;background:#ccc;color:#fff;text-align:right}
.graphWp .backRight .ratingWp p:nth-child(1) span{background-color:#3386e2}
.graphWp .backRight .ratingWp p span.rating0{width:100%}
.graphWp .backRight .ratingWp p span.rating1{width:90%}
.graphWp .backRight .ratingWp p span.rating2{width:80%}
.graphWp .backRight .ratingWp p span.rating3{width:70%}
.graphWp .backRight .ratingWp p span.rating4{width:60%}
.graphWp .backRight .ratingWp p span.rating5{width:50%}
.graphWp .backRight .ratingWp p span.rating6{width:40%}
.graphWp .backRight .ratingWp p span.rating7{width:30%}
.graphWp .backRight .ratingWp p span.rating8{width:20%}
.graphWp .backRight .ratingWp p span.rating9{width:10%}
.graphWp .backRight .ratingWp p span.rating10{width:1%;color:#000}
.graphWp .backRight .ratingWp p span>em{position:absolute;top:0;right:-40px;padding-right:5x;color:#000}
.graphWp .backRight .ratingWp p span.rating9>em,
.graphWp .backRight .ratingWp p span.rating10>em,
.graphWp .backRight .ratingWp p span>em.txtR{color:#3386e2;right:-40px}
section:last-child .graphWp .backRight .ratingWp p span{margin-left:-10%}
/* //201216_¼öÁ¤*/


#selectTimeArea>li>button{height:62px;width:100%;text-align:center;background:#e2e2e2 url(/msiren/image/common/ico_arr_time.png) 87% 50% no-repeat;
	background-size:14px auto;border-radius:5px;font-size:24px}
#selectTimeArea>li>button.on{background-color:#bbb}
#selectTimeArea>li>input[type=radio]{display:none}
@media screen and (max-width: 639px){
	#selectTimeArea>li>button{height:32px;font-size:13px;background-size:7px auto}
}


.noService{height:305px;background:url(/msiren/image/contents/bg_no_service.png) 50% 100% no-repeat;background-size:400px auto}


.errMsg{padding-top:250px;background:url(/msiren/image/common/error_bg1.png) 50% 0 no-repeat;background-size:400px auto}
.errMsg.bg2{background-image:url(/msiren/image/common/error_bg2.png)}
@media screen and (max-width: 639px){
	.errMsg{background-size:200px auto;padding-top:125px}
	.noService{height:150px;background-size:200px auto}
}


.premiumWp{width:100%}
.premiumWp div.fleft{width:48%;height:275px;padding:0}
.premiumWp div.fright{width:48%}
.premiumWp div.fleft>div>p{padding-left:10%}
.premiumWp div.fleft>div>p.t40{margin-top:85px !important}
.premiumWp .fontBig3{font-size:30px}
@media screen and (max-width: 639px){
	.premiumWp .fontBig3{font-size:18px}
	.premiumWp div.fleft{height:139px}
	.premiumWp div.fleft>div>p{padding-left:8%}
	.premiumWp div.fleft>div>p.t40{margin-top:30px !important}
}
@media screen and (max-width: 359px){
	.premiumWp .fontBig3{font-size:14px}
}
@media screen and (max-width: 320px){
	.premiumWp div.fleft{height:95px}
	.premiumWp div.fleft>div>p.t40{margin-top:20px !important}
}

table td>.mobileArea{display:table;width:100%;box-sizing:border-box}
table td>.mobileArea:after{clear:both;display:block;content:''}
table td>.mobileArea label{float:left;width:25%;display:table-cell}
table td>.mobileArea p{width:75%;display:table-cell;padding-left:5%;background:url(/msiren/image/login/inputForm_leftBar.gif) 0 50% no-repeat;background-size:contain}
table td>.mobileArea input[type='tel']{width:35%;display:table-cell;float:left;border-left:1px solid #e5e5e5 !important;text-indent:10px;box-sizing: border-box;}
table td input[type='text'],
table td input[type='tel'],
table td input[type='email'],
table td input[type='password']{height:50px}
table td .mobileArea input#certificateNo{width:60%;float:left}/*20150715*/
table td>.mobileArea select{width:95%;height:50px;border:none}
@media screen and (max-width: 639px){
	table td input[type='text'],/*20150715*/
	table td input[type='tel'],
	table td input[type='email'],
	table td input[type='password']{height:25px}
	table td>.mobileArea select{height:25px}
}


.financPlazaLi .thumbTxt .thumb{width:29%;height:110px}
.financPlazaLi .thumbTxt.g0102_01 .thumb{background-image:url(/msiren/image/contents/g0102_01.png)}
.financPlazaLi .thumbTxt.g0103_01 .thumb{background-image:url(/msiren/image/contents/g0103_01.png)}
.financPlazaLi .thumbTxt div.fleft{padding-left:10px;width:66%}
.financPlazaLi>section>ul.bdrTopBlue{padding:0}
.financPlazaLi>section>ul>li{overflow:hidden;padding:33px 39px;border-top:1px solid #ccc;background:#fff}
.financPlazaLi>section>ul>li.bgBlue{background:#ebf1f3}
.financPlazaLi>section>ul>li:first-child{border-top:none}
.financPlazaLi>section>ul>li>.fleft{width:35%}
.financPlazaLi>section>ul>li>.fright{float:left;margin-left:5%;width:59%}
.financPlazaLi ul.main>li{padding:23px 23px 40px 23px}
.financPlazaLi ul.main>li:first-child{border-top:1px solid #ccc}
.financPlazaLi ul.main>li>a{display:inline-block;width:100%}
.financPlazaLi ul.main>li>a>img{width:39%;height:auto;max-width:180px}
.financPlazaLi ul.main>li>strong>em.fontBlue{color: #003399 !important}
.financPlazaLi ul.main>li{background-size:40%;background-position:95% 0;background-size:24.5%;background-repeat:no-repeat;line-height:150%}
.financPlazaLi ul.main>li:nth-child(1){background-image:url(/msiren/image/contents/plaza_bg_01.gif)}
.financPlazaLi ul.main>li:nth-child(3){background-image:url(/msiren/image/contents/plaza_bg_02.gif)}
.financPlazaLi ul.main>li:nth-child(4){background-image:url(/msiren/image/contents/plaza_bg_03.gif)}

@media screen and (max-width: 639px){
	.financPlazaLi>section>ul>li{padding:16px 20px}
	.financPlazaLi .thumbTxt .thumb,
	.event .thumbTxt.h0601_02 .thumb{min-height:50px;height:auto}
	.financPlazaLi ul.main>li{padding:13px 13px 20px 13px !important;background-position:98% 0}
	.financPlazaLi ul.main>li>p{font-size:11px}
}
@media screen and (max-width: 320px){
	.financPlazaLi>section>ul>li{padding:16px 20px}
	.thumbTxt div.fleft>ul>li{font-size:11px}
}

/* LIFE24*/
.webZine ul.bdrC{border-top:2px solid #3386e2}
.webZine ul.bdrC>li{border-top:1px solid #ccc}
.webZine ul.bdrC>li:first-child{border-top:none}
.webZine ul.bdrC>li>a{display:block;padding:28px 60px 23px 37px;background:url(/msiren/image/common/ico_arr_webzine_list.png) 95% 50% no-repeat;line-height:1.5em}
.webZine ul.bdrC>li>a>strong,
.webZine ul.bdrC>li>a>p{display:block;text-overflow:ellipsis;overflow:hidden; white-space:nowrap}
.webZine ul.bdrC>li>a>span{display:inline-block;margin-top:8px}
.webZine ul.bdrC>li>a>span.fontD{color:#888}
.webZine .titleArea h2{font-weight:normal}
.webZine .titleArea h2 strong{font-weight:bold}
.webZine .titleArea p.fright.fontD{position:absolute;height:20px;top:inherit;bottom:0 !important;right:0;color:#888}
.webZine .webZineCon{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;font-size:16px}
.webZine .webZineCon .inPad{padding-left:0 !important;padding-right:0 !important}
.webZine .webZinePage>li{padding:5px 0 5px 50px;background:url(/msiren/image/common/ico_arr_prev.png) 10px 50% no-repeat}
.webZine .webZinePage>li:nth-child(2){background-image:url(/msiren/image/common/ico_arr_next.png);border-top:1px solid #f0f0f0}
.webZine .webZinePage>li strong{display:inline-block;margin-right:40px}
.webZine .webZinePage>li a{display:inline-block;width:80%}
.webZine .webZinePage>li *{vertical-align:middle;line-height:35px;height:35px}
.webZine .webZinePage>li .ellipsis{white-space:nowrap}
@media screen and (max-width: 320px){
	.webZine .webZinePage>li a{width:79%}
}
@media screen and (max-width: 639px){
	.webZine .titleArea p.fright.fontD{height:12px}
	.webZine .webZineCon{font-size:12px}
	.webZine ul.bdrC>li>a{padding:13px 36px 11px 18px;background-size:10px auto;line-height:1.35em}
	.webZine .webZinePage>li{padding:3px 0 3px 25px;background-size:10px auto}
	.webZine .webZinePage>li strong{margin-right:18px}
	.webZine .webZinePage>li *{line-height:18px;height:18px}
}

/* LIFE24 > */
.event .thumbTxt.h0601_02 .thumb{height:auto;background-image:url(/msiren/image/contents/h0601_02.png);width:26%}
.event .thumbTxt.h0601_02 .fright{width:74% !important}
@media screen and (min-width: 480px){
	.event .thumbTxt.h0601_02 .thumb{min-height:75px}
}
@media screen and (min-width: 640px){
	.event .thumbTxt.h0601_02 .thumb{min-height:100px}
}

/* slick Slider -  */
.slick-slider
{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;
	-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;
	-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;text-align:center}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer}
.slick-slider .slick-track,
.slick-slider .slick-list
{
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,
.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
button.slick-prev,button.slick-next{position:absolute;width:26px;height:26px;margin-top:20px;border-radius:3px;border:1px solid #888;font-size:0;text-indent:-10000em;display:inline-block;vertical-align:middle;}
button.slick-prev{background:#fff url(/msiren/image/common/page_arr_prev.gif) 50% 50% no-repeat;background-size:5px auto;left:45%}
button.slick-next{background:#fff url(/msiren/image/common/page_arr_next.gif) 50% 50% no-repeat;background-size:5px auto;right:45%}
.slick-dots{position:relative;display:inline-block !important;width:auto;margin:0 auto;text-align:center;top:23px}
.slick-dots li{display:inline-block;width:11px;height:11px;margin-left:8px;cursor: pointer}
.slick-dots li button{display:inline-block;width:11px;height:11px;font-size:0;line-height:0;cursor:pointer;color:transparent;border:0;outline:none;background:transparent url(/msiren/image/common/ico_page_off.png) 50% 50% no-repeat;background-size:11px 11px}
.slick-dots li.slick-active button{background-image:url(/msiren/image/common/ico_page_on.png)}
.minusT20{position:relative;top:-20px}
@media screen and (min-width: 640px){
	.slick-slider.number ul.slick-dots{left:inherit}
	.slick-dots li{width:16px;height:16px;margin-left:12px}
	.slick-dots li button{width:16px;height:16px;background-size:16px 16px}
	button.slick-prev,button.slick-next{width:35px;height:35px;background-size:8px auto}
}

/* slick number (20150717*/
.slick-slider.number{margin-bottom:70px}
.slick-slider.number ul.slick-dots{position:relative;height:20px;top:26px}
.slick-slider.number ul.slick-dots>li{width:auto !important;margin-left:0}
.slick-slider.number ul.slick-dots>li,
.slick-slider.number ul.slick-dots>li>button{display:none;width:auto !important;height:0}
.slick-slider.number ul.slick-dots>li.slick-active,
.slick-slider.number ul.slick-dots>li:last-child{display:inline-block;width:auto;height:23px}
.slick-slider.number ul.slick-dots>li.slick-active>button,
.slick-slider.number ul.slick-dots>li:last-child>button{display:inline-block !important;width:23px;height:23px;background-image:none !important;font-size:16px !important;line-height:20px !important;color:#888}
.slick-slider.number ul.slick-dots>li.slick-active>button{font-weight:bold;color:#666;width:auto !important}
.slick-slider.number ul.slick-dots>li>em{font-size:15px;color:#888;line-height:20px;display:inline-block;vertical-align:middle;margin:0 5px 0 6px}/* 20150723  */
.slick-slider.number button.slick-prev{position:absolute;left:50%}
.slick-slider.number button.slick-next{position:absolute;right:50%}
@media screen and (max-width: 639px){
	*.slick-slider.number ul.slick-dots{top:22px}
}
@media screen and (min-width: 640px){
	.slick-slider.number ul.slick-dots>li.slick-active>button,
	.slick-slider.number ul.slick-dots>li:last-child>button,
	.slick-slider.number ul.slick-dots>li>em{font-size:20px !important}
}
/* //slick Slider - */



/*  FAQ */
.faq-contents-wp{position:relative;height:auto;min-height:280px}
.faq-contents-wp .slider-wrap{position:absolute;top:0;padding-bottom:30px;background:#fff;z-index:1}
.faq-contents-wp .slider{background:#fff;z-index:1;height:100%}

.thumbTxt.i0201_01 .thumb{width:27% !important;background-image:url(/msiren/image/contents/i0201_01.png)}
.thumbTxt.i0201_01 .fright{width:73%;line-height:140%}
/* 20150717  */
@media screen and (max-width: 360px){
	.thumbTxt.i0201_01 .thumb{min-height:58px}
	.thumbTxt.i0201_01 .fright{font-size:10px}
}

/* faq - */
.modalType.faq{border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:left}
.modalType.faq:first-child{border-top:2px solid #3386e2}
.modalType.faq .modalHead{overflow:hidden;padding:29px 29px 20px 29px;border-bottom:1px solid #ccc}
.modalType.faq .modalHead p{float:left;width:75%}
.modalType.faq .modalHead p span{display:block}
.modalType.faq .modalHead .ico.modal{margin-top:0;float:right}
.modalType.faq .modalCon{margin-top:-1px;border-bottom:1px solid #ccc;background-color:#f5f5f5;padding:29px 29px 20px 29px}
.modalType.faq .fontD{color:#888}
@media screen and (max-width: 639px){
	.modalType.faq .modalHead{padding:15px 15px 10px 15px}
	.modalType.faq .modalCon{padding:15px 15px 10px 15px}
	.modalType.faq .modalHead .ico.modal{margin-top:7px}
}


.ticket input{
	width:20.8%;float:left;font-size:30px;text-align:center;text-transform:uppercase;
	border:1px solid #3585e4;border-radius:3px;height:55px;line-height:55px;
	-webkit-box-shadow: inset 1px 1px 1px 1px rgba(50, 50, 50, 0.26);
	-moz-box-shadow:    inset 1px 1px 1px 1px rgba(50, 50, 50, 0.26);
	box-shadow:         inset 1px 1px 1px 1px rgba(50, 50, 50, 0.26);
}
.ticket em{display:block;float:left;width:4.6%;text-align:center;line-height:55px;color:#cdcdcd;font-size:20px}
@media screen and (max-width: 639px){
	.ticket input{height:30px;line-height:30px;font-size:20px}
	.ticket em{line-height:30px}
}
@media screen and (max-width: 420px) and (min-width: 361px){
	.ticket input{height:30px;line-height:30px;font-size:20px; width:14%;}
}
@media screen and (max-width: 360px) and (min-width: 321px){
	.ticket input{height:30px;line-height:30px;font-size:20px; width:20.5%;}
}
@media screen and (max-width: 320px){
	.ticket input{height:30px;line-height:30px;font-size:20px; width:13%;}
}


.message{height:420px;background:url(/msiren/image/contents/bg_coupon.png) 50% 100% no-repeat;background-size:400px auto}
.message p.fontImpact{line-height:45px}
@media screen and (max-width: 639px){
	.message{height:230px;background-size:220px auto}
	.message p.fontImpact{line-height:23px}
}


.notice{border:1px solid #ccc;margin-top:-1px}
.notice:first-child{border-top:2px solid #3386e2}
.notice>li{position:relative;overflow:hidden;border-top:1px solid #ccc}
.notice>li:first-child{border-top:none}
.notice>li>a{display:block;overflow:hidden;padding:29px 29px 20px 29px}
.notice>li>a>strong{display:block;float:left;width:70%}
.notice>li>a>strong>span.fontD{display:inline-block;color:#888}
.notice>li>a>span.ico.modal{float:right;position:relative;top:20px}
@media screen and (max-width: 639px){
	.notice>li>a{padding:15px 15px 10px 15px}
	.notice>li>a>span.ico.modal{top:10px}
}


.termsNconditions header h1{height:108px;line-height:108px;color:#3286e8;font-size:36px;text-align:center}
.termsNconditions header h1.privacy{border-bottom:6px solid #338ad7}
.termsNconditions header nav{padding:0 4%;top:0}
.termsNconditions header nav a{width:24% !important;line-height:29px;margin-top:16px;text-align:center !important}
@media screen and (max-width: 639px){
	.termsNconditions header h1{height:54px;line-height:54px;font-size:18px}
	.termsNconditions header h1.privacy{border-bottom:3px solid #338ad7}
	.termsNconditions header nav a{line-height:15px;margin-top:8px}
}


.registerAbout,.registerAbout *{line-height:24px;font-size:16px}
.registerAbout .font20p *{line-height:26px;font-size:20px; font-weight: bold}
.registerAbout h5, .registerAbout h4 {margin-top:20px;font-size:19px;font-weight:bold;padding-left:0}
.registerAbout h4:first-child,.registerAbout h5:first-child{margin-top:0}
.registerAbout li{padding-left:12px;text-indent:-12px}
.registerAbout ol.step1{margin-left:0}
.registerAbout ol.step1>li{padding-left:12px;text-indent:-12px}
.registerAbout ul.last>li{padding-left:0;text-indent:0}
@media screen and (max-width: 639px){
	.registerAbout,.registerAbout *{line-height:18px; font-size:12px}
	.registerAbout h5, .registerAbout h4{font-size:13px}
	.registerAbout .font20p *{line-height:35px; font-size:15px; font-weight: bold;}
}

#joinForm .tableBasic.justify tr:first-child>th{height:30px}




.titleArea_wz{position:relative}
.titleArea_wz h1{padding-bottom:15px; color:#000; font-weight:bold; margin-bottom:25px; font-size:26px; border-bottom:3px solid #3089e5;}
.titleArea_wz h2{font-size:22px; color:#666; line-height:1.4em;}
.titleArea_wz h3{font-weight:normal; font-size:20px; color:#999; line-height:1.4em;}
.titleArea_wz h1,
.titleArea_wz h2{text-align:left;}
.titleArea_wz a.blueTab{position:absolute;bottom:-20px;right:0;padding:8px 20px;background:#3386e2;color:#fff;}
.titleArea_wz a.btnMore{position:relative;display:block;bottom:-6px;float:right;color:#3386e2;text-decoration:underline}
/*finance*/
.contents .bdt, .contents .bdt{border-top:1px solid #ccc; padding-top:20px;}
.contents .CtnBox01 p,.contents .CtnBox02 p,.contents .CtnBox03 p{margin-bottom:20px;}
.contents .CtnBox01 span.txt02,.contents .CtnBox03 span.txt02{display:block; text-align:right; font-size:1em; color:#999;}
.contents .CtnBox01 span.txt02{margin-right:10%;}
.contents .fi_img{margin-top:30px; border:1px solid #ccc;}
.contents .fi_img img,.contents .fi_img3 img{width:100%;}
.contents .CtnBox01{margin-top:30px; line-height:1.6em;}
.contents .CtnBox01 span.tit01{padding:1px;background:#000; color:#fff; font-weight:bold;}
.contents .CtnBox01 span.tit02{color:#000; font-weight:bold; list-style:circle;}
.contents .CtnBox01 span.txt01{font-size:1em; color:#999;}
@media screen and (max-width: 639px){
	.contents .CtnBox01 span.txt02{text-align:right; width:100%;}
	.titleArea_wz a.blueTab{bottom:-10px; padding:4px 10px}
	.titleArea_wz a.btnMore{bottom:-3px}
	.titleArea_wz h1{padding-bottom:10px; color:#000; font-weight:bold; margin-bottom:15px; font-size:1.4em; border-bottom:3px solid #3089e5;}
	.contents .CtnBox01 p{margin-bottom:30px;}
	.contents .CtnBox01 p.bdt{border-top:1px solid #ccc; padding-top:30px;}
}

/*web_app*/
.contents .app_box{margin-top:30px;border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.contents .app_box .app_img{background:#eaf3fc; text-align:center; width:25%;}
.contents .app_box .app_img img{width:60%; padding:20px 0;}
.contents .app_box .app_txt{padding:0; margin:0;}
.contents .app_box .app_txt td{border-bottom:1px solid #ccc; height:35px; padding-left:5px;}
.contents .app_box .app_txt td.bb0{border-bottom:0;}
.contents .CtnBox02{padding-bottom:10px; text-align:center; border-top:1px solid #ccc; margin-top:20px; padding-top:25px;}
.contents .CtnBox02 ol li img{width:30%;}
.contents .CtnBox02 ol li{margin-top:20px;}
.contents .CtnBox02 ol li p{margin:10px auto; width:90%;}
.contents .CtnBox02 oo li{text-align:center;}
.contents .CtnBox02 h1{background:#ef4c23; width:25%; height:30px; font-size:1.2em; padding:0; padding-top:10px;text-align:center; color:#fff; border-radius:20px;}
@media screen and (max-width: 639px){
	.contents .app_box .app_img img{width:80%; padding:0;}
	.contents .app_box .app_txt td{border-bottom:1px solid #ccc; height:20px;}
	.contents .CtnBox02{padding-bottom:20px; width:100%; border-top:1px solid #ccc; margin-top:30px; padding-top:30px;}
	.contents .CtnBox02 h1{background:#ef4c23; width:32%; height:25px; font-size:1em; padding:0; padding-top:5px; text-align:center; color:#fff; border-radius:20px;}
	.contents .CtnBox02 ol li img{width:85%;}
}

/*MarketTrend*/
.contents .CtnBox03{border-top:1px solid #ccc; padding-top:20px; line-height:1.6em;}
.contents .CtnBox03 table td{ line-height:1.6em;}
.contents .CtnBox03 h1,.contents .b_tit{color:#3089e5; font-size:1.2em; margin-bottom:10px;}
.contents .fi_img2{margin-top:30px;}
.contents .fi_img2 img{width:80%; margin:0 auto;}
@media screen and (max-width: 639px){
	.contents .CtnBox03{border-top:1px solid #ccc; padding-top:20px;}
	.contents .fi_img2 img{width:100%;}
}

@media screen and (max-width: 320px){
	.loginWp .fleft{width:57%}
}


.mgt-30{margin-top:-30px;}
/* list type */
.listArrBlue>li{padding-left:19px;background:url(/msiren/image/common/ico_arr_5x9.png) 0 7px no-repeat}
@media screen and (max-width:639px){
	.listArrBlue>li{padding-left:9px;background:url(/msiren/image/common/ico_arr_3x5.png) 0 5px no-repeat}
}
.m_btn ul li{float:left; width:27%; padding-left:4%; text-align:center;}
.m_btn ul li img, .star>div>img{width:100%;}
.m_btn ul li:first-child{padding-left:6%;}
.star .btn_wrap{width:100%; overflow:hidden; background:#083578; text-align:center;}
.star .btn_wrap p{float:left; width:40%; padding-left:7%; text-align:center;}
.star .btn_wrap p img{width:100%;}


/*20150831 event*/
.event08{padding:0 !important; margin-top:30px;}
.event08 ul li{float:left; font-size:0;}
.event08 ul li.ctn01{width:38.14%;}
.event08 ul li.ctn02{width:61.85%;}
.event08 ul li.ctn03{width:60.43%;}
.event08 ul li.ctn04{width:26.72%;}
.event08 ul li.ctn05{width:12.85%;}
.event08 ul li img{width:100%;}
.event08{width:100%; height:auto; padding:0 !important; margin-top:30px;}



/*20151023*/
.b_txt{color:#3089e5;}
h1.tit_04{text-align:center; font-weight:normal; font-size:1em !important; color:#666 !important;}
.market_graph{width:100%;}
.market_graph .fleft{width:50%;}
.market_graph img{width:60% !important;}
@media screen and (max-width:639px){
	.market_graph img{width:80% !important;}
}
.market_graph > div{width:100%;}
.Cboth{clear:both !important;}


/*201512 */
.popup {
	position:fixed;
	text-align:center;
	top:0px;
	height:100%;
	width:100%;
	z-index:1000;
}
.popup .bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.7;
	filter:alpha(opacity=70);
}
.popup1512 {
	width:80%;
	background:#f7f7f7;
	border-radius:5%;
	box-shadow:10px 10px 30px #666;

	padding:5%;
	margin:5%;
	position:absolute;
}
.popup1512_close {
	width:100%;
	position:absolute;
	margin-top:10px;
	top:5%;
	left:83%;
}
.popup1512_close2 {
	width:100%;
	text-decoration:underline;
	font-size:1.2em;
	position:relative;
	text-align:right;
	margin-top:10px;
}

@media screen and (max-width: 639px) {
	.popup1512 {
		position:relative;
		width:80%;
		background:#f7f7f7;
		border-radius:5%;
		box-shadow:7px 7px 15px #666;
		padding:5%;
		margin:5%;
	}
	.popup1512_close {
		width:100%;
		position:absolute;
		margin-top:10px;
		top:2%;
		left:88%;
	}
}
@media screen and (max-width: 360px) {
	.popup1512 {
		position:relative;
		width:80%;
		background:#f7f7f7;
		border-radius:5%;
		box-shadow:5px 5px 5px #666;
		padding:5%;
		margin:5%;
	}
	.popup1512_close2 {
		width:100%;
		text-decoration:underline;
		font-size:1em;
		position:relative;
		text-align:right;
		margin-top:10px;
	}
}



.popup1603 {width:80%; background:#ffdd52; border-radius:5%; box-shadow:10px 10px 30px #666; padding:5%; margin:5%; position:absolute;}
.popup1603_close {width:100%; position:absolute; margin-top:10px; top:5%; left:83%;}
.popup1603_close2 {width:100%; color:#333; text-decoration:underline; font-size:1.1em; position:relative; text-align:right; margin-top:10px; font-family:dotum;}

@media screen and (max-width: 639px) {
	.popup1603 {position:relative; width:80%; background:#ffdd52; border-radius:5%; box-shadow:7px 7px 15px #666; padding:5%; margin:5%;}
	.popup1603_close {width:100%; position:absolute; margin-top:10px; top:2%; left:88%;}
}

@media screen and (max-width: 360px) {
	.popup1603 {position:relative; width:80%; background:#ffdd52; border-radius:5%; box-shadow:5px 5px 5px #666; padding:5%; margin:5%;}
	.popup1603_close2 {width:100%; color:#333; text-decoration:underline; font-size:0.9em; position:relative; text-align:right; margin-top:10px; font-family:dotum;}
}

/*20160718 style*/
.saving_ctn{background:#ccc; width:100%; text-align:center; padding-top:40%; height:40%;}


.financPlazaLi ul.main>li:nth-child(3){background-image:url(/msiren/image/contents/plaza_bg_saving.gif)}
.financPlazaLi ul.main>li:nth-child(4){background-image:url(/msiren/image/contents/plaza_bg_02.gif)}
.financPlazaLi ul.main>li:nth-child(5){background-image:url(/msiren/image/contents/plaza_bg_03.gif)}

@media screen and (max-width: 639px){
	.financPlazaLi>section>ul>li{padding:16px 20px}
	.financPlazaLi .thumbTxt .thumb,
	.event .thumbTxt.h0601_02 .thumb{min-height:50px;height:auto}
	.financPlazaLi ul.main>li{padding:13px 13px 20px 13px !important;background-position:98% 0}
	.financPlazaLi ul.main>li>p{font-size:11px}
}
@media screen and (max-width: 320px){
	.financPlazaLi>section>ul>li{padding:16px 20px}
	.thumbTxt div.fleft>ul>li{font-size:11px}
}



.ph_bg {height:337px !important; background:url(/msiren/image/contents/bg_result3.gif) no-repeat 0 0 !important;}
.ph_table td:nth-child(2),.ph_table td:nth-child(3),.ph_table td:nth-child(4),.ph_table td:nth-child(5),.ph_table td:nth-child(6){border-left:none !important}

.ph_table_m{width:100%; overflow:hidden; border-top:2px solid #3386e2}
.ph_table_m th{width:20%; text-align:center !important; font-weight:600 !important; border-bottom:1px solid #ccc; background:#EBF5FE; border-left:1px solid #ccc;}
.ph_table_m td{width:80%; text-align:left !important; border-right:1px solid #ccc; border-bottom:1px solid #ccc}
.ph_table_icon{width:100%; overflow:hidden; border-top:2px solid #3386e2; border-left:1px solid #ccc;  border-right:1px solid #ccc;}
.ph_table_icon th{text-align:center !important; font-weight:600 !important; border-bottom:1px solid #ccc; background:#EBF5FE;}
.ph_table_icon td{text-align:center; border-bottom:1px solid #ccc;}
.ph_table_icon img{width:80%; margin-bottom:5px;}
.ph_fontLink{color:#3586e3 !important; text-decoration:underline !important}
.ph_icon_bg_01_m{background:url(/msiren/image/contents/m_icon_bg_01.gif) no-repeat; background-size:100%; padding:10% 0}
.ph_icon_bg_02_m{background:url(/msiren/image/contents/m_icon_bg_02.gif) no-repeat; background-size:100%; padding:10% 0}
.ph_icon_bg_01_m button,.ph_icon_bg_02_m button{width:50%;}
.ph_icon_bg_01{background:url(/msiren/image/contents/icon_bg_01.gif) no-repeat; background-size:100%; height:76px}
.ph_icon_bg_02{background:url(/msiren/image/contents/icon_bg_02.gif) no-repeat; background-size:100%; height:76px}




.n_fontSm{display:inline-block; color:#b7b7b7; margin:0 10px; vertical-align:top; margin-top:6px}
.tabType2{width:100%}
.tabType2>ul{overflow:hidden;width:100%}
.tabType2>ul>li{float:left;box-sizing: border-box}
.tabType2>ul>li>a{display:block;height:76px;line-height:74px;text-align:center;border:1px solid #004799 !important;border-left:none;box-sizing:border-box}
.tabType2>ul>li:first-child>a{border-left:1px solid #ccc}
.tabType2>ul>li.on>a{background:#004799 !important;color:#fff;border:1px solid #004799 !important}
.tabType2>ul.row2>li>a{line-height:120%;padding:15px 0 0}
/* TAB MENU -  */
.tabType2.half>ul>li{width:50%}
/* TAB MENU -  */
.tabType2.three>ul>li{width:33.3%}
.tabType2.three>ul>li:last-child{width:33.4%}
/* TAB MENU -  */
.tabType2.four>ul>li{width:25%}
/* TAB MENU -  */
.tabType2.five>ul>li{width:20%}
.tabType2.five>ul>li:nth-child(2)>a{line-height:21px;padding-top:20px;height:76px}
/* TAB MENU - 2depth */
.tabType2.depth2>ul>li>a{border:none;border-bottom:1px solid #ccc;background:none;font-weight:bold}
.tabType2.depth2>ul>li{background:url(/msiren/image/common/tabDepth2_bar.gif) 0 50% no-repeat}
.tabType2.depth2>ul>li:first-child{background:none}
.tabType2.depth2>ul>li.on>a{border:none;border-bottom:1px solid #00b8b9;background:transparent url(/msiren/image/common/tabDepth2_bg_on.gif) 0 100% repeat-x;color:#666;padding-left:1px}
@media screen and (max-width: 639px){
	.tabType2>ul>li>a{height:38px;line-height:36px}
	.tabType2>ul.row2>li>a{line-height:120%;padding:5px 0 0}
	.tabType2.depth2>ul>li{background-size:auto 13px !important}
	.tabType2.five>ul>li{font-size:95%}
	.tabType2.five>ul>li:nth-child(2)>a{height:38px;line-height:12px;padding-top:9px;font-size:80%}

}
.tabBox_01{padding:4% 5%; border-top:none !important; border:1px solid #004799}
.tabBox_01 .FormBox>ul>li{clear:both; margin:10px 0;}
.tabBox_01 .FormBox>ul>li>p>input.half{width:19% !important; border:1px solid #ddd; line-height:35px; height:38px; text-indent:5px; box-sizing:border-box}
.tabBox_01 .FormBox>ul>li>p>em{padding:0 1%}
.tabBox_01 .FormBox>ul>li>p>input[type=password]{width:50%; border:1px solid #ddd; line-height:35px; height:38px; text-indent:5px; box-sizing:border-box}
.tabBox_01 .FormBox>ul>li>p>input[type=text]{width:50%; border:1px solid #ddd; line-height:35px; height:38px; text-indent:5px; box-sizing:border-box}
.tabBox_01 .FormBox>ul>li>p>input[type=checkbox],.tabBox_01 .FormBox>ul>li>p>input[type=checkbox]:checked,.tabBox_01 .FormBox>ul>li>p>input[type=checkbox]:focus{outline: 0;	border:none; box-shadow: none; -webkit-appearance: none; background-color:transparent;}
.tabBox_01 .FormBox>ul>li>p>input[type=checkbox] { display:inline-table; width: 46px; height: 46px; background-repeat: no-repeat; background-position: center center; background-size: 40px auto; -webkit-appearance: none;}
.tabBox_01 .FormBox>ul>li>p>input[type=checkbox]:checked{background-image:url(http://m.siren24.com/msiren/image/common/icon_checkbox_on.png);}
.tabBox_01 .FormBox>ul>li>p>input[type=checkbox]:not(:checked) {background-image:url(http://m.siren24.com/msiren/image/common/icon_checkbox_off.png);
}.tabBox_01 .FormBox>ul>li>label{float:left;display:table-cell;width:22%;line-height:40px}
.tabBox_01 .FormBox>ul>li>p>select{border:1px solid #ddd; height:38px; width:19%}
.tabBox_01 .FormBox2{width:100%; height:100px; margin-top:10px}
.tabBox_01 .FormBox2>ul>li{clear:both; margin-bottom:10px;}
.tabBox_01 .FormBox2>ul>li:last-child{margin-bottom:0}
.tabBox_01 .FormBox2>ul>li>label{float:left; display:table-cell; width:22%; line-height:40px}
.tabBox_01 .FormBox2>p>input{border:1px solid #ddd; line-height:42px; height:35px; text-indent:5px; box-sizing:border-box}
.tabBox_01 .FormBox2>ul>li>p>input[type=password]{width:60%; border:1px solid #ddd; line-height:35px; height:38px; text-indent:5px; box-sizing:border-box}
.tabBox_01 .FormBox2>ul>li>p>input[type=text]{width:60%; border:1px solid #ddd; line-height:35px; height:38px; text-indent:5px; box-sizing:border-box}
.loginBtn{margin-top:20px; overflow:hidden; padding-bottom:10px;}
.loginBtn ul li{width:23%; float:left; border:1px solid #ddd; text-align:center; padding:5px 3%; border-radius:3px;margin-right:3%;}
.loginBtn ul li:last-child{margin-right:0 !important}
.loginBtn ul li:hover{border:1px solid #004799}
.new_loginWp{display:table;overflow:hidden;position:relative;width:100%;}
.new_loginWp>.clearBl{display:table;width:100%}
.new_loginWp p{line-height:0}
.new_loginWp a img{max-width:214px}
.new_loginWp .fleft{width:61%;box-sizing:border-box}
.new_loginWp .fleft input{height:50px;line-height:30px;width:99%;text-indent:13px;box-sizing:border-box}
.new_loginWp .fleft p.t20{margin-top:19px}
.new_loginWp .fright{width:35%;text-align:right;box-sizing:border-box}
.new_loginWp em{display:inline-block;color:#b7b7b7;margin:0 10px;vertical-align:top;margin-top:6px}
.btnBlue2{border:none;width:100%;height:auto;border-radius:10px;font:bold 28px/72px MalgunGothic, NanumGothic;text-align:center;background-color:#004799;color:#fff}
@media screen and (max-width: 639px){
	.btnBlue2{border-radius:5px;font:normal 14px/33px MalgunGothic, NanumGothic}
	.new_loginWp .fleft input{height:28px;text-indent:10px;line-height:15px}
	.new_loginWp .fleft p.t20{margin-top:7px}
	.tabBox_01 .FormBox>ul>li>p>input[type=checkbox] { display:inline-table; width: 25px; height: 25px; background-repeat: no-repeat; background-position: center center; background-size: 25px auto; -webkit-appearance: none;}

}


/*201706 autocar*/
.swiper-slide:nth-child(4) {height:328px}
@media screen and (max-width: 639px) {
	.swiper-slide:nth-child(4) {height:257px}
}
.financPlazaLi .thumbTxt.g0102_01 .thumb.autoCar {background:url(/msiren/image/contents/autoCar_detail.gif) no-repeat;overflow:hidden; background-size:90%; margin-top:20px; min-height:100px !important;}
.autoCar01 {margin-top:20px; display:block; overflow:hidden;}
.autoCar01 h2 {width:30%; float:left; height:120px; background:url(/msiren/image/contents/autoCar_icon01.gif) no-repeat #ecf6f8 50% 30%;	background-size:40%;}
.autoCar01 h2 span {position:relative; top:70%; left:30%;}
.autoCar02 {margin-top:20px; display:block;	overflow:hidden;}
.autoCar02 h2 {width:30%; float:left; height:120px;	background:url(/msiren/image/contents/autoCar_icon02.gif) no-repeat #ecf6f8 50% 30%;	background-size:40%;}
.autoCar02 h2 span {position:relative; top:70%;	left:30%;}
.autoCar03 {margin-top:20px; display:block;	overflow:hidden;}
.autoCar03 h2 {width:30%; float:left; height:120px; background:url(/msiren/image/contents/autoCar_icon03.gif) no-repeat #ecf6f8 50% 30%;	background-size:40%;}
.autoCar03 h2 span {position:relative; top:70%; left:30%;}
.txtBox01 {float:right;	width:70%; height:120px; box-sizing:border-box; padding:3%; border:1px solid #ddd; border-left:none !important;}
.QBox{padding-top:30px;}
.QBox table{width:100%; text-align:center; border-collapse:collapse; margin-top:10px; border:1px solid #eee;}
.QBox table th{background:#eee}
.QBox table td{border:1px solid #eee;}
.QBox h3{margin-bottom:10px; font-size:1.2em !important}
.QBox .mgl20{margin-left:20px}
.QBox .autoCar_graph{width:100%; display:block; overflow:hidden;border:1px solid #ddd; box-sizing:border-box; padding:20px; border-radius:5px;}
.QBox .autoCar_graph ul:first-child li{border-collapse:collapse; width:20%; height:18px; float:left; text-align:center;}
.QBox .autoCar_graph ul:first-child li:nth-child(1){background:#b8cdeb; color:#b8cdeb; border-radius:20px 0 0 20px}
.QBox .autoCar_graph ul:first-child li:nth-child(2){background:#95b2da; color:#95b2da}
.QBox .autoCar_graph ul:first-child li:nth-child(3){background:#5080b4; color:#5080b4}
.QBox .autoCar_graph ul:first-child li:nth-child(4){background:#29588f; color:#29588f}
.QBox .autoCar_graph ul:first-child li:nth-child(5){background:#01437f; color:#01437f; border-radius:0 20px 20px 0}
.QBox .autoCar_graph ul:first-child li.none{border:1px solid #ddd; border-left:none !important; background:none; box-sizing:border-box}
.QBox .autoCar_graph ul:first-child li span{padding-top:50px;}
.QBox .autoCar_graph ul:nth-child(2) li{width:20%; margin-top:5px; height:18px; float:left; text-align:center;}
.QBox .autoCar_graph p.autotit{clear:both;  padding-top:20px; border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:10px;}
table.autoBox{width:100%; text-align:center; border-collapse:collapse; margin-top:10px; border:1px solid #eee;}
table.autoBox th{background:#eee}
table.autoBox td{border:1px solid #eee;}
table.autoBox.bgtxt td:last-child{background:#ecf6f8}
.autoBox02 {display:block; border:1px solid #ddd; overflow:hidden; margin-top:30px;}
.autoBox02 h1{width:35%; border-right:1px solid #ddd; padding-right:1%; float:left; box-sizing:border-box}
.autoBox02 h1 img{width:100%}
.autoBox02 ul{float:right; width:60%; box-sizing:border-box}
.autoCar04 dl{margin-top:5px;}
.autoCar04 dl dt{margin-bottom:5px; font-weight:bold; color:#3586e3}
.autoCar04 dl dd{margin-bottom:10px;}
.autoCar05{margin-top:30px;}
.autoCar05 table{margin-top:5px;}
.autoCar05 table tr{border-bottom:1px solid #ddd; height:55px;}
.autoCar05 table tr:first-child td{border-top:2px solid #3586e3; }
.autoCar05 table tr:first-child td:nth-child(4),.autoCar05 table tr:first-child td:nth-child(5){border:none !important}
.autoCar05 table tr td{padding:20px 10px; border-bottom:1px solid #ddd; text-align:center;}
.autoCar05 table tr td:nth-child(2){color:#3586e3; font-weight:bold; margin-top:15px;}
.autoCar05 table tr td:nth-child(3){margin-top:8px;}
.autoCar05 table tr td:nth-child(4){padding:0 !important; padding-left:10px !important; border-bottom:0 !important;}
.autoCar05 table tr td:nth-child(5){text-align:left; border-bottom:0 !important;}
.auto_banner{background:url(/msiren/image/contents/banner_bg.gif) no-repeat; width:100%; }
.financPlazaLi ul.main>li:nth-child(2){background-image:url(/msiren/image/contents/plaza_bg_autoCar.gif)}
.financPlazaLi ul.main>li:nth-child(3){background:none;}
.financPlazaLi ul.main>li:nth-child(4){background-image:url(http://m.siren24.com/msiren/image/contents/plaza_bg_saving.gif)}
.financPlazaLi ul.main>li:nth-child(5){background-image:url(http://m.siren24.com/msiren/image/contents/plaza_bg_02.gif)}
.financPlazaLi ul.main>li:nth-child(6){background-image:url(http://m.siren24.com/msiren/image/contents/plaza_bg_03.gif)}


/*210601_sns*/
.loginBtn_sns{margin-top:20px; overflow:hidden; padding-bottom:10px;}
.loginBtn_sns ul li{width:49%; float:left; text-align:center;}
.loginBtn_sns ul li:first-child{margin-right:2% !important}
.loginBtn_sns img{width: 100%;}

.conn_sns{
	padding: 15px 15px 25px 15px;
	background-color: #ffffff;
	border: 1px solid #d1d1d1;
}
.conn_sns img{
	width: 100%;
	margin-top: 10px;
}
.mgb15{
	margin-bottom: 15px;
}
.pdl15{
	padding-left: 15px;
}
.fl_r{
	float: right;
}


/* reset */
button {
	padding: 0;
	background: none;
	border: 0;
	cursor: pointer;
}
/* ¹öÆ° ¿µ¿ª */
.btnBox {
	text-align: center;
}
.popOpenBtnCmmn {
	width: 24px;
	height: 20px;
	color: #666;
	font-size: 12px;
	opacity: 0.7;
	transition: all 0.3s;
	text-decoration: underline;
}
.popOpenBtnCmmn:hover {
	opacity: 1;
}
/* Æ˾÷ ¿µ¿ª */
.popCmmn {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.popBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
}
.popInnerBox {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	position: absolute;
	top: 35%;
	left: 13.5%;
	width: 75%;
	height: 35%;
	text-align: center;
	background: #fff;
}
.popHead {
	padding: 15px;
	background: #3386e2;
	color: #fff;
	font-size: 18px;
}
.popBody {
	padding: 10px;
	box-sizing: border-box;
	font-size: 14px;
	overflow: auto;
}
.popCloseBtnCmmn {
	width: 30%;
	margin: 15px;
	padding: 7px;
	font-size: 16px;
	background: #3386e2;
	color: #fff;
	transition: all 0.3s;
}
/*Åä±Û¹öÆ°*/
.toggleWrapper{
	position: relative;
	overflow: hidden;
}
.toggleWrapper input{
	position: absolute;
	left: -99em;
}
.toggle{
	cursor: pointer;
	display: inline-block;
	position: relative;
	width: 90px;
	height: 40px;
	background: #848484;
	border-radius: 5px;
	-webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.toggle:before, .toggle:after{
	position: absolute;
	line-height: 40px;
	font-size: 14px;
	z-index: 2;
	-webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.toggle:before{
	content: "¿¬µ¿";
	left: 13px;
	color: #848484;
}
.toggle:after{
	content: "ÇØÁ¦";
	right: 12px;
	color: #848484;
}
.toggle__handler{
	display: inline-block;
	position: relative;
	z-index: 1;
	background: #fff;
	width: 45px;
	height: 34px;
	border-radius: 3px;
	top: 3px;
	left: 3px;
	-webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-webkit-transform: translateX(0px);
	transform: translateX(39px);
}
input:checked + .toggle{
	background: #3386e2;
}
input:checked + .toggle:before{
	color: #3386e2;
}
input:checked + .toggle:after{
	color: #3386e2;
}
input:checked + .toggle .toggle__handler{
	width: 45px;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	border-color: #fff;
}

/*210622_toggl_switcher*/
.ui-switcher {
	background-color: #848484;
	display: inline-block;
	height: 40px;
	width: 90px;
	border-radius: 6px;
	box-sizing: border-box;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	transition: border-color 0.25s;
	margin: -2px 4px 0 0;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.ui-switcher:before {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	line-height: 1;
	display: inline-block;
	position: absolute;
	top: 12px;
	height: 12px;
	width: 40px;
	text-align: center;
}
.ui-switcher[aria-checked=false]:before {
	content: 'ÇØÁ¦';
	right: 7px;
}
.ui-switcher[aria-checked=true]:before {
	content: '¿¬µ¿';
	left: 7px;
}
.ui-switcher[aria-checked=true] {
	background-color: #3386e2;
}
.ui-switcher:after {
	background-color: #ffffff;
	content: '\0020';
	display: inline-block;
	position: absolute;
	top: 3px;
	height: 34px;
	width: 34px;
	border-radius: 10%;
	transition: left 0.25s;
}
.ui-switcher[aria-checked=false]:after {
	left: 3px;
}
.ui-switcher[aria-checked=true]:after {
	left: 53px;
}
.address_line{
	border-top: 1px solid #7d7d7d; padding-top: 21px;
}



/* ¼­ºñ½º¼Ò°³ ¸®´º¾ó--------------------------- */
/* Á¾Çսſë°ü¸® ¸ÞÀÎ */
.bannerContainer {
	padding-top: 15px;
	background-color: #FFFFFF;
}
.bannerWrap {
	display: flex;
	justify-content: center;
}
.bannerBox {
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: flex;
	justify-content: space-between;
	background-color: rgb(251,251,251);
	border-radius: 24px;
	height: 150px;
	width: 73%;
	align-items: center;
	margin-bottom: 15px;
	padding-left: 8%;
	padding-right: 8%;
}
.premiumBoxWrap {
	display: flex;
	justify-content: center;
	width: 100%;
}
.premiumBox {
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: flex;
	justify-content: space-between;
	width: 88%;
	margin-bottom: 15px;
}
.premiumBox button {
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: flex;
	justify-content: space-around;
	width: 100%;
	border: none;
}
.premiumBox .left {
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 80%;
	height: 215px;
	border: 2px solid #F0F0F0;
	border-style: solid;
	border-radius: 60px 24px 24px 24px;
	padding-left: 7%;
	padding-right: 7%;
}
.premiumBox .right {
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 80%;
	height: 215px;
	border: 2px solid #F0F0F0;
	border-style: solid;
	border-radius: 24px 24px 60px 24px;
	padding-left: 7%;
	padding-right: 7%;
}

.prePlus {
	align-items: center;
}
.iconWrap {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 0.3rem;
}
.plusIcon {
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: flex;
	justify-content: center;
	position: absolute;
	padding-bottom: 2px;
	z-index: 1000;
	width: 1.3em;
	height: 1.2em;
	background-color: #ACACAC;
	font-size: 1.5rem;
	font-weight: 900;
	color: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
}
.one {
	display: flex;
	justify-content: center;
	align-items: start;
	padding-top: 52px;
	padding-bottom: 25px;
	height: 45px;
	margin-left: 5px;
}
.one div:nth-child(2) {
	margin-left: 7px;
}
.one img {
	width: 8px;
	height: 14px;
}
.two {
	width: 40px;
	height: 40px;
}
.plusIcon {
	display: flex;
	align-items: center;
}
.bannerTitlePre {
	color: #4F4F4F;
	font-size: 1rem;
	font-weight: bolder;
	text-align: center;
}
.top1 {
	margin-top: 30px;
}
.bottom1 {
	margin-bottom: 30px;
}

.bannerBoxImgWrap {
	display: flex;
	align-items: center;
}

.bannerBoxImgWrap div:first-child {
	padding-right: 10px;
}



.bannerTitle {
	color: #4F4F4F;
	font-size: 1.2rem;
	font-weight: bolder;
	white-space: normal;
}

.bannerTxt {
	font-size: 0.85rem;
	color: #666666;
	padding-top: 4px;
	padding-right: 5px;
	white-space: normal;
}

/* Á¾ÇÕÀûÀÎ ½Å¿ë°ü¸® */
.totalContainer {
	background-color: #FFFFFF;
	width: 100%;
	height: auto;
	padding-bottom: 20px;
}
.mainSection {
	display: flex;
	position: relative;
	height: 180px;
	background-color: #EFFEF9;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}
.mainSection.colorVer2 {
	background-color: #EAFAFF;
}
.mainSection.colorVer3 {
	background-color: #F5F7FF;
}
.mainSection img {
	width: 45px;
	height: 45px;
	padding-top: 45px;
}

.imgColorVer1 {
	display: none;
}



.mainImg {
	padding-right: 9%;
}

.totalTxtWrap {
	padding-right: 5%;
	width: 70%;
}

.totalTitle {
	font-size: 1.55rem;
	letter-spacing: -2px;
	font-weight: bolder;
	padding-bottom: 15px;
	padding-left: 9%;
}

.totalTxt {
	width: 85%;
	font-size: 0.9rem;
	letter-spacing: -0.5px;
	color: #4F4F4F;
	padding-left: 9%;
	white-space: normal;
}

.subBannerWrap {
	display: flex;
	justify-content: left;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 7%;
	padding-right: 5%;
}

.subBannerImg {
	width: 60px;
}

.subBannerTxtWrap {
	width: 75%;
	white-space: normal;
	padding-left: 20px;
}

.subInfoTitleWrap {
	padding-top: 30px;
	display: flex;
	justify-content: left;
	padding-left: 7%;
}

.sublineWrap {
	width: 91%;
}

.infoSection {
	background-color: #FFFFFF;
}

.line {
	display: block;
	height: 0.8px;
	background-color: #C0C9CF;
	width: 100%;
	margin: 5px 0 5px 0;
}

.infoSection.last {
	padding-bottom: 7%;
}

.subInfoTitle {
	color: #3D94F4;
	font-weight: bolder;
	font-size: 1.2rem;
	letter-spacing: -1px;
	width: 100%;
	padding-bottom: 6px;
}

.subBannerTitle {
	color: #4F4F4F;
	font-weight: bolder;
	font-size: 1rem;
}

.subBannerTxt {
	color: #666666;
	font-size: 0.85rem;
	padding-top: 5px;
}

.subBannerImg2 {
	width: 17px;
}

.subBannerWrap2 {
	display: flex;
	justify-content: left;
	padding-top: 10px;
	padding-bottom: 8px;
	padding-left: 7%;
	padding-right: 5%;
}

.subBannerTxtWrap2 {
	padding-left: 8px;
	width: 90%;
	white-space: normal;
}

.subBannerTxt2 {
	color: #666666;
	font-size: 0.85rem;
}

.subBannerTxt2 li {
	list-style-type:disc;
	color: #666666;
	font-size: 0.85rem;
	margin-left: 18px;
}

.subBannerTxt3 {
	color: #666666;
	font-size: 0.88rem;
	font-weight: bolder;
	padding-bottom: 5px;
}

.subTableWrap {
	display: flex;
	justify-content: center;
	background-color: #FFFFFF;
}

.subTable {
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: relative;
	background-color: rgb(251,251,251);
	margin-left: 7%;
	margin-right: 7%;
	width: 100%;
	border-radius: 24px;
	border-collapse: separate;
	margin-top: 10px;
	padding: 18px 22px 15px 22px;
	white-space: normal;
}

.subTable thead td{
	border-bottom: #C0C9CF solid 2px;
	font-size: 0.85rem;
	font-weight: bolder;
	padding-bottom: 10px;
}

.subTable thead td:first-child {
	padding-left: 8%;
	width: 25%;
}

.subTable thead td:last-child {
	padding-left: 32%;
	width: 60%;
}

.subTable tbody td{
	align-content: center;
	border-top: #C0C9CF solid 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 6%;
}

.subTable tbody td:first-child {
	color: #666666;
	font-weight: bold;
	font-size: 0.8rem;
}

.subTable tbody td:last-child {
	color: #777777;
	font-size: 0.8rem;
	padding-right: 15px;
}

.clauseWrap {
	padding: 0px 30px 0px 30px;
	width: 86%;
}

.clauseWrap ul li {
	white-space: normal;
	padding: 5px 10px 10px 10px;
	font-size: 0.7rem;
	line-height: 17px;
}

.clauseWrap hr {
	border: 0;
	width: 100%;
	height: 2px;
	background: #C0C9CF;
	box-align:left;
}



#clauseId h2 {
	font-size: 0.75rem;
	font-weight: bolder;
	color: #282C2F;
	padding-left: 30px;
}

#clauseId li {
	padding-bottom: 20px;
}

#popupWrap#clause {
	background-color: #FFFFFF;
}

#clauseContainer {
	padding-top: 15px;
	padding-bottom: 15px;
}

#clauseContainer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 15px;

}

#clauseContainer h2 {
	font-size: 1.1rem !important;
	font-weight: bolder;
	color: #4F4F4F;
	padding-left: 30px;
}

.modalType.clause {
	background-color: #FFFFFF;
}

/* 20250121 »ç¸í °ø¸ð Æ˾÷â */
@media (min-width: 380px){
	#event250121 {
		z-index: 99999;
		position: absolute;
		margin-top: 50%;
		margin-left: 1%;
		justify-items: center;
	}
}

@media (min-width: 429px){
	#event250121 {
		z-index: 99999;
		position: absolute;
		margin-top: 50%;
		margin-left: 6%;
		justify-items: center;
	}
}