@charset "utf-8";

#menu1512_obj175,
#multipleContentsDiv_Type-03B_55 > div:nth-child(2)						{position: absolute !important; top: 20px !important; right: 20px !important; left: auto !important;}
#visual_text h2									{font-size: 2.44em;}

#menu22385_obj427 {margin: 0 0 30px; width: auto; height: 90px;}
#menu22385_obj568 {margin: 0px 30px 30px; width: auto; height: auto; float: left;}

#multipleDiv_Type-14A_18 #multipleContentsDiv_Type-14A_18					{padding: 0 0 0px 0; background-size: 100%;}
.quick-links01 ul li a:before {width: 85px; height: 85px;}

#multipleContentsDiv_eng_178 {margin: 0px auto; width: auto; height: auto;}

#menu22385_obj179 {margin: 0px 30px 30px; width: 85%; height: auto; float: left;}
.bbs-type-02A	{box-sizing:border-box; position: relative; min-height: 250px; overflow: hidden;}

#menu22385_obj202 {margin: 0px 30px 30px; width: 85%; height: auto; float: left;}
.bbs-type-02A	{box-sizing:border-box; position: relative; min-height: 250px; overflow: hidden;}

#menu22385_obj248 {margin: 0px 30px 30px; width: 85%; height: auto; float: left;}

#menu22385_obj2889 {margin: 0px 30px 30px; width: 84%; height: auto; float: left;}

/*효원엔지니어*/
#menu22385_obj8066 { margin: 0px 30px 30px; width: 84%; height: auto; float: left;}

#menu22385_obj2890 {margin: 0px 30px 30px; width: 84%; height: auto; float: left;}

#footer  {margin: 0px 0px 0px; width: 100%; height: auto; float: left;}

@media screen and (max-width:420px) {
  html, body {min-width: 320px;}
}

@media only screen and (max-width:480px) {
	.quick-links01 ul li  {width: 25%; width:75px; height:75px; border-radius:50px; margin: 0 auto 60px 0px;}
}


@media only screen and (max-width:475px) {
		.quick-links01 ul li  {width: 25%; width:75px; height:75px; border-radius:50px; margin: 0 auto 60px 0px;}
}

@media only screen and (max-width:470px) {
	.quick-links01 ul li  {width: 25%; width:75px; height:75px; border-radius:50px; margin: 0 auto 60px 0px;}
}

@media only screen and (max-width:465px) {
	.quick-links01 ul li  {width: 25%; width:75px; height:75px; border-radius:50px; margin: 0 auto 60px 0px;}
}

@media only screen and (max-width:460px) {
		.quick-links01 ul li  {width: 25%;}
}

@media only screen and (max-width:450px) {
	.quick-links01 ul li  {width: 25%;}
}

@media only screen and (max-width:440px) {
	.quick-links01 ul li  {width: 45%;}
}


