@charset "euc-kr";
 
html, body {height:100%; margin:0; padding:0;}
.blind{display:block;overflow:hidden;position:absolute;left:0;top:-5000px;}

.subwrapper{position:relative; background:#fff;width:100%; height:100%;}
.header{width:100%;margin:auto;}
.ti_area{height:60px;overflow:hidden;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;}
.ti_area1{height:60px;overflow:hidden;margin:auto;}

.list{position: absolute;top:11px;height:30px;vertical-align: bottom;}
.center{position: absolute;top: 11px;height:30px;}
.prev{position: absolute;top:11px;height:30px;vertical-align: bottom;right: 2px;}
/*h1{font-size:0.1em;margin:auto;width:117px;padding:3px 0 0 0}*/

.subti_area{height:36px;background:url(../../../images/ulearn/mobile/sub/tibg.gif) repeat-x;padding:20px 0 0 10px; }
.subti{padding:0 0 0 16px;color:#072e85;font-size:20px;font-weight:bold;height:22px;line-height:22px; font-family:sans-serif, Dotum, "����";border-bottom:#b7b7b7;border-left: 5px solid #4c95ff;}

.submenu{overflow:hidden;height:37px;background:url(../../../images/ulearn/mobile/sub/mbg.gif) repeat-x;padding:0 0 0 10px;}
.submenu li{float:left;padding:0;margin:0;font-size:0.8em;}

.date_area{width:100%;background:url(../../../images/ulearn/mobile/sub/tibg02.gif) repeat-x;margin:auto;position:relative;}
.date_area1{width:100%;background:url(../../../images/ulearn/mobile/sub/tibg02.gif) repeat-x;margin-right:20px;text-align:right;}
.date_area2{width:100%;margin:auto;position:relative; border-bottom: 2px solid #aaa;}
.date{height:33px;padding:9px 0 0 0;text-align:center;background:url(../../../images/ulearn/mobile/sub/tibg02.gif) repeat-x;margin:auto; }
.date2{height:35px;padding:2px 0 9px 0;text-align:center;margin:auto; }
.pre{position: absolute;left:40px;top:8px;}
.pre2{position: absolute;left:40px;top:2px;}
.next{position: absolute;right: 40px; top: 8px;}
.next2{position: absolute;right: 40px; top: 2px;}
.date_txt{font-size:18px;margin:auto;padding:3px 0 0 0;color:#000;font-weight:bold;}

.subti_txt{width:100%;background:url(../../../images/ulearn/mobile/sub/tibg02.gif) repeat-x;padding:9px 0 0 20px;position:relative;font-weight:bold;color:black;height:45px;font-size:18px;letter-spacing:-1px}
.subti_txt span{padding : 0 0 0 15px}

.subti_txt02{position:relative;}
.subti_txt02 h3{font-weight:bold; font-size:17px; letter-spacing:-1px;margin:0px; padding:17px 10px 14px;border-bottom: 2px #4c95ff solid;background-color: #f5f5f5;border-top: 1px solid #ddd;}
.subti_txt023 h3{background:url(../../../images/ulearn/mobile/sub/use_stit_gray_bg.png) repeat-x; font-weight:bold; font-size:17px; letter-spacing:-1px; height:50px;margin:0px; padding:17px 0 0 10px}
.subti_txt02 h4{background:url(../../../images/ulearn/mobile/sub/bullet011.gif) no-repeat; font-weight:bold;color:#274a85;font-size:17px;letter-spacing:-1px; padding:5px 0 0 33px;}
.subti_txt02 p{font-size:15px; color:#595959; padding-left:12px;padding-right:12px;margin-left:10px;}
.subti_txt02 p span{font-size:15px; color:#1a80ba;}
p.font_navy{font-size:15px; color:#204179; font-weight:bold;}
p.font_navy1{font-size:17px; color:#1a468f; font-weight:bold; padding:10px 0 10px 10px}
.use_stit1{font-weight:bold; color:#274a85; font-size:17px; height:40px;line-height:40px;border:1px solid #ddd;border-radius:6px; margin:20px 10px 10px;background-color:#efefef;}
.use_stit2{background:url(../../../images/ulearn/mobile/sub/use_stit1_bg1.gif) no-repeat; font-weight:bold; color:#274a85; font-size:17px; height:50px; padding:20px 10px 0 20px;}
.use_stit1 span{font-weight:bold;color:#1b95db;font-size:17px; height:30px; padding-top:10px;}
.subti_txt02 ul li{font-weight:normal;color:#787878;font-size:13px; padding:3px 20px}
.subti_txt022{width:100%;background:url(../../../images/ulearn/mobile/sub/tibg033.gif) repeat-x;padding:35px 0 0 0px;position:relative;height:70px;}
.subti_txt022 h3{font-weight:bold;color:#204179;font-size:20px;letter-spacing:-1px; background:url(../../../images/ulearn/mobile/sub/bullet011.gif) no-repeat;}
.subti_txt022 h3 span{padding-left:5px;}
.pd3{padding-left:3px}
.align_center{text-align:center; width:100%}



.subti_txt03{width:100%;border-bottom:2px solid #ddd;padding:10px 0 0 0px;position:relative;height:45px;line-height:45px;background-color: #fbfbfb;}
.subti_txt03 span{font-weight:bold;color:black;font-size:18px;letter-spacing:-1px; background:url(../../../images/ulearn/mobile/sub/bullet012.gif) no-repeat;padding-left:27px;}
.subti_txt02 h3 span{padding-left:5px;}

.loaction{position: absolute;right:20px; top: 8px;font-size:14px;color:#858585; font-family:sans-serif,Dotum, "����";}
.loaction1{position: absolute;right:20px; top: 8px;font-size:20px;color:#274a85; font-family:sans-serif,Dotum, "����";}

.contents{/* overflow:hidden; */}

.list_row{background:url(../../../images/ulearn/mobile/sub/list_bg.gif) repeat-x;height:92px;padding:8px 0 0 10px}
.list_row dl{overflow:hidden;}
.list_row dl dt{color:#333;font-weight:bold;width:40%;float:left;padding:3px 5px 0 0}
.list_row dl dd.d_area{color:#767676;font-weight:bold;width:28%;float:left;padding:3px 5px 0 0px}
.list_row dl dd.btn{width:28%;vertical-align:middle;float:left; padding:15px 0 0 0}

.list_title{background:#fafafa repeat-x;padding:6px 0 0 5px; height:30px; border-bottom:1px solid #cbcbcb}
.list_title dl{overflow:hidden;}
.list_title dl dt{color:#333;font-weight:bold;width:60%;padding:3px 5px 0 0; text-align:center;float:left; border-right:1px solid #cbcbcb;}
.list_title dl dd.d_area{color:#333;font-weight:bold;width:35%;text-align:center;float:left;}


.list_row22{height:47px;border-bottom:1px solid #d8d8d8}
.list_row22 dl{overflow:hidden;height:100%}
.list_row22 dl dt{color:#333;font-weight:bold;width:calc(100% - 130px);float:left;padding:0 12px; border-right:1px solid #cbcbcb;height:47px;box-sizing:border-box;display: flex;align-items: center;}
.list_row22 dl dt>a{}
.list_row22 dl dd.d_area{color:#767676;font-weight:bold;width:130px;box-sizing:border-box; text-align:center; float:left;display: flex;align-items: center;justify-content: center;height:47px;}

.list_row23{border-bottom:1px solid #d8d8d8;background:#fafafa;height:42px;}
.list_row23 dl{overflow:hidden;height:100%;}
.list_row23 dl dt{color:#333;font-weight:bold;width:calc(100% - 130px);float:left;border-right:1px solid #cbcbcb;text-align:center;box-sizing:border-box; height:100%;display: flex;align-items: center;justify-content: center;}
.list_row23 dl dd.d_area{color:#333;font-weight:bold;width:130px; text-align:center; float:left;box-sizing:border-box;display: flex;align-items: center;justify-content: center;height:100%;}



.list_login{padding:0 0 20px 0px;width:100%; margin-left:27px;}
.list_login dl{overflow:hidden;}
.list_login dl dt{width:100%;float:left;}
.list_login dl dd.d_area{width:38%;float:left;}



.list_row02{border-bottom:1px solid #ddd;height:49px;padding:11px 0 0 20px}
.list_row02 dl{overflow:hidden;}
.list_row02 dl dt{color:#191919;font-weight:500;font-size:17px;padding:0 0 8px 0}
.list_row02 dl dt a{color:#000;font-weight:bold;}
.list_row02 dl dt a:hover{color:#138ed8;font-weight:bold;}
.list_row02 dl dt span{font-size: 14px; color: #8a8a8d; font-weight: normal; vertical-align: bottom;}

.list_row02 dl dd{color:#8a8a8a;}
.list_row02 dl dd span{padding:0 30px 0 0}


.list_row03{height:300px;padding:11px 0px 10px 0px; text-align:center}

.bottom{background:url(../../../images/ulearn/mobile/main/m_bottom_bg.png) repeat-x;overflow:hidden;}
.bottom_btn{width:320px;margin:auto;height:55px;}
.bottom_btn li{float:left;}

.table_view{width:100%;}
.table_view th{border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8;line-height:20px;padding:9px 0 9px 0;text-align:center;color:#000;vertical-align:top;}
.table_view td{border-bottom:1px solid #e8e8e8;color:#666;text-align:left;padding:9px 15px 9px 15px;line-height:20px;vertical-align:middle;}
.table_view td.table_ti{background:#eef3dc;border:2px solid #87af0c;color:#3c5000;font-weight:bold;}
.table_view td ul{padding:5px 0 0 0;overflow:hidden;}
.table_view td ul li{background:url(../../../images/ulearn/mobile/sub/table_bullet02.gif) no-repeat 0 5px;padding:0 0 0 10px;}
.table_view td span{color:#d21f1f}

.input_info_box1{width:78%;height:14px; padding:3px 0 0 5px; border:1px solid #e3e3e3; line-height:1.6;vertical-align:middle; margin:0px 5px 3px 0px;}
.input_info_box1{width:100px;height:14px; padding:10px 0 0 5px; border:1px solid #e3e3e3; line-height:1.6;vertical-align:middle; margin:0px 5px 3px 0px;}
.input_info_box2{width:60%;height:14px; padding:3px 0 0 5px; border:1px solid #e3e3e3; line-height:1.6;vertical-align:middle; margin:0px 5px 3px 0px;}
.input_btn1{/* width:200px; */margin:10px auto;text-align: center;}

.list_view{padding:15px;color:#8a8a8a}

.next_table{background:url(../../../images/ulearn/mobile/sub/next_bg.gif) repeat-x;overflow:hidden;height:134px;margin:0px 0 0px 0}
.next_table dl{height:60px;}
.next_table dl dt{height:60px;font-weight:bold;color:#333;padding:15px 0 0 15px;float:left;border-right:1px solid #9f9f9f; width:70px}
.next_table dl dd{height:60px;color:#636262;padding:15px 0 0 15px;float:left;border-left:1px solid #fff; width:200px;}


.next_table1{overflow:hidden; text-align:center; padding:20px 0 15px 0; background:#f1f1f1; width:100%}
.next_btn{width:100%;margin:auto;height:30px; padding:14px 0 7px 0;}
.next_btn td{float:left; margin-left:10px;}
.next_table2{text-align: center; padding:3px 0 15px 0 }
.next_table2 ul li{float:left}
.next_btn2{width:293px;margin:auto;height:30px; padding:14px 0 7px 0;}
.next_btn2 li{float:left;}
#pagingArea {
    margin: auto;
}
.wid6{width:6px}

/*.login_bg{background:url(../../../images/ulearn/mobile/sub/login_bg.gif) repeat-x;height:137px;}*/
.login_bg1{height:200px;}
.save_btn{padding:23px 0 10px 0;width:230px}
.login_btn{padding:23px 0 34px 5px;width:214px}


.list_login{width:290px; margin:auto }
.list_login ul{overflow:hidden;text-align:center;}
.list_login ul li{float:left;}



.on_bg{background:url(../../../images/ulearn/mobile/sub/on_bg.gif); width:25px; height:21px; font-size:16px; font-weight:bold; color:#ffffff; text-align:center; padding-top:4px}
.off_bg{background:url(../../../images/ulearn/mobile/sub/off_bg.gif); width:25px; height:21px; font-size:16px; font-weight:bold; color:#b0b0b0; text-align:center; padding-top:4px}
.next_btn1{width:320px;margin:auto;height:45px; padding:10px}

.m_btn{overflow:hidden;margin:auto;padding:0 0 0 0;max-width: 420px;min-width: 320px;padding:12px;}
.m_btn li{padding:10px 0 0px 23px;float:left; }

.m_btn1{overflow:hidden;margin:auto;}
.m_btn1 li{padding:10px 0 10px 50px;float:left;}
.tit_bg{background:url(../../../images/ulearn/mobile/sub/all_tit-bg.png) repeat-x;height:37px; padding:15px 0 5px 20px;}
.stit_bg{background:url(../../../images/ulearn/mobile/sub/all_stit_bg.png) repeat-x;height:26px; padding:8px 0 5px 50px; font-weight:bold; font-size:17px; color:#2a2929; font-family:sans-serif,Dotum, "����";}

.visual_bg{height:150px;background:#2254BA;}

a,img{outline:none;}

.page1{
padding:10px;
}
p.pd10{
padding:10px; font-size:14px
}

p.pd20{
padding:5px 0 5px 10px; font-size:14px
}

p.pd21{
padding:5px 0 20px 10px; font-size:14px
}
.orange{color:#0c82c5; font-weight:bold}
.blue{color:#217dcb; font-weight:bold; padding:10px 0 0px 10px; font-size:16px}
.blue2{color:#217dcb; font-weight:bold; padding:0px 0 10px 10px; font-size:16px}
.blue3{color:#308499; font-weight:bold; padding:0px 0 10px 10px; font-size:16px}

.page2{
padding:17px;
}

.page3{
padding-left:17px;
}



.list-style-circle{list-style:circle; padding-left:5px; color:#000000;
}




.pic_area{overflow:hidden;padding:5px 0 15px 15px;border-bottom:1px solid #dedede;margin:15px 0 15px 0}
.pic_area p{width:90px;height:69px;margin:0 10px 0 0;float:left;}
.pic_area ul{float:left;overflow:hidden;}
.pic_area ul li{color:#9e9e9e;line-height:22px;}
.pic_area ul li.title{color:#000;font-size:14px;font-weight:bold;}


.pic_area02{overflow:hidden;padding:5px 0 15px 15px;border-bottom:1px solid #dedede;margin:0 0 15px 0}
.pic_area02 p{width:90px;height:69px;margin:0 10px 0 0;float:left;}
.pic_area02 ul{float:left;overflow:hidden;}
.pic_area02 ul li{color:#9e9e9e;line-height:22px;}
.pic_area02 ul li.title{color:#000;font-size:14px;font-weight:bold;}
.pic_area02 ul li.graph{color:#05b1fc;margin:5px 0 0 0;height:20px;}
.g_area{border:1px solid #0092d2;width:150px;height:20px;}


.pic_area03{overflow:hidden;padding:5px 0 15px 15px; margin:0 0 15px 0;}
.pic_area03 p{width:90px;height:69px;margin:0 10px 0 0;float:left;}
.pic_area03 ul{float:left;overflow:hidden;}
.pic_area03 ul li{color:#9e9e9e;line-height:22px;}
.pic_area03 ul li.title{color:#000;font-size:14px;font-weight:bold;}
.pic_area03 ul li.graph{color:#05b1fc;margin:5px 0 0 0;height:20px;}



.table_view02{width:95%;margin:15px 0 15px 10px;border-top:2px solid #999999}
.table_view02 th{border-bottom:1px solid #fff;color:#000;background:#c9c9c9;text-align:center;padding:5px 0 5px 0;font-weight:normal}
.table_view02 td{border-bottom:1px solid #fff;color:#000;background:#d9d9d9;text-align:left;padding:5px 0 5px 10px;vertical-align:middle}

h3{background:url(../images/ulearn/sub/bullet02.gif) no-repeat 0 3px;padding:4px 0 0 20px;color:#000;font-size:14px;font-weight:bold;margin:0 0 0 10px}


.list_row1{background:url(../../../images/ulearn/mobile/sub/list_bg.gif) repeat-x;height:30px;padding:8px 0 0 10px}
.list_row1 dl{overflow:hidden;}
.list_row1 dl dt{color:#138ed8;font-weight:bold;width:20%;float:left;padding:3px 0 0 0; font-size:14px; text-align:center}
.list_row1 dl dd.d_area{color:#000000;font-weight:bold;width:20%;float:left;padding:3px 0 0 0; font-size:14px; text-align:center}
.list_row1 dl dd.btn{width:60%;vertical-align:middle;float:left;font-size:14px;font-weight:bold; text-align:center}

.list_row0{background:url(../../../images/ulearn/mobile/sub/list_bg.gif) repeat-x;height:30px;padding:8px 0 0 10px}
.list_row0 dl{overflow:hidden;}
.list_row0 dl dt{color:#333;font-weight:bold;width:20%;float:left;padding:3px 0 0 0; background-color:#000000; text-align:center}
.list_row0 dl dd.d_area{color:#767676;font-weight:bold;width:20%;float:left;padding:3px 0 0 0; text-align:center}
.list_row0 dl dd.btn{width:60%;vertical-align:middle;float:left; text-align:center}

.list_row2{background:url(../../../images/ulearn/mobile/sub/list_bg.gif) repeat-x;height:30px;padding:8px 0 0 10px}
.list_row2 dl{overflow:hidden;}
.list_row2 dl dt{color:#333;font-weight:bold;width:40%;float:left;padding:3px 0 0 0; background-color:#000000; text-align:center}
.list_row2 dl dd.d_area{font-weight:bold;width:28%;float:left;text-align:left}
.list_row2 dl dd.btn{width:28%;vertical-align:middle;float:left; text-align:left;font-weight:bold;}

/* ul{list-style-image:url('../../images/ulearn/mobile/sub/list-arrow1.gif');} */
ol li{font-size:14px; color:#777777; padding-right:10px}

.font001{font-size:15px; padding-left:10px}

p.padding2{
padding-top:2px;
}




.stitle_1{font-size:20px; font-weight:bold; font-family:sans-serif,Dotum, "����";padding:10px;}
.stitle_2{color:#0c69b1;font-size:20px; font-weight:bold; font-family:sans-serif,Dotum, "����";padding:10px;}
.contents_1{font-size:16px;line-height:22px; font-family:sans-serif,Dotum, "����";padding:0 10px 15px 10px;color:#191919;}
ol.contents_2{padding:0px 10px 15px 10px;}

.count{height:35px; margin:10px 0 0 10px}
.count_list{width:263px;margin:auto;height:50px;}
.count_list li{float:left; margin:2px }
.count_list li.select{background:url(../../../images/ulearn/mobile/sub/select.gif) no-repeat 0 0px; width:26px; height:22px;font-size:14px; font-weight:bold; padding:4px 0 0 8px;color:#ffffff}
.count_list li.unselect{background:url(../../../images/ulearn/mobile/sub/unselect.gif) no-repeat 0 0px; width:26px; height:22px;font-size:14px; font-weight:bold; padding:4px 0 0 8px;color:#ffffff}
.select a:link{font-size:14px; font-weight:bold; color:#ffffff}             

.count1{height:68px;background:url(../images/ulearn/mobile/sub/count_bg.gif) repeat-x 0 bottom; }
.count1_list{width:180px;margin:auto;height:35px;padding-top:25px;}          
.count1_list li{float:left; margin:2px}

.count2{margin:10px 0 0 0px;}
.count_list2{width:320px;margin:auto;height:100px}
.count_list2 li{float:left; margin:2px;}


.count3{margin:10px 0 0 10px; background:none;}
.count_list3{width:320px;margin:auto;height:100px}
.count_list3 li{float:left; margin:2px;}
.txt1{padding:0px 10px 25px 8px; font-size:13px; font-family:sans-serif,Dotum, "����"; }

.count4{margin:0px 0 10px 10px; background:none;font-family:sans-serif,Dotum, "����";}
.count_list4{width:320px;margin:auto;height:180px}
.count_list4 li{margin:2px;}
.count_list4 li.title{ height:34px;font-size:16px; font-weight:bold}
.count_list4 li.sul1{font-size:14px;padding-left:25px; height:24px;font-family:sans-serif,Dotum, "����" }

.count5{margin:10px 0 20px 10px;}
.count_list5{width:320px;margin:auto;height:30px}
.count_list5 li{float:left; margin:2px;}

.sul{margin:10px 0 20px 10px; background:none;font-family:sans-serif,Dotum, "����"}
.sul_list{overflow:hidden;width:320px;margin:auto;}
.sul_list li{overflow:hidden; font-size:14px; padding-left:10px; height:24px}
.sul_list li.title{ height:34px;font-size:16px; font-weight:bold}
.sul_list li.sul1{padding-left:25px}


ul.list-a{font-size:11px; padding-left:15px}
ul.list-a li{background:url(../../../images/ulearn/ulearn/help/arr1.gif) no-repeat 0 3px; padding-left:14px; line-height:14px}
ul.list-a li span{color:#c10d15}


ul.list-b{font-size:11px; padding-left:15px}
ul.list-b li{background:url(../../../images/ulearn/ulearn/help/arr3.gif) no-repeat 0 3px; padding-left:14px; line-height:16px}
ul.list-b li span{color:#c10d15}

.header2{width:100%;margin:auto;background:url(../../../images/ulearn/ulearn/help/top_bg.gif) repeat-x;}

.ti_area2{height:72px;overflow:hidden;background:url(../../../images/ulearn/main/top_bg.gif) no-repeat;margin:auto;width:320px}                       

.swrapper{position:relative;width:100%;height:100%}



.login_bg1{text-align:center; width:100%;}
.login_bg{width:100%;margin:0;border-top: 2px solid #1b4292;}
.login_bg p.lo_title{font-size: 60px; color: #1d50b7;font-weight: 900;line-height: 100px;width: 340px;margin: 0 auto;}
.login_bg p.lo_title2{font-size: 30px; color: #1d50b7;font-weight: 900;line-height: 100px;width: 340px;margin: 0 auto;}
.login_bg p.lo_txt{font-size: 14px;line-height: 25px;width: 340px;margin: 0 auto;}
.loginbox{width:340px;margin: 20px auto;padding:20px 10px;border: 1px solid #bababa;box-sizing: border-box;font-size: 14px;}
.loginbox input{height: 30px;line-height: 30px;margin:0;padding:2px 5px;border:1px solid #dadada;}
.loginbox select{height:31px;background:#fff url(../../../images/ulearn/ulearn/sub/select_arrow.png) no-repeat 95% 50%;-webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #dadada;}
.loginbox select::-ms-expand {display:none}
.loginbox .logintitle {font-size: 15px; font-weight: 600; color:#1d50b7;line-height: 25px;clear: both;}
.loginbox .form{float: left;min-width:220px;width:75%;margin:8px 0 0 0;}
.loginbox .form #email1{width: 85px;}
.loginbox .form #email2{width: 112px;padding: 0 30px 0 5px;height: 36px;float: right;margin:0 6px 3px 0;}
.loginbox .form #emailli input{width:112px;margin: 2px 0;}
.loginbox .form #user_pwd{width:221px;}
.loginbox .form .id_input{margin: 5px 0;}
.loginbox .loginbtn{float: right;min-width: 77px;width:20%;padding: 10px 0;}
.loginbox .loginbtn .login_a{float: left;width: 77px;}
.loginbox .loginbtn .login_a a{background: #1d96fd url(../../../images/ulearn/ulearn/sub/login_icon.png) no-repeat 90% 5%;width:77px;height:77px;box-sizing: border-box;padding: 30px 0 0 0;display: inline-block;padding:5px 7px;text-align:center;border-radius:5px;color: #fff;font-weight:600;font-size:14px;line-height: 77px;}
.loginbox .check{width:100%;height:25px;margin: 8px 0 2px 0;border-top: 1px solid #7d91ae;padding: 10px 0 0 0;display: inline-block;}
.loginbox .check label {display:inline-block;margin: 0 0 3px 2px;}
.loginbox .check input{height: 15px;width: 15px;}
.jo_line {line-height: 25px;width:320px; font-size: 12px;margin: 0 auto 30px;}

.down_level {background:url(../../images/site/contents/stitle_arrow_down.gif) 0 -2px no-repeat;padding-left:20px;}


.list_servey{letter-spacing:0; background: #F1F1F1;padding:10px 15px;width: 90%;margin: 10px auto;border-radius:  5px;position:relative;}
.list_servey dl{overflow:hidden;}
.list_servey dl dt{color:#444;font-weight:bold;font-size:16px; }
.list_servey dl dt span.red{color:#c40000;font-size:12px;margin:0px;display:block;font-weight:normal}
.list_servey dl dt span.blue{color:#136797;font-size:13px;margin:0px;display:block;font-weight:normal;line-height:20px;padding:0;}
.list_servey dl dt span.black{color:#444;font-size:13px;margin:0px;display:block;font-weight:normal}
.list_servey dl dd{margin:0 20px 0 0;vertical-align:middle;font-size:14px; position: absolute;top: 10px; right: 0px; width: 80px; border-radius: 5px;}
.btn_sb{
	display:block;
    padding: 2px 0;
    color: #03a9f4;
    border:1px solid #03a9f4;
    border-radius:5px;
    text-align: center;
    font-weight: bold;
}
.btn_sb:hover{
	background-color:#03a9f4;
	color:#fff;
	border:1px solid #03a9f4;
}
.btn_line{
	width: 40px;
    /* border: 2px solid #003368; */
    border-radius: 6px;
    height: 28px;
    background-color:#aaa;
}
.btn_line a{
	display: flex;
    color: #fff;
    font-weight: 900;
    font-family: cursive;
    height: 100%;
    align-items: center;
    justify-content: center;
}


.join_btn_o{
  background-color: #1d96fd;
  display:inline-block;
  padding: 8px 12px 8px 20px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 2px;
}
.join_btn_x{
  background-color: #efefef;
  display:inline-block;
  padding: 8px 12px 8px 20px;
  border-radius: 5px;
  color: #aaa;
  font-weight: bold;
  letter-spacing: 2px;
}

.font_edu{ 
  display:inline-block;
  padding: 8px 8px 8px 10px; 
  color: #1c74b5; 
  font-size:20px;
  text-align:center;
}