@charset "utf-8";
/* CSS Document */

#conts{ letter-spacing: -0.03em; color:#555; }

body {line-height:160%;font-size:16px;font-family:"Malgun Gothic","Myriad Pro","Dotum","Tahoma";word-break: keep-all;}

#location{ font-size:95% ; color:rgba(0, 0, 0, 0.54); line-height: 16px ; }
#location .material-icons{ vertical-align:text-bottom; font-size: 17px;}
#location>span{ display: inline-block; padding-right: 10px;}
#location span.rarr{ 
        display: inline-block; padding-right: 30px; 
        background:url(/images/arrowR.svg) no-repeat calc(100% - 10px) 50%;
}

.pagett{ line-height: initial; box-sizing: border-box; color:#000; text-align: center; letter-spacing: -0.05em; font-family: "Noto Sans KR"; font-weight: 700; }

input, select, textarea{ font-size: 16px; vertical-align: middle }
input:focus, textarea:focus{ background: #fff; border:1px solid #000;}
label>input[type='checkbox']{ margin-right: 10px;}
form div>label{ display: inline-block; padding-right: 30px;}

@media screen and (min-width: 1024px) {
    html{ height: 100%; }
    body{ 
        min-height: calc(100% - 237px); padding-bottom: 237px; position: relative; 
    }

    #conts{ width: 1024px; margin: 0px auto 50px auto;} /*position: relative; */
    #location{ position: absolute; text-align: right; top:200px; right: calc(50% - 600px); }
    .pagett{ font-size: 230%; margin-bottom: 40px; box-sizing: border-box; } /*margin-top = #nav>li>a height */

    footer{ position:absolute; bottom: 0px; width: 100%; }
}
@media screen and (max-width: 1024px) {
    #conts{ min-height: 300px; padding:57px 20px 40px 20px;  }
    #location{ padding: 5px 0px 15px 0px; border-bottom:1px solid rgba(0, 0, 0, 0.15) }
    .pagett{ font-size: 190%;  padding:15px 5px; margin-bottom: 20px; border-width: 0px; border-bottom: 3px dotted rgba(0, 0, 0, 0.1); }
    .pagett>p{font-size: 40%; width: 100%; }
}

@charset "utf-8";
/* CSS Document */

button.imgbtn > img{ display: block; } /*ÀÌ¹ÌÁö¸¸À¸·Î ¸¸µç ¹öÆ°*/
.bnblack { background:#000; color:#fff; display: inline-block; padding:5px; border:1px solid #000; border-radius: 5px; font-family: "Noto Sans KR"; }
.bnblack:hover { background: #fff; color:#000;}
.borderRbox3px{ display: inline-block; border-radius: 3px; padding: 5px;}

.wd70{ box-sizing: border-box; width: 70px; }
.wd100{ box-sizing: border-box; width: 100px; }
.wd150{ box-sizing: border-box; width: 150px; }
.wd200{ box-sizing: border-box; width: 200px; }
.wd250{ box-sizing: border-box; width: 250px; }
.wd300{ box-sizing: border-box; width: 300px; }
.wd400{ box-sizing: border-box; width: 400px; }
.wd500{ box-sizing: border-box; width: 500px; }
.wd700{ box-sizing: border-box; width: 700px; }
.wd1080{ box-sizing: border-box; width: 1080px; }
.wd1200{ box-sizing: border-box; width: 1200px; }
.wd100pro{ box-sizing: border-box; width: 100%; }
.wd50pro{ box-sizing: border-box; width: 50%; }
.wd35pro{ box-sizing: border-box; width: 35%; }
.wd85pro{ box-sizing: border-box; width: 85%; }
.ht100{ box-sizing: border-box; min-height: 100px; overflow: auto; }

.bnS{
	cursor:pointer; font-size:95%; line-height:125%; font-weight:bold; display:inline-block; padding:5px 8px;
	border:1px solid #b1b1b1; border-radius:3px; color:#636363;
	background:#f1f1f1 linear-gradient(#ffffff, #e6e6e6);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e6e6e6));
	background:-moz-linear-gradient(top, #ffffff, #e6e6e6);
}
.bnM{
	cursor:pointer; font-size:95%; line-height:125%; font-weight:bold; display:inline-block; padding:10px 20px;
	border:1px solid #b1b1b1; border-radius:3px; color:#636363;
	background:#f1f1f1 linear-gradient(#ffffff, #e6e6e6);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e6e6e6));
	background:-moz-linear-gradient(top, #ffffff, #e6e6e6);
}
.bcblack { background:#000; color:#fff; border-color:#000; }
.bcblack:hover { background:#fff; color:#000; border-color:#b1b1b1; }
.bcblue1 { background:#414960; color:#fff; border-color:#414960; }
.bcblue1:hover { background:#fff; color:#414960; border-color:#b1b1b1; }
.bcblue2 { background:#5969f7; color:#fff; border-color:#5969f7; }
.bcblue2:hover { background:#fff; color:#5969f7; border-color:#5969f7; }
.bcgren1 { background:#39b54a; color:#fff; border-color:#39b54a; }
.bcgren1:hover { background:#fff; color:#39b54a; border-color:#39b54a; }
.vsbhd{ visibility: hidden;}
.dspx{ display: none;}
.bggray1{ background:#f7f7f7; }
.smallbar{ background: #000; color:#fff; line-height: 100%; display: inline-block; padding: 7px; border-radius: 3px; font-size: 90%; }
.stcss_a, a.stcss_a{ background:#5969f7 ; color: #fff; } /*regis °ü·Ã*/
.stcss_b, a.stcss_b{ background:#59B2F7 ; color: #fff; } /*regis °ü·Ã*/
.stcss_c, a.stcss_c{ background:#39b54a ; color: #fff; } /*regis °ü·Ã*/
.stcss_d, a.stcss_d{ background:#CA72FE ; color: #fff; } /*regis °ü·Ã*/
.stcss_e, a.stcss_e{ background:#FFCB00 ; color: #fff; }
.stcss_x, a.stcss_x{ background:#555 ; color: #fff; } /*regis °ü·Ã*/


/*.mbsc_a{ background:#D270FF; color: #fff; }*/
/*.mbsc_b{ background:#58C90F; color: #fff; }*/
.mbsc_a{ background:#505A73; color: #fff; }
.mbsc_b{ background:#54B54B; color: #fff; }
.mbsc_c{ background:#FF7070; color: #fff; }
.mbsc_x{ background:#555555; color: #fff; }
.mbsc_g{ background:#999; color:#fff}

.bdtop3px{ border-top:3px solid #000; }

.cutlength{ display: inline-block; max-width: calc(100% - 20px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 100%;  }
.strcut100{ display: inline-block; max-width: calc(100%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 100%;}
.lineheightinital{ line-height: initial;}

/*¹öÆ°*/
.btn-arrow, .btn-down, .btn-pdf
{
    display:inline-block; position:relative; text-align:left; background: #fff; padding:8px 36px 8px 15px; min-width:90px; border:1px solid #ddd; z-index:5; overflow:hidden; 
    font-family: "Noto Sans KR"; font-weight: 500; font-size: 105%;
    transition:all 0.3s cubic-bezier(.57,.21,.69,1.25);
}
.btn-arrow:before{content:''; position:absolute; display:block; top:-1px; left:-140%; bottom:-1px; width:140%; background-color:#2b2b2b; transform-origin:0% -50%; transform:skewX(-20deg); transition:left 0.3s cubic-bezier(.57,.21,.69,1.25); z-index:-1}
.btn-arrow:after{content: '\2192';; position:absolute; right:13px; color:#999; transition:color 0.3s cubic-bezier(.57,.21,.69,1.25); z-index:1}
.btn-arrow:hover {color:#fff; border-color:#2b2b2b}
.btn-arrow:hover:before, .btn-arrow-black:hover:before {left:-2%}
.btn-arrow:hover:after {color:#fff}

.btn-down, a.btn-down{ border-color: #1F69C6; color:#1F69C6; }
.btn-down:before, .btn-pdf:before
{content:''; position:absolute; display:block; top:-1px; left:-140%; bottom:-1px; width:140%; background-color:#1F69C6; transform-origin:0% -50%; transform:skewX(-20deg); transition:left 0.3s cubic-bezier(.57,.21,.69,1.25); z-index:-1}
.btn-down:after{content: url(/images/ico_down_B.svg); position:absolute; right:10px; transition:color 0.3s cubic-bezier(.57,.21,.69,1.25); z-index:1}
.btn-down:hover, .btn-pdf:hover
{color:#fff; border-color: #1F69C6; }
.btn-down:hover:before, .btn-pdf:hover:before
{left:-2%;}
.btn-down:hover:after {content: url(/images/ico_down_W.svg);}

.btn-pdf{ width: calc(50% - 4px); }
.btn-pdf:after{content: url(/images/ico_pdf.png); position:absolute; right:10px; transition:color 0.3s cubic-bezier(.57,.21,.69,1.25); z-index:1}

.arrowbgblue, a.arrowbgblue{ border-color: #1F69C6; background: #1F69C6;color: #fff;  }
.arrowbgblue:hover{ color:#1F69C6; border-color:#1F69C6; } 
.arrowbgblue:before{ background-color: #fff;}
.arrowbgblue:after{ color:#fff; }
.arrowbgblue:hover:after {color:#1F69C6; }

.resizebnz{ padding:20px 0px; text-align: center; }

.circletype120{ font-family: "Noto Sans KR"; font-size: 115%; font-weight: 500; display: flex; justify-content: center; align-items: center; width: 120px; height: 120px; padding: 20px; border-radius: 300px; margin: 5px; box-sizing: border-box; }

.btnArea{ display: flex; justify-content: space-between;  }
.btnArea>a{ width: calc(50% - 5px); border-width: 1px; border-style: solid;  padding: 10px 15px; box-sizing: border-box; background: #fff; font-weight: bold; }
.btnArea-mb{ display: flex; }

.icodownW, .icodownB, .icodownR, a.icodownW,a.icodownB,a.icodownR{ position: relative; }
.icodownW:after, a.icodownW:after{ content: ""; position: absolute; right:10px; top:0px; display: block; width: 9px; height: 100%; background: url(/images/ico_down_W.svg) no-repeat 0px 50%; }
.icodownB:after, a.icodownb:after{ content: ""; position: absolute; right:10px; top:0px; display: block; width: 9px; height: 100%; background: url(/images/ico_down_B.svg) no-repeat 0px 50%; }
.icodownR:after, a.icodownR:after{ content: ""; position: absolute; right:10px; top:0px; display: block; width: 9px; height: 100%; background: url(/images/ico_down_R.svg) no-repeat 0px 50%; }


/*txt °ü·Ã*/
.txtblur{ color:rgba(0,0,0,0.5)}
.boldblack{ color:#000; font-weight: bold; }
.boldblue{ color:#5969f7; font-weight: bold; }
.boldgreen{ color:#39b54a; font-weight: bold; }
.boldorange{ color:#f26522; font-weight:bold; }
.tred1{ color:#ff000a; }
.tblue1{ color:#0083d9; }
.tgreen1{ color:#1fa500; }
.stcfontc_a, a.stcfontc_a{ color:#5969f7; }
.stcfontc_b, a.stcfontc_b{ color:#59B2F7; }
.stcfontc_c, a.stcfontc_c{ color:#39b54a; }
.stcfontc_d, a.stcfontc_d{ color:#CA72FE; }
.stcfontc_e, a.stcfontc_e{ color:#FDD806; }
.stcfontc_x, a.stcfontc_x{ color:#555; }
.txtcolorW, a.txtcolorW{ color:#fff; }

.pd10px{ padding-left:10px; line-height: inherit; }
.pd10hpx{ padding: 10px 0px; }
.titletype{ font-family: "Noto Sans KR"; font-size: 110%; font-weight: 500; color:#000; }
.titletype2{ font-family: "Noto Sans KR"; font-size: 110%; font-weight: 500; padding: 5px 0px; }
.small95pro{ font-size: 95%; color:rgba(0, 0, 0, 0.5) }
.nsktitle110{ font-family: "Noto Sans KR";  font-size: 110%; font-weight: 500; }
.nsktitle120{ font-family: "Noto Sans KR";  font-size: 120%; font-weight: 500; }
.nsktitle130{ font-family: "Noto Sans KR";  font-size: 130%; font-weight: 500; }
.nsktitle140{ font-family: "Noto Sans KR";  font-size: 140%; font-weight: 500; }
.nsktitle150{ font-family: "Noto Sans KR";  font-size: 150%; font-weight: 500; }
.txtindent1{ text-indent: -22px; padding-left: 22px;}
.txtindent2{ text-indent: -22px; padding-left: 22px;}

.headtp_dot:before{ content: "\2022"; padding-right: 5px;}
.headtp_arrow:before {
	content: ""; display:inline-block; width:8px; height:8px; margin:-5px 10px auto auto; vertical-align:middle;
	border-right:4px solid #1F69C6; border-top:4px solid #1F69C6; transform:rotate(45deg);
} /*border-siteblue=border-top*/
.headtp_bar:before{ content: "\259A"; padding-right: 10px; vertical-align: text-top; color:#1F69C6 } /*border-siteblue=color*/

.txtjustify{ display: inline-block ; margin: auto; text-align: justify; text-align-last: justify; letter-spacing: -0.2em; margin-right: 5px; }


/*ÀÌ¹ÌÁö*/
.img100{ display:block; width: 100%; }

/*¶óÀÎ*/
.bordertop2px{ border-top-width: 2px; border-top-style: solid;  }


/*¸ñ·Ï*/
.discmarkmargine{ margin-left: 20px; }
.discmarkpadding{ padding-left: 20px; }
.discmarkpdonly{ padding-left: 20px; margin-left: 0px;}

.xlstbline{ list-style: none; }
.xlstbline>li{ padding: 7px 0px; }
.xlstbline>li:not(:last-child){ border-bottom: 1px solid rgba(0, 0, 0, 0.05);}

.xlstbasic{ list-style: none; }
.xlstbasic>li{ padding: 7px 0px;}

.blineph7>li{ padding: 7px 0px; }
.blineph10>li{ padding: 10px 0px; }
.blineph7>li:not(:last-child), .blineph10>li:not(:last-child){ border-bottom:1px solid rgba(0, 0, 0, 0.05); }
.flexullb>li>label::before{ content: "\2022"; padding-right: 10px;}

.frmlabel li>label:first-child{ display: inline-block; width: 100px; padding-left: 10px; }

.formul>li{ display: flex; flex-wrap: wrap; align-items: center; }
.formul>li>label{ font-family: "Noto Sans KR"; font-weight: 500; width: 15%; min-width: 115px; padding-left: 10px; box-sizing: border-box; }
.formul>li.dspx{ display: none; }
.formul input[type="text"]{ flex: 1 1 35%; }

.cclst{ counter-reset: circle 0; margin-left: 20px; }
.cclst>li{ list-style: none; position: relative; }
.cclst>li:before{  
	counter-increment: circle 1; content: counter(circle);
	position:absolute; top:9px; left: -20px; font-size: 70%; line-height: 80%;
	display: flex; width: 12px; height: 12px; padding: 1px; justify-content: center; align-items: center; 
	border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 30px;
}
.divbasic .step1.cclst{ margin-left: 20px; }

/*box °ü·Ã*/
.boxgray1{ border:1px solid #ddd; background: #f7f7f7; padding:20px; }
.block100pro{ display: block; width: 100%;}

.prvctxt{ border:1px solid #ddd; background: #f7f7f7; padding:30px; height: 200px; overflow-y: auto; }
.agreecheck{ display: block; line-height:300%; }

.divbasic{margin-bottom: 15px; padding-bottom: 15px; }
.divbasic>h1 { font-size: 140%;  font-weight: 500; color:#000; font-family: "Noto Sans KR";  margin:15px 0px; line-height: 140%; }
.divbasic h2{ font-family: "Noto Sans KR"; font-size: 110%; font-weight: 500; color:#333; }
.divbasic .step1{margin-left: 20px;padding: 5px 0px;}
.divbasic .step1>li{ padding: 5px 0px; }
.divbasic .step2{ margin-left: 20px; list-style:upper-alpha ; padding: 5px 0px; }
.divbasic .step2>li{ padding: 2px 0px; }
.divbasic .step1>li>p{ text-indent: -20px; padding:3px 0px 3px 20px;  }

.m10inh1{ margin:10px 0px; }
.m10inh1>h1{ font-size: 105%; padding: 8px 0px; color:#000; }

.flxw{ display: flex; flex-wrap: wrap; align-items: center; }
.flxbtw{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.smtCzone{ text-align: center; padding:20px; display: flex; justify-content: center; align-items: center; }

.boder5pd20{ border:5px solid #f5f5f5; padding: 20px; }
.pdw15px>a{ padding-left: 15px; padding-right: 15px;}

.bbstoplist{ border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 20px; padding-bottom: 20px; }

.divtype1 { margin-bottom: 15px; padding-bottom: 15px; overflow: auto; }
.divtype1>h1 { font-size: 150%;  font-weight: 500; color:#000; font-family: "Noto Sans KR";  margin:15px 0px; color:#134482; }
.divtype1>h2 { font-size: 130%;  font-weight: 500; color:#000; font-family: "Noto Sans KR";  margin:20px 0px 10px 0px; color:#134482; }
.divtype1>h3 { font-size: 130%;  font-weight: 400; color:#000; font-family: "Noto Sans KR";  margin:20px 0px 10px 0px; color:#134482; }

.idt_01{display: flex;}
.idt_01>span:first-child{ flex-shrink: 0;  width: 30px;}
.idt_01>span:last-child{ flex-grow:1; }

.cc120grl{ display: flex; align-items: center; }
.cc120grl>span{ 
	display: flex; width: 120px; height: 120px; border-radius: 60px; border: 5px solid rgba(0, 0, 0, 0.2); box-sizing: border-box; justify-content: center; align-items: center; flex-grow: 0;
}

/*
.imgboxover{ position: relative; overflow:visible; padding: 50px 0px; font-family: "Noto Sans KR"; }
.imgboxover>img{ display: block; position: absolute; top:0px; border:1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.08); width: 100%; max-width: 280px; }
.imgboxover>div{ padding: 50px; border-style: solid; border-width: 2px; border-color: #B5C7D9; }
.imgboxover>div>h1{ font-size: 140%; line-height: 180%; font-weight: 500;}
*/
.imgboxover{  font-family: "Noto Sans KR"; padding: 80px 0px 80px 0px;  }
.imgboxover>div{ display: flex; flex-wrap: wrap; border-style: solid; border-width: 2px; border-color: #B5C7D9; padding: 50px 50px; }
.imgboxover>div>p{ position: relative; width: 100%; max-width: 320px; }
.imgboxover>div>p>img{ display: block; position: absolute; top:-100px; border:1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.08); width: 100%; max-width: 280px; }
.imgboxover>div>h1{ width: 100%; max-width: calc(100% - 320px); font-size: 130%; line-height: 180%; font-weight: 500;}
.imgboxover>div>h1>p{ font-size: 75%; font-weight: 400; line-height: 160%; color:#1F69C6; }
.imgboxover>div>h1>p:first-of-type{ padding-top:10px; }


/*table °ü·Ã*/
.topblueLine{ border-top:1px solid #6B809C; }
.trInformtag{ width: 100%; box-sizing: border-box; }
.trInformtag{ border-bottom: 1px solid #ccc;}
.trInformtag thead{ background: #f7f7f7; line-height: 38px;}
.trInformtag thead th{ border-right:1px solid #ccc; border-bottom: 1px solid #ccc;}
.trInformtag tbody{ line-height: 40px; text-align: center; }
.trInformtag tbody td{ border-right:1px solid #ddd; border-bottom: 0px solid #ddd; vertical-align: top;}
.trInformtag select, .trInformtag input{ 
    margin: 0px; border-radius: 0px; border: 0px; border-bottom: 1px solid #eee; background: transparent; 
    font-family: "Noto Sans KR"; font-size: 100%; font-weight: 400; margin: 0px 5px; width: calc(100% - 10px);
}
.trInformtag select{ 
    appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* ³×ÀÌÆ¼ºê ¿ÜÇü °¨Ãß±â */ 
    background:url("../../images/bottomarB2_ico.png") no-repeat calc(100% - 5px) 50%;
}
.trInformtag select::-ms-expand {display:none} /*ie È­»ìÇ¥ °¨Ãß±â*/
.trInformtag input:focus{ border-color: #1561CC; color:#1561CC}
.trInformtag textarea{ width:calc(100% - 10px);  margin: auto; height: 150px; border-radius: 0px; border-color: #ddd; }

.pd10tleft{ padding-left: 10px; text-align: left; }
.pd10tright{ padding-right: 10px; text-align: right; }
.pd10tleft td textarea{ margin-right: 10px;}

.boxtable1{ width: 100%; border:5px solid #f5f5f5; padding: 20px; }
.boxtable1 table{ width: 100%; line-height: 170% }
.boxtable1 td{ padding: 7px 10px; color:#777; }
.boxtable1 td:nth-child(2n+1){ background: #f7f7f7;}
.boxtable1 tr:not(:last-child)>td{ border-bottom: 1px dotted #eee;}

.lbasictable{width: 100%;}
.lbasictable caption{ text-align: left; font-weight: bold; padding: 10px;}
.lbasictable thead{ background: rgba(0, 0, 0, 0.03);}
.lbasictable th, .lbasictable td{border:1px solid #ddd; padding: 8px;}
.tablec td{ text-align: center;}

.lftdscope td[scope="row"]{ background: rgba(0, 0, 0, 0.03); font-family: "Noto Sans KR"; font-weight: 500; font-size: 100%; }
.tdp10px td{ padding: 10px; }

.tdp8x0 td{padding: 9px 0px;}
.txtleftpdl10px, td.txtleftpdl10px{ text-align: left; padding-left: 10px; }

.theadround th{ font-family: "Noto Sans KR"; font-size: 110%; font-weight: 500; color:#fff; line-height: 260%; }
.theadround tr>th:first-child{ border-top-left-radius: 40px; border-bottom-left-radius: 40px; }
.theadround tr>th:last-child{ border-top-right-radius: 40px; border-bottom-right-radius: 40px; }

.tr2ngr tr:nth-child(2n){ background-color: rgba(0, 0, 0, 0.02);}

/*form °ü·Ã*/
.lineform select, .lineform input{
	margin: 0px; border-radius: 0px; border: 0px; border-bottom: 1px solid #eee; background: transparent; 
    font-family: "Noto Sans KR"; font-size: 100%; font-weight: 400; margin: 0px 5px; 
}
.lineform select{ 
    appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* ³×ÀÌÆ¼ºê ¿ÜÇü °¨Ãß±â */ 
    background:url("../../images/bottomarB2_ico.png") no-repeat calc(100% - 5px) 50%; padding-right: 30px;
}
.lineform select::-ms-expand {display:none} /*ie È­»ìÇ¥ °¨Ãß±â*/
.lineform input:focus{ border-color: #1561CC; color:#1561CC}
.smtzone{ padding:10px 0px; text-align: right; }

.inputfile>input[type=file]{ width: 0px; display: none; }
input.fileSearch, #mainConts input.fileSearch{ background: url(../images/search_btn.png) no-repeat 100% 50%;}
/*
.inputfile{ position:relative;z-index:auto;display:inline-block; vertical-align:top; top:0px; width:66px;height:28px;overflow:hidden; }
.inputfile >button:first-child{position:absolute;left:0px;top:0px;z-index:auto;}
.inputfile >input[type=file]{
	width:72px;height:27px;display:inline-block;position:absolute;top:0px;left:-6px;z-index:auto;
	margin-left:0px; opacity:0; -moz-opacity:0; cursor:pointer;
}
*/

/*ÀÚ¹Ù½ºÅ©¸³Æ® µ¿Àû Ä«·»´õ °ü·Ã*/
.cldspan{ display:inline-block;position:relative }
.cldspan>div { position:absolute; z-index:auto; top:-20px; left:-162px; overflow:visible }
.calendartb{ 
	margin-top:-1px; padding:2px 10px 10px 10px;text-align:center; width: 250px;
	background:#fff;border:1px solid #bbb;border-bottom-left-radius: 10px;border-bottom-right-radius:10px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.calendartb table{ width: 100%; line-height: 200%; }
.calendartb table td, .calendartb table th{ border: 1px solid #ddd;}
.calendartb table th{ background: #f7f7f7;}
.calendartb .sunday{ color:#FF1E00; }
.calendartb .saturday{ color:#0051ff; }
.calendartb .cldxbn{ position:absolute; z-index:auto; top:10px; right: 10px; width: 12px; height: 12px; background: url(/images/mobile_icoListX.svg);}

/*html Ä«·»´õ °ü·Ã*/
.calendar { table-layout: fixed; }
.calendar th { border-bottom:1px solid #ccc;border:1px solid #ccc;color:#000;vertical-align:middle;background:#f7f7f7; line-height: 200%; }
.calendar tr:last-child>th:first-child, .calendar tr:last-child>th:last-child{background:#f0f1f9;color:#5969f7}
.calendar tr>td:first-child, .calendar tr>td:last-child{background:#f0f1f9;}

.dateWrap{ margin:1px auto;text-align:center;border-bottom:1px dotted #ccc; box-sizing: border-box; }
a#txtAll { position:absolute; z-index:auto; display:block; top:0px; left:0px; background:#6c819d; color:#fff; padding:0px 5px; }
.ston { font-size:11px;color:#005b7f;font-weight:bold;}
.stoff {font-size:11px;color:#f26522;font-weight:bold;}
.cldstrcut{ display: inline-block; max-width: calc(100% - 27px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }

/*list page °ü·Ã*/
.listSelect{ padding : 10px; font-family:"Malgun Gothic","Myriad Pro","Dotum","Tahoma"; }
.listSelect>button{ margin-right: 2px;}
.listSelect>p{ float:right; text-align: right; }
#pagezone{ text-align: center; font-family:"Malgun Gothic","Myriad Pro","Dotum","Tahoma"; padding: 10px 0px;}
#pagezone>a,#pagezone>span{ display: inline-block; padding: 5px;}
#pagezone>#pgFirst{ display: inline-block; width: 12px; height: 12px; background: url("/images/page/arrowDL.svg") no-repeat 0px center; padding: 0px; margin-right: 5px;}
#pagezone>#pgFirst:hover{ background-image: url("/images/page/arrowDLc.svg"); }
#pagezone>#pgLast{ display: inline-block; width: 12px; height: 12px; background: url("../images/page/arrowDR.svg") no-repeat 0px center; padding: 0px; margin-left: 5px;}
#pagezone>#pgLast:hover{ background-image: url("/images/page/arrowDRc.svg"); }
#pagezone .prvoff{ display: inline-block; padding:0px 15px; background: url("/images/page/arrowL.svg") no-repeat 0% center;font-size: 90%; }
#pagezone .nexoff{ display: inline-block; padding:0px 15px; background: url("/images/page/arrowR.svg") no-repeat 100% center;font-size: 90%; }
#pagezone .prvon{ display: inline-block; padding:0px 15px; background: url("/images/page/arrowLc.svg") no-repeat 0% center;font-size: 90%; }
#pagezone .nexon{ display: inline-block; padding:0px 15px; background: url("/images/page/arrowRc.svg") no-repeat 100% center;font-size: 90%; }

/*ÇÁ¸°Æ® °ü·Ã*/
#print_lay{ border-top:2px solid #6b809c; }
#print_lay>h1{  line-height: 41px; font-family: "Noto Sans KR"; font-size: 110%; font-weight: 500; }
#print_lay>table{ width: 100%;}
#print_lay>table>thead{ background: #f7f7f7; line-height: 38px;}
#print_lay>table th, #print_lay>table td { border:1px solid #ddd; }
#print_lay>table tr:first-child>th { border-top:0px; }
#print_lay>table>tbody{ line-height: 39px; text-align: center; color:#555 }

/*google material-icons */
.md-15 { font-size: 15px; }
.md-18 { font-size: 18px; }
.md-24 { font-size: 24px; }
.md-36 { font-size: 36px; }
.md-48 { font-size: 48px; }
.md-150 { font-size: 150px; }
.md-w { color:#fff; }

.border-siteblue{ border-color: #1F69C6; }
.txt-siteblue, a.txt-siteblue{ color: #1F69C6; }
.bg-siteblue, a.bg-siteblue{ background-color:#1F69C6; }


/*ÅÇ*/
.tab {  margin-bottom: 30px;  }

.tab.tab2style>a{ border-top-left-radius: 0px; border-top-right-radius: 0px; background: rgba(0, 0, 0, 0.04);}
.tab.tab2style>a.tabon{ background: rgba(0, 0, 0, 0.02); border-bottom-color: #f9f9f9; }


/*ÁÂÃø»ó´Ü Æ÷ÀÎÆ®*/
.TLpoint{ position: relative; overflow: hidden; } /*border-siteblue=border-top*/
.TLpoint:before{ 
	content: ""; position: absolute; width: 30px; height: 30px; background-color: #1F69C6; transform: rotate(45deg); top:-15px; left: -15px;
} /*border-siteblue=background*/

/*stepstyle*/
.stepbox1{ border:1px solid rgba(0, 0, 0, 0.1); padding: 5% 0px; display: flex;  justify-content: center; text-align: center; margin-bottom: 20px; background-color: rgba(0, 0, 0, 0.05); }
.stepbox1>div{ width: calc(13%); font-family: "Noto Sans KR"; font-weight: 500; }
.stepbox1 .step2r{ 
    border:5px solid rgba(0, 0, 0, 0.05); width: 80px; height: 80px; border-radius: 100px; padding: 5px;
    display: flex; justify-content: center; align-items: center; margin: auto;
}
.stepbox1 .step2r>p{ 
    background: #1F69C6; color:#fff; width: 80px; height: 80px; border-radius: 100px; margin: auto; 
    display: flex; justify-content: center; align-items: center; 
} /*background 91756C*/
.stepbox1 .step2r>p>span{ font-size: 200%; color:#fff } /*border-siteblue=background*/
.stepbox1>span{  padding-top: 40px; color:rgba(0, 0, 0, 0.3); font-size: 160%; }
.stepbox1 .step2r+span{ display: block; padding: 15px 0px 5px 0px; color: #1F69C6;} /*border-siteblue=background*/
.stepbox1 .step2r+span+p{ font-size: 110%; }

/*ÇÏ´Ü Á¤Ã¥*/
.btnPolicy{ display: flex; flex-wrap: wrap; padding-top: 15px; }
.btnPolicy>a{ margin:2px;  box-sizing: border-box; }
#pgwmediarule>.divbasic{ margin-bottom: 30px;}

/*¸ð¹ÙÀÏ ÀÌ»ó °ü·Ã*/
@media screen and (min-width: 501px) {
    .mobile{ display: none;}
	.do500{ display: none;}

	/* ÅÇ */
	.tab { display: flex; box-sizing: border-box; background: url(/images/dot15.svg) repeat-x 0% 100%;  }
	.tab>a{ 
		display: inline-block; background: #F9F9F9; padding-top: 8px; padding-bottom: 8px; border-right:1px solid rgba(0, 0, 0, 0.15); border-top:1px solid rgba(0, 0, 0, 0.15); border-bottom:1px solid rgba(0, 0, 0, 0.15);
		font-family: "Noto Sans KR"; font-size: 100%; font-weight: 400; text-align: center;
	}
	.tab>a:first-child{ margin-left: 10px; border-left: 1px solid rgba(0, 0, 0, 0.15);}
	.tab>a.tabon{ background: #fff; border-bottom-color: #fff; border-top:2px solid #306CC5; color:#000; font-weight: 500;}

	.maintab{ justify-content: center; margin-bottom: 30px; }
	.maintab>a{ font-family: "Noto Sans KR"; font-size: 130%; font-weight: 400; padding: 12px 30px; position: relative; background: #3E649B; color:rgba(255, 255, 255, 1); overflow: hidden; }
	.maintab>a:first-child{margin: 0px; }
	.maintab>a.tabon{ font-weight: 600; border-top:1px solid #1F69C6; font-weight: 500;} /*border-siteblue=border-top*/
	.maintab>a.tabon:before{ 
		content: ""; position: absolute; width: 30px; height: 30px; background-color: #1F69C6; transform: rotate(45deg); top:-20px; left: -20px;
	} /*border-siteblue=background*/

	.calendar td{height:110px; color:#555; font-size: 90%; line-height:18px; border:1px solid #ccc ; vertical-align:top !important; text-align:left; padding:5px;}

	/*box °ü·Ã*/
    .leftinc{ float: left; text-align: center;}
	.formbox{ border-width:5px; border-style: solid; padding: 40px; }

    .s500li{display: flex; flex-wrap: wrap; align-items: center;}

	.pcw650px{ width: 650px;}

    .pstlayer{ position: relative; height: 0px;}
    .pstlayer>img{ position: absolute;}

    /*¸ñ·Ï*/
    .formul input.tabflexnone{ flex:none; }
}
/*ÅÇ ÀÌÇÏ °ü·Ã*/
@media screen and (max-width: 1024px) {
    .mobileX{ display: none; }
	.mobile{ display: initial;}

	#pagezone .numbn{ 
        width: 20px; line-height: 20px; border:1px solid #ccc; border-radius: 3px; margin:0px 1px; font-family: "Lusitana"; 
        background:#f1f1f1 linear-gradient(#ffffff, #f1f1f1);
        background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f1f1f1));
        background:-moz-linear-gradient(top, #ffffff, #f1f1f1);
    }

	#viewPro{ display: none; border:2px solid #000; border-radius: 5px; padding: 10px; margin-bottom: 10px; }
	#viewPro>h1{ font-family: "Noto Sans KR"; font-size: 120%; font-weight: 500; border-bottom: 1px solid #ddd; padding: 5px; }
	#viewPro>p { padding: 5px; }
	#viewPro>p:not(:last-child){ border-bottom: 1px dotted #ddd; }
	#viewPro .ston { background:#005b7f; color:#fff; font-weight:bold; font-size: 90%; display: inline-block; padding: 3px 5px; border-radius: 2px; line-height: 120%; margin-right: 10px; }
	#viewPro .stoff { background:#f26522; color:#fff; font-weight:bold; font-size: 90%; display: inline-block; padding: 3px 5px; border-radius: 2px; line-height: 120%; margin-right: 10px;}

	.calendar td{color:#555;  border:1px solid #ccc ;  padding:5px; text-align: center; }
	.calendar td.dateon{ background: #D8F0B8 !important; }
	.oncday+div{ display: none;}

	/*box*/
	.formbox{ border-width:5px; border-style: solid; padding: 20px; }
}
/*¸ð¹ÙÀÏ ÀÌÇÏ °ü·Ã*/
@media screen and (max-width: 500px) {
	.dx500{ display: none; }

	/* ÅÇ */
	.tab { 
		display: flex; flex-wrap: wrap; 
		box-sizing: border-box; margin-bottom: 20px; padding: 0px 10px;
		font-family: "Noto Sans KR"; border-bottom:1px solid #ccc;
	}
	.tab>a{ flex-basis:25%; box-sizing: border-box; padding:5px; background: #f7f7f7; outline: 1px solid #ccc; text-align: center; }
	.tab>a.tabon{ color:#000; font-weight: 500; background: #fff; border-top: 1px solid #69B5F6; }

	.maintab{ justify-content: center; justify-content: space-between; margin-bottom: 20px; border-bottom: 0px; width: 100%; padding: 0px; }
	.maintab>a{ font-family: "Noto Sans KR"; font-size: 110%; font-weight: 400; padding: 12px 0px; margin:3px 0px; position: relative; background: #3E649B; color:rgba(255, 255, 255, 0.7); overflow: hidden; flex-basis: calc(50% - 3px); }
	.maintab>a.tabon{ font-weight: 600; border-top:0px; font-weight: 500;}
	.maintab>a.tabon:before{ 
		content: ""; position: absolute; width: 30px; height: 30px; background-color: #1F69C6; transform: rotate(45deg); top:-20px; left: -20px;
	}

	.btnArea-mb{ justify-content: space-between;}
	.btnArea-mb>a{ width: calc(50% - 5px);}

    .s500li{ border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 7px 0px; }
    .s500li+li{ border-top: 1px solid rgba(0, 0, 0, 0.1); }
    .s500li>label{ display: block; font-family: "Noto Sans KR"; font-weight: 500; font-size: 110%; padding: 7px 0px;}
    .s500li>label::before{ content: '\2022'; padding-right: 5px;}

	/*stepstyle*/
    .stepbox1{ border:0px; padding: 0px; justify-content:space-between; flex-wrap: wrap; background: none; }
    .stepbox1.TLpoint::before{ content: ""; background: none;  }
    .stepbox1>div{ width: calc(50% - 5px); border:1px solid rgba(0, 0, 0, 0.05); margin-bottom: 10px; box-sizing: border-box; padding: 15px 0px; background-color: rgba(0, 0, 0, 0.03); }

	.imgboxover{ padding: 0px;}
	.imgboxover>div{ border:none; text-align: center; text-align: center; padding: 0px 10px 30px 10px; }
	.imgboxover>div>p{ width: 100%; max-width: none; position: initial; }
	.imgboxover>div>p>img{ position: initial; margin: auto; }
	.imgboxover>div>h1{ max-width:none; font-size: 110%; padding-top:10px}
}
/*pc ÀÌ»ó °ü·Ã*/
@media screen and (min-width: 1025px) {
    /*¸ñ·Ï*/
    .formul input.pcflexnone{ flex:none; }

	/*¹Ú½º*/
	.pcsize70pr{ max-width: 70%; }
	.pcrelative{ position: relative; height: 0px;}

	/*¹öÆ°*/
	.resizebnz{ position: relative; height: 0px; padding: 0px; }
	.resizebnz>a{ position: absolute; right: 0px; top:-44px; }
}