/*메인아이콘*/
.quick-links													{overflow: hidden;}
.quick-links ul li												{width:100%; float:left; text-align:left; display: inline-table; vertical-align: top; position: relative;}
.quick-links ul li a											{display:block; font-size:17px; letter-spacing: 0.5px; line-height: 18px; display: table-cell; vertical-align: top;  height: 90px; color: #FFF; font-weight: bold; padding: 25px 7% 30px;}
.quick-links ul li a:hover									{text-decoration:underline;}
.quick-links ul li a:before									{content:''; display:block; width:134px; height:269px; border-radius:0px; margin-bottom: 0px; margin-left: -55px; position: absolute; top: 0px; left: 50%;}
.quick-links ul li a span 									{display: block; font-size: 13px; word-break: keep-all; font-weight: normal; margin-top: 10px;}
.quick-links ul li.item-01									{background-color: #0064ac !important;}
.quick-links ul li.item-01 a:before						{background:url(./../../images/quick-bg01_mobile.png) 160px center no-repeat; margin-top: -100px; width:100%; }


/*이용안내*/
.advice_notice							{border-top: 1px solid #9c9c9c; border-left: 1px solid #e6e6e6; border-right: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; padding-bottom: 20px; min-height: 230px;}
.advice_notice h2						{border-bottom: 0px solid #e8e9ee; font-size: 18px; color: #383838; font-weight: bold; padding: 13px 20px;}
.advice_notice .icon_bg				{background: url(./../../images/advice_bg.png) 20px top no-repeat; font-weight: bold; padding-left: 100px; margin: 20px 0;}
.advice_notice .icon_bg .title		{color: #1a55a5; font-size: 18px;}
.advice_notice .icon_bg .p			{color: #2b2b2b; font-size: 25px;}
.advice_notice .box_bg				{background: url(./../../images/advice_bg1_m1.png) -10px top no-repeat; padding: 10px 0px; font-size: 14px; height:185px; color: #747474;}
.advice_notice .box_bg dl			{overflow: hidden; font-weight: bold; margin: 4px 15px;}
.advice_notice .box_bg dl dt		{float: left; margin-right: 55px;}
.advice_notice .box_bg dl dd		{float: left; padding: 0px 0px 20px;}


/*정보광장 타이틀*/
.box_notice{width:100%;}
.box_notice h2 { color: #000; font-size: 1.9em; padding: 0px 0px  0px 0px; font-weight:bold; }
.box_notice h1 { color: #6d6d6d; font-size: 1.1em; padding: 0px 0px  20px 0px; }
.box_event, .box_notice { float:none; width:100%; }
	ul.notice_list a { max-width: 84%; font-size:13px; }
.view_more { position: absolute; top:7px; right: 0px; color: #4c4c4c; font-size: 1.2em;}




/*정보광장 박스2개*/
.banner-list									{overflow: hidden; padding: 0 0 11px 0;}
.banner-list ul li								{display: table; vertical-align: top; width: 50%; float: left; position: relative;}
.banner-list ul li a							{display: table-cell; vertical-align: middle; height: 165px; color: #FFF; font-size: 1.4em; padding: 0 0 0 20px;}
.banner-list ul li.item-01					{background-color: #0064ac !important;}
.banner-list ul li.item-02					{background-color: #1d9cff !important;}

/*정보광장 박스4개*/
.customer_box .cb_bot .cb_sld_box{display:relative;width:374px;height:93px;margin-top:13px;background:#fff}
.customer_box .cb_bot .cb_sld_box ul{display:none;height:91px;border:1px solid #dadada}
.customer_box .cb_bot .cb_sld_box ul li{display:block;float:left;width:185px;height:44px;}
.customer_box .cb_bot .cb_sld_box ul li:first-child{border-right:1px solid #dadada;border-bottom:1px solid #dadada}
.customer_box .cb_bot .cb_sld_box ul li:first-child+li{border-bottom:1px solid #dadada}
.customer_box .cb_bot .cb_sld_box ul li:first-child+li+li{border-right:1px solid #dadada}

.customer_box .cb_bot .cb_sld_box ul li a{display:table;height:44px;}
.customer_box .cb_bot .cb_sld_box ul li a span{display:table-cell;vertical-align:middle;}
.customer_box .cb_bot .cb_sld_box ul li a span:first-child{width:169px; padding-left:27px;}
.customer_box .cb_bot .cb_sld_box ul li a span{line-height:17px;font-size:13px;color:#222}
.customer_box .cb_bot .cb_sld_box ul li a span em{color:#02a1e3}
.customer_box .cb_bot .cb_sld_box ul li a:hover span,.main_box_cont .mbc_row1 div.customer_box .cb_bot .cb_sld_box ul li a:focus span{color:#02a1e3;text-decoration:underline;}
.customer_box .cb_bot .cb_sld_box ul.on{display:block;}

/*효원엔지니어*/
.cb_tabCont{display:none;}
.cb_tabCont.on{display:block;}
.cb_tabCont .cb_link_box{height:210px;border:1px solid #fff;border-radius:0px;padding:0px 0;margin-top:0px;}
.cb_tabCont .cb_link_box div{width:123px;height:210px;float:left;text-align:center;}
.cb_tabCont .cb_link_box div img{width:115px;height:136px;float:left;}
.cb_tabCont.cb_link_box div:first-child{border-right:1px solid #fff;}
.cb_tabCont.cb_link_box div a{font-size:1.4em; font-weight:600; color:#000; line-height:20px;}
.cb_tabCont.cb_link_box div a:hover span{text-decoration:underline; color:#02a1e3;  font-size:1.5em;}
.cb_tabCont.cb_link_box div a span{display:inline-block; padding-top:9px; color:#000; font-size:1.5em;}


/*footer design*/
#footer                                                                                                    { display: block;}
#footer .wrap-policy																				{border-top:1px solid #4d4d4d; border-bottom:1px solid #545454; background: #4d4d4d;}
#footer .wrap-policy .container																{width:100%; margin:0 auto; position:relative;}
#footer .wrap-policy .container .policy-title												{float:left; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:0 35px 0 0px; margin-right:10px; font-size:16px; line-height:45px; font-weight:600; background:url(./../images/policy-title-bg.png) 85px center no-repeat; }
#footer .wrap-policy .container ul li														{display:inline-block; position:relative;}
#footer .wrap-policy .container ul li + li:before											{content:""; display:block; position:absolute; width:1px; height:10px; background-color:#999; left:0; top:18px;}
#footer .wrap-policy .container ul li a														{display:table-cell; vertical-align:middle; font-size:13px; color:#ccccce; line-height:45px; margin:0 10px; padding:0 10px;}
#footer .wrap-policy .container .family-site												{position:absolute; right:0; top:8px;}
#footer .wrap-policy .container .family-site input[type=submit]					{display:inline-block; vertical-align:middle; background-color:#1d9cff; padding:0 10px; line-height:30px; color:#fff; font-weight:600;}
#footer .wrap-address                                                                              {background: #4d4d4d;}
#footer .wrap-address .container															{position:relative; padding:20px 0; width:100%; margin:0 auto;}
#footer .wrap-address .container:after														{content:""; display:block; position:absolute; width:160px; height:45px; background:url() no-repeat; right:0; top:10px;}
#footer .wrap-address .container .address												{font-size:13px; color:#fff; line-height:1.6; padding:0px 15px;}
#footer .wrap-address .container .address .address-copy							{display:block; color:#c8c8c8; font-size:12px;}