@charset "utf-8";

/* CSS Document */

@import "ked.css";
@import "ked_mobile.css";

/* fonts */


/* fonts 나눔스퀘어 */
@font-face {
  font-family: 'NanumSquare-L';
  src: local(NanumSquareOTFLight);
  src: url("/font/new/fonts/NanumSquareOTFLight.eot");
  src: url("/font/new/fonts/NanumSquareOTFLight.woff") format("woff"), url("/font/new/fonts/NanumSquareOTFLight.otf") format("opentype");
}
@font-face {
  font-family: 'NanumSquare-R';
  src: local(NanumSquareOTFRegular);
  src: url("/font/new/fonts/NanumSquareOTFRegular.eot");
  src: url("/font/new/fonts/NanumSquareOTFRegular.woff") format("woff"), url("/font/new/fonts/NanumSquareOTFRegular.otf") format("opentype");
}
@font-face {
  font-family: 'NanumSquare-B';
  src: local(NanumSquareOTFBold);
  src: url("/font/new/fonts/NanumSquareOTFBold.eot");
  src: url("/font/new/fonts/NanumSquareOTFBold.woff") format("woff"), url("/font/new/fonts/NanumSquareOTFBold.otf") format("opentype");
}
@font-face {
  font-family: 'NanumSquare-EB';
  src: local(NanumSquareOTFExtraBold);
  src: url("/font/new/fonts/NanumSquareOTFExtraBold.eot");
  src: url("/font/new/fonts/NanumSquareOTFExtraBold.woff") format("woff"), url("/font/new/fonts/NanumSquareOTFExtraBold.otf") format("opentype");
}

/* fonts Noto Sans KR */
@font-face {
    font-family: 'NotoSansKr-Th';
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url("/font/new/fonts/NotoSansKR-Thin-Hestia.eot"),
    url("/font/new/fonts/NotoSansKR-Thin-Hestia.woff") format('woff'),
    url("/font/new/fonts/NotoSansKR-Thin-Hestia.otf") format('opentype');
}

@font-face {
    font-family: 'NotoSansKr-L';
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url("/font/new/fonts/NotoSansKR-Light-Hestia.eot"),
    url("/font/new/fonts/NotoSansKR-Light-Hestia.woff") format('woff'),
    url("/font/new/fonts/NotoSansKR-Light-Hestia.otf") format('opentype');
}

@font-face {
    font-family: 'NotoSansKr-DL';
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url("/font/new/fonts/NotoSansKR-DemiLight-Hestia.eot"),
    url("/font/new/fonts/NotoSansKR-DemiLight-Hestia.woff") format('woff'),
    url("/font/new/fonts/NotoSansKR-DemiLight-Hestia.otf") format('opentype');
}

@font-face {
    font-family: 'NotoSansKr-R';
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url("/font/new/fonts/NotoSansKR-Regular-Hestia.eot"),
    url("/font/new/fonts/NotoSansKR-Regular-Hestia.woff") format('woff'),
    url("/font/new/fonts/NotoSansKR-Regular-Hestia.otf") format('opentype');
}

@font-face {
    font-family: 'NotoSansKr-M';
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url("/font/new/fonts/NotoSansKR-Medium-Hestia.eot"),
    url("/font/new/fonts/NotoSansKR-Medium-Hestia.woff") format('woff'),
    url("/font/new/fonts/NotoSansKR-Medium-Hestia.otf") format('opentype');
}

@font-face {
    font-family: 'NotoSansKr-B';
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url("/font/new/fonts/NotoSansKR-Bold-Hestia.eot"),
    url("/font/new/fonts/NotoSansKR-Bold-Hestia.woff") format('woff'),
    url("/font/new/fonts/NotoSansKR-Bold-Hestia.otf") format('opentype');
}

