@charset "euc-kr";


/* ------------------------------
Paragraph
------------------------------ */
p.basic { margin: 10px 0px 10px 0px; padding: 0px; }

p.msg { margin: 0px; padding: 0px; font-size: 12px; }
p.msg1 { margin: 0px; padding-left: 25px; font-size: 12px; }
p.msg2 { margin: 10px; padding:5px; font-size: 13px; }
p.msg3 { margin: 10px; padding:5px; font-size: 13px; }
p.msg2 strong { color: #0b92ad; font-size: 13px; }
p.msg3 strong { color: #000000; font-size: 16px; }
p.msg1 strong { color: #0b92ad; font-size: 12px; }
p.msg strong { color: #0b92ad; font-size: 12px; }

p.indent { margin: 5px 0px 10px 25px; padding: 0px; }

/* ------------------------------
Title
------------------------------ */
h3.title { clear: both; margin: 0px 0px 30px; padding: 0px; height: 44px; font-weight: normal;  font-size: 26px; color: #000; overflow: hidden; border-bottom: solid 1px #d9d9d9; color: #4aa31a;}
h3.title img { margin-top: 30px; }
h4.title { clear: both; margin: 20px 0px 10px; padding: 0px 0px 0px 0px; height: 32px;  line-height: 32px; font-size: 21px; color: #0b92ad; }
h5.title { clear: both; margin: 5px 0px 10px; padding: 0px 0px 0px 0px; height: 18px;  line-height: 18px; font-size: 18px; color: #4aa31a; font-weight: normal; }
h6.title { clear: both; margin: 15px 0px 10px 0px; padding: 0px 0px 0px 25px; height: 18px;  line-height: 18px; font-size: 14px; background: url('/images/ulearn/common/h6_ico.gif') 8px 2px no-repeat; color: #11525c; font-weight: bold; }

.ft17   { color:#0b92ad  ; font-size: 17px ; font-weight:bold;}
.ft17_red   { color:red  ; font-size: 17px ; font-weight:bold;}
.ft11   { color:#0b92ad  ; font-size: 11px ; font-weight:bold;}
.ft11_red   { color:red  ; font-size: 11px ; font-weight:bold;}
/* ------------------------------
List
------------------------------ */
ul.list-a { clear: both; margin: 10px 0px 10px 10px; padding: 0px; }
ul.list-a li { margin: 3px 0px; padding: 0px 0px 0px 15px; list-style: none; background: url('../../images/ulearn/mobile/common/ico_list_a.gif') left 6px no-repeat; line-height: 1.3; }

ol { clear: both; margin: 10px 0px 10px 45px; padding: 0px;}
ol li { margin: 3px 0px; padding: 0px 0px 0px 0px; list-style: decimal; color: #097C91; }
ol li span { color: #666; }



/* ------------------------------
Dingbat
------------------------------ */

span.ding-a { display: inline-block; margin: 0px 0 0 5px; padding: 10px 0px 0px 10px; background: url('../../images/ulearn/mobile/common/ding_a.gif') left 12px no-repeat; text-align: left;}
ul.ding-a { clear: both; margin: 5px 0px; padding: 0px; }
ul.ding-a li { margin-left: 18px; padding: 0px 0px 0px 18px ; background: url('../../images/ulearn/mobile/common/ding_a.gif') 10px 4px no-repeat; list-style: none; }

span.ding-b { display: inline-block; margin: 0px; padding: 0px 0px 0px 10px; background: url('../../images/ulearn/mobile/common/ding_b.gif') left 9px no-repeat; text-align: left; }
ul.ding-b { clear: both; margin: 5px 0px; padding: 0px; }
ul.ding-b li { margin: 1px; padding: 0px 0px 0px 20px ; background: url('../../images/ulearn/mobile/common/ding_b.gif') 10px 5px no-repeat; list-style: none; }


/* ------------------------------
Table
------------------------------ */

/* table a */
table.table-a { clear: both; margin-top: 10px; margin-bottom: 10px; width: 100%; border-top: solid 2px #69a6ee; }
table.table-a th,
table.table-a td { padding: 6px 0px; font-size: 11px; border-bottom: solid 1px #c8d7e5; border-left: solid 1px #c8d7e5; text-align: center; }
table.table-a th { background: #fafafa; color: #666; font-weight: normal; }
table.table-a th.left,
table.table-a td.left { text-align: left; padding-left: 10px; }
table.table-a th.center,
table.table-a td.center { text-align: center; padding-left: 10px; }
table.table-a th.first-child,
table.table-a td.first-child { border-left: 0px; }
table.table-a th.border,
table.table-a td.border { border-left: solid 1px #c8d7e5; }
table.table-a thead th { font-size: 12px; background: #e6f0f4; font-weight: bold; border-color: #c8d7e5; }
table.table-a-col th { font-size: 12px; background: #e6f0f4; font-weight: bold; }

/* table a2 */
table.table-a2 { clear: both; margin-top: 5px; margin-bottom: 5px; width: 100%; border-top: solid 1px #69a6ee; }
table.table-a2 th,
table.table-a2 td { padding: 6px 0px; font-size: 11px; border-bottom: solid 1px #c8d7e5; border-left: solid 1px #c8d7e5; text-align: center; }
table.table-a2 th { background: #fafafa; color: #666; font-weight: normal; }
table.table-a2 th.left,
table.table-a2 td.left { text-align: left; padding-left: 10px; }
table.table-a2 th.center,
table.table-a2 td.center { text-align: center; padding-left: 10px; }
table.table-a2 th.first-child,
table.table-a2 td.first-child { border-left: 0px; }
table.table-a2 th.border,
table.table-a2 td.border { border-left: solid 1px #c8d7e5; }
table.table-a2 thead th { font-size: 12px; background: #e6f0f4; font-weight: bold; border-color: #c8d7e5; }
table.table-a2-col th { font-size: 12px; background: #e6f0f4; font-weight: bold; }

/* table a3 */
table.table-a3 { clear: both; margin-top: 5px; margin-bottom: 5px; width: 100%;  }
table.table-a3 th,
table.table-a3 td { padding: 6px 0px; font-size: 11px;  text-align: center; }
table.table-a3 th {color: #666; font-weight: normal; }
table.table-a3 th.left,
table.table-a3 td.left { text-align: left; padding-left: 10px; }
table.table-a3 th.center,
table.table-a3 td.center { text-align: center; padding-left: 10px; }
table.table-a3 th.first-child,
table.table-a3 td.first-child { border-left: 0px; }
table.table-a3 th.border,
table.table-a3 td.border { border-left: solid 1px #c0c0c0; }
table.table-a3 thead th { font-size: 12px; background: #c0c0c0; font-weight: bold;   }
table.table-a3 th { font-size: 12px; font-weight: bold; }





/* table b, table a �� åªï¿½ï¿½ï¿ */
table.table-b { clear: both; margin-top: 10px; margin-bottom: 10px; width: 100%; border-top: solid 2px #01a4c3; }
table.table-b th,
table.table-b td { padding: 6px 0px; font-size: 11px; border-bottom: solid 1px #c8d7e5; border-left: solid 1px #c8d7e5; text-align: center; }
table.table-b th { background: #fafafa; color: #666; }
table.table-b th.left,
table.table-b td.left { text-align: left; padding-left: 10px; }
table.table-b th.center,
table.table-b td.center { text-align: center; padding-left: 10px; }
table.table-b th.first-child,
table.table-b td.first-child { border-left: 0px; }
table.table-b th.border,
table.table-b td.border { border-left: solid 1px #c8d7e5; }
table.table-b thead th { font-size: 12px; background: #f9fafb url('../../image/mobile/common/thead_th_bg.gif') center top no-repeat; font-weight: bold; border-color: #c8d7e5; }
table.table-b-col th { font-size: 12px; background: #f9fafb; font-weight: bold; }

/* table b è¹ï¿½ï¿½ï¿ */
table.table-b { border-top: solid 2px #c8a2ae; }
table.table-b th, table.table-b td, table.table-b th.border, table.table-b td.border,
table.table-b thead th, table.table-b thead th.first-child, table.table-b thead th.last-child { border-color: #f4ecef; }
table.table-b th { background: #FDFBFC; }

/* table align */
table.table-left tbody th,
table.table-left tbody td { padding-left: 10px; text-align: left; }

/* ------------------------------
Tab
------------------------------ */
/* tab a */
ul.tab-a { margin: 0px 0px 10px; padding: 0px; width: 100%; overflow: hidden; }
ul.tab-a, ul.tab-a li, ul.tab-a li a, ul.tab-a li a span { height: 24px; line-height: 24px; background: url('../../images/ulearn/mobile/common/tab_a.gif') left top repeat-x; text-decoration: none; font-size: 11px; color: #525f68; }
ul.tab-a li { float: left; margin: 0px 1px 0px 0px; padding: 0px; list-style: none; }
ul.tab-a li a { display: inline-block; padding-left: 10px; background-position: left center; }
ul.tab-a li a span { display: inline-block; padding-right: 10px; background-position: right center; }
ul.tab-a li a:hover { text-decoration: none; cursor: pointer; }
ul.tab-a li a:hover, ul.tab-a li a.current { background-position: left bottom; }
ul.tab-a li a:hover span, ul.tab-a li a.current span { background-position: right bottom; color: #fff; font-weight: bold; letter-spacing: -1px; }


p.tab-dept { padding:10px; clear: both;  overflow: hidden; text-align: center; }



/* ï§ï¿½ï¿½ï¿ ±Ñ�ë�� */
.m_wrap{max-width: 420px;min-width:320px;margin: 0 auto;}
#center_area{display:flex;justify-content:center;/* margin: 10px 0 16px 0; */}
#center_area img{width: 170px;}
#center_area2{}
#center_area2 .searchbox {display:flex;}
#center_area2 .searchbox input[type=text]{width:82%;height: 38px; line-height: 38px;font-size: 16px;border:1px solid #76a4d8;border-right:0;border-radius:19px 0 0 19px;padding-left:24px;}
#center_area2 .searchbox input::-webkit-input-placeholder { color: #76a4d8;text-align: center; } 
#center_area2 .searchbox input::-moz-placeholder { color: #76a4d8;text-align: center; }
#center_area2 .searchbox input::-moz-placeholder { color: #76a4d8;text-align: center; }
#center_area2 .searchbox a {background: #fff url(../../../images/ulearn/mobile/main/m_search2.png) no-repeat; background-position: center;border:1px solid #76a4d8;border-left:0;border-radius:0 19px 19px 0; width:60px;height:38px;font-size: 0;vertical-align: top;display: inline-block;}
.searchbox2 { width: 98%;border: 2px solid #dee5ed; background: #f1f4f7; border-radius: 5px; padding: 8px 7px; box-sizing: border-box; position: relative; margin: 10px 5px; min-width: 350px; }
.searchbox2 .line {clear: both; height: 35px; box-sizing: border-box;}
.searchbox2 .line .line_t {font-size: 14px; font-weight: 600; display: inline-block; padding: 0 10px 0 0; line-height: 33px; box-sizing: border-box; float: left;}
.searchbox2 input[type=text]{margin: 3px 3px 0 5px;padding: 7px 8px;border: none;max-width: 195px;}
.searchbox2 .line ul li {float: left;}
.searchbox2 .line ul li  a.new_search{margin: 3px 0 0 4px;}
.new_search {display: inline-block;padding: 4px 7px 3px 27px;margin:0 0 0 4px;text-align:center;border-radius:5px;color: #fff;font-weight:600;font-size: 12px;background: #4d94ff url(../../../images/ulearn/ulearn/sub/btn_search.png) no-repeat 6px 6px;}
 
.visual_bg .m_wrap{height:100%;background: url(../../../images/ulearn/mobile/main/m_visual.png) no-repeat;background-position: 99% 100%;background-size: 44%;}
.visual_bg .m_wrap p{height:100%;background: url(../../../images/ulearn/mobile/main/m_visualtext.png) no-repeat;background-position: 10px 37px;background-size: 220px;font-size: 0;}
/*.app_link{color: #000;background:#e9ecf0;width: 90%;border-radius: 5px;float: right; }*/
.app_link{height:36px;font-size: 0;background:url(../../../images/ulearn/mobile/main/m_app.png) no-repeat;background-position: 99% 9px;background-size: 355px;position: relative; }
.app_link a {position: absolute;right: 8px;top: 13px;}

.m_btn ul {width: 100%;display: flex;flex-wrap:wrap;border:1px solid #d4dfec;border-bottom:0;box-sizing:border-box;}
.m_btn ul li{width: 50%;padding: 0!important;box-sizing:border-box;border-bottom:1px solid #d4dfec;}
.m_btn ul li a{display:flex;flex-direction: column;align-items: center;justify-content:center; gap:14px;color:#21324c;font-size:16px;font-weight:bold;box-sizing:border-box;height:120px}
.m_btn ul li a img{}
.m_btn ul li:nth-child(2){border-left:1px solid #d4dfec;}
.m_btn ul li:nth-child(3){}
.m_btn ul li:nth-child(4){border-left:1px solid #d4dfec;}
.m_btn ul li:nth-child(5){}
.m_btn ul li:nth-child(7){border-left:1px solid #d4dfec;}
.m_btn ul li:nth-child(8){}
.m_btn ul li:nth-child(9){border-left:1px solid #d4dfec;}


.m-searchbox-bg-wrap{
	background-color:#eeede0;
	height:57px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.mm-notice_wrap{padding:16px 12px 20px;max-width:420px;margin:0 auto;}
.mm-notice_wrap .title_wrap{display:flex;justify-content:space-between;height:42px;align-items:center;border-bottom:1px solid #dddddd;margin-bottom:8px;}
.mm-notice_wrap .title_wrap .notice-title{font-size:18px;color:#474646;font-weight:600;}
.mm-notice_wrap .title_wrap .more_btn{width:22px;height:22px;border:1px solid #e8e8e8;border-radius:11px;color:#747474;text-align:center;}
.mm-notice_wrap .list_wrap{}
.mm-notice_wrap .list_wrap .list_item{}
.mm-notice_wrap .list_wrap .list_item .link{display:flex;justify-content:space-between;font-size:14px;height:28px;align-items:center;}
.mm-notice_wrap .list_wrap .list_item .link .list_item-title{color:#474646;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mm-notice_wrap .list_wrap .list_item .link .m-date{color:#8b8c8d;}