@charset "UTF-8"; 

/********************************
 제목
 *******************************/
 h2 {margin-top:40px; margin-bottom:10px; clear: both; display: block;}
 h2:first-child {margin-top:0;}
 h3 {margin-top:24px; margin-bottom:6px;}
 .tit_h2 {position:relative; padding-left:30px; font-size:2.2rem; font-weight:700; color:#121212;}
 .tit_h2:before {content:''; display:block; position:absolute; top:10px; left:0; width:19px; height:19px; background:url(../images/sub/sub_ir.png) -51px 0  no-repeat;}
 
 .tit_h3 {position:relative; padding-left:20px; font-size:1.8rem; font-weight:500; color:#02347f;}
 .tit_h3:before {content:''; display:block; position:absolute; top:4px; left:0; width:19px; height:19px; background:url(../images/sub/sub_ir.png) -76px 0 no-repeat;}
 .tit_h3.nogap {margin-top:5px;} /*h2 바로다음 사용시*/
 .mt30	{margin-top:35px; }


/********************************
 sub 공통
 *******************************/
 .page_txt      {font-size: 1.1em; line-height: 150%; word-break: keep-all; padding:0 30px}
 .page_img      { text-align: center;}
 ul.page_img2   { margin:0 2% 50px;}
 ul.page_img2::after {display:block; clear:both; content:'';}
 ul.page_img2 li 	 { float: left; width:48%;margin:0 10px 10px; }
 ul.page_img2 li h3  { font-size:1.8rem; font-weight:500; color:#02347f;}

 div.con_txt_box    { border: 1px solid #ddd; background-color: #f3f3f3; text-align: center; padding: 15px 0; font-size: 1.2em; }

 ul.list_txt1		{margin:5px 0 0 40px;}
 ul.list_txt1 li 	{ position: relative; line-height:170%;list-style: none !important; font-size: 1.1em; }
 ul.list_txt1 li:before 	{ position: absolute; content: ''; top: 13px; left:-15px; width:4px; height: 4px; background-color: #555;}

 ul.list_txt2       {margin:25px 0 0 10px;}
 ul.list_txt2 li    {line-height:170%;font-size: 1.1em; position: relative; padding-left:30px; padding-bottom:10px;}
 ul.list_txt2 li span 		  { position: absolute; content: ''; top:3px; left:0; line-height:170%; font-size: 0.875em; display:block; padding:0 8px;background-color:#02347f ; color: #fff;}
 ul.list_txt2 li ul li        { position: relative; list-style: none !important; font-size: 0.95em;  } 
 ul.list_txt2 li ul li:before { position: absolute; content: ''; top: 13px; left:15px; width:4px; height: 4px; background-color: #555;}

   /*모바일 해상도*/
 @media screen and (max-width:1100px) {
   .page_img img  		{ width:100% !important}
   ul.page_img2 li 		{ float: none; width:96%;margin:0 2% 10px; }
   ul.page_img2 li img 	{width:100% !important}
 }


.tbl_base td a.page_link{position:relative; color:#222; background: #f5f5f5; padding: 0.5rem 1rem 0.5rem 60px;border-radius: 100px; display: block; text-align: left;transition: all 0.6s;}
.tbl_base td a.page_link::before    { position: absolute; content: ''; top:5px; left: 20px;  width:19px; height:19px; background:url(../images/sub/sub_ir.png) -3px 0 no-repeat;}
.tbl_base td a.page_link:not(:first-child)  {margin-top: 0.5rem;}
.tbl_base td a.page_link:hover              {background: #0069d4; color: #fff;}
.tbl_base td a.page_link:hover::before      { position: absolute; content: ''; top:5px; left: 20px;  width:19px; height:19px; background:url(../images/sub/sub_ir.png) -146px 0 no-repeat;}

 
/********************************
 재단소개
 *******************************/
   /*인사말*/
.about_page01  { }
.about_page01 p.tt         { padding:40px 0; position: relative; font-size: 2em;font-family: 'GSK'; font-weight: 400; color:#000;text-align: center; word-break: keep-all;} 
.about_page01 p.tt::before {display:block;content:"";width:36px;height:27px;background:url(../images/sub/greeting_spr.png) no-repeat;position:absolute}
.about_page01 p.tt::before {top:20px;left:10%}
.about_page01 p.tt::after  {display:block;content:"";width:36px;height:27px;background:url(../images/sub/greeting_spr.png) no-repeat;position:absolute;background-position:-38px 0}
.about_page01 p.tt:after   {top:20px;right:10%} 
.about_page01 p.txt1       { padding:30px 60px; font-size: 1.3em; line-height: 150%; word-break: keep-all;}
.about_page01 p.txt2       { padding:20px; font-size: 1.4em; line-height: 150%; color:#333; text-align: right;}

 
 @media screen and (max-width:1200px) {
    .about_page01 p.tt		  { padding:40px 20px;} 
    .about_page01 p.tt::before,.about_page01 p.tt::after {background:none;}
    .about_page01 p.txt1      { padding:30px; font-size: 1.3em; line-height: 150%; word-break: keep-all;}
}

   /*일반현황*/
.about_page02 		{position:relative;background:url(../images/sub/about_page02_img1.jpg) no-repeat center bottom;color:#fff;text-align:center;min-height:366px;margin-bottom:40px;margin-top:104px;}
.about_page02 .tit 	{position:absolute;z-index:100;width:100%;}
.about_page02 h4 	{font-size:1.125em;font-weight:400;padding-top:80px;border-bottom:2px solid #fff;padding-bottom:8px;display:inline-block;margin-bottom:22px;}
.about_page02 h4:before {content:"";display:block;position:absolute;left:50%;top:-55px;width:95px;height:105px;background:url(../images/sub/sub_icon.png) no-repeat 0 0;margin-left:-45px;}
.about_page02 p 	{font-size:1.250em;font-weight:300;line-height:1.2;}

.about_page02_bg      	{ position: relative;}
.about_page02_bg:after	{ position: absolute; content: ''; background: url(../images/sub/vision_bg.png) no-repeat; top:120px; left: 40%; width:400px; height: 346px; z-index: -1;}
.about_page02_2        	{position:relative;padding:20px 0px 100px 170px}
.about_page02_2:after  	{display:block; clear:both; content:'';}
.about_page02_2 .ico 	{position:absolute;left:25px;top:0;width:98px;height:114px;background:url(../images/sub/sub_icon.png) no-repeat; background-position:-98px -255px ; text-align: center;}
.about_page02_2 .ico::before   { position: absolute; content: ''; width:20px; height: 1px; background-color: #666; top:56px; left: 112px;}
.about_page02_2 .ico h4        { color:#fff; padding-top:47%; font-size: 1.1em;} 
.about_page02_box              { text-align: center; padding: 20px 0; font-size: 1.4em; border-radius: 10px;
  border:#0f4591 solid 1px; border-left:#0c3c7f solid 1px; border-right:#0c3c7f solid 1px; border-bottom:#072d62 solid 1px; 
  box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.07);
  background:#fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f8f4);
  background:-webkit-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
  background:-moz-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
  background:-ms-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
  background:-o-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
  background:linear-gradient(top, #ffffff 0%, #f9f8f4 100%); }

.about_page02_list 		{position:relative;padding:20px 0px 100px 0}
.about_page02_list li 	{ float: left; width:25%; text-align: center;}
.about_page02_list div{position:relative; padding:0; font-size: 1.4em; border-radius: 10px; margin:0 2%;
  border:#e8e7e2 solid 1px; border-left:#e2e1dc solid 1px; border-right:#e2e1dc solid 1px; border-bottom:#b5b4b0 solid 1px; 
  box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.07);
  background:#fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f8f4);
  background:-webkit-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
  background:-moz-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
  background:-ms-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
  background:-o-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
  background:linear-gradient(top, #ffffff 0%, #f9f8f4 100%);}
.about_page02_list div:after       {display:block; clear:both; content:'';}
.about_page02_list div span.num    { display: block; width:30px; height: 30px; line-height: 30px;background:#0c3c7f; color: #fff; font-size: 0.875em; text-align: center;}
.about_page02_list div p.tt        { padding: 20px; border-bottom: 1px dashed #ddd; word-break: keep-all; color:#0c3c7f}
.about_page02_list li ul           { padding:20px 0; height:170px}
.about_page02_list li ul li        { position:relative;float: none; width:100%; text-align: left; padding:0 10px 5px 25px; font-size: 0.8em; line-height: 120%; word-break: keep-all; color:#555}
.about_page02_list li ul li::after { position: absolute; content: ''; top:6px; left: 15px; width:4px; height: 4px; background: #666;} 

   /*모바일 해상도*/
 @media screen and (max-width:120px) {
    .about_page02_list div p.tt        { height:100px}
    .about_page02_list li ul           { padding:20px 0; height:200px}
}

 @media screen and (max-width:780px) {
    .about_page02_bg:after	{ left: 35%; }
    .about_page02_list li ul           { padding:20px 0; height:170px}
    .about_page02_list li 	{ float: left; width:50%; text-align: center; margin-bottom: 10px;}
}

@media screen and (max-width:640px) {    
    .about_page02_bg:after	{ background: none;}
    .about_page02_2 .ico 	{ display: block; position:relative;left:0;top:0; margin: 0 auto 50px;width:98px;height:114px;background:url(../images/sub/sub_icon.png) no-repeat; background-position:-98px -255px ; text-align: center;}
    .about_page02_2 .ico::before   { position: absolute; content: ''; top:120px; left: 50%; margin-left: -1px; width:1px; height: 20px;background-color: #666; } 
    .about_page02_2        {padding:20px 2% 30px}
 
}

   /*연혁*/
.history-wr 		{position:relative;text-align:center;padding-top:100px}
.history-wr:before 	{position:absolute;top:50px;left:50%;margin-left:-1px;content:"";display:block;width:2px;height:99%;background:#ccc;z-index:10}
.history-tit 		{position:absolute;left:50%;top:0;margin-left:-45px;width:95px;height:105px;border-radius:50%;background:url(../images/sub/sub_icon.png) repeat -95px 0;z-index:100}
.history-list 		{position:relative;width:50%;text-align:right;}
.history-list .year {position:relative;text-align:center;font-size:1em;line-height:1;color:#fff;width:120px;height:40px;padding-top:10px;background:#0c3c7f; margin-bottom: 10px;}
.history-list .history 		{clear:both;position:relative;color:#444;margin-top:10px; font-size: 1.1em;}
.history-list .history li 	{clear:both;position:relative;margin:15px 0;line-height:1.6;}
.history-list .history li:before {position:absolute;content:"";display:block;top:10px;width:10px;height:10px;background:#106cab;border-radius:50%;z-index:200}
.history-list .history li:after 	{clear:both;content:"";display:block;}
.history-list .history li:last-child {padding-bottom:25px}
.history-list .history li .txt 	{max-width:83%;color:#333;font-size:1em;font-weight:400}
.history-list .history li .day 	{color:#333;font-size:1em;font-weight:500;min-width:90px;}
.history-list .history li .b 	{font-weight:500}
.history-list .history li .nb 	{font-weight:300;}
 
   /* 홀수 */
.history-list:nth-child(odd) {margin-right:50%;}
.history-list:nth-child(odd) .year 		{background:#0c3c7f;float:right;margin-right:40px}
.history-list:nth-child(odd) .history 	{padding-right:40px;}
.history-list:nth-child(odd) .history li:before 	{right:-45px;}
.history-list:nth-child(odd) .history li span 		{float:right;}
.history-list:nth-child(odd) .history li .txt:before {right:0;}
.history-list:nth-child(odd) .history li .day {margin-left:10px}
 
   /* 짝수 */
.history-list:nth-child(even) 		{margin-left:50%;text-align:left;}
.history-list:nth-child(even) .year {margin-left:40px;float:left}
.history-list:nth-child(even) .history {padding-left:40px;}
.history-list:nth-child(even) .history li:before 	{left:-45px;}
.history-list:nth-child(even) .history li span 		{float:left;}
.history-list:nth-child(even) .history li .txt:before {left:0;}
.history-list:nth-child(even) .history li .day {margin-right:10px}


   /* 조직도 */
.org_box		{ min-height:590px; position:relative}
.org_box:after	{ position:absolute;top:58px;left:50%;margin-left:-1px;content:"";display:block;width:1px;height:75%;background:#d1d1d1; z-index:-1}
.org_box ul li.org1            { width:125px; height: 125px; margin:0 auto; background:url(../images/sub/sub_icon.png) no-repeat -190px 0 ; }
.org_box ul li.org1 p.type1	{padding-top:30%; text-align:center; color:#fff; font-size:1.4em; font-weight:600; line-height: 130%;}
.org_box ul li.org1 p.type1 span   { display: block; font-size:0.9em; line-height: 130%;}
.org_box ul li.org2 ul             { position: relative;}
.org_box ul li.org2 ul::after      { position:absolute;top:50px;left:200px;content:"";display:block;width:50%;height:1px;background:#d1d1d1; z-index:-1}
.org_box ul li.org2 ul li 		   { width:50%; float:left; margin:20px 0}
.org_box ul li.org2 ul li p.type2  { width:200px; margin:0 auto; border:3px solid #05367b; background:#fff; color:#333; padding:20px 0; text-align:center; position:relative; font-size:1.2em; box-shadow:5px 5px 0 #eee}
.org_box ul li.org3 p.type3	    {clear: both; width:200px; margin:0 auto; background:#106cab; padding:20px 0; text-align:center; color:#fff; font-size:1.2em; box-shadow:5px 5px 0 #eee}
.org_box ul li.org4             { position:relative; margin:20px 0;}
.org_box ul li.org4:after		{ position:absolute;top:30px;left:50%;content:"";display:block;width:300px;height:1px;background:#d1d1d1; z-index:-1}
.org_box ul li.org4 p.type4	    { width:200px; float:right; margin-right:16.6%;border:3px solid #05367b; background:#fff;  color:#333; padding:20px 0; text-align:center; font-size:1.2em;  box-shadow:5px 5px 0 #eee}
.org_box ul li.org5 ul	 			{ position:relative; clear: both;}
.org_box ul li.org5 ul:after		{ position:absolute;top:23px;left:120px;content:"";display:block;width:960px;height:1px;background:#d1d1d1; z-index:-1}
.org_box ul li.org5 ul li 			{ width:20%; float:left; margin-top:40px}
.org_box ul li.org5 ul li p.type5	{ width:180px; margin:0 auto; border:2px solid #90a2ae; background:#fff; padding:20px 0; text-align:center; color:#333; box-shadow:5px 5px 0 #eee; position:relative; font-size:1.2em;}
.org_box ul li.org5 ul li p.type5:after		{ position:absolute;top:-19px;left:50%;content:"";display:block;width:1px;height:17px;background:#d1d1d1; z-index:-1; margin-left:-1px}

   /*모바일 해상도*/
@media only screen and (max-width:1200px){
    .org_box ul li.org5 ul:after		{ left:10%;width:80%;}
    .org_box ul li.org5 ul li p.type5	{ width:80%; margin:0 10%;}
}

@media only screen and (max-width:780px){
		
    .org_box		{ position:relative}
    .org_box:after	{ position:absolute;top:58px;left:50%;margin-left:-0.5px;content:"";display:block;width:1px;height:80%;background:#d1d1d1; z-index:-1}
    .org_box ul li.org1 p.type1	{ margin:0 auto 20px;}
    .org_box ul li.org2 ul li 			{ width:50%; float:left}
    .org_box ul li.org2 ul li p.type2	{ width:70%; margin:0 auto 20px}    
    .org_box ul li.org3 p.type3	        { margin:0 auto 20px;}
    .org_box ul li.org4:after		    { width:30%;}
    .org_box ul li.org4 p.type4	        { width:30%; margin:0 10% 20px 0;}
    .org_box ul li.org5 ul	 			{ clear:both; position:relative; padding-bottom: 30px;}
    .org_box ul li.org5 ul:after		{ height:0px;display:block; clear:both; content:'';}
    .org_box ul li.org5 ul li 	        { width:100%; float:none; margin:10px 0;}
    .org_box ul li.org5 ul li p.type5	{ width:80%; box-sizing:border-box}
    .org_box ul li.org5 ul li p.type5:after {width:0px;}
}
 

    /*ci*/
.ci_txt {font-size: 1.1em; line-height: 150%; word-break: keep-all; text-align: center; padding: 30px 50px 0;}
.color_wrap ul{padding-top:10px; overflow:hidden; margin: 0 3% 2%;}
.color_wrap ul::after {display:block; clear:both; content:'';}
.color_wrap ul li{float:left; width:calc(25% - 15px); box-sizing:border-box; margin-right:20px;}
.color_wrap ul li:last-child{margin-right:0;}
.color_wrap ul li .c_color{width:100%; height:130px; box-sizing:border-box; padding:10px 0 0 20px;}
.color_wrap ul li .c_color p{color:#fff; list-style: 150%; font-size: 2em; opacity: 0.9;}
.color_wrap ul li .c_color span{display:block; font-size:14px; color:#fff; font-weight:300; padding-top:30px;}
.color_wrap .c_color	{display:block; padding:20px}
.color_wrap .color_01	{background:#48b6e3}
.color_wrap .color_02	{background:#106cab}
.color_wrap .color_03	{background:#00367b}
.color_wrap .color_04	{background:#8ea2ac}


   /*센터*/
.charter-wrap 	{padding:4px;background:url(../images/sub/boxTop_bg.gif) repeat 0 0; margin:20px 0}
.charter		{ padding:30px; background:url(../images/sub/page_bg.png) #fff; line-height:160%; font-size:18px; font-weight:400; color:#000; text-align: center;}
.charter h2.h2_tt	{ font-size:1.6em; color:#00367b; font-weight:bold; letter-spacing:-2px}

.dpt-ov-wr 			{position:relative;min-height:85px;padding:40px 0}
.dpt-ov-wr:before 	{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:1px; border-bottom:1px dashed #ddd}
.dpt-ov-wr:first-child:before 	{display:none;}
.dpt-ov-wr .dpt-ov-list 		{position:relative;padding-left:250px;}
.dpt-ov-wr .dpt-ov-list h4.tit 	{position:absolute;left:0;width:250px;height:100%;text-align:left; padding-left: 20px; font-size:1.4em;color:#000;line-height:1; font-weight:400; letter-spacing:-2px}
.blt-list li  {position:relative; list-style: disc !important; padding-bottom:5px; line-height:150%; font-size:1.2em}

.about_page05_box       { margin: 20px 0; padding:40px 0; text-align: center; background: url(../images/sub/about_page05_bg.jpg);}
.about_page05_box h3    { color: #fff; font-size: 2.2em;font-family: 'GSK';font-weight: 500; word-break: keep-all;}
.about_page05_box p     { color: #fff; font-size: 1.2em; line-height: 130%; word-break: keep-all; } 	

.about_page05                 { margin:10px 0 30px;}
.about_page05:after           {display:block; clear:both; content:'';}
.about_page05 li              { position: relative; float: left; width:32%; margin-right: 2%;}
.about_page05 li:last-child   { margin-right:0;}
.about_page05 li.type1 div        { background-color: #e8f1f6;}
.about_page05 li.type2 div        { background-color: #e8edf3;}
.about_page05 li.type3 div        { background-color: #e7ebee;}
.about_page05 li span.num         { position: absolute; top: 0; left:18%; width:200px;display: block; content: '';text-align: center; height: 30px; line-height: 30px; color: #fff; z-index: 1; border-radius: 50vh;}
.about_page05 li.type1 span.num   { background-color: #1b7aa6;}
.about_page05 li.type2 span.num   { background-color: #1d4f8c;}
.about_page05 li.type3 span.num   { background-color: #102d4f;}
.about_page05 li div          { border: 1px solid #ddd; text-align: center; padding-bottom: 20px;  border-radius: 5px; margin-top:15px;}
.about_page05 li div h5       { font-size: 2em;font-family: 'GSK';font-weight: 500; padding:40px 0 20px; background-color: #fff;}
.about_page05 li div h5 span  { color: #222; display: block;}
.about_page05 li.type1 div h5 { color: #1b7aa6;}
.about_page05 li.type2 div h5 { color: #1d4f8c;}
.about_page05 li.type3 div h5 { color: #102d4f;}
.about_page05 li div p.tt     { display: block; padding: 20px 0; font-size: 1.5em; color: #000;}
.about_page05 li div p.tt span        { font-size: 0.875em; display: block;}
.about_page05 li div p.txt            { display: block; padding: 10px 20px; color: #fff; word-break: keep-all;}
.about_page05 li.type1 div p.txt      { background-color: #1b7aa6;}
.about_page05 li.type2 div p.txt      { background-color: #1d4f8c;}
.about_page05 li.type3 div p.txt      { background-color: #102d4f;}
.about_page05 li div p.tt2            { display: block; padding: 20px 0; font-size: 1.3em; color: #000;}
.about_page05 li div ul li            { display: block; width:80%; float: none; border: 1px solid #ddd; background-color: #fff; margin:0 10% 5px; padding:10px 0;font-size: 1.1em; box-sizing: content-box; }
.about_page05 li div ul li span       { font-size: 0.875em; display: block;}

.about_page05_box2       { text-align: center; margin:20px 0; }
.about_page05_box2:after {display:block; clear:both; content:'';}
.about_page05_box2 h3    { color: #102d4f; font-size: 2.2em;font-family: 'GSK';font-weight: 500; padding:30px 0; word-break: keep-all;}
.about_page05_box2 p.page05_txt1     { font-size: 1.2em; line-height: 130%;position:relative; padding:15px 0; border-radius: 50vh; margin:0 10% 10px; color: #000;
	border:#0f4591 solid 1px; border-left:#0c3c7f solid 1px; border-right:#0c3c7f solid 1px; border-bottom:#072d62 solid 1px; 
	box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.07);
		background:#fff;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f8f4);
		background:-webkit-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:-moz-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:-ms-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:-o-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:linear-gradient(top, #ffffff 0%, #f9f8f4 100%); }

.about_page05_2           { background: url(../images/sub/about_page05_img.jpg) center bottom no-repeat; padding: 30px 30px 40px; clear: both; margin: 20px 0;}
.about_page05_2:after     {display:block; clear:both; content:'';}
.about_page05_2 li              { position: relative; float: left; width:32%; margin-right: 2%;}
.about_page05_2 li span.icon    { position: absolute; content: ''; top:-10px; width:50px; height:50px; left: 50%; margin-left: -25px; border-radius: 50vh; border: 2px solid #031021; background: url(../images/sub/about_page05_icon.png) #fff;}
.about_page05_2 li.type1 span.icon    { background-position:-2px -2px;} 
.about_page05_2 li.type2 span.icon    { background-position:-52px -2px;} 
.about_page05_2 li.type3 span.icon    { background-position:-102px -2px;} 
.about_page05_2 li:last-child   { margin-right:0;}
.about_page05_2 li div          { background-color: #fff; border-radius: 10px; margin-top: 20px;}
.about_page05_2 li div:after    {display:block; clear:both; content:'';}
.about_page05_2 li div h4       {display:block;  text-align: center; font-size:1.4em;font-family: 'GSK';font-weight: 500; padding:40px 0 20px; color: #000; height:95px; letter-spacing: -1px; line-height:100% }
.about_page05_2 li div ul       { margin:0 3% 20px}
.about_page05_2 li div ul:after {display:block; clear:both; content:'';}
.about_page05_2 li div ul li    { position: relative;  width:48%; margin:0 1%; text-align: center;}
.about_page05_2 li div ul li p.tt     	{ padding:15px 0; background: #f3f3f3; color: #000; font-size: 1.2em; height: 60px;line-height:100% }
.about_page05_2 li div ul li p.tt span  { display: block; font-size:0.875em;}
.about_page05_2 li div ul li p.txt1   	{ padding:15px 0; background: #444; color: #fff; font-size: 2.0rem; letter-spacing: -1px;}
.about_page05_2 li div ul li p.txt1 span   { display: block; font-size: 2.0rem;}
.about_page05_2 li div ul li p.txt2        { padding:15px 0; background: #102d4f; color: #fff; font-size: 2.0rem; letter-spacing: -1px;}
.about_page05_2 li div ul li p.txt2 span   { display: block; font-size: 2.0rem;}

.page5_org           { position: relative; margin:30px 0;}
.page5_org::before   { position: absolute; content: ''; width:1px; height: 50%; top: 40px; left: 50%; margin-left: -1px; background-color: #ddd; z-index: -1;}
.page5_org:after     {display:block; clear:both; content:'';}
.page5_org li.org01 p.org01_tt  { width:250px; margin: 0 auto 100px; padding: 15px; font-size: 1.2em; background-color: #fff; color: #000; border: 2px solid #1d4f8c; border-radius: 10px; text-align: center;}
.page5_org li.org01 p.org01_tt span { display: block; font-size: 0.875em;}
.page5_org li.org02 ul              { position: relative; }
.page5_org li.org02 ul::before      { position: absolute; content: ''; width:68%; height:1px; top:-40px; left:16%; background-color: #ddd; }
.page5_org li.org02 ul li           { position: relative;  width:32%; margin-right: 2%; float: left;text-align: center;}
.page5_org li.org02 ul li::before       {position: absolute; content: ''; width:1px; height:40px; top:-40px; left: 50%; margin-left: -1px; background-color: #ddd;}
.page5_org li.org02 ul li:last-child    { margin-right:0;}
.page5_org li.org02 ul li p.org02_tt    { padding: 20px 0; font-size: 1.2em; border-radius: 10px 10px 0 0;}
.page5_org li.org02 ul li.type1 p.org02_tt { background-color: #e8f1f6;  color: #1b7aa6; border: 1px solid #1b7aa6;}
.page5_org li.org02 ul li.type2 p.org02_tt { background-color: #e8edf3;  color: #1d4f8c; border: 1px solid #1d4f8c;}
.page5_org li.org02 ul li.type3 p.org02_tt { background-color: #e7ebee;  color: #102d4f; border: 1px solid #102d4f;}
.page5_org li.org02 ul li p.org02_txt {padding: 20px 0; min-height:150px; font-size: 1.1em; border-radius:0 0 10px 10px; background-color: #f3f3f3; border: 1px solid #ddd; word-break: keep-all;}

.about_page05_3           { margin:30px 0;}
.about_page05_3:after     {display:block; clear:both; content:'';}
.about_page05_3 li        { width:49%; border: 1px solid #ddd; text-align: center; padding: 20px 40px; float: left; box-sizing: border-box; border-radius: 5px;}
.about_page05_3 li:first-child        { margin-right: 2%;}
.about_page05_3 li h5                 { color:#000; font-size: 1.6em; border-bottom: 1px solid #ddd; padding-bottom: 30px;}
.about_pa
ge05_3 li p.txt              {font-size: 1.2em;  padding: 30px 0; word-break: keep-all; line-height: 130%;}

   /*모바일 해상도*/
@media only screen and (max-width:970px){
    .dpt-ov-wr .dpt-ov-list h4.tit  { width:20%;padding-left:0px;}
    .dpt-ov-wr .dpt-ov-list         { padding-left:20%}
    .about_page05 li span.num     { position: absolute; width:auto; padding:0 30px; left:0; height:auto;}
    .about_page05 li div p.txt    { height:auto}
}

@media only screen and (max-width:923px){
	.about_page05_2 li div h4 {font-size:1.9rem;}
	.about_page05_2 li div ul li p.tt {font-size:1.7rem;}
	.about_page05_2 li div ul li p.txt1 {font-size:1.7rem;}
	.about_page05_2 li div ul li p.txt1 span {font-size:1.7rem;}
	.about_page05_2 li div ul li p.txt2 {font-size:1.7rem;}
	.about_page05_2 li div ul li p.txt2 span {font-size:1.7rem;}
}
@media only screen and (max-width:780px){
    .dpt-ov-wr {padding:20px 0}
    .dpt-ov-wr .dpt-ov-list {padding-left:0;padding-top:15px;}
    .dpt-ov-wr .dpt-ov-list:before {left:auto;right:10px;}
    .dpt-ov-wr .dpt-ov-list h4.tit {position:relative;top:auto;left:auto;width:100%;text-align:left; padding-left:0; margin-bottom: 10px;}
    .dpt-ov-wr .dpt-ov-list .list-wr {margin:0;padding:15px 0;margin-right:10px;}
    .dpt-ov-wr .dpt-ov-list .list-wr .box-list li {margin-bottom:5px;}    
    .blt-list   { padding:15px 0 5px 40px}
}
@media only screen and (max-width:767px){
	.about_page05_2 {padding: 30px 10px 25px;}
	.about_page05_2 li div h4 {font-size:1.9rem;}
	.about_page05_2 li div ul li p.tt {font-size:1.5rem;}
	.about_page05_2 li div ul li p.txt1 {font-size:1.5rem;}
	.about_page05_2 li div ul li p.txt1 span {font-size:1.5rem;}
	.about_page05_2 li div ul li p.txt2 {font-size:1.5rem;}
	.about_page05_2 li div ul li p.txt2 span {font-size:1.5rem;}
}
@media only screen and (max-width:780px){

    .dpt-ov-wr {padding:20px 0}
    .dpt-ov-wr .dpt-ov-list {padding-left:0;padding-top:15px;}
    .dpt-ov-wr .dpt-ov-list:before {left:auto;right:10px;}
    .dpt-ov-wr .dpt-ov-list h4.tit {position:relative;top:auto;left:auto;width:100%;text-align:left; padding-left:0; margin-bottom: 10px;}
    .dpt-ov-wr .dpt-ov-list .list-wr {margin:0;padding:15px 0;margin-right:10px;}
    .dpt-ov-wr .dpt-ov-list .list-wr .box-list li {margin-bottom:5px;}    
    .blt-list   { padding:15px 0 5px 40px}
}

@media only screen and (max-width:640px){
    .dpt-ov-wr {padding:15px ;min-height:auto;}
    .dpt-ov-wr .dpt-ov-list {padding-top:5px;}
    .dpt-ov-wr .dpt-ov-list h4.tit {font-size:17px;padding-bottom:5px; padding-left:0; }
    .dpt-ov-wr .dpt-ov-list .list-wr {padding-top:5px;}
    .dpt-ov-wr .dpt-ov-list .list-wr .blt-list li {background-position:98% 10px}
    .dpt-ov-wr .dpt-ov-list .list-wr .ov-line {margin-top:15px;margin-bottom:15px;}
    .blt-list   { padding:0 0 5px 40px}

    .about_page05 li,
    .about_page05_2 li              { width:96%; margin: 2%;}
    .about_page05_2   { background-size: cover;}
  
  	
	.page5_org::before {height:80%;}
	.page5_org li.org02 ul::before {display:none;}
	.page5_org li.org02 ul li {float:none; display:block; width:100%;}
	.page5_org li.org02 ul li::before {display:none;}
  	.page5_org li.org02 ul li p.org02_txt {min-height:inherit;}
}



   /*오시는길*/
.map_box    	{ width:100%; padding: 2px; border:1px solid #ddd; box-sizing: border-box;}
.map_addr 		{position:relative;background:#f1f1f1;color:#222;padding:40px 50px;width:100%;box-sizing:border-box;}
.map_addr:after {content:'';clear:both;display:block;}
.map_addr li 	{position:relative;float:left;padding-left:80px;min-height:80px;margin-bottom:5px; width:50%;}
.map_addr li:before		{background:url(../images/sub/sub_icon.png) no-repeat 0 -163px;display:block;content:"";width:60px;height:70px;position:absolute;left:0;}
.map_addr li.addr:before{background-position:0  -163px ;}
.map_addr li.tel:before	{background-position:-60px  -163px ;}
.map_addr li .tit 		{position:relative;font-size:0.875em;font-weight:400; line-height: 30px; display: block; padding-top:10px;}
.map_addr li .txt 	{display:block;font-size:1.2em;font-weight:500;}
.map_addr li:last-child	{margin-bottom:0;}
.map_sway 			{position:relative;padding:0 0px 30px 170px}
.map_sway .ico-bus 	{position:absolute;left:25px;top:0;width:98px;height:114px;background:url(../images/sub/sub_icon.png) no-repeat; background-position:0 -255px ;}
.map_sway .ico-bus::before { position: absolute; content: ''; width:20px; height: 1px; background-color: #ddd; top:56px; left: 112px;}
i.aw   { display: inline-block; width:15px; height: 15px;background:url(../images/sub/sub_ir.png) no-repeat; background-position:-99px -2px  ; margin: 0 2px;}

.group{ margin-top:10px}
.group li	{width: 49%; margin-right: 2%; float:left;padding-bottom: 1.5%;}
.group li:nth-child(even){margin-right: 0;}
.group li a	{ min-height: 25rem;padding:3rem 3rem 4rem 3rem;  display: block; border:1px solid #ddd; box-sizing: border-box; transition: ease all 0.3s;}
.group li a:hover{ border:1px solid #222; border-radius:20px; transition: ease all 0.3s;}
.group li a p		{font-weight:400; color:#666;}
.group li a p.bold	{font-size:1.8rem; color: #222; }
.group li a div.traffic_list		{position: relative; padding-top: 2.5rem; margin-top: 2.5rem; border-top: 1px solid #666;}
.group li a div.traffic_list span	{position: absolute; top:2.5rem; left: 0; display:block; width:5.5rem; padding: 1rem 0; line-height: 110%; text-align: center; font-weight: 300; background-color: #0069d4 !important; color: #fff; word-break: keep-all;}
.group li a div.traffic_list dl		{padding-left: 7rem; box-sizing: border-box;}
.group li a div.traffic_list p.location-p 	{padding-left: 7rem; font-size: 1em; word-break: keep-all; line-height: 130%; }
.group li a div.traffic_list dl dt			{display: inline-block; width: 25%;}
.group li a div.traffic_list dl dd			{display: inline-block; width: 74%}

   /*모바일 해상도*/
@media only screen and (max-width:1000px){
    .btn-map:before {margin-top:40px;}
}
@media only screen and (max-width:780px){
    .map_addr li 	{width:auto!important;}
    .map_sway .ico-bus, .map_sway .ico-car {display:none;}
    .map_sway 		{padding:0 0 30px 0;}
    .map_sway .ico-bus:after, .map_sway .ico-car:after {display:none;}
    .map_sway li 	{width:100%;}
    .map_addr 		{padding:25px 35px;}
    .color_wrap ul li{width:100%; height:130px; box-sizing:border-box; margin-right:0; margin-bottom: 5px;}
}
@media only screen and (max-width:420px){
    .map_addr {padding:15px;}
    .map_addr li:before {width:40px;height:40px;}
    .map_addr li.tel:before {background-position:-40px 0 ;}
    .map_addr li.fax:before {background-position:-80px 0 ;}
}

@media only screen and (max-width:929px){
}



  /*게시판list_issue_top*/
.list_issue_top         {padding-bottom:3em;}
.list_issue_top:after   {content:'';clear:both;display:block;}
.issue_box              { padding:3rem; box-sizing:border-box; border: 1px solid #ccc;}
.issue_box:after        {content:'';clear:both;display:block;}
.issue_box .img_box  { width: 25%; box-sizing: border-box;  border: 1px solid #ddd; float: left;}
.issue_box .img_box  a         {width:100%; height:100%; display:block;}
.issue_box .img_box  a img   {width: 100%;}

.issue_box .list_issue_body      {padding-left: 5%;width: 70%; color: #222; float: left;}
.issue_box .list_issue_body p.subject    {font-size: 2.2rem; line-height: 150%; font-family: 'GSK'; }
.issue_box .list_issue_body p.info_box   {padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-bottom: 1px solid #ddd; color: #999; font-size: 1.4rem;}
.issue_box .list_issue_body p.info_box span:not(:nth-child(1)){position: relative; padding-left: 15px;}
.issue_box .list_issue_body p.info_box span:not(:nth-child(1)):after{position: absolute; top:50%; transform:translateY(-50%); left:6px; display: block;content: ""; width: 1px; height: 10px; background-color:#ddd;}
.issue_box .list_issue_body .ellipsis_line    { width: 100%;height: 180px; font-weight: 300; font-size: 1.1em;}
.issue_box .list_issue_body .issue_btn_box    {padding-top: 5.5rem;margin-top: 2.5rem; border-top: 1px solid #ddd;}
.issue_box .list_issue_body .issue_btn_box:after  {display: block; content: ""; clear: both;}
.issue_box .list_issue_body .issue_btn_box a.issue_btn {float: left; display: block; text-align: center; width: 15rem;height: 4rem; line-height: 4rem; background-color: #0069d4 ; color: #fff;}
.issue_box .list_issue_body .issue_btn_box a.issue_btn:nth-child(2) {margin-left: 5px; background-color: #007eff;transition:ease all 0.3s;}
.issue_box .list_issue_body .issue_btn_box a.issue_btn:hover        {background-color: #3a5169; transition:ease all 0.3s;}

   /*모바일 해상도*/
@media only screen and (max-width:780px){  
    .issue_box              { padding:2rem; }
    .issue_box .img_box,
    .issue_box .list_issue_body              {padding:0;width:100%; float: none;}
    .issue_box .list_issue_body p.subject    { padding-top: 20px; font-size: 1.5em;}
    .issue_box .list_issue_body .ellipsis_line    { height: 90px;}
    .issue_box .list_issue_body .issue_btn_box a.issue_btn  { width:100%}
}
 

  /*program list*/
  /*list tab*/
.webzine_tab_box             {margin:2rem 0; border-top: 1px solid #222; border-bottom: 1px solid #222;}
.webzine_tab_box:after       {content:'';clear:both;display:block;}
.webzine_tab_box li          {height:6rem; float: left;}
.webzine_tab_box li.tab_on   {border-bottom: 3px solid #02347f;}
.webzine_tab_box li.tab_on a {color:#02347f; font-weight: 500;}
.webzine_tab_box li a        {display: block; line-height: 6rem; padding: 0 4rem; color: #222; font-size: 1.8rem;}

.webzine_body   { clear: both;}
.webzine_body li{position: relative; margin-top: 3rem; border: 1px solid #ddd; box-sizing: border-box;border-radius: 12px; padding: 3rem;}
.webzine_body li:after            {content:'';clear:both;display:block;}
.webzine_body li.no_date          {border: 0;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;padding: 13rem 0;text-align: center;}
.webzine_body li:first-child      {margin-top: 0;}
.webzine_body .webzine_img        {position: absolute;top:3rem; left:4rem; width:27rem; height: 18.8rem;}
.webzine_body .webzine_img img    {width: 100%; height: 100%;}
.webzine_body .webzine_img        {padding-top: 1rem;}
.webzine_body .webzine_img .accept .accept_btn:last-child a      {background-color: #80a8e6;;color:#fff;}
.webzine_body .webzine_img .accept .accept_btn:last-child a:hover{background-color:#739ab5;}
.webzine_body .webzine_img .accept_btn   {width: 50%;  border: 1px solid #ddd; border-left:0;box-sizing:border-box; text-align: center; float: left;}
.webzine_body .webzine_img .accept_btn:nth-child(1){border-left: 1px solid #ddd;}
.webzine_body .webzine_img .accept_btn a         {padding: 1rem 0; display: block; color: #666; font-weight: 400; position: relative;}
.webzine_body .webzine_img .accept_btn a:hover   {background: #f5f5f5; color: #222;}
.webzine_body .webzine_txt                       {padding-left:31rem; box-sizing: border-box;}
.webzine_body .webzine_txt dt.subject            {padding: 1rem 0;margin-bottom:2rem; font-size:2.4rem; color: #222; font-family: 'GSK';}
    strong.bd_state    {padding:0.1rem 0.5rem; margin-right:0.5rem;border-radius: 5px; color:#fff; font-size: 1.6rem; word-break: keep-all ;font-family:'NSK'; }
    strong.bd_state_P  {background:#5bce04; }
    strong.bd_state_W  {background:#ff910a; }
    strong.bd_state_E  {background:#555; }
.webzine_body .webzine_txt dd.cont   {font-size:1.7rem; font-weight:400; word-break: keep-all ;}
.webzine_body .webzine_txt dd.cont   { height:97px;}
.webzine_body .webzine_txt .webzine_info {padding-top: 2rem; margin-top: 1rem;border-top: 1px solid #666;}
.webzine_body .webzine_txt p.date        {padding-top:1rem; text-align: right; color: #999; font-weight: 400;}
.webzine_body .webzine_txt .webzine_info p.ellipsis_one_line{display: block;}
.ellipsis_one_line,.ellipsis_line       {max-width: 658px;}
.ellipsis_one_line:nth-child(1)         {padding-bottom:0.5rem}
.ellipsis_one_line span     {margin-right: 5px; display: inline-block; width: 8rem; text-align: center; border-radius: 4px;border: 1px solid #5d5d5d;color: #222; padding:8px 0}
.webzine_body li:hover       {border: 1px solid #02347f;}
.webzine_body li.no_data     {padding: 5rem; text-align: center;}

   /*모바일 해상도*/
@media only screen and (max-width:780px){  
    .webzine_tab_box li a	{ padding: 0 3rem; font-size: 1.6rem;}
    .webzine_body .webzine_img        {position: static;width:100%; height: auto;}
    .webzine_body .webzine_img .accept{ padding-bottom: 1rem;}
    .webzine_body .webzine_img .accept:after            {content:'';clear:both;display:block;}
    .webzine_body .webzine_txt           {padding-left:0;}
    .webzine_body .webzine_txt dt.subject{font-size:1.8rem; margin-bottom:1rem;  }
    .webzine_body .webzine_txt dd.cont   { height:auto;}
}

.t_txt > h2           {padding: 2rem 0 1rem;margin-bottom:1rem; font-size:2.4rem; color: #02347f; font-family: 'GSK';}
.t_txt > div.cont     {font-size:1.7rem; font-weight:400; word-break: keep-all ;}
.webzine_view_tt > h3 {padding: 2rem 0 1rem;margin-bottom:1rem; font-size:2rem; color: #02347f; }
.webzine_view_com     { font-size: 1.1em; line-height: 130%; border-bottom: 1px solid #ddd; padding-bottom: 5rem;}
.webzine_view_btn     { clear: both; margin: 5rem 0; text-align: center;}
.webzine_view_btn p   { font-size: 1.2em; padding-bottom: 20px; word-break: keep-all;}
.webzine_manager_box  { clear: both; margin: 3rem 0; padding: 30px 4rem; border: 1px solid #ddd;}
.webzine_manager_box p{ position: relative; font-size: 1.1em; line-height: 40px; height: 40px; padding-left:60px}
.webzine_manager_box p:before   {content:''; display:inline-block; position:absolute; top:0; left:0; width:40px; height:40px; background:url(../images/sub/sub_ir.png) no-repeat -250px -34px;}


   /*모바일 해상도*/
   @media only screen and (max-width:780px){  
    .t_txt > h2 {font-size:1.8rem; margin-bottom:0;  }
    .t_txt > div.cont     {font-size:1.6rem;}
    .webzine_manager_box  { padding: 20px 2rem;}
    .webzine_manager_box p{ height:auto; padding-left:50px; line-height: initial;}
    .webzine_manager_box p:before   {top:-5px;}
}



/* list_언론보도 */
.list_type2   { clear: both; margin-top:3rem; border-top: 1px solid #000;}
.list_type2 li{position: relative; padding:20px 0 20px 135px; border-bottom:1px solid #ddd; box-sizing: border-box;}
.list_type2 p               {line-height:135%;}
.list_type2 p.press         {color:#0069d4 !important}
.list_type2 p.subject       {font-size:1.2em;}
.list_type2 p.subject strong{display:inline-block; max-width:90%; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333;}
.list_type2 p.subject strong,
.list_type2 p.subject img   {vertical-align:middle;}
.list_type2 p.date          {margin-top:10px;font-size:14px; color:#666;}
.list_type2 p.no            {position:absolute; top:0; left:0; width:131px; height:131px; line-height:125px; text-align:center;}
.list_type2 div.btn_more    {position:absolute; top:0; right:0; width:131px; height:131px; border-left:1px solid #ddd; text-align:center; color:#666; background:#f5f5f5;}
.list_type2 div.btn_more p  {line-height:135%; padding-top:80px; font-size: 1em;}
.list_type2 div.btn_more::after { position: absolute; content: '+'; font-size: 4rem; top:20px; left:43%; color: #777;}


@media screen and (max-width: 740px){
    .m_hidden{display:none !important;}
    .list_type2 li                  {padding:14px 0; }
    .list_type2 p.subject strong    {max-width:85%; font-size: 0.9em; }
    .list_type2 div.btn_more        {width:75px; height:98px;}
    .list_type2 div.btn_more::after { position: absolute; content: '+'; font-size:3rem; top:25%; left:42%; color: #777;}

}



/* list_갤러리 */
.list_type3   { clear: both; margin-top:3rem; border-top: 1px solid #000; padding-top:20px}
.list_type3 ul{ margin-bottom:10px}
.list_type3 ul:after       	{content:'';clear:both;display:block;}
.list_type3 li				{position: relative; box-sizing: border-box; float: left; width:32%; margin-right: 2%;}
.list_type3 li:nth-child(3n){margin-right: 0;}
.list_type3 p               {line-height:135%;}
.list_type3 p.img           { display: inline-block;  width:100%; height: 220px; overflow: hidden;}
.list_type3 p.img img       {transition: ease all 0.5s;object-fit: cover;width:100%;height:100%;}
.list_type3 a:hover p.img img   {transform: scale(1.1); transition: ease all 0.5s; }

.list_type3 p.subject       {vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:1.2em; color:#333;}
.list_type3 p.subject strong,
.list_type3 p.subject img   {vertical-align:middle;}
.list_type3 p.date          {margin-top:10px;font-size:14px; color:#666; padding-bottom: 30px;}


@media screen and (max-width:740px){
    .list_type3 li                  { width:48%; margin:0 1%}
    .list_type3 p.subject strong    {font-size: 0.9em; }
	.list_type3 li:nth-child(3n)	{ margin:0 1%}
	.list_type3 p.img           	{height: 165px;}

}

/************************
 정보공개
************************/
.page_loding {padding:50px 20px 30px; border:1px solid #ddd; text-align:center;}
.page_loding p {padding-top:10px; font-size:2.0rem; font-weight:500;}


/*정보공개 > 윤리헌장*/


/************************
 참여와소통
***********************/

/* 참여와소통 > 클린신고센터 */
.clean_page {position:relative; margin-bottom:40px; margin-top:50px; padding:0 15px; min-height:366px; background:url(../images/sub/clean_page_img.jpg) 0 0  no-repeat; color:#fff; text-align:center; background-size:cover;}
.clean_page .tit {display:block; width:100%; z-index:100;}
.clean_page h4 	{display:inline-block; padding-top:80px; font-size:1.8rem; font-weight:400; border-bottom:2px solid #fff; padding-bottom:8px; }
.clean_page h4:before {content:""; display:block; position:absolute; left:50%; top:-45px; width:95px; height:95px; margin-left:-47px; background:url(../images/sub/sub_icon.png) -120px -152px no-repeat ; }
.clean_page p {font-size:1.8rem; font-weight:300; line-height:1.4;}
.clean_page p.top_tit {margin-top:35px; font-size:2.4rem; font-family:'GSK'; font-weight:500;}
.clean_page p .line_bk7 {display:block;}
.fc_01 {color:#5caeff;}
.fc_02 {color:#fff703;}

.clean_tbox h3 {font-size:2.0rem; font-family:'GSK'; font-weight:500;}
.clean_tbox ul > li {padding-left:24px;}

.clean_center {margin-left:-20px; padding:0;}
.clean_center:after {content:''; display:block; visibility:hidden; clear:both;}

.clean_ctinner {margin-top:10px}
.clean_ctinner:after {content:''; display:block; visibility:hidden; clear:both;}
.clean_ctinner li {display:inline-block; float:left; width:33.3333%; padding:0 0 20px 20px; margin:0;}
.clean_ctinner li .clean_cttbox	{position:relative; display: block; min-height:250px; padding:25px 30px; border:1px solid #ddd; box-sizing:border-box; transition:ease all 0.3s; background-color:#0068b6;}
.clean_ctinner li .clean_cttbox:hover {border:1px solid #222; border-radius:20px; transition:ease all 0.3s;}
.clean_ctinner li .clean_cttbox:before {content:''; position:absolute; right:10px; bottom:10px; width:80px; height:80px; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
.clean_ctinner li .clean_cttbox.icon01:before {background-image:url(../images/sub/icon01.png);}
.clean_ctinner li .clean_cttbox.icon02:before {background-image:url(../images/sub/icon02.png);}
.clean_ctinner li .clean_cttbox.icon03:before {background-image:url(../images/sub/icon03.png);}
.clean_ctinner li .clean_cttbox p {font-size:2.0rem; color:#fff;}
.clean_ctinner li .clean_cttbox p.bold {font-size:2.6rem; color:#fff; font-weight:500; font-family:'GSK';}
.clean_ctinner li .clean_cttbox p a {position:relative; min-height:auto; padding:0; border:none; color:#fff; display:inline;}
.clean_ctinner li .clean_cttbox p a:before {content:''; position:absolute;right: -25px;top: 5px; width:19px; height:19px; background:url(../images/sub/sub_ir.png) -213px 0 no-repeat;}

/* media query */
@media screen and (max-width:1200px) {

}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:920px) {
	.clean_page p.top_tit {margin-top:25px; font-size:2.2rem;}
}

@media screen and (max-width:780px) {
}


@media screen and (max-width:767px) {
	.clean_page p.top_tit {margin-top:20px; font-size:2.0rem;}
	.clean_page p .line_bk7 {display:inline;}
	.clean_page p {font-size:1.6rem;}
	
	
	.clean_ctinner li .clean_cttbox p {font-size:1.8rem;}
	.clean_ctinner li .clean_cttbox p.bold {font-size:2.2rem;}
}

@media screen and (max-width:640px) {
	.clean_page {min-height:410px;}
	
	.clean_tbox h3 {font-size:1.8rem;}
	
	.clean_center {margin-left:0;}
	.clean_ctinner li {display:block; float:none; width:100%; padding:0 0 20px 0;}
	.clean_ctinner li .clean_cttbox {min-height:200px;}
	.clean_ctinner li .clean_cttbox p {font-size:1.8rem;}
	.clean_ctinner li .clean_cttbox p.bold {font-size:2.4rem;}
}

@media screen and (max-width:480px) {
	.clean_page h4 {padding-top:60px;}
	.clean_page p.top_tit {font-size:1.8rem;}
	.clean_page p {font-size:1.5rem;}
}

@media screen and (max-width:380px) {
	.clean_page {min-height:440px;}
}