﻿/*기본*/
@charset "utf-8";
body {font-family:Malgun Gothic, 맑은고딕;}
/*공통 E*/
img {	border: 0;	margin: 0px;	padding: 0; }
ol, dl, dt, dd, ul, li {	list-style: none;	margin: 0px;	padding: 0px;}
p {	margin: 0;	padding: 0;	border: 0;}
a {	color: #444;	text-decoration: none;}
a:hover, a:active {	color: #ff6600;	text-decoration: none;}


/* 본문시작_PC 기준*/
#wrap {width: 100%;	margin: 0px auto; font-size:13px;}

/*타이틀 제목*/
h4.titDepth01  {font-size:180%; font-weight:bold; color:#000; margin:25px 0 20px 0;}
/*==========================================================================================*/

/*내용 시작*/

.infor {width:97%; text-align:center;  border:2px solid #ccc; border-radius: 10px; padding:1%; margin:0 0 30px 0;}
.infor {max-width:100%;}

.box_title01 {padding:0.5% 0 1% 2%; margin:0 auto 0 auto; border-radius:5px; background-color:#1986b3; /* For browsers that do not support gradients */
    background-image: linear-gradient(#50abd1, #1986b3); text-align:left;font-weight:bold; color:#fff; font-size:1.0769230769230768em;}
ul {width:92%; border:1px dashed #ccc; margin:0 auto 4% auto; padding:1% 2%;}

.policy { width:85%; border:4px double #eaeaea; border-radius:5px; padding:1% 3% 1% 2%;  margin:5% auto; background:#fff; text-align:center; }
.policy dl {}
.policy dt {font-weight:bold; color:#1986b3; font-size:1.1538461538461537em; text-align:left;}
.policy dd {padding:1% 3%;}
.policy dd > ul { padding:0; background:url(01.png) no-repeat; padding-left: 150px;  min-height:120px;  margin:20px 0 0 0; border:none;}
.policy dd > ul li {floalt:left; padding:1% 0 0 0; text-align:left;}
.btn  {padding:0.3% 1% 0.5% 1%; margin:0 0 0 1%; border-radius:5px; background-color:#1986b3; /* For browsers that do not support gradients */
    background-image: linear-gradient(#50abd1, #1986b3); text-align:left;font-weight:bold; color:#fff; font-size:0.8461538461538461em;}
.btn a    {color: #fff; text-decoration: none; }
.btn a:hover   {color: #fff; text-decoration:underline; font-weight:bold;}



/*mobile*/
@media all and (max-width:580px){

.policy { width:85%; border:4px double #eaeaea; border-radius:5px; padding:1% 2%;  margin:5% auto; background:#fff; text-align:center; }
.policy dl {}
.policy dt {font-weight:bold; color:#1986b3; font-size:1.1538461538461537em; text-align:left;}
.policy dd {padding:1% 3%;}
.policy dd > ul { padding:0; background:none; margin:0; min-height:100%;}
.policy dd > ul li {floalt:left; padding:1% 0 0 0; text-align:left; width:95%;}
.btn  {padding:0.3% 1% 0.5% 1%; margin:0 0 0 1%; border-radius:5px; background-color:#1986b3; /* For browsers that do not support gradients */
    background-image: linear-gradient(#50abd1, #1986b3); text-align:left;font-weight:bold; color:#fff; font-size:0.8461538461538461em;}
.btn a    {color: #fff; text-decoration: none; }
.btn a:hover   {color: #fff; text-decoration:underline; font-weight:bold;}

}