@font-face {
    font-family: 'NotoSansKr-Bl';
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url("/font/new/fonts/NotoSansKR-Black-Hestia.eot"),
    url("/font/new/fonts/NotoSansKR-Black-Hestia.woff") format('woff'),
    url("/font/new/fonts/NotoSansKR-Black-Hestia.otf") format('opentype');
}


/* font NotoSansSC*/
@font-face {
    font-family: 'NotoSansSC-Thin';
    font-weight: 100;
    src: local('NotoSansSC-Thin'),
    url("/font/new/fonts/NotoSansSC-Thin.eot"),
    url("/font/new/fonts/NotoSansSC-Thin.woff") format('woff'),
    url("/font/new/fonts/NotoSansSC-Thin.otf") format('opentype'); 
}

@font-face {
    font-family: 'NotoSansSC-ExtraLight';
    font-weight: 200;
    src: local('NotoSansSC-ExtraLight'),
    url("/font/new/fonts/NotoSansSC-ExtraLight.eot"),
    url("/font/new/fonts/NotoSansSC-ExtraLight.woff") format('woff'),
    url("/font/new/fonts/NotoSansSC-ExtraLight.otf") format('opentype'); 
}

@font-face {
    font-family: 'NotoSansSC-Light';
    font-weight: 300;
    src: local('NotoSansSC-Light'),
    url("/font/new/fonts/NotoSansSC-Light.eot"),
    url("/font/new/fonts/NotoSansSC-Light.woff") format('woff'),
    url("/font/new/fonts/NotoSansSC-Light.otf") format('opentype'); 
}

@font-face {
    font-family: 'NotoSansSC-Regular';
    font-weight: 400;
    src: local('NotoSansSC-Regular'),
    url("/font/new/fonts/NotoSansSC-Regular.eot"),
    url("/font/new/fonts/NotoSansSC-Regular.woff") format('woff'),
    url("/font/new/fonts/NotoSansSC-Regular.otf") format('opentype'); 
}

@font-face {
    font-family: 'NotoSansSC-Medium';
    font-weight: 500;
    src: local('NotoSansSC-Medium'),
    url("/font/new/fonts/NotoSansSC-Medium.eot"),
    url("/font/new/fonts/NotoSansSC-Medium.woff") format('woff'),
    url("/font/new/fonts/NotoSansSC-Medium.otf") format('opentype'); 
}

@font-face {
    font-family: 'NotoSansSC-SemiBold';
    font-weight: 600;
    src: local('NotoSansSC-SemiBold'),
    url("/font/new/fonts/NotoSansSC-SemiBold.eot"),
    url("/font/new/fonts/NotoSansSC-SemiBold.woff") format('woff'),
    url("/font/new/fonts/NotoSansSC-SemiBold.otf") format('opentype'); 
}

@font-face {
    font-family: 'NotoSansSC-Bold';
    font-weight: 700;
    src: local('NotoSansSC-Bold'),
    url("/font/new/fonts/NotoSansSC-Bold.eot"),
    url("/font/new/fonts/NotoSansSC-Bold.woff") format('woff'),
    url("/font/new/fonts/NotoSansSC-Bold.otf") format('opentype'); 
}

@font-face {
    font-family: 'NotoSansSC-ExtraBold';
    font-weight: 800;
    src: local('NotoSansSC-ExtraBold'),
    url("/font/new/fonts/NotoSansSC-ExtraBold.eot"),
    url("/font/new/fonts/NotoSansSC-ExtraBold.woff") format('woff'),
    url("/font/new/fonts/NotoSansSC-ExtraBold.otf") format('opentype'); 
}

