
/*°³ÀÎÁ¤º¸Ã³¸®¹æÄ§ ±âÁ¸ css*/
.sub_tab_menu_wrap{width: 100%; margin-bottom: 50px;}
.sub_tab_menu{display: flex; flex-wrap: wrap;}
.sub_tab_menu > li{display:inline-block;border: 1px solid #ddd; margin: -1px 0 0 -1px;width: 25%;word-break: keep-all;}
.sub_tab_menu > li > a{display: flex; justify-content: center; align-items: center; padding: 18px 10px; text-align: center; font-size: 18px; font-weight: 500; color: #333; height: 100%;word-break: keep-all;}
.sub_tab_menu > li.active{border-color: #1C5DB1;}
.sub_tab_menu > li.active > a{background-color: #1C5DB1; color: #fff;}
.sub_tab_menu.w05 > li{width: 20%;}
.sub_tab_menu.w04 > li{width: 25%;}
.sub_tab_menu.w03 > li{width: 33.33%;}
.sub_tab_menu.w02 > li{width: 50%;}
.sub_tab_menu.w01 > li{width: 100%;}
@media screen and (max-width: 1000px) {
	.sub_tab_menu_wrap{margin-bottom: 25px;}
	.sub_tab_menu > li > a{padding: 10px 0px; font-size: 14px; display: flex; justify-content: center; align-items: center;}
	.sub_tab_menu.w08 > li{width: 50%;}
	.sub_tab_menu.w05 > li{width: 50%;}
	.sub_tab_menu.w04 > li{width: 50%;}
	.sub_tab_menu.w03 > li{width: 50%;}
	.sub_tab_menu.w02 > li{width: 50%;}
	.sub_tab_menu.w01 > li{width: 100%;}
}
@media screen and (max-width: 420px) {
	.sub_tab_menu > li > a{font-size:13px;}
}
@media screen and (max-width: 320px) {
	.sub_tab_menu > li > a{font-size:12px;}
}
.Btit { text-align:center; }
.borderno {border-top:1px solid #fff!important;border-bottom:1px solid #fff!important;}
.borderR {border-right:1px solid #d5dcde!important;}
#contentswrap .contents .contents01 {line-height:180%;margin-bottom: 20px;}
#contentswrap .contents .contents01 ul {line-height:180%;margin-top: 2px;margin-left: 0px!important;margin-bottom: 20px;}
#contentswrap .contents .contents01 ul li {margin-bottom:0px;}
#contentswrap .contents .contents01 ul p {margin-left:20px;}
.table_wrap {width:100%;overflow:hidden;}
.viewTable {max-width:768px;margin-left:-1px;border-top:1px solid #435057;border-bottom:1px solid #435057;}
.viewTable th {padding:10px 0;border-bottom:1px solid #435057;border-left:1px solid #d5dcde;background:#f9f9f9;font-size:13px;color:#1b1b1b;font-weight:600;vertical-align:middle;text-align:center;}
.viewTable th:nth-child(1) {border-left:0px solid #d5dcde;}
.viewTable td {padding:10px;border-top:1px solid #d5dcde;border-left:1px solid #d5dcde;text-align:center;font-size:10px;color:#333;vertical-align:middle;}
.viewTable td:nth-child(1) {border-left:0px solid #d5dcde;}
.viewTable td.al{padding:12px 20px;text-align:left}
.viewTable tbody th{background:#f5f5f5;border-bottom:0;border-top:1px solid #d6d6d6}
.viewTable .bg td{background:#f7f7f7}
.viewTable caption {display:none}
.privacy {width: 100%;line-height: 18px;background: url(http://www.eduwill.net/img2/company/ew/etc/bg_eduwilllaw.jpg) no-repeat 500px 30px;}
.privacy .sub {padding: 54px 0 85px 76px;}
.privacy .con .lawstart {padding: 23px 0 5px;}
.con .ui_anchor {padding:20px; border:1px solid #ddd;}
.privacy .privacycon02 dl dt {padding: 20px 0 4px 0;font-weight: bold;color: #424242;}
.privacy .privacycon02 dl dt.empty {padding: 10px 0 4px 0;}
.privacy .privacycon02 dl dt.dtN {}
.privacy .privacycon02 dl dd.subtit {padding: 0 0 6px 0;}
.privacy .privacycon02 dl dd.subtit1 {position: relative;padding: 0 0 0 17px;}
.privacy .privacycon02 dl dd.subtit1 span {display: block;position: absolute;left: 0;top: 0;width: 17px;height: 18px;line-height: 18px;text-align: left;}
.privacy .privacycon02 dl dd.subtit2_b {padding: 15px 0 0 9px;font-weight: bold;}
.privacy .privacycon02 dl dd.subtit2 {position: relative;padding: 0 0 0 20px;}
.privacy .privacycon02 dl dd.subtit2 span {display: block;position: absolute;left: 0;top: 0;width: 17px;height: 18px;line-height: 18px;text-align: left;padding: 0 0 0 9px;}
.privacy .privacycon02 dl dd p {margin: 0 0 0 10px;}
.privacy .privacycon02 dl dd p.list {margin: 0 0 0 25px;}
.privacy .privacycon02 dl dd ol {margin: 0;padding: 0 0 15px;}
.privacy .privacycon02 dl dd ol li {list-style: none;}
.privacy .privacycon02 dl dd.custom {margin: 15px 0 15px;}
.privacy .privacycon02 dl dd.custom p {margin: 0;}
.privacy .privacycon02 dl dd.custom2 {margin: 0 0 10px;}
.privacy .privacycon02 dl dd.custom2 ol {margin: 10px 0 0;}
.privacy .privacycon02 dl dd ol.post {margin: 0 0 0 10px;padding: 0;}
#contentswrap .contents h2 {margin-bottom: 0px;}
.privacycon02 .item_box h2 {font-size:20px; font-weight:700; margin-top:50px;}
.privacycon02 .item_box {    padding-top: 50px;}
.item_box dl dt.dtN {font-weight:600; margin-top:20px; margin-bottom:5px;}

/*°³ÀÎÁ¤º¸Ã³¸®¹æÄ§ 10.18 Ãß°¡ ¶óº§¸µ ³»¿ë*/
.con h1 {max-width: 100%;background: #f0f3f8;padding:20px;font-size: 13px;font-weight: 500;line-height: 20px;letter-spacing: 0;word-break: break-all;}
.privacycon01 {padding: 0 0 20px;letter-spacing: 0;}
.privacycon01 .tit {margin-top: 50px;margin-bottom: 20px;}
.privacycon01 .tit p {font-size: 22px;font-weight: 800;text-align: center;}
.privacycon01 .labelingbox {max-width: 100%;}
.privacycon01 .labelingbox .boxlist {display: flex;justify-content: space-between;}
.privacycon01 .labelingbox .boxlist.mb30 {margin-bottom: 20px;}
.privacycon01 .labelingbox .boxlist .box {flex: 0 0 calc(100% / 2 - 10px);margin: 0 10px;background: #f9f9f9;padding: 43px;display: flex;flex-direction: column;align-items: center;justify-content: space-between;cursor: pointer;}
.privacycon01 .labelingbox .boxlist .box p.ft15 {margin-top: 20px;font-size: 15px;font-weight: 700;line-height: 20px;}
.privacycon01 .labelingbox .boxlist .box p.mt30 {margin-top: 30px;}
.privacycon01 .labelingbox .boxlist .box:first-child {margin-left: 0;}
.privacycon01 .labelingbox .boxlist .box:last-child {margin-right: 0;}
.privacycon01 .labelingbox .boxlist .box button {display: flex;flex-direction: column;align-items: center;}
.privacycon01 .labelingbox .modal_box > div { display:none; position:relative; z-index:10; }
.privacycon01 .labelingbox .modal_box > div:before { content:''; width:100%; height:100vh; background-color:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:10; }
.privacycon01 .labelingbox .modal_box .modal { position:fixed; left:50%; top:50%; z-index:11; transform:translate(-50%, -50%); width:calc(100% - 40px); max-width:900px; background:#fff;}
.privacycon01 .labelingbox .modal_box .modal::-webkit-scrollbar { display:none; }
.privacycon01 .modal_box.box01 {left: -312px;}
.privacycon01 .modal_box.box02 {left: -688px;}
.privacycon01 .modal_box.box03 {right: 551px;}
.privacycon01 .modal_box.box04 {left: -312px;} 
.privacycon01 .modal_box.box05 {left: -688px;}
.privacycon01 .modal_box.box06 {right: 551px;}
.privacycon01 .modal_box .titbox {background: #f0f3f8;font-size: 15px;text-align: center;font-weight: 500;padding: 15px;}
.privacycon01 .modal_box .detailbox {padding:10px;}
.privacycon01 .modal_box .detailbox b {font-size: 13px;font-weight: 700;}
.privacycon01 .modal_box .viewTable {max-width: 768px;margin-left:-1px;border-top:1px solid #435057;border-bottom:1px solid #435057;margin-top: 15px;}
.privacycon01 .modal_box .modal button {position: absolute;top: 0;right: 0;padding: 15px;font-weight: 600;}
.privacycon01 .modal_box .modal .detailbox .detailcon p.ft13 {color: #797979;font-size:10px;font-weight: 500;line-height: 17px;}
.privacycon01 .modal_box .modal .detailbox .detailcon p.mt20 {margin-top: 10px;} 
.con p.mt15 {margin-top: 15px;font-weight: 400;font-size: 12px;}
.index {padding: 25px 0;letter-spacing: 0;}
.index .ft22 {font-size: 22px;text-align: center;font-weight: 800;}
.index .indexbox {display: flex;justify-content: space-around;align-items: flex-start;border: 1px solid #dddddd;margin: 20px 0;padding:10px 20px; } 
.index .indexbox .boxlist02 {display: flex;align-items: flex-start;justify-content: space-between;flex-direction: column;}
.index .indexbox .boxlist02 .box02 {display: flex;align-items: center;margin: 20px 0;}
.index .indexbox .boxlist02 .box02 a {margin-left: 15px;font-size: 12px;font-weight: 700;}
.index .indexbox_mo {display: none;}
.contain .mo_tit {font-weight: bold;text-align: center;margin: 0 30px 30px;padding-top: 30px;font-size: 24px;}	
.contain .mo_tit::before {content: '';border-top: 3px solid #4f6add;display: block;width: 8%;text-align: center;margin: 7px auto;}

@media (max-width:560px) {
	.index .indexbox {display: none;}
	.index .indexbox_mo {display: flex;align-items: center;border: 1px solid #dddddd;margin: 20px 0;padding:10px 30px; } 
	.index .indexbox_mo .boxlist02 {display: flex;align-items: flex-start;justify-content: space-between;flex-direction: column;}
	.index .indexbox_mo .boxlist02 .box02 {display: flex;align-items: center;margin: 20px 0;}
	.index .indexbox_mo .boxlist02 .box02 a {margin-left: 15px;font-size: 15px;font-weight: 700;}
}
@media (max-width:430px) {
	.contain .mo_tit {margin: 0 30px 5px;}
	.privacycon01 .labelingbox .boxlist .box button img {width: 65px;}
	.privacycon01 .labelingbox .boxlist .box {padding: 25px;}
	.privacycon01 .labelingbox .boxlist .box p.ft15 {margin-top: 10px;font-size: 12px;line-height: 16px;}
	.privacycon01 .labelingbox .boxlist .box p.mt30 {margin-top: 20px;}
	.privacycon01 .labelingbox .boxlist .box {flex-direction: column;}
	.privacycon01 .modal_box .titbox {font-size: 13px;padding: 10px;}
	.privacycon01 .modal_box .detailbox {    line-height: 12px;}
	.privacycon01 .modal_box .detailbox b {font-size:9px;font-weight: 500;}
	.privacycon01 .modal_box .modal .detailbox .detailcon p.ft13 {font-size: 8px;line-height: 13px;}
	.privacycon01 .tit {margin-top: 30px;}
	.privacycon01 .modal_box .modal button {padding: 12px;}
	.privacycon01 {padding: 0 0 5px;}
	.privacycon02 .item_box .scroll {max-height: calc(200vh - 570px);overflow: scroll;}
	.privacycon02 .item_box.mt20 {font-size: 11px;}
	.viewTable td {padding: 5px;}
	.viewTable th {padding: 5px 0;font-size: 11px;}
	.index .indexbox_mo {padding: 5px 15px;}
	.index .indexbox_mo .boxlist02 .box02 a {margin-left: 5px;  font-size: 11px;}
	.index .indexbox_mo .boxlist02 .box02 {margin: 10px 0;}
	.index .indexbox_mo .boxlist02 .box02 img {width: 21px;}
}











