@import url(http://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);


html{height:100%}
body{height:100%;background:#FFFFFF;overflow-x:hidden;-webkit-user-select:none;-webkit-text-size-adjust:none}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,legend,button{margin:0;padding:0;-webkit-text-size-adjust:none;}/*»çÆĸ® ȸÀü½Ã ÆùÆ® Å©±â °íÁ¤Çϱâ*/
form,fieldset,img{border:0}


#wrap{position:relative;min-width:320px}
#wrapper{position:relative}
.wrap1 {}
.wrap1 h1 {text-align:center; font-size:2.6em; color:#333; font-weight:700;font-family:NanumSquare; padding:90px 0 0 0;}
.tab {background-color:#f0f0f0; margin:0 4% 0 4%;}
.tab h2 {font-family:NanumSquare; font-size:2.0em; font-weight:400; padding:12% 0 5% 0;letter-spacing:-0.07em; }
.tab p {font-size:1.3em; color:#666; font-family:Noto Sans KR; font-weight:400; line-height:180%; letter-spacing:-0.07em; text-align:center;}

.wrap2 {padding:7% 7% 0 7%; clear:both;}
.wrap2 h3 {text-align:center; font-size:50px; color:#000; font-weight:700;font-family:NanumSquare; padding:6% 0 7% 0; line-height:130%;}
.wrap2 p  {font-size:22px; margin-bottom:7%; font-family:NanumBarunGothic; line-height:160%; color:#666;}

.wrap3 {padding:7% 7% 0 7%; background-color:f0f0f0; display:inline-block;}
.wrap3 h3 {text-align:center; font-size:50px; color:#000; font-weight:700;font-family:NanumSquare; padding:7% 0 13% 0; line-height:130%;}
.wrap3 h5 {text-align:center; font-size:33px; color:#000; font-weight:700;font-family:NanumSquare; padding:13% 0 0 0; line-height:130%; border-top:1px solid #000;}
.wrap3 p  {padding:3% 0 13% 0}

.wrap4 { padding:0 7% 13% 7%; clear:both;}
.wrap4 h3 {text-align:center; font-size:50px; color:#000; font-weight:700;font-family:NanumSquare; padding:13% 0 7% 0; line-height:130%;}
.wrap4 .left     {width:70%;float:left;}
.wrap4 .right    {width:30%;float:left;}
.wrap4 .left p  {font-size:22px; font-family:NanumBarunGothic; line-height:160%; color:#666;}

.wrap5 {padding:13% 7% 13% 7%; clear:both; margin-bottom:13%;}
.wrap5 h3 {text-align:center; font-size:50px; color:#000; font-weight:700;font-family:NanumSquare; padding:13% 0 7% 0; line-height:130%; border-top:2px solid #000;}
.wrap5 .sub1        {clear:both; padding:7% 0 7% 0;}
.wrap5 .sub1 .left  {width:48%;float:left; padding-right:2%;}
.wrap5 .sub1 .right {width:48%;float:left; padding-left:2%;}
.wrap5 p  {font-size:22px; font-family:NanumBarunGothic; line-height:160%; color:#666;}
.wrap5 .sub2        {clear:both; padding:7% 0 7% 0;}
.wrap5 .sub2 .left  {width:48%;float:left; padding-right:2%;}
.wrap5 .sub2 .right {width:48%;float:left; padding-left:2%;}

.wrap6 { margin-top:13%; padding:0 7% 13% 7%; background-color:#f0f0f0; display:inline-block;}
.wrap6 h3 {text-align:center; font-size:50px; color:#000; font-weight:700;font-family:NanumSquare; padding:13% 0 7% 0; line-height:130%;}
.wrap6 h5 {text-align:center; font-size:25px; color:#666; font-weight:300; padding:0 0 7% 0;}
.wrap6 .sub {display:inline; background-color:#f2f2f2;}
.wrap6 .sub h4 {font-size:25px; color:#000; font-weight:600; padding:0 0 2% 0; line-height:130%;}
.wrap6 .sub .left     {margin-top:5%;width:34%;float:left; clear:both;}
.wrap6 .sub .right    {margin-top:5%;width:62%;float:left; padding-left:4%;}
.wrap6 .sub  p  {font-size:22px;font-family:NanumBarunGothic; line-height:160%; color:#666;}

.wrap7 {padding:13% 7% 0 7%; clear:both;}
.wrap7 h3 {text-align:center; font-size:50px; color:#000; font-weight:700;font-family:NanumSquare; padding:13% 0 7% 0; line-height:130%;}
.wrap7 h3 span {font-weight:300;}
.wrap7 p  {font-size:22px; margin:7% 0 7% 0; font-family:NanumBarunGothic; line-height:160%; color:#666;}


.wrap8 {padding:13% 7% 0 7%; clear:both;}
.wrap8 h3 {text-align:center; font-size:50px; color:#000; font-weight:700;font-family:NanumSquare; padding:13% 0 7% 0; line-height:130%; border-top:2px solid #000;}
.wrap8 h3 span {font-weight:300;}
.wrap8 p  {font-size:22px; margin:7% 0 7% 0; font-family:NanumBarunGothic; line-height:160%; color:#666;}


.wrap9 {padding:0 7% 13% 7%; background-color:#fdf9ee; display:inline-block;}
.wrap9 h3 {text-align:center; font-size:50px; color:#000; font-weight:700;font-family:NanumSquare; padding:13% 0 7% 0; line-height:130%;}
.wrap9 p  {font-size:22px; margin:0 0 7% 0; font-family:NanumBarunGothic; line-height:160%; color:#666;}

.wrap10 { padding:0 7% 13% 7%; background-color:#fdf9ee; display:inline-block;}
.wrap10 h3 {text-align:center; font-size:50px; color:#000; font-weight:700;font-family:NanumSquare; padding:13% 0 7% 0; line-height:130%; border-top:2px solid #000;}
.wrap10 h5  {font-size:28px; font-family:NanumBarunGothic; line-height:160%; color:#000; margin:0 0 3% 0;}
.wrap10 p  {font-size:18px; font-family:NanumBarunGothic; line-height:160%; color:#666;}
.wrap10 .mtxt  {font-size:14px; font-family:NanumBarunGothic; line-height:160%; color:#333; margin:3% 0 0 0; font-style:italic;}
.wrap10 .stxt  {font-size:10px; font-family:NanumBarunGothic; line-height:160%; color:#666; margin:3% 0 0 0;}
.wrap10 .sub1        {clear:both; padding:7% 0 7% 0;}
.wrap10 .sub1 .left  {width:38%;float:left; padding-right:2%;}
.wrap10 .sub1 .right {width:58%;float:left; padding-left:2%;}
.wrap10 .sub2        {clear:both; padding:7% 0 7% 0;}
.wrap10 .sub2 .left  {width:58%;float:left; padding-right:2%;}
.wrap10 .sub2 .right {width:38%;float:left; padding-left:2%;}


.wrap11 {padding:7% 7% 13% 7%; clear:both;}
.wrap11 h3 {text-align:center; font-size:50px; color:#000; font-weight:700;font-family:NanumSquare; padding:6% 0 7% 0; line-height:130%;}
.wrap11 .top  {width:92%; background-color:#666; color:#fff; font-size:22px; font-family:NanumBarunGothic; line-height:160%; padding:2% 4% 2% 4%; display:inline-block;}
.wrap11 .top .left  {float:left;}
.wrap11 .top .right {float:right;text-align:right}
.wrap11 .bottom  {width:92%; background-color:#f0f0f0; font-size:22px; font-family:NanumBarunGothic; line-height:160%; color:#666; padding:3% 4% 3% 4%; margin-bottom:7%;}
.wrap11 .sub1        {clear:both; padding:7% 0 13% 0;}
.wrap11 .sub1 .left  {width:38%;float:left; padding-right:2%;}
.wrap11 .sub1 .right {width:58%;float:left; padding-left:2%;}
.wrap11 .sub1 .right h5{font-size:28px; line-height:160%;}


/* MY PAGE => CHILDREN HEIGHT */
.clearfix{*zoom:1;}
.clearfix:after{display: block; clear: both; content:'';}


.check_img{display: inline-block; width: 13px; padding-left: 5px;}


.check_img img{max-width: 100%; height: auto; vertical-align: middle}

.hei_box{width: 100%; height: 43px; margin-top: 10px; padding-left: 10px; border: 1px solid #ddd; border-radius:5px;  box-sizing:border-box; }

/* input{-webkit-appearance: none; -moz-appearance: none; appearance: none; */} 

.height_main_wrap{}
.height_main{background-image: url('http://m.hamsoa.com/css/img/height_bg01.jpg'); background-size:cover; background-position: 50% 50%;	}
.hei_container{padding: 40px 27px 25px;}

.hei_tit_con{padding-bottom: 20px; font-size: 32px; font-weight: 300;}
.hei_tit{display: block;}
.hei_txt{display: inline-block; font-size:14px; line-height:20px; letter-spacing: -0.9px;}

.hei_main_txt{ padding:15px 15px 0; text-align: left; font-size: 14px; color: #9a9a9a; line-height:20px;}


.height_list{background:#f0f0f0;}
.hei_inner{padding: 15px;}

.hei_form_title{}
.hei_form_text{padding-bottom: 7px; border-bottom: 1.5px solid #202020;}
.hei_form_text li{}
.hei_form_tit{float: left; font-weight: 600; font-size: 14px;}
.hei_form_txt{float: right;	font-size: 13px; color: #9a9a9a;}
.hei_form_txt .check_img{display: inline-block; width: 13px; padding-left:0; padding-right:5px;}

.hei_label_sty{display: block; padding-top: 20px; font-size: 14px; }

.hei_gender_wrap{margin-top: 10px;}
.hei_gen_radio{float:left; width: 49%; height: 43px; margin-left: 2%;}
.hei_gen_radio:first-child{margin-left: 0}
.hei_label_t{font-size: 14px; color: #777;}

/*  radio  */
.gen_radio{display: none;}
.hei_gen_radio input[type="radio"] + label .hei_chk{ display: block;  line-height: 43px; text-align: center; border: 1px solid #ddd; border-radius:5px; box-sizing: border-box; background-color:#fff; }
.hei_gen_radio input[type="radio"]:checked + label .hei_chk{border-color: #000; color: #000;}

.hei_form_birth .hei_form_bir_inr { position:relative; }
.hei_form_birth .ui-datepicker-trigger { position:absolute; top:23px; left:auto; right:15px; }


.hei_chk {  }


.hei_form_wei,.hei_form_hei,.hei_form_birth{position: relative;}
.hei_input_txt{position:absolute; top: 63px; left: auto; right: 15px; font-size: 14px; color: #9a9a9a;}

.height_btn{width: 205px; height: 44px; margin: 0 auto 30px; background-color: #f3b31d; border-radius: 30px;}
.height_btn a{display: block; line-height: 44px; font-size: 15px; text-align: center; color: #fff;}
/* // MY PAGE => CHILDREN HEIGHT */