.main .key_visual, .main .banner_box {line-height:20px; } 
.main .area.sizeFix {margin:0 auto; width:980px; }

.main .visual_box {background:#fff; text-align:center;  color:#294e94; } 
.main .visual_box .area {background:transparent url("/img/main/bg_keyVisual.jpg") right center no-repeat;}
.main .visual_box .area:before {line-height:180px; vertical-align:middle; content:""; width:0; display: inline-block; min-height:180px;}
.main .visual_box .item {display:inline-block; vertical-align:middle;  }
.main .visual_box .title {font-size:30px; line-height:30px;  font-weight:bold;}
.main .visual_box .subtitle {font-size:20px; margin-top:15px; }

.main .content_box a {color:#fff; }
.main .content_box .btnLogin {display:inline-block; width:220px; line-height:40px; text-decoration:none; padding:10px; background:#294e94 url("/img/main/icon_btnLogin.png") 10px center no-repeat; color:#fff; font-size:20px;  border:1px solid #7b90b9;  -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} 
.main .content_box .link { text-decoration:underline;}
.main .content_box {background-color:#294e94; padding:10px 0; text-align:center; color:#fff;}
.main .content_box > .area:before {line-height:100px; vertical-align:middle; content:""; width:0; display: inline-block;  min-height:100px;}
.main .content_box > .area .item {display:inline-block; width:33%; margin:0 1px; vertical-align:middle; }

.main .content_box .item .box {display:block; min-width:70%}
.main .content_box .item.login .group {margin-top:10px;}
.main .content_box .item.login .link {width:100%}
.main .content_box .item.news .box {background:url("/img/main/icon_mic.png") center 15px no-repeat; padding-top:60px; min-height:35px;}
.main .content_box .item.time .box {background:url("/img/main/icon_wat.png") center 15px no-repeat; padding-top:60px; min-height:35px;}
.main .content_box .box .tit {font-weight:bold;}

.main .banner_box {border-top:7px solid #f2a160; background-color:#FAE0C7; text-align:center;}
.main .banner_box a {color:#333;}
.main .banner_box .item {width:33%; display:inline-block; vertical-align:middle;}
.main .banner_box .faq .box {background:url("/img/main/bul_custom_01.png") 20px center no-repeat;}
.main .banner_box .sc .box {background:url("/img/main/bul_custom_02.png") 20px center no-repeat;}
.main .banner_box .vc .box {background:url("/img/main/bul_custom_03.png") 20px center no-repeat;}
.main .banner_box .box {padding:20px 0 20px 70px; min-height:40px; text-align:left; display:block;}
.main .banner_box .box .tit {font-size:15px; display:block; font-weight:bold;}
.main .banner_box .box .txt {color:#444}

.main .portlet_box {}
.main .portlet_box .area {margin:0 auto; padding:15px 0;}

.main .portlet_box .item.col2 {width:480px;}
.main .portlet_box .item.col3 {width:725px;}
.main .portlet_box .item.col3 .box, 
.main .portlet_box .item.col2 .box {padding-left:5%; width:90%;}
.main .portlet_box .item {overflow:hidden; position:relative; width:237px; margin:4px; display:inline-block; border:1px solid #d6d6d6; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.main .portlet_box .item:before {line-height:145px; vertical-align:middle; content:""; width:0; display: inline-block; min-height:145px;}
.main .portlet_box .item .box {display:inline-block; vertical-align:middle; padding:10px 10px 10px 20px; }
.main .portlet_box .box .tit {font-size:14px; display:block; font-weight:bold;}
.main .portlet_box .box .txt {margin-top:15px;}
.main .portlet_box .box .link {display:inline-block; color:#777; text-decoration:underline; font-size:11px; position:absolute; right:10px; bottom:5px;}

.main .portlet_box .item.gray 		{border-color:#d6d6d6;background-color:#d6d6d6;}
.main .portlet_box .item.red 		{border-color:#ffb4ad; background-color:#ffb4ad;}
.main .portlet_box .item.color1.nobg {border-color:#9DC8F0;}
.main .portlet_box .item.color1 	{border-color:#C8E0F7; background-color:#C8E0F7;}
.main .portlet_box .item.color2 	{border-color:#A4E3EC;background-color:#A4E3EC;}
.main .portlet_box .item.color3.nobg {border-color:#DBCD8D;}
.main .portlet_box .item.color3 	{border-color:#e8e1c3;background-color:#e8e1c3;}
.main .portlet_box .item.color4.nobg {border-color:#BCE4AC;}
.main .portlet_box .item.color4 	{border-color:#EDFDDF; background-color:#EDFDDF;}
.main .portlet_box .item.color5.nobg {border-color:#EDC7C2;}
.main .portlet_box .item.color5 	{border-color:#F5DFDC;background-color:#F5DFDC;} /* red */
.main .portlet_box .item.nobg 		{background-color:#fff !important}


/* mobile phone : width:767px 이하 */
@media all and (max-width:1000px){
	#wrapper.main {min-width:300px;}
	.main #header {padding:0 42px 0 35px; height:40px;}
	.main #header .top {height:auto;}
	.main #gnb {position:absolute; right:0; top:0;width:42px; height:40px;}
	.main #gnb ul li {display:none;}
	.main #gnb ul li.last {width:42px; height:40px; display:block;}
	.main #gnb .last a {position:relative; left:0px; top:0px;}
	.main #header .login_info {display:none;}
	.main .logo img {margin-left:0 !important; height:18px;}
	.main #logo img {height:23px;}
	.main #header .top .logo {left:0; top:7px;}
	.main #header .top, .main .header .top, .main #gnb ul, .main .gnb ul {width:auto;}
	
	.main .visual_box {border-width:1px; border-top:1px solid #b6b6b6; }
	.main .area.sizeFix {width:auto; }
	.main .portlet_box .area {padding:15px; overflow:auto;}	
	.main .portlet_box .item {width:32%; margin:0.5%;}
	.main .portlet_box .item.col2 {float:left; width:65%;}
	.main .portlet_box .item.col3 {float:left; width:98%;}
	.main .portlet_box .item.col3 .box,
	.main .portlet_box .item.col2 .box {padding-left:2.5%; width:95%;}

}


@media all and (max-width:767px){
	.main #header {padding-left:5%;}
	
	.main .visual_box .area {padding:20px;}
	.main .visual_box .area:before {line-height:150px; min-height:150px;}
	.main .visual_box .title {font-size:24px;}
	.main .visual_box .subtitle {font-size:16px;}
	
	.main .content_box .area:before {display:none;}
	.main .content_box .area .item.login {width:auto; display:block; padding:0 20px; margin-bottom:5px;}
	.main .content_box .area .item {width:47%; margin:1%;}
	.main .content_box .area .btnLogin {max-width:350px; width:100%; line-height:30px; font-size:18px; padding:10px 0; }
	.main .content_box .area .item.news {border-right:1px dashed #7b90b9; }
	.main .content_box .area .item.news .box {background-size:20px auto; -webkit-background-size:20px auto;}
	.main .content_box .area .item.time .box {background-size:25px auto; -webkit-background-size:25px auto;}
	.main .content_box .area .item.news .box,
	.main .content_box .area .item.time .box {padding-top:30px; background-position:center top;  min-height:inherit;}
	.main .content_box .area .txt,
	.main .banner_box .area .txt {font-size:12px; line-height:normal;}
	.main .banner_box .box {padding-top:5px; padding-bottom:5px; margin-bottom:5px;}
	.main .banner_box .item {display:block; width:auto; border-bottom:1px solid #E8D1BE; padding-top:5px;}
	.main .banner_box .item:last-child {border-bottom:none; padding-bottom:1px;}

	.main .portlet_box .item:before {display:none;}
	.main .portlet_box .item,
	.main .portlet_box .item.col2,
	.main .portlet_box .item.col3 {float:none; width:100%; margin:0 0 10px 0;}
	.main .portlet_box .item.col3 .box, 
	.main .portlet_box .item.col2 .box {padding-left:20px; padding-right:20px; width:auto;}
	.main .portlet_box .item .box,
	.main .portlet_box .box .txt {display:block;}
	.main .portlet_box .box .txt {font-size:12px; margin-top:5px;}
	.main .portlet_box .box .link {position:inherit; bottom:inherit; margin-top:5px; font-size:12px; color:#333;}
	.main .portlet_box .box .link:after {content:">>"; display:inline-block; padding-left:5px; color: #888; font-size: 10px;}
	.main .portlet_box .item.red 		.tit {color:#B20B0B;}
	.main .portlet_box .item.color1 	.tit {color:#1B4C84;}
	.main .portlet_box .item.color2 	.tit {color:#154F4D;}
	.main .portlet_box .item.color3 	.tit {color:#573A0D;}

}