@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url("https://cdn.jsdelivr.com/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@font-face {
  font-family: 'SEBANG_Gothic_Bold';
  src: url('https://cdn.jsdelivr.com/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
* {margin: 0; padding: 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* 기본적으로 키보드 포커스 시 outline 유지 */
:focus {
  outline: 2px solid 	#FF1493;
  outline-style: dotted;
outline-offset: 2px;   
}

/* 마우스로 클릭할 경우에는 outline 제거 */
:focus:not(:focus-visible) {
  outline: none;
}

/* 키보드 사용자인 경우만 outline 보이게 하기 위한 보조 설정 */
:focus-visible {
  outline: 2px solid 	#FF1493;
    outline-style: dotted;
  outline-offset: 2px;
}
body{font-family: 'Pretendard', sans-serif , cursive;font-size:15px;font-weight:300;line-height:1.5}

.IE a {outline:0;}
.IE input {}
.IE div {}

/* 기본사항 */
div, ol, a, h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd {margin:0px;padding:0px}

p{font-size:15px;line-height:20px;color:#464646}

input{margin:0px;padding:3px;font-size:15px;vertical-align:middle; font-family: 'Pretendard', sans-serif , cursive}

select{margin:0px;padding:2px;font-size:15px}

hr {display:none;}
img {border: none; vertical-align:middle;}
ul, ol {list-style:none;}

a:link, a:visited, a:active {text-decoration: none}
a:hover {text-decoration: none}
.show {display:block}
.hide {display:none}
.skip, hr, legend, caption {
	position:absolute;
	top:-5000px;
	text-indent:-5000px;
	font-size:0;
	line-height:0;
	width:0;
	height:0;
}/*내용과 영역 모두 숨김*/
.hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.skip_txt, legend {
	display:block;
	overflow:hidden;
	font-size:0px;
	line-height:0;
	text-indent:-9999px
}
.effect{-webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;}
/*웹접근성 이미지 대체텍스트 입력*/
.blind{
	position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
}


/* padding */
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }

.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.pr35 { padding-right:35px; }
.pr40 { padding-right:40px; }
.pr45 { padding-right:45px; }
.pr50 { padding-right:50px; }

.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }
.pb40 { padding-bottom:40px; }
.pb45 { padding-bottom:45px; }
.pb50 { padding-bottom:50px; }

.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl35 { padding-left:35px; }
.pl40 { padding-left:40px; }
.pl45 { padding-left:45px; }
.pl50 { padding-left:50px; }

.pppp10{padding:10px;}
.pppp15{padding:15px;}
.pppp20{padding:20px;}

/* margin */
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px !important; }

.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr40 { margin-right:40px; }
.mr45 { margin-right:45px; }
.mr50 { margin-right:50px; }

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }

.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml50 { margin-left:50px; }

/* 들려쓰기 */
.txt_ind-15{text-indent:-15px}
.txt_ind15{text-indent:15px}

/* float해제 */
.hig100p{height:100%;overflow:hidden;}
.flo_clear:after{display:block;clear:both;content:''}

/* font-color */
.col_white{color:#fff !important}
.col_black{color:#000 !important}
.col_oran{color:#ff5722 !important}
.col_yell{color:#ffff00 !important}
.col_blue{color:#462a65 !important}
.col_green{color:#338001 !important}
.col_gray{color:#4b4b4b !important}
.col_red{color:#ff0000 !important}
.col_purple{color:#8055b4 !important}
.col_violet{color:#e814af !important}

/* text-align */
.txt_left{text-align:left !important}
.txt_right{text-align:right !important}
.txt_center{text-align:center !important;}

/* clear:both */
.clear_b{clear:both;}

/* float:left,right */
.flo_lt{float:left;}
.flo_rt{float:right;}

/* text vertical-align:middle */
.v_a_top{vertical-align:top}
.v_a_mid{vertical-align:middle}
.v_a_bot{vertical-align:bottom}

/* display:stlye */
.dis_block{display:block;}
.dis_inline{display:inline;}

.underline{text-decoration:underline}

/* saveArtMovie POPUP CSS */

/* #layer1, #layer2 {height:500px; width:710px; overflow:hidden; margin:0 auto; display: none; position: fixed; top: 30%; left: 31%; z-index:11232} */
#layer1, #layer2 {min-height:500px; width:710px; overflow:hidden; margin:0 auto; display: none; position: fixed; top: 50%; left: 51%; z-index:auto; transform: translate(-50%, -50%);}

.text_title{
border: 1px solid;
font: 15px;
height: 50px;
text-align:center;
background: #f18a25;
color:#fff;
font-weight:bold;
vertical-align: middle;
line-height: normal;
display:table;
width:100%;
line-height:50px;
}

.text_title1{
border: 1px solid;
font: 15px;
height: 50px;
text-align:center;
background: #f18a25;
color:#fff;
font-weight:bold;
vertical-align: middle;
line-height: normal;
display:table;
width:100%;
line-height:25px;
}

.text_box{
box-sizing: border-box;
border-bottom: 1px solid #ddd;
border-right:1px solid #ddd;
font: 13px;
height: 30px;

background-color:#e7e7e7;
color:#000;
vertical-align: middle;
line-height: normal;
width:100%;
line-height:25px;
}

.text_box1{
box-sizing: border-box;
border-bottom: 1px solid #ddd;
border-right:1px solid #ddd;
font: 13px;
height: 30px;

background-color:#fff;
color:#000;
vertical-align: middle;
line-height: normal;
width:100%;
line-height:25px;
}


.pop-layer .pop-container {
  padding: 20px 25px;
	overflow: hidden;
}

.pop-conts {overflow-y: scroll;height: 320px;display: flex;}
.pop-layer p.ctxt {
  color: #666;
  line-height: 25px;
}

.pop-layer .btn-r {
  width: 640px;
  margin: 10px 0 20px;
  padding-top: 10px;
  border-top: 1px solid #DDD;
  text-align: right;
}

.pop-layer {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 410px;
  height: auto;
  background-color: #fff;
  border: 1px solid #cccccc;
}

.chk_st{margin:3px;}

.popTitle{
border-bottom: none;
background:#462a65;
color:#fff;
position:relative;
overflow:hidden;
}

.popTitle h5{
padding:10px;
color:#fff;
background:url(pop_h5.gif) 13px 12px no-repeat;
padding-left:33px;
font-size:16px;
}

.dim-layer {

  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}
.btn_win_close{
position:absolute;
top:9px;right:10px;
width: 25px;
height: 22px;
cursor: pointer;background:url('btn_pop_close.gif') 0 0 no-repeat;
}

.inp_1, .inp_2 {width: 160px; border: thin;  }

@media screen and (max-width:1200px){


}
@media screen and (max-width:800px){

	#layer1, #layer2 {width:100%; height:600px; left:0; top:0%; overflow-y:scroll;transform:translate(0,0);}
	.pop-layer .btn-r {width:auto;}
	.inp_1, .inp_2 {width:50%; }
	.pop-conts{flex-wrap: wrap;height:430px;}
}