@charset "utf-8";
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css');
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
* { 
font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 

 @font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.ft-score {font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}

/* --------------------------------------------
 * Reset
/* ------------------------------------------ */
*{margin:0;padding:0;border:0;outline:0;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;*behavior:url("boxsizing.htc")}
html{height:100%;overflow-y:scroll;scrollbar-3dLight-Color:#333;scrollbar-arrow-color:#777;scrollbar-base-color:#333;scrollbar-Face-Color:#fff;scrollbar-Track-Color:#333;scrollbar-DarkShadow-Color:#333;scrollbar-Highlight-Color:#333;scrollbar-Shadow-Color:#fff}
::-moz-selection{background:#e95247;color:white;text-shadow:none}
a:hover {text-decoration:none;}

::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-thumb{background:#bbbbbb;border-radius:5px}
::-webkit-scrollbar-track{background:#dddddd}
::scrollbar{width:5px}
::scrollbar-thumb{background:#bbbbbb;border-radius:5px}
::scrollbar-track{background:#dddddd}

html, body {
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC',sizingMethod=crop);
	zoom: 1;
}
pre{font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul{margin: 0; padding: 0; list-style: none;}
b, h1, h2, h3, h4, h5, h6, strong{font-weight: normal;}
fieldset{border: 0;}
a{font-style: normal; text-decoration: none; color: #444;}
caption{width: 0; height: 0; font-size: 0; line-height: 0; visibility: hidden;}
.checks *, .chk *, .radioWrap *, a, a:hover, button, button:hover{cursor: pointer; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
a:focus{outline: none !important;}
button img{vertical-align: middle;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
img, video{border:0; vertical-align: top;}
table{width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-break: break-all;}
input, select{vertical-align: middle;}
label{cursor: pointer;}
/*.blind, caption, hr, legend{position:absolute;top:-9999px;font-size:0;line-height:0}*/
address, em, i{font-style: normal; font-weight: normal;}
td, th{vertical-align: middle;}
select, textarea{font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #444; }
input{font-size: 14px;}
embed{display: none;}
i{display: inline-block;}
.hide_text{position: absolute; display: inline-block; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; visibility: hidden;}
.placeholderText{display: none;}
li, a{list-style: none; text-decoration: none;}
body, ul, p, dd, dl{margin: 0; padding: 0; font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; color:#444; font-size: 16px; letter-spacing: -1px;}
input, button{font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}


/* common */
.inner{width: 1200px; margin: 0 auto;}
.container{width: 1200px; margin: 0 auto;}
.display-flex{display: flex; justify-content: space-between; align-items: center;}
.text-center {text-align: center;}
.fc-point{color: #ff681d;}
:root {accent-color:#ff681d;}
.emph{font-size: 24px; font-weight: 700;}
.fc-r{color: #f93830;}
.fc-g{color: #3b9c50;}
.fc-b{color: #ff681d;}
.ball-1to10{background: #fbc400;}
.ball-11to20{background: #69c8f2;}
.ball-21to30{background: #ff7272;}
.ball-31to40{background: #aaa;}
.ball-41to45{background: #b0d840;}
/* .img-responsive {width:100%;} */
/* .sub-txt{color: #999; font-size: 14px;} */


/* --------------------------------------------
 * skip
/* ------------------------------------------ */
.skipNavi{display:none; position:relative;z-index: 9999999}
.skipNavi li{position:absolute;width:100%;top:0;left:0}
.skipNavi li a{display:block;height:1px;width:1px;overflow:hidden;font-size:1em}
.skipNavi li a:active,
.skipNavi li a:focus{width:100%;height:auto;padding:7px 0;text-align:center;font-size:15px;color:#fff;background-color:#3d4d63;border:0}

/* --------------------------------------------
 * grid
/* ------------------------------------------ */
[class*="sec_"]{width:100%;overflow:hidden}
[class*="sec_"]:after{display:block;clear:both;content:''}

.widInner{position:relative;width:1190px;margin:auto}

.row_12,
.row_5{margin-left:-10px;margin-right:-10px}
.row_12:after,
.row_5:after,
.widInner:after{display:block;clear:both;content:''}

[class*="col_"]{float:left;padding:0 10px}

.row_5 .col_1{width:20%}
.row_5 .col_2{width:40%}
.row_5 .col_3{width:60%}
.row_5 .col_4{width:80%}
.row_5 .col_5{width:100%}

.row_12 .col_1{width:8.33333333%}
.row_12 .col_2{width:16.66666667%}
.row_12 .col_3{width:25%}
.row_12 .col_4{width:33.33333333%}
.row_12 .col_5{width:41.66666667%}
.row_12 .col_6{width:50%}
.row_12 .col_7{width:58.33333333%}
.row_12 .col_8{width:66.66666667%}
.row_12 .col_9{width:75%}
.row_12 .col_10{width:83.33333333%}
.row_12 .col_11{width:91.66666667%}
.row_12 .col_12{width:100%}

/* --------------------------------------------
 * box
/* ------------------------------------------ */
.box_st1 {
	border: 1px solid #ddd;
	float: left;
	position: relative;
}
.box_st1 h2.box_tit {
	position: relative;
	font-size: 16px;
	line-height: 26px;
	font-weight: 600;
	color: #333;
	padding: 19px 24px;
}

/* --------------------------------------------
 * table
/* ------------------------------------------ */
/* table_st */
.table_st .bgGray{}
.table_st .lt{text-align:left !important}
.table_st .rt{text-align:right !important}
.table_st .ct{text-align:center !important;}

/* table_st1 */
.table_st1{}
.my_tableW .table_st1 tbody tr {border-top:1px solid #eee}
.my_tableW .table_st1 tbody tr:hover{background:#f4f4f4;}
.my_tableW .table_st1 tbody tr:nth-of-type(1){border-top:none;}
.table_st1 thead td,
.table_st1 thead th{text-align:center;font-size:15px;line-height:18px;font-weight:500;color:#999;padding:15px 5px; border-bottom:1px solid #eee; border-top:1px solid #333;}
.table_st1 tbody td,
.table_st1 tbody th{text-align:center;font-size:15px;line-height:18px;font-weight:400;letter-spacing:-0.025em;color:#333;padding:16px 10px}
.table_st1 td:first-child,
.table_st1 th:first-child{padding-left:20px}
.table_st1 td:last-child,
.table_st1 th:last-child{padding-right:20px}
.table_st1 tbody tr:hover { background:#f4f4f4; }

/* table_st2 */
.table_st2{}
.table_st2 td,
.table_st2 th{border-bottom:1px solid #e7e7e7}
.table_st2 td:first-child,
.table_st2 th:first-child{padding-left:20px !important;}
.table_st2 td:last-child,
.table_st2 th:last-child{padding-right:20px !important;}
.table_st2 thead td,
.table_st2 thead th{text-align:center;font-size:15px;line-height:26px;font-weight:500;color:#acacac;padding:6px 10px 7px;background:#f4f4f4}
.table_st2 tbody td,
.table_st2 tbody th{text-align:center;font-size:15px;line-height:26px;font-weight:500;letter-spacing:-0.025em;color:#555;padding:15px 10px 16px}
.table_st2 tbody tr:last-child td,
.table_st2 tbody tr:last-child th{border-bottom:0}

/* table_st3 */
.table_st3{border-top:2px solid #555;border-bottom:1px solid #777}
.table_st3 td:first-child,
.table_st3 th:first-child{padding-left:40px}
.table_st3 td:last-child,
.table_st3 th:last-child{padding-right:40px}
.table_st3 th{font-size:16px;line-height:24px;padding:15px 20px;color:#333;font-weight:500;text-align:center}
.table_st3 td{font-size:16px;line-height:26px;padding:17px 20px 16px;color:#999;font-weight:400;border-top:1px solid #f0f0f0;text-align:center}
.table_st3 tr.focus td{background:#f5f6fa}
.table_st3 td.num .icon{width:14px;height:26px;display:inline-block;background:url("../images/icon_focus3.png") no-repeat;font-size:0;text-indent:-999999em;overflow:hidden}
.table_st3 td.title a{display:inline-block;border-bottom:1px solid transparent;color:#333}
.table_st3 td.title a:hover{border-color:#333}
.table_st3 td.data{letter-spacing:0}
.table_st3 tr:first-child td{border-top:1px solid #ddd}

/* table_st4 */
.table_st4{border-bottom:1px solid #aaa;}
.table_st4 th{font-size:14px;line-height:24px;padding:12px 20px;color:#333;font-weight:600;text-align:center}
.table_st4 td{font-size:16px;line-height:26px;padding:17px 20px 16px;color:#999;font-weight:400;border-top:1px solid #f0f0f0;text-align:center}
.table_st4 tr:first-child td{border-top:2px solid #555}
.table_st4 td.tit{color:#555}

/* --------------------------------------------
 * checkbox
/* ------------------------------------------ */
/* checksWrap_st1 */
.checksWrap_st1{position:relative;padding: 4px 0 8px;}
.checksWrap_st1 .checks{position:relative;}
.checksWrap_st1 input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:9;width:16px;height:16px;-webkit-appearance:none}
.checksWrap_st1 label{background:url("../images/check1_off.png") 0 0 no-repeat #fff;display:inline-block;position:relative;top:0;left:0;height:16px;line-height:16px;font-size:12px;color:#a3a3a3;padding:0 0 0 20px;z-index:10}
.checksWrap_st1 label.on{background:url("../images/check1_on.png") 0 0 no-repeat #fff}

/* checksWrap_st2 */
.checksWrap_st2{position:relative;}
.checksWrap_st2 .checks{position:relative;}
.checksWrap_st2 input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:9;width:24px;height:24px;-webkit-appearance:none}
.checksWrap_st2 label{background:url("../images/check2_off.png") 0 0 no-repeat;display:inline-block;position:relative;top:0;left:0;height:24px;line-height:24px;font-size:14px;color:#999;padding:0 0 0 30px;z-index:10}
.checksWrap_st2 label.on{background:url("../images/check2_on.png") 0 0 no-repeat}

/* checkbox st3 */
.checksWrap_st3{position:relative;border-bottom:1px solid #e1e1e1}
.checksWrap_st3 .checks{height:60px;position:relative}
.checksWrap_st3 .checks input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:9;width:60px;height:60px;-webkit-appearance:none}
.checksWrap_st3 .checks label{background:url("../images/check3_off.png") 0 0 no-repeat #fff;display:block;position:relative;top:0;right:0;height:60px;line-height:26px;font-size:16px;color:#555;padding:17px 0 17px 80px;z-index:10}
.checksWrap_st3 .checks label:hover{background:url("../images/check3_hover.png") 0 0 no-repeat #fff}
.checksWrap_st3 .checks label.on{background:url("../images/check4_on.png") 0 0 no-repeat #fff}
.checksWrap_st3 .checks label strong{color:#e95247}
.checksWrap_st3 .checks label span{color:#aaa}

/* checksWrap_st4 */
.checksWrap_st4{position:relative;padding:23px 30px 23px 23px;background:#454545;border-radius:2px}
.checksWrap_st4 .checks{position:relative}
.checksWrap_st4 input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:9;width:24px;height:24px;-webkit-appearance:none}
.checksWrap_st4 label{position:relative;background:url("../images/check2_off.png") 0 0 no-repeat;display:inline-block;width:100%;height:24px;line-height:24px;font-size:18px;padding:0 0 0 50px;text-align:left;color:#555;z-index:10}
.checksWrap_st4 label.on{background:url("../images/check2_on.png") 0 0 no-repeat}
.checksWrap_st4 a{font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size:14px;line-height:24px;display:inline-block;color:#999;text-decoration:underline;position:absolute;right:0;top:0;z-index:11}

/* --------------------------------------------
 * input
/* ------------------------------------------ */
/* inputWrap_st1 */
.inputWrap_st1{position:relative; margin-bottom: 6px;}
.inputWrap_st1:before{content:'';display:inline-block;width:30px;height:40px;background:url("../images/icon_input_login.png") no-repeat;position:absolute;top:0;left:1px;z-index:10}
.inputWrap_st1.upw:before{background-position:-30px 0}
.inputWrap_st1 input{display:block;width:100%;height:40px;line-height:18px;font-size:12px;background:#ffffff;border:1px solid #e1e1e1;border-radius:2px;padding:10px 10px 10px 30px;color:#333;letter-spacing:-0.05em}
.inputWrap_st1 input:focus,
.inputWrap_st1 input:hover{background:#f6f6f6}

/* inputWrap_st2 */
.inputWrap_st2{position:relative; margin-bottom: 10px;}
.inputWrap_st2 .input_tit{position:absolute;top:18px;left:30px;font-size:15px;white-space:nowrap;color:#555;letter-spacing:0.5px;font-weight:500;z-index:10}
.inputWrap_st2 .input_tit strong{color:#1665c8}
.inputWrap_st2 input{width:100%;height:84px;padding:32px 30px 6px;font-size:16px;color:#333;letter-spacing:0.025em;line-height:46px}
.inputWrap_st2 input:focus,
.inputWrap_st2 input:hover{background:#fafafa}

/* inputWrap_st2.icon */
.inputWrap_st2.icon:before{content:'';width:84px;height:84px;display:inline-block;background:url("../images/input_icon170331.png") no-repeat;position:absolute;top:0;left:0;z-index:10}
.inputWrap_st2.icon.uid:before{background-position:0 0}
.inputWrap_st2.icon.upw:before{background-position:-84px 0}
.inputWrap_st2.icon.upw2:before{background-position:-168px 0}
.inputWrap_st2.icon.phone:before{background-position:-252px 0}
.inputWrap_st2.icon.email:before{background-position:-336px 0}
.inputWrap_st2.icon.nick:before{background-position:-420px 0}
.inputWrap_st2.icon.phone2:before{background-position:-504px 0}
.inputWrap_st2.icon input{padding-left:84px; border-radius:10px;}
.inputWrap_st2.icon .input_tit{left:84px}
.inputWrap_st2 button{width:114px;height:42px;display:inline-block;text-align:center;background:#ff7a38;color:#fff;font-size:14px;border-radius:2em;position:absolute;top:50%;right:20px;margin-top:-21px;z-index:12}
.inputWrap_st2 .error{width:100%;height:40px;background:#3d4d63;color:#fff;font-size:14px;font-weight:600;text-align:center;line-height:40px}

/* inputWrap_st3 */
.inputWrap_st3{position:relative;border-radius:2px;overflow:hidden}
.inputWrap_st3:before{content:'';width:70px;height:70px;display:inline-block;background:url("../images/input_icon2.png") no-repeat #333;position:absolute;top:0;left:0;z-index:10}
.inputWrap_st3.phone:before{background-position:0 0}
.inputWrap_st3 input{width:100%;height:70px;font-size:18px;line-height:28px;padding:21px 0 21px 90px;color:#333;background:#fff;border-radius:2px}

/* --------------------------------------------
 * textarea
/* ------------------------------------------ */
.textareaWrap_st1{}
.textareaWrap_st1 textarea{display:block;width:100%;min-height:220px;font-size:14px;line-height:20px;background:#ffffff;border:1px solid #e1e1e1;border-radius:2px;padding:14px 12px 14px 20px;color:#000000;letter-spacing:-0.05em;resize:none}
.textareaWrap_st1 textarea:focus,
.textareaWrap_st1 textarea:hover{background:#f6f6f6}

/* --------------------------------------------
 * select
/* ------------------------------------------ */
/* selectWrap_st1 */
.selectWrap_st1{position:relative;width:100%;height:30px;border:1px solid #ddd;background:#fff;z-index:8}
.selectWrap_st1 .btn_selected{height:28px;line-height:28px;display:block;overflow:hidden;position:relative;padding:0 28px 0 10px;font-size:12px;color:#555;white-space:nowrap;background:#fff}
.selectWrap_st1 .btn_selected:after{content:'';display:block;position:absolute;top:0;right:0;width:28px;height:28px;background:url("../images/select_arr.png") no-repeat -1px -1px}
.selectWrap_st1 .select_list{min-width:100%;max-height:192px;position:absolute;top:100%;right:0;border:1px solid #ddd;z-index:100;overflow-x:hidden;overflow-y:auto;margin-right:-1px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;display:none}
.selectWrap_st1 .select_list li a{display:block;line-height:32px;text-align:left;padding:0 20px 0 10px;white-space:nowrap;background:#fff;color:#666;font-size:12px;cursor:pointer;letter-spacing:-0.025em}
.selectWrap_st1 .select_list li a:focus,
.selectWrap_st1 .select_list li a:hover,
.selectWrap_st1 .select_list li.active a{background:#fafafa;color:#e95247}

/* selectWrap_st2 */
.selectWrap_st2{position:relative;width:100%;height:44px;border:1px solid #ddd;border-radius:2px;background:#fff;z-index:8}
.selectWrap_st2 .btn_selected{height:42px;line-height:42px;display:block;overflow:hidden;position:relative;padding:0 30px 0 15px;font-size:14px;color:#777;white-space:nowrap}
.selectWrap_st2 .btn_selected:after{content:'';display:block;position:absolute;top:0;right:0;width:42px;height:42px;background:url("../images/select_arr3.png") no-repeat 0 0}
.selectWrap_st2 .select_list{min-width:100%;height:280px;position:absolute;top:100%;right:0;border:1px solid #ddd;z-index:100;overflow-x:hidden;overflow-y:auto;margin-right:-1px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;display:none}
.selectWrap_st2 .select_list li a{display:block;line-height:40px;text-align:left;padding:0 20px 0 15px;white-space:nowrap;background:#fff;color:#777;font-size:14px;cursor:pointer;letter-spacing:-0.025em}
.selectWrap_st2 .select_list li a:focus,
.selectWrap_st2 .select_list li a:hover,
.selectWrap_st2 .select_list li.active a{background:#fafafa;color:#e95247}

/* --------------------------------------------
 * pagination
/* ------------------------------------------ */
.pagination ul{text-align:center}
.pagination li{display:inline-block}
.pagination li a{width:34px;height:34px;line-height:32px;text-align:center;display:inline-block;font-size:13px;color:#999;border:1px solid #ddd;background:#fff}
.pagination li a:hover{background:#fafafa}
.pagination li.active a,
.pagination li.active a:hover{background:#30393c; border-color:#30393c; color:#fff;cursor:default}
.pagination li a.page_arr{background:url("../images/pagination_arr.png") no-repeat}
.pagination li a.page_arr.page_first{background-position:0 0}
.pagination li a.page_arr.page_prev{background-position:-32px 0;margin-right:10px}
.pagination li a.page_arr.page_next{background-position:-64px 0;margin-left:10px}
.pagination li a.page_arr.page_last{background-position:-96px 0}

/* --------------------------------------------
 * layerPopup
/* ------------------------------------------ */
.layerPopup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999999999999999;overflow:hidden}
.layerPopup.open{display:block}
.layerPopup .bg_mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#131316;opacity:0.6;filter: alpha(opacity=60);-moz-opacity:0.6;z-index:999}
.layerPopup .layerBody{position:absolute;left:50%;top:50%;background:#fff;z-index:9999; width:800px; height:500px;}
.layerPopup .layerBody.fadeIn{-webkit-animation-duration:0.5s;animation-duration:0.5s}
.layerPopup .layerBody .close{width:80px;height:80px;line-height:80px;display:inline-block;position:absolute;right:0;top:0;text-align:center;z-index:100;background:url("../images/icon_close.png") no-repeat center center;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;-o-background-size:20px 20px;background-size:20px 20px}
.layerPopup .layerBody .close.dark{margin-right:-80px;background:url("../images/icon_close2.png") no-repeat center center;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;-o-background-size:20px 20px;background-size:20px 20px}
.layerPopup .layerBody h2.tit{color:#2d2d36;line-height:80px;height:80px;padding-left:30px;font-size:24px;border-bottom:1px solid #dfe0e4;background:#f5f5f7}
.layerPopup .layerBody h2.tit .desc{display:inline-block;font-size:13px;margin-left:10px;color:#808189}
.layerPopup .layerBody .contPop{ height:420px; overflow:hidden; overflow-y:scroll; padding:25px; position:relative;}
.layerPopup .layerBody .contPop pre { width:100%; }


/* layerView */
.layerView .layerBody{width:960px;height:100%;top:0;padding-top:80px;position:fixed}
.layerView .layerBody .fixTop{width:960px;height:80px;border-bottom:1px solid #dedede;position:fixed;top:0;left:50%}
.layerView .layerBody .fixTop ul.left{float:left}
.layerView .layerBody .fixTop ul.right{float:right}
.layerView .layerBody .fixTop ul li{height:80px;line-height:80px;float:left}
.layerView .layerBody .fixTop ul.left li{border-right:1px solid #dedede}
.layerView .layerBody .fixTop ul.right li{background:#000}
.layerView .layerBody .fixTop ul li a{display:block;text-indent:initial;width:80px;height:80px;position:initial;background:none;line-height:80px;text-align:center}
.layerView .layerBody .fixTop ul.left li a:hover{background:#f1f1f1}
.layerView .layerBody .fixTop ul li a span{width:29px;height:23px;display:inline-block;background:url("../images/layerView_icon.png") no-repeat;text-indent:-999999em;vertical-align:middle}
.layerView .layerBody .fixTop ul li a.top span{background-position:0 0}
.layerView .layerBody .fixTop ul li a.prev span{background-position:-29px 0}
.layerView .layerBody .fixTop ul li a.next span{background-position:-58px 0}
.layerView .layerBody .fixTop ul li a.close span{background-position:-87px 0}
.layerView .layerBody .contPop{height:100%;min-height:initial}
.layerView .view_con .view_con_txt{font-size:15px !important;line-height:25px !important;color:#555 !important;word-break:keep-all !important}
.layerView .view_con .view_con_txt img{max-width:100% !important}


/* --------------------------------------------
 * OwlCarousel2
/* ------------------------------------------ */
.owl-theme .owl-nav {
}
.owl-theme .owl-nav [class*='owl-'] {
	width: 64px; height: 64px;
	display: inline-block;
	overflow: hidden;
	text-indent: -99999em;
	background: url(../images/mn_img170314.png) no-repeat;
	position: absolute;
	top: 0;
}
.owl-theme .owl-nav .owl-prev {
	background-position: -2px 0;
	border-right: 1px solid #ddd;
	left: 0;
}
.owl-theme .owl-nav .owl-next {
	background-position: -72px 0;
	border-left: 1px solid #ddd;
	right: 0;
}

.owl-theme .owl-dots{height:8px;margin-top:25px;text-align:right;-webkit-tap-highlight-color:transparent;display: none !important;}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-dots .owl-dot span{width:8px;height:8px;margin:0 0 0 10px;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;background:url("../images/roll_controls.png") no-repeat -38px 0;-webkit-background-size:46px 8px;-moz-background-size:46px 8px;-o-background-size:46px 8px;background-size:46px 8px}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{background-position:-25px 0}
.rollWrap a.button{width:8px;height:8px;margin:0 0 0 6px;text-indent:-9999em;overflow:hidden;display:inline-block;background:url("../images/roll_controls.png") no-repeat;-webkit-background-size:46px 8px;-moz-background-size:46px 8px;-o-background-size:46px 8px;background-size:46px 8px}
.rollWrap a.button.play{background-position:0 0}
.rollWrap a.button.stop{background-position:-12px 0}


/*_payup*/
#payWrap{background:#132e6a; height:100%; display:block; padding:15px 5px 32px 5px; }
.pay_tit{padding:12px 0 8px 12px; font-weight:600; color:#fff;}
.card_wrap{margin:5px 10px 10px 10px; padding:15px; background:#fff; border-radius:10px; font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
.card_wrap input{height: 30px;text-indent: 10px; border: 1px solid #ccc; width:106px; color:#333;;opacity:1}
.card_wrap input::-webkit-input-placeholder{color:#333;opacity:1}
.card_wrap input:-moz-placeholder{color:#333;opacity:1;}
.card_wrap input::-moz-placeholder{color:#333;opacity:1;}
.card_wrap input:-ms-input-placeholder{color:#333;opacity:1}
.card_wrap input:placeholder-shown{color:#333;opacity:1}
.card_birth input{width:200px !important;}
.card_pw input {width:42px !important;}
.card_pw span{text-indent:5px; display:inline-block; letter-spacing: 1px;}
.card_wrap h3{ color:#333; display:inline-block; margin:0 10px; font-weight:600; line-height:30px;  }
.card_list { display: block; line-height: 30px; border-bottom:1px solid #ddd; padding:10px 0;  }
.card_list2 { display: block; line-height: 30px;  padding:20px 0 15px 0;  }
.card_list_left h3 {float:left;  }
.card_list_left{float:left;line-height: 30px; border-bottom:1px solid #ddd; padding:10px 0; width:50%;}
.card_list_left select{ border:1px solid #ccc; width:140px; height:30px; }
.card_list_right{float:right;line-height: 30px; border-bottom:1px solid #ddd; padding:10px 0; width:50%; font-size:14px;}
.card_user{display:inline-block; width:100%;}
.card_list2 button{padding:10px 1%;width:49%; }
.card_list2 button.submit {background:#ffde3b;}

@media all and (max-width:574px){
.card_wrap h3{width:100%; margin:0;}
.card_number input{width:24%;}
.card_list_left {height:80px; }
.card_list_right {height:80px;line-height:85px; white-space:nowrap;}
.card_list_left select {width:90%;}
.card_mmyy input{max-width:40%;}
}

.movebtn{
    display: inline-block;
    width: 160px;
    height: 45px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    text-align: left;
    line-height: 45px;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.01em;
    position: relative;
    padding-left: 22px;        
    }
.movebtn img{display: block;position:absolute;right:35px;top:18px;transition:all 0.3s;}
.movebtn:hover {border:1px solid #fff; transition:all 0.8s; box-sizing:border-box;}
.movebtn:hover img{right:20px}    
.fw500{font-weight:500;}
.fw400{font-weight:400;}
.mgt10{margin-top:10px;}
.eng{font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
.cafe24 {font-family: 'Cafe24Ssurround'; font-weight: normal; font-style: normal;}

.listTable li{height:50px;width:100%; margin:20px 0; background:#f3f3f3; height:60px; line-height:35px; border-radius:2px;	box-shadow: 0px 1px 5px rgba(28,35,69,0.14);
	background-color: rgba(255,255,255,0.1);
	transition: box-shadow 0.1s ease, background-color 0.1s ease;
	-webkit-transition: box-shadow 0.1s ease, background-color 0.1s ease;
}
.listTable li div{float:left; font-size:16px;}
.listTable li div:nth-child(1){width:15%;}
.listTable li div:nth-child(2){width:65%;}
.listTable li div:nth-child(3){width:20%;}
.listTable li.table_tit{font-weight:bold; background:#2d9af6;background-image: linear-gradient(-135deg,#2A9FFD 0%,#3589dc 100%);
    background-image: -webkit-linear-gradient(-135deg,#2A9FFD 0%,#3589dc 100%);border-top:none; color:#fff;}
.listTable{
    font-size: 17px;
	width:100%; margin-top:30px; float:left; 
	letter-spacing:-0.5px;
	
}
.listTable tr th{
    padding:15px 0;
    color:#333;
    border-bottom: 1px solid #eee;
	font-weight:500;
}
.listTable thead tr th{font-weight:400; background:#0062df; color:#fff;}
.listTable tbody tr th:nth-of-type(2){text-align:left; padding-left:10px;}
.listTable tbody tr:hover{background:#f5faff}
.listTable tr td{
    text-align: center;
    border-bottom: 1px solid #eee;
    background: #fdfdfd;
}
.listTable tr:nth-child(even) td, .listTable li tr:nth-child(even){
    background:#f6f6f6;
}
.listTable td.subj, .listTable li{
    text-align: left;
    padding: 15px 30px;
}
.listTable td.noCont{
    height: 150px;
    line-height: 150px;
}
.listTable th:first-child,
.listTable td:first-child{
    padding-left:50px;
}
.listTable th:last-child,
.listTable td:last-child{
    padding-right:50px;
}
.listTable tr th .font_s {
    font-size: 14px;
    display: inline-block;
    margin: 3px;
    color: #aaa;
}
.listTable tr th .font_red{font-weight:600; letter-spacing:0;}
.table_st5  tbody tr{border-bottom:1px solid #eee;}


.totop{
    width: 50px;
    height: 50px;
    line-height: 65px;
    font-size: 11px;
    text-align: center;
    position: fixed;
    right:30px;
	bottom:30px;
    background: url(../images/toparrow.png) center center #000;
	background-size:100%;
	color:#fff;
    cursor: pointer;
	font-weight:bold;

}
.arr2 button {
	display: inline-block;
	overflow: hidden;
	width: 28px;
	height: 27px;
	background: url(../images/arr_img_white.png) no-repeat 0 0;
	line-height: 9999px;
	vertical-align: top;
	opacity:0.5;

}
.arr2 {
	float: right;
    position: absolute;
    right: 3px;
    top: 0px;
}
.arr2 button.next2 {
	margin-left: -4px;
	background-position: -27px 0;
}
/* --------------------------------------------
 * radio
/* ------------------------------------------ */
/* radioBtn */
.radioBtn{height:20px;line-height:20px;display:inline-block;position:relative;overflow:hidden; vertical-align:middle;}
.radioBtn input[type="radio"]{position:absolute;z-index:-10;width:20px;height:20px;background:transparent; left:0; top:0;}
.radioBtn label{padding-left:20px}
.radioBtn label:before{content:'';display:inline-block;width:20px;height:20px;border:1px solid #aaa;border-radius:50%;position:absolute;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear}
.radioBtn label:focus:before, .radioBtn label:hover:before{border-color:#333}
.radioBtn label.on:before{
	border: 2px solid;
    content: "\2713";
    text-align: center;
    font-weight: bold;
    line-height: 12px;
    color: #f94c4c;
}
.prm_cont .radioBtn {background:#fff;}
.blink {
    animation: blinker 2s linear infinite;
}
@keyframes blinker { 50% {opacity:0;} }