@import "reset.css";
@charset "euc-kr";

/* 
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Roboto', sans-serif;
font-family:'¸¼Àº °íµñ',Malgun Gothic,'µ¸¿ò',dotum,Helvetica,Apple Gothic,Arial,sans-serif;

*/

/* default setting */
nav,figure,figcaption,section,header,footer,article{display:block}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,button,form,fieldset,p:not/*(.bdnone)*/,blockquote,figure,figcaption,section,header,footer,article{margin:0;padding:0;-webkit-text-size-adjust:none}
img, fieldset {border:0 none}

body, h1, h2, h3, h4, h5, dl, dt, dd, th, td, div, p, a,
form, fieldset,legend, input, select, button, label, textarea,li {color:#555;font-weight:300; font-size:1.0em; line-height:1.5em;font-family: 'Noto Sans KR', sans-serif; letter-spacing:0;}
/*ul, ol, li {list-style:none outside}*/
table{border-collapse:seperate;width:100%;border-spacing:0}/* always table markup - cellspacing="0" */
input, textarea{display:inline-block;font-size:0.5em;vertical-align:top;*vertical-align:middle;}
textarea {resize:none;}
address, em{font-style:normal}
caption{display:none}
a{text-decoration:none;color:#4e473f}
a:hover,a:focus,a:active{text-decoration:underline;cursor:pointer !important}

p{background:transparent}
table p{background:#fff}

textarea{-webkit-appearance:none;-webkit-border-radius:0;}
select{-webkit-border-radius:0;background:transparent}
input:checked[type="checkbox"]{background-color:transparent;-webkit-appearance:checkbox;}
#modal_ifrmWrap{font-size:0} /* ·¹À̾îÆ˾÷ °ø¹éÁ¦°Å */
img{vertical-align:top}
button{cursor:pointer;*overflow:visible}

.cursor {cursor:pointer;}

/* display */
.inlineB{display:inline-block;*display:inline;*zoom:1}

/* °øÅë ---------------------------------------------- */
.clear{clear:both;}
.clearfix{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{width:100%;display: inline-block}
.clearfix2:after{content:"";display:block;clear:both}

.clearfix2{*zoom:1}
.icon_e{vertical-align:middle}

html[xmlns] .clearfix{display: block}
* html .clearfix{height: 1%}

input{margin:0;padding:0;}
select{vertical-align:middle;margin:0 2px 0 0;padding:2px;border:1px solid #cbcbcb;border-bottom-color:#e4e4e4;border-right-color:#e4e4e4;background-color:#FFF}
textarea{padding:5px 10px;border:1px solid #e3e3e3;background-color:#f9f9f9;resize:none}

.button{overflow:visible;margin:0;padding:0;border:0 none;background:0 none;cursor:pointer;line-height:0;vertical-align:middle}
/*.vn{display:block;width:0;height:0;line-height:0;font-size:0;text-indent:-999em;overflow:hidden;}
.digit, .digit *, .ls0, .ls0 *{letter-spacing:0 !important}
.inq_period{margin-top:5px}
.scrollArea{overflow-y:auto;zoom:1;position:relative}
.txt{margin:0 0 30px}
.noSpace{margin:0 !important}
.titDesc{margin-bottom:30px;*margin-bottom:26px;background:#fff}
.titDesc .listType_3{margin-top:7px}
.desc{margin:0 0 20px}
.noti{margin:-5px 0 10px;color:#03a5b0;font-weight:bold;clear:both;}
.notiType_2{margin:-5px 0 10px}
.cautionNormal{display:inline-block;padding-left:15px;background:url(/images/common/bg_bullet_7.gif) no-repeat 0 7px;font-size:14px;color:#555;}
.fontBold{font-weight:bold !important}
.fontBold_w{font-weight:bold !important; color:#fff;}
.fontFam_1{font-family:'µ¸¿ò',Arial,Sans-serif;}*/

sup{font-size:9px;letter-spacing:0;font-family:arial}
sup a{font-size:9px !important;}
.vm{vertical-align:middle !important}
.vt{vertical-align:top !important}
.vb{vertical-align:bottom !important}
.hidden {display:none;}

.fl {float:left !important}
.fc {float:center !important}
.fr {float:right !important}
.fn {float:none !important}
.txt_l {text-align:left !important;}
.txt_r {text-align:right !important;}
.txt_c {text-align:center !important;}
.fw_b {font-weight:bold !important;}
.fw_n {font-weight:normal !important;}

.btn_b{clear:both; position:relative; width:100%; text-align:center !important;  }
.btn_c{clear:both; position:relative; margin-top:35px; padding: 0 auto; text-align:center !important;}
.btn_arrow{clear:both; z-index:5;position:relative; width:100%; margin:-10px 0 -30px 0;padding: 0 auto; text-align:center !important;}
.btn_arrow2{clear:both; z-index:5;position:relative; width:100%; margin:-10px auto; padding: 0 auto; text-align:center !important;}

/* ¿µ¹®/¼ýÀÚ¿ë */
.ff_500 {font-family: 'Roboto', sans-serif; font-weight: 500; } /* font-family: 'Roboto', sans-serif; */
.ff_700 {font-family: 'Roboto', sans-serif; font-weight: 700; } /* font-family: 'Roboto', sans-serif; */
.ff_900 {font-family: 'Roboto', sans-serif; font-weight: 900; }

/* Çѱۿë */
.fw_100 {font-weight:100 !important;}
.fw_300 {font-weight:300 !important;}
.fw_400 {font-weight:400 !important;}
.fw_500 {font-weight:500 !important;}
.fw_700 {font-weight:800 !important;}
.fw_900 {font-weight:900 !important;}

.txt_i {font-style:italic;}
.txt_dc {text-decoration:underline; }
.txt_dc2 {text-decoration:underline; color:#ccff99}
.txt_dm {text-decoration:none; background:#fff;}
.txt_s45 {font-size:45px !important;}
.txt_s35 {font-size:35px !important;}
.txt_s30 {font-size:30px !important;}
.txt_s20 {font-size:20px !important;}
.txt_s24 {font-size:24px !important;}
.txt_s19 {font-size:19px !important;}
.txt_s18 {font-size:18px !important;}
.txt_s16 {font-size:16px !important;}
.txt_s15 {font-size:15px !important;}
.txt_s14 {font-size:14px !important;}
.txt_s13 {font-size:13px !important;}
.txt_s11 {font-size:11px !important;}

.pwhite {color:#FFFFFF;}
.pred {color:#ff6666; }
.pred2 {color:#ef3c39;}
.ppink (color:#ff3366;)
.porange {color:#ff5642;}
.psky {color:#3399cc; }
.psky2 {color:#0066cc;}
.psky3 {color:#ccffff;}
.pblue{color:#4aabe8;}
.pmint {color:#15aabf;}
.pmint2 {color:#33cccc;}

.pgray{color:#cccccc; }
.pgray1{color:#777777;}
.pgray2{color:#555555;}
.pgray3{color:#333333;}
.pgray4{color:#000000;}

.ltr1 {letter-spacing:-1px !important;}
.ltr2 {letter-spacing:-2px !important;}
.ltr3 {letter-spacing:-3px !important;}
.ltr4 {letter-spacing:-4px !important;}
.ltr5 {letter-spacing:-5px !important;}

.lh15 {line-height:1.5em}
.lh18 {line-height:1.8}
.lh20 {line-height:2.0}
.lh24 {line-height:2.4}
.lh28 {line-height:2.8}

.highlight {background:yellow;}
.keyword {}

/* line */
.bl_line {position:relative; width: 100%; height: 15px; padding:0; background:url(/img/bl_line.png)}
.bl_dash_g1 {position:relative; width: 100%; height: 1px; padding:0; background:url(/img/bl_dash_g1.png) repeat-x}
.bl_dash_g2 {position:relative; width: 100%; height: 7px; padding:0; background:url(/img/bl_dash_g2.png) repeat-x}


/* link */
a,a:link,a:visited,a:active,a:hover,a:focus{color:#333;font-size:100%;text-decoration:none;}
a:hover {text-decoration:underline;color:#3399cc;}
.focus{outline:1px solid #9CBEF5}

a.link {text-decoration:underline;}
a.link span {text-decoration:underline;}
a.link01 {text-decoration:underline;}
a.link02 {text-decoration:none;color:#3399cc !important; }
a.link03 {text-decoration:underline;color:#cccccc !important;}
a.link04 {text-decoration:underline;color:#ffff99 !important;}
a.link05 {text-decoration:underline;color:#666 !important;}
a.link:hover {text-decoration:none;}
a.link02:hover {text-decoration:none;color:#3399cc !important;}
a.link03:hover {text-decoration:none;color:#cccccc !important;}
a.link04:hover {text-decoration:none;color:#ffff99 !important;}
a.link05:hover {text-decoration:none;color:#666 !important;}
a.link_prd {line-height:20px;}
a.link_prd em {display:block;}
a.link_prd span {display:block;text-decoration:underline;font-size:14px;color:#777;}
a.link_prd:hover {text-decoration:none !important;}
a.link_prd:hover span {color:#00819a;}

a.link_all {display:block; font-size:0.8em; color:#FFF; line-height: 2.0em; background:#ef3c39; width:40%; }
a.link_all .txt {text-decoration:none;font-size:14px;color:#777;}
a.link_all .more {text-decoration:none;font-size:12px;color:#3399cc; font-weight: bold;}
a.link_all:hover {text-decoration:none !important;}
a.link_all:hover .txt {text-decoration:underline;}
a.link_all:hover .more {text-decoration:underline;}

a.link_all_r {display:block; font-size:22px;color:#ff3366; font-weight: bold; letter-spacing: -3px;}
a.link_all_r:hover {text-decoration:underline !important;}
a.link_all_r .txt {color:#333; font-weight: bold; letter-spacing: -3px; }
a.link_all_r:hover .txt {text-decoration:underline !important;}

a.link_all_s {display:block; font-size:22px;color:#3399cc; font-weight: bold; letter-spacing: -3px;}
a.link_all_s:hover {text-decoration:underline !important;}

/* layout */
.mainWrap #content{width:100%;min-width:320px;margin-top:-60px}

.mainWrap .innerB{width:320px;margin:0 auto;}
.mainWrap .innerB > div{/*float:left; */ position:relative; text-align:center;}
.mainWrap .innerB div.first{width:243px;margin-right:40px}
.mainWrap .innerB div.second{width:407px;margin-right:39px}
.mainWrap .innerB div.third{width:250px}

.contentWrap{clear:both;position:relative;width:320px;margin:-14px auto 80px;z-index:998}
#content{width:320px; position:relative;margin:0 auto;zoom:1}
#content:after{content:'';clear:both;display:block}

.footerWrap{/*position:relative;*/width:100%; min-width:320px;border-top:1px solid #d7d7d7;z-index:999;background: #f9f9f9; }
#footer {padding-bottom:80px;clear:both;/*position:relative;*/z-index:9999}
#footer .footArea{zoom:1;position:relative;width:90%; min-width:320px; margin:0 auto;padding:25px 0 0}
#footer .footArea *{color:#666; letter-spacing:-1px;}
#footer .sec_wrap{float:left;width:95%;margin-bottom:12px}
#footer .footArea ul:first-child{margin-bottom:4px}
#footer .sec_wrap li{float:left;padding:0 8px;background:url(/img/bg_pipe.gif) no-repeat 0 65%; word-break:break-all}
#footer .sec_wrap li:first-child{padding-left:0;background:0 none}
#footer .sec_wrap li a{color:#555;font-size:1.0em;}
#footer .sec_wrap li a.blank {padding-right:0 !important}
#footer .sec_wrap li a.blank .vn{width:15px !important;padding:0 !important}
#footer .sec_wrap li strong a{color:#1b3645; font-weight: 500;}
#footer .sec_wrap li a.point{color:#ff3366; font-weight: 500;}
#footer address{clear:both;padding-bottom:17px; width: 100%; font-size:0.9em; line-height: 1.5em;}
#footer .copyright {clear:both;padding-bottom:17px; width: 100%; font-size:0.9em; line-height: 1.5em;}

/* header */
.headerWrap{position:relative;z-index:999;width:100%; min-width:320px;}

#top_header {background:#F9F9F9;border-bottom:0px solid #f1ede0;}
#top_header .inner{position:relative;width:100%; min-width:320px;height:auto;margin:0 auto;}
#top_header .inner ul{overflow:hidden;}
#top_header .inner ul li:nth-child(1){float:left; margin: 5px 0 0 5px; padding:0 0 0 0 !important; width: 48%;}
#top_header .inner ul li:nth-child(1) a{color:#333;letter-spacing: -4px; line-height:1.5em; font-weight:500; font-size:1.6em; }
#top_header .inner ul li:nth-child(1) a:hover,a:focus,a:active{text-decoration:none !important; cursor:pointer !important; }
#top_header .inner ul li:nth-child(2){width:22px;}

#top_header .inner ul li:nth-child(3){margin-top:7px; padding:0px !important; letter-spacing: -1px; line-height:0.9em; font-weight:400; font-size:0.8em; color:#666; width: 35%;}
#top_header .inner ul li:nth-child(3) a{position:relative;display:inline-block; padding:0px; text-align:left; letter-spacing: -2px; line-height:1.0em; font-weight:500; font-size:1.5em; color:#3399cc;}
#top_header .inner ul li:nth-child(3) a:hover,a:focus,a:active{text-decoration:none !important; cursor:pointer !important; }
#top_header .inner ul li{position:relative;display:inline-block; padding:0px; text-align:left; letter-spacing: -1px; line-height:1.0em; font-weight:500; font-size:0.8em; }
#top_header .inner ul li:nth-child(4){float:right;}


/* contTop ¸ÞÀΞÀ̹ÌÁö */
.contTop {clear:both; position:relative; width:100%; min-width:320px; height: auto; background-color:#fff; }
.contTop .innerB{position:relative; z-index:2; width:100%; min-width:320px; background:url(/img/main.png) no-repeat center bottom; background-size:100% auto; margin: 0 auto; text-align:center; padding:20px 0 20px 0;}
.contTop .innerB > div{/*float:left; */position:relative; text-align:center; }
.contTop .innerB h1 {margin: 0 auto; height: 2.0em; width:80%; font-weight:500; color:#FFF; font-size:1.0em; line-height:2.0em; letter-spacing: -2px; text-align: center; border-radius: 0.5em; background-color: #ff6666; box-shadow: 0.1em 0.1em rgba(0,0,0,.1); }
.contTop .innerB h2 {margin: 10px auto; margin-right: 10px; font-weight:900; color:#181639; font-size:2.0em; line-height:1.2em; letter-spacing: -3px; text-align:center; }
.contTop .innerB h3 {margin: 0 auto; font-weight:500; color:#444; font-size:1.2em; line-height:1.2em; letter-spacing: -1.5px;}

/* contTop02 ¸ÞÀΞ : º¸Ç踮¸ðµ¨¸µ¿¹½Ã */
.contTop02 {clear:both; position:relative; width:99.5%; height: auto; background: url(/img/rm_ex_bg.png) repeat; border:1px solid #9bc9f5;}
.contTop02 .innerB{position:relative; z-index:2; width:100%; min-width:320px; margin: 0 auto; text-align:center; padding:0;}
.contTop02 .innerB > div{/*float:left; */position:relative; text-align:center; }

.contTop02 .innerB ul{overflow:hidden; margin:0 auto; padding: 5px 0 6px 0; height: auto; width:95%;}
.contTop02 .innerB ul li{float:left; margin:10px auto; display:inline-block;*display:inline;*zoom:1;color:#181639; font-weight:400; font-size:1.0em; line-height:1.3em; text-align:left; }

.contTop02 .innerB ul li:first-child{margin:10px auto; padding:0; letter-spacing: -1px; line-height:1.3em; font-weight:400; font-size:1.2em; width:20%; }
.contTop02 .innerB ul li:last-child{margin:10px auto; padding:10px 15px !important; cursor:pointer !important; letter-spacing: -1px; line-height:1.3em; font-weight:500; font-size:1.0em; color:#FFF; width: 50%; background:#0066cc; border-radius: 0.5em; text-align: center;}
.contTop02 .innerB ul li:last-child a{position:relative;display:inline-block; letter-spacing: -1px; line-height:1.3em; font-weight:500; font-size:1.0em; color:#FFF; }
.contTop02 .innerB ul li:last-child a:hover,a:focus,a:active{text-decoration:none !important; cursor:pointer !important; color:#b2dcfc;}

.contTop02 .innerB .btn{margin:-20px auto; margin-bottom:10px; padding:10px 0 !important; letter-spacing: -1px; line-height:1.3em; font-weight:500; font-size:1.0em; color:#FFF; width: 50%; background:#3399cc; border-radius: 0.5em; text-align: center;}
.contTop02 .innerB .btn a{position:relative;display:inline-block; letter-spacing: -1px; line-height:1.3em; font-weight:500; font-size:1.0em; color:#FFF; }
.contTop02 .innerB .btn a:hover,a:focus,a:active{text-decoration:none !important; cursor:pointer !important; color:#b2dcfc}


/* contTop03 ¸ÞÀΞ : º¸ÀåºÐ¼®½ÅûÇϱâ Æû */
.contTop03 {clear:both; position:relative; min-width:320px; height: auto; background-color:#fff;}
.contTop03 .innerB{position:relative; z-index:2; width:100%; min-width:320px; margin: 0 auto; text-align:center; /*padding: 20px 0 0 0;*/}
.contTop03 .innerB > div{/*float:left; */position:relative; text-align:center; }


/*  contTop .form  º¸ÀåºÐ¼®½ÅûÇϱâ Æû Å×ÀÌºí º¯°æÈÄ */

/* Start : ÀÔ·ÂÆû ÄÄÆ÷³ÍÆ®  http://insuforyou.com/m/*/
#formw {position:relative; width:90%; min-width:320px; margin: 0 auto; height:auto; text-align:center; border-radius: 0.5em; background: url(/img/rm_ex_bg.png) repeat; box-shadow: 0.1em 0.1em rgba(0,0,0,.1);}

#formw h4 {margin: 0 auto;
    padding: 10px 0 0 0;
    width: 90%;
    height: 1.6em;
    font-weight: 500;
    color: #181639;
    font-size: 1.4em;
    line-height: 1.2em;
    letter-spacing: -1.5px;
    background: url(/img/rm_input_title_bg.png) no-repeat;
    background-size: 100% 70%;}



#formw .form {width: 90%; clear: both; margin:0 auto; text-align:center; }
#formw .form input:focus, .form select:focus {border-radius: 0.5em; border: 0.2vw solid #3898c8;}
#formw .form.formFrm {position: relative; float: left; clear: both; margin-top:-10px; width:100%; min-width:320px;}

/*.form .formFrm .fleft {float:left; width:39%; margin-right:10px; }
.form .formFrm .fmid {float:left; width:39%; margin-right:10px; }*/
.form .formFrm .fright {clear:both; /*float:left;*/ width:100%; letter-spacing: -1px; line-height:1.3em; font-weight:500; font-size:1.0em; color:#FFF; background:#0066cc; border-radius: 0.5em; text-align: center; }
.form .formFrm .fright a{margin:8px auto; position:relative;display:inline-block; letter-spacing: -1px; line-height:1.3em; font-weight:500; font-size:1.0em; color:#FFF;  }
.form .formFrm .fright a:hover,a:focus,a:active{text-decoration:none !important; cursor:pointer !important; color:#b2dcfc; }

.form .formRow {position: relative; float: left; clear: both; width: 100%;}
.form .formRow svg,
/*.form .formRow .formIco {position: absolute; top: 50%; left: 4vw; transform: translateY(-50%); width: 5vw; height: 5vw; opacity: 0.7;}*/
.form .formRow ::placeholder {color: #666; font-size:1.0em; font-weight: 300; letter-spacing: 0;}
.form .formRow+.formRow {margin-top: 0.4em;}
.form .formRow :only-child {width: 100%;}
.form input, .form select, .form button { clear: both; width: 100%;  color: #666; font-size:1.0em; font-weight: 400; /*letter-spacing: -2.0em; */border-radius: 0.5em; background-color: #ffffff; height: 2.2em;  border: 0 solid transparent; outline: 0 solid transparent; box-shadow: 0 0 0 transparent; text-shadow: 0 0 0 transparent; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.1em;}
.form input, .form select {border:0px solid #d6dbe0;color:#999; text-indent:0.5em; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.1em;}
.form .formName {position:relative;clear:none;width:100%; /*width:64%;*/}
.form .formName .tf_name {text-indent:0.5em; }
.form .formRow.formBirth {clear: none; margin-top: 0.4em; width: 99.9%;}
.form .formRow.formGender {clear: none; margin-top: 0; margin-left: 2%; width: 34%; height:2.2em; font-size:1.0em;}
.form .formGender label {float: left; width: 49.5%;}
.form .formGender label i {display: block; height: 2.2em; text-align: center; color: #999; font-size:1.0em; font-weight: 400; line-height: 2.0em; border-width: 0.6vw; border-color: #eee0e0; background-color: #ffffff;}
.form .formGender label :checked~i {color: #fff;  background-color: #3898c8;} 
.form .formGender label:nth-child(1) i {border-radius: 0.5em 0 0 0.5em; border-right:1px solid #d6dbe0; }
.form .formGender label:nth-child(2) i {border-radius: 0 0.5em 0.5em 0; border-left:1px solid #d6dbe0; }
.form .formCheck {}
.form .formCheck input[name=check],
.form .formCheck button[name=otp] {display: none;}
.form .formCheck input[name=check]+button[name=otp] {float: left; clear: none; width: 19.2%; color: #fff; font-size: 3.6vw; border-top-left-radius: 0; border-bottom-left-radius: 0; background-color: #3898c8;}
.form .formCheck input[name=check] {float: left; width: 80.8%; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0;}
.form .formPhone .phone {float: left; width: 25.2%; border-radius: 0.5em; font-size:1.0em; height:2.2em; }
.form .formPhone select.phone {}
.form .formPhone input.phone {width: 56.1111vw;}
.form .formPhone .endNumber {position: relative; float: left; margin-left: 2%; width:45.6%;}
.form .formPhone .endNumber input {width: 100%;}
.form .formPhone .endNumber .btnSend {display: none; float: right; clear: none; width: 28%; color: #000; border-top-left-radius: 0.5em; border-bottom-left-radius: 0.5em; background-color: #fff;}
.form .formRow.formvari {clear: none; margin-top: 0; margin-left: 2%; width: 24%;}
.form .formvari label i {display: block; height: 2.2em; text-align: center; color: #000; font-size:1.0em; font-weight: 400; line-height: 2.0em; border-width: 0.6vw; border-color: #eee0e0; background-color: #ffffff;}
.form .formvari label :checked~i {color: #fff;  background-color: #3898c8;} 
.form .formvari label:nth-child(1) i {border-radius: 0.5em; }

.form .formPhonere .phone {float: left; width: 25.2%; border-radius: 0.5em;}
.form .formPhonere input.phone {width: 56.1111vw;}
.form .formPhonere .endNumber {position: relative; float: left; width:73.3%;}
.form .formPhonere .endNumber input {width: 100%;}
.form .formPhonere .endNumber .btnSend {display: none; float: right; clear: none; width: 28%; color: #000; border-top-left-radius: 0.5em; border-bottom-left-radius: 0.5em; background-color: #fff;}
.form .formRow.formvarire {clear: none; margin-top: 0; margin-left: 2%; width: 23.9%;}
.form .formvarire label i {display: block; height: 2.0em; text-align: center; color: #000; font-size:1.5em; font-weight: 400; line-height: 2.0em; border-width: 0.6vw; border-color: #eee0e0; background-color: #ffffff;}
.form .formvarire label :checked~i {color: #fff;  background-color: #3898c8;} 
.form .formvarire label:nth-child(1) i {border-radius: 0.5em; }


.form .agreeText {float: left; position: relative; color: #fff; font-size:1.0em; font-weight:400; line-height: 1.5em; text-indent: 0em; /*margin:0.5em auto;*/ }
.form .formCheck .passedMessage {display: none; position: absolute; top: 100%; margin:0.5em auto; color: #13890a; font-size: 3.3333vw;}
.form .formRow.formAgree .agreeText::before {content: "°³ÀÎÁ¤º¸¼öÁý¡¤ÀÌ¿ë¿¡ °üÇÑ µ¿ÀÇ >";letter-spacing:-0.1em;}
.form .formAgree .agreement { margin: 0 auto;
    margin-bottom: 0.5em;
    float: right;
    width: 25%;
    height: 1.5em;}
.form .formAgree .agreement i {display: block; width:96%; margin:0 auto; height: 1.5em; color: #3898c8; font-size: 1.0em; font-weight: 500; text-indent: 0em; line-height: 1.5em; border-width: 0.1388vw; border-color: #d7d7d7; border-radius: 0.5em; background-color: #fff; /*background-image: url(/img/icoAgreement01.png); */background-position: 3.0em 2.0em; background-size: 1.5em; /*background: transparent none center center no-repeat;*/}
.form .formAgree .agreement :checked~i {color: #fff; background-color: #3898c8; /*background-image: url(/img/icoAgreement02.png);*/}
.form[data-check=true] .formPhone input.phone {width: 72%; border-radius: 1vw 0 0 1vw;}
.form[data-check=true] .formPhone input.phone:focus {border-right: 0;}
.form[data-check=true] .formPhone .endNumber .btnSend {display: block;}
.form[data-passed=true] .formCheck {margin-bottom: 6vw;}
.form[data-passed=true] .formCheck,
.form[data-check=true][data-passed=true] .formCheck .passedMessage {display: block;}
.form .submit {color: #fff; font-size: 4.7vw; background-color: #ff002a;}
/* End : ÀÔ·ÂÆû ÄÄÆ÷³ÍÆ® */

/* labelÃß°¡ */
.form svg ~ label:before,
.form svg ~ label:after {left:10.7vw !important}
.form .formIco ~ label:before,
.form .formIco ~ label:after {left:10.7vw !important}
.form .formIco ~ label input {text-indent:0.5em}
.form .formRow label::before,
.form .formRow label::after {position: absolute; top:50%; left:4vw;margin-top:-1.5vw; color: #bbb; font-size:1.8em; line-height:1.5em;text-indent:0;white-space: nowrap; transition: top 0.2s, font-size 0.2s; pointer-events: none;}
.form .formRow label.active::before,
.form .formRow label.active::after {top:30%; font-size:0.8em;}

.form .formRow label::before,
.form .formRow label.active::after{visibility: visible;}
.form .formRow label::after,
.form .formRow label.active::before{visibility: hidden;}



/* Start : ¸ð´Þ_ÀÔ·ÂÆû ÄÄÆ÷³ÍÆ®  http://insuforyou.com/m/*/
#md_formw {position:relative; min-width:100%; max-width:100%; margin: 0 auto; height:auto; text-align:center; border-radius: 0.5em; background: url(/img/rm_input_bg.png) repeat; box-shadow: 0.1em 0.1em rgba(0,0,0,.1);}

#md_formw h4 {margin: 0 auto; padding:20px 0 0 0; width: 90%; height: 3.0em; font-weight:500; color:#181639; font-size:1.5em; line-height:1.2em; letter-spacing: -1.5px; background:url(/img/rm_input_title_bg.png) no-repeat; background-size: 100% 70%; }
#md_formw h5 {/*float:left; */margin:-10px 0 0 0; padding:0; font-weight:500; color:#FFF; font-size:.1.4em; line-height:1.3em; letter-spacing: 0; text-align:left; }
#md_formw h5 .clogo {float:left; border:1px solid #e3e3e3; background:#fff; margin: 0 10px 20px 0;}

#md_formw .form .formFrm {position: relative; float: left; clear: both; margin-top:-10px; width: 100%; }

#md_formw .form .formFrm .md_formwbtn {margin: 10px auto; width:100%; letter-spacing: -1px; line-height:3.0em; font-weight:500; font-size:1.0em; color:#FFF; background:#0066cc; border-radius: 0.5em; text-align: center;}
#md_formw .form .formFrm .md_formwbtn a{margin:10px auto; position:relative;display:inline-block; letter-spacing: -1px; line-height:1.3em; font-weight:500; font-size:1.2em; color:#FFF; }
#md_formw .form .formFrm .md_formwbtn a:hover,a:focus,a:active{text-decoration:none !important; cursor:pointer !important; color:#b2dcfc; }

#md_formw .form {width: 90%; margin:0 auto; text-align:center; }
#md_formw .form input:focus, .form select:focus {border-radius: 0.5em; border: 0.2vw solid #3898c8;}
#md_formw .form .formRow {position: relative; float: left; clear: both; width: 100%;}
#md_formw .form .formRow svg,
/*.form .formRow .formIco {position: absolute; top: 50%; left: 4vw; transform: translateY(-50%); width: 5vw; height: 5vw; opacity: 0.7;}*/
#md_formw .form .formRow ::placeholder {color: #666; font-size:1.0em; font-weight: 300; letter-spacing: 0;}
#md_formw .form .formRow+.formRow {margin-top: 0.5em;}
#md_formw .form .formRow :only-child {width: 100%;}
#md_formw .form input, .form select, .form button { clear: both; width: 100%;  color: #666; font-size:1.5em; font-weight: 400; /*letter-spacing: -2.0em; */border-radius: 0.5em; background-color: #ffffff; height: 2.0em;  border: 0 solid transparent; outline: 0 solid transparent; box-shadow: 0 0 0 transparent; text-shadow: 0 0 0 transparent; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.1em;}
#md_formw .form input, .form select {border:0px solid #d6dbe0;color:#000; text-indent:0.5em; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.1em;}
#md_formw .form .formName {position:relative;clear:none;width:64%;}
#md_formw .form .formName .tf_name {text-indent:0.5em; }
#md_formw .form .formRow.formBirth {clear: none; margin-top: 10px; width: 99.9%;}
#md_formw .form .formRow.formGender {clear: none; margin-top: 0; margin-left: 2%; width: 34%;}
#md_formw .form .formGender label {float: left; width: 49.5%;}
#md_formw .form .formGender label i {display: block; height: 2.0em; text-align: center; color: #000; font-size:1.5em; font-weight: 400; line-height: 2.0em; border-width: 0.6vw; border-color: #eee0e0; background-color: #ffffff;}
#md_formw .form .formGender label :checked~i {color: #fff;  background-color: #3898c8;} 
#md_formw .form .formGender label:nth-child(1) i {border-radius: 0.5em 0 0 0.5em; border-right:1px solid #d6dbe0; }
#md_formw .form .formGender label:nth-child(2) i {border-radius: 0 0.5em 0.5em 0; border-left:1px solid #d6dbe0; }
#md_formw .form .formCheck {}
#md_formw .form .formCheck input[name=check],
#md_formw .form .formCheck button[name=otp] {display: none;}
#md_formw .form .formCheck input[name=check]+button[name=otp] {float: left; clear: none; width: 19.2%; color: #fff; font-size: 3.6vw; border-top-left-radius: 0; border-bottom-left-radius: 0; background-color: #3898c8;}
#md_formw .form .formCheck input[name=check] {float: left; width: 80.8%; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0;}
#md_formw .form .formPhone .phone {float: left; width: 25.2%; border-radius: 0.5em;}
#md_formw .form .formPhone select.phone {}
#md_formw .form .formPhone input.phone {width: 56.1111vw;}
#md_formw .form .formPhone .endNumber {position: relative; float: left; margin-left: 2%; width:45.6%;}
#md_formw .form .formPhone .endNumber input {width: 100%;}
#md_formw .form .formPhone .endNumber .btnSend {display: none; float: right; clear: none; width: 28%; color: #000; border-top-left-radius: 0.5em; border-bottom-left-radius: 0.5em; background-color: #fff;}
#md_formw .form .formRow.formvari {clear: none; margin-top: 0; margin-left: 2%; width: 24%;}
#md_formw .form .formvari label i {display: block; height: 2.0em; text-align: center; color: #000; font-size:1.5em; font-weight: 400; line-height: 2.0em; border-width: 0.6vw; border-color: #eee0e0; background-color: #ffffff;}
#md_formw .form .formvari label :checked~i {color: #fff;  background-color: #3898c8;} 
#md_formw .form .formvari label:nth-child(1) i {border-radius: 0.5em; }

#md_formw .form .formPhonere .phone {float: left; width: 25.2%; border-radius: 0.5em;}
#md_formw .form .formPhonere input.phone {width: 56.1111vw;}
#md_formw .form .formPhonere .endNumber {position: relative; float: left; width:73.3%;}
#md_formw .form .formPhonere .endNumber input {width: 100%;}
#md_formw .form .formPhonere .endNumber .btnSend {display: none; float: right; clear: none; width: 28%; color: #000; border-top-left-radius: 0.5em; border-bottom-left-radius: 0.5em; background-color: #fff;}
#md_formw .form .formRow.formvarire {clear: none; margin-top: 0; margin-left: 2%; width: 23.9%;}
#md_formw .form .formvarire label i {display: block; height: 2.0em; text-align: center; color: #000; font-size:1.5em; font-weight: 400; line-height: 2.0em; border-width: 0.6vw; border-color: #eee0e0; background-color: #ffffff;}
#md_formw .form .formvarire label :checked~i {color: #fff;  background-color: #3898c8;} 
#md_formw .form .formvarire label:nth-child(1) i {border-radius: 0.5em; }


#md_formw .form .agreeText {float: left; position: relative; color: #fff; font-size:1.0em; font-weight:400; line-height: 1.5em; text-indent: 0em; margin:0.5em auto; }
#md_formw .form .formCheck .passedMessage {display: none; position: absolute; top: 100%; margin:0.5em auto; color: #13890a; font-size: 3.3333vw;}
#md_formw .form .formRow.formAgree .agreeText::before {content: "°³ÀÎÁ¤º¸¼öÁý¡¤ÀÌ¿ë¿¡ °üÇÑ µ¿ÀÇ >";letter-spacing:-0.1em;}
#md_formw .form .formAgree .agreement {margin:0 auto; float: right; width: 25%; height: 1.5em; margin-bottom:0.4em;}
#md_formw .form .formAgree .agreement i {display: block; height: 1.5em; color: #3898c8; font-size: 1.1em; font-weight: 500; text-indent: 0em; line-height: 1.5em; border-width: 0.1388vw; border-color: #d7d7d7; border-radius: 0.5em; background-color: #fff; /*background-image: url(/img/icoAgreement01.png); */background-position: 3.0em 2.0em; background-size: 1.5em; /*background: transparent none center center no-repeat;*/}
#md_formw .form .formAgree .agreement :checked~i {color: #fff; background-color: #3898c8; /*background-image: url(/img/icoAgreement02.png);*/}
#md_formw .form[data-check=true] .formPhone input.phone {width: 72%; border-radius: 1vw 0 0 1vw;}
#md_formw .form[data-check=true] .formPhone input.phone:focus {border-right: 0;}
#md_formw .form[data-check=true] .formPhone .endNumber .btnSend {display: block;}
#md_formw .form[data-passed=true] .formCheck {margin-bottom: 6vw;}
#md_formw .form[data-passed=true] .formCheck,
#md_formw .form[data-check=true][data-passed=true] .formCheck .passedMessage {display: block;}
#md_formw .form .submit {color: #fff; font-size: 4.7vw; background-color: #ff002a;}
/* End : ÀÔ·ÂÆû ÄÄÆ÷³ÍÆ® */

/* labelÃß°¡ */
#md_formw .form svg ~ label:before,
#md_formw .form svg ~ label:after {left:10.7vw !important}
#md_formw .form .formIco ~ label:before,
#md_formw .form .formIco ~ label:after {left:10.7vw !important}
#md_formw .form .formIco ~ label input {text-indent:0.5em}
#md_formw .form .formRow label::before,
#md_formw .form .formRow label::after {position: absolute; top:50%; left:4vw;margin-top:-1.5vw; color: #bbb; font-size:1.8em; line-height:1.5em;text-indent:0;white-space: nowrap; transition: top 0.2s, font-size 0.2s; pointer-events: none;}
#md_formw .form .formRow label.active::before,
#md_formw .form .formRow label.active::after {top:30%; font-size:0.8em;}
#md_formw 
#md_formw .form .formRow label::before,
#md_formw .form .formRow label.active::after{visibility: visible;}
#md_formw .form .formRow label::after,
#md_formw .form .formRow label.active::before{visibility: hidden;}

/*  contTop #form_wrap  º¸ÀåºÐ¼®½ÅûÇϱâ Æû Å×ÀÌºí º¯°æÀü */
#form_wrap {position:relative; min-width:100%; max-width:100%; margin:140px 0 0 0; height:auto; text-align:left; background:#ececec; }
#form_wrap h3 {float:center; font-size:1.9em; text-align:center; color:#000; font-weight:800 !important; letter-spacing:-2.5px; }

#form_wrap .tab_all {position:relative; min-width:80%; max-width:80%; margin:0 auto; height:auto; text-align:center; border: 0px solid green; font-size:0.9em; font-weight:100 !important; color:#475069;}
#form_wrap .tab_all ul{position:relative; width:100%; margin:0; padding:0; height:auto; text-align:center; border: 0px solid red;}
#form_wrap .tab_all li {display:inline-block; width:100%; margin:0; padding:2px 0; font-size:1.5em; line-height:1.2em; font-weight:100 !important; text-align: left;border:none;  border: 0px solid red;vertical-align:top; letter-spacing: -1px; }

#form_wrap .tab_all .inpbox100 {width:96.5%; height:auto; background-color:#FFF; font-size:1.0em; padding:5px; border: 0px solid #ccc;}
#form_wrap .tab_all .inpbox80 {width:76.5%; height:auto; background-color:#FFF; font-size:1.0em; padding:5px; border: 0px solid #ccc;}
#form_wrap .tab_all .inpbox50 {width:47.6%; height:auto; background-color:#FFF; font-size:1.0em; padding:5px; border: 0px solid #ccc;}
#form_wrap .tab_all .inpbox70 {width:57.1%; height:auto; background-color:#FFF; font-size:1.0em; padding:5px; border: 0px solid #ccc;}
#form_wrap .tab_all .select30 {width:27%; height:auto; background-color:#FFF; font-size:1.0em; padding:5px 5px 3px 5px;border: 0px solid #ccc;}
#form_wrap .tab_all .inpradio {position:relative; display: inline-block; width:49.3%; height:auto; background-color:#999; font-size:1.0em; padding:5px;border: 0px solid #ccc; color:#FFF;}
#form_wrap .tab_all .inpradio_on {position:relative; display: inline-block; width:49.3%; height:auto; background-color:#00b4cc; font-size:1.0em; padding:5px;border: 0px solid #0096af; color:#FFF;}
#form_wrap .tab_all .inpradio_sms {position:relative; display: inline-block; margin-left:4px; width:18%; height:auto; background-color:#999; font-size:1.0em; padding:5px;border: 0px solid #ccc; color:#FFF;}
#form_wrap .tab_all .inpradio_sms_on {position:relative; display: inline-block; margin-left:4px; width:18.0%; height:auto; background-color:#00b4cc; font-size:1.0em; padding:5px;border: 0px solid #0096af; color:#FFF;}

#form_wrap .tab_all .inphan {ime-mode:active;} /* ÇѱÛÀԷ±⺻°ª */
#form_wrap .tab_all .inpeng {ime-mode:inactive;} /* ¿µ¹®ÀԷ±⺻°ª */

/* ÅؽºÆ®¹öÆ° */
#form_wrap .btn_block {position:relative; display: inline-block; display:block;height:43px; line-height:41px;background:#c5c5c5;text-align:center;text-decoration:none !important;font-family:¸¼Àº °íµñ, "Malgun Gothic"; letter-spacing:-2px;}
#form_wrap .btn_block.white {background:#FFF;color:#333;margin-bottom:5px; }
#form_wrap .btn_block.green {background:#0096af;color:#fff;}
#form_wrap .btn_block.red {background:#f9f9f9;color:#fff; font-size:20px;font-weight:bold;} 


/* contMid_tab01 */
.contMid_tab01{position:relative;padding-bottom:0px;border:1px solid #e1e1f0; background:#f9f9f9;}
.contMid_tab01 .innerB{position:relative;left:0;bottom:0;z-index:3;width:100%; min-width:320px; text-align:center;}
.contMid_tab01 .innerB > div{float:left; /*position:relative; text-align:center;*/}
.contMid_tab01 .innerB h2 {/*float:left; */margin:0px auto; padding:30px 15px 20px 15px; font-weight:900; color:#181639; font-size:1.5em; line-height:1.2em; letter-spacing: -2px; text-align:center;}
.contMid_tab01 .innerB h3 {/*float:left; */margin:0px auto; margin-bottom:0px; padding:20px 0; font-weight:700; color:#181639; font-size:1.8em; line-height:1.2em; letter-spacing: -1px; }
/*.contMid_tab01 .innerB ul{overflow:hidden; width:100%; text-align:center; background:url(/img/tab01_msg_bg.png) no-repeat 15px 0; }*/
.contMid_tab01 .innerB ul{overflow:hidden; width:90%; margin:10px auto; text-align:center; border-radius: 1.0em; background-color: #ffffff; height: auto;  border: 0 solid transparent; outline: 0 solid transparent; box-shadow: 0.5em 0.3em 0 #e3e3e3;}
.contMid_tab01 .innerB ul li:first-child{ width:25%; display:inline-block;*display:inline;*zoom:1;padding-left:0px; color:#333; font-weight:300; font-size:1.2em; line-height:1.2em; letter-spacing: -1px; text-align:left; }
.contMid_tab01 .innerB ul li{width:60%; display:inline-block;*display:inline;*zoom:1;padding-left:0px; color:#333; font-weight:300; font-size:1.1em; line-height:1.2em; letter-spacing: -1px; text-align:center; margin-left:17px; margin-top:10px;}
.contMid_tab01 .innerB ul li:last-child{ width:60%; margin-left:20px;}
.contMid_tab01 .banner_title{margin-bottom:5px; display:inline-block;}


/* contMid_tab01s */
.contMid_tab01s{position:relative;padding-bottom:0px;border-top:0px solid #e2e2e2; background:#FFF;}
.contMid_tab01s .innerB{position:relative;left:0;bottom:0;z-index:3;width:100%; min-width:320px; text-align:center;}
.contMid_tab01s .innerB > div{float:left; /*position:relative; text-align:center;*/}
.contMid_tab01s .innerB h2 {/*float:left; */margin:0px auto; padding:30px 15px 20px 15px; font-weight:900; color:#181639; font-size:1.5em; line-height:1.2em; letter-spacing: -2px; text-align:center;}
.contMid_tab01s .innerB h3 {/*float:left; */margin:0px auto; margin-bottom:0px; padding:20px 0; font-weight:700; color:#181639; font-size:1.8em; line-height:1.2em; letter-spacing: -1px; }
/*.contMid_tab01s .innerB ul{overflow:hidden; width:100%; text-align:center; background:url(/img/tab01_msg_bg.png) no-repeat 15px 0; }*/
.contMid_tab01s .innerB ul{overflow:hidden; width:100%; margin:10px auto; text-align:center; border-radius: 1.0em; background-color: #ffffff; height: auto;  border: 0 solid transparent; outline: 0 solid transparent; box-shadow: 0.5em 0.3em 0 #e3e3e3;}
.contMid_tab01s .innerB ul li:first-child{ width:30%; display:inline-block;*display:inline;*zoom:1;padding-left:0px; color:#333; font-weight:300; font-size:1.2em; line-height:1.4em; letter-spacing: -1px; text-align:left; }
.contMid_tab01s .innerB ul li{width:65%; display:inline-block;*display:inline;*zoom:1;padding-left:0px; color:#333; font-weight:300; font-size:1.3em; line-height:1.3em; letter-spacing: -1px; text-align:center; }


/* ½Ç½Ã°£ º¸ÀåºÐ¼® ½ÅûÇöȲ Å×À̺í */
.table_nm {position:relative; min-width:90%; max-width:90%; margin:0 auto; height:auto; text-align:center; }
.table_nm thead td {border-bottom:3px solid #FFF; padding:10px 0 10px 0; vertical-align:middle; font-size:0.9em; color:#181639; font-weight:500 !important; letter-spacing:-1px; background:#d6e3e9; }
.table_nm tbody td {background:#f5f5f5; text-align:left; padding:5px 0 4px 0; font-size:0.9em; color:#181639; font-weight:300 !important; letter-spacing:0px;}
.table_nm tbody td.on {background:#FFF; border-bottom:0px solid #8d8d8d;padding:17px 0 17px 0; color:#e21a22; }
.table_nm .txt_r {padding-right:0;}
.table_nm .txt_c {text-align:center !important;}


/* contMid_tab02 º¸Ç質ÀÌ´Â  */
.contMid_tab02 {position:relative;padding-bottom:0px;border-top:0px solid #e2e2e2; background:#181639;}
.contMid_tab02 .innerB{position:relative;left:0;bottom:0;z-index:3; width:95%; min-width:320px;text-align:center;}
.contMid_tab02 .innerB > div{float:left; /*position:relative; text-align:center;*/}
.contMid_tab02 .innerB h2 {/*float:left; */margin:0px auto; padding:30px 0 20px 0; font-weight:900; color:#fff; font-size:1.5em; line-height:1.2em; letter-spacing: 0; text-align:center;}
.contMid_tab02 .innerB h3 {/*float:left; */margin:0px auto; margin-bottom:20px; padding:0 0; font-weight:400; color:#ccc; font-size:1.0em; line-height:1.2em; letter-spacing: -1px; text-align:center;}
.contMid_tab02 .innerB ul{overflow:hidden; width:100%; display:inline-block;*display:inline;*zoom:1; border:0px solid red; }
.contMid_tab02 .innerB ul li{margin:0 0 0.4em 0; padding:8px !important;display:inline-block;*display:inline;*zoom:1; letter-spacing: -1px; line-height:1.3em; font-weight:500; font-size:1.1em; color:#181639; width:40%; background:#FFF; border-radius: 0.5em; text-align: center; margin-right:0.2em; }
.contMid_tab02 .innerB ul li img {border:1px solid #ccc; }

/* contMid_tab03 7¿ù Ãßõ»óÇ° */
.contMid_tab03 {position:relative;padding-bottom:0px;border-top:0px solid #e2e2e2; background:#FFF;}
.contMid_tab03 .innerB{position:relative;left:0;bottom:0;z-index:3; width:100%; min-width:320px;}
.contMid_tab03 .innerB > {float:left; /*position:relative; text-align:center;*/}
.contMid_tab03 .innerB h2 {/*float:left; */margin:0px auto; padding:30px 0 20px 0; font-weight:900; color:#181639; font-size:1.5em; line-height:1.2em; letter-spacing: -2px; text-align:center;}
.contMid_tab03 .innerB h3 {/*float:left; */margin:0px auto; padding:10px 0 10px 0; font-weight:700; color:#181639; font-size:1.6em; line-height:1.2em; letter-spacing: -2px; text-align:left;}

/* »óÇ° Å×À̺í */
.table_pd {position:relative; min-width:90%; max-width:90%; margin:5px auto; height:auto; text-align:center; border:1px solid #e3e3e3;}
.table_pd tbody td.pd {text-align:left; border:1px solid #e3e3e3; padding:10px 20px 10px 20px;vertical-align:middle; font-size:1.1em; color:#181639; font-weight:700 !important; letter-spacing:-2px; }
.table_pd tbody td {text-align:left; padding:7px 0; font-size:0.8em; line-height:1.4em; color:#666; font-weight:400 !important; letter-spacing:-1px;}
.table_pd tbody td.msg {text-align:left; font-size:1.1em; line-height:1.4em; color:#3399cc; font-weight:400 !important; letter-spacing:-1px;}
.table_pd tbody td .clogo {margin:5px; border:1px solid #e3e3e3;}
.table_pd .chu {position:absolute; width:50px; height:22px; margin: -10px 0 0 -1px; z-index:5; background:#3399cc; font-size:0.8em; line-height:1.6em; color:#FFF; font-weight:400 !important; letter-spacing:-1px; text-align:center;}
.table_pd .txt_c {text-align:center !important;}

.table_pd .btn01 { /*display:block; */ width:90%; margin:2px 0; padding:5px 0; font-size:0.8em;  color:#FFF; font-weight:500; line-height: 2.4em; background:#ef3c39; cursor:pointer !important;}
.table_pd .btn01 a { font-weight:500; color:#FFF; text-decoration:none; letter-spacing: -1px; }
.table_pd .btn01 a:hover,a:focus,a:active { font-weight:500; color:#FFF; text-decoration:none; letter-spacing: -1px; }

.table_pd .btn02 { /*display:block; */ width:90%; padding:9px 0; font-size:0.9em; font-weight:500; color:#FFF; line-height: 2.4em; letter-spacing: -1px; background:#ff6666; cursor:pointer !important;}
.table_pd .btn02 a { font-weight:500; color:#FFF; text-decoration:none; letter-spacing: -1px; }
.table_pd .btn02 a:hover,a:focus,a:active { font-weight:500; color:#FFF; text-decoration:none; letter-spacing: -1px; }

/*.contMid_tab03 .innerB ul{overflow:hidden; width:100%; min-width:320px; display:inline-block;*display:inline;*zoom:1; background: #fff; }
.contMid_tab03 .innerB ul li{ float:left; width:24.8%; display:inline-block;*display:inline;*zoom:1;margin: 20px 0; padding: 0; color:#333; font-weight:300; font-size:1.0em; line-height:1.5em; text-align:center; border-right:1px solid #e3e3e3;}
.contMid_tab03 .innerB ul li:first-child { display:inline-block;*display:inline;*zoom:1; border:1px solid #e3e3e3;}
.contMid_tab03 .innerB ul li:last-child { display:inline-block;*display:inline;*zoom:1;margin: 30px 0; padding: 0 ;color:#333; font-weight:300; font-size:1.0em; line-height:1.5em; text-align:center; border-right:0px solid #e3e3e3;}*/


/* contMid_tab04 ÀÚÁÖÇÏ´Â Áú¹®*/
.contMid_tab04{position:relative;padding-bottom:0px;border-top:0px solid #e2e2e2; background:#FFF;}
.contMid_tab04 .innerB{position:relative;left:0;bottom:0;z-index:3; width:98%; text-align:center;}
.contMid_tab04 .innerB > {float:left; /*position:relative; text-align:center;*/}
.contMid_tab04 .innerB h2 {/*float:left; */margin:0px auto; padding:30px 15px 20px 15px; font-weight:900; color:#181639; font-size:1.5em; line-height:1.2em; letter-spacing: -2px; text-align:center;}
.contMid_tab04 .innerB ul{overflow:hidden; width:90%; margin:0 auto; display:inline-block;*display:inline;*zoom:1;  border-bottom:1px solid #ccc;}
.contMid_tab04 .innerB ul li.on { margin: 0 auto; padding: 15px 0 15px 40px; height:auto; /*display:inline-block;*display:inline;*zoom:1; */ color:#181639; font-weight:700; font-size:1.1em; line-height:1.3em; text-align:left; letter-spacing:-1px;background:url("/img/ico_minus_m.png") no-repeat 0 10px ; border-top:1px solid #ccc;}
.contMid_tab04 .innerB ul li.on a { margin: 0 auto; padding: 15px 0 15px 0; height:auto; /*display:inline-block;*display:inline;*zoom:1; */ color:#181639; font-weight:700; font-size:1.1em; line-height:1.3em; text-align:left; letter-spacing:-1px;}

.contMid_tab04 .innerB ul li.desc{ /*float:left;*/ padding: 0 10px 10px 40px; height:auto; /*display:inline-block;*display:inline;*zoom:1; */ color:#181639; font-weight:500; font-size:0.6em; line-height:1.2em; text-align:left; border:1px solid red;}

.contMid_tab04 .innerB ul li.off { margin: 0 auto; padding: 15px 0 15px 40px; height:auto; /*display:inline-block;*display:inline;*zoom:1; */  color:#181639; font-weight:700; font-size:1.1em; line-height:1.3em; text-align:left !important; letter-spacing:-1px; background:url("/img/ico_plus_m.png") no-repeat 0 10px; border-top:1px solid #ccc;}
.contMid_tab04 .innerB ul li.off a { margin: 0 auto; padding: 15px 0 15px 0; height:auto; /*display:inline-block;*display:inline;*zoom:1; */  color:#181639; font-weight:700; font-size:1.1em; line-height:1.3em; text-align:left !important; letter-spacing:-1px; }


/* Çϴܹè³Ê¿µ¿ª */
.contBot_v{position:relative; margin: 30px auto;  padding:0px; border-top:0px solid #e2e2e2;background:#f9f9f9;}
.contBot_v .innerB{position:relative;left:0;bottom:0;z-index:2; width:90%; min-width:320px;}
.contBot_v .innerB > div{float:left}
.contBot_v .innerB h2 {/*float:left; */margin:0px auto; padding:30px 0 10px 0; font-weight:900; color:#181639; font-size:1.8em; line-height:1.2em; letter-spacing: -2px; text-align:left;}
.contBot_v .innerB h3 {/*float:left; */margin:0px auto; padding:10px 0 20px 0; font-weight:400; color:#666; font-size:1.3em; line-height:1.3em; letter-spacing: -1px; text-align:left;}
.contBot_v .innerB h4 {/*float:left; */margin:0px auto; padding:20px 0 30px 0; font-weight:400; color:#181639; font-size:1.5em; line-height:1.2em; letter-spacing: -2px; text-align:center;}

.contBot_v .innerB .bleft {float:left; width:100%; border-bottom:1px solid #fff;}
.contBot_v .innerB .bright {float:left; width:100%; margin-top:20px;}

.contBot{position:relative; margin: 20px auto; padding:0px; border-top:0px solid #e2e2e2;background:#e1e1f0;} 
.contBot .innerB{position:relative;left:0;bottom:0;z-index:2; width:95%; min-width:320px;}
.contBot .innerB > div{float:left}
.contBot .innerB h2 {/*float:left; */margin:0px auto; padding:20px 0 20px 0; font-weight:300; color:#181639; font-size:2.0em; line-height:1.2em; letter-spacing: -3px; text-align:center;}

.contBot_comp{position:relative; margin: 20px auto; padding:0px; border-top:0px solid #e2e2e2;background:#FFF;}
.contBot_comp .innerB{position:relative;left:0;bottom:0;z-index:2; width:90%; min-width:320px;}
.contBot_comp .innerB > div{float:left}


.contBot_msg{position:relative; margin: 0 auto; padding:0px; border-bottom:1px solid #e2e2e2;background:#FFF;}
.contBot_msg .innerB {position:relative; height:auto;margin:0 auto; width:95%; min-width:320px; text-align:center; }

/*.contBot_msg .innerB > div{float:left}*/
.contBot_msg .innerB ul{overflow:hidden; padding-top:0px; padding-bottom:0px; text-align:center; }
.contBot_msg .innerB ul li{position:relative; display:inline-block; padding:0px; text-align:left; letter-spacing: -1px; line-height:1.2em; font-weight:400; font-size:0.7em; width:48%;}

.contBot_msg .innerB .tel {position:relative; margin: 0 auto; padding:20px 0 10px 0 !important; letter-spacing: -2px; line-height:1.3em; font-weight:400; font-size:0.9em; color:#999; width: 90%; text-align:center; border-top:2px dashed #e3e3e3;}
.contBot_msg .innerB .tel a{position:relative;display:inline-block; padding:0px; text-align:left; letter-spacing: -2px; line-height:1.0em; font-weight:500; font-size:2.0em; color:#ed3f5f;}
.contBot_msg .innerB .tel a:hover,a:focus,a:active{text-decoration:none !important; cursor:pointer !important; }




/* inputResultTop º¸ÀåºÐ¼®°á°ú ŸÀÌƲ */
.inputResultTop{border-bottom:0px solid #ddd;height: auto; background:#3399cc;}
.inputResultTop .innerB{width:90%;margin:0 auto}
/*.inputResultTop .innerB{position:relative;z-index:2;}*/
.inputResultTop .innerB > div{float:left}
.inputResultTop .innerB h1 {/*float:left; */margin:0px; padding:10px; font-weight:700; color:#FFF; font-size:1.5em; line-height:1.2em; letter-spacing: -2px; text-align:center;}


.inputResultMid{border-bottom:0px solid #ddd;height: auto; }
/*.inputResultMid .innerB{width:90%;margin:20px auto; text-align:center; }*/
.inputResultMid .innerB{position:relative;z-index:2; width:90%;margin:15px auto; text-align:center; }
.inputResultMid .innerB > div{float:left}
.inputResultMid .innerB h2 {/*float:left; */margin:0; padding:0; font-weight:500; color:#181639; font-size:1.2em; line-height:2.0em; letter-spacing: -2px; text-align:left; }
.inputResultMid .innerB h2 .clogo {border:1px solid #e3e3e3; margin-right: 10px;}

.inputResultMid .innerB ul{overflow:hidden;margin:10px auto;; padding-bottom:10px; }
.inputResultMid .innerB ul li{position:relative; padding: 2px 0; text-align:left; letter-spacing: -1px; line-height:1.4em; font-weight:400; font-size:0.8em; }
.inputResultMid .innerB ul li.point{color:#ff6666;}

/* ½Ç½Ã°£ º¸ÀåºÐ¼® ½ÅûÇöȲ Å×À̺í */
.table_inputResult {position:relative; min-width:100%; max-width:100%; margin:10px auto; height:auto; text-align:center; border:4px solid #e3e3e3;}
.table_inputResult thead th {border:1px solid #e3e3e3; padding:5px 0 5px 5px;vertical-align:middle; font-size:0.9em; color:#006699; font-weight:400 !important; letter-spacing: 0; background:#e7f1fa; }
.table_inputResult tbody td {border:1px solid #e3e3e3; background:#FFF; padding:20px 10px; font-size:0.9em; color:#181639; font-weight:500 !important; letter-spacing: 0}
.table_inputResult thead th.total {border-bottom:2px dashed #e3e3e3; background:#FFF; padding:20px 10px; font-size:1.2em; color:#006699; font-weight:500 !important; letter-spacing: 0; }
.table_inputResult .price {font-size:1.1em; color:#fe5479; font-weight:700 !important; letter-spacing: -1px; }

.inputResult_btn {margin:0 auto; position:relative; width:10%; letter-spacing: -1px; font-weight:500; font-size:1.0em; color:#FFF; background:#0066cc; border-radius: 0.5em; text-align: center; }
.inputResult_btn a{margin:5px auto; position:relative;display:inline-block; letter-spacing: -1px; line-height:1.3em; font-weight:500; font-size:0.9em; color:#FFF; }
.inputResult_btn a:hover,a:focus,a:active{text-decoration:none !important; cursor:pointer !important; color:#b2dcfc; }


/* remoExTop º¸Ç踮¸ðµ¨¸µ¿¹½Ã ŸÀÌƲ */
.remoExTop{border-bottom:0px solid #ddd;height: auto; background:#3399cc;}
.remoExTop .innerB{width:90%;margin:0 auto}
/*.remoExTop .innerB{position:relative;z-index:2;}*/
.remoExTop .innerB > div{float:left}
.remoExTop .innerB h1 {/*float:left; */margin:0px; padding:10px; font-weight:700; color:#FFF; font-size:1.5em; line-height:1.2em; letter-spacing: -2px; text-align:center;}


.remoExMid_tab01{border-bottom:0px solid #ddd;height: auto; }
/*.remoExMid_tab01 .innerB{width:90%;margin:20px auto; text-align:center; }*/
.remoExMid_tab01 .innerB{position:relative;z-index:2; width:90%;margin:15px auto; text-align:center; }
.remoExMid_tab01 .innerB > div{float:left}
.remoExMid_tab01 .innerB h2 {/*float:left; */margin:0; padding:0 0 0 15px; font-weight:700; color:#333; font-size:0.9em; line-height:1.1em; letter-spacing: -2px; text-align:left; background:url(/img/ico_02.png) no-repeat 0 0; }

/* ½Ç½Ã°£ º¸ÀåºÐ¼® ½ÅûÇöȲ Å×À̺í */
.table_remEx {position:relative; min-width:100%; max-width:100%; margin:5px auto; height:auto; text-align:center; border:4px solid #e3e3e3;}
.table_remEx thead th {border:1px solid #e3e3e3; padding:5px 0 5px 5px;vertical-align:middle; font-size:0.8em; color:#006699; font-weight:400 !important; letter-spacing:-1px; background:#e7f1fa; }
.table_remEx tbody th {border:1px solid #e3e3e3; padding:5px 0 5px 5px;vertical-align:middle; font-size:0.8em; color:#006699; font-weight:400 !important; letter-spacing:-1px; background:#e7f1fa; }
.table_remEx tbody td {border:1px solid #e3e3e3; background:#FFF; padding:5px 0 4px 5px; font-size:0.8em; color:#333; font-weight:500 !important; letter-spacing: -1px;}
.table_remEx tbody td.desc {border:1px solid #e3e3e3; background:#FFF; padding:5px 0 4px 5px; font-size:0.8em; color:#666; font-weight:300 !important; letter-spacing: -1px; ; }
.table_remEx tbody td.total {border:1px solid #e3e3e3; background:#FFF; padding:5px 0 4px 5px; font-size:1.1em; color:#006699; font-weight:500 !important; letter-spacing: -1px; ; }
.table_remEx tbody td.report {border:1px solid #e3e3e3; background:#FFF; padding:5px 0 4px 5px; font-size:0.8em; color:#666; font-weight:500 !important; letter-spacing: -1px; ; }
.table_remEx .price {font-size:1.6em; color:#fe5479; font-weight:700 !important; letter-spacing: -1px; }
.table_remEx .point {color:#fe5479; font-weight:500 !important; letter-spacing: -1px; }

.remoEX_btn {margin:0 auto; position:relative; width:30%; letter-spacing: -1px; font-weight:500; font-size:1.0em; color:#FFF; background:#0066cc; border-radius: 0.5em; text-align: center; }
.remoEX_btn a{margin:5px auto; position:relative;display:inline-block; letter-spacing: -1px; line-height:1.3em; font-weight:500; font-size:1.2em; color:#FFF; }
.remoEX_btn a:hover,a:focus,a:active{text-decoration:none !important; cursor:pointer !important; color:#b2dcfc; }


/* Margin */
.mgt0{margin-top:0px !important;}
.mgt5{margin-top:5px !important;}
.mgt_5{margin-top:-5px !important;}
.mgt7{margin-top:7px !important;}
.mgt10{margin-top:10px !important;}
.mgt14{margin-top:14px !important;}
.mgt15{margin-top:15px !important;}
.mgt18{margin-top:18px !important;}
.mgt20{margin-top:20px !important;}
.mgt_10{margin-top:-10px !important;}
.mgt25{margin-top:25px !important;}
.mgt30{margin-top:30px !important;}
.mgt34{margin-top:34px !important;}
.mgt35{margin-top:35px !important;}
.mgt37{margin-top:37px !important;}
.mgt40{margin-top:40px !important;}
.mgt45{margin-top:45px !important;}
.mgt50{margin-top:50px !important;}
.mgt57{margin-top:57px !important;}
.mgt60{margin-top:60px !important;}
.mgt75{margin-top:70px !important;}
.mgt80{margin-top:80px !important;}
.mgt90{margin-top:90px !important;}
.mgt100{margin-top:100px !important;}
.mgt115{margin-top:110px !important;}
.mgt150{margin-top:135px !important;}
.mgt210{margin-top:210px !important;}
.mgt220{margin-top:240px !important;}
.mgt250{margin-top:250px !important;}

.mgb5{margin-bottom:5px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb_10{margin-bottom:-10px !important;}
.mgb15{margin-bottom:15px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb25{margin-bottom:25px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb70{margin-bottom:70px !important;}

.mgl1{margin-left: 1px !important;}
.mgl5{margin-left:5px !important;}
.mgl7{margin-left:7px !important;}
.mgl10{margin-left:10px !important;}
.mgl15{margin-left:15px !important;}
.mgl20{margin-left:20px !important;}
.mgl25{margin-left:25px !important;}
.mgl30{margin-left:30px !important;}
.mgl35{margin-left:35px !important;}
.mgl40{margin-left:40px !important;}
.mgl50{margin-left:50px !important;}
.mgl60{margin-left:60px !important;}
.mgl100{margin-left:100px !important;}
.mgl120{margin-left:120px !important;}
.mgl150{margin-left:150px !important;}
.mgl310{margin-left:310px !important;}
.mgl350{margin-left:350px !important;}
.mgl320{margin-left:320px !important;}
.mgl270{margin-left:270px !important;}
.mgl250{margin-left:250px !important;}

.mgr5{margin-right:5px !important;}
.mgr8{margin-right:8px !important;}
.mgr10{margin-right:10px !important;}
.mgr15{margin-right:15px !important;}
.mgr20{margin-right:20px !important;}
.mgr25{margin-right:25px !important;}
.mgr30{margin-right:30px !important;}
.mgr40{margin-right:40px !important;}
.mgr50{margin-right:50px !important;}

/* Width */
.wd35{width: 35px !important;_width:35px; }
.wd40{width: 40px !important;_width:40px; }
.wd45{width: 45px !important;_width:45px; }
.wd42{width: 42px !important;_width:42px; }
.wd56{width: 56px !important;_width:56px; }
.wd70{width: 70px !important;_width:70px; }
.wd80{width: 80px !important;_width:80px; }
.wd100{width: 100px !important;_width:100px; }
.wd135{width: 135px !important;_width:135px; }
.wd200{width: 200px !important;_width:200px; }
.wd350{width: 350px !important;_width:350px; }
.wd100p{width: 100% !important;_width:100%; }
.wd15p{width: 15% !important;_width:15%; }
.wd18p{width: 18% !important;_width:18%; }
.wd20p{width: 20% !important;_width:20%; }
.wd40p{width: 45% !important;_width:45%; }
.wd50p{width: 50% !important;_width:50%; }
.wd60p{width: 60% !important;_width:60%; }
.wd80p{width: 80% !important;_width:80%; }
.wd90p{width: 90% !important;_width:90%; }

.pda {padding:10px !important;}
.pda5 {padding:5px !important;}
.pda2 {padding:2px !important;}
.pdlr20{padding-left:20px !important; padding-right:20px !important;}}


/* Äü¸Þ´º */
.quick {position: absolute; left:1030px; top:0; z-index:3;} /* »ó´Ü°úÀÇ ¿©¹éÀº quick.js Âü°í */
.quick ul {}
.quick ul li {margin-bottom:0; }
.quick ul li.last {margin-top:-2px; }
.quick ul li a {display:inline-block; width:80px; margin:0; padding:0; overflow:hidden;vertical-align:middle;}
.quick ul li a span {top:0; left:-9999px; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0}
.quick span a {margin:10px 0 0 9px;}
.quick span a img {vertical-align:middle; text-align: center;}

/* PC¹öÀü */
.mobiletr{ margin-top: 20px; height:60px; width:100%; padding-top: 15px;}
.mobiletr {text-align:center; width:100%; background-color:#ccbcbc; font-weight:bold;}
.mobiletr a {color:#fff; font-size:30px; }

.dis_non {display:none;}
.pst_rel {position:relative;}
.pst_abs {position:absolute;}
.btn_loding {display:none;position:absolute;top:34px;left:260px;}

#realtime_list ul {background:none;}
#realtime_list ul li {padding:0px 0px 5px 0px;width:100%;text-align:center;font-size:1em;}


/* btn_btm */
/*------------------------------------ Transition --------------------------------*/
button {border:none;outline: none;box-shadow: none;display: block; padding: 0;}

.tran3s,.hesperiden.tparrows,.panel-heading:before,.service-style-one .single-service div span,.service-style-one .single-service p,
.service-style-one .single-service i,.service-style-one .single-service:before,.owl-theme .owl-nav [class*=owl-],.theme-button,
.bootstrap-select.btn-group .dropdown-menu li a,.contact-style-two .opacity .wrapper .form-wrapper button i,.mixitUp-menu ul li:before,
.details-page-wrapper .details-page-sidebar .sidebar-list li a:before,.details-page-wrapper .details-page-sidebar .carousel-indicators li,
.project-details .project-info .text ul li:before,.nav-tabs > li > a  {
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
.tran4s,#searchWrapper {
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
 }
/*.pc {display: block;}
.mobile { display: none; }*/

.kakao { 
  position: fixed;
  bottom: 140px;
  right: 30px;
  z-index: 100;
 }
.scroll-top {
  background: transparent;
  width:38px;
  height:41px;
  position: fixed;
  bottom: 200px;
  right: 30px;
  z-index: 99;
  display: none;
}
.scroll-top:after { border:1px solid red;
  position: absolute;
  z-index: 99;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.fix-menu { height: auto;
  z-index: 10;
  width: 100%;
  background: #607576;
  position: fixed;
  bottom: 0;
  padding: 0;
  text-align:center;
}
.fix-menu div{ margin: 5px auto; vertical-align:middle;
  width: 45%;
  display: inline-block;
}

.fix-menu div img{
  width: 100%; min-width:50%;
}



/* ÀÚµ¿Â÷º¸ÇèÁ¤º¸°Ô½ÃÆÇ Å×À̺í*/
#list-table {overflow:hidden; margin:0 auto; text-align:center;min-width:320px; max-width:100%; margin-top: 0; padding:0; font:normal 13px Malgun gothic,'µ¸¿ò' ; line-height: 140%; color: #333; letter-spacing: -1px; }
.list-table caption {display:none;}
.list-table.info{border-top:3px solid #ffb41e;margin:0 0 0 0;}
.list-table{border-top:1px solid #aaa; width:100%;}
.list-table th{background-color:#f5f5f5; border-top:1px solid #E2E4E4; border-bottom:1px solid #d0d0d0; color:#5a5b60; text-align:center; padding: 7px 5px 5px 0; font-weight: bold;}
.list-table td {border-bottom:1px solid #d0d0d0; border-right:0px solid #E2E4E4; color:#666; line-height:140%; font:normal 12px Malgun gothic,'µ¸¿ò'; padding: 10px 5px 7px 0; text-align: left;letter-spacing: -1px; }
.list-table tr.last td{border-bottom:1px solid #d5d5d5;}
.list-table tr.new td{background:#fafafa;font-weight:bold; }
/*.list-table td.notice,.list-table td.notice a{color:#333;font-weight:bold; text-align: center;}
.list-table td.tit a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;}
.list-table td.tit {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;}*/
.list-table td.bbstitle a{font-size:  14px;font-weight:bold;font-family:'¸¼Àº°íµñ', Malgun gothic,'µ¸¿ò'; color: #666; letter-spacing: -1px; line-height:140%; }
.list-table td.bbstitle a:hover{ color: #999;}
.list-table .ico {margin: 0 0 0 10px;vertical-align: middle;}
.list-table .ico2{margin:0px 0 0 8px;vertical-align:middle;}
/*.list-table td.notice, .list-table td.notice img.ico2 {margin:-2px 0 0 8px;}
.list-table a:hover,.list-table a:focus{text-decoration:underline; color: #000; letter-spacing: -1px; }
.list-table .tit-list{color:#666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align: left;}*/
.list-table img {margin: 0 0 0 10px;vertical-align: middle;}
.list-table .cont{padding:20px;_padding:30px;border-bottom:1px solid #e3e3e3; text-align: left;background: #f5f5f5;}
.list-table .cont > div{line-height:15px;min-height:15px; text-align: left;}
.list-table td.answer{background: #f5f5f5;}
/*.list-table .tit2 {padding-left:5px;text-align:left; font-size:14px; color : #333;}
.list-tabletxt {text-align: left; margin:6px 0 0 0;line-height:18px;padding:0 0 0 15px;background:url(/img/ico_ar.gif) no-repeat 0 3px;font-size:11px;}*/
.list-table .textcenter {text-align: center; }
.list-table .btn{width:15%; vertical-align:top;margin:0; padding: 0;}


#pagingwrap {float: left; width: 100%; height:auto; min-height:18px; margin: 0 0 0 0; text-align:center;}
#paging {overflow:hidden; margin:0 auto; text-align:center;}
#paging ul { text-align:center;}
#paging ul li img {padding: 0 5px 0 5px; }
#paging ul li {/* padding: 0 3px 0 3px; *//* font: normal 11px malgun, 'µ¸¿ò'; *//* letter-spacing: -1px; *//* color: #ccc; */display: inline-block; !importantdisplay:-moz-inline-stack;/* display:inline-block; */ *display:inline;vertical-align:middle; *zoom:1;padding:0 3px;}
#paging ul li a {text-decoration:none; color: #666; display: inline-block; !important;display:-moz-inline-stack; display:inline-block; *display:inline; vertical-align:middle; *zoom:1;}
#paging ul li a:hover {text-decoration:underline; color: red;}
#paging ul li.on {color: #ff6600;font-weight: bold;}
#paging ul li.on a {color: #ff6600;}
#paging .btn img{vertical-align:middle;margin:0 0 0 0;}

/* ======================================== bp2018 20180530 °í°´¼¾ÅÍ Ãß°¡  */
/* page °øÅë */
#page_wrap {position:relative; min-width:320px; max-width:100%; margin:0 auto; height:auto;}
#page {position:relative; min-width:320px; max-width:96%; margin:0 auto; height:auto; }
#page h2 {min-width:320px; max-width:100%; text-align: left; color:#414182; font:bold 18px Nanum Gothic, Malgun Gothic, '¸¼Àº °íµñ', 'µ¸¿ò',dotum; letter-spacing: -2px; line-height:110%;}
#page .imgwd {min-width: 100%; max-width:100%;}
#page .lineb3 {height: 3px; border-bottom: 3px solid #3c3c5c; }
#page .lineb1 {height: 1px; border-bottom:1px solid #e3e3e3;}
#page .btn_s {padding:0.3em 0.4em; border:0px solid #d11141; color:#d11141; font-weight:bold; margin-left:3px;}


#page .con_textt {position:relative; min-width:320px; max-width:640px; margin:0 auto; height:auto;border: 0px solid red; }
#page .con_textt ul {width:100%; margin:0 0 0 0; }
#page .con_textt li {margin-top:0; padding:0 0 0 10px; font-size:16px; color:#3c3c5c; word-break:keep-all; text-align:left; background:url("/_mobile/img/ico_cube01.png") no-repeat left 0 top 8px; line-height:130%;}
#page .con_textt li a {color:#3c3c5c; }

#page .con_textm {position:relative; min-width:320px; max-width:640px; margin:0 auto; height:auto;border: 0px solid red; }
#page .con_textm ul {width:100%; margin:0 0 0 0; }
#page .con_textm li {margin-top:0; padding:0 0 0 10px; font-size:14px; color:#3c3c5c; word-break:keep-all; text-align:left; background:url("/_mobile/img/ico_cube01.png") no-repeat left 0 top 8px; line-height:150%;}
#page .con_textm li a {color:#3c3c5c; }

#page .con_text {position:relative; min-width:320px; max-width:640px; margin:0 auto; height:auto;border: 0px solid red; }
#page .con_text ul {width:100%; margin: 0 0 0; }
#page .con_text li {margin-top:0; padding:0 0 0 10px; font-size:13px; color:#3c3c5c; word-break:keep-all; text-align:left; background:url("/_mobile/img/bu_dash.png") no-repeat left 0 top 8px; line-height:130%;}
#page .con_text li.star {margin-top:0x; padding:0 0 0 10px; font-size:13px; color:#d11141; word-break:keep-all; text-align:left; background:url("/_mobile/img/bu_dash.png") no-repeat left 0 top 8px; line-height:130%;}

/* Page °øÅë »ó´Ü¹è³Ê */
#page_bannwrap {position:relative; min-width:320px; max-width:100%; margin:0 auto; text-align: center; padding: 0; background:#d74166;}

#page_bann {position:relative; min-width:320px; max-width:100%; margin:0 auto; height:auto; text-align: left; padding: 0; background: url('/_mobile/img/carpage_board_bg.gif') no-repeat top center; background-size: 100%; overflow:hidden;}
#page_bann dl {float: left; margin:15px 0 10px 0; width: 95%; color:#FFF; font:bold 1.1em malgunGothic,"¸¼Àº °íµñ",'µ¸¿ò'; letter-spacing: -2px;}
#page_bann dt { margin:0 15px; width: 95%; color:#FFF; font:bold 2.1em malgunGothic,"¸¼Àº °íµñ",'µ¸¿ò'; letter-spacing: -3px; line-height: 110%; }
#page_bann .point {color:#ffff99;  }/* ³ë¶ûÀÌ */
#page_bann .bgpoint {background:#ad041a; color:#ffff99; text-decoration:underline;}/* ³ë¶ûÀÌ */
#page_bann dd {margin:2px 15px; width: 90%; color:#FFF; font:normal 0.8em malgunGothic,"¸¼Àº °íµñ",'µ¸¿ò'; letter-spacing: -1px; line-height: 130%; }
#page_bann dd.txts_16 {margin:0 15px; width: 90%; color:#FFF; font:bold 1.1em malgunGothic,"¸¼Àº °íµñ",'µ¸¿ò'; letter-spacing: -1px; line-height: 130%; }



/*ÀÚµ¿Â÷Á¤º¸°Ô½ÃÆÇ */
/* ÀÚµ¿Â÷º¸ÇèÁ¤º¸°Ô½ÃÆÇ ¸ÞÀÎ */
#carinfowrap {position:relative; min-width:320px; max-width:100%; margin:0 auto; height:auto;}
#carinfowrap h2 {/* min-width:320px; max-width:100%; text-align: left; font:bold 1.0em Nanum Gothic, Malgun Gothic, '¸¼Àº °íµñ', 'µ¸¿ò',dotum; letter-spacing: -2px; line-height:110%;*/}
#carinfowrap h2 span.txt11 {color:#666;font:normal 12px Nanum Gothic, Malgun Gothic, '¸¼Àº °íµñ', 'µ¸¿ò',dotum; letter-spacing: -1px; }

#car_board_list {position:relative; min-width:320px; max-width:96%; margin:0 auto; height:auto;border: 0px solid red; }



/* ¸Þ´º °Ô½Ã±Û,À̹ÌÁö */
.menu_text_area {float:left;width:100%;height:auto;font-family:'¸¼Àº °íµñ';margin-top:10px;line-height:32px;text-align:justify;}
.menu_text_area > div {font-size:20px;margin-top:20px;color:#333;}
/* ¸Þ´º °Ô½Ã±Û,À̹ÌÁö */

/* ¸Þ´º ÆäÀÌÁö Å×À̺í */
.menu_table_area{margin-bottom:20px;line-height:20px;font-weight:normal;}
.menu_table_area span{font-size:13px;}

.tbl_menu_view { position:relative;  line-height:28px; border-collapse:collapse; word-break:break-word; }
.tbl_menu_view::after { content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ccc; }
.tbl_menu_view tbody th,
.tbl_menu_view tbody td { height:auto;min-height:100px; padding:20px 20px;text-align:justify;  border-bottom:1px #ddd solid; border-right:1px #ddd solid;vertical-align:middle !important;font-size:16px; }
.tbl_menu_view tbody th {font-weight:bold; background:#f6f6f6; word-break:break-all; }
.tbl_menu_view tbody td { font-weight:300;  line-height:28px;}
.tbl_menu_view tbody td:last-child { border-right:0; }
.tbl_menu_view tbody td:last-child[rowspan] {border-left:1px solid #ddd;}

.tbl_menu_view2 { position:relative;  line-height:28px; border-collapse:collapse; word-break:break-word; }
.tbl_menu_view2::after { content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ccc; }
.tbl_menu_view2 tbody th,
.tbl_menu_view2 tbody td { height:auto;min-height:100px; padding:5px 20px;text-align:justify;  border-bottom:1px #ddd solid; border-right:1px #ddd solid;vertical-align:middle !important;font-size:12px; }
.tbl_menu_view2 tbody th {font-weight:bold; background:#f6f6f6; word-break:break-all; }
.tbl_menu_view2 tbody td { font-weight:300;  line-height:28px;}
.tbl_menu_view2 tbody td:last-child { border-right:0; }
.tbl_menu_view2 tbody td:last-child[rowspan] {border-left:1px solid #ddd;}

.tbl_title{padding:16px 20px !important;background:#0071d2 !important;font-size:20px !important;color:#fff;text-align:center !important;font-weight:bold !important;}
/* ¸Þ´º ÆäÀÌÁö Å×À̺í */

.cls_ico_up{display:inline-block;width:13px;height:11px;background:url('/common/img/icon_up.png')}
.cls_ico_down{display:inline-block;width:13px;height:11px;background:url('/common/img/icon_down.png') no-repeat;}
.cls_bold_imp{font-weight:bold !important;}
.b{font-weight:bold !important;}