@charset "utf-8";

/*서브공용*/

.sub_node {width:100%; padding:30px 0 30px 0; text-align:right; font-size:14px; color:#666;}
.sub_node strong {font-size:14px; color:#333;}

.sub_node.page {width:100%; max-width:1200px; padding:40px 0 0 0; left:50%; margin-left:-600px; margin-bottom:-40px; position:relative; z-index:20;}

.sub_top {width:100%; padding:35px 0; text-align:center;}
.sub_top.sub01 {background:url('/m/common/images/sub_topbg1.jpg') center top no-repeat;}
.sub_top.sub02 {background:url('/m/common/images/sub_topbg2.jpg') center top no-repeat;}
.sub_top.sub03 {background:url('/m/common/images/sub_topbg3.jpg') center top no-repeat;}
.sub_top.sub04 {background:url('/m/common/images/sub_topbg4.jpg') center top no-repeat;}
.sub_top.sub05 {background:url('/m/common/images/sub_topbg5.jpg') center top no-repeat;}
.sub_top.board {background:url('/m/common/images/sub_topbg1.jpg') center top no-repeat;}
.sub_top.sub01,.sub_top.sub02,.sub_top.sub03,.sub_top.sub04,.sub_top.sub05,.sub_top.sub06,.sub_top.board {background-size:cover;}
.sub_top .title {display:inline-block;}
.sub_top .title strong {display:block; font-size:30px; line-height:32px; color:#fff;}
.sub_top .title p {margin-top:17px; font-size:14px; line-height:16px; color:#fff;}

.sub_tab {width:96%; margin:0 auto 40px auto; text-align:center; overflow:hidden;}
.sub_tab li {width:50%; margin-right:-1px; float:left;}
.sub_tab li:last-child {margin-right:0;}
.sub_tab.box3 li{width:33.3%;}
.sub_tab.box4 li{width:25%;}
.sub_tab.box5 li{width:20%;}
.sub_tab.box6 li{width:16.6%;}
.sub_tab li a {display:block; padding:14px 0; font-size:17px; line-height:18px; color:#35b8ee; border:1px solid #35b8ee;}
.sub_tab li.ov a{background:#35b8ee; color:#fff;}

.counsel_box {width:96%;  padding-bottom:20px; margin:40px auto 0 auto; background:#747880;}
.counsel_box .title {display:block; margin-bottom:20px; padding-top:14px; text-align:center; font-size:25px; line-height:26px; color:#fff;}
.counsel_box .util {width:90%; margin:0 auto;}
.counsel_box .cw_box {margin-top:10px; overflow:hidden;}
.counsel_box .cw_box .tit {display:inline-block; width:20%; float:left; font-size:13px; line-height:27px; color:#fff;}
.counsel_box .cw_box input,.counsel_box .cw_box select {display:inline-block; width:80%; float:right; background:#fff; font-size:15px; line-height:27px; color:#222;}
.counsel_box .cw_box textarea {display:inline-block; width:80%; height:87px; float:right; background:#fff; font-size:15px; line-height:25px; color:#222;}
.counsel_box .cw_box .tel_box {display:inline-block; width:80%; float:right; overflow:hidden;}
.counsel_box .cw_box .tel_box select {width:32%; height:30px; float:left;}
.counsel_box .cw_box .tel_box input {width:32%; margin-left:2%; float:left;}
.counsel_box .cw_box .code_box {width:80%; margin-left:30%; overflow:hidden;}
.counsel_box .cw_box .code_box img {width:48%; height:30px; margin-right:2%; float:left;}
.counsel_box .cw_box .code_box input {width:50%;}
.counsel_box .cw_box .code_btn {width:100%; text-align:right;}
.counsel_box .cw_box .code_btn p,.counsel_box .cw_box .code_btn a {display:inline-block; font-size:12px; line-height:13px; color:#fff;}
.counsel_box .cw_box .cw_chk {width:100%; text-align:right; font-size:12px; line-height:13px; color:#fff;}
.counsel_box .cw_box .cw_chk input {float:none; width:14px; height:14px; margin-right:5px;}
.counsel_box .cw_box .cw_btn {display:inline-block; margin-left:30%; padding:10px 40px; background:#353840; font-size:17px; line-height:18px; color:#fff;}
.foot_ba img{width:100%;}

/*제증명,비급여 안내*/
.table_wrap{background:#fff;margin-bottom:50px;}
.sum_table {font-size:19px;font-family: 'notokr-regular';box-sizing:border-box; border:1px solid #747474;margin-bottom:10px;}
/*.sum_table:nth-of-type(2){margin-top:50px;}*/
.sum_table th{color:#407387; background:#bddeeb;height:52px;border-bottom:1px solid #d7d7d7;box-sizing:border-box;}
.sum_table th:nth-child(1){border-right:1px solid #747474;}
.sum_table td{color:#747474; height:52px;border-bottom:1px solid #747474;background:#fff;}
.sum_table td:nth-child(1){border-right:1px solid #747474;}
.sum_table td.blank{height:10px;}
.sum_table span.blue{font-size:15px;color:#5a93a9;vertical-align:top;}

.sub_01_04{font-size:19px;color:#59686e;}
.sub_01_04 p.blue{font-size:17px;color:#5a93a9;text-align:right;}
.sub_01_04 p:nth-of-type(2){margin:55px 0;}


/*해상도 1201px이상 1601px이하 Size의 css 적용*/
@media all and (min-width:1201px) and (max-width:1601px){

}

/*해상도 701px이상 1201px이하 Size의 css 적용*/
@media all and (min-width:801px) and (max-width:1200px){
	
	.sub_node {padding-right:2%;}
	.sub_node.page {left:0; margin-left:0; margin-bottom:-40px; padding-right:3%;}

	.sub_top,.sub_content {margin-top:0;}

	.sub_content .con {width:160%; left:50%; margin-left:-80%;}
	/*.sub_content .con.big {width:178%; left:50%; margin-left:-89%;}*/

	.sub_banner .box {float:none; display:inline-block;}
	.sub_banner .box:last-child {margin-top:15px;}
	.sub_banner img {width:100%;}
	.sub_banner .icon img {width:auto;}

	/*.inner_box.sub {width:90%; margin:0 auto; text-align:center;}*/
	.profile {width:auto; display:inline-block; float:none;}
	.device {display:inline-block; float:none;}
	.device {margin-left:230px;}

	.sub_text {width:70%;}
	.float_box .sub_text {text-align:center;}
	.sub_bd_line {margin-top:35px; text-align:center;}
	.sub_bd_line.style2 {text-align:left;}

	.sub_img img {width:100%;}

	.sub_img_list.sec4 li {width:47%;}
	.sub_img_list.sec4 li.arr {width:4%;}
	.sub_img_list.sec4 li.arr.n1 {padding-bottom:4vh;}
	.sub_img_list.sec4 li.arr.n2 {display:none;}
	.sub_img_list li p {font-size:2.5vw;}
	.sub_img_list.sec4 li:nth-child(1),.sub_img_list.sec4 li:nth-child(3) {margin-bottom:30px;}

	.map_img.float_box li.box {width:49%; margin-right:2%; float:left; margin-bottom:2%;}
	.map_img.float_box li.box.right {margin-right:0;}
}

/*해상도 700px이하 Size의 css 적용*/
@media all and (max-width:800px){
	
	.sub_node {padding-right:2%;}
	.sub_node.page {left:0; margin-left:0; margin-bottom:-15px; padding-right:6%;}
	
	.sub_top,.sub_content {margin-top:0;}

	.sub_top.sub01_03 {background-position:right top !important;}
	/*.sub_top.sub01_04 {background-position:left top !important;}*/

	.sub_top.counsel {padding:15vw 0; background:url('/common/images/sub/jmboard/counsel_m.jpg') center top no-repeat; background-size:cover;}
	.sub_top.kakao {padding:15vw 0; background:url('/common/images/sub/jmboard/kakao_m.jpg') center top no-repeat; background-size:cover;}
	.sub_top.qna {padding:15vw 0; background:url('/common/images/sub/jmboard/qna_m.jpg') center top no-repeat; background-size:cover;}

	.sub_top.news {padding:15vw 0; background:url('/common/images/sub/jmboard/news_m.jpg') center top no-repeat; background-size:cover;}
	.sub_top.commu {padding:15vw 0; background:url('/common/images/sub/jmboard/commu_m.jpg') center top no-repeat; background-size:cover;}
	.sub_top.media {padding:15vw 0; background:url('/common/images/sub/jmboard/media_m.jpg') center top no-repeat; background-size:cover;}

	.sub_top.login {padding:15vw 0; background:url('/common/images/sub/jmboard/login_m.jpg') center top no-repeat; background-size:cover;}
	.sub_top.join {padding:15vw 0; background:url('/common/images/sub/jmboard/join_m.jpg') center top no-repeat; background-size:cover;}
	.sub_top.modi {padding:15vw 0; background:url('/common/images/sub/jmboard/modi_m.jpg') center top no-repeat; background-size:cover;}
	.sub_top.idpw {padding:15vw 0; background:url('/common/images/sub/jmboard/idpw_m.jpg') center top no-repeat; background-size:cover;}
	.sub_top.pri {padding:15vw 0; background:url('/common/images/sub/jmboard/pri_m.jpg') center top no-repeat; background-size:cover;}

	.sub_top_text strong {display:block; font-size:9vw; line-height:10vw; color:#333;}
	.sub_top_text p {margin-bottom:5px; font-weight:bold; font-size:3.6vw; line-height:4vw; color:#654fa1;}

	.sub_img_con .con,.sub_img_con .con img{width:100%;}
	.sub_img_con .con {width:auto;}

	.content.sub01 {padding-top:0;}

	.btn_input .prg_txt {display:block; width:60%; margin:0 auto;}
	.btn_input input,.btn_input select {margin-top:10px;}

	.sub_content .con {width:100%; left:0; margin-left:0;}
	
	.sub_text.center {width:100%;}
	.sub_text,.sub_text span,.sub_text b,.sub_text em {font-size:3.5vw; line-height:6vw;}
	.sub_text strong {font-size:5vw; line-height:6vw;}

	.sub_banner .box:last-child {margin-top:15px;}
	.sub_banner .box,.sub_banner img {width:100%;}
	.sub_banner .icon img {width:auto;}

	.sub_title {width:100%;}
	.sub_title strong,.sub_title.style2 strong {font-size:6.2vw; line-height:7vw;}
	.sub_title p {font-size:4vw; line-height:5vw;}
	.sub_title.style2 p {font-size:5.5vw; line-height:6.5vw;}
	.sub_title img {width:100%;}

	.profile {width:auto; display:inline-block; float:none; background-size:1px 88.7%;}
	.device {display:block; width:100%; max-width:400px; margin:0 auto; float:none;}
	.device li {width:100% !important; margin-left:0 !important;}
	.device li img {width:60%;}
	.device li .text {top:11vh; font-size:3.6vw;}

	.sub_text {width:100%;}
	.float_box .sub_text {text-align:center;}
	.sub_bd_line {margin-top:35px; text-align:center;}
	.sub_bd_line.style2 {text-align:left;}
	.sub_bd_line li strong,.sub_bd_line li em{font-size:4.5vw; line-height:6vw;}
	.sub_bd_line.style2 li strong{font-size:3.5vw; line-height:6vw;}
	.sub_bd_line li p{font-size:3.5vw; line-height:6vw;}
	
	.sub_img img {width:100%;}

	.sub_img_list.sec4 li {width:47%;}
	.sub_img_list.sec4 li.arr {width:4%;}
	.sub_img_list.sec4 li.arr.n1 {padding-bottom:4vh;}
	.sub_img_list.sec4 li.arr.n2 {display:none;}
	.sub_img_list.sec4 li.arr img {width:100%;}
	.sub_img_list li p {font-size:3.5vw;}
	.sub_img_list.sec4 li:nth-child(1),.sub_img_list.sec4 li:nth-child(3) {margin-bottom:30px;}

	.sub02_alide {width:100%;}

	.map_text {font-size:4.5vw; line-height:6vw;}
	.map_img {margin-top:50px;}
	.map_img li {margin-bottom:5%;}

	.sum_table {font-size:3.5vw;}
	.sub_01_04{font-size:3.5vw;}
	.sub_01_04 p.blue{font-size:3.5vw;}
	
	
}
/* 로그인 체크 박스 */
.bna_box {width:100%;height:134vw;background:rgba(0,0,0,.9);position:absolute;bottom:89vw;left:0;}
.bna_box a {width:80%;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.bna_box a img {width:100%;}

/* 희망나무의 특별함 */
.special_btn {width:35%;position:absolute;bottom:5vw;left:17%;}
.special_btn li {width:100%;}
.special_btn li a {display:block;}
.special_btn li a img {width:100%;display:block;margin-bottom:1vw;}