@font-face {
    font-family: 'NotoSansSC-Black';
    font-weight: 900;
    src: local('NotoSansSC-Black'),
    url("/font/new/fonts/NotoSansSC-Black.eot"),
    url("/font/new/fonts/NotoSansSC-Black.woff") format('woff'),
    url("/font/new/fonts/NotoSansSC-Black.otf") format('opentype'); 
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select {
  margin: 0;
  padding: 0;
  word-break:keep-all;
}
legend {
	position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}
textarea {
  resize: none;
}

body,
input,
textarea,
select,
button {
  font-family:"NanumSquare-R", "NotoSansSC-Regular", "나눔고딕", "Dotum", "돋움", "Helvetica", "Arial", "AppleSDGothicNeo", sans-serif;
  font-size: 14px;
  color:#222
}

fieldset,
img {
  border: 0;
}

img {
  vertical-align: top;
  max-width:100%;
}

li,
ol,
ul {
  list-style: none;
}

address,
em,
i {
  font-style: normal;
}

a {
  text-decoration: none;
  color:#222
}
a:hover {
  color:#023e7c
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  word-break:keep-all;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
th,
b,
em {
  font-weight: normal;
  word-break:keep-all;
}
button {
  border: 0;
  background: none;
  -webkit-appearance: none;
}

button:hover {
  cursor: pointer;
}

input {
  background: #fff;
  outline: 0;
  border:1px solid #ccc; 
  border-radius:5px;
  line-height:28px;
  font-size:18px;
  padding:5px;
  height:40px;
  vertical-align: middle;
}
select { 
	border:1px solid #ccc; 
  border-radius:5px;
  line-height:28px;
  font-size:18px;
  padding:7px;
  height:40px
	}
	
input type [checkbox] {
	height:20px;
	width:20px;
}	
caption {
  text-indent: -9999px;
  font-size: 0;
}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  font-family: "NanumSquare-R", "나눔고딕", "Dotum", "돋움", "Helvetica", "Arial", "AppleSDGothicNeo", sans-serif;
  color: #333 !important;
}

input::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "NanumSquare-R", "나눔고딕", "Dotum", "돋움", "Helvetica", "Arial", "AppleSDGothicNeo", sans-serif;
  color: #333 !important;
}

input:-moz-placeholder {
  /* Firefox 18- */
  font-family: "NanumSquare-R", "나눔고딕", "Dotum", "돋움", "Helvetica", "Arial", "AppleSDGothicNeo", sans-serif;
  color: #333 !important;
}

input:-ms-input-placeholder {
  /* IE 10+ */
  font-family: "NanumSquare-R", "나눔고딕", "Dotum", "돋움", "Helvetica", "Arial", "AppleSDGothicNeo", sans-serif;
  color: #333 !important;
}

textarea::-moz-placeholder {
  font-family: "NanumSquare-R", "나눔고딕", "Dotum", "돋움", "Helvetica", "Arial", "AppleSDGothicNeo", sans-serif;
  color: #333 !important;
}

textarea:-moz-placeholder {
  font-family: "NanumSquare-R", "나눔고딕", "Dotum", "돋움", "Helvetica", "Arial", "AppleSDGothicNeo", sans-serif;
  color: #333 !important;
}

textarea:-ms-input-placeholder {
  font-family: "NanumSquare-R", "나눔고딕", "Dotum", "돋움", "Helvetica", "Arial", "AppleSDGothicNeo", sans-serif;
  color: #333 !important;
}

input::-ms-clear {
  display: none;
}

body,
html {
  height: 100%;
  font-style: normal;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
}



