@charset "utf-8";

/* ================== Reset ================== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; 
padding:0;}

body{
	margin:0;
	overflow-y:scroll;
	font-size: 14px;
    font-family: '맑은 고딕', malgun gothic, sans-serif;
    line-height: 1.2;
    letter-spacing: -1px;
}

table { table-layout:fixed; border-collapse: collapse; word-break: break-all; border-spacing:0; }
img, video{
	max-width: 100%;
	height: auto;
}

img, fieldset{
	border: 0 ;
}

img, input, button, select, label{

}

*{margin:0; padding:0;}

ul, ol {list-style:none; vertical-align:top;}


/* 링크 스타일 */

a {
    cursor: pointer;
}

a:link{ 
	text-decoration: none;
	color:#000;
}
a:visited{ color:#000; text-decoration:none; }

h2, h3 {font-family: '맑은 고딕', malgun gothic, sans-serif;}


/************ layout **************/


.wrap {
	width:100%;
}

.layout-top {
	width:100%;
	height:120px;
	border-bottom:2px solid #ccc2c4;
}

.global{
	height: 30px;
	background: #676263;
}

.global ul {
	list-style-type: none;
}

.global li{
	display:inline;
}


.gnb_layout{
	position:relative;
	width: 980px;
	margin: 0 auto;
}

.gnb_option{
	float:right;
	width:270px; 	height: 30px;
}

.gnb_option{
	height: 30px;
}

.gnb_option a{
	color:#fff;
	font-size:12px;
	font-family: 'dotum';
	padding: 7px 12px;
}

.option_1, .option_2, .option_3{
	height: 30px;
    vertical-align: middle;
}

.option_1 a{
	width: 89px; 	
    border-left: 1px solid #312e2e;
    border-right: 1px solid #312e2e;
}

.option_3 a{
	width: 51px;
	height: 16px; display:inline-block;
	font-weight:bold;
    background-color: #d03e4b;
    border-left: 1px solid #312e2e;
    border-right: 1px solid #312e2e;
}

.logo {
	position:absolute;
	top: 57px;
}

.logo {
	position:absolute;
	top: 60px;
}

.top-menu {
	position:absolute;
	top: 65px; left: 380px;
}

.top-menu li.top-menu-on a {
	color:#d42531;
}

.top-menu li a{
	font-size:18px;
	padding: 0 25px;
}

.top-menu li a:hover{
	text-decoration: none;
	color:#d42531;	
}










/* 중간 컨텐츠 */

.layout-container{
	position:relative;
	width:985px;
	margin: 0 auto;
	padding-top:30px;
}


.visual{
	width:425px;
	z-index:5;
	overflow:hidden;
}

.main_cert_01{
	position:absolute;
	width: 140px;
	height: 313px;
	left:425px;
	top:30px;
}

.main_cert_01 a{
	display:inline-block;
	width: 140px;
	height: 313px;
	background: url(/images/common/menu01_off.jpg);
}

.main_cert_01 a:hover{
	display:inline-block;
	width: 140px;	  height: 313px;
	background: url(/images/common/menu01_on.jpg);
}


/* 신규발급 펼침 */

.main_cert_01_con{
	width:565px;
	background: url(/images/common/new_bg.jpg);
	height:313px;
	position:absolute;
	left:0px; top:30px;
	z-index:1;
}

.main_cert_01_con .new_contents{
	padding: 27px 38px;
	color:#fff;
	font-size:14px;
	line-height:1.6em;
	}

.main_cert_01_con .new_contents h2{
	font-size:28px;
	padding-bottom:15px;
}

.main_cert_01_con .new_contents span{
	padding-bottom:7px;
	display:inline-block;
}

.main_cert_01_con .new_contents span.new_price{
	width:488px;
	height:76px;
}

.new_price li {
	display:inline;
}

/* 자세히보기 버튼*/
.baronew_btn{
	position:absolute;
	top:25px;
	left:160px;
}

.barore_btn{
	position:absolute;
	top:30px;
	left:142px;
}

.barorenew_btn{
	position:absolute;
	top:30px;
	left:115px;
}

.baromgt_btn{
	position:absolute;
	top:45px;
	left:188px;
}
/* 재발급 펼침 */

.main_cert_02_con{
	width:565px;
	background: url(/images/common/re_bg.jpg);
	height:313px;
	position:absolute;
	left:140px; top:30px;
	z-index:1;
}

.main_cert_02_con .new_contents{
	padding: 27px 38px;
	color:#fff;
	font-size:14px;
	line-height:1.6em;
	}

.main_cert_02_con .new_contents h2{
	font-size:28px;
	padding-top:5px;
	padding-bottom:25px;
}

.main_cert_02_con .new_contents span{
	padding-bottom:7px;
	display:inline-block;
}

.main_cert_02_con .new_contents span.new_price{
	width:488px;
	height:76px;
}

.yellow {
	font-size:14px;
	font-weight:bold;
	color: yellow;
}

.main_cert_02_con .more_btn {
	padding-top:25px;
}

.btn_close {
	font-family: "돋움", dotum;
	font-size:11pt;
	position:absolute;
	top: 28px;
    right: 32px;
	color:#fff;
}

.btn_close img {
	vertical-align: top;
	padding-left:3px;
}


/* 갱신 펼침 */

.main_cert_03_con{
	width:565px;
	background: url(/images/common/renew_bg.jpg);
	height:313px;
	position:absolute;
	left:280px; top:30px;
	z-index:1;
}

.main_cert_03_con .new_contents{
	padding: 27px 38px;
	color:#fff;
	font-size:14px;
	line-height:1.6em;
	}

.main_cert_03_con .new_contents h2{
	font-size:28px;
	padding-top:5px;
	padding-bottom:20px;
}

.main_cert_03_con .new_contents span{
	padding-bottom:7px;
	display:inline-block;
}

.main_cert_03_con .new_contents span.new_price{
	width:488px;
	height:76px;
}

.main_cert_03_con .small_txt{
	font-size:12px;
}

.main_cert_03_con .more_btn {
	padding-top:22px;
}


/* 인증서관리 펼침 */

.main_cert_04_con{
	width:565px;
	background: url(/images/common/manage_bg.jpg);
	height:313px;
	position:absolute;
	left:420px; top:30px;
	z-index:1;
}

.main_cert_04_con .new_contents{
	padding: 27px 38px;
	color:#2d2917;
	font-size:14px;
	line-height:1.6em;
	}

.main_cert_04_con .new_contents h2{
	font-size:28px;
	padding-top:20px;
	padding-bottom:30px;
}

.main_cert_04_con .new_contents span{
	padding-bottom:7px;
	display:inline-block;
}

.main_cert_04_con .new_contents span.new_price{
	width:488px;
	height:76px;
}

.main_cert_04_con .small_txt{
	font-size:12px;
}

.main_cert_04_con .more_btn {
	padding-top:85px;
}

.main_cert_04_con .btn_close {
	font-family: "돋움", dotum;
	font-size:11pt;
	position:absolute;
	top: 28px;
    right: 32px;
	color:#2d2917;
}



.main_cert_02{
	position:absolute;
	width: 140px;
	height: 313px;
	left:565px;
	top:30px;
}

.main_cert_02 a{
	display:inline-block;
	width: 140px;
	height: 313px;
	background: url(/images/common/menu02_off.jpg);
}

.main_cert_02 a:hover{
	display:inline-block;
	width: 140px;	  height: 313px;
	background: url(/images/common/menu02_on.jpg);
}

.main_cert_03{
	position:absolute;
	width: 140px;
	height: 313px;
	left:705px;
	top:30px;
}

.main_cert_03 a{
	display:inline-block;
	width: 140px;
	height: 313px;
	background: url(/images/common/menu03_off.jpg);
}

.main_cert_03 a:hover{
	display:inline-block;
	width: 140px;	  height: 313px;
	background: url(/images/common/menu03_on.jpg);
}


.main_cert_04{
	position:absolute;
	width: 140px;
	height: 313px;
	left:845px;
	top:30px;
}

.main_cert_04 a{
	display:inline-block;
	width: 140px;
	height: 313px;
	background: url(/images/common/menu04_off.jpg);
}

.main_cert_04 a:hover{
	display:inline-block;
	width: 140px;	  height: 313px;
	background: url(/images/common/menu04_on.jpg);
}




.cert_img{
	padding: 65px  30px 17px  30px;
}

.main_cert_wrap .new {
	color:#fff;
	font-weight:bold;	
	margin-left:35px;
}

.main_cert_wrap .re {
	color:#fff;
	font-weight:bold;	
	margin-left:44px;
}

.main_cert_wrap .renewal {
	color:#fff;
	font-weight:bold;	
	margin-left:52px;
}

.main_cert_wrap .certmg {
	color:#383031;
	font-weight:bold;	
	margin-left:28px;
}

.new_go {
	width:75px; height:20px;
	border:1px solid #fff ; 
	color: #fff;
	font-size:12px;
	margin-left:32px; 	margin-top:65px;
	text-align:center;  padding-top:5px;
}

.rmargin{
	margin-right:12px; 
}



/* 중간 바로가기메뉴 */

.baro_menu{
	margin-top:34px;
	width:985px;
	height:155px;
	position:relative;
}

.baro_menu ul{ 
	list-style-type: none;
}

.baro_menu li{ 
	float:left;
	width: 124px;	 
	height: 117px;
}

.baro_menu .baro_button{
	padding-right:19px;
}


.baro_menu .baro_button1 a{
	display:inline-block;
	width: 124px;	  height: 117px;
	background: url(/images/common/boro_menu.png);
}

.baro_menu .baro_button1 a:hover{
	display:inline-block;
	width: 124px;	  height: 117px;
	background: url(/images/common/boro_menu.png);
	background-position: 0 118px;
}


 .baro_button2 a{
	display:inline-block;
	width: 124px;	  height: 117px;
	background: url(/images/common/boro_menu.png) -124px 0 ;
}

 .baro_button2 a:hover{
	display:inline-block;
	width: 124px;	  height: 117px;
	background: url(/images/common/boro_menu.png);
	background-position: -124px 118px;
}


 .baro_button3 a{
	display:inline-block;
	width: 124px;	  height: 117px;
	background: url(/images/common/boro_menu.png) -248px 0 ;
}

 .baro_button3 a:hover{
	display:inline-block;
	width: 124px;	  height: 117px;
	background: url(/images/common/boro_menu.png);
	background-position: -248px 118px;
}


 .baro_button4 a{
	display:inline-block;
	width: 124px;	  height: 117px;
	background: url(/images/common/boro_menu.png) -372px 0 ;
}

 .baro_button4 a:hover{
	display:inline-block;
	width: 124px;	  height: 117px;
	background: url(/images/common/boro_menu.png);
	background-position: -372px 118px;
}

 .baro_button5 a{
	display:inline-block;
	width: 124px;	  height: 117px;
	background: url(/images/common/boro_menu.png) -496px 0 ;
}

 .baro_button5 a:hover{
	display:inline-block;
	width: 124px;	  height: 117px;
	background: url(/images/common/boro_menu.png);
	background-position: -496px 118px;
}


 .baro_button6 a{
	display:inline-block;
	width: 124px;	  height: 117px;
	background: url(/images/common/boro_menu.png) -620px 0 ;
}

 .baro_button6 a:hover{
	display:inline-block;
	width: 124px;	  height: 117px;
	background: url(/images/common/boro_menu.png);
	background-position: -620px 118px;
}


 .baro_button7 a{
	display:inline-block;
	width: 124px;	  height: 117px;
	background: url(/images/common/boro_menu.png) -744px 0 ;
}

 .baro_button7 a:hover{
	display:inline-block;
	width: 124px;	  height: 117px;
	background: url(/images/common/boro_menu.png);
	background-position: -744px 118px;
}


/*자주찾는질문*/

.customer{
	position:relative;
}

.customer h4{
	font-size:17px;
	padding:20px 0 15px 25px;
}

.customer li {
	font-size:13px;
	line-height:1.8em;
	padding-left:35px;
	font-family: dotum, "돋움"
}

.customer li a:hover {
	text-decoration: underline;
	font-weight:bold;
	letter-spacing:-2px;
}

.faq {
	width:410px;
	height:171px;
    background: url(/images/common/faq_bg.gif);
}

.cs {
	position:absolute;
	left:430px;  top:0;
	width:551px;
	height:171px;
}

.cs img {
	position:absolute;
	top:0;
	left:0;
}

.cs .left_con{
	position:absolute;	
}

.cs .right_con{
	position:absolute;
	left:290px;	
}

 
/** footer **/

.footer_wrap{
	margin-top:40px;
	background-color:#f2f4f5;
	width:100%;
	height: 155px;
	font-family:dotum, "돋움"
}

.footer {
	width:985px;
	margin:0 auto;
	padding-top:25px;
}

.footer_logo{
	width: 146px;
	float:left;
	margin-right:70px;
	display:inline;
}

.privacy{ 
	margin-top:5px;  
	width:900px;
	font-size:13px;
}

.privacy ul{
		display:inline;
}

.privacy li {
	display:inline;
	padding-right:15px;
}

.info {
	font-size:13px;
	color:#595153;
	line-height:11px;
	border-top:1px solid #ccc;
	padding-top:23px;
	margin-top:15px;
}

.copy{
	font-size:11px;
	margin-top:14px;
	margin-bottom:10px;
	color:#bbb;
}



/**************************** 신규발급 ******************************/

.sub-contents {
    margin-top: 55px;
}

.icon img {
	vertical-align:middle;
}

.sub-container{
	position:relative;
	width: 980px;
	margin: 0 auto;
}

.layout-body{
	padding:0 0 20px 0;
}

.sub-left {
    float: left;
    width: 714px;
}

.layout-body .layout-fixed-width > h1{
	padding-top:40px; padding-bottom:20px;
	height:35px;
	 font-size: 28px;
    line-height: 1;
    color: #090909;
    letter-spacing: -2px;
}

.sub_new .sub-box {
    height: 380px;
    border-color: #dcc9cc;
    border-top-color: #cb7b82;
    background-position: 52px 93px;
    background-color: #f9f9f9;
}

.sub-box{
	position: relative;
    padding-left: 200px;
    padding-right: 20px;
    border: 1px solid #CCC;
    border-top-width: 4px;
    background: #F8F8F8 url("/images/common/certimg_01.png") no-repeat 35px 85px ;
}

.sub-box h2{
    margin-top: 18px;
    font-size: 23px;
    font-weight: normal;
    line-height: 1;
    letter-spacing: -3px;
}

.sub-box-fee div{
    padding-top: 5px;
    height: 25px;
    color: #FFF;
    font-weight: bold;
    background-color: #999288;
    letter-spacing: 1px;
}

 .new_price1 a{
	display:inline-block;
	width: 141px;	  height: 106px;
	background: url(/images/common/price-bg.jpg) 141px 0 ;
}

 .sub-box .on a{
	display:inline-block;
	width: 141px;	  height: 106px;
	background: url(/images/common/price-bg.jpg) 141px 106px;
	cursor: default;
}

.new_price1:hover li{
	display:inline-block;
	width: 141px;	  height: 106px;
	background: url(/images/common/price-bg.jpg) 0px 0px;
}

 .new_price1 a:hover{
	display:inline-block;
	width: 141px;	  height: 106px;
	background: url(/images/common/price-bg.jpg) 141px 106px;
}

 .new_price2 a{
	display:inline-block;
	width: 141px;	  height: 106px;
	background: url(/images/common/price-bg.jpg) -142px 0 ;
}

 .new_price2 a:hover{
	display:inline-block;
	width: 141px;	  height: 106px;
	background: url(/images/common/price-bg.jpg) -142px 106px;
}

 .new_price3 a{
	display:inline-block;
	width: 141px;	  height: 106px;
	background: url(/images/common/price-bg.jpg) 0 0 ;
}

 .new_price3 a:hover{
	display:inline-block;
	width: 141px;	  height: 106px;
	background: url(/images/common/price-bg.jpg) 0 106px;
}

.no-renewal-img {
	position: absolute;
	top: 44px;
}

.new_price3 + .no-renewal-img {
    right: 223px;
}

.new_price2 + .no-renewal-img {
    right: 71px;
}

.sub-box-fee li:FIRST-CHILD {
    margin-left: 0;

}

.sub-box-fee p {
	margin-top:40px;
    padding-bottom: 10px;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.1;
    color: #d03e4b;
}

.sub-box-fee li{
	float: left;
    width: 141px;
    height:106px;
	margin-top:15px;
	margin-left:10px;
    text-align: center;
	}

.sub-box-fee p s {
	font-size: 15px;
    font-weight: normal;
    line-height: 1;
    color: #62656A;
}

.sub-box-fee p span {
	font-size: 12px;
    line-height: 1;
    color: #9E9E9E;
    margin-left: -4px;
	letter-spacing:-0.1px;
}

 .sub-box-content {
	padding:17px 0 15px 0;
	font-size:14px;
	line-height:1;
}

.sub-box-content-target{
	width:50%;
	float:left;
}

.sub-box-content-term{
	width:50%;
	float:right;
}

.sub-box-content-benefit{
	width:100%;
	clear:both;
	padding:5px 0;
	font-size:14px;
	width:100%;
	border-top: 1px dashed #CECECE;
}

.sub-box-content-benefit span{
	padding:12px 0;
	line-height:1.5;
	letter-spacing:-0.1px;
}

.sub-box .sub-box-alert {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:75px;
	background-color:#FFF;
	border-top:1px solid #C8D1D8;
}

.sub-box .sub-box-alert h3 {
	display:inline-block;
	zoom:1;
	*display:inline;
	width:88px;
	height:21px;
	margin-top:29px;
	padding-left:80px;
	font-size:16px;
	line-height:1;
	background: url("/images/common/sub-icon-warn.png") no-repeat 56px 2px;
	vertical-align:top;
	border-right:1px solid #DDDDDD;
}

.sub-box .sub-box-alert p {
	display:inline-block;
	margin-top:17px;
	margin-left:25px;
	font-size:13px;
	line-height:1.6;
	vertical-align:top;
}

.sub-box .sub-box-alert p u {
	color:#079481;
	font-weight:bold;
}

.sub-tab2 {
    margin-top: 25px;
    height: 60px;
}

.sub-tab2 li.sub-tab2-on {
    background-color: #414a69;
}

.sub-tab2 li {
    float: left;
    width: 170px;
    height: 60px;
    margin-left: 10px;
    background-color: #E9E9E9;
    color: #404040;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}

.sub-tab2 li:FIRST-CHILD {
    margin-left: 0;
}

.sub-button .sub-button-guide a:HOVER {
	text-decoration:underline;
}

.sub-tab2 li.sub-tab2-on a {
    color: #FFF;
}

.sub-tab2 li a {
    display: block;
    height: 39px;
    padding-top: 22px;
}

/* sub-right*/

.sub-button{
	position:relative;
    height: 468px;
}

.sub-right {
    float: right;
    width: 240px;
}

.sub-button .sub-button-req {
    height: 60px;
    margin-bottom: 13px;
}

.sub_new .sub-button .sub-button-req a {
    background-position: 0 0;
}

.sub-button .sub-button-req a {
    height: 40px;
    padding-top: 20px;
    color: #FFF;
}

.sub-button div a {
    display: block;
    font-size: 17px;
    font-weight: bold;
    line-height: 1;
    padding-left: 95px;
    background: url(/images/common/buttons.gif) no-repeat;
    cursor: pointer;
}

.sub-button .sub-button-get a {
    background-position: 0 -60px;
	height: 58px;
}

/* 오른쪽 하단 버튼*/

.sub-button .sub-button-print {
    position: absolute;
    bottom:120px;
    width: 100%;
    height: 35px;
    padding-top: 8px;
	font-family:"돋움", dotum;
	font-size:12px;
}

.sub-button .sub-button-billing {
    position: absolute;
    bottom: 85px;
    width: 100%;
    height: 35px;
    padding-top: 8px;
	font-family:"돋움", dotum;
	font-size:12px;
}

.sub-button .sub-button-print a, .sub-button .sub-button-billing a {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    padding: 7px 3px;
    border: 1px solid #D5D5D5;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    vertical-align: baseline;
    background: none;
}

.sub-button .sub-button-guide {
    position: absolute;
    bottom: 0;
    width: 100%;
    height:58px;
    padding-top: 26px;
    border-top: 1px dashed #CACACA;
}

.sub-button .sub-button-guide a {
    height: 34px;
    padding-top: 24px;
    padding-left: 44px;
	letter-spacing:-0.5px;
	font-family:"돋움", dotum;
	font-size:12px;
    font-weight: bold;
    line-height: 1;
    background-position: 0 -294px;
}

/*신청절차*/

.sub-bottom {
    clear: both;
    padding-top: 1px;
}

.sub-contents h1 {
    position: relative;
    height: 37px;
    font-size: 21px;
    line-height: 1;
    letter-spacing: -2px;
    border-bottom: 1px solid #C5C5C5;
}

.sub-contents .sub-contents-process {
    padding: 0 12px;
    margin: 40px 0 20px 0;
    height: 170px;
}

.sub-contents .sub-contents-process li.sub-contents-process-info1 {
    background-image: url(/images/common/sub-process-form.png);
}

.sub-contents .sub-contents-process li.sub-contents-process-info2 {
    background-image: url(/images/common/sub-process-pay.png);
}

.sub-contents .sub-contents-process li.sub-contents-process-info3 {
    background-image: url(/images/common/sub-process-submit.png);
}

.sub-contents .sub-contents-process li.sub-contents-process-info4 {
    background-image: url(/images/common/sub-process-receive.png);
}

.sub-contents .sub-contents-process li {
    float: left;
    width: 184px;
    height: 80px;
    padding-top: 90px;
    background: url(http://14.63.219.81:8602/common/css/layout.css) no-repeat top center;
    text-align: center;
    font-size: 13px;
    line-height: 2;
}

.sub-contents .sub-contents-process li h3 {
    font-size: 17px;
    letter-spacing: -2px;
}

.sub-contents .sub-contents-process li span {
    line-height: 3.5;
}

.sub-contents .sub-contents-process li.sub-contents-process-arrow {
    width: 70px;
    background: url(/images/common/sub-arrow-2-e.gif) no-repeat center 30px;
}

.sub-contents .sub-contents-tip {
    position: relative;
    padding: 17px 18px;
    background-color: #eff1f3;
    line-height: 1.7;
}

.sub-contents .sub-contents-p {
    position: relative;
    margin: 30px 10px;
    font-size: 15px;
    line-height: 1.8;
}

.sub-contents .sub-contents-usage {
    margin: 20px 60px;
}

.sub-contents .sub-contents-usage li.sub-contents-usage-info1 {
    background-image: url(/images/common/sub-usage-img1.gif);
    color: #C03F39;
}

.sub-contents .sub-contents-usage li:FIRST-CHILD {
    border-top: 0;
}

.sub-contents .sub-contents-usage li {
    height: 70px;
    padding-top: 40px;
    border-top: 1px dashed #CCCCCC;
    background: no-repeat 20px center;
}

.sub-contents .sub-contents-usage li.sub-contents-usage-info2 {
    background-image: url(/images/common/sub-usage-img2.gif);
    color: #077692;
}

.sub-contents .sub-contents-usage li {
    height: 70px;
    padding-top: 40px;
    border-top: 1px dashed #CCCCCC;
    background: url(http://14.63.219.81:8602/common/css/layout.css) no-repeat 20px center;
}

.sub-contents .sub-contents-usage li.sub-contents-usage-info3 {
    background-image: url(/images/common/sub-usage-img3.gif);
    color: #02846A;
}

.sub-contents .sub-contents-usage li {
    height: 70px;
    padding-top: 40px;
    border-top: 1px dashed #CCCCCC;
    background: no-repeat 20px center;
}

.sub-contents .sub-contents-usage li h3 {
    display: inline-block;
    zoom: 1;
    width: 155px;
    padding-left: 107px;
    border-right: 1px solid #DDDDDD;
    font-size: 17px;
    line-height: 1;
    vertical-align: middle;
}

.sub-contents .sub-contents-usage li span {
    display: inline-block;
    zoom: 1;
    padding-left: 50px;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #000;
    vertical-align: middle;
}


/*구비서류 안내*/


.sub-contents .sub-contents-doc {
	width:100%;
	font-size:15px;
	line-height:1;
	margin-top:20px;
}

.sub-contents .sub-contents-doc th,
.sub-contents .sub-contents-doc td {
	padding:15px 0;
	text-align:center;
	font-weight:bold;
}

.sub-contents .sub-contents-doc th span,
.sub-contents .sub-contents-doc td span {
	display:block;
	font-weight:normal;
	font-size:13px;
	line-height:1.5;
	padding-top:10px;
}

.sub-contents .sub-contents-doc thead th,
.sub-contents .sub-contents-doc thead td {
	font-size:17px;
	font-weight:bold;
	line-height:1;
}

.sub-contents .sub-contents-doc thead th { color:#FFF; background: #4c4c4c url("/images/common/sub-icon-human1.gif") no-repeat 139px center; }
.sub-contents .sub-contents-doc thead td { color:#FFF; background: #979797 url("/images/common/sub-icon-human3.gif") no-repeat 204px center; }

.sub-contents .sub-contents-doc tbody th { background-color:#F9F9F9; }

.sub-contents .sub-contents-doc tbody th,
.sub-contents .sub-contents-doc tbody td { padding: 150px 0 18px 0; vertical-align:top; }

.sub-contents .sub-contents-doc tbody th.sub-contents-doc-1,
.sub-contents .sub-contents-doc tbody td.sub-contents-doc-1
{ background-image: url("/images/common/sub-doc-form.png"); background-repeat: no-repeat; background-position: center 40px; }
.sub-contents .sub-contents-doc tbody th.sub-contents-doc-2, 
.sub-contents .sub-contents-doc tbody td.sub-contents-doc-2 { background-image: url("/images/common/sub-doc-license.png"); background-repeat: no-repeat; background-position: center 42px; }
.sub-contents .sub-contents-doc tbody th.sub-contents-doc-3,
.sub-contents .sub-contents-doc tbody td.sub-contents-doc-3 { background-image: url("/images/common/sub-doc-id.png"); background-repeat: no-repeat; background-position: center 65px; }
.sub-contents .sub-contents-doc tbody th.sub-contents-doc-4,
.sub-contents .sub-contents-doc tbody td.sub-contents-doc-4 { background-image: url("/images/common/sub-doc-signet.png"); background-repeat: no-repeat; background-position: center 40px; }



.sub-contents .sub-contents-doc-whiteline { border-left:2px solid #FFF; }
.btn_apply {
	padding-left:178px;
}

/* 서류제출방법 */

.sub-contents .sub-contents-step {
	height:111px;
	margin-top:25px;
    margin-left: 13px;
}

.sub-contents .sub-contents-step li {
	float:left;
	width:259px;
	height:75px;
	padding:10px 13px;
	border:1px solid #BFBFBF;
	background: #F6FAFB no-repeat 215px center;
	font-size:14px;
	line-height:1.5;
}

.sub-contents .sub-contents-step li.sub-contents-step-1 { background-image: url("/images/common/sub-process-pay.png"); }
.sub-contents .sub-contents-step li.sub-contents-step-2 { background-image: url("/images/common/sub-process-postman.png"); }
.sub-contents .sub-contents-step li.sub-contents-step-3 { background-image: url("/images/common/sub-process-issue.png"); }

.sub-contents .sub-contents-step li h3 {
	color:#095D9D;
	margin-bottom:10px;
	font-size:17px;
	line-height:1;
}

.sub-contents .sub-contents-step li.sub-contents-step-arrow {
	width:20px;
	border:0;
	background: url(/images/common/sub-arrow-2-e.gif) no-repeat center center;
}

.sub-contents .sub-contents-arrow {
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 41px;
    height: 41px;
    background: url(/images/common/sub-arrow-4-n.gif) no-repeat;
}
.sub-contents .sub-contents-arrow.sub-contents-arrow-s {
	background: url(/images/common/sub-arrow-4-s.gif) no-repeat;
}

.sub-contents h1 span {
    margin-left: 30px;
    font-size: 14px;
    line-height: 1;
}
.blue {
    color: #1156A9 !important;
}

.sub-accordion li.sub-accordion-content {
    border-bottom: 1px solid #C5C5C5;
    font-size: 15px;
    line-height: 1;
	padding-bottom:30px;
	display:none;
}


.sub-accordion li.sub-accordion-title {
    padding: 20px 0 20px 30px;
    border-bottom: 1px solid #C5C5C5;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}
.sub-accordion li {
    position: relative;
}


/* 재발급 */

.sub-re .sub-box {
	border-color:#C9BDAD;
	border-top-color:#66575a;
	background-image: url("/images/common/certimg_02.png");
	height:320px;

}

.sub-box .sub-box-content.sub-box-content-fee img {
	vertical-align:top;
}

.sub-re .sub-box > h2 {
height:35px;
margin-top: 30px;
}

.sub-re .sub-box > p {
	height:22px;
	color:#d03e4b;
	font-size:14px;
	letter-spacing:-1px;
	line-height:1;
}



.sub-re  .sub-box-content-target{
	width:100%;
	padding:15px 0;
	font-size:14px;
	width:100%;
	border-top: 1px dashed #CECECE;
}

.sub-box-content-target .target_list{
	margin-top:10px;
	line-height:1.6;
}

.sub-re .sub-box-alert{
	height:60px;
}

.sub-re .sub-box-alert h3{
	margin-top:23px;
}

.sub-re .sub-box-alert p{
	margin-top:20px;
	letter-spacing:0.2px;
}

.sub-re .sub-button { height:409px;   margin-top:40px; }
.sub-re .sub-button .sub-button-req a { background-position:0 -118px; }
.sub-re .sub-button .sub-button-guide a { padding-left:48px; }


.sub-re .sub-contents .sub-contents-process li.sub-contents-process-arrow {
width:95px;
}

.sub-re .sub-contents .sub-contents-process {
	margin:40px 0 20px 105px;
}

.sub-contents .sub-contents-ul {
    margin: 40px 0 20px 0;
    padding-left: 50px;
}

.sub-contents .sub-contents-ul li {
    list-style-type: disc;
    height: 30px;
}

.sub-contents .sub-contents-p h3 {
    padding-left: 25px;
    color: #174f8c;
    font-size: 18px;
    line-height: 1;
    margin-top: 15px;
}

.sub-re .sub-notify { padding-top:7px;  height:32px; }

/*갱신*/

.sub-renewal {
}

.sub-renewal .sub-notify {background-position: 0 19px; padding-top:7px; height:32px; }

.sub-renewal .sub-box {
	height:345px;
	border-color:#C7BEAD;
	border-top-color:#414a69;
	background-image: url("/images/common/certimg_03.png");
}

.sub-renewal .sub-button .sub-button-get a {
    background-position: 0px -236px;
    height: 58px;
}

.sub-renewal .sub-box > h2 
{ height:75px;  margin-top:32px;}

.sub-renewal .sub-box .sub-box-content.sub-box-content-target 
{ border-bottom: 1px dashed #CECECE; }

.sub-renewal .sub-button { height:348px;  margin-top:40px; }
.sub-renewal .sub-button .sub-button-req a { background-position:0 -176px; }
.sub-renewal .sub-button .sub-button-guide a { padding-left:55px; }

.sub-renewal .sub-box-content-target {
 border-top: 1px dashed #CECECE;
 border-bottom: 1px dashed #CECECE;
 width: 85%;
}

.sub-renewal .sub-box-content-fee {
 border-top: 1px dashed #CECECE;  width: 85%;
}

.sub-notify .span img {
	    padding-bottom: 4px;
}

.sub-renewal .sub-button .sub-button-guide {
    padding-top: 16px;
}

.sub-contents .sub-contents-process li.sub-contents-process-info6 {
    background-image: url("/images/common/sub-process-renew.png");
}

.sub-contents .sub-contents-process li.sub-contents-process-info5 {
    background-image: url("/images/common/sub-process-complete.png");
}

.sub-renewal .sub-contents .sub-contents-process li.sub-contents-process-arrow {
	width:95px;
}

.sub-renewal .sub-contents .sub-contents-process{
	margin: 40px 0 20px 105px;
}


/* 인증서 관리 */

.sub-mgt  h1{
	padding-top:40px; 
	font-size: 30px;
	padding-bottom:20px;
    letter-spacing: -2px;
}

.sub-container .sub-notify {background-position: 0 19px; padding-top:7px; height:32px; }

.sub-mgt .sub-mgt-top {
	height:370px;
	margin-bottom:40px;
}
.sub-mgt .sub-mgt-top > li {
	float:left;
	width:310px;
	height:235px;
	padding-top:145px;
	margin-left:25px;
	background: #EBEFF2 no-repeat center 40px;	
	text-align:center;
}

.sub-mgt .sub-mgt-top > li.sub-mgt-top-1 { background-image: url("/images/common/sub-mgt-1-img1.gif"); }
.sub-mgt .sub-mgt-top > li.sub-mgt-top-2 { background-image: url("/images/common/sub-mgt-1-img2.gif"); }
.sub-mgt .sub-mgt-top > li.sub-mgt-top-3 { background-image: url("/images/common/sub-mgt-1-img3.gif"); }

.sub-mgt .sub-mgt-top > li h3 {
	font-size:18px;
	line-height:1;
}

.sub-mgt .sub-mgt-top > li ul {
	margin:20px 0 0 50px;
	height:110px;
}
.sub-mgt .sub-mgt-top > li ul li {
	list-style-type: disc;
	text-align:left;
	line-height:1.5;
	letter-spacing:0;
}
.sub-mgt .sub-mgt-top > li a {
	display:inline-block;
	zoom:1;
	*display:inline;
	width:210px;
	height:33px;
	padding-top:14px;
	padding-right:7px;
	background: url("/images/common/buttons.gif") no-repeat 0 -399px;
	color:#FFF;
	font-size:16px;
	line-height:1;
	font-weight:bold;
	text-align:center;
}
.sub-mgt .sub-mgt-top > li:FIRST-CHILD   {
	margin-left:0;
}

.sub-mgt .sub-mgt-bottom > li:FIRST-CHILD {
	margin-left:0;
}

.sub-mgt-bottom-4, .sub-mgt-bottom-2{
	margin-left:32px;
}

.sub-mgt .sub-mgt-top > li a:HOVER { background-position: 0 -352px; }

.sub-mgt .sub-mgt-bottom {
	clear:both;
}

.sub-mgt .sub-mgt-bottom li {
	position:relative;
	float:left;
	width:437px;
	height:106px;
	padding:25px 0 0 35px;
	border: 1px solid #ABABAB;

	margin-bottom:32px;
	background: no-repeat 45px 55px;
}
.sub-mgt .sub-mgt-bottom li.sub-mgt-bottom-1 { background-image: url("/images/common/sub-mgt-2-img1.gif"); }
.sub-mgt .sub-mgt-bottom li.sub-mgt-bottom-2 { background-image: url("/images/common/sub-mgt-2-img2.gif"); }
.sub-mgt .sub-mgt-bottom li.sub-mgt-bottom-3 { background-image: url("/images/common/sub-mgt-2-img3.gif"); }
.sub-mgt .sub-mgt-bottom li.sub-mgt-bottom-4 { background-image: url("/images/common/sub-mgt-2-img4.gif"); }

.sub-mgt .sub-mgt-bottom li span {
	position:absolute;
	top:25px;
	left:145px;
	line-height:1.5;
	letter-spacing:0;
}
.sub-mgt .sub-mgt-bottom li a {
	display:inline-block;
	zoom:1;
	*display:inline;
	position:absolute;
	top:75px;
	left:145px;
	width:130px;
	height:24px;
	padding-top:5px;
	padding-left:15px;
	background: url("/images/common/buttons.gif") no-repeat 0 -446px;
	font-weight:bold;
	color:#1C414A;
}

/* 고객센터 */

.sub-csc h1{
	margin-bottom:30px;
	padding-top:40px;
}

ul.tabs {
	margin: 0;
	padding: 0;
	height: 54px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 53px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #F0F0F0;
	overflow: hidden;
	position: relative;
}

ul.tabs li a {
	text-decoration: none;
	display: block;
	width:325px;
	height:55px;
	color: #000;
	font-weight:bold;
	font-size: 1.4em;
	position:relative;
}

ul.tabs .first_li {
	position:absolute;
	top:11px; left:104px; 
}

ul.tabs .two_li {
	position:absolute;
	top:11px; left:106px; 
}

ul.tabs .three_li {
	position:absolute;
	top:11px; left:131px; 
}

.first_li_width{
	width:327px;
}

ul.tabs li a:hover {
	background: #ccc;
}	

html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 40px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}

.tab_content h3 a{
	color: #254588;
}

.tab_container .sub-notify {
	font-size:15px;
	height:20px;
}

.dash_line{
	padding-top:20px;
	border-bottom: 1px dashed #ddd;
}


.sub-csc .sub-faq-category {
	height:50px;
    margin-top: 30px;
}

.sub-csc .sub-faq-category li.sub-faq-category-1 {background: #FFF url(/images/common/sub-icon-faq1.gif) no-repeat 43px 17px;}
.sub-csc .sub-faq-category li.sub-faq-category-2 {background: #FFF url(/images/common/sub-icon-faq2.gif) no-repeat 32px 15px;}
.sub-csc .sub-faq-category li.sub-faq-category-3 {background: #FFF url(/images/common/sub-icon-faq3.gif) no-repeat 36px 15px;}
.sub-csc .sub-faq-category li.sub-faq-category-4 {background: #FFF url(/images/common/sub-icon-faq4.gif) no-repeat 44px 14px;}
.sub-csc .sub-faq-category li.sub-faq-category-5 {background: #FFF url(/images/common/sub-icon-faq5.gif) no-repeat 21px 15px;}
.sub-csc .sub-faq-category li.sub-faq-category-6 {background: #FFF url(/images/common/sub-icon-faq6.gif) no-repeat 46px 15px;}

.sub-csc .sub-faq-category li {
    float: left;
    width: 140px;
    height: 44px;
    margin-bottom: 20px;
    border: 1px solid #C8D2DB;
    background-color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
	margin-right:7px;
    line-height: 1;
    cursor: pointer;
}

.sub-csc .sub-faq-category li a {
    display: inline-block;
    zoom: 1;
    width: 140px;
    height: 44px;
    padding: 13px 0 0 10px;
}

.sub-csc .sub-faq-category li:HOVER {
	border:1px solid #414a69;
	width:140px;
    height: 44px;
}

.sub-csc .sub-faq-category li.sub-faq-category-1:hover {
    background: #FFF url(/images/common/sub-icon-faq1_on.gif) no-repeat 43px 17px;
}

.sub-csc .sub-faq-category li.sub-faq-category-2:hover {
    background: #FFF url(/images/common/sub-icon-faq2_on.gif) no-repeat 32px 15px;
}

.sub-csc .sub-faq-category li.sub-faq-category-3:hover {
    background: #FFF url(/images/common/sub-icon-faq3_on.gif) no-repeat 36px 15px;
}

.sub-csc .sub-faq-category li.sub-faq-category-4:hover {
    background: #FFF url(/images/common/sub-icon-faq4_on.gif) no-repeat 44px 14px;
}

.sub-csc .sub-faq-category li.sub-faq-category-5:hover {
    background: #FFF url(/images/common/sub-icon-faq5_on.gif) no-repeat 21px 15px;
}

.sub-csc .sub-faq-category li.sub-faq-category-6:hover {
    background: #FFF url(/images/common/sub-icon-faq6_on.gif) no-repeat 46px 15px;
}

.sub-csc .sub-faq-category li.sub-faq-category-on {
	border:1px solid #414a69;
	width:140px;
    height: 44px;
}
.sub-csc .sub-faq-category li.sub-faq-category-on.sub-faq-category-1 { background-image: url(/images/common/sub-icon-faq1_on.gif); background-position: 43px 17px; }
.sub-csc .sub-faq-category li.sub-faq-category-on.sub-faq-category-2 { background-image: url(/images/common/sub-icon-faq2_on.gif); background-position: 32px 15px; }
.sub-csc .sub-faq-category li.sub-faq-category-on.sub-faq-category-3 { background-image: url(/images/common/sub-icon-faq3_on.gif); background-position: 36px 15px; }
.sub-csc .sub-faq-category li.sub-faq-category-on.sub-faq-category-4 { background-image: url(/images/common/sub-icon-faq4_on.gif); background-position: 44px 14px; }
.sub-csc .sub-faq-category li.sub-faq-category-on.sub-faq-category-5 { background-image: url(/images/common/sub-icon-faq5_on.gif); background-position: 21px 15px; }
.sub-csc .sub-faq-category li.sub-faq-category-on.sub-faq-category-6 { background-image: url(/images/common/sub-icon-faq6_on.gif); background-position: 46px 15px; }

.sub-csc .sub-left > h2 {
	position:relative;
	padding-bottom:10px;
	margin-top:40px;
	font-size:23px;
	font-weight:normal;
	line-height:1;
}
.sub-csc .sub-left > h2 a {
	position:absolute;
	bottom:15px;
	right:0;
	font-size:14px;
	line-height:1;
}
.sub-csc .sub-left > h2 a:HOVER { text-decoration: underline; }

.sub-csc .sub-csc-list {
	border-top: 2px solid #3B424A;
}

.sub-csc .sub-csc-list li {
	padding:12px 0 12px 80px;
	border-bottom:1px solid #E0E0E0;
	line-height:1.5;
}

.search {
    text-align: right;
    padding-right: 3px;
	margin-top:40px;
}

.sub-csc .sub-faq-category {
    height: 50px;
    margin-top: 40px;
}

.button img,select {
    vertical-align: middle;
}

.qna_container{
    margin-top: 20px;
    border-top: 2px solid #979797;
}
.qna_st {
    width: 890px;
    border-bottom: 1px solid #c6c6c6;
    table-layout: fixed;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.qna_st th {
    background-color: #e3e7ea;
    padding: 15px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 15px;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.qna_st td {
    padding: 15px;
    border-bottom: 1px solid #e2e2e2;
    text-align: center;
    font-size: 13px;
    line-height: 21px;
}

.qna_st img{
	    vertical-align: middle;
		padding-right:7px;
}

.qna_st td {
    padding: 15px;
    border-bottom: 1px solid #e2e2e2;
    text-align: center;
    font-size: 14px;
    line-height: 23px;
}

.qna_st .question_tr {
	cursor:pointer;
}

.answer {
    background-color: #f8f8f8;
}

.answer .answer-contents {
    text-align: left;
    padding-left: 154px;
    background: url(/images/common/icon_a.gif) 133px 2px no-repeat;
}

.answer .answer-contents p {
	margin-left:7px;
}

.wrap_pager {
    width: 923px;
    text-align: center;
    margin-top: 40px;    margin-bottom: 30px;
	position:relative;
}

.wrap_pager .btn_pre {
    display: inline-block;
    width: 29px;
    height: 29px;
    padding: 0;
    border: 0;
    background: url(/images/common/btn_pager_prv.gif) no-repeat 0 0;
    background-size: 100%;
    font-size: 0;
    line-height: 0;
    text-indent: -10000%;
}

.wrap_pager a.on {
    border-color: #e02c34;
    background: #e83d45;
    font-weight: bold;
    color: #fff;
}

.wrap_pager a {
    display: inline-block;
    margin-left: 3px;
    padding: 0 10px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    font-size: 13px;
    line-height: 27px;
    vertical-align: middle;
}

.wrap_pager .btn_nxt {
    display: inline-block;
    width: 29px;
    height: 29px;
    padding: 0;
    border: 0;
    background: url(/images/common/btn_pager_nxt.gif) no-repeat 0 0;
    background-size: 100%;
    font-size: 0;
    line-height: 0;
    text-indent: -10000%;
}

.wrap_pager img{
	position:absolute;
	left:770px;
	top:-3px;
}


.go_inquiry a{
	border:0;
}

/* 1:1문의하기*/

.img_progress {
	    background: url(/images/common/cs_progress.jpg) no-repeat 0 0;
		width:813px;		
		height:218px;
		margin-left:44px;
		margin-top:40px;
}

.cs_con1{
	display:inline-block;
	width:390px;
	height:205px;
	border:1px solid #c9c9c9;
	margin-top:60px;
	margin-left:45px; 	margin-bottom:25px;
	background: url(/images/common/csc_qna.jpg) no-repeat 0 0;
}

.cs_con1	a{
	display:block;
	width:390px;
	height:205px;
}

.cs_con2{
	display:inline-block;
	width:390px;
	height:205px;
	border:1px solid #c9c9c9;
	margin-top:60px;
	margin-left:25px;
	margin-bottom:25px;
	background: url(/images/common/csc_help.jpg) no-repeat 0 0;
}

.write_st {
    width:890px;
    border-top: 2px solid #919191;
    border-bottom: 1px solid #919191;
    margin-top: 40px; 	
}

.write_st th {
    background-color: #f3f3f3;
    padding: 10px;
    border-bottom: 1px solid #d6dbde;
    font-size: 14px;
}
.write_st td {
    padding: 10px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 13px;
    line-height: 21px;
}

.btn_send img{
	display:block;
	margin-top:40px;
	margin-bottom:20px;
	padding-left:385px;
}



/* 자료실 */

.btn_box{
margin-top:14px;
width:890px;
height:70px;
border:1px solid #ccc;
}


.btn_box:last-child {
margin-bottom:30px;
}

#tab3 .dash_line{
margin-bottom:40px;
}



.box_01 {
background: url("/images/common/reference_01.gif") no-repeat 45px 18px;
position:relative;
}

.box_02 {
background: url("/images/common/reference_02.gif") no-repeat 45px 18px;
position:relative;
}

.box_03 {
background: url("/images/common/reference_03.gif") no-repeat 47px 18px;
position:relative;
}

.box_04 {
background: url("/images/common/reference_04.gif") no-repeat 47px 18px;
position:relative;
}

.box_05 {
background: url("/images/common/reference_05.gif") no-repeat 41px 18px;
position:relative;
}

.down_btn{
	position:absolute;
	top:15px;
	right:30px;
}


.btn_box span.title {
	display:inline-block;
	padding:13px 0 8px 120px;
	font-size:15px; font-weight:bold;
}

.btn_box span.content {
	display:inline-block;
	font-size:13px;
	padding: 0 0 10px 120px;
}

/***** main-layerpopup *****/
.main-layerpopup {
	position:relative;
	height:0;	
}

.layerpopup {
	display:none;
	position:absolute;
	z-index:3;
	background-color:#404040;
}
.layerpopup div {
	height:25px;
	padding-right:10px;
	color:#FFF;
	font-size:12px;
	text-align:right;
}
.layerpopup div b {
	color: #FCFC01;
}
.layerpopup div input {
	vertical-align:middle;
	margin-left:5px;
	margin-right:10px;
	margin-top:-2px;
}


/* ================================================== */
/* ================== popup common ================== */
/* ================================================== */

.layout-wrapper-popup {
    padding: 0;
    margin: 0;
}

.layout-wrapper-popup .layout-body {
    padding: 97px 35px 35px 35px;
}

.popup-tab {
	height:42px;
	margin-bottom:25px;
}
.popup-tab li {
	float:left;
	height:40px;
	background-color:#E7EAEF;
	border:1px solid #C4CAD8;
	margin:0 -1px;
	text-align:center;
	font-weight:bold;
}
.popup-tab li a {
	display:block;
	padding-top:10px;
	height:30px;
}
.popup-tab li.popup-tab-on {
	height:39px;
	border-top:2px solid #156AC5;
	background:#FFF;
	border-bottom-color:#FFF;
}
.popup-tab li.popup-tab-on a {
	color:#185089;
}

.layout-wrapper-popup .layout-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding-top: 20px;
    background: url("/images/popup/popup-bg.jpg");
    text-align: center;
    font-size: 25px;
    line-height: 1;
    color: #FFF;
}

.layout-wrapper-popup .layout-body > h4 {
	font-size:18px;
	line-height:1;
	border-bottom: 1px solid #B3B3B3;
	padding-left:25px;
	padding-bottom:10px;
	margin-bottom:15px;
	background: url("/images/popup/popup-arrow-1-e.gif") no-repeat 0 5px;
	color:#17528E;
}

.layout-wrapper-popup .layout-body > h5 {
	font-size:16px;
	line-height:1;
	border-bottom: 1px solid #B3B3B3;
	padding-bottom:10px;
	margin-bottom:15px;
	color:#17528E;
}

/* ==================================================== */
/* ================== popup -> guide ================== */
/* ==================================================== */

.popup-guide .popup-guide-step {
	padding:10px 15px 2px 15px;
	border:2px solid #C7CDD9;
	border-radius:10px;
	margin-bottom:40px;
}
.popup-guide .popup-guide-step li {
	display:inline-block;
	zoom:1;
	*display:inline;
	margin-bottom:8px;
	border:2px solid #F4F4F4;
	border-radius:15px;
	background-color:#F4F4F4;
}
.popup-guide .popup-guide-step li.popup-guide-step-arrow {
	border:0;
	padding:0 1px;
	background:none;
	color:#A3A7B2;
}
.popup-guide .popup-guide-step li a {
	display:block;
	padding:5px 17px;
}

.popup-guide .popup-guide-step li.popup-guide-step-on {
	border-color:#8598B8;
	background-color:#EEF1F6;
}
.popup-guide .popup-guide-step li.popup-guide-step-on a {
	color:#08478A;
	font-weight:bold;
}

.popup-guide .popup-guide-step.popup-guide-step4 li a {
	width:107px;
	text-align:center;
}

.popup-guide .popup-guide-img {
	text-align:center;
	margin-bottom:40px;
}

.popup-tab {
    height: 42px;
    margin-bottom: 25px;
}


.popup-tab li.popup-tab-on {
    height: 39px;
    border-top: 2px solid #156AC5;
    background: #FFF;
    border-bottom-color: #FFF;
}


/* ================================================== */
/* ================== popup -> map ================== */
/* ================================================== */
.popup-map .popup-map-info {
	height:80px;
}
.popup-map .popup-map-info li {
	float:left;
	padding:7px 0 7px 30px;
	background: no-repeat 3px center;
	font-size:15px;
	line-height:1;
	letter-spacing:0;
}

.popup-map .popup-map-info li.popup-map-info-addr { background-image: url("/images/popup/popup-icon-point.gif"); }
.popup-map .popup-map-info li.popup-map-info-tel { background-image: url("/images/popup/popup-icon-phone.gif"); width:230px; }
.popup-map .popup-map-info li.popup-map-info-time { background-image: url("/images/popup/popup-icon-watch.gif"); }

.popup-map .popup-map-img {
	clear:both;
	text-align:center;
}
.popup-map .popup-map-img > div {
	display:inline-block;
	zoom:1;
	*display:inline;
	width:592px;
	height:295px;
	background-repeat: no-repeat;
}
.popup-map .popup-map-img .popup-map-img-1 { background-image: url("/images/popup/popup-map1.jpg"); }
.popup-map .popup-map-img .popup-map-img-2 { background-image: url("/images/popup/popup-map2.jpg"); }
.popup-map .popup-map-img .popup-map-img-3 { background-image: url("/images/popup/popup-map3.jpg"); }

.popup-map > h2 {
	font-size:18px;
	line-height:1;
	padding-bottom:7px;
	margin-top:40px;
	border-bottom:1px solid #B3B3B3;
}

.popup-map .popup-map-bus {
	margin-top:20px;
	border-collapse:separate;
	border-spacing:10px;
}
.popup-map .popup-map-bus th {
	background-color:#EDF2F8;
	text-align:center;
}
.popup-map .popup-map-bus td {
	padding:10px;
}
.popup-map .popup-map-bus td ul li {
	padding:3px;
	font-size:13px;	
	line-height:1;
}

.popup-map .popup-map-bus td ul li span {
	display:inline-block;
	zoom:1;
	*display:inline;
	padding-left:20px;
	margin-right:20px;
	background: no-repeat 3px center;
}
.popup-map .popup-map-bus td ul li.popup-map-bus-1 span { background-image: url("/images/popup/popup-icon-bus1.gif"); }
.popup-map .popup-map-bus td ul li.popup-map-bus-2 span { background-image: url("/images/popup/popup-icon-bus2.gif"); }
.popup-map .popup-map-bus td ul li.popup-map-bus-3 span { background-image: url("/images/popup/popup-icon-bus3.gif"); }
.popup-map .popup-map-bus td ul li.popup-map-bus-4 span { background-image: url("/images/popup/popup-icon-bus4.gif"); }
.popup-map .popup-map-bus td ul li.popup-map-bus-5 span { background-image: url("/images/popup/popup-icon-bus5.gif"); }


/* =================================================== */
/* ================== popup -> step ================== */
/* =================================================== */
.popup-step > h4 {
	color:#000 !important;
	font-size:16px !important;
	line-height:1 !important;
	border-bottom:0 !important;
}
.popup-step > h4 span {
	color:#BD2728;
	background-color:#FAF1F2;
	font-size:13px;
	line-height:1;
	margin-left:10px;
}
.popup-step > h5 span {
	color:#028C99;
	font-size:13px;
	line-height:1;
	margin-left:10px;
}

.popup-step .popup-step-process {
	height:172px;
	margin-top:20px;
	margin-bottom:30px;
}

.popup-step .popup-step-process li {
	float:left;
	width:165px;
	height:160px;
	padding-top:10px;;
	border:1px solid #BFBFBF;
	background:#F7FBFC no-repeat center 35px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:1;
	color:#085D9D;
}
.popup-step .popup-step-process li.popup-step-process-1 { background-image: url("/images/popup/popup-process-pay.png"); }
.popup-step .popup-step-process li.popup-step-process-2 { background-image: url("/images/popup/popup-process-postman.png"); }
.popup-step .popup-step-process li.popup-step-process-3 { background-image: url("/images/popup/popup-process-issue.png"); }
.popup-step .popup-step-process li.popup-step-process-4 { background-image: url("/images/popup/popup-process-visit.png"); }
.popup-step .popup-step-process li div {
	color:#626365;
	margin-top:90px;
	font-size:13px;
	font-weight:normal;
	line-height:1.4;
}
.popup-step .popup-step-process li.popup-step-process-arrow {
	width:50px;
	border:0;
	background: url("/images/popup/popup-arrow-3-e.gif") no-repeat center 75px;
}

.popup-step .popup-step-tip {
	padding:20px;
	background-color:#EDF2F8;
}
.popup-step .popup-step-tip h3 {
	color:#1C5393; 
}
.popup-step .popup-step-tip ul {
	margin-top:15px;
}
.popup-step .popup-step-tip ul li {
	position:relative;
	line-height:2;
}
.popup-step .popup-step-tip ul li span {
	position:absolute;
	top:0;
	right:0;
	width:105px;
	padding-left:20px;
	text-align:left;
	font-weight:bold;
	font-size:15px;
	line-height:1;
	letter-spacing:0;
	background: url("/images/popup/popup-icon-phone2.gif") no-repeat 0 center;
}

/* ================================================== */
/* ================== popup -> doc ================== */
/* ================================================== */
.popup-doc > h4 {
	color:#000 !important;
	font-size:16px !important;
	line-height:1 !important;
	border-bottom:0 !important;
	margin-bottom:0 !important;
}
.popup-doc > h5 {
	padding-left:30px;
	background: url("/images/popup/popup-icon-human.gif") no-repeat 5px 2px;
}
.popup-doc > h5 span {
	font-size: 13px;
	line-height:1;
	margin-left:10px;
}

.popup-doc > .popup-doc-alert {
	color:#C12725;
	background-color:#FAF1F2;
	padding:7px 10px;
	border-radius:10px;
	font-weight:bold;
}
.popup-doc > p {
	line-height:1.5;
}

.popup-doc .popup-doc-docs {
	width:100%;
	margin-top:20px;
	margin-bottom: 30px;
}

.popup-doc .popup-doc-docs th,
.popup-doc .popup-doc-docs td {
	padding:10px 0;
	font-weight:bold;
	font-size:13px;
	line-height:1.5;
}

.popup-doc .popup-doc-docs td span {
	display:inline-block;
	zoom:1;
	*display:inline;
	color:gray;
	font-size:12px;
	font-weight:normal;
	line-height:1;
	margin-left: 10px;
	margin-top: 8px;
}

.popup-doc .popup-doc-docs thead th,
.popup-doc .popup-doc-docs thead td {
	font-size:15px;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
/*.popup-doc .popup-doc-docs thead th { color:#FFF; background: #174F8C url("../../images/sub/sub-icon-human1.gif") no-repeat 95px center; }*/
/*.popup-doc .popup-doc-docs thead td { color:#FFF; background: #979797 url("../../images/sub/sub-icon-human3.gif") no-repeat 90px center; }*/

.popup-doc .popup-doc-docs tbody td { 
	padding-left:55px;
	height:30px;
	font-size:14px;
	line-height:1;
	background: no-repeat 10px center;
}
.popup-doc .popup-doc-docs tbody td.popup-doc-docs-1 { background-image: url("/images/popup/popup-doc-img1.gif"); }
.popup-doc .popup-doc-docs tbody td.popup-doc-docs-2 { background-image: url("/images/popup/popup-doc-img2.gif"); }
.popup-doc .popup-doc-docs tbody td.popup-doc-docs-3 { background-image: url("/images/popup/popup-doc-img3.gif"); }
.popup-doc .popup-doc-docs tbody td.popup-doc-docs-4 { background-image: url("/images/popup/popup-doc-img4.gif"); }



.popup-doc .popup-doc-docs tbody tr td:first-child {
	border-right:1px dotted #C9C9C9;
}

.popup-doc .popup-doc-docs thead td.popup-doc-docs-whiteline { border-left:2px solid #FFF; }

.popup-doc .popup-doc-docs2 {
	width:100%;
}
.popup-doc .popup-doc-docs2 td b {
	font-size:13px;
	line-height:1;
	margin-left:20px;
}

.popup-doc .popup-doc-tip {
	padding:20px;
	background-color:#EDF2F8;
	margin-bottom:15px;
}
.popup-doc .popup-doc-tip ul li {
	position:relative;
	line-height:1.6;
	padding-left:18px;
	margin-bottom:10px;
	background: url("/images/popup/popup-icon-circle.gif") no-repeat 0 6px;
}

/* ================== main layer popup ================== */
#popup-main{
	background: url("/images/popup/popup_img0622.jpg") no-repeat;
	width: 427px; height:313px;  position:absolute; top:167px; left:457px; z-index:99;

}
.close div{position:relative; top:287px; left:55px;  letter-spacing:0.2px;}
 #check{ display:inline-block; font-size:12px; font-family:'돋움'; padding-left:70px; }
 .check_txt{display:inline-block; vertical-align:top;}
 #close{ display:inline; font-size:14px; padding:5px; font-weight:bold; }

 
/***** Markdown *****/

.answer-contents #container {
    max-width: 900px;
    margin: auto;
}

.answer-contents #content {
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: white;
}

.answer-contents #content h1:first-child {
    margin-top: 0px;
}

.answer-contents nav {
    border: 1px solid #ddd;
    border-radius: 3px;
    background: white;
    margin-right: 10px;
}

.answer-contents nav > ul {
    position: sticky;
    top: 5px;
    margin: 10px 0px;
    padding: 0;
    list-style-type: none;
    font-size: 14px;
}

.answer-contents nav > ul > li {
    min-width: 125px;
    padding: 0px 15px;
}

.qna_container nav > ul > li > ul {
    padding-left: 25px;
}

.answer-contents nav > ul > li > ul > li {
    font-size: 0.8em;
}

.answer-contents nav .selected {
    color: #111;
    font-weight: bold;
}

.answer-contents nav .selected:hover {
    text-decoration: none;
}

.answer-contents header {
    display: flex;
}

.answer-contents header h1 { margin: 0; }

.answer-contents table {
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.answer-contents td, th {
    border: 1px solid #ddd;
    padding: 5px;
}

.answer-contents a {
    color: dodgerblue;
	vertical-align: baseline;
    text-decoration: none;
}

.answer-contents a:hover {
    text-decoration: underline;
}

.answer-contents pre {
    font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f6f8fa;
    border-radius: 3px;
}

.answer-contents code:not([class]) {
    padding: 0.2em 0.4em;
    margin: 0;
    font-size: 85%;
    background-color: rgba(27,31,35,0.05);
    border-radius: 3px;
}

.answer-contents blockquote {
    margin-top: 20px;
    margin-bottom: 25px;
    font-size: .9rem;
    font-weight: 400;
    border-left: 5px solid #b0bcd4;
    padding: 10px 20px;
    background-color: #f2f4f8;
}

.answer-contents blockquote p {
    margin-bottom: 0px;
}

.answer-contents hr {
    border-top-style: inset;
    margin: 1.5rem 0;
}

.answer-contents hr.lg {
    border-top-width: 2px;
}

.answer-contents hr {
    border-top-width: 1px;
}

.answer-contents h1 {
    margin-bottom: 2.5rem;
    font-size: 2.125rem;
}

.answer-contents h2 {
    margin-bottom: 2rem;
    font-size: 1.7rem;
}

.answer-contents h3 {
    padding-top: 1rem;
    margin-bottom: 1.5rem;
}

.answer-contents h4 {
    padding-top: 0.7rem;
    margin-bottom: 1rem;
}

.answer-contents p {
    margin-bottom: .75rem;
    line-height: 1.4rem;
}

.answer-contents table {
    border-collapse: collapse;
    word-break: break-all;
}

.answer-contents table thead {
    background: rgb(243, 243, 243);
}

.answer-contents table tr {
    border: 1px solid rgb(198, 203, 209);
    height: 43px;
}

.answer-contents table th, .answer-contents table td {
    padding: 0px 25px;
    border-width: 0px 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: rgb(198, 203, 209);
    border-left-color: rgb(198, 203, 209);
}

.answer-contents, .answer-contents dd, .answer-contents dt {
    line-height: 2;
    font-size: 15px;
}

.answer-contents ul, .answer-contents ol {
    padding-left: 30px;
}

.answer-contents li {
    display:list-item;
    border-bottom: 0px;
    padding: 0px;
    line-height: 1.7;
}

.answer-contents ol > li {
    list-style: decimal !important;
}

.answer-contents ul li {
    list-style: disc;
}

.answer-contents ul ul li {
    list-style: circle;
}

.answer-contents ul ul ul li {
    list-style: square;
}

.answer-contents code {
    font-size: 15px;
    background-color: #e6e8e9;
}

.answer-contents pre {
    padding: 5px 10px;
    border-radius: 3px;
    background-color: rgb(0, 43, 54);
}

.answer-contents pre code[class*=language-] {
    background-color: inherit;
    color: rgb(131, 148, 150);
    font-weight: 400;
}

.answer-contents p {
    font-size: 15px;
    line-height: 1.6;
}