/*form*/

.form  .tit { font-size:18px; text-align:center; padding:14px 0;}
.form  .tit span {margin-right:5px;}
.form  .tit span img {margin-top:-5px; width:20px;}


.form_wrap {    padding: 20px 10px;}
.form_wrap > dl {width: 100%;}
.form_wrap dl > dt {display:none;}
.form_wrap dl > dd {width:100%;}

.form_wrap .form_01  {margin:0}
.form_wrap .form_02  {margin:0}
.form_btn_box {text-align:center;}
.form_wrap .form_03 { display: block; width:100%; }
.form_wrap .form_03 .form_btn_box { width: 230px;  margin: 0 auto; margin-top:20px;}


/*tel_info*/

.tel_info .tel{    font-size: 20px;}
.tel_info .tel > ul > li {display:block;}
.tel_info .tel > ul > li img {width:70px;}
.tel_info .tel > ul > li > ul > li.call_time {font-size:14px;}

.tel_info .tel:before{padding-left: 2%; font-size:72px}
.tel_info .tel:after{padding-right: 2%; font-size:72px}



/*contents*/
.con > div {border-left:0; border-right:0;}
.con > div > dl > dt {margin-left: 5px; margin-right: 5px; margin-bottom:10px;    margin-top: 20px;}
.con > div > dl > dt h3 {    font-size: 22px;     padding: 15px 15px 20px 15px;}
.con > div > dl > dt h3:before, .con > div > dl > dt h3:after { top: 24px; height: 6px; width: 6px;}
.con > div > dl > dd {margin:0 20px 0px 20px;    padding-bottom: 30px; width:auto;}
.con > div > dl > dd > p {    font-size: 14px; width:100%;}
.con > div > dl > dd > span {width:100%;    margin: 0 auto; padding-bottom: 10px;}
.con > div > dl > dd > span img {width:180px;}

.con > div > dl > dt span{font-size: 20px;    width: 80px; height: 35px; padding-top:5px;}
.con > div.t_01 > dl > dt > span {background-size:80px}
.con > div.t_02 > dl > dt > span {background-size:80px}
.con > div.h_flow dl > dt span {background-size:80px}



.m_visual2 {  background-size: 40px;}

/* 순서가 있는 박스형태 세로*/

.con > div.h_flow dl > dd > ul {overflow: hidden;}
.con > div.h_flow dl > dd > ul > li{ padding: 10px 0 10px 16px; margin: 0 0  7px 0px; width:100%;}
.con > div.h_flow dl > dd > ul > li p.txt {font-size:14px; width:80%;}
.con > div.h_flow dl > dd > ul > li p {width:30px;}
.con > div.h_flow dl > dd > ul > li u  { margin: -3px 0px; height:18px;}
.con > div.h_flow dl > dd > ul > li span {    font-size: 18px;}


/* 순서가 있는 박스형태 가로*/


.con > div > dl > dd.c_flow > ul > li span {    padding: 0px 10px 0px 20px; float:left}
.con > div > dl > dd.c_flow > ul > li span img {    width: 48px;}
.con > div > dl > dd.c_flow > ul > li {width:100%;    font-size: 18px;    text-align: left;}

.c_flow_box ul li {width:45%; font-size: 14px; margin-bottom:15px; margin-right:10px; }
.c_flow_box ul li img {width:70px;}


/*버튼*/

.btn_st .ok_btn {width:80%;}


/* */

.img_box01 > span {    position: relative;    text-align: center; display: block;    margin-bottom: 20px;}
.img_box01 > span img {width:100%; max-width:360px}




/*포인트 박스*/

.point {font-size:14px;    line-height: 140%;}
.point2 {margin-top:0px;background-position: center 165px;  background-size: 40%;    height: auto; min-height: 240px;}
.point2 dl {padding-left:0;}
.point2 dl > dt {    font-size: 18px; text-align:center;}
.point2 dl > dd {font-size: 14px;}


/* 컨텐츠 중간 이미지컷*/

.img_wrap li { width: 48.5%;}


.line:before {    top: 23px;}



/*타이틀 패턴배경*/

.pattern  {position:relative}
.pattern h3 {background:#E0E0E0; display:inline-block; *display:inline; zoom:1; position:relative;     padding: 0 10px;}
.pattern:before {content: ''; width: 95%;position: absolute; background: url('../img/head-title-pattern.png') repeat-x; top: 40px;height: 6px;left:2.5%}


/*테이블 스타일*/


.tb_01 td, .tb_01 th {font-size:14px;}
.tb_01 th {width:30%;}


/* 순서가 있는 박스형태 가로 type2*/


.con > div > dl > dd > ul.w50 {    margin-bottom:70px;}
.con > div > dl > dd > ul.w50 > li {    font-size: 14px;}
.con > div.bg01 {    background-size: 90%;}



.con > div > dl > dd.img_box01 > ul > li {width:95%; text-align: left;}
.con > div > dl > dd.img_box01 > ul > li > p {padding:10px 5px 0px 87px; color:#fff; font-size:15px; line-height:140%; text-align:left;}
.con > div > dl > dd.img_box01 > ul > li > p  span {color:#fff588;}



.con > div > dl > dd > ul li {font-size:14px;}

.m_visual2 {
    background-size: 200%;}


.point-count div p {font-size:14px}
.point-count_wrap:before {border-left:2px dashed #BDC3C7;}

.con > div > dl > dd.img_box01 > ul > li > span.mobile {display:inline-block; *display:inline; zoom:1;     float: left;     margin-top: 0px;    margin-left: 10px;}
.con > div > dl > dd.img_box01 > ul > li > span {display:none;}