/*skip Menu*/
.skipmenu { overflow:hidden; position:relative; width:100%; z-index:2;}
.skipmenu a { display:block; fonts-size:0; height:1px; line-height:0; margin:0 -1px -1px 0; overflow:hidden; text-align: center; width:1px;}
.skipmenu a:focus, 
.skipmenu a:hover,
.skipmenu a:active { background:#000; color:#CCC; fonts-size:12px; fonts-weight:bold; margin:0; height:20px; line-height:1; margin:0; padding:8px 0 0 15px; width:auto;}

.blind {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}



.hidden { overflow:hidden !important; position:absolute !important; top:-9999px; left:-9999px; visibility:hidden; width:0; height:0; margin:0; font-size:0; text-indent:-9999px; line-height:0; }
.btn_refresh {display:inline-block; width:12px; height:14px; background:url('/images/icon/icon_refresh.gif') 0 0 no-repeat;} /* 새로고침 */
.btn_bk {display:inline-block; background:#21262a; padding:7px 12px; color:#fff; font-size:12px; font-weight:bold;}
.none {display:none !important;}
.tbl_bortop{border-top:2px solid #6f6f6f;}

.fL {float:left !important;}
.fR {float:right !important;}
.clear {clear:both !important;}
.cboth {clear:both; height:0; line-height:0; margin:0; padding:0; font-size:0; overflow:hidden; display:block;}


.mgT5 {margin-top:5px !important;}
.mgT10 {margin-top:10px !important;}
.mgT15 {margin-top:15px !important;}
.mgT20 {margin-top:20px !important;}
.mgT30 {margin-top:30px !important;}
.mgT50 {margin-top:50px !important;}
.mgT60 {margin-top:60px !important;}
.mgT70 {margin-top:70px !important;}
.mgT80 {margin-top:80px !important;}
.mgT90 {margin-top:90px !important;}
.mgT100 {margin-top:100px !important;}
.mgT150 {margin-top:150px !important;}

.mgB0 {margin-bottom:0 !important;}
.mgB10 {margin-bottom:10px !important;}
.mgB20 {margin-bottom:20px !important;}
.mgB30 {margin-bottom:30px !important;}

.mgL0 {margin-left:0 !important;} 
.mgL5 {margin-left:5px !important;}
.mgL10 {margin-left:10px !important;}
.mgL15 {margin-left:15px !important;}
.mgL20 {margin-left:20px !important;}
.mgL30 {margin-left:30px !important;}
.mgL25 {margin-left:25px !important;}
.mgL50 {margin-left:50px !important;}

.mgR0 {margin-right:0px !important;}
.mgR10 {margin-right:10px !important;}
.mgR15 {margin-right:15px !important;}
.mgR20 {margin-right:20px !important;}
.mgR40 {margin-right:40px !important;}


.pdT5 {padding-top:5px !important;}
.pdT10 {padding-top:10px !important;}
.pdT15 {padding-top:15px !important;}
.pdT20 {padding-top:20px !important;}
.pdT30 {padding-top:30px !important;}
.pdT50 {padding-top:50px !important;}
.pdT150 {padding-top:150px !important;}

.pdB5 {padding-bottom:5px !important;}
.pdB10 {padding-bottom:10px !important;}
.pdB15 {padding-bottom:15px !important;}
.pdB20 {padding-bottom:20px !important;}
.pdB30 {padding-bottom:30px !important;}

.pdL0 {padding-left:0 !important;} 
.pdL5 {padding-left:5px !important;}
.pdL10 {padding-left:10px !important;}
.pdL15 {padding-left:15px !important;}
.pdL20 {padding-left:20px !important;}
.pdL100 {padding-left:100px !important;}
.pdL300 {padding-left:300px !important;}


.pdR0 {padding-right:0px !important;}
.pdR10 {padding-right:10px !important;}
.pdR15 {padding-right:15px !important;}
.pdR20 {padding-right:20px !important;}
.pdR30 {padding-right:30px !important;}

.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}



.Tblue { color:#1b65a3 !important;}
.Tred { color:#cc0000 !important;}
.T000 {color:#000 !important;}
.T222 {color:#222 !important;}
.T333 {color:#333 !important;}
.T444 {color:#444 !important;}
.T555 {color:#555 !important;}
.T666 {color:#666 !important;}
.T777 {color:#777 !important;}
.T888 {color:#888 !important;}
.T999 {color:#999 !important;}
.fcBk {color:#000 !important;}
.fcGry {color:#6d6e71 !important;}
.fcRed {color:#ee2c2c !important;}
.fcOrg {color:#fd7023 !important;}
.fcBlu {color:#0099cc !important;}
.fcGre {color:#00a608 !important;}


.tc {text-align:center !important;}
.tr {text-align:right !important;}
.tl {text-align:left !important;}

.f11 {font-size:11px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f20 {font-size:20px !important;}
.f22 {font-size:22px !important;}
.f25 {font-size:25px !important;}
.f30 {font-size:30px !important;}
.fwB { font-weight:bold}


.w_per10 {width:10%}
.w_per15 {width:15%}
.w_per20 {width:20%}
.w_per30 {width:30%}
.w_per40 {width:40%}
.w_per50 {width:50%}
.w_per60 {width:60%}
.w_per70 {width:70%}
.w_per80 {width:80%}
.w_per90 {width:90%}
.w_per100 {width:100%}


/* BUTTON STYLE (in table) */

/* a. btn 스타일 */
/*basic_회색*/
a.btn_basic {
	position:relative;
	display:inline-block;
	color:#fff;	
	padding:8px 20px;	
	margin:8px 5px 0 0;
	border-radius:3px;
	box-shadow:1px 2px 2px 0px rgba(0,0,0,0.5); 
	background: rgb(144,144,144);
	background: linear-gradient(0deg, rgba(144,144,144,1) 48%, rgba(157,157,157,1) 52%) #020024;	
	
}
a.btn_basicS {
	position:relative;
	display:inline-block;
	color:#fff;	
	font-size:13px;
	padding:4px 25px 3px 15px;		
	margin:8px 5px 0 0;
	border-radius:3px;
	box-shadow:1px 2px 2px 0px rgba(0,0,0,0.3); 
	background: rgb(140,140,140);
	background: linear-gradient(0deg, rgba(0,0,0,0.4) 48%, rgba(0,0,0,0.3) 52%);		
}
a.btn_basicS:hover {
	background: linear-gradient(0deg, rgba(0,0,0,0.5) 48%, rgba(0,0,0,0.4) 52%);
}


/*submit_파랑*/
a.btn_submit {
	position:relative;
	display:inline-block;
	color:#fff;	
	padding:8px 20px;		
	margin:8px 5px 0 0;
	border-radius:3px;
	box-shadow:1px 2px 2px 0px rgba(0,0,0,0.3); 
	background:rgb(1,125,199);
	background: linear-gradient(0deg, rgba(0,107,180,1) 48%, rgba(16,125,199,1) 52%) #006bb4;	
}
/*submit2_청록*/
a.btn_submit2 {
	position:relative;
	display:inline-block;
	color:#fff;	
	padding:8px 20px;		
	margin:8px 5px 0 0;
	border-radius:3px;
	box-shadow:1px 2px 2px 0px rgba(0,0,0,0.3); 
	background: rgb(0,157,180,1);
	background: linear-gradient(0deg, rgba(0,157,180,1) 48%, rgba(17,174,197,1) 52%);	
}
a.btn_point {
	background:#ff912f;
	letter-spacing:0.5px;
	font-size:18px;	
	position:relative;
	padding:10px 50px 10px 20px;
	color:#fff;
	border-radius:50px;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
	
}
a.btn_point:after {
	content:'';
	position:absolute;
	right:15px;
	top:13px;
	width:24px;
	height:24px;
	background: url(/images/new/img/common/sprite.png) no-repeat ;
	background-size: 400px 307px;
	background-position: -158px -59px
}
/*submit_파랑*/
a.btn_submit_S {
	position:relative;
	display:inline-block;
	color:#fff;	
	padding:3px 20px 3px 20px;	
	border-radius:3px;
	box-shadow:1px 2px 2px 0px rgba(0,0,0,0.3); 
	background: rgb(0,107,180);
	background: linear-gradient(0deg, rgba(0,107,180,1) 48%, rgba(16,125,199,1) 52%) #006bb4;	
}




a.btn_round{
	display:inline-block;
	position:relative;
	border-radius:50px;
	font-size:14px;
	padding:7px 10px;
	background: #fff;
	color:#29a0e5;
	margin:5px 5px 0 0;
	border:1px solid #29a0e5;
}
a.btn_round:hover{
	text-decoration:none;
	background: #29a0e5;
	color:#fff;
	-webkit-transition: all .5s;
	transition: all .5s;  
}
a.btn_base{
	font-family: "NanumSquare-B";
	position:relative;
	font-size:18px;	
	color:#222;
	width:70px;
	padding:8px 10px 8px 35px;
	border-left:1px solid #aaa;
	border-top:1px solid #aaa;
	border-right:1px solid #777;
	border-bottom:1px solid #777;
	border-radius:3px;
}
a.btn_roundF2{
	display:inline-block;
	position:relative;
	border-radius:50px;
	font-size:16px;
	padding:7px 10px;
	background: #fff;
	color:#29a0e5;
	margin:5px 5px 0 0;
	border:1px solid #29a0e5;
}
a.btn_roundF2:hover{
	text-decoration:none;
	background: #29a0e5;
	color:#fff;
	-webkit-transition: all .5s;
	transition: all .5s;  
}
a.sample:before {
	content:'';
	position:absolute;
	top:25%;
	left:10%;
	width:17px;
	height:17px;
	background:url(/images/new/img/common/sprite.png) no-repeat ;
	-webkit-background-size: 474px 364px;
	background-size: 474px 364px;
	background-position: -28px -137px;
}
a.apply:before {
	content:'';
	position:absolute;
	top:25%;
	left:10px;
	width:17px;
	height:17px;
	background:url(/images/new/img/common/sprite.png) no-repeat ;
	-webkit-background-size: 474px 364px;
	background-size: 474px 364px;
	background-position: -49px -137px;
}

a.btn_h {
	font-size:12px;
	position:relative;
	display:inline-block;
	color:#fff;	
	padding:2px 5px 4px;;		
	border-radius:3px;
}
a.btn_s01 {	background: linear-gradient(0deg, rgba(0,157,180,1) 48%, rgba(17,174,197,1) 52%);}
a.btn_s02 {	background: linear-gradient(0deg, rgba(0,107,180,1) 48%, rgba(16,125,199,1) 52%);}
a.btn_s03 {	background: linear-gradient(0deg, rgba(204,51,51,1) 48%, rgba(255,102,102,1) 52%);}
a.btn_s04 {	background: linear-gradient(0deg, rgba(0,102,51,1) 48%, rgba(51,153,102,1) 52%);}
a.btn_s05 {	background: linear-gradient(0deg, rgba(102,102,102,1) 48%, rgba(153,153,153,1) 52%);}
 
.btn_icoB { 
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;		
	border-radius:5px;
	box-shadow:1px 2px 2px 0px rgba(0,0,0,0.3); 
	background: rgb(1,125,199);
	background: linear-gradient(0deg, rgba(1,125,199,1) 48%, rgba(37,170,226,1) 52%) #8c8c8c;
	vertical-align:middle;		
}
.ico_search:before {
	content:'';
	position:absolute;
	top:20%;
	left:25%;
	width:26px;
	height:26px;
	background:url(/images/new/img/common/sprite.png) no-repeat ;
	-webkit-background-size: 474px 364px;
	background-size: 474px 364px;
	background-position: -131px -69px;
}
.ico_list:before {
	content:'';
	position:absolute;
	top:20%;
	left:18%;
	width:26px;
	height:26px;
	background:url(/images/new/img/common/sprite.png) no-repeat ;
	-webkit-background-size: 474px 364px;
	background-size: 474px 364px;
	background-position: -97px -69px;
}
.ico_download:before {
	content:'';
	position:absolute;
	top:20%;
	left:18%;
	width:26px;
	height:26px;
	background:url(/images/new/img/common/sprite.png) no-repeat ;
	-webkit-background-size: 474px 364px;
	background-size: 474px 364px;
	background-position: -157px -69px;
}

/* <button> 스타일 */
.btnRound_olive{
	position:relative;
	border-radius:50px;
	font-size:16px;
	padding:10px 20px;
	background: #97c64f;
	color:#fff;
}



.dot_area{position:absolute;left:0;bottom:65px;right:0;text-align: center; background:rgba(32,65,99,0.4); width:200px; height:30px; margin:0 auto; border-radius:50px; padding:2px 0 0; }
.dot_area ul{display:inline-block !important}
.dot_area button{color:#fff; vertical-align:middle;}
.slick-dots li{display:inline-block;margin:0 5px; vertical-align:middle}
.slick-dots li button{width:15px;height:15px;border-radius:50%;display:block;background:rgba(0,0,0,0.4);text-indent:-9999px}
.slick-dots li.slick-active button{border:2px solid #9fffff;background:#9fffff; }



.slick-prev{ 
	position:absolute;
	top:45%;
	left:1%;
    width: 36px;
    height: 64px;
    z-index:999;
    background: url(/images/new/img/common/sprite.png) no-repeat;
	  background-size: 474px 364px;
	  background-position: 0 -69px;
	  text-indent:-9999px
}
.slick-next{
	position:absolute;
	top:45%;
	right:1%;
    width: 36px;
    height: 64px;
    z-index:99;
    background: url(/images/new/img/common/sprite.png) no-repeat;
	  background-size: 474px 364px;
	  background-position: -40px -69px;
	  text-indent:-9999px
}



.btnPlay{	
	width:10px;
	height:15px;
	text-indent:-9999px;
	display:inline-block;
	background: url(/images/new/img/common/sprite.png) no-repeat;
	background-size: 474px 364px;
	background-position: -213px -50px;
	margin-left:5px
}
.btnPlay.stop{
	background: url(/images/new/img/common/sprite.png) no-repeat;
	background-size: 474px 364px;
	background-position: -227px -50px;
	
	}
	
.font_noto { 
	font-family:"NotoSansKr-R";
}

#gongpopup { background:#d8e4fb; padding:10px; margin:0px;}
#gongpopup h1  { margin:0 0 5px 0; padding:0; }
#gongpopup P { font-size:12px; padding:0px; margin:0 0 0 3px; line-height:150%; text-align:center;}
#gongpopup .box P { font-size:12px; padding:0px; margin:10px 0 0 3px; line-height:130%;}
#gongpopup .box P span {font-weight:bold; }
#gongpopup .box { border:#b7b4b4 solid 1px; background:#FFF; padding:0 10px 10px 10px;}
#gongpopup .box h1{ font-weight:bold; font-size:12px; background:url(/image/icon_01.gif) no-repeat 0px 17px; padding:15px 0 0px 12px;}
#gongpopup .box ul { display:inline; list-style-type:none; }
#gongpopup .box li { line-height:130%;  }
#gongpopup .btn { text-align:center; margin:15px 0 0 0;}
#gongpopup table { border-top:#4d90be solid 2px; border-bottom:#4d90be solid 2px; width:100%; }
#gongpopup table td { height:40px;}

.pwpoup {	margin: 0px;}
.pwpoup h1 { margin:0; padding:0;}
.pwpoup p { width:320px; text-align:center;  margin:15px 0 0 0;  padding:0;}
.pwpoup ul { width:280px; list-style-type:none; border:#000 solid 1px;}
.pwpoup li { text-align:center;}
.pwpoup li.set { background:#CCC; border:#999 }
.pwpoup .area, .pwpoup .btn {width:320px; }
.pwpoup .area { float:left;padding:9px 0; margin:5px 0 20px 10px; border:1px dotted #c7c7c6; border-width:1px 0; background:#f8f8f8;  font-size:12px;}
.pwpoup .area span  { font-weight:bold; padding:0 0 0 50px}
.pwpoup .area .inputTxt {width:100px; height:16px; border:1px solid #cdcccb; padding: 3px 2px 1px; background:#f8f8f8;}
.pwpoup .btn {  text-align:center; margin:10px 0 0 0;}