@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

/* ³ëÅä»ê½º */
@font-face {font-family:'nr';src:url('../font/NotoSansKR-Regular.eot');src:local(¡Ø),url('../font/NotoSansKR-Regular.woff') format('woff');}
@font-face {font-family:'nl';src:url('../font/notokr-light.eot');src:local(¡Ø),url('../font/NotoSansKR-Light.woff') format('woff');}
@font-face {font-family:'nb';src:url('../font/NotoSansKR-Bold.eot');src:local(¡Ø), url('../font/NotoSansKR-Bold.woff') format('woff');}
@font-face {font-family:'nbl';src:url('../font/NotoSansKR-Black.eot');src:local(¡Ø), url('../font/NotoSansKR-Black.woff') format('woff');}
@font-face {font-family:'nd';src:url('../font/NotoSansKR-DemiLight.eot');src:local(¡Ø), url('../font/NotoSansKR-DemiLight.woff') format('woff');}
@font-face {font-family:'nm';src:url('../font/NotoSansKR-Medium.eot');src:local(¡Ø), url('../font/NotoSansKR-Medium.woff') format('woff');}
@font-face {font-family:'nt';src:url('../font/NotoSansKR-Thin.eot');src:local(¡Ø), url('../font/NotoSansKR-Thin.woff') format('woff');}

/* MYRIADPRO */
@font-face {font-family:'Myriad Pro Regular';src:local(¡Ø),url('../font/MYRIADPRO-REGULAR.woff') format('woff');}
@font-face {font-family:'Myriad Pro Condensed';src:local(¡Ø),url('../font/MYRIADPRO-COND.woff') format('woff');}
@font-face {font-family:'Myriad Pro Semibold';src:local(¡Ø), url('../font/MYRIADPRO-SEMIBOLD.woff') format('woff');}
@font-face {font-family:'Myriad Pro Bold';src:local(¡Ø), url('../font/MYRIADPRO-BOLDCOND.woff') format('woff');}

/* CSS Document */
*{padding:0;margin:0;}
header,main,footer,section,article{display: block;}
h1,h2,h3,h4,h5,h6,em,strong,li,dd,a,address{font: 12px "Nanum Gothic",'µ¸¿ò','dotum',tahoma,'MalgunGothic','Verdana','Noto Sans KR','Arial','Helvetica','sans-serif';padding:0;margin:0;color:#000;}
html{overflow-y:scroll;}
html,body{width:100%;height:100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,thead,tbody,form,fieldset,legend,input,textarea,button{margin:0;padding:0;}
ul,ol,li,dl,dt,dd {list-style:none;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
button{border:none;background: none;}
hr,legend {display:none;}
img,fieldset,iframe {border:none;}
img{vertical-align:top;}
textarea{font-family:"Nanum Gothic",'µ¸¿ò','dotum',tahoma,'MalgunGothic','Verdana','Arial','Helvetica','sans-serif';}
caption {display:none;}
input,select,button{box-sizing: border-box;vertical-align:middle;border-radius: 0}
table{border:none; border-collapse:collapse; padding:0; border-spacing:0;table-layout: fixed;}
input::-webkit-input-placeholder {font: 14px/1em 'nanum gothic',sans-serif;}
input::-moz-placeholder { /* Firefox 19+ */font: 14px/1em 'nanum gothic',sans-serif;}
input:-ms-input-placeholder { /* IE 10+ */font: 14px/1em 'nanum gothic',sans-serif;}

.guide-line{position: relative;width: 980px;margin: 0 auto;box-sizing: border-box}
.guide-line:after{display: block;content: '';clear: both;}
.pc-view{display: block;}
.pc-view02{display: inline-block;}
.pc-view03{display: inline;}
.mo-view{display: none;}
.mo-view02{display: none;}
.mo-view03{display: none;}

.skip a{display:block;position:absolute;left:0;top:-9999em;width:100%;background-color:#272727;color:#aaa;font: bold 12px/3.4 arial,sans-serif;text-align:center;z-index: 99999;}
.skip a:hover,.skip a:active,.skip a:focus{top:0}

a{text-decoration:none; color:#000;}
a:link,a:visited,a:active,a:focus{}
a:hover{text-decoration:none;}
.blind{display:block;overflow:hidden;top:-1000em;position:absolute;}

/* float */
.clearfix:after{content:''; display:block; clear:both;}
.left{float:left;}
.right{float:right;}

/*񃧯*/
#wrap{width:100%;height:100%;}
#header{position:relative;}
#container{position:relative;*zoom:1;}
#container:after{display:block;clear:both;content:'';}
#footer{position:relative;}

/*°øÅëºÎºÐ*/
input[type=text], input[type=password] {background:#fff; border:1px solid #c9c9c9;padding:0 5px 0 5px;}
input[type=text]:hover, input[type=password]:hover, input[type=text]:focus, input[type=password]:focus {border:1px solid #909090;}
textarea{border:1px solid #c9c9c9; padding:5px;}
select{border:1px solid #c9c9c9;padding:2px 2px 2px 6px; vertical-align:middle;}
.container-row:after{display: block;clear: both;content: '';}

/*ÆäÀÌ¡*/
#paging{width:100%;text-align:center;margin:35px 0 0;font-size: 0;}
#paging a{display: inline-block;border: 1px solid #aaa;width: 33px;height: 31px;box-sizing: border-box;text-align: center;font: 14px/29px 'nm', sans-serif;transition: 0.3s}
#paging .prev{margin: 0 15px 0 6px;}
#paging .next{margin: 0 6px 0 15px;}
#paging a.num{border-color: #fff;}
#paging a.num:hover{color: #fff;background: #1574c6;border-color: #1574c6;}
#paging a.num.on{color: #fff;background: #1574c6;border-color: #1574c6}

@media screen and (max-width: 768px){
	.guide-line{width: auto}
	.pc-view{display: none;}
	.pc-view02{display: none;}
	.pc-view03{display: none;}
	.mo-view{display: block;}
	.mo-view02{display: inline-block;}
	.mo-view03{display: inline;}

	/*ÆäÀÌ¡*/
	#paging{text-align:center;margin:20px 0 0}
	#paging a{width: 25px;height: 23px;font: 14px/21px 'nm', sans-serif}
	#paging .prev{margin: 0 15px 0 6px;}
	#paging .next{margin: 0 6px 0 15px;}
}

/* Æ˾÷ ½ÉÀºÁ¤Ãß°¡(2021.04.02) */
.__popup {position:fixed;z-index:300;display:none;}
.__popup .area {background:#fff;border:1px solid #ccc;/*padding:10px;*/font-size:14px;line-height:1.5em;max-width:100%;overflow-y:auto;}
.__popup .area * {max-width:100%;height:auto !important;}
.__popup .bot {background:#1f4bb4;text-align:right;padding:7px 10px;}
.__popup .bot > * {display:inline-block;vertical-align:middle;color:#fff;font-size:14px;}
.__popup .bot button {border:none;background:none;color:#fff;}
.__popup .bot label {margin-right:20px;}
.__popup .bot label input {vertical-align:middle;}

@media all and (max-width:1000px){
	.__popup {left:0 !important;top:0 !important;max-width:100% !important;position:absolute !important;}
	.__popup .area {box-sizing:border-box;font-size:13px;max-height:80vh !important;}
	.__popup .bot {padding:5px 10px;}
	.__popup .bot > * {font-size:13px;}
}