@media (max-width:960px){

html {font-size: 16px;}
.inr-c {margin-left: 5.55%; margin-right: 5.55%;}
.hide-m {display: none !important;}

.pr-mb0 {margin-bottom: 40px !important;}
.pr-mb1 {margin-bottom: 30px !important;}
.pr-mb2 {margin-bottom: 20px !important;}
.pr-mb3 {margin-bottom: 25px !important;}


/*버튼*/
.btn-bot {margin-top: 20px;}
.btn-pk {font-size: 12px; font-size: 0.75rem;}

.btn-line {padding-top: 20px;}
.mbtn_n2 {font-size: 0;}
.mbtn_n2 .btn-pk {width: 49%; margin-left: 2%;}
.mbtn_n2 .btn-pk:first-child {margin-left: 0;}



.btn-pk.b {min-width:100px; padding: 12px 15px; font-size: 16px; font-size: 1rem;}
.btn-pk.bb {min-width:160px; padding:12px 15px; font-size:16px;  font-size: 1rem;}
.btn-pk.n {min-width:50px; padding:7px 15px; font-size:12px; font-size: 0.75rem; height: 35px; box-sizing:border-box;}
.btn-pk.nb {min-width:100px; padding:12px 10px; font-size:14px; font-size: 0.875rem;}
.btn-pk.s {min-width:40px; padding:5px 10px; font-size:14px; line-height: 1.2; }


.mt10 {margin-top: 5px !important;}

.ft{clear:both;width:100%;margin-bottom:10px;}


/*탭*/
.tab.ty1 {}
.tab.ty1 li a {padding: 10px; min-width:60px; font-size: 13px;}

.tab.ty2 {margin-bottom: 20px;}
.tab.ty2 li a {padding: 12px 10px; font-size: 16px;}
.tab.ty2 li.on a span:after { left: -12px; top: -5px; width:10px; height: 10px; background-image: url('../images/common/ico_common_m.png'); background-size: 360px auto; background-position: -115px -118px;}

.tab.ty3 {margin-bottom: 20px;}
.tab.ty3 li a {padding: 13px 10px; font-size: 12px; font-size: 0.75rem;}

.tab.ty4 {margin-bottom: 10px;}
.tab.ty4 li a {padding: 14px 0; font-size: 14px; font-size: 0.875rem;}
.tab.ty4 li.on {border-bottom-color: #fff; background-color: #fff; border-left: 1px solid #ddd;}
.tab.ty4 li.on a {color: #9c84d8;}
.tab.ty4 li.on:after {content:""; position: absolute; left: 0; top: -1px; width: 100%; height: 3px; background-color: #9c84d8;}



/*IR 기법 아이콘 세트*/
.i-aft:after,
.i-set {background-size: 360px auto; background-image: url(../images/common/ico_common_m.png);}

.i-aft.i_m1_1 {padding-top: 45px;}
.i-aft.i_m1_1:after {margin-left: -13px; width: 26px; height: 38px; background-position: -5px -5px;}
.i-aft.i_m1_2 {padding-top: 45px;}
.i-aft.i_m1_2:after {margin-left: -15px; width: 30.5px; height: 38px; background-position: -58.5px -5px;}
.i-aft.i_m1_3 {padding-top: 45px;}
.i-aft.i_m1_3:after {margin-left: -19.5px; width: 39px; height: 38px; background-position: -104px -5px;}
.i-aft.i_m1_4 {padding-top: 45px;}
.i-aft.i_m1_4:after {margin-left: -19.5px; width: 39px; height: 38px; background-position: -164px -5px;}

.i-aft.i_call1 {padding-left: 55px;}
.i-aft.i_call1:after {margin-top: -5px; width: 43px; height: 38px; background-position: -143.5px -5px;}

.i-aft.i_m2_1 {padding-top: 0; padding-left: 58px;}
.i-aft.i_m2_1:after {left: 0; top: 50%; margin-left: 0; margin-top: -11px; width: 43.5px; height: 23px; background-position: -5px -54px;}
.i-aft.i_m2_2 {padding-top: 0; padding-left: 58px;}
.i-aft.i_m2_2:after {left: 2px; top: 50%; margin-left: 0; margin-top: -12px; width: 35.5px; height: 24px; background-position: -58.5px -54px;}
.i-aft.i_m2_3 {padding-top: 0; padding-left: 58px;}
.i-aft.i_m2_3:after {left: 8px; top: 50%; margin-left: 0; margin-top: -14px; width: 22.5px; height: 27.5px; background-position: -104.5px -53px;}
.i-aft.i_m2_4 {padding-top: 0; padding-left: 58px;}
.i-aft.i_m2_4:after {left: 1px; top: 50%; margin-left: 0; margin-top: -13px; width: 34.5px; height: 26.5px; background-position: -136.5px -53.5px;}
.i-aft.i_m2_5 {padding-top: 0; padding-left: 58px;}
.i-aft.i_m2_5:after {left: 0; top: 50%; margin-left: 0; margin-top: -13px; width: 41px; height: 25.5px; background-position: -182px -53.5px;}


.i-aft.i_log1 {padding-left: 30px;}
.i-aft.i_log1:after {margin-top: -18px; width: 24.5px; height: 35.5px; background-position: -5px -90.5px;}
.i-aft.i_log2 {padding-left: 40px;}
.i-aft.i_log2:after {margin-top: -20px; width: 33.5px; height:35px; background-position: -36.5px -90.5px;}



.i-aft.i_arr_r {padding-left: 15px;}
.i-aft.i_arr_r:after {margin-top: -7px; width: 7px; height: 13.5px; background-position: -61.5px -139.5px;}
.i-aft.i_arr_r1 {padding-right: 10px;}
.i-aft.i_arr_r1:after {margin-top: -5px; width: 5px; height: 10px; background-position: -134px -118.5px;}
.i-aft.i_arr_r2 {padding-right: 15px;}
.i-aft.i_arr_r2:after {margin-top: -5px; width: 5px; height: 10px; background-position: -144px -118.5px;}
.i-aft.i_arr_l2 {padding-left: 15px;}
.i-aft.i_arr_l2:after {margin-top: -5px; width: 5px; height: 10px; background-position: -154px -118.5px;}

.i-aft.i_file_zip {padding-left: 15px;}
.i-aft.i_file_zip:after {margin-top: -7px; width: 11px; height: 12.5px; background-position: -131px -92px;}
.i-aft.i_file_pdf {padding-left: 15px;}
.i-aft.i_file_pdf:after {margin-top: -6px; width: 10.5px; height: 10.5px; background-position: -149px -92px;}
.i-aft.i_file_hwp {padding-left: 15px;}
.i-aft.i_file_hwp:after {margin-top: -5.5px; width: 9px; height: 11px;  background-position: -115.5px -92px;}

.i-aft.i_org1_1 {padding-top: 45px;}
.i-aft.i_org1_1:after {margin-left: -23px; width: 45.5px; height: 39px; background-position: -5px -168px;}
.i-aft.i_org1_2 {padding-top: 45px;}
.i-aft.i_org1_2:after {margin-left: -18px; width: 35.5px; height: 35.5px; background-position: -63px -168px;}
.i-aft.i_org1_3 {padding-top: 45px;}
.i-aft.i_org1_3:after {margin-left: -23px; width: 44.5px; height: 40px; background-position: -113px -168px;}

.i-aft.i_check {padding-left: 45px;}
.i-aft.i_check:after {margin-top: -14px; width: 35px; height: 28px; background-position: -184.5px -91.5px;}
.i-aft.i_play {padding-left: 45px;}
.i-aft.i_play:after {margin-top:-24px; width: 39px; height: 38px; background-position: -104px -5px;}

.i-aft.i_under1_1 {padding-left: 55px;}
.i-aft.i_under1_1:after {margin-top: -22.5px; width: 45px; height: 45px; background-position: -5px -318px;}
.i-aft.i_under1_2 {padding-left: 55px;}
.i-aft.i_under1_2:after {margin-top: -22.5px; width: 45px; height: 45px; background-position: -59.5px -318px;}
.i-aft.i_under1_3 {padding-left: 55px;}
.i-aft.i_under1_3:after {margin-top: -22.5px; width: 45px; height: 45px; background-position: -117px -318px;}
.i-aft.i_under1_4 {padding-left: 55px;}
.i-aft.i_under1_4:after {margin-top: -22.5px; width: 45px; height: 45px; background-position: -172px -318px;}
.i-aft.i_under1_5 {padding-left: 55px;}
.i-aft.i_under1_5:after {margin-top: -22.5px; width: 45px; height: 45px; background-position: -227px -318px;}
.i-aft.i_under1_6 {padding-left: 55px;}
.i-aft.i_under1_6:after {margin-top: -22.5px; width: 45px; height: 45px; background-position: -282px -318px;}


.i-aft.i_source {padding-left: 50px;}
.i-aft.i_source:after {margin-top: -20px; width: 40px; height: 40px; background-position: -226.5px -228px;}


.i-set.i_file_zip {width: 11px; height: 12.5px; background-position: -131px -92px;}
.i-set.i_file_pdf { width: 10.5px; height: 10.5px; background-position: -149px -92px;}
.i-set.i_file_hwp {width: 9px; height: 11px;  background-position: -115.5px -92px;}


.i-set.i_home {width: 13.5px; height: 12.5px; background-position: -28px -141px;}
.i-set.i_menu {width: 22px; height: 15px; background-position: -228.5px -91.5px;}
.i-set.i_comment {width: 13px; height: 12.5px; background-position: -5px -141px;}

.i-set.i_org2_1 {width: 35px; height: 35px; background-position: -172px -168px;}
.i-set.i_org2_2 {width: 34px; height: 26px; background-position: -218px -168px;}

.i-set.i_center1 {width: 75px; height: 75px; background-position: -5px -228px;}
.i-set.i_center2 {width: 75px; height: 75px; background-position: -92px -228px;}

.i-set.i_under2_1 {width: 65px; height: 65px; background-position: -5px -378px;}
.i-set.i_under2_2 {width: 65px; height: 65px; background-position: -79px -378px;}
.i-set.i_under2_3 {width: 65px; height: 65px; background-position: -154px -378px;}
.i-set.i_under2_4 {width: 65px; height: 65px; background-position: -229px -378px;}
.i-set.i_under2_5 {width: 65px; height: 65px; background-position: -5px -453px;}
.i-set.i_under2_6 {width: 65px; height: 65px; background-position: -79px -453px;}
.i-set.i_under2_7 {width: 65px; height: 65px; background-position: -154px -453px;}
.i-set.i_under2_8 {width: 65px; height: 65px; background-position: -229px -453px;}
.i-set.i_under2_9 {width: 65px; height: 65px; background-position: -5px -528px;}
.i-set.i_under2_10 {width: 65px; height: 65px; background-position: -79px -528px;}


#wrap {padding-top: 60px;}

/*header*/
#header {height: 60px; border-bottom-width: 1px;}
#header .inr-c {margin: 0;}
#header .logo {display: block; float: none; text-align: center; width: auto;}
#header .logo a {line-height: 60px;}
#header .logo a img {height: 30px; margin-top: 20px;}
#header .rgh {position: static; padding: 20px 0; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#header .btn_gnb {display: block;}
.btn_gnb {
	z-index:1;
	position: absolute;
	right:0; top:0;
	width: 60px; height: 60px;
	cursor: pointer; font-size: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_gnb span {
	width: 22px;
	height: 2px;
	background-color: #1c1c1c;
}
.btn_gnb span:after,
.btn_gnb span:before {
	content: "";
	position: absolute; right: 0;
	width: 120%;
	height: 100%;
	background-color: #1c1c1c;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_gnb span:after {-webkit-transform: translateY(-7px); transform: translateY(-7px);}
.btn_gnb span:before { -webkit-transform: translateY(7px); transform: translateY(7px);}

.btn_gnb.on span {background-color: #fff;}
.btn_gnb.on span:after {transform:rotate(45deg);}
.btn_gnb.on span:before {transform:rotate(-45deg);}



#header .gnbbox {z-index: 2; display: none; height: calc(100vh - 60px); overflow-y:auto; margin-left: 0; padding-top: 0; background-color: #fff;}
#header .gnbtx {display: none !important;}
/*
.gnbbox .btn_gnb_close {position: absolute; right: 15px; top: 0; width: 35px; height: 35px; text-align: right; font-size: 0;}
.gnbbox .btn_gnb_close span {font-size: 0; width: 20px; height: 1px; background-color: #fff; transform:rotate(45deg)}
.gnbbox .btn_gnb_close span:after {content:""; position: absolute; left: 50%; top: 50%; width: 20px; margin-left: -10px; height: 1px; background-color: #fff; transform:rotate(90deg);}
*/
#header .gnb > ul > li {display: block; width: 100%; text-align: left;}
#header .gnb > ul > li > a {padding: 10px 15px; line-height: 35px;  font-size: 15px; font-size: 0.9375rem; border-bottom: 1px solid #ddd;}

#header .depth2 {position: static; padding: 10px 0; border-bottom: 1px solid #ddd; background-color: #f5f5f5;}
#header .depth2 ul {height: auto; border-left: 0; padding: 0; }
#header .depth2 li a {padding: 10px 20px;}
#header .depth2 li.on a {color: #f89828;} 

#header .gnb > ul > li.on .depth2 {display: block !important;}


/*footer*/
#footer p {font-size: 11px;}
#footer p span {display: inline-block; vertical-align: top; margin: 0 10px;}
#footer p.copy {margin-top: 10px;}
.foo_link {text-align: center;}
.foo_link li a {font-size: 12px; padding: 10px 7px;}
.foo_cont {padding: 20px 0 25px; text-align: center;}
.foo_cont .inr-c {padding-left: 0; padding-top: 40px; background: url(../images/common/logo_foo.png) center 0 no-repeat;  background-size: auto 30px;}

.scroll_top {display: none !important;}

/* .footer_more ul {font-size: 0; width: 102%;} */
/* .footer_more li {width: 23%; margin: 0; margin-right: 2%;} */

.footer_more li {margin: 0;}

/*컨텐츠*/
#container {min-height:500px;}


/*타이틀*/
.hd_tit1 {margin-bottom: 20px; font-size: 12px;}
.hd_tit1 .h {margin-bottom: 10px; font-size: 25px;}



/*메인*/
.bxMain {height: 250px;}
.bxMain .item .slider_img {height: 250px;}
.bxMain .slider_txt {font-size: 13px; width: 70%; max-width:300px;}
.bxMain .slider_txt .h1 {margin-bottom: 10px; font-size: 30px; }


.area_main1 {margin-top: -35px;}
.area_main1 .lft {float: none; width: 100%;}
.area_main1 .lft li {padding: 15px 0; font-size: 13px;}
.area_main1 .rgh {float: none; display: block; width: 100%; padding: 15px 0; height: auto; background-color: #7c66ab; background-position: right bottom; background-size: auto 70%;}
.area_main1 .rgh > p {display: block; padding: 0 5%;}
.area_main1 .rgh > p.t1 em {font-size: 2em;}
.area_main1 .rgh > p.t1 {font-size: 13px; padding-top: 0;}
.area_main1 .rgh > p.t2 { margin-top: 5px; font-size: 12px; line-height: 1.4;}


.area_main2 {padding: 205px 0 25px;}
.area_main2 .list ul {width: 100%;}
.area_main2 .list li {position: relative; width: 100%; margin: 0; padding: 20px 25px; text-align: left; margin-bottom: 10px;}
.area_main2 .list li p {margin-bottom: 0; font-size: 15px;}
.area_main2 .list li .btn-pk {position: absolute; right: 20px; top: 50%; width: 75px; margin-top: -16px; font-size: 12px; padding: 8px;}


.area_main3 {padding: 30px 0;}
.area_main3 .tab {margin-bottom: 10px;}
.area_main3 .list li a {padding: 12px 0; font-size: 12px;}
.area_main3 .lft {margin-right: 0; margin-bottom: 30px;}
.area_main3 .rgh {position: static; width: 100%;}
.area_main3 .b_ad {width: 100%; padding-bottom: 23.43%;}
.area_main3 .b_ad:first-child {margin-right: 0; margin-bottom: 10px;}
.area_main3 .b_ad p {top: 15%; left: 5%;}
.area_main3 .b_ad p em {margin-bottom: 7px; font-size: 10px;}
.area_main3 .b_ad p span {font-size: 15px;}
.area_main3 .a_more {top: -37px;}



/*팝업*/
.layerPopup {left: 5%; width: 90%; margin-left: 0 !important;}
.layerPopup .p_head {padding: 20px 40px 20px 20px; height: 16px;	}
.layerPopup .p_head .tit {font-size: 16px; font-size: 1rem;}
.layerPopup .p_cont {padding: 20px;}
.layerPopup .popup .btn_close {width: 40px; height: 56px;}
.layerPopup .popup {width: 100%;}
.layerPopup .mw100p {width: 100%;}



/*로케이션*/
#spot {}
#spot.spot {height: 130px; font-size: 13px; font-size: 0.8125rem; line-height: 1.5;}
#spot.spot.s1 {background-image: url('../images/spot/spot1_m.jpg');}
#spot.spot.s2 {background-image: url('../images/spot/spot2_m.jpg');}
#spot.spot.s3 {background-image: url('../images/spot/spot3_m.jpg');}
#spot.spot.s4 {background-image: url('../images/spot/spot4_m.jpg');}
#spot.spot.s5 {background-image: url('../images/spot/spot5_m.jpg');}
#spot.spot.s6 {background-image: url('../images/spot/spot6_m.jpg');}
#spot .title {margin-bottom: 5px; font-size: 20px; font-size: 1.25rem;}

.path {margin-top: 10px;}
.path > ul > li {padding-right: 10px;}
.path > ul > li span {padding-left: 10px; font-size: 13px; font-size: 0.8125rem;}


/**********서브컨텐츠**********/
.contents {padding-top: 40px; padding-bottom: 50px;}
.stit {padding-bottom: 15px; margin-bottom: 30px; font-size: 20px; font-size: 1.25rem;}
.stit span {border-bottom: 3px solid #f8982a;}
.stit2 {margin-bottom: 10px; font-size: 16px; font-size: 1rem;}
.stit3 {margin-bottom: 20px; font-size: 16px; font-size: 1rem;}
.stit3 span {padding-bottom: 10px;}
.stit3 span:after{width: 30px; height: 2px;}







/*0.맴버십*/
.area_member.login {padding: 30px 20px; margin-bottom: 20px; }
.area_member.login legend {margin-bottom: 25px; font-size: 30px; font-size: 1.875rem;}
.area_member.login .inp {padding-right: 0;}
.area_member.login .inp .t {padding-left: 0;}
.area_member.login .inp .t:first-child {margin-bottom: 10px;}
.area_member.login .inp label {position: static; font-size: 12px; line-height: 2;}
.area_member.login .btn {position: static; width: 100%;}
.area_member.login .btn .btn-pk.b {height: auto; padding: 13px 0; font-size: 16px; font-size: 1rem;}
.area_member.login label.inp_checkbox {margin-bottom: 20px;}



.area_member_botm {}
.area_member_botm:after {content:none;}
.area_member_botm > .col {float: none; width: 100%; padding: 15px 0; font-size: 12px; font-size: 0.75rem;}
.area_member_botm > .col:first-child {padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.area_member_botm .h1 {margin-bottom: 25px; font-weight: 700; font-size: 16px; color: #000;}
.area_member_botm .btn-pk.bb {margin-top: 20px; padding: 15px 0; width: 200px; border-radius: 100px; font-size: 15px; font-size: 0.9375rem;}



.area_member.find .inp {margin: 0 0 0 60px;}
.area_member.find .inp .t {margin-bottom: 10px;}
.area_member.find .inp .t label {left: -60px; font-size: 13px; font-size: 0.8125rem;}
.area_member.find .btn-pk {margin-top: 10px; max-width:none;}



.box_comp {height: 220px; border-top: 2px solid #9c84d8; font-size: 14px; font-size: 0.875rem;}
.box_comp > div {padding: 0 20px;}
.box_comp .t1 {padding: 15px; margin-top: 30px; text-align: left;}
.box_comp .t1 > span {float: none; display: block; font-size: 0.9em;}
.box_comp .t1 > span:first-child {float: none; display: block; margin-bottom: 10px;}
.box_comp .t1 strong {margin-left: 5px;}

.box_comp.ty2 {padding: 30px 20px; box-sizing:border-box;}
.box_comp.ty2 p {margin-bottom: 20px;}
.box_comp.ty2 .inp {margin: 0 0 0 120px;}
.box_comp.ty2 .inp .t label {left: -120px;}

.mw100p {width: 100%;}

.area_member.join {}
.area_member.join .btn-pk.nb {padding:13px 10px;}


.area_temrs {}
.area_temrs .box {height: 150px; padding: 20px 20px; font-size: 12px; font-size: 0.75rem;}
.area_temrs .inp {text-align: right; margin-top: 10px;}


.area_member.join .tbl {font-size: 13px; font-size: 0.8125rem;}
.area_member.join .tbl table {}
.area_member.join .tbl td,
.area_member.join .tbl th {padding: 5px 0; height: 40px;}
.area_member.join .tbl th {width: 80px; padding-left: 0; padding-top: 13px; height: auto; font-weight: 400; line-height: 1.5; color: #000;}

.inp_txt.wid1 {width: 100%; max-width:none;}

.inp_ck {}
.inp_ck label {margin-left: 10px;}


.inp_btn {padding-right: 95px;}
.inp_btn .btn-pk {position: absolute; right: 0; top: 0; width: 90px; padding-left: 0; padding-right: 0; font-size: 12px; font-size: 0.75rem;}

.t_tbl {font-size: 11px; font-size: 0.6875rem;}

.mmt {margin-top: 5px;}


/*1.점자세상*/
#container.intro {}
.area_greeting {font-size: 12px; font-size: 0.75rem;}
.area_greeting .col {padding-bottom: 40px;}
.area_greeting .col.ty1 {padding: 60px 0;}
.area_greeting .tit {margin-bottom: 30px; font-size: 15px; font-size: 0.9375rem;}
.area_greeting .tit .h1 {display: block; margin-bottom: 30px;  font-size: 20px; font-size: 1.25rem;}
.area_greeting .tit .h1 i {position: relative; display: inline-block; vertical-align: top; font-size: 50px; width: 0; line-height: 0;}
.area_greeting .tit .h1 i.l {left: -25px; top: 5px;}
.area_greeting .tit .h1 i.r {right: 0; bottom: -40px;}
.area_greeting img {height: 18px;}

.area_organization {font-size: 12px; font-size: 0.75rem;}
.area_organization .top {margin-bottom: 30px; padding: 20px 20px;}

.area_organization .list1 ul {flex-wrap:wrap;}
.area_organization .list1 li {flex:auto; width: 48%; margin-bottom: 2%;}
.area_organization .list1 li:nth-child(3) {margin-left: 0;}
.area_organization .list1 li:last-child {margin-left: 0;}
.area_organization .list1 li .h {padding: 10px 0;}
.area_organization .list1 li .t { padding: 10px 10px 0; min-height:50px;}

.area_organization .list2 {}
.area_organization .list2 li {position: relative; width: 100%; margin-bottom: 20px;}
.area_organization .list2 li .c {float: left; width: 130px; height: 130px; padding-bottom: 0; font-size: 13px; font-size: 0.8125rem; }
.area_organization .list2 li .c:after {transform:rotate(90deg); background: url(../images/common/bg_org1.png) center 2px no-repeat; background-size: 100% auto;}
.area_organization .list2 li:nth-child(2) .c:before {content:none;}
.area_organization .list2 li:nth-child(2) .c:after {transform:rotate(90deg);}
.area_organization .list2 li .c p {}
.area_organization .list2 li .t {position: absolute; left: 0; top: 50%; transform:translateY(-50%); margin-left: 135px; width: 160px; margin-top: 0; text-align: left; padding: 15px; font-size: 12px; line-height: 1.4;}


.area_organization .list3 {}
.area_organization .list3 li {clear: both; float: none; width: 100%; height: 120px; padding-top: 0;}
.area_organization .list3 li:first-child {margin-right: 0; margin-bottom: 2%;}
.area_organization .list3 li > div {display: inline-block; vertical-align: top; margin-left: 0;}
.area_organization .list3 li .icon {width: 60px; height: 60px; line-height: 60px; margin: 30px 20px;}
.area_organization .list3 li .t {margin-top: 30px;}
.area_organization .list3 li .t p {margin-bottom: 0;}
.area_organization .list3 li .t strong {margin-bottom: 5px; font-size: 1.25em;}
.area_organization .list3 li:first-child .t {margin-top: 20px;}

.area_organization .maps {height: 200px; margin-bottom: 0;}
.area_organization .map_t {padding: 10px; margin-bottom: 15px; font-size: 13px; font-size: 0.8125rem;}

.area_organization .tbl {border-top: 1px solid #000; margin-bottom: 20px;}
.area_organization .tbl .col {float: none; display: table; width: 100%; border-left: 0;}
.area_organization .tbl .col > div {display: table-cell; vertical-align: middle;}
.area_organization .tbl .col .h {padding: 0; width: 80px; border-bottom: 0;}
.area_organization .tbl .col .t { padding: 10px 10px; height: auto;}
.area_organization .ts {margin-bottom: 3px;}
.area_organization .i-tx {min-width:10px; padding: 3px 7px; margin-right: 5px;}


.area_organization .list4 li {padding: 20px 0; }
.area_organization .list4 .h { margin-bottom: 15px; font-size: 16px; font-size: 1rem;}
.area_organization .list4 li:last-child .ts {margin-bottom: 10px}
.area_organization .list4 li:last-child .i-tx {margin-bottom: 5px;}







/*테이블*/
.tbl_basic {font-size: 12px; font-size: 0.75rem;}
.tbl_basic table {border-top-width: 2px;}
.tbl_basic td {padding: 5px 5px; height: 40px; }
.tbl_basic th {padding: 10px 5px;}
.tbl_basic thead tr {border-bottom-width:1px;}

.tbl_basic col.num {width: 80px;}
.tbl_basic col.num2 {width: 80px;}
.tbl_basic col.file {width: 60px;}
.tbl_basic col.btn {width: 80px;}
.tbl_basic col.wid1 {width: 80px;}
.tbl_basic col.wid2 {width: 70px;}
.tbl_basic col.w60 {width: 60px;}
.tbl_basic col.w90 {width: 80px;}
.tbl_basic col.w140 {width: 110px;}

.tbl_basic table.list td {height: 30px;}
.tbl_basic table.list td .btn-pk.n {padding-left: 10px; padding-right: 10px;}

.tbl_basic table.write th {padding-left: 10px;}
.tbl_basic table.write td {padding-right: 10px;}
.tbl_basic table.write .em {margin-left: 0; margin-top: 5px; display: block;}
.tbl_basic table.write .inp_checkbox input + span, 
.tbl_basic table.write .inp_radio input + span {font-size: 12px;}
.tbl_basic table.write .textarea1 {height: 100px;}

.tbl_basic.ty2 tbody td {padding: 10px; height: auto;}

/*
.mtbl_ty1 {}
.mtbl_ty1 tr,
.mtbl_ty1 td,
.mtbl_ty1 tbody,
.mtbl_ty1 table {display: block; height: auto;}
.mtbl_ty1 thead {display: none;}
.mtbl_ty1 .subject {margin-bottom: 10px; text-align: center; border-bottom: 1px solid #ddd;  padding: 10px; background-color: #f9f9f9;}
.mtbl_ty1.tbl_basic table.list tr {padding-bottom: 10px;}
.mtbl_ty1.tbl_basic table.list td {height: auto; text-align: left;}
.mtbl_ty1.tbl_basic table.list td.subject {text-align: center;}
.mtbl_ty1.tbl_basic td:before {content:attr(data-name); }
*/

.i-txt {padding: 0 7px; border-width: 1px; line-height: 18px; font-size: 11px;}
.i-txt.ty1 {color: #e954a6; border-color: #e954a6;}
.i-txt.ty2 {color: #f9972a; border-color: #f9972a;}
.i-txt.ty3 {color: #14b0bf; border-color: #14b0bf;}
.i-txt.ty4 {color: #9c84d8; border-color: #9c84d8;}
.i-txt.ty5 {color: #64b83e; border-color: #64b83e;}
.i-txt.ty6 {color: #ffcc00; border-color: #ffcc00;}
.i-txt.ty7 {color: #9a9899; border-color: #9a9899;}


/*검색*/
.area_sch {margin-top: 30px; padding: 10px;}
.area_sch .col {display: flex; width: 100%;}
.area_sch .col > * {margin: 3px; width: 100%;}
.area_sch .select1 {width: 100%; height: 40px; line-height: 40px;}
.area_sch input.inp_txt {width: 100%; height: 40px; line-height: 40px;}
.area_sch .btn-pk.n {min-width:auto; width: 80px; height: 40px; font-size: 13px; font-size: 0.8125rem;}


.lst-line {font-size: 0;}
.lst-line li {font-size: 12px; font-size: 0.75rem; margin-left: 10px; margin-top: 10px;}
.lst-line li span {padding-right: 5px; margin-right: 5px;}




.tbl_view {border-top-width: 2px; font-size: 12px; font-size: 0.75rem;}
.tbl_view .tit {padding: 20px 0 10px;}
.tbl_view .tit .h1 {margin-bottom: 10px; font-size: 16px; font-size: 1rem;}
.tbl_view .tit .h1 .i-txt {margin-right: 5px;}
.tbl_view .tit .lst-line {float: none !important; margin-bottom: 10px;}
.tbl_view .txt {padding: 15px 0;}
.tbl_view .txt .lst-line {margin-bottom: -10px;}
.tbl_view .txt .lst-line li {margin-bottom: 10px; margin-left: 0; margin-right: 10px;}
.tbl_view .cont {padding: 25px 0; line-height: 1.7; min-height: 80px;}
.tbl_view .botm > div {padding: 13px 0;}
.tbl_view .botm > div span.t {margin-left: 50px;}

.lst_link {font-size: 12px; font-size: 0.75rem;}
.lst_link li {margin-left: 0; margin-bottom: 3px;}
.lst_link li:first-child {margin-left: 0;}




/*06.묻고답하기*/
.tbl_faq {border-top-width: 2px;}
.tbl_faq li {}
.tbl_faq .tit {padding: 15px 40px; font-size: 14px; font-size: 0.875rem;}
.tbl_faq .tit:after {right: 10px; width: 15px; height: 1px;}
.tbl_faq .tit:before {right: 10px; width: 15px; height: 1px;}
.tbl_faq .tit .h {left: 10px; margin-top: -10px; font-size: 20px; line-height: 20px;}
.tbl_faq .txt {padding: 15px 40px; font-size: 12px; font-size: 0.75rem;}
.tbl_faq .txt .h {left: 10px; top: 50%; margin-top: -10px; font-size: 13px; font-size: 0.8125rem; line-height: 20px; width: 20px; }
.tbl_faq .txt .link {margin-top: 15px;}


.area_center1 {margin-bottom: 20px;}
.area_center1 > div {float: none; width: 100%; height: 130px;}
.area_center1 > div > div {text-align: left;}
.area_center1 .icon {padding-left: 20px;}
.area_center1 .txt {padding-left: 15px; padding-right: 20px; font-size: 13px; font-size: 0.8125rem;}
.area_center1 .lft .t2 {margin-bottom: 10px; font-size: 25px;}
.area_center1 .lft a { padding: 5px 60px 5px 10px; font-size: 12px; font-size: 0.75rem;}
.area_center1 .lft a:after {width: 50px;}
.area_center1 .rgh p {margin: 5px 0;}

.area_center2 {font-size: 13px; font-size: 0.8125rem;}
.area_center2 p {margin-bottom: 10px;}




/*05.통하다우리*/
.tbl_media li {width: 48%; padding-bottom: 3%;}
.tbl_media li .img:after {background-size: 30px auto;}
.tbl_media li .txt {padding: 10px 0; font-size: 13px; font-size: 0.8125rem;}
.tbl_media li .txt .h1 {height: 40px; margin-bottom: 10px;}
.tbl_media li .txt .t1 span {padding-left: 5px; margin-left: 5px;}


.area_understand {font-size: 12px; font-size: 12px;}

.lst-dot {}
.lst-dot li {padding-left: 8px; margin-bottom: 3px; font-size: 12px;}
.lst-dot li:after {top: 6px; width: 3px; height: 3px;}


.lst_under1 {}
.lst_under1 li {padding: 15px 15px; margin-bottom: 5px;}
.lst_under1 li .t {height: 50px;}

.lst_under2 {}
.lst_under2 ul {width: 100%;}
.lst_under2 li {display: table; width: 100%; margin-right: 0; padding: 0; height: 70px;}
.lst_under2 li > div {display: table-cell; vertical-align: middle;}
.lst_under2 li .icon {margin-bottom: 20px; padding: 15px 0 15px 15px;}
.lst_under2 li .txt {padding: 15px; font-size: 12px; font-size: 0.75rem; min-height: auto;}


.area_wqna .h1 {margin-bottom: 30px; font-size: 25px;}
.lst_wqna {padding: 40px 20px;}
.lst_wqna:after {top: -20px; margin-left: -28.5px; width: 57px; height: 40px; }
.lst_wqna .q {margin-bottom: 20px;}
.lst_wqna .q span { padding: 10px 15px; font-size: 14px; font-size: 0.875rem; border-radius: 20px;}
.lst_wqna .q span:after {right: 1px; top: 1px; width: 4.5px; height: 6px;}
.lst_wqna .a {margin-bottom: 25px; padding: 15px 20px; font-size: 12px;}
.lst_wqna .a .h {margin-bottom: 10px; font-size: 14px; font-size: 0.875rem;}



/*04. 점자배움터*/
/*강의목록*/
.lst_lecture {}
.lst_lecture ul {width: 100%;}
.lst_lecture li {width: 100%; margin-right: 0;}
.lst_lecture .box {padding: 20px; border-width: 2px;}
.lst_lecture .box .img {float: left; width: 100px; padding-bottom: 100px; margin: 0;}
.lst_lecture .box .img img {min-width:100%; min-height:100%;}
.lst_lecture .box .txt {margin-left: 120px; font-size: 12px; font-size: 0.75rem;}
.lst_lecture .box .txt .h1 {margin-bottom: 5px; font-size: 16px; font-size: 1rem; line-height: 20px; height: 40px;}
.lst_lecture .box .txt .t1 {margin-bottom: 10px; height: 40px; line-height: 20px;}
.lst_lecture .box .txt .t2 {margin-bottom: 5px; line-height: 1.5;}
.lst_lecture .box .txt .t2 span {display: block;}
.lst_lecture .box .btn .btn-pk {width: 100%; margin-top: 10px;}
.lst_lecture .box .btn .btn-pk:first-child {}

.lst_lecture .box.view .img {float: none; margin: 0 auto 10px; width: 120px; padding-bottom: 120px;}
.lst_lecture .box.view .txt {margin-left: 0;}
.lst_lecture .box.view .txt .t2 {font-size: 14px; font-size: 0.875rem;}

.container.study .bind_ty1 .btn-pk.bb {font-size: 14px; font-size: 0.875rem; padding-top: 10px; padding-bottom: 10px; font-weight: 400;}


.view_lecture {}
.view_lecture .tit {padding-bottom: 10px;}
.view_lecture .tit .lft {padding-right: 0; display: block;}
.view_lecture .tit .lft > div {display: block;}
.view_lecture .tit .img {width: 120px; margin: 0 auto;}
.view_lecture .tit .txt {padding-left: 0; font-size: 12px; font-size: 0.75rem;}
.view_lecture .tit .txt .t1 {margin-bottom: 8px;}
.view_lecture .tit .txt .t2 {margin-top: 15px;}
.view_lecture .tit .txt .h1 {font-size: 16px; font-size: 1rem;}
.view_lecture .tit .rgh {padding-top: 15px;}
.view_lecture .tit .rgh .btns {position: static; margin-top: 0;}
.view_lecture .tit .rgh .btns a.btn-pk.n {padding-top: 9px; padding-bottom: 8px;}
.view_lecture .tit .rgh .ta-r {bottom: 10px;}

.a_line {font-size: 12px;}

.view_lecture .cont {padding:10px 0; }

.box_check {padding: 10px 20px; margin-top: 10px; font-size: 12px; font-size: 0.75rem;}
.box_check p strong {font-size: 1.2em; }


/**/
.area_practice {margin-bottom: 20px;}
.area_practice .lft {width: 100%; float: none;}
.area_practice .lft img {width:100%; max-height:none;}
.area_practice .bt1 {bottom: 125px;}
.area_practice .bt2 {bottom: 125px;}

.area_practice .rgh {float: none; padding-top: 20px; width: 100%; font-size: 13px; font-size: 0.8125rem;}
.area_practice .rgh p {margin-bottom: 10px;}
.area_practice .rgh .box {padding: 10px 10px 10px; margin-top: 20px; font-size: 12px; font-size: 0.75rem;}
.area_practice .rgh .box .b {padding: 10px; }


.area_practice2 {padding: 20px 0;}
.area_practice2 .tit {font-size: 15px; }

.area_practice2 .area_box .insr img {margin-bottom:15px;}

/*07.마이페이지*/
.t_info_box {padding: 15px 15px; font-size: 12px; }
.t_info_box h3 {font-size: 14px;}

.area_terms2 {font-size: 12px;}



/*02.점자의 이해*/
.area_meaning {font-size: 12px; display: block;}
.area_meaning > .col {display: block;}
.area_meaning > .col p {margin-bottom: 10px;}
.area_meaning .col.img {width: auto; padding-right: 0; margin-bottom: 20px; text-align: center;}
.area_meaning .col.img img {height: 100px;}


.btn_history {padding: 15px 0; font-size: 14px; font-size: 0.875rem; letter-spacing:-0.0325em;}
.btn_history:after {right: 0; margin-top: -5px; width: 18px; height: 10px; background: url(../images/sub/btn_history.png) 100% center no-repeat; background-size: 100% auto;}
.btn_history img {height: 70px; margin-right: 10px;}
.btn_history  span {vertical-align: middle;}

.box_source {padding: 20px;}
.box_source .in {display: block;}
.box_source .in > div {display: block;}
.box_source .txt {padding-bottom: 10px; font-size: 12px; font-size: 0.75rem;}
.box_source .txt p {margin-bottom: 10px;}
.box_source .icon {width: 70px; padding-right: 0; font-size: 14px; font-size: 0.875rem; margin-bottom: 20px; border: 0;}
.box_source .lst-dot {padding-left: 0;}


/*세계의점자*/
.tbl_world table {float: none; width: 100%;}
.tbl_world table:first-child {border-right: 0;}
.tbl_basic.tbl_world.ty2 thead th {padding-top: 5px; padding-bottom: 5px;}
.tbl_world img {height: 25px;}


/*점역교정사*/
.box_guide {padding: 20px; font-size: 12px; font-size: 0.75rem;}
.box_guide ul {padding-top: 20px; text-align: left;}
.box_guide li {margin-left: 0; display: block; margin-bottom: 5px;}
.box_guide li:first-child {margin-left: 0;}
.box_guide li > div {position: relative; width: auto; height: 45px; padding: 10px 10px 10px 60px; line-height: 1.3; border-radius: 15px;}
.box_guide li > div .ico {position: absolute; left: 15px; top: 50%; margin-top: -12.5px; padding-top: 0; padding-bottom: 0;}
.box_guide li > div .ico img {height: 25px;}
.box_guide li:last-child > div {padding-top: 25px; height: 30px;}


/*한글점자일람표*/
.tbl_guidetable table,
.tbl_guidetable tbody,
.tbl_guidetable tr {display: block; border: 0 !important;}
.tbl_guidetable {overflow:hidden; border-right: 1px solid #ddd;}
.tbl_guidetable th {display: block; width: 100%; clear: both; border-top: 1px solid #ddd; border-left: 1px solid #ddd !important; border-bottom: 1px solid #ddd; box-sizing:border-box;}
.tbl_guidetable td {display: block; float: left; width: 20%; height: auto !important; padding: 0; border-bottom: 1px solid #ddd; box-sizing:border-box;  font-size: 12px;}
.tbl_guidetable td.w2 {}
.tbl_guidetable td.w3 {width: 30%;}
.tbl_guidetable td.w4 {width: 60%;}
.tbl_guidetable td.w5 {width: 100%; padding: 5px 0;}
.tbl_guidetable td .i {height: 30px;}
.tbl_guidetable td .i img {height: 30px;}


/*점자관련기기*/
.meaning_tab {float: none; width: 100%; margin-bottom: 30px; overflow-x:auto; overflow-y:hidden; padding-top: 6px; }
.meaning_tab:after {content:none;}
.meaning_tab ul {display: table; white-space:nowrap; border-top: 1px solid #c9c9c9; margin-bottom: 10px;}
.meaning_tab li {display: table-cell; vertical-align: top; font-weight: 400; font-size: 13px; font-size: 0.8125rem; padding: 20px 10px 0; margin-bottom: 0;}
.meaning_tab li:after {right: 50%; top: 0; margin-right: -6px; margin-top: -6px; border-width: 2px;}

.meaning_tabcont {margin-left: 0; padding: 25px 20px; font-size: 12px; font-size: 0.75rem; line-height: 1.5;}
.meaning_tabcont .mb {margin-bottom: 5px;}
.meaning_tabcont .bind  > div {display: block;}
.meaning_tabcont .bind  > div.lft {padding-right: 10px;}
.meaning_tabcont .bind  > div.rgh.w1 {width: auto;}
.meaning_tabcont .bind  > div .wbox {margin-bottom: 10px;}

.meaning_tabcont .stit2 {font-size: 14px;}
.meaning_tabcont .wbox {display: block; padding: 10px 0;}
.meaning_tabcont .wbox > div {display: block; padding: 5px;}
.meaning_tabcont .wbox .t {font-size: 11px;}
.meaning_tabcont .wbox img {max-height:70px;}

.lst_equipment {}
.lst_equipment li {margin-bottom: 10px;}
.lst_equipment li > div.img {width: 80px; padding-right: 10px;}
.lst_equipment li .txt strong {font-size: 1.1em;}


.braille_box .box .b {clear:both;margin-left:0; }
.braille_box .box .ml {top:10px;}

.bind_ty1.n1 .btn-pk.bb {width: 50%;} 

}