@charset "UTF-8";

/**
 * @file	: authorization.css
 * @author	: story
**/

/*본인인증-공통*/
.ahr-box {position:relative;}
.ahr-box:after {clear:both; content:''; display:block;}
.ahr-tit {text-align:center;margin-top:50px !important;}
.ahr-tit h2 {font-size:28px; color:#121212;}
.ahr-tit p {}

.ahr-area {position:relative;}
.ahr-area .ahr-areaList {}
.ahr-area .ahr-areaList:after {content:''; display:block; clear:both;}
.ahr-area .ahr-areaList li {/*float:left; width:50%; padding:0 0px 40px 20px*/width:640px; margin:0 auto;}
.ahr-area-inner {}
.ahr-area-inner a {display:block; padding:40px; border:1px solid #e1e6ec; text-align:center;}
.ahr-area-inner a .ahr-icon {display:block; margin:0 auto; width:124px; height:124px; padding:10px; background-color:#f4f4f4; border-radius:50%; /*-webkit-transition:all 0.15s linear; transition:all 0.15s linear;*/}
.ahr-area-inner a .ahr-icon:before {content:''; display:block; width:104px; height:104px; background-image:url(/ulsangangsa/images/egovframework/story/gangsa/sub/sub_ir.png); background-repeat:no-repeat;}
.ahr-area-inner a .ahr-icon.ahr-icon.ahrcon01:before {background-position:0 -192px;} 
.ahr-area-inner a .ahr-icon.ahr-icon.ahrcon02:before {background-position:-105px -192px;} 
.ahr-area-inner a .ahr-caption {display:block; color:#222; font-size:1.8rem;} 
.ahr-area-inner a .ahr-txt {display:block; min-height:73px; color:#555;}
.ahr-area-inner a .ahr-btn {display:block; height:60px; line-height:60px; font-size:17px; border-radius:50px; color:#9ba0a4; background-color:#e6e9eb;}

.ahr-area-inner a:hover, .ahr-area-inner a:active, .ahr-area-inner a:focus {border-color:#3d4044; text-decoration:none;}
.ahr-area-inner a:hover .ahr-icon.ahrcon01,
.ahr-area-inner a:active .ahr-icon.ahrcon01,
.ahr-area-inner a:focus .ahr-icon.ahrcon01 {background-color:#ffe3ec; border-radius:50%;}
.ahr-area-inner a:hover .ahr-icon.ahrcon02,
.ahr-area-inner a:active .ahr-icon.ahrcon02,
.ahr-area-inner a:focus .ahr-icon.ahrcon02 {background-color:#e5faf6; border-radius:50%;}
.ahr-area-inner a:hover .ahr-btn,
.ahr-area-inner a:active .ahr-btn,
.ahr-area-inner a:focus .ahr-btn {color:#fff; background-color:#3d4044;}

	/*media query*/
@media screen and (max-width:1240px) {
	.ahr-box {padding:0 20px;}
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px){
}
@media screen and (max-width:880px){
	.ahr-area-inner a .ahr-txt {min-height:95px;}
}
@media screen and (max-width:767px) {
	.ahr-area .ahr-areaList li {width:100%;}
    .ahr-area-inner {width:100%;}
	.ahr-area-inner a .ahr-txt {min-height:auto;}
	.ahr-area-inner a .ahr-btn {height:50px; line-height:50px;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}