@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

/*
#header_2017				{width:100%; background:#fff; padding:13px; border-bottom:1px solid #eee; box-sizing:border-box; text-align:center; position:relative; z-index:99;}
#header_2017 a.logo			{display:inline-block; margin-top:4px;}
#header_2017 a.re_menu		{display:inline-block; position:absolute; z-index:100; top:18px; left:15px;}
#header_2017 a.re_login		{display:inline-block; position:absolute; z-index:100; top:13px; right:15px;}
*/

#header_2017				{display:flex; justify-content:space-between; align-items:center; height:60px;}
#header_2017 > div			{text-align:center;}
#header_2017 a				{display:inline-block; width:100%;}
#header_2017 img			{width:50%;}
/*#header_2017 .logo img		{height: 50px; width: 100%;}*/

div.left_bg	{width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:absolute; z-index:88; left:0;}

ul.left_menu						{width:80%; height:100%; background:#fff;}
ul.left_menu li.big_list			{border-bottom:1px solid #e5e5e5;}
ul.left_menu li.big_list a.depth01	{display:inline-block; width:100%; padding:22px 15px 18px 15px; box-sizing:border-box; font: normal 17px/18px "Nanum Barun Gothic", sans-serif; color:#555; background:url('/images/left_menu_1d.png') no-repeat 93% 51%; background-size:20px auto;}
ul.left_menu li.big_list a.on_01	{font: bold 17px/18px "Nanum Barun Gothic", sans-serif; color:#333; background:url('/images/left_menu_1don.png') no-repeat 93% 51%; background-size:20px auto;}
ul.left_menu li.big_list ul			{background:#f5f5f5}
ul.left_menu li.big_list ul li		{border-bottom:1px dashed #ddd;}
ul.left_menu li.big_list ul li:last-child {border:none;}
ul.left_menu li.big_list ul li a	{display:inline-block; width:100%; padding:12px 20px 10px 30px; box-sizing:border-box; font: normal 15px/18px "Nanum Barun Gothic", sans-serif; color:#777; background:url('/images/menu_list.jpg') no-repeat 15px 50%; background-size:8px auto;}
ul.left_menu li.big_list ul li a.on	{font: bold 15px/18px "Nanum Barun Gothic", sans-serif; color:#25285d; background:url('/images/menu_list_on.jpg') no-repeat 15px 50%; background-size:8px auto;}


#footer_2017							{width:100%; box-sizing:border-box; background:#e5e5e5; padding-bottom:28px; border-top:1px solid #BFBFBF;}
#footer_2017 .tel						{ padding:20px 17px 18px 5px; box-sizing:border-box; font: normal 16px/18px "Nanum Barun Gothic", sans-serif; color:#fff; }
#footer_2017 .tel_wrap					{display:flex; align-items:center; justify-content:space-around; background:#333;}
#footer_2017 .tel_wrap:after			{background-image: url("/images/icon_phone.png"); background-size:40px; display: inline-block; width:40px; height:40px; content:""; float: right;}
#footer_2017 .tel span					{display:inline-block; margin-right:5px; font: bold 16px/18px "Nanum Barun Gothic", sans-serif; color:#A7ABAE;}
#footer_2017 .tel a						{font: normal 16px/18px "Nanum Barun Gothic", sans-serif; color:#fff; }
#footer_2017 ul.foot					{overflow:hidden; margin:0 auto; width:269px; padding:23px 0 15px 0;}
#footer_2017 ul.foot li					{float:left; background:url('/images/foot_ul.png') no-repeat 100% 50%; background-size:3px auto; padding: 0 8px;}
#footer_2017 ul.foot li:last-child		{background:none;}
#footer_2017 ul.foot li	a				{font: normal 13px/19px "Nanum Barun Gothic", sans-serif; color:#aaa;}
#footer_2017 .copy						{width:100%; padding-top:28px; text-align:center; font: normal 13px/19px "Nanum Barun Gothic", sans-serif; color:#777;}


div.main_banner				{width:100%; position:relative; background:#333}
div.main_banner p.dot		{position:absolute; z-index:8; left:0px; bottom:10px; width:100%; text-align:center;}
div.main_banner p.dot a		{display:inline-block; width:12px; height:12px; border-radius:50%; background:#fff; margin:0 3px;}
div.main_banner p.dot a.on	{width:35px; height:12px; border-radius:35px; background:#090b23;}


ul.main_quick				{width:100%; background:#71bf45; padding:10px 0; overflow:hidden;}
ul.main_quick li			{float:left; width:33%; text-align:center; box-sizing:border-box;}
ul.main_quick li.center		{width:34%; border-left:1px solid #65ac3e; border-right:1px solid #65ac3e;}
ul.main_quick li a			{display:inline-block; padding-top:55px; font: normal 14px/19px "Nanum Barun Gothic", sans-serif; color:#fff}
ul.main_quick li a.tab01	{background:url('/images/q_tab01_new.png') no-repeat 50% 8px; background-size:38px auto;}
ul.main_quick li a.tab02	{background:url('/images/q_tab02.png') no-repeat 50% 8px; background-size:35px auto;}
ul.main_quick li a.tab03	{background:url('/images/q_tab03_new.png') no-repeat 50% 7px; background-size:42px auto;}


div.video_cont		{width:100%; background:#f5f5f5; padding:30px 15px 28px 15px; box-sizing:border-box;}



ul.tab_menu			{overflow:hidden; position: relative; width:100%; margin:0 auto; float:left; text-align: center; list-style: none; margin-bottom: 20px; }
ul.tab_menu li		{margin:0 4px; display: inline-block;}
ul.tab_menu li a	{display:inline-block; padding:6px 12px 4px 12px; border-radius:50px; border:1px solid #999; font: normal 16px/19px "Nanum Barun Gothic", sans-serif; color:#666}
ul.tab_menu li a.selected	{border: 1px solid #497f2a; background:#497f2a; color:#fff;}

.tab_cont						{width:100%; margin-top:20px;}
.tab_cont ul.m_video			{width:100%; overflow:hidden;}
.tab_cont ul.m_video li			{width:50%; float:left; box-sizing:border-box; padding:0 5px 0 0;}
.tab_cont ul.m_video li.p_l		{padding:0 0 0 5px;}
.tab_cont ul.m_video li p.video	{width:100%; padding:0px; margin:0px; background:#000;}
.tab_cont ul.m_video li p.video img	{display: block;}
.tab_cont ul.m_video li p.text	{margin-top:10px; width:95%; font: normal 15px/21px "Nanum Barun Gothic", sans-serif; color:#333; word-break:keep-all; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis}
.tab_cont p.more	{text-align:center;}
.tab_cont p.more a	{display:inline-block; margin-top:20px; padding:8px 25px 6px 25px; border:1px solid #999; font: normal 15px/18px "Nanum Barun Gothic", sans-serif; color:#666;}


div.list_cont		{width:100%; background:#fff; padding:30px 15px 35px 15px; box-sizing:border-box;}


ul.main_list				{width:100%; box-sizing:border-box;}
ul.main_list li				{width:100%; padding:10px 5px; box-sizing:border-box; overflow:hidden; border-bottom:1px dashed #ddd;}
ul.main_list li.tit			{border-bottom:2px solid #333; padding:0 5px; }
ul.main_list li.tit p.title	{float:left; font: bold 19px/21px "Nanum Barun Gothic", sans-serif; color:#333;}
ul.main_list li.tit p.more	{float:right;}

ul.main_list li p.list_tit		{float:left; width:62%; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}
ul.main_list li p.list_tit a	{width:100%; font: normal 16px/18px "Nanum Barun Gothic", sans-serif; color:#333; padding-left:12px; box-sizing:border-box; background:url('/images/main_uldot.png') no-repeat 0 50%; background-size:4px auto;}
ul.main_list li p.date			{float:right; width:38%; margin-top:2px; text-align:right; font: normal 15px/18px "Nanum Barun Gothic", sans-serif; color:#888;}

ul.q_icon				{width:100%; overflow:hidden; padding:25px 10px 23px 10px; box-sizing:border-box; background:#fff;text-align:center;}
ul.q_icon li			{float:left;width:25%;}
ul.q_icon li a			{display:inline-block; width:100%; padding-top:87px; text-align:center; font: normal 15px/18px "Nanum Barun Gothic", sans-serif; color:#888;}
ul.q_icon li a.icon_01	{background:url('/images/icon_01.png') no-repeat 50% 0; background-size:78px auto; letter-spacing:-0.5pt;}
ul.q_icon li a.icon_02	{background:url('/images/icon_02.png') no-repeat 50% 0; background-size:78px auto;}
ul.q_icon li a.icon_03	{background:url('/images/icon_03.png') no-repeat 50% 0; background-size:78px auto;}
ul.q_icon li a.icon_04	{background:url('/images/icon_04.png') no-repeat 50% 0; background-size:78px auto;}
ul.q_icon li a.icon_05	{background:url('/images/icon_05.png') no-repeat 50% 0; background-size:78px auto;}


/*
ul.q_icon li a			{display:inline-block; width:100%; padding-top:87px; text-align:center; font: normal 15px/18px "Nanum Barun Gothic", sans-serif; color:#888;}
ul.q_icon li a.icon_01	{background:url('/images/icon_01.png') no-repeat 50% 0; background-size:78px auto; letter-spacing:-0.5pt;}
ul.q_icon li a.icon_02	{background:url('/images/icon_02.png') no-repeat 50% 0; background-size:78px auto;}
ul.q_icon li a.icon_03	{background:url('/images/icon_03.png') no-repeat 50% 0; background-size:78px auto;}
ul.q_icon li a.icon_04	{background:url('/images/icon_04.png') no-repeat 50% 0; background-size:78px auto;}
ul.q_icon li a.icon_05	{background:url('/images/icon_05.png') no-repeat 50% 0; background-size:78px auto;}
*/

ul.q_iconn				{width:100%; overflow:hidden; padding:25px 10px 23px 10px; box-sizing:border-box; background:#fff;}
ul.q_iconn li			{float:left; width:20%;}
ul.q_iconn li a			{display:inline-block; width:100%; padding-top:87px; text-align:center; font: normal 15px/18px "Nanum Barun Gothic", sans-serif; color:#888;}
ul.q_iconn li a.icon_01	{background:url('/images/icon_01.png') no-repeat 50% 0; background-size:63px auto; letter-spacing:-0.5pt;}
ul.q_iconn li a.icon_02	{background:url('/images/icon_02.png') no-repeat 50% 0; background-size:63px auto;}
ul.q_iconn li a.icon_03	{background:url('/images/icon_03.png') no-repeat 50% 0; background-size:63px auto;}
ul.q_iconn li a.icon_04	{background:url('/images/icon_04.png') no-repeat 50% 0; background-size:63px auto;}
ul.q_iconn li a.icon_05	{background:url('/images/icon_05.png') no-repeat 50% 0; background-size:63px auto;}
ul.q_iconn li a.icon_01:hover	{background:url('/images/icon_01_on.png') no-repeat 50% 0; background-size:63px auto; letter-spacing:-0.5pt;}
ul.q_iconn li a.icon_02:hover	{background:url('/images/icon_02_on.png') no-repeat 50% 0; background-size:63px auto; }
ul.q_iconn li a.icon_03:hover	{background:url('/images/icon_03_on.png') no-repeat 50% 0; background-size:63px auto; }
ul.q_iconn li a.icon_04:hover	{background:url('/images/icon_04_on.png') no-repeat 50% 0; background-size:63px auto; }
ul.q_iconn li a.icon_05:hover	{background:url('/images/icon_05_on.png') no-repeat 50% 0; background-size:63px auto; }

ul.q_iconnn				{width:100%; overflow:hidden; padding:25px 10px 23px 10px; box-sizing:border-box; background:#fff;text-align:center;}
ul.q_iconnn li			{float:left;width:33%;}
ul.q_iconnn li a			{display:inline-block; width:100%; padding-top:87px; text-align:center; font: normal 15px/18px "Nanum Barun Gothic", sans-serif; color:#888;}
ul.q_iconnn li a.icon_01	{background:url('/images/icon_01.png') no-repeat 50% 0; background-size:78px auto; letter-spacing:-0.5pt;}
ul.q_iconnn li a.icon_02	{background:url('/images/icon_02.png') no-repeat 50% 0; background-size:78px auto;}
ul.q_iconnn li a.icon_03	{background:url('/images/icon_03.png') no-repeat 50% 0; background-size:78px auto;}
ul.q_iconnn li a.icon_04	{background:url('/images/icon_04.png') no-repeat 50% 0; background-size:78px auto;}