@charset "utf-8";
@import url('./notosanskorean.css');

* {
  margin: 0;
  padding: 0;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  image-rendering: -webkit-optimize-contrast;backface-visibility: hidden;
}

*:focus {
    outline: none;
}
:before,:after {
  margin: 0;
  padding: 0;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    line-height:1.5;
}
html{font-size:62.5%;}
body{font-size:1.5rem;letter-spacing:-0.05rem;}
body, th, td, input, select, textarea, button, code, kbd, pre, samp {
  font-family: "Noto Sans Korean", "돋움", "Dotum", Arial, Tahoma, sans-serif, serif;
  color: #444;
  line-height:1.5;font-weight:400;
}
input,select{border-radius:0; appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;}
label{display:inline-block;}
img{}
ul, ol, dl {
  list-style: none;
}

h1, h2, h3, h4, h5, h6, strong, th {
  font-weight: normal;
}

b {
  font-weight: bold;
}

a {
    color: inherit;
    text-decoration: none;
}
a:active, a:hover {
    text-decoration: none;
}
img{max-width:100%;}
input[type="text"],input[type="password"],textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;}
select{border-radius:0;}
select::-ms-expand{display: none;}
.hide {
  display: none
}
button{cursor:pointer;}
/* float */
.float .left{float:left;}
.float .right{float:right;}

.clearfix{zoom:1}
.clearfix:after, .clearfix:before{display:table;content:"";}
.clearfix:after{clear: both;}

/* vertical align */
.align_top{vertical-align:top}
.align_middle{vertical-align:middle}
.align_bottom{vertical-align:bottom}

/* text align */
.align_center{text-align:center}
.align_left{text-align:left}
.align_right{text-align:right}

/* display */
.block {display:block !important;}
.il_block {display:inline-block !important;}
.hide {display:none !important;}
.screen_hide{position: absolute;text-indent: -9999px;width: 0;height: 0;font-size: 0;line-height: 0;overflow: hidden;}
.sound_only {
  display: inline-block !important;
  position: absolute;
  top: 0;
  left: 0;
  width:0 !important;
  height:0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: 0 !important;
  overflow: hidden !important
}

#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

.mgt0 {margin-top:0px !important;}
.mgt5 {margin-top:5px !important;}
.mgt7 {margin-top:7px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !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;}

.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}
.mgr50 {margin-right:50px !important;}

.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}

.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}
.mgl50 {margin-left:50px !important;}

.pdl0{padding-left:0px !important;}
.pdl5{padding-left:5px !important;}
.pdl10{padding-left:10px !important;}
.pdl20{padding-left:20px !important;}
.pdl30{padding-left:30px !important;}
.pdl40{padding-left:40px !important;}
.pdl50{padding-left:50px !important;}

.pdr0{padding-right:0px !important;}
.pdr5{padding-right:5px !important;}
.pdr10{padding-right:10px !important;}
.pdr20{padding-right:20px !important;}
.pdr30{padding-right:30px !important;}
.pdr40{padding-right:40px !important;}
.pdr50{padding-right:50px !important;}
.pdr60{padding-right:60px !important;}
.pdr70{padding-right:70px !important;}
.pdr80{padding-right:80px !important;}
.pdr90{padding-right:90px !important;}
.pdr100{padding-right:100px !important;}
.pdr110{padding-right:110px !important;}
.pdr120{padding-right:120px !important;}
.pdr130{padding-right:130px !important;}

.pdb0{padding-bottom:0px !important;}

.txt_underline{text-decoration:underline !important;}
.txt_bgreen{color:#8edac2 !important;}
.txt_blue{color:#0b68b4 !important;}
.txt_skyblue{color:#00a0e2 !important;}
.txt_orange{color:#ff683f !important;}

.bdb0{border-bottom:0 !important;}
.bdt0{border-top:0 !important;}

.bold{font-weight:600;}

#layout{background-color:#fff;position:relative;}
.container{max-width:1500px;margin-left:auto;margin-right:auto;}
.container:after,.container_sm:after{clear: both;display: table;content: "";*display: block;*overflow: hidden}
.container:before,.container_sm:before{display: table;content: "";*display: block;*overflow: hidden}
.container_xs{max-width:680px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;}
.container_sm{max-width:1080px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;}
.container_md{max-width:1580px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;}
.container_md:after{clear: both;display: table;content: "";*display: block;*overflow: hidden}
.container_md:before{display: table;content: "";*display: block;*overflow: hidden}
.container_lg{max-width:1720px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;}
.container_lg:after{clear: both;display: table;content: "";*display: block;*overflow: hidden}
.container_lg:before{display: table;content: "";*display: block;*overflow: hidden}
.container_xl{padding-left:40px;padding-right:40px;}
.container_xl:after{clear: both;display: table;content: "";*display: block;*overflow: hidden}
.container_xl:before{display: table;content: "";*display: block;*overflow: hidden}

@media screen and (max-width: 1580px) {
	.container,.container_md,.container_lg,.container_xl{padding-left:15px;padding-right:15px;}
}
.checkbox{min-height:28px;line-height:28px;position:relative;padding-left:40px;cursor:pointer;}
.checkbox input{position:absolute;left:-999em;top:0;}
.checkbox span{position:absolute;left:0;top:50%;margin-top:-14px;width:28px;height:28px;background-color: #e3e3e3;border-radius:50%;
background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url('/assets/images/petitions/check_type1.png');}
.checkbox input:checked + span{background-color:#3446f0;}

.radiobox{min-height:28px;line-height:28px;position:relative;padding-left:40px;}
.radiobox input{position:absolute;left:-999em;top:0;}
.radiobox span{position:absolute;left:0;top:50%;margin-top:-10px;width:20px;height:20px;
background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url('/assets/images/petitions/check_type1.png');}
.radiobox input:checked + span{background-image:url('/assets/images/petitions/check_type1_on.png');}

/*레이어*/
.layer_form{}
.layer_form .layer_box{position:relative;z-index:10;text-align:left;display:inline-block;vertical-align:middle;overflow-x:hidden;overflow:auto;max-width:calc(100% - 32px);max-height:95%;}
.layer_form .layer_box .layer_cnt{}
.layer_form .layer_box .lf_round{border-radius:12px 12px 0 0;overflow:hidden;background-color:#fff;}
.layer_form .layer_box .lf_content{}
.layer_form .layer_bg{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;text-indent:-999em;overflow:hidden;}
.layer_form.fixed_layer{position:fixed;overflow:hidden;z-index:3000;left:0;top:0;width:100%;height:100%;}
.layer_form .blank{display:inline-block;width:0;height:100%;vertical-align:middle}

.basic_layer{}
.basic_layer .basic_cnt{border:2px solid #000;padding:33px;text-align:left;overflow:hidden;background-color:#fff;width:calc(100% - 30px);max-width:680px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:100;}
.basic_layer .basic_cnt .popup_title{display:block;color:#000;font-size:2.6rem;font-weight:600;margin-bottom:20px;}
.basic_layer .basic_cnt .popup_cnt{}
.basic_layer .basic_cnt .popup_close{width:26px;height:26px;background-image:url('/assets/images/petitions/icon_close.png');background-size:26px;background-position:center center;background-repeat:no-repeat;position:absolute;right:33px;top:40px;text-indent:-999em;overflow:hidden;}
.basic_layer.basic_in .layer_cnt{max-width:684px;}
.basic_layer.basic_in .layer_bg{position:fixed;z-index:10;left:50%;top:0;width:100%;height:100%;max-width:720px;transform:translate(-50%, 0);}
.layer_form .form_btns{margin-top:20px;padding-top:30px;border-top:1px solid #e0e0e0;}


@media screen and (max-width: 750px) {
  .basic_layer .basic_cnt{padding:15px;width:calc(100% - 30px);}
  .basic_layer .basic_cnt .popup_title{font-size:2rem;margin-bottom:15px;}
  .basic_layer .basic_cnt .popup_close{right:15px;top:18px;background-size:22px;}
  .layer_form .form_btns{margin-top:20px;padding-top:15px;}

}