/*form*/

.form  .tit { font-size:18px; text-align:center; padding:14px 0;}
.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 > 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: 860px;}



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

.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 {font-size: 15px;}
.con > div > dl > dd.c_flow > ul > li {width:100%;    font-size: 18px;    text-align: left;}




/*버튼*/

.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: 26px;}



/*타이틀 패턴배경*/

.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('./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*/




.c_flow_box ul li span {text-align:left;}

.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.img_box01 > ul > li.c_01 {background:url('./c_ion01_480.png') no-repeat #334A68; background-position:20px 14px;background-size: 70px; }
.con > div > dl > dd.img_box01 > ul > li.c_02 {background:url('./c_ion04_480.png') no-repeat #29ABF0;  background-position:20px 14px;background-size: 70px; }
.con > div > dl > dd.img_box01 > ul > li.c_03 {background:url('./c_ion03_480.png') no-repeat #334A68;  background-position:20px 14px;background-size: 70px; }