@charset "euc-kr";

#wrap{position:relative;width:100%}
.widthCC {width: 83%; margin:0 auto; text-align:center}


.counsel_tab ul {display:table;width:83%; margin:0 auto;margin-bottom: 14px;}
.counsel_tab ul li {display:table-cell;text-align:center;letter-spacing:-1px;position:relative;width:33%;font-size:16px}
.counsel_tab ul li:first-child{}fbtn101
.counsel_tab ul li a {color:#dd6b89;display:block; padding:15px 0;border-radius:6px; background:#fff; border:1px solid #f493ad; margin:0 1px;letter-spacing:-0.1em}
.counsel_tab ul li.over span {position:absolute;bottom:-4px;margin-left:-0.5714rem}
.counsel_tab ul li.over img {width:60%}
.counsel_tab ul li.over a {border-bottom:none; color: #fff; background:#f493ad}


.ccTip {}
.ccTip:after {content:""; clear:both; display:block;}
.ccTip dt,.ccTip dd {display:block;float:left; text-align:left;}
.ccTip dt {width:55px; height: 55px; text-indent:-9999px; background:url(/img/smart/151217_cancer03.jpg) no-repeat; background-size: 44px 56px}
.ccTip dd {font-size:12px; padding-top:20px; letter-spacing:-0.08em;line-height:120%}


/* Á¤±âÁ¾½Åº¸Çè */

.dvline { height:8px;border:none;background:url(/img/smart/term_bg1.png) repeat-x;background-size:auto 100%;margin:15px 0}

.term {font-size:16px}
.term .mTit {padding:26px 0; text-align:center}
.term .mTit img {width: 70%; max-width:380px}

.alarge {font-size:26px; font-weight:bold;line-height:110%; padding-bottom:10px}
.asmall {line-height:120%}
.fontTip {font-size:12px}

.term .area01,.term .area02,.term .area03{padding: 40px 0 25px 0;color: #fff;letter-spacing:-0.08em}
.term .area01 {background-color:#1dcffd}
.term .area01 span,.term .area02 span,.term .area03 span,.term .area04 span {display:block}
.term .area01 .asmall { letter-spacing:-0.1em;padding-bottom:10px}
.term .area01 .asmall strong {color:#fbfe0d; text-decoration:underline}
.term .area01 .aimg {padding:0 0 15px 0}


.term .area02 {background-color:#5f5959}
.term .area02 .alarge {margin-top:4px}
.term .area02 .alarge strong{color:#fd4586; text-decoration:underline; letter-spacing:-0.1em;}

.term .area03 .alarge {color:#000}
.term .area03 .asmall {color:#7c7c7c}

.term .area04 {padding:0;letter-spacing:-0.08em}
.term .area04 .widthCC {border:1px solid #dcdcdc; padding:18px 0px}
.term .area04 img {width:78%; max-width:270px;margin:20px 0 0 0}


.term .compare {padding:25px 0;margin-top:10px}
.term .compare dt {height:180px; text-indent:-9999px; margin-bottom:20px}
.term .compare.insu01 dt {background: url(/img/smart/term_img02.png) no-repeat center top;background-size:auto 100%}
.term .compare ul{width:88%;margin:0 auto}
.term .compare ul{width:88%;margin:0 auto}
.term .compare ul li{text-align:left; border-top:1px dashed #ededed;padding:7px 0 7px 14px;line-height:120%; list-style:none}
.term .compare.insu01 {background-color:#fff; color:#222;-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);box-shadow: 5px 5px 3px 0 rgba(0, 0, 0, 0.2)}
.term .compare.insu01 li {background:url(/img/smart/term_dot1.png) no-repeat left 12px; background-size:auto 8px}
.term .compare.insu01 li strong{color:#01cbff; text-decoration:underline}

.term .compare.insu02 {background-color:#5f5959; color:#fff;-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);box-shadow: 5px 5px 3px 0 rgba(0, 0, 0, 0.2);border:1px solid #fdfdc0}
.term .compare.insu02 dt {background: url(/img/smart/term_img03.png) no-repeat center top;background-size:auto 100%}
.term .compare.insu02 li {background:url(/img/smart/term_dot2.png) no-repeat left 12px; background-size:auto 8px; border-color:#817d7d}
.term .compare.insu02 li strong{color:#feff00; text-decoration:underline}

.term .counsel_tab ul li {width:50%;font-size:20px}
.term .counsel_tab ul li a {color:#10d3ff; border-color:#10d3ff; margin:0 1px}
.term .counsel_tab ul li.over img {width:60%;background:#10d3ff}
.term .counsel_tab ul li.over a {color: #fff; font-weight:bold; background:#10d3ff}


/* ´ç¿ùÃßõº¸Çè */

.issue12 a {display:block}
.issue12 img {width:100%; max-width:640px}

#issue2016 {background: #f2f2f2; font-size:18px;padding-bottom:30px}
#issue2016 .ititle, #issue2016 .recomm {width:93%;margin:0 auto;}
#issue2016 .ititle {text-align:center;padding:10px 0 0 0}
/*#issue2016 .ititle {text-align:center; background:url(/img/smart/issue_bg1.jpg) center 15px no-repeat; background-size:auto 15px;-webkit-background-size:auto 50px; padding: 75px 0 15px 0}*/
#issue2016 .ititle p {color:#f7502a;font-weight:bold;letter-spacing:-0.08em;text-decoration: underline;}
#issue2016 .ititle img {margin:10px 0; max-height:110px}/*max-height:50px*/

#issue2016 .recomm {background-color:#413e5f;border-radius:4px;margin-bottom:15px;padding-bottom:1.8%}
#issue2016 .recomm.diff {background-color:#91a1be}
#issue2016 .recomm dt {position:relative;text-align:center}
#issue2016 .recomm dt img {max-height:150px}
#issue2016 .recomm dt mark {position:absolute;top:0;left:0;background-color: #ff0d0d;color:#fff;font-size:14px;line-height:120%;padding:6px 10px;letter-spacing:-1px;}
#issue2016 .recomm dt mark.ann{background-color:#0ad5fa}
#issue2016 .recomm dd {border-radius:2px;background:#fff;width:96%;margin:0 auto}
#issue2016 .recomm dd span{ display: table-cell; vertical-align:middle; padding: 10px 0}
#issue2016 .recomm dd .reL{width:25px;font-size:10px; color:#fff;text-align:center; background:#fcaf17}
#issue2016 .recomm dd .reC{width:60px; text-align:center}
#issue2016 .recomm dd .reR{font-weight:bold;letter-spacing:-0.08em}
#issue2016 .recomm dd img {width:70%}









/* À¯º´ÀÚº¸Çè */
.invalid input {font-size:16px;font-family:"¸¼Àº °íµñ","µ¸¿ò";letter-spacing:-1px; padding-left:0; height:35px;line-height:38px; border: none}
.u_vc {position: absolute; z-index: -1; font-size: 1px; line-height: 1px; color: transparent;}
.termw {width:5px}
.irum_text {width: 90%;}
.phoneW {150px}

.invalid {font-family:"¸¼Àº °íµñ","µ¸¿ò"}
.cenDiv {text-align:center}
.cenDiv.dep1 { background:#fff}
.cenDiv.dep2 { background:#feeed8}
.cenDiv.dep3 { background:#fff; border:10px solid #ff8278}
.cenDiv.dep4 { background:#fcb6cf url(/img/theme/invalid/dep4_bg.jpg) center 0 no-repeat}
.cenDiv.dep5 { background:#ff8278; border:10px solid #ff8278; padding-bottom:20px}

.cenDiv.dep5 .counsel {width:86%;}
.peopleList .cName img {width:86%}
.peopleList li {border-top:1px solid #000; padding-top:15px}
.peopleList li:first-child {border:none; padding-top:0}

.invalid .counsel {position:relative;background:#dedede;color:#333; padding: 30px 7%}
.counsel .row {display:table; width:100%; margin:0 auto 8px;}
.counsel .row .cell { display: table-cell; vertical-align:top}
.counsel .row .cell .inner {position:relative; display:block; background:#fff; text-align:left; height:38px;  padding:0 10px}
.counsel .row .cell.birth input {width:100%}
.counsel .row .cell.sex2 { width:85px;}
.cenDiv.dep5 .counsel .row .cell.sex2 {width:85px;}
.counsel .row .cell.phoneW select {width:100%; font-size:16px}
.counsel .row .cell.phoneW {width:30% !important;}
.counsel .row .cell.phoneE {width:33% !important;}
.counsel .row .cell.phoneE input {width:100%;}
.counsel .row .cell.phoneF {width:47% !important;}
.counsel .row .cell.phoneF input {width:100%;}
.counsel .row .cell.phoneG {width:8% !important;}
.counsel .row .cell.phoneP {width:78% !important;}
.counsel .row .cell.phoneP input {width:100%;}
.counsel .row .ptxt {display:block; vertical-align:top; text-align:left; font-size:12px; letter-spacing:-1px; color:666; padding:5px 0 2px 0}
.counsel .row.iName cell {width: 100px}
/* 2017. 11. ÀÎÁõÃß°¡ */
.counsel .row .cell button { width:60px; float:right; height:38px; border:none; background:#777777; color:#fff; font-size:11px; letter-spacing:-1px;}
/* //2017. 11. ÀÎÁõÃß°¡ */

.disease {position:relative; margin:20px 0}
.disease:after { content:""; clear:both; display:block}
.disease li {position:relative; border:none; padding:0; float:left; width:33%;text-align:left; margin-bottom:8px}
.disease li input {height:12px; margin-right:5px;}
.disease li.etc { width:100%}
.disease li.etc .write_Name {display:block; width:100%; height:26px; }
.disease li.etc input.etcInput { background:#dedede; height:26px; width:100%; border-bottom:1px solid black; padding:0 ; margin:0; font-size:14px; line-height:30px}



.invalid .counsel label[id="chekLabel"] {font-size:1.071rem}
.invalid .counsel .agree_area {position:relative; background:#dedede; border:none; text-align:left; padding:0; margin:0;}
.invalid .counsel .agree_area input[type='checkbox'] {padding:0}
.invalid .counsel .btnW {margin:0 auto; width:100%;margin-top: 20px;}
.invalid .counsel .btn_ok {display:block; cursor: pointer; background: #fff; border: 5px solid #000; padding: 8px 0;}
.invalid .counsel .btn_ok img { height: 26px}
.bClose {position:relative; margin-top:-30px; #margin-top:-40px; text-align:center}
.bClose .btn_close {display: inline-block; width:80px; margin-top: 10px}


/* ¼ºº° ¶óµð¿À¹öÆ° */
.invalid .radio_btn {display:inline-block; position:relative; z-index:10;width:40px;height:38px;vertical-align:top}
.invalid .radio_btn input {position:absolute;top:0;left:1px;z-index:9;width:40px!important;height:38px!important}
.invalid .radio_btn label {display:block;position:absolute;top:0;left:0;z-index:10;width:100%;height:38px;line-height:38px;background:#fff;text-align:center;color:#999;}
.invalid .radio_btn input:checked + label {z-index:100;color:#fff;background-color:#27bde3;width:100%;height:38px}
.invalid .female input:checked + label {background-color:#ff8278}

select { 
    color: #999;
    background: #fff url(/join_site/heungkuk/img/select_arrow.png) no-repeat right;
    background-size: contain;
	border:none;
    height: 38px;
    /*line-height: 38px;*/
	outline-style: none!important;
    outline-width: medium!important;
    -webkit-appearance: none!important;
    font-family: inherit;
	box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
	letter-spacing:-1px;
	padding-left:2%;
	margin:0;
}

/* º¸ÇèÁõ±ÇºÐ¼® */
#assureWrap {font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,'³ª´® °íµñ','Malgun Gothic','¸¼Àº °íµñ',sans-serif-Light;letter-spacing:-1px}
#assureWrap .assureTopbg {background:url(/img/smart/remodel_insert_01.jpg) top no-repeat;padding:15% 0 13%}
#assureWrap .assureHgroup h1 {font-size:3.125em;color:#fff;text-align:center;letter-spacing:-3px;font-weight:normal}
#assureWrap .assureHgroup h1 strong {color:#00f0e9}
#assureWrap .assureHgroup p {color:#fff;text-align:center;padding-top:6%;font-size:1.063em}
#assureWrap .assureTopbg .assureList {display:table;margin:4% 0 2%}
#assureWrap .assureTopbg .assureList li {display:table-cell;width:23%;color:#ddd;font-size:0.875em;text-align:center;padding:20% 1% 0;height:42px;line-height:1.2}
#assureWrap .assureTopbg .assureList li:nth-child(1) {background:url(/img/smart/ico_remodel_insert01.png) no-repeat center top;background-size:75%}
#assureWrap .assureTopbg .assureList li:nth-child(2) {background:url(/img/smart/ico_remodel_insert02.png) no-repeat center top;background-size:75%}
#assureWrap .assureTopbg .assureList li:nth-child(3) {background:url(/img/smart/ico_remodel_insert03.png) no-repeat center top;background-size:75%}
#assureWrap .assureTopbg .assureList li:nth-child(4) {background:url(/img/smart/ico_remodel_insert04.png) no-repeat center top;background-size:75%}
#assureWrap .assureCounsel {padding:2% 7% 0}
#assureWrap .assureCounsel input,
#assureWrap .assureCounsel select {background-color:#fff;border:1px solid #fff;border-radius:0;outline-color:-moz-use-text-color!important;outline-style:none!important;outline-width:medium!important;-webkit-appearance:none!important;-moz-appearance:none!important/*±â±âº°½ºÅ¸Àϸ®¼Â*/;font-size:1em}
#assureWrap .assureCounsel select {width:25%;padding:0 4%;line-height:42px; height:42px}
#assureWrap .assureCounsel input {height:40px;line-height:40px;padding:0 4%}
#assureWrap .assureCounsel input[type='text'] {width:90%}
#assureWrap .assureCounsel input[name='birth'] {width:47%} 
#assureWrap .assureCounsel input[type='tel'] {/*width:23%*/ width:38%}
#assureWrap .assureCounsel input[type='email'] {width:27%} 
#assureWrap .assureCounsel input[type='email'] + select {width:19%;text-indent:-10000px}
#assureWrap .assureCounsel input[type='checkbox'] {width:18px;height:18px} 
#assureWrap .assureCounsel .telbtn button {width:70px; float:right; height:42px; border:none; background:#d4d4d4; color:#333; font-size:11px; letter-spacing:-1px;}
#assureWrap .assureCounsel .telbtn01 button {width:70px; float:right; height:42px; border:none; background:#d4d4d4; color:#333; font-size:11px; letter-spacing:-1px;}
#assureWrap .assureCounsel .ptxt {display:block; vertical-align:top; text-align:left; font-size:12px; line-height:16px; letter-spacing:-1px; color:fff!important; padding:9px 0 8px 0; background-color:transparent; border:none;}
#assureWrap .assureCounsel ul li {background-color:#fff;line-height:1.2!important;margin:1% 0; text-align:left}
#assureWrap .assureCounsel ul li.etcli{padding:3px 0px; background: none; color:#fff}
#assureWrap .assureCounsel .agree_area + a {border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;color:#fff;background-color:#c31f4d;font-size:1.375em;width:94%;text-align:center;display:block;padding:5% 3%;margin-top:3%}
#assureWrap .assureCounsel .agree_area input[type='checkbox'] {padding:0}

#assureWrap input[type='radio'] {background:#fff;border:1px solid #b8b8b8;height:14px;width:14px;vertical-align:middle;-webkit-border-radius:8px;border-radius:8px;margin-right:2%;padding:0}
#assureWrap input[type='radio']:checked {background:#fff;border:1px solid #50d2c2;padding:0}
#assureWrap input[type='radio']:checked:after {content:"";display:block;background:#50d2c2;position:relative;-webkit-border-radius:8px;border-radius:8px;width:14px;height:14px;margin-top:-1px;padding:0}

#assureWrap .radio_btn {padding:0 2%}
#assureWrap .assureExplain {padding:10% 0;background-color:#4c5264;text-align:center}
#assureWrap .assureTitle {color:#fff}
#assureWrap .assureTitle h2,
#assureWrap .assureTerm h2,
#assureWrap .assureCounsel.ver2 h2 {font-size:1.875em;letter-spacing:-2px;font-weight:normal}
#assureWrap .assureTitle p,
#assureWrap .assureTerm p {padding-top:3%;font-size:1.125em;color:#d1d3d7;margin-bottom:5%}
#assureWrap .assureTitle p em {color:#1dadad}
#assureWrap .assureExplain .assureList ul {position:relative;*zoom:1}
#assureWrap .assureExplain .assureList ul:after {content:"";clear:both;height:0;line-height:0;display:block;visibility:hidden}
#assureWrap .assureExplain .assureList ul li {width:25.3%;text-align:left;padding:7% 4% 30%;font-size:0.875em;float:left;height:130px}
#assureWrap .assureExplain .assureList ul li:nth-child(1) {background:#0c5bb9 url(/img/smart/remodel_insert_02.jpg) no-repeat bottom;background-size:200px;color:#d5e8ff}
#assureWrap .assureExplain .assureList ul li:nth-child(2) {background:url(/img/smart/remodel_insert_03.jpg) no-repeat -65px 0;background-size:300px;color:#a5acaf;margin-top:6%}
#assureWrap .assureExplain .assureList ul li:nth-child(3) {background:#b5214b url(/img/smart/remodel_insert_04.jpg) no-repeat -52px 100%;background-size:152px;color:#f5b4c6;left:66.6%}
#assureWrap .assureExplain .assureList ul li strong {display:block;padding-bottom:2%;color:#fff;font-size:1.125em}

#assureWrap .assureList a {border:2px solid #11c4bf;padding:5% 3%;text-align:center;display:block;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;color:#fff;font-size:1.125em;width:74%;text-align:center;margin:5% auto}
#assureWrap .assureList a img {width:100%;max-width:10px;vertical-align:middle;margin-left:2%}
#assureWrap .sample_box {background:url(/img/smart/remodel_insert_06.jpg) no-repeat right top;background-size:102px;padding-top:9%}
#assureWrap .sample_box img {width:90%;margin:0 auto}
#assureWrap .assureTerm {padding:10%;text-align:center;background-color:#50d2c2}
#assureWrap .assureTerm h2 {font-size:1.5em;text-decoration:underline}
#assureWrap .assureTerm p {color:#102a27;margin-bottom:2%;font-size:1.063em}
#assureWrap .assureTerm img {margin-top:7%}
#assureWrap .assureCounsel.ver2 { background-color:#b03155;padding:10% 7%}
#assureWrap .assureCounsel.ver2 h2 {text-align:center;color:#fff; margin-bottom:10%}
#assureWrap .assureCounsel.ver2 .agree_area + a { background-color:#1d2846}

#assureWrap .assureCounsel.ver3 { background-color:#2c3f6f; padding:10% 7%}
#assureWrap .assureCounsel.ver3 .agree_area + a { background-color:#ea5224}

#assureWrap .agree_area {background-color:transparent;border:none;color:#fff;display:block;padding:2%; margin:1% 0;letter-spacing:-1px; font-size:13px; text-align:left}
#assureWrap .agree_area input[type='checkbox']{border:1px solid #c1c3c3;height:18px!important;width:18px;vertical-align:middle;-webkit-border-radius:20px;border-radius:20px;background:#fff url(/join_site/heungkuk/img/check_default.png) no-repeat;background-size:60%;background-position:40%}
#assureWrap .agree_area input[type='checkbox']:checked {background:#fff url(/join_site/heungkuk/img/check_over.png) no-repeat;background-size:70%;background-position:40% 49.5%;border:1px solid #000;}
#assureWrap .agree_area input[type='checkbox']:checked:after {content:"";display:block;background:#fff url(/join_site/heungkuk/img/check_over.png) no-repeat;background-size:60%;background-position:40%;position:relative;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px}

#assureWrap .agree_area .agree_view {color:#fff;font-size:12px;padding:0 1%;margin-left:3.5%;padding-bottom:1%}
#assureWrap .agree_area .agree_view img{max-width:7px; padding-left:3px}
#assureWrap .assureCounsel .agree_area input[type='checkbox'] {border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px}

@media all and (max-width:768px) and (orientation:landscape) {
#assureWrap .assureHgroup h1 {font-size:4.063em}
#assureWrap .assureHgroup p {font-size:1.375em;line-height:1.2}
#assureWrap .assureTopbg .assureList li {font-size:1.125em}
#assureWrap .assureTitle h2,
#assureWrap .assureTerm h2 {font-size:2.188em}
#assureWrap .assureTitle p,
#assureWrap .assureTerm p {font-size:1.25em}
#assureWrap .assureTerm p {line-height:1.3}
#assureWrap .assureExplain .assureList ul li strong {font-weight:normal;line-height:1.2}
#assureWrap .assureExplain .assureList ul li {font-size:1em}
#assureWrap .assureList a {font-size:1.125em}
#assureWrap .assureCounsel.ver2 h2 {font-size:2.3em}
#assureWrap .assureExplain .assureList ul li:nth-child(1) {background-size:400px}
#assureWrap .assureExplain .assureList ul li:nth-child(2) {background-size:500px}
#assureWrap .assureExplain .assureList ul li:nth-child(3) {background-size:250px}
#assureWrap .assureExplain .assureList ul li strong {font-size:1.25em}
}


/* 20161212_12¿ùÀ̽´ Tab Guide  */
.subNaviWrap02 { clear: both; width:95%; height: 100%; padding:20px 0px 22px 0px; margin:0;}
.subNaviWrap02 table { table-layout: fixed; width: 100%; }
.subNaviWrap02 table tr td { position: relative; overflow: hidden; cursor: pointer; line-height:15px; padding:12px 0px; vertical-align: middle; border: 1px solid #cecece; text-align: center; font-size:15px; color:#000; background:#f7f7f7;}
.subNaviWrap02 table tr td a { display: block; background: transparent; }
.subNaviWrap02 table tr td.on { background: #fff; border: 3px solid #8d99fd; font-weight:600; color:#fff; }

.subNaviWrap02 table tr td input[type='checkbox']{border:1px solid #c1c3c3;height:20px;width:20px;vertical-align:middle;-webkit-border-radius:20px;border-radius:20px;background:#fff url(/join_site/heungkuk/img/check_default.png) no-repeat;background-size:60%;background-position:40%}
.subNaviWrap02 table tr td a input[type='checkbox']:checked {background:#fff url(/join_site/heungkuk/img/check_over.png) no-repeat;background-size:60%;background-position:40%;border:1px solid #666}
.subNaviWrap02 table tr td input[type='checkbox']:checked:after {content:"";display:block;background:#fff url(/join_site/heungkuk/img/check_over.png) no-repeat;background-size:60%;background-position:40%;position:relative;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px}


/* 20161212_12¿ùÀ̽´ sub TabTab Guide */
.tabTy1 { width:100%; margin-bottom:12px; border-bottom:3px solid #8995f5; }
.tabTy1 ul { position:relative; display:table; width:100%; }
.tabTy1 li { display:table-cell; cursor: pointer; height:40px; background:#f7f7f7; border-left:1px solid #cecece; border-top:1px solid #cecece; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:14px; line-height:100%; font-weight:normal; color:#666; text-align:center; vertical-align:middle; }
.tabTy1 li:first-child, .tabTy1 li.active + li { border-left:0; }
.tabTy1 li > a { display:block; padding:5px 8px 4px; }
.tabTy1 li.active { position:relative; background:#fff; border:3px solid #8995f5; border-bottom:0; font-weight:bold; color:#3660ac; }
.tabTy1 li.active:after { content:''; position:absolute; left:0; bottom:-3px; width:100%; height:4px; background:#fff; }
.tabTy1.fixed li { width:1%; }
.tabTy1.fixed li > a { padding-left:0; padding-right:0; }
.stockInfoBox + .tabTy1 { margin-top:-1px; }
.tbTy1 + .tabTy1, .tbTy3 + .tabTy1 { margin-top:12px; }
@media screen and (max-width: 359px){
.tabTy1 li.sizeTy2 > a { font-size:13px; }
}

.paging01 {text-align:center; padding:1% 0 2% 0}
.paging01 li {display:inline}
.paging01 a {display:inline-block;text-indent:-10000px;border:2px solid #e0e0e0;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;width:0.9286rem;height:0.9286rem;position:relative}
.paging01 .over a {border:2px solid #c2c2c2;background-color:#c2c2c2}
/*.paging .over a:after */


.btnAll01 { display: block; cursor: pointer; vertical-align: top; text-align: center;}
.btnAll01.outR01 {background: #4251ce; color: #fff; margin: 10px auto 10px; letter-spacing: -0.08em; font-weight: bold;}
.fbtn101 { width: 96%; height: 44px; border-radius: 4px;  font-size: 1.75em; line-height: 1.8em; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1)}

.btnAll05 { display: block; cursor: pointer;  vertical-align:baseline; text-align: center;}
.btnAll05.outR05 {background: #fc426a; color: #fff; margin:0; letter-spacing: -0.08em; font-weight: bold; padding-top:13px;}
.fbtn105 { width:100%; height:44px; font-size:18px; line-height: 1.8em; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1)}

.btnAll06 { display: block; cursor: pointer; vertical-align:baseline; text-align: center;}
.btnAll06.outR06 {background: #07c6e8; color: #fff; margin:0; letter-spacing: -0.08em; font-weight: bold; padding-top:13px;}
.fbtn106 { width:100%; height:44px; font-size:18px; line-height: 1.8em; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1)}


/* 2017.01.19 ÀϹÝÈ­À纸Çè */

#generalWrap {font:14px HelveticaNeue-Light,AppleSDGothicNeo-Light,'³ª´® °íµñ','Malgun Gothic','¸¼Àº °íµñ',sans-serif-Light;letter-spacing:-1px}
#generalWrap img {width:100%}
#generalWrap .generalHgroup img {width:100%;/*max-width:750px*/}
#generalTablist {background:#322b3d url(/img/smart/generalfire_bg1.png) no-repeat top;padding:50px 0}
#generalTablist h2 {width:52%;margin:0 auto;padding-bottom:30px;text-align:center}
#generalTablist h2 img {max-width:260px}
#generalTablist #Tab0,
#generalTablist #Tab1 {background-color:#8d7c8e;padding:3%;width:84%;margin:0 auto}

#generalTablist #tabmenu {width:90%;margin:0 auto}
#generalTablist #tabmenu ul {*zoom:1;display:table;width:100%}
#generalTablist #tabmenu ul li {width:30%;display:table-cell;padding:3% 4%;font-size:1.214em}
#generalTablist ul li span {display:block;text-align:center;width:30%;padding:20px 0 15px;margin:0 auto}
#generalTablist ul li {padding-bottom:10px;color:#ddd8dd}

#generalTablist #tabmenu ul li:first-child.on {background:url(/img/smart/generalfire_tap01.png) no-repeat;background-size:cover}
#generalTablist #tabmenu ul li:last-child {text-align:right}
#generalTablist #tabmenu ul li:last-child.on {background:url(/img/smart/generalfire_tap02.png) no-repeat;background-size:cover}
#generalTablist #tabmenu ul li a {color:#f6cad3}
#generalTablist #tabmenu ul li.on a {color:#322b3d;font-weight:bold}

#generalCate {background-color:#e6e4ee;padding:50px 0}
#generalCate h2 {width:72%;margin:0 auto;padding-bottom:30px;text-align:center}
#generalCate h2 img {max-width:450px}
#generalCate .generalBox {width:90%;margin:0 auto}
#generalCate .ex {color:#a09eab;display:block;width:84%;margin:0 auto;padding:1% 3% 0;font-size:0.9em}

#generalList dt {position:relative}
#generalList dt a {display:block;background:url(/img/smart/generalfire_tabbg.png) no-repeat;padding:7%;background-size:contain;color:#115378;font-size:1.214em;}
#generalList dt a strong {display:inline-block;width:60%;vertical-align:middle}
#generalList dt a img {width:15%;vertical-align:middle;margin-right:1%}
#generalList dt a.btn_ico {display:block;text-align:center;font-size:0.9em;color:#444;position:absolute;width:15%;display:block;top:5px;right:-3px;background:none}
#generalList dt a.btn_ico img {width:40%;vertical-align:middle}
#generalList dt a.btn_ico span {display:block;padding-top:3px}
#generalList dd {display:block;background-color:#fff;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;margin-top:-7px;margin-bottom:20px;padding:0 5% 7% 5%}
#generalList dd ul li {padding-bottom:10px}

#generalCounsel {background-color:#2b313d;padding:50px 5%;width:90%;margin:0 auto}
#generalCounsel h2 {width:67%;margin:0 auto;padding-bottom:25px;max-width:280px;text-align:center}
#generalCounsel input,
#generalCounsel select {background-color:#fff;border:1px solid #fff;border-radius:0;outline-color:-moz-use-text-color!important;outline-style:none!important;outline-width:medium!important;-webkit-appearance:none!important;-moz-appearance:none!important/*±â±âº°½ºÅ¸Àϸ®¼Â*/;font-size:1em}
#generalCounsel select {width:25%;padding:0 4%;line-height:42px; height:42px}
#generalCounsel input {height:40px;line-height:40px;padding:0 4%}
#generalCounsel input[type='text'] {width:90%}
#generalCounsel input[name='birth'] {width:57%} 
#generalCounsel input[type='tel'] {/*width:63%*/ width:38%}
#generalCounsel input[type='tel01'] {/*width:63%*/ width:38%}
#generalCounsel .telbtn button {width:70px; float:right; height:43px; border:none; background:#d4d4d4; color:#333; font-size:11px; letter-spacing:-1px;}
#generalCounsel .telbtn01 button {width:70px; float:right; height:42px; border:none; background:#d4d4d4; color:#333; font-size:11px; letter-spacing:-1px;}
#generalCounsel .ptxt {display:block; vertical-align:top; text-align:left; font-size:12px; line-height:16px; letter-spacing:-1px; color:fff!important; padding:9px 0 8px 0; background-color:#2b313d;}
#generalCounsel input[type='email'] {width:27%} 
#generalCounsel input[type='email'] + select {width:19%;text-indent:-10000px}
#generalCounsel input[type='checkbox'] {width:18px;height:18px} 
#generalCounsel ul li {background-color:#fff;line-height:1.2!important;margin:1% 0}
#generalCounsel ul li.tel01 {background-color:#fff;line-height:1.2!important;margin:1% 0; float:right; /*width:70%;*/ display:block}
#generalCounsel ul li.etcli{padding:3px 0px;background:none;color:#fff}
#generalCounsel .agree_area + a {color:#fff;background-color:#b62e65;font-size:1.375em;width:94%;text-align:center;display:block;padding:5% 3%;margin-top:3%}
#generalCounsel .agree_area input[type='checkbox'] {padding:0}
#generalCounsel .agree_area label {color:#fff}
#generalCounsel .agree_area {background:#2b313d;border:1px solid #2b313d;}
#generalCounsel .s_point {font-size:0.9em;color:#a09eab;padding-top:10px;display:block}
#generalCounsel input[type='radio'] {background:#fff;border:1px solid #b8b8b8;height:14px;width:14px;vertical-align:middle;-webkit-border-radius:8px;border-radius:8px;margin-right:2%;padding:0}
#generalCounsel input[type='radio']:checked {background:#fff;border:1px solid #ffae00;padding:0}
#generalCounsel input[type='radio']:checked:after {content:"";display:block;background:#ffae00;position:relative;-webkit-border-radius:8px;border-radius:8px;width:14px;height:14px;margin-top:-1px;padding:0}
#generalCounsel .radio_btn {margin-right:1%}
#generalCounsel .article_prolist strong {display:block;width:40%;margin:0 auto 5px}
#generalCounsel .article_prolist strong img {}
#generalCounsel .article_prolist ul {width:100%; margin-bottom:5%; display:table}
#generalCounsel .article_prolist ul li {background:url(/img/theme/fire_insurance/pro_bg.png) no-repeat top;display:block;text-align:center;display:table-cell;background-size:contain;box-sizing:content-box;width:50%}
#generalCounsel .article_prolist ul li a {display:block;padding:8%;}

@media screen and (max-width:320px){
#generalList dt a {font-size:1em}
#generalList dd {font-size:0.9em}
}


/* 20160713_Àνº¹ë¸® ¹Ù·Î°¡±â (¹Ù·Î°¡±â¾ÆÀÌÄÜ»ý¼º)*/
.layer_exit {position:relative; background-color: rgba(0, 0, 0, 0.8); padding:0 0 20px;}
.layer_exit .exit_sec,.layer_exit .exit_text,.layer_exit .exit_btn {display:block; margin:0 10%;}
.layer_exit .exit_sec {color:#ffeb34; font-size:50px; font-style:italic; font-family: serif; font-weight: bold; line-height:50px;padding:10px 0 0;text-align:center;}
.layer_exit .exit_text {color:#fff; font-size:12px; line-height:16px; text-align:center}
.layer_exit .exit_btn { position:absolute; top:15px; right:20px; width:15px; height:15px; margin:0}





/* 201908_±âȹ°ü¸®½ºÆ® */

#themelist {background: #f2f2f2; font-size:18px;padding-bottom:30px}
#themelist .recomm {width:93%;margin:0 auto;}
#themelist .recomm {background-color:#413e5f;border-radius:4px;margin-bottom:15px;padding-bottom:2.5%; height:150px; position:relative;}
#themelist .recomm.diff {background-color:#91a1be;border-radius:4px; height:150px; position:relative;}
#themelist .recomm .titL{font-weight:500;letter-spacing:-0.08em; text-align:center; position:absolute; left:20px; top:33%; color:#fff; line-height:27px; font-size:20px;}
#themelist .recomm .titS{font-weight:500;letter-spacing:-0.08em; text-align:center; position:absolute; left:20px; top:26%; color:#fff; line-height:27px; font-size:20px;}
#themelist .recomm .detailC{display:inline-block; position:absolute; line-height:23px; right:4.3%; top:22%; color:#fff; text-align:left; letter-spacing:-1.7px; width:62%;}
.detailC .list_F{ font-size:13px;  padding-bottom:3px;}
.detailC .list_M{ font-size:19px; font-weight:600; color:#ffdc00; padding-bottom:3px;}
.detailC .list_L{ font-size:11px; letter-spacing:-1.9px; line-height:15px;}

.bohum_list_item li .list_icon {display:flex}
.bohum_list_item li .list_icon em{position:absolute; right:10px; top:10px;}
.bohum_list_item li .list_icon img{width:35px;}

#themelist .recommS {width:93%;margin:0 auto;}
#themelist .recommS {background-color:#413e5f;border-radius:4px;margin-bottom:15px;padding-bottom:2.5%; height:130px; position:relative;}
#themelist .recommS.diff {background-color:#91a1be;border-radius:4px;margin-bottom:15px;padding-bottom:2.5%; height:130px; position:relative;}
#themelist .recommS .titL{font-weight:500;letter-spacing:-0.08em; text-align:center; position:absolute; left:20px; top:40%; color:#fff; line-height:27px; font-size:20px;}
#themelist .recommS .titS{font-weight:500;letter-spacing:-0.08em; text-align:center; position:absolute; left:20px; top:27%; color:#fff; line-height:27px; font-size:20px;}
#themelist .recommS .detailC{display:inline-block; position:absolute; line-height:23px; right:4.3%; top:18%; color:#fff; text-align:left; letter-spacing:-1.7px; width:62%}

#themelist .recommT {width:93%;margin:0 auto;}
#themelist .recommT {background-color:#413e5f;border-radius:4px;margin-bottom:15px;padding-bottom:2.5%; height:130px; position:relative;}
#themelist .recommT.diff {background-color:#91a1be;border-radius:4px;margin-bottom:15px;padding-bottom:2.5%; height:130px; position:relative;}
#themelist .recommT .titL{font-weight:500;letter-spacing:-0.08em; text-align:center; position:absolute; left:20px; top:40%; color:#fff; line-height:27px; font-size:20px;}
#themelist .recommT .titS{font-weight:500;letter-spacing:-0.08em; text-align:center; position:absolute; left:20px;top:27%; color:#fff; line-height:27px; font-size:20px;}
#themelist .recommT .detailC{display:inline-block; position:absolute; line-height:23px; right:4.3%; top:24%; color:#fff; text-align:left; letter-spacing:-1.7px; width:62%}