@charset "utf-8";
/* CSS Document */

/* header */
#header { width:100%; margin:30px 0 15px 0; }
.container { width:1024px; margin:0 auto; }
.row { }

.header { position:relative; }
.logo { text-align:center; }
.logo h1 { }
.logo h1 img { width:280px; height:63px; }
.logo h1 a { }
.menuicon { display:none; }
.close { display:none; }

.left { position:absolute; top:0; left:0; padding:18px 0 0 1%; }
.left h2 { width:202px; }
.left h2 img { }
.left h2 a { width:100%; }

.right { position:absolute; top:0; right:0; padding:40px 1% 0 0; }
.right ul { height:22px; text-align:right; }
.right ul li { display:inline; }
.right ul li img { width:27px}
	
.tline { width:100%; height:4px; background-color:#20b0d3; }
.tline_m { width:1024px; height:4px; background-color:#7a7a7a; margin:0 auto; }

#nav { }
#nav .navtop { display:none; }
.nav ul { width:100%; overflow:hidden; margin:15px 0; }
.nav ul li { position:relative; width:20%; float:left; text-align:center; font-weight:bold; font-size:16px; }
.nav ul li:before { content:""; position:absolute; top:5px; left:0; width:1px; height:12px; background:#ccc; }
.nav ul li:first-child:before { display:none; }
.nav ul li a { padding:10px 20px; }

#sps { }
#sps .sps { padding-top:10px; }
#sps .m_sps { display:none; margin-top:10px; }

#ict {}
#ict .ict { padding-top:15px; }
#ict .m_ict { display:none; margin-top:2%; }

#section { margin-bottom:10px; }
#trend { }
.trend { }
.tit_trend { position:relative; width:100%; height:40px; background-color:#1f429e; background-image:url(../img/tit_bg.png); border-radius:20px;margin-bottom:10px; }
.tit_trend h3 { font-size:18px; color:#fff; padding-left:20px; padding-top:7px; }
.tit_trend span { position:absolute; right:10px; top:-12px; font-size:40px; color:#fff; }
.list_trend ul { overflow:hidden; margin:10px 15px; }
.list_trend ul li { width:24%; float:left; padding:0 0.5%; }
.list_trend ul li a { }
.list_trend ul li p { text-align:center; font-weight:bold; padding:5px 0 10px 0; }
.list_trend ul li img { width:100%; }

#news { }
.news { }
.tit_news { position:relative; width:100%; height:40px; background-color:#187086; background-image:url(../img/tit_bg.png); border-radius:20px;margin-bottom:10px; }
.tit_news h3 { font-size:18px; color:#fff; padding-left:20px; padding-top:7px; }
.tit_news span { position:absolute; right:10px; top:-12px; font-size:40px; color:#fff; }
.list_news { }
.list_news ul { overflow:hidden; margin:10px 15px; }
.list_news ul li { width:24%; float:left; padding:0 0.5%; }
.list_news ul li p { text-align:center; font-weight:bold; padding:5px 0 10px 0; letter-spacing:-0.5px; }
.list_news ul li img { width:100%; }

#visit { float:left; width:52%; }
.visit { }
.tit_visit { position:relative; width:100%; height:40px; background-color:#7c7c7c; background-image:url(../img/tit_bg.png); border-radius:20px;margin-bottom:10px; }
.tit_visit h3 { font-size:18px; color:#fff; padding-left:20px; padding-top:7px; }
.tit_visit span { position:absolute; right:10px; top:-12px; font-size:40px; color:#fff; }
.list_visit ul { overflow:hidden; margin:10px 15px; }
.list_visit ul li { width:48%; float:left; padding:0 1%; }
.list_visit ul li a { }
.list_visit ul li p { text-align:center; font-weight:bold; padding:5px 0 10px 0; }
.list_visit ul li img { width:100%; }


#lineword { float:left; width:45%; margin-left:3%; margin-top:20px; }
.lineword { position:relative; }
.tit_lw { display:none; }
.lw_list { padding-top:35px; width:66%; margin-bottom:40px; }
.lw_list ul { }
.lw_list ul li { background:url(../img/bullet.gif) 0 12px; background-repeat:no-repeat; padding:6px 0 7px 15px; border-bottom:dotted 1px #ccc; }
.lw_list ul li:last-child { background:url(../img/bullet.gif) 0 10px; background-repeat:no-repeat; padding:7px 0 7px 15px; border-bottom:dotted 1px #ccc; }
.lw_list ul li a { letter-spacing:-1.5px; }
.lw_list ul li:last-child a { letter-spacing:-0.5px; }
.lw_img { }
.lw_img a { }
.lw_img img { width:160px; height:202px; background-color:#999; display:block; position:absolute; right:0; top:0; }


#footer { clear:both; background-color:#ebebeb; padding-bottom:20px; }
#footer .bline { }
#footer .bline .bl_t { height:4px; background-color:#797979; }
#footer .bline .bl_m { height:1px; background-color:#fff; }
#footer .bline .bl_b { height:3px; background-color:#dedede; }
address p { font-size:13px; letter-spacing:-1px; color:#737373; text-align:center; line-height:18px; }
address .txt1 { padding:15px 25px 5px; word-break:keep-all; }
address .txt2 { padding:5px 25px 5px; word-break:keep-all; }
address span { color:#666; font-weight:bold; }

.topbtn { width:100%; bottom:0; position:fixed; }
.topbtn p { margin:0 auto; position:relative; max-width:990px; }
.topbtn p a { right:-9999px; bottom:20px; display:inline-block; position:absolute; }
.topbtn p a img { width:42px; }
.topbtn { display:none; }

/* 대체 텍스트 */
.ir_wa { display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height:100% }

/* 서브*/
#s_vol { display:none; }
.stitle { display:none; }

/* 기획특집 */
#sub_wrap .tit_sub01 { position:relative; margin:10px auto; width:99%; height:50px; background-color:#a41d19; background-image:url(../img/tit_bg.png); border:3px #fff solid; border-radius:28px; box-sizing:border-box; box-shadow:0 3px 2px 2px #ddd ; margin-bottom:10px; }
#sub_wrap .tit_sub01 h3 { font-size:20px; color:#fff; padding-left:20px; padding-top:8px; }

#sub_wrap .img_sub01 { position:relative; border-bottom:1px dotted #999; }
#sub_wrap .img_sub01 p { position:absolute; left:50px; top:20px; font-size:36px; color:#527ea5; letter-spacing:-0.05em; }
#sub_wrap .img_sub01 .t_1 { position:absolute; left:65px; top:57px; font-size:30px; color:#bfd3f6; letter-spacing:-0.03em; }
#sub_wrap .img_sub01 .t_2 { position:absolute; left:370px; top:69px; font-size:18px; color:#4e76a7; letter-spacing:-0.05em; }

/* ICT 트렌드 */
#sub_wrap .tit_sub02 { position:relative; margin:10px auto; width:99%; height:50px; background-color:#187086; background-image:url(../img/tit_bg.png); border:3px #fff solid; border-radius:28px; box-sizing:border-box; box-shadow:0 3px 2px 2px #ddd ; margin-bottom:10px; }
#sub_wrap .tit_sub02 h3 { font-size:20px; color:#fff; padding-left:20px; padding-top:8px; }

.content { margin:30px 30px 50px 30px; text-align:justify; }
.content .t_s01{ display:none;}
.content .st_s01{ display:none;}
.content .c_s01 span { display:inline-block; }
.content .ttxt_1 { color:#5a5c90; letter-spacing:-0.03em; font-weight:bold; font-size:110%; line-height:160%; }
.content .ttxt_2 { font-size:115%; font-weight:bold; color:#188599; text-decoration:underline; margin-bottom:5px; }
.content .txt_1 { color:#666; letter-spacing:-0.05em; font-size:110%; font-weight:bold; line-height:160%; }
.content .txt_2 { color:#188599; letter-spacing:-0.05em; font-size:105%; font-weight:bold; line-height:160%; }
.t_dl { font-size:98%;}
.t_dl2 a { font-weight:bold; font-style:italic; line-height:180%; color:#5a5c90; text-decoration:underline;}

#sub_wrap .img_sub02 { position:relative; border-bottom:1px dotted #999; }
#sub_wrap .img_sub02 p { position:absolute; left:50px; top:20px; font-size:36px; color:#527ea5; letter-spacing:-0.05em; }
#sub_wrap .img_sub02 .t_1 { position:absolute; left:65px; top:57px; font-size:30px; color:#bfd3f6; letter-spacing:-0.03em; }
#sub_wrap .img_sub02 .t_2 { position:absolute; left:370px; top:69px; font-size:18px; color:#4e76a7; letter-spacing:-0.05em; }

/* 기관동향 - 이미지1개
#sub_wrap .tit_sub03 { position:relative; margin:10px auto; width:99%; height:50px; background-color:#1f429e; background-image:url(../img/tit_bg.png); border:3px #fff solid; border-radius:28px; box-sizing:border-box; box-shadow:0 3px 2px 2px #ddd ; margin-bottom:10px; }
#sub_wrap .tit_sub03 h3 { font-size:20px; color:#fff; padding-left:20px; padding-top:8px; }
#img_right{ display:inline-block; width:100%; }
#img_right ul { position:relative; float:left; }
#img_right ul li:nth-child(1) { width:62%; font-size:400%; font-weight:bold; color:#6cc0d6; }
#img_right ul li:nth-child(2) { width:62%; font-size:150%; font-weight:bold; color:#5dabc6; letter-spacing:-0.07em;}
#img_right ul li:nth-child(3) { width:62%; font-size:100%; font-weight:bold; color:#777; margin-bottom:20px;}
#img_right ul li:nth-child(4) { width:62%; font-size:104%; text-align:justify; }
#img_right ul li:nth-child(5) { position:absolute; bottom:0; right:0; width:35%; }

#img_left{ display:inline-block; width:100%; }
#img_left ul { position:relative; float:right; }
#img_left ul li:nth-child(1) { width:100%; font-size:400%; font-weight:bold; color:#677cf8; text-align:right; }
#img_left ul li:nth-child(2) { width:100%; font-size:150%; font-weight:bold; color:#676fb4; letter-spacing:-0.07em; text-align:right; }
#img_left ul li:nth-child(3) { width:100%; font-size:100%; font-weight:bold; color:#777; margin-bottom:20px; text-align:right; }
#img_left ul li:nth-child(4) { width:62%; font-size:104%; float:right; text-align:justify; }
#img_left ul li:nth-child(5) { position:absolute; bottom:0; left:0; width:35%; }
.mline{width:100%; height:7px; float:left; border-top: dotted 1px ; border-color:#999; margin-top:30px; margin-bottom:10px; }
 */
 
/* 기관동향-이미지2개 */
#sub_wrap .tit_sub03 { position:relative; margin:10px auto; width:99%; height:50px; background-color:#1f429e; background-image:url(../img/tit_bg.png); border:3px #fff solid; border-radius:28px; box-sizing:border-box; box-shadow:0 3px 2px 2px #ddd ; margin-bottom:10px; }
#sub_wrap .tit_sub03 h3 { font-size:20px; color:#fff; padding-left:20px; padding-top:8px; }
#img_right{ display:inline-block; width:100%; }
#img_right ul { position:relative; float:left; }
#img_right ul li:nth-child(1) { width:49%; font-size:400%; font-weight:bold; color:#6cc0d6; margin-bottom:10px; }
#img_right ul li:nth-child(2) { width:49%; font-size:150%; font-weight:bold; color:#5dabc6; letter-spacing:-0.07em; margin-bottom:5px; }
#img_right ul li:nth-child(3) { width:49%; font-size:100%; font-weight:bold; color:#777; margin-bottom:20px; }
#img_right ul li:nth-child(4) { width:100%; font-size:104%; text-align:justify; }
#img_right ul li:nth-child(5) { position:absolute; top:0; right:26%; width:25%; }
#img_right ul li:nth-child(6) { position:absolute; top:0; right:0; width:25%; }

#img_left{ display:inline-block; width:100%; }
#img_left ul { position:relative; float:right; }
#img_left ul li:nth-child(1) { width:100%; font-size:400%; font-weight:bold; color:#677cf8; text-align:right; margin-bottom:10px; }
#img_left ul li:nth-child(2) { width:100%; font-size:150%; font-weight:bold; color:#676fb4; letter-spacing:-0.07em; text-align:right; margin-bottom:5px; }
#img_left ul li:nth-child(3) { width:100%; font-size:100%; font-weight:bold; color:#777; margin-bottom:20px; text-align:right; }
#img_left ul li:nth-child(4) { width:100%; font-size:104%; float:right; text-align:justify; }
#img_left ul li:nth-child(5) { position:absolute; top:0; left:0; width:25%; }
#img_left ul li:nth-child(6) { position:absolute; top:0; left:26%; width:25%; }
.mline{width:100%; height:7px; float:left; border-top: dotted 1px ; border-color:#999; margin-top:30px; margin-bottom:10px; }

	
/* 방문소식 */
#sub_wrap .tit_sub04 { position:relative; margin:10px auto; width:99%; height:50px; background-color:#8b8e47; background-image:url(../img/tit_bg.png); border:3px #fff solid; border-radius:28px; box-sizing:border-box; box-shadow:0 3px 2px 2px #ddd ; margin-bottom:10px; }
#sub_wrap .tit_sub04 h3 { font-size:20px; color:#fff; padding-left:20px; padding-top:8px; }
.c_s04 { padding-top:10px; }
#learn_n ul {float:left; width:47%; margin-left:1.5%; margin-right:1.5%; margin-bottom:30px; }
.lstitle{font-size:105%; font-weight:bold; color:#666; margin:10px 0; text-align:center; line-height:1.5em; }

/* 한줄소식 */
#sub_wrap .tit_sub05 { position:relative; margin:10px auto; width:99%; height:50px; background-color:#a68456; background-image:url(../img/tit_bg.png); border:3px #fff solid; border-radius:28px; box-sizing:border-box; box-shadow:0 3px 2px 2px #ddd ; margin-bottom:10px; }
#sub_wrap .tit_sub05 h3 { font-size:20px; color:#fff; padding-left:20px; padding-top:8px; }
#o_tbox ul li:nth-child(1) { font-size:120%; font-weight:bold; margin-bottom:15px; }
#o_tbox ul li:nth-child(2) { font-size:110%; line-height:135%; letter-spacing:-0.03em; text-align:justify; margin:0 17px 15px 17px;  }
#o_tbox ul li:nth-child(3) { font-size:105%; font-weight:bold; color:#666; margin:0 17px; }

.mb_20 { margin-bottom:20px; }
.mb_30 { margin-bottom:30px; }


/* mail */
#mail_wrap { width:100%; margin:0 auto;  }
.mail { width:660px; margin:0 auto; margin-bottom:30px;}
.mail h1 { text-align:center;  }

@media all and (max-width:1040px)
{
.container { width:100%; }
.row { margin:0 15px; }
.tline_m { width:100%; }
#lineword { margin-top:0; }
.tit_lw { display:block; position:relative; width:100%; height:40px; background-color:#a68456; background-image:url(../img/tit_bg.png); border-radius:20px;margin-bottom:10px; }
.tit_lw h3 { font-size:20px; color:#fff; padding-left:20px; padding-top:5px; }
.tit_lw span { position:absolute; right:10px; top:-12px; font-size:40px; font-weight:bold; color:#fff; }
.lw_list { width:95%; padding-top:10px; }
.lw_list ul { padding-left:5%; }
.lw_img { display:none; }

/* 서브 */
#sub_wrap .img_sub01 img { width:100%; height:100%; }
#sub_wrap .img_sub02 img { width:100%; height:100%; }
}

@media all and (max-width:960px)
{
/* 서브 */
#sub_wrap .img_sub01 p { top:20px; font-size:30px; }
#sub_wrap .img_sub01 .t_1 { left:63px; top:55px; font-size:24px; }
#sub_wrap .img_sub01 .t_2 { left:310px; top:64px; font-size:15px; }

#sub_wrap .tit_sub01 { width:100%; }
#sub_wrap .tit_sub02 { width:100%; }
#sub_wrap .tit_sub03 { width:100%; }
#sub_wrap .tit_sub04 { width:100%; }
#sub_wrap .tit_sub05 { width:100%; }

#img_right ul li:nth-child(1) { font-size:320%; }
#img_right ul li:nth-child(2) { font-size:130%; }

#img_left ul li:nth-child(1) { font-size:320%; }
#img_left ul li:nth-child(2) { font-size:130%; }


}

@media all and (max-width:880px)
{
/* 서브 */
#sub_wrap .img_sub01 p { top:20px; font-size:26px; }
#sub_wrap .img_sub01 .t_1 { left:61px; top:50px; font-size:22px; }
#sub_wrap .img_sub01 .t_2 { left:280px; top:59px; font-size:13px; }

/* 기관동향 */
#img_right ul li:nth-child(1) { width:100%; }
#img_right ul li:nth-child(2) { width:100%; }
#img_right ul li:nth-child(3) { width:100%; }
#img_right ul li:nth-child(4) { width:100%; margin-bottom:20px; }
#img_right ul li:nth-child(5) { width:100%; position:static; }
#img_right ul li:nth-child(6) { width:100%; position:static; }

#img_left ul li:nth-child(1) { width:100%; text-align:left; }
#img_left ul li:nth-child(2) { width:100%; text-align:left; }
#img_left ul li:nth-child(3) { width:100%; text-align:left; }
#img_left ul li:nth-child(4) { width:100%; margin-bottom:20px; }
#img_left ul li:nth-child(5) { width:100%; position:static; }
#img_left ul li:nth-child(6) { width:100%; position:static; }
}

@media all and (max-width:768px)
{
.menuicon { display:block; position:absolute; margin-top:29px; }
.menuicon img { width:30px; height:28px; }
.left { display:none; }
a.close { background: url(../img/close.png) no-repeat center / 15px  rgb(93, 171, 198); padding: 12px 20px; top: 0px; right: 0px; text-indent: -9999px; display: inline-block; position: absolute; }

#nav { display:none; left:0; top:0; width:100%; height:100vh; position:absolute; z-index:1000; background-color:rgba(6, 23, 37, .7); }
#nav .navtop { display:block; background:rgb(27,72,112); width:250px; position:relative; height:42px; margin-top:15px; margin-left:-15px; }
#nav .navtop h2 { padding:10px; font-size:17px; font-weight:bold; }
#nav .navtop h2 a { color:#fff; }
.nav ul { width:250px; overflow:hidden; margin:0 0 0 -15px; background-color:#fff; }
.nav ul li { position:relative; width:100%; background:url(../img/navbg.png) no-repeat 226px / 9px 16px; text-align:left; font-size:16px; padding:12px 5px 12px 12px; border-bottom:1px #d9d9d9 solid; box-sizing:border-box; }
.nav ul li a:hover { color:#333; }
.nav ul li:before { display:none; }

#sps .sps { display:none; }
#sps .m_sps { display:block; }

#ict .ict { display:none; }
#ict .m_ict { display:block; }

.list_trend  ul li { width:32.333%; }
.list_trend  ul li:last-child { display:none; }
.list_news ul li { width:32.333%; }
.list_news ul li:last-child { display:none; }

.topbtn p {	padding:0 10px; width:auto; min-width:300px; }
.topbtn p a { right:20px; bottom:10px; }
.topbtn { display:block; }

/* 서브 */
#s_vol { width:100%; background:url(../img/s_vol_bg.jpg) repeat-x; display:inline-block; }
#s_vol  ul { margin:0 auto; width:96%; height:36px;}
#s_vol  ul li { font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; padding-top:10px; letter-spacing:-0.03em; }
#s_vol  ul li:first-child { float:left; color:#797979; }
#s_vol  ul li:last-child { float:right; color:#43698a; }
#s_vol  ul li:last-child span { color:#5dabc6;}
.stitle { width:100%; font-size:17px; font-weight:bold;color:#195486;float:left; margin-top:0px;  padding:8px 10px 12px 10px; margin-bottom:15px; display:inline-block; border-bottom: 1px dotted #999; box-sizing:border-box; }
.stitle img { width:17px; height:17px; }
.stitle span { top:-5px; left:5px; }
.tit_sub01 { display:none; }
.tit_sub02 { display:none; }
.tit_sub03 { display:none; }
.tit_sub04 { display:none; }
.tit_sub05 { display:none; }

#sub_wrap { clear:both; }
#sub_wrap .img_sub01 { display:none; }
#sub_wrap .img_sub02 { display:none; }
.content { margin:10px 10px 30px 10px; }
.content .t_s01 { display:block; font-size:120%; font-weight:bold; color:#517ea6; letter-spacing:-0.04em; margin-bottom:5px;}
.content .st_s01 { display:block; font-size:100%; font-weight:bold; color:#5dabc6; margin-bottom:15px; letter-spacing:-0.01em; }

.content .c_s02 { width:516px; margin:0 auto; padding-top:20px; }


/* 혜안뉴스 */
#insight ul > li:nth-child(1) { width:100%; font-size:320%; }
#insight ul > li:nth-child(2) { width:100%; font-size:130%; }
#insight ul > li:nth-child(3) { width:100%; font-size:104%; }
#insight ul > li:nth-child(4) { width:100%; float:left; }
#insight ul > li:nth-child(4) img  { width:48%; margin:0 1%; }

#insight_f ul > li:nth-child(1) { width:100%; font-size:320%; }
#insight_f ul > li:nth-child(2) { width:100%; font-size:130%; }
#insight_f ul > li:nth-child(3) { width:100%; font-size:104%; }
#insight_f ul > li:nth-child(4) img { width:48%;  margin:0 1% 1% 1%; }


}

@media all and (max-width:600px)
{
#header { margin:20px 0 7px 0; }
.logo h1 img { width:220px; height:auto; }
.menuicon { margin-top:19px; }
.right { display:none; }
.tit_trend, .tit_news, .tit_visit, .tit_lw { height:36px; border-radius:18px; }
.tit_trend h3, .tit_news h3, .tit_visit h3, .tit_lw h3 { font-size:18px; }
.tit_trend span, .tit_news span, .tit_visit span, .tit_lw span { top:-11px; font-size:36px; }
/*.tit_trend h3 img { background:url(../img/mo_t01_1.jpg); }*/	
.list_trend  ul li { width:48%; padding:0 1%; }
.list_trend  ul li:nth-child(3) { display:none; }
.list_news ul li { width:48%; padding:0 1%; }
.list_news ul li:nth-child(3) { display:none; }
.list_visit ul li { width:48%; padding:0 1%; }
#visit { width:100%; }
#lineword { clear:both; width:100%; margin-left:0; margin-top:0; margin-bottom:20px; }
address p { font-size:12px; }

/* 서브 */
.content .c_s02 { width:96%; }

/* 방문소식 */
#sub_wrap .tit_sub04 { width:100%; }
#learn_n ul { clear:both; width:97%; }
.lstitle{font-size:105%; font-weight:bold; color:#666; margin-bottom:10px; text-align:center; line-height:1.5em; }


}

@media all and (max-width:480px)
{
.content { margin:0 0 20px 0; }

#img_left ul li:nth-child(4) { font-size:100%; }
#img_rignt ul li:nth-child(4) { font-size:100%; }

/* 혜안뉴스 */
#insight ul > li:nth-child(4) { clear:both; width:98%; margin:0 1%; }
#insight ul > li:nth-child(4) img { width:100%; margin-bottom:10px; }

#insight_f ul > li:nth-child(4) img { width:98%;  margin:0 1%; }
#insight_f ul > li:nth-child(4) img { margin-bottom:10px; }

}

@media all and (max-width:320px)
{
#header { margin:15px 0 7px 0; }
.logo h1 img { width:180px; height:auto; }
.menuicon { margin-top:13px; }
.tit_trend, .tit_news, .tit_visit, .tit_lw { height:30px; border-radius:15px; }
.tit_trend h3, .tit_news h3, .tit_visit h3, .tit_lw h3 { font-size:16px; padding-top:4px; }
.tit_trend span, .tit_news span, .tit_visit span, .tit_lw span { top:-10px; font-size:30px; }
.list_trend ul li p, .list_news ul li p, .list_visit ul li p, .lw_list ul li a { font-size:11px; }
address .txt1, address .txt2 { font-size:11px; }

}