@charset "utf-8";
/* 레이아웃 및 헤더 */

#wrap {position:relative; font-family:'NotoR', '맑은 고딕'; width:100%; overflow:hidden; }

/** Header **/

#header #nav #gnb,
#header #nav #gnb ul li a span:after,
#header #nav #gnb ul li ul {transition :all 0.4s ease; -webkit-transition :all 0.4s ease;} 

#header {position:absolute; left:0; top:0px; width:100%; z-index:1; } 
#header .headerWrap {position:relative; width:100%; margin:0 auto; }

#slide_map {display:none;}
#header .mob_btn {display:none;}


/* 로고 */ 
#header h1.logo {position:absolute; left:50%; top:7px; width:480px; margin-left:-600px; z-index:90; }
#header h1.logo a {display:block; margin-left:0%; height:70px; background:url('../../images/persecmrect/logo.png') no-repeat left; }
#header h1.logo a span {position:absolute; left:-10000px; top:0; line-height:1px; font-size:1px; overflow:hidden; text-indent:-30000px;}


/* 상단 메뉴 / 모바일 버튼 */
#header #nav {display:none;}
#header .sitemap{display:none;}

#header .mob_btn {display:block; position:absolute; right:21%; top:20px; width:60px; height:50px; text-indent:-10000px; padding:7px 14px 14px 14px;}	

#header .mob_btn:hover {background-color:#2070b7;}
#header .mob_btn:hover span {background:#fff;}
#header .mob_btn span {display:block; float:left; width:100%; margin:7px 0 0; height:5px; background:#3c3c3c;}
#header .mob_btn {transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

/* 모바일 메뉴 */
#slide_map {position:absolute; width:100%; height:100%; left:0; top:0; z-index:2000; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); overflow:hidden;}
#slide_map .box {position:absolute; left:-100%; top:0; width:100%; height:100%; background:#fff; z-index:10;}
/* #slide_map .box .title {display:block; position:absolute; width:100%; font-size:22px; line-height:28px; padding:12px 2.5%; min-height:28px; background:#2070b7; color:#fff; box-sizing:border-box;} */
#slide_map .box .title {display:block; position:absolute; width:100%; font-size:23px; line-height:28px; padding:12px 2.5%; min-height:28px; background:#2070b7; color:#fff; box-sizing:border-box;}
#slide_map .box .binds {height:100%; overflow:hidden; background:#fff;}
#slide_map .box ul {width:auto; height:100%; margin:0 2.5%; padding:54px 0 0 0;} /* 200111 */
#slide_map .box ul li {position:relative; }
/* #slide_map .box ul li a {position:relative; display:block; padding:15px 0; border-bottom:1px solid #d3d3d3; color:#000; font-size:18px; line-height:22px; font-family:'NotoB'; text-decoration:none; } */
#slide_map .box ul li a {position:relative; display:block; padding:15px 0; border-bottom:1px solid #d3d3d3; color:#000; font-size:22px; font-weight:bolder; line-height:22px; text-decoration:none; }
#slide_map .box ul li a { background:url("../../images/persecmrect/mob_dep_off.png") no-repeat 98% 50%;} /* 191231 */
#slide_map .box ul li a.ov {border-bottom:1px solid #053863; color:#053863; background:url("../../images/persecmrect/mob_dep_on.png") no-repeat 98% 50%;} /* 191231 */
#slide_map .box ul li h2 {display:none;}

#slide_map .box ul li ul {display:none; margin:0; padding:0; border-bottom:1px solid #d3d3d3; background:#f5f5f5;}
#slide_map .box ul li ul li a {border:0 !important; color:#444; font-family:'NotoM';}
#slide_map .box ul li ul li a:hover, #slide_map .box ul li ul li a:active {text-decoration:underline;}

#slide_map .box ul li ul li a {display:block; font-weight:normal; font-size:16px; line-height:22px; padding:10px 10px 10px 25px; background:url("../../images/persecmrect/mob_dep_off.png") no-repeat 98% 50%;} /* 191023 수정 */
#slide_map .box ul li ul li a:before {content:''; position:absolute; top:17px; left:15px; width:4px; height:4px; background:#b8b8b8; border-radius:2px;}
#slide_map .box ul li ul li a.ov {color:#053863; background:url("../../images/persecmrect/mob_dep_on.png") no-repeat 98% 50%;}  /* 191023 수정 */
#slide_map .box ul li ul li a.ov:before {background-color:#053863;} /* 191023 수정 */
#slide_map .box ul li ul li a:after {display:none;}

#slide_map .box ul li ul li ul {padding:10px 15px; margin:0 10px; border:1px solid #d3d3d3; background:#fff;}
#slide_map .box ul li ul li ul li a {display:block; font-weight:normal; font-size:14px; line-height:20px; padding:5px 10px 5px 10px; font-family:'NotoR'; background:none;}/* 191023 수정 */
#slide_map .box ul li ul li ul li a:before {content:''; position:absolute; top:15px; left:0; width:4px; height:2px; background:#b8b8b8; border-radius:2px;}
#slide_map .box ul li ul li ul li a:after {display:none;}
#slide_map .box ul li a[target='_blank'] strong:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('../../images/persecmrect/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-2px 0 0 8px;}

#slide_map .box .close {display:block; position:absolute; right:0; top:0; width:52px; height:52px; z-index:51; background:rgba(0,0,0,0.5); text-indent:-9999px;}
#slide_map .box .close:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url("../../images/persecmrect/btn_close_wh.png") no-repeat center 50%; -webkit-transition:all .8s ease; transition:all .8s ease;}
#slide_map .box .close:hover:after, #slide_map .box .close:active:after {-webkit-transform:rotate(270deg); transform:rotate(270deg);}
#slide_map .blind {display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; opacity:0.75; -webkit-opacity:0.75; filter:alpha(opacity=75);}

/* 전체메뉴 */
#header .allm {display:none;}

.box_footer {width:100%;}
.m_pms {width:100%;}
.box_popup {width:100%; height:100%;}
	
/* container */
#container {position:relative; width:100%; margin-top:90px;} 
#container:after {display:block; content:""; clear:both;}
#container .con_bottom {position:relative; width:100%; margin-top:20px; height:280px;}
#container .con_bottom1 {position:relative; width:100%; margin-top:20px; height:280px;}


/* 메인비주얼 */
.main_visual {position:relative; width:100%; height:500px; z-index:1; background-size:cover; background-position:center; background-attachment:fixed;}

.main_visual button{cursor: pointer;}
.main_visual ul li{overflow:hidden;}
.main_visual #m_visual{ height:100%; text-align:center; background:#153261;}
.main_visual #m_visual div{height:100%;}
.main_visual #m_visual li {position:relative; width:100%; height:100%; }
.main_visual #m_visual li img {width:auto; height:100%;}


.main_visual .slogan_wrap{clear:both; position:relative; width:100%; letter-spacing: -1px;}

.main_visual #m_slogan {clear:both; width:100%; margin-top:40px; height:110px; text-align:center;}

.main_visual #m_slogan li {display:inline-block; padding:20px; overflow:hidden;}
.main_visual #m_slogan li p{color:#fff; line-height:1.3; }
.main_visual #m_slogan li p.txt{text-align:center; font-size:20px; }
.main_visual #m_slogan li p.txt span.s_or{color:#ff8327;}
.main_visual #m_slogan li p.txt span.s_bl{color:#05dbea;}
.main_visual #m_slogan li p.txt span.s_wh{color:#fff;}

.main_visual #m_slogan li p.txt1{background:url('../../images/persecmrect/bl0.png') no-repeat left top;  padding-left:50px; line-height:40px; text-align:left; font-size:20px; }
.main_visual #m_slogan li p.txt2{text-align:left; font-size:20px; margin-left:50px;}
.main_visual #m_slogan li p.txt3{text-align:left; font-size:20px; margin-left:50px;}
span.bluet {color:#00d3ff; /*text-decoration:underline;*/ border-bottom:1px solid #ffffff; font-size:25px;}
.main_visual #m_slogan .slick-dots{margin:30px 0 0 35px;}
.main_visual #m_slogan .slick-dots li{float:left; margin-right:8px;}
.main_visual #m_slogan .slick-dots li button{width:13px; height:13px; border-radius:13px; background:rgba(255,255,255,0.7); text-indent:-9999%; overflow:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.main_visual #m_slogan .slick-dots li.slick-active button{width:30px; background:#fff;}


/* 링크 */
.main_visual .link_wrap{position:absolute; width:100%; max-width:1000px; top:20%; left:50%; margin-left:-500px; /*letter-spacing:-1px;*/}
.main_visual #m_link {position:relative; display:block; width:100%; width:1000px; height:250px; z-index:100; }

.main_visual #m_ps button.btn_org {background:#ee6600; line-height:20px; padding:5px; border:1px solid #ffffff;}
.main_visual #m_ps button.btn_gry {background:#394b61; line-height:20px; padding:5px; border:1px solid #ffffff;}

.main_visual #m_link li{width:45%; margin-left:7%;float:left; height:300px; text-align:center; letter-spacing:-1px; word-break:keep-all; border:1px solid blue;}
.main_visual #m_link li.mq1{background:rgba(16,35,67,2); border:3px solid #ffffff; border-radius:30px; width:400px; height:250px;}
.main_visual #m_link li.mq1:hover {background:rgba(24,61,121,2);}
.main_visual #m_link li.mq1 .tit{margin-top:40px; width:300px; padding-left:50px; line-height:25px; font-size:18px; text-align:left; float:left; color:#d3d3d3;}
.main_visual #m_link li.mq1 .btn{margin-top:110px; margin-left:-220px; clear:both; color:#c4550c; font-weight:bold; font-size:45px;}
.main_visual #m_link li.mq1 .img{background:url('../../images/persecmrect/mq1.gif') no-repeat; float:right; width:120px; height:100px; margin-top:44px; margin-right:20px; z-index:9999; }
.main_visual #m_link li.mq1 .arr {background:url('../../images/persecmrect/mq_arr.png') no-repeat; float:right; width:50px; height:50px; margin-top:-30px; margin-right:-100px; z-index:9999; }

.main_visual #m_link li.mq2{background:rgba(16,35,67,2);  border:3px solid #ffffff; border-radius:30px; width:400px; height:250px;}
.main_visual #m_link li.mq2:hover {background:rgba(24,61,121,2);}
.main_visual #m_link li.mq2 .tit{margin-top:24px; width:300px; padding-left:36px; line-height:25px; font-size:18px;  text-align:left; float:left; color:#d3d3d3;}
.main_visual #m_link li.mq2 .btn{margin-top:110px; margin-left:-160px; clear:both; color:#c4550c; font-weight:bold; font-size:45px;}
.main_visual #m_link li.mq2 .img{background:url('../../images/persecmrect/mq2.gif') no-repeat; float:right; width:110px; height:100px; margin-top:30px; margin-right:20px; z-index:9999; }
.main_visual #m_link li.mq2 .arr {background:url('../../images/persecmrect/mq_arr.png') no-repeat; float:right; width:50px; height:50px; margin-top:-30px; margin-right:-100px; z-index:9999; }

.main_visual #m_link li a {display:block;}
.main_visual #m_link li a.link {float:right; display:block; width:60px; height:60px; line-height:60px; margin:0 auto;  background:#426eef; border-radius:45px;}
.main_visual #m_link li a p img{width:50px; height:50px; margin:5px 5px 5px 5px;}

.main_visual #m_link li a:hover p{width:200px; height:60px; border-radius:200px; text-align:right;
 -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.main_visual #m_link li a:hover p.link1 {background:#fff900;}
.main_visual #m_link li a:hover p.link2 {background:#00d3ff;}
.main_visual #m_link li a:hover p.link3 {background:#426eef;}

.main_visual #m_link li a span{display:none;}

.main_visual #m_link li a:hover span{position:absolute; width:220px; height:60px; padding-top:20px; color:#000; font-weight:bold;  display:block;
 -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
span .blue {color:#40baf3; }

.con_bottom {position:absolute; clear:both; width:100%; max-width:1200px; top:5%; left:50%; margin-left:-600px; padding:10px;}

/*메인화면 하단메뉴부분*/
.box_menu {width:1200px; height:200px; clear:both; margin:0 auto;} 
.box_menu ul.mm {float:left; width:200px; }
.box_menu ul.mm li.mi:hover{background:url('../../images/persecmrect/bbg_ov.png') no-repeat center;}
.box_menu ul.mm li.mi {text-align:center; background:url('../../images/persecmrect/bbg.png') no-repeat center; height: 167px;}
.box_menu ul.mm li.sm {text-align:center; font-size:15px; color:#999999; text-align:center; font-weight:bold; word-break:keep-all;}
.box_menu ul.mm li.tit {margin-top:5px; font-size:20px; color:#000000; text-align:center; font-weight:bold; word-break:break-word;}


/* 메인비주얼 - 간편 본인인증 서비스 */
.main_visual1 {position:relative; width:100%; height:600px; z-index:1; background-size:cover; background-position:center; background-attachment:fixed;}

.main_visual1 button{cursor: pointer;}
.main_visual1 ul li{overflow:hidden;}
.main_visual1 #m_visual1{ height:100%; text-align:center; background:#153261;}
.main_visual1 #m_visual1 div{height:100%;}
.main_visual1 #m_visual1 li {position:relative; width:100%; height:100%;}
.main_visual1 #m_visual1 li img {width:auto; height:100%;}


.main_visual1 .slogan_wrap1{clear:both; position:relative; width:100%; letter-spacing: -1px;}

.main_visual1 #m_slogan1 {clear:both; width:100%; margin-top:20px; height:110px; text-align:center;}
.main_visual1 #m_slogan1 li {display:inline-block; padding:10px; overflow:hidden;}
.main_visual1 #m_slogan1 li p{color:#fff; line-height:1.3; }
.main_visual1 #m_slogan1 li p.txt{text-align:center; font-size:20px; }
.main_visual1 #m_slogan1 li p.txt span.s_or{color:#ff8327;}
.main_visual1 #m_slogan1 li p.txt span.s_bl{color:#05dbea;}
.main_visual1 #m_slogan1 li p.txt span.s_wh{color:#fff;}

.main_visual1 #m_slogan1 li p.txt1{background:url('../../images/persecmrect/bl0.png') no-repeat left top;  padding-left:50px; line-height:40px; text-align:left; font-size:20px; }
.main_visual1 #m_slogan1 li p.txt2{text-align:left; font-size:20px; margin-left:50px;}
.main_visual1 #m_slogan1 li p.txt3{text-align:left; font-size:20px; margin-left:50px;}
/* span.bluet {color:#00d3ff; text-decoration:underline; border-bottom:1px solid #ffffff; font-size:25px;} */
.main_visual1 #m_slogan1 .slick-dots{margin:30px 0 0 35px;}
.main_visual1 #m_slogan1 .slick-dots li{float:left; margin-right:8px;}
.main_visual1 #m_slogan1 .slick-dots li button{width:13px; height:13px; border-radius:13px; background:rgba(255,255,255,0.7); text-indent:-9999%; overflow:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.main_visual1 #m_slogan1 .slick-dots li.slick-active button{width:30px; background:#fff;}


/* 링크 */
.main_visual1 .link_wrap1{position:absolute; width:100%; max-width:1000px; top:8%; left:50%; margin-left:-500px; /*letter-spacing:-1px;*/}

.main_visual1 #m_ps1 {position:relative; background:rgba(5,96,168,2); border:0px solid #ffffff; border-radius:30px; 
width:800px; height:100%; padding:20px; margin:0 auto; }
/* #captchaSample {display:flex; align-items:flex-end; padding:10px 0 0 50px;} */
#captchaSample img {width:140px; height:50px;}
.captchaSampleInput {display:block; width:115px;}
.main_visual1 #m_ps1 ul { /*height:230px; background:url('../img/sub_bg.png') right bottom no-repeat; border:1px solid red;*/}
.main_visual1 #m_ps1 li.tit{background:url('../../images/persecmrect/sub_tit.png') no-repeat; text-align:left; padding-left:70px;
 color:#ffffff; padding-top:20px; font-size:20px; width:100%; border-bottom:1px solid #eeeeee; height:45px; }
.main_visual1 #m_ps1 li.close {float:right; margin-top:-45px; }

.main_visual1 #m_ps1 li.sel1 {float:left; margin-left:50px; width:190px; margin-top:10px;
background:rgba(18,120,204,1); border:0px solid #ffffff; padding:6px; color:#ffffff;}
.main_visual1 #m_ps1 li.sel2 {margin-left:10px; float:left; width:195px; margin-top:10px;
background:rgba(18,120,204,1); border:0px solid #ffffff; padding:6px; color:#ffffff;}
.main_visual1 #m_ps1 li.sel3 {margin-left:10px; float:left; width:165px; margin-top:10px;
background:rgba(18,120,204,1); border:0px solid #ffffff; padding:6px; color:#ffffff;}



.main_visual1 #m_ps1 li.name {position:relative;margin-left:50px;clear:both; margin-top:70px; color:#ffffff; 
background:url('../../images/persecmrect/bl1.png') no-repeat; padding-left:10px;}
.main_visual1 #m_ps1 li.pno {display:flex; margin-left:50px;clear:both;margin-top:10px; color:#ffffff;
background:url('../../images/persecmrect/bl1.png') no-repeat; padding-left:10px;}
.main_visual1 #m_ps1 li.code {margin:10px 0px 0px 50px;clear:both; color:#ffffff;
background:url('../../images/persecmrect/bl1.png') no-repeat; padding-left:10px;}

.main_visual1 #m_ps1 li.ptxt {margin-left:50px;margin-top:5px; color:#aeaeae; line-height:20px;}
.main_visual1 #m_ps1 li.name input {border:1px solid #aeaeae; margin-left:129px; color:#000; font-size:15px; position:absolute; top:6px;}
.main_visual1 #m_ps1 li.pno input {border:1px solid #aeaeae;color:#000; font-size:15px; margin-right:2px; height: 23px;}
#MYC1104002Q_rrnoFrdg {margin-left:4px;}
#MYC1104002Q_rrnoBcdg {margin-left:5px;}
.main_visual1 #m_ps1 li.pno span.tb {color:#000; font-size:18px; padding-left:10px; }
.main_visual1 #m_ps1 li.pno span.ty {color:#e4ff00; padding-right:10px;}

.pno ul li {float:left;} /*--------------------------------------------------------------------주민번호 실명인증 취소 버튼 옆으로 띄움-------------------------------------------------------------------*/

.main_visual1 #m_ps1 button.btn_org {background:#ee6600; line-height:20px; padding:5px; border:1px solid #ffffff; color:#fff;}
.main_visual1 #m_ps1 button.btn_gry {background:#394b61; line-height:20px; padding:5px; border:1px solid #ffffff; color:#fff; margin-left:12px;}

.con_bottom1 {position:absolute; clear:both; width:100%; max-width:1200px; top:5%; left:50%; margin-left:-600px; padding:10px;}


/* 캡챠 음성인식  추가로 인한 CSS 조정 */
.codeDiv1 {display:flex;}
#captchaSample {display:flex; margin-left:34px;}
#captchaSample img {margin-left:10px;}
.captchaSampleBox {margin-left:10px;}
.btn_inlineSet {margin-top:5px;}
#rlnmCrtf {text-align:center; margin-top:10px;}
.pno ul li:last-child {position:relative; bottom:4px;}
 #aplcPwdCheckBox {position:relative; bottom:-4px;}
.pno ul li:last-child label {margin-left:5px;}
.crtfInp {display:flex; margin-left:50px; clear:both; color:#ffffff; background:url('../../images/persecmrect/bl1.png') no-repeat; padding-left:10px;height:100%; margin-top:15px; overflow:visible !important;}
#MYC1104002Q_certifiNum {width:84px; margin-left:15px;}
#MYC1104002Q_time {display:inline-block; padding:0px 10px;}


/*인증화면 하단메뉴부분*/
.box_menu1 {width:1200px; height:200px; clear:both; margin:0 auto;} 
.box_menu1 ul.mm {float:left; width:200px; }
.box_menu1 ul.mm li.mi:hover{background:url('../../images/persecmrect/bbg_ov.png') no-repeat center;}
.box_menu1 ul.mm li.mi {text-align:center; background:url('../../images/persecmrect/bbg.png') no-repeat center; height: 167px;}

.box_menu1 ul.mm li.sm {text-align:center; font-size:15px; color:#999999; text-align:center; font-weight:bold; word-break:keep-all;}
.box_menu1 ul.mm li.tit {margin-top:5px; font-size:20px; color:#000000; text-align:center; font-weight:bold; word-break:break-word;}

#m_visual1 li {background:url('../../images/persecmrect/M_visual.png') no-repeat center;} 

/*팝업존*/
.box_popup {position:relative; width:300px; height:250px; border:1px solid #dddddd; overflow:hidden;}
.box_popup h2 {position:absolute; top:-10000em; left:-10000em;}
.box_popup button{cursor: pointer;}
.box_popup .pop {overflow:hidden;}
.box_popup .pop p img{width:100%; height:250px;}
.box_popup .control{position:absolute; padding:0 40px; right:0; top:210px; text-align:center; background:rgba(0,0,0,0.7);}
.box_popup .control button {width:40px; height:40px; text-indent:-99999%; overflow:hidden; cursor:pointer; z-index:10;}

.box_popup .control button.btn_stop{background:url('../../images/persecmrect/btn_stop.png') no-repeat center; }
.box_popup .control button.btn_play{display:none; background:url('../../images/persecmrect/btn_play.png') no-repeat center; }
.box_popup .control button.btn_prev{display:block; background:url('../../images/persecmrect/btn_prev.png') no-repeat center; right:80px; }
.box_popup .control button.btn_next{display:block; background:url('../../images/persecmrect/btn_next.png') no-repeat center; left:80px;}

.box_popup .slick-arrow {position: absolute; top:0; z-index:15; width:20px; height:40px; text-indent:-99999%; overflow:hidden; }
.box_popup .slick-counter{position:absolute; line-height:40px; padding:0 20px; right:121px; top:0; text-align:center; background:rgba(0,0,0,0.7); color:#fff;}
.box_popup .slick-counter .current{font-family: 'NotoB';} 
.box_popup .slick-counter .total{font-family: 'NotoR';} 


/* footer */
#footer {clear:both; background:#eaeaea; height:120px; padding-top:10px; }
.area_footer {position:relative; font-family:'NotoR'; background:#e5e5e5; }
.box_footer {position:relative; width:1200px; margin:0 auto; display:block;}
.box_footer .box_info {position:relative; margin:20px 0; min-height:65px; padding-left:190px; font-size:13px; color:#0c2136; overflow:hidden;}
.box_footer .box_info .ft_logo{position: absolute; left:0; top:0;}
.box_footer .box_info .ft_logo img{width:167px; height:47px;}
.box_footer .box_info p.copyright{color:#41464e; margin:5px 0 0; font-size:12px;}
.box_footer .box_info p.f_txt {color:#41464e; margin:5px 0 0; font-size:14px; font-weight:bold;}
.box_footer .box_info address {position:relative; display:block; margin-right:20px;}
span.blue {color:#00548f;}

/* 외국어병기 - 메인화면 */
#newIssBtn, #qryBtn {position:relative;}
.trslQry, .trslNewIss{color: #c4550c;font-size: 20px; text-align: left; position: absolute;left: 44px; font-weight:bold;}
.trslQry{bottom:80px; line-height:20px;}
.trslNewIss {bottom:82px; left:34px;}
.persCsclSgnCrtfBtn {position:relative; border-radius:10px; height:45px;}
.btn_inlineSet .btn_inline {padding:0 7px;}
.frlnTxt {color:#ffa456;}
.crtfBtn {display:inline-block; margin-top:-7px;}
.pnoBox {padding: 0px 6px; margin-top:-8px;}
.frlnTit01 {font-size:15px !important;}
.main_visual1 #m_ps1 #clph li.pno {display:flex; margin-left:50px;clear:both;margin-top:20px; color:#ffffff;
background:url('../../images/persecmrect/bl1.png') no-repeat; padding-left:10px; overflow:visible;}

/********** Media quary **********/

@media screen and (max-width:1900px) {
	/* 버튼위치*/
	#header .mob_btn {right:17%;}
}

@media screen and (max-width:1800px) {
	/* 버튼위치*/
	#header .mob_btn {right:15%;}
}

@media screen and (max-width:1600px) {
	/* 버튼위치*/
	#header .mob_btn {right:13%;}
}

@media screen and (max-width:1420px) {
	/* 버튼위치*/
	#header .mob_btn {right:8%;}
}


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

	/* 버튼위치*/
	#header .mob_btn {z-index:2000; display:block; position:absolute; right:2.5%; top:20px; height:50px; text-indent:-10000px; padding:7px 14px 14px 14px;}

	/* 로고위치 */ 
	#header h1.logo {margin-left:-%;}

	/*메인화면 하단메뉴부분*/
	.box_menu {width:1200px; height:100%; clear:both;}
	.box_menu ul.mm li {margin-left:5%;}
	
	/* 	인증화면 하단메뉴부분 */
	.box_menu1 {height:100%;}
	.box_menu1 ul.mm li {margin-left:5%;}
	
	/*외국인 안내 메뉴얼 타이틀*/
	.frlnTit01 {font-size:15px !important;}
	
}

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

	/* 로고위치 */ 
	#header h1.logo {margin-left:-48%;}

	/*안내문구*/
	.main_visual #m_link {display:block; width:1000px; height:300px; z-index:100; float:left;}

	/*하단 레이아웃 */
	#container .con_bottom {height:100%;}
	.con_bottom {position:absolute; clear:both; width:100%; top:5%; left:50%; margin-left:-50%;}
	.con_bottom1 {position:absolute; clear:both; width:100%; top:5%; left:50%; margin-left:-50%;}
	#container .con_bottom1 {height:100%;}

	/*메인화면 하단메뉴부분*/
	.box_menu {width:900px; height:250px; margin:0 auto;} 
	.box_menu ul.mm {float:left; width:300px; height:100%;}
	
	/*인증화면 하단메뉴부분*/
	.box_menu1 {width:900px; height:250px; margin:0 auto;} 
	.box_menu1 ul.mm {float:left; width:300px; height: 100%;}

}

@media screen and (max-width:1090px) {
	/* 로고 */ 
	#header h1.logo a { background:url('../../images/persecmrect/logo.png') no-repeat left; background-size:90% 90%; }

	/*하단 레이아웃 */
	 #container .con_bottom1 { margin-top:0px;}
	.con_bottom1 {position:absolute;  clear:both; width:100%; top:5%; left:50%; bottom:5%; margin-left:-50%; }

	/* 링크 */
	.main_visual1 .link_wrap1{position:absolute; width:100%; top:15%; left:3%; margin-left:0px;}
}

@media screen and (max-width:1024px) {  /*ipad-pro : 1024*/
	/*하단 레이아웃 */
	 /* #container .con_bottom1 {position:relative; width:100%; margin-top:150px; height:250px;} */
	 #container .con_bottom1 { margin-top:0px; height: 215px;}
	.con_bottom1 {position:absolute;  clear:both; width:100%; top:5%; left:50%; bottom:5%; margin-left:-50%; }

	/* 링크 */
	.main_visual1 .link_wrap1{position:absolute; width:100%; top:11%; left:0%; margin-left:0px;}
	
	/* 공동인증서 인증 - pc버전에서만 존재 */
	.main_visual1 #m_ps1 li.sel2 {display:none;}
	/* 간편인증 - pc버전에서만 존재 */
	/*.main_visual1 #m_ps1 li.sel3 {display:none;}*/
}

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

	/* 로고 */ 
	#header h1.logo a { background:url('../../images/persecmrect/logo.png') no-repeat left; background-size:90% 90%; }
	
	/*981px~1100px까지*/
	.main_visual #m_visual li img { width:auto; height:auto; margin-top:40px;}
	.main_visual #m_visual{height:100%; text-align:center;}
	.main_visual #m_visual div{height:100%;}
	.main_visual #m_visual li {position:relative; width:100%; height:100%;}
	.main_visual #m_visual{height:640px; text-align:center;}
	.main_visual #m_link li {margin-top:-30px;}

	
	/*하단 레이아웃 */
	#container .con_bottom {position:relative; width:100%; margin-top:150px; height:260px;}
	.con_bottom {position:absolute;  clear:both; width:100%; top:5%; left:50%; bottom:5%; margin-left:-50%; }

	/* 링크 */
	.main_visual .link_wrap{position:absolute; width:100%; top:15%; left:0%; margin-left:0px;}

	/*메인화면 하단메뉴부분*/
	.box_menu { width:100%; height:200px; clear:both;  margin:0 auto;} 
	.box_menu ul.mm {float:left; width:25%;}
	.box_menu ul.mm li.mi {height:150px; background-size: contain;}
	.box_menu ul.mm li.mi img {width:150px; height:150px;}
	.box_menu ul.mpc {display:none;}

	/*조회,신규발급버튼*/
	.main_visual #m_link {width:200px; height:100%; margin-top:-40px; margin:0 auto; margin-left:50%;}
	.main_visual #m_link li.mq1 {clear:both; width:400px; margin-left:-200px; }
	.main_visual #m_link li.mq2 {clear:both; width:400px; margin-left:-200px; margin-top:20px }

	/*문구*/
	.main_visual .slogan_wrap { position:relative; width:100%;  }
	.main_visual #m_slogan {clear:both; width:100%; margin-top:66px; height:115px; font-size:14px; text-align:center;}
	.main_visual #m_slogan li p.txt, .box_menu ul.mm li.tit { font-size:18px; }

	
	/*하단 레이아웃 */
	 /* #container .con_bottom1 {position:relative; width:100%; margin-top:150px; height:250px;} */
	 #container .con_bottom1 { margin-top:0px; height: 280px;}
	.con_bottom1 {position:absolute;  clear:both; width:100%; top:5%; left:50%; bottom:5%; margin-left:-50%; }

	/* 링크 */
	.main_visual1 .link_wrap1{position:absolute; width:100%; top:6%; left:0%; margin-left:0px;}

	/*인증화면 하단메뉴부분*/
	.box_menu1 { width:100%; height:200px; clear:both;  margin:0 auto;} 
	.box_menu1 ul.mm {float:left; width:25%;}
	.box_menu1 ul.mm li.mi {height:150px; background-size: contain;}
	.box_menu1 ul.mm li.mi img {width:150px; height:150px;}
	.box_menu1 ul.mpc {display:none;}

}


@media screen and (max-width:810px) {
	.main_visual1 #m_ps1 {width: 700px;}
	.main_visual1 #m_ps1 li.ptxt {font-size:12px;}
	.main_visual #m_ps li.name {margin-left:10px;clear:both; margin-top:50px; color:#ffffff; background:url('../../images/persecmrect/bl1.png') no-repeat; padding-left:10px; font-size:17px;}

	/*하단 레이아웃 */
	 /* #container .con_bottom1 {position:relative; width:100%; margin-top:150px; height:250px;} */
	 #container .con_bottom1 { margin-top:0px;}
	.con_bottom1 {position:absolute;  clear:both; width:100%; top:5%; left:50%; bottom:5%; margin-left:-50%; }

	/* 링크 */
	.main_visual1 .link_wrap1{position:absolute; width:100%; top:10%; left:0%; margin-left:0px;}

	/*인증화면 하단메뉴부분*/
	.box_menu1 { width:100%; height:200px; clear:both;  margin:0 auto;} 
	.box_menu1 ul.mm {float:left; width:25%;}
	.box_menu1 ul.mm li.mi {height:150px; background-size: contain;}
	.box_menu1 ul.mm li.mi img {width:150px; height:150px;}
	.box_menu1 ul.mpc {display:none;}
	
	/* 	인증화면 */
	
	/*하단 로고*/
	.box_footer .box_info span {display:block}
	
	/* 캡챠 음성인식  추가로 인한 CSS 조정 */
	.main_visual1 #m_ps1 li.name input {margin-left:133px;}
	#MYC1104002Q_rrnoFrdg {margin-left:8px;}
	.main_visual1 #m_ps1 li.sel1,
	.main_visual1 #m_ps1 li.name,
	.main_visual1 #m_ps1 li.pno,
	.main_visual1 #m_ps1 li.code {margin-left:20px;}
	
	/* 	외국어병기 - 메인화면 */
}

@media screen and (max-width:710px) {
	.main_visual1 #m_ps1 {width: 600px;}
	.main_visual1 #m_ps1 li.sel1 {margin-left: 10px;}
	.main_visual1 #m_ps1 li.name {margin-left: 10px;}
	.main_visual1 #m_ps1 li.pno {margin-left: 10px;}
	.main_visual1 #m_ps1 li.ptxt {margin-left: 10px;}
	
	.main_visual1 #m_ps1 li.tit {font-size: 18px;}
	
	/* 캡챠 음성인식  추가로 인한 CSS 조정 */
	.crtfInp  {margin-left:10px;}
	.main_visual1 #m_ps1 li.pno input {margin-right:5px;}
	.main_visual1 #m_ps1 li.code {margin:10px 4px 10px 10px;}
	#MYC1104002Q_rrnoBcdg {margin-left:3px;}
	.crtfInp {margin-left:50px;}
	.pno ul li:last-child {right:-172px;}
	
	/* 외국어병기 - 메인화면  */
	.codeDivTh {width:34%;}
	.pno ul li:last-child br {display:none;}
	.main_visual1 {height:640px;}
	.btn_inlineSet #btnCaptchaAudio {margin-top:3px;}
	.captchaSampleInput, #btnCaptchaRefresh {width:175px;}
	#MYC1104002Q_time {padding:0px 14px;}
	.pno {display:block !important;}
	.crtfInp {flex-direction:column;}
	.pnoBox {display:inline-block; padding:10px 0px;}
	#MYC1104002Q_certifiNum {margin-left:0px;}
	.crtfBtn{margin-top:3px;}
}

@media screen and (max-width:630px) {	
	/* 	메인컨텐츠 높이 */
	.main_visual #m_visual {height:680px;}

	/*안내문구*/
	.pms_box h2.tit {float:left; color:#ffffff; 
	background:#12394d; height:55px; padding:10px; line-height:15px; width:100%; text-align:center; font-size:15px; }

	/* 간편본인인증서비스 */
	.main_visual1 #m_ps1 {width: 500px;}
	.main_visual1 #m_ps1 li.ptxt {margin-left: 0px;}
	
	/* 본인인증서비스 타이틀 */
 	.main_visual1 #m_ps1 li p.clphTitP > span {display:block;}
 	.main_visual1 #m_ps1 #clphTit {padding-top: 2px; line-height: 20px;}
	
	/* .pno ul li {float:none;} */
	.pno ul #rlnmCrtf {float:none; margin-bottom:10px;}
	.pno #rlnmCrtf {padding-left:120px; padding-top:10px;}
	
	/* 주민번호 입력 폼 사이즈 조정 */
	/* 
 	.pno ul li {float:left;}
 	.pno ul #rrnoInp2 {padding-left:5px; padding-top:0px;}
	.pno ul #rlnmCrtf {padding-left:0px; padding-top:0px; margin-top: 20px; margin-left: 100px;}
	.main_visual1 #m_ps1 li.pno ul #rlnmCrtf {float:left;}
	.main_visual1 #m_ps1 li.pno #rlnmCrtf {padding-left:0px; padding-top:0px;}
 	#MYC1104002Q_rrnoFrdg {width:80px;}
 	#MYC1104002Q_rrnoBcdg {width:90px;}
 	.main_visual1 #m_ps1 li.pno input {border:1px solid #aeaeae; margin-left:0px; color:#000; font-size:15px; margin-right:0px; }
	 */
	 .main_visual1 #m_ps1 li.pno input {border:1px solid #aeaeae;color:#000; font-size:15px;}
	 #MYC1104002Q_telnumCrtf {margin-left:10px;}
	

	/*하단 레이아웃 */
	#container .con_bottom1 {position:relative; width:100%; margin-top:10px; height:450px;}
	.con_bottom1 {position:absolute; clear:both; width:100%; top:5%; left:50%; margin-left:-50%; }

	/*인증화면 하단메뉴부분*/
	.box_menu1 { width:100%; height:400px; clear:both;  margin:0 auto; }
	.box_menu1 ul.mm {float:left; width:50%; height: 210px;}
	.box_menu1 ul.mm li {margin-left:5%;}
	.box_menu1 ul.mm li.sm {display:none;}
	.box_menu1 ul.mm li.tit {margin-top:10px; font-size:20px; color:#000000; text-align:center; font-weight:bold;}
	
	/*메인화면 하단메뉴부분*/
	.box_menu { width:100%; height:210px; clear:both;  margin:0 auto; } 
	.box_menu ul.mm {float:left; width:50%;}
	.box_menu ul.mm li {margin-left:5%;}
	.box_menu ul.mm li.sm {display:none;}
	.box_menu ul.mm li.tit {margin-top:10px; font-size:15px; color:#000000; text-align:center; font-weight:bold;}

	.main_visual1 #m_slogan1 li p.txt{ font-size:15px; }
	.main_visual1 #m_slogan1 {height: 95px; margin-top: 25px;}
	.main_visual1 #m_ps1 li.ptxt p {padding-left:15px; word-break:keep-all;}
	.main_visual1 #m_ps1 li.ptxt span {margin:3px 0 0 -8px;}
	
	#container .con_bottom {margin-top:90px;}

	/*하단 로고*/
	.box_footer {position:relative; width:100%; height:100%; margin:0 auto; display:block;}
	.box_footer .box_info {position:relative; margin:10px 0; padding-left:10px;  font-size:12px; color:#0c2136; }
	.box_footer .box_info p.f_txt {margin: 5px 0 0 170px; font-size: 12px;}
	.box_footer .box_info p.copyright {margin: 5px 0 0 170px; font-size: 11px;}
	.box_footer .box_info span {display:block}
	.box_footer .box_info address {position:relative; display:block; margin-right:20px;}
	
	/* 	인증화면 */
	.main_visual {height:600px;}
	.main_visual1 .link_wrap1 {top:7%;}
	 #MYC1104002Q_rrnoFrdg {width:80px;}
 	#MYC1104002Q_rrnoBcdg {width:90px;}
 	#captchaSample img {margin-left:3px;}

	/* 캡챠 음성인식  추가로 인한 CSS 조정 */
 	.main_visual1 #m_ps1 li.name input {margin-left:130px; width:88px;}
 	#MYC1104002Q_rrnoFrdg {width:88px; margin-left:5px;}
 	#MYC1104002Q_rrnoBcdg {width:108px;}
	
	/* 	외국어병기 - 메인화면  */
	.pno ul li:last-child br {display:block;}
	.pno ul li:last-child {right:-114px;}
	#captchaSample {margin-left:0px;}
	.codeDiv1 {flex-direction:column;}
	.codeDivTh {width:100%; margin-bottom:5px;}
	.codeDivTh br {display:none;}
	.crtfInp {margin-top:8px;}
	.crtfBtn {margin-top:5px;}
	#MYC1104002Q_certifiNum{width:77px;}
	#MYC1104002Q_time {padding:0px 20px;}
	.frlnTit01 {font-size:14px !important; margin-top:0px !important;}
}

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

	/* 로고 */ 
	#header h1.logo a { background:url('../../images/persecmrect/logo.png') no-repeat left; background-size:70% 70%; }
	
	.pno ul #rlnmCrtf {float:none;}
	.pno #rlnmCrtf {padding-left:100px; padding-top:10px;}

	/*하단 로고*/
	.box_footer {position:relative; width:100%; height:100%; margin:0 auto; display:block;}
	.box_footer .box_info p.f_txt {margin: 5px 0 0 170px;}
	.box_footer .box_info p.copyright {margin: 5px 0 0 170px;}
	.box_footer .box_info {position:relative; margin:20px 0; padding-left:10px;  font-size:12px; color:#0c2136; }
	.box_footer .box_info span.copyright{color:#ffffff; margin:5px 0 0; font-size:12px;}
	.box_footer .box_info span.f_txt {color:#ffffff; margin:5px 0 0; font-size:12px; font-weight:bold; display:inline-block;}
	.box_footer .box_info address {position:relative; display:block; margin-right:20px;}

	.box_footer .box_info span {display:block}
	.box_footer .box_info span.blue {padding-bottom:3px;}
	
	/*하단 레이아웃 */
	#container .con_bottom {position:relative; width:100%; margin-top:80px; height:415px;}
	.con_bottom {position:absolute; clear:both; width:100%; top:5%; left:50%; margin-left:-50%; }

	/*하단메뉴부분*/
	.box_menu { width:100%; height:220px; clear:both;  margin:0 auto; } 
	.box_menu ul.mm {float:left; width:50%; height:210px;}
	.box_menu ul.mm li {margin-left:5%;}
	.box_menu ul.mm li.sm {display:none;}
	.box_menu ul.mm li.tit {margin-top:10px; font-size:20px; color:#000000; text-align:center; font-weight:bold;}

	.main_visual #m_slogan li p.txt{ font-size:15px; }
	.main_visual #m_slogan {height: 95px; margin-top: 25px;}

	/*조회,신규발급버튼*/
	.main_visual #m_link {width:200px; height:100%; margin-top:-40px; margin:0 auto; margin-left:50%;}
	.main_visual #m_link li.mq1 {clear:both; width:350px; margin-left:-175px; }
	.main_visual #m_link li.mq2 {clear:both; width:350px; margin-left:-175px; margin-top:20px }

	/*문구*/
	.main_visual .slogan_wrap { position:relative; width:100%;  }
	.main_visual #m_slogan {clear:both; width:100%; margin-top:10px; height:50px; 
	font-size:14px; text-align:center; ;}
	.main_visual #m_slogan li p.txt, .box_menu ul.mm li.tit { font-size:14px; }
	
	/*문구:간편본인인증서비스*/
	.main_visual1 .slogan_wrap1 { position:relative; width:100%;  }
	.main_visual1 #m_slogan1 {clear:both; width:100%; margin-top:25px; height:50px; font-size:14px; text-align:center; ;}
	.main_visual1 #m_slogan1 li p.txt{ font-size:14px; }


	.box_footer .box_info {position:relative; margin:10px 0; padding-left:10px;  font-size:12px; color:#0c2136; }

	.main_visual #m_ps {background:rgba(5,96,168,2); border:0px solid #ffffff; border-radius:15px; 
	width:90%; height:130%; padding:20px; margin:30px auto; margin-bottom:20px;}

	.main_visual #m_ps li.sel1 {float:left; margin-left:10%; width:110px;  margin-top:5%; height:10%; 
	background:rgba(22,49,97,1); border:0px solid #ffffff; border-radius:30px;  padding:6px; color:#ffffff;}
	.main_visual #m_ps li.sel2 {margin-left:5%; float:left; width:140px; margin-top:5%; height:10%;  
	background:rgba(18,120,204,1); border:0px solid #ffffff; border-radius:30px; padding:6px; color:#ffffff; margin-bottom:5%;}
	.main_visual #m_ps li.name {margin-left:5%;clear:both; margin-top:20%; color:#ffffff; 
	background:url('../../images/persecmrect/bl1.png') no-repeat; padding-left:5%;}
	.main_visual #m_ps li.pno {margin-left:5%; clear:both; margin-top:10%; color:#ffffff; 
	background:url('../../images/persecmrect/bl1.png') no-repeat; padding-left:5%;}


	.main_visual #m_ps li.ptxt {margin-left:10%; margin-top:10%; color:#aeaeae; line-height:20px;}
	.main_visual #m_ps li.name input {border:1px solid #aeaeae; margin-left:5%; color:#aeaeae; font-size:13px; }
	.main_visual #m_ps li.pno input {border:1px solid #aeaeae; margin-left:5%; color:#aeaeae; font-size:13px; margin-right:5%;}

	/* 외국어병기 - 메인화면  */
	.trslQry, .trslNewIss{left: 20px; font-size:20px;}
	.main_visual #m_link li.mq1 .btn {margin-left:-180px;}
	.main_visual #m_link li.mq2 .btn {margin-left:-110px;}
	.trslQry, .trslNewIss {left:40px;}
	.trslNewIss {bottom:80px;}
	.main_visual #m_link li.mq2 .arr {margin-right:-110px;}
	.main_visual #m_link li.mq1 .arr {margin-right:-120px;}
	
	#container .con_bottom1 {height:430px;}
	.box_menu1 ul.mm li.tit {margin-top:10px; font-size:20px; color:#000000; text-align:center; font-weight:bold; font-size:14px;}
}

@media screen and (max-width:510px) {	/*461~*/

	/* 간편본인인증서비스 */
	.main_visual1 #m_ps1 {width: 450px;}
	
	.main_visual1 #m_ps1 li.pno ul #rlnmCrtf {float:none;}
	.main_visual1 #m_ps1 li.pno #rlnmCrtf {padding-left:100px; padding-top:10px;}
	
	.main_visual1 #m_ps1 li.pno .telnum {margin-left: 3px; margin-right: 3px; padding:0px; text-align: center;}
	.main_visual1 #m_ps1 button.btn_org {margin-left: 0px;}

	/* 주민번호 입력 폼 사이즈 조정 */
 	.pno ul li {float:left;}
 	.pno ul #rrnoInp2 {padding-left:5px; padding-top:0px;}
	.pno ul #rlnmCrtf {padding-left:0px; padding-top:0px; margin-top: 20px; margin-left: 100px;}
	.main_visual1 #m_ps1 li.pno ul #rlnmCrtf {float:left;}
	.main_visual1 #m_ps1 li.pno #rlnmCrtf {padding-left:0px; padding-top:0px;}
 	.main_visual1 #m_ps1 li.pno input {border:1px solid #aeaeae; margin-left:3px; color:#000; font-size:15px; margin-right:0px; }
	
	/*하단 로고*/
	.box_footer .box_info .ft_logo img {max-width:60%; height:auto;}
	.box_footer .box_info p.f_txt {margin: 5px 0 0 90px;}
	.box_footer .box_info p.copyright {margin: 5px 0 0 90px;}

	/* 인증화면 */
	.main_visual1 #m_slogan1 li {margin-top:-10px;}
	
	/* 캡챠 음성인식  추가로 인한 CSS 조정 */
 	.main_visual1 #m_ps1 li.name input {margin-left:128px;}
 	#captchaSample {margin-top:5px;}
 	.pno ul li:last-child {right:108px;}
 	
	/*외국어병기 - 메인화면 */
	.main_visual1 #m_ps1 #clph li.pno, .crtfInp {margin-left:30px;}
}

@media screen and (max-width:460px) {
	
	/* 로고 */ 
	#header h1.logo a { background:url('../../images/persecmrect/logo.png') no-repeat left; background-size:60% 60%; }
	
	.main_visual1 {height: 810px;}
	.main_visual1 #m_ps1 {width: 350px; margin-top: -70px;}
	.main_visual1 #m_slogan1 {margin-top: 10px;}
	
	.pno ul li {float:none;}
	.pno ul #rrnoInp2 {padding-left:89px; padding-top:10px;}
	.pno ul #rlnmCrtf {padding-left:100px; padding-top:10px;}
	
	.main_visual1 #m_ps1 li.ptxt p{padding-left:15px; word-break:keep-all;}
	.main_visual1 #m_ps1 li.ptxt span {margin:0 0 0 -5px;}
	
	.main_visual1 #m_ps1 li.pno .telnum {margin:0px; width: 40px; padding:0px; text-align: center;}
	.main_visual1 #m_ps1 button.btn_org {margin-left: 0px;}

	/* 주민번호 입력 폼 사이즈 조정 */
 	.pno ul li {float:left;}
 	.pno ul #rrnoInp2 {padding-left:5px; padding-top:0px;}
	.pno ul #rlnmCrtf {padding-left:0px; padding-top:0px; margin-top: 20px; margin-left: 70px;}
	.main_visual1 #m_ps1 li.pno ul #rlnmCrtf {float:left;}
	.main_visual1 #m_ps1 li.pno #rlnmCrtf {padding-left:0px; padding-top:0px;}
 	.main_visual1 #m_ps1 li.pno input {border:1px solid #aeaeae; margin-left:0px; color:#000; font-size:15px; margin-right:0px; }
 	
 	.main_visual1 #m_ps1 li.pno #MYC1104002Q_certifiNum {width:70px;}
	
	
	.main_visual1 #m_slogan1 li p.txt > span {display:block;} /*간편본인인증서비스 m_slogan*/
	.main_visual #m_slogan li p.txt > span {display:block;} /*메인화면 m_slogan*/
	
	/* 본인인증서비스 타이틀 */
 	.main_visual1 #m_ps1 li.tit{background:url('../../images/persecmrect/sub_tit1.png') no-repeat; text-align:left; padding-left:50px;
 								color:#ffffff; padding-top:15px; font-size:14px; width:100%; border-bottom:1px solid #eeeeee; height:45px; }
	.main_visual1 #m_ps1 #clphTit {padding-top:8px;}
 	.main_visual1 #m_ps1 li.close img {max-width:80%; height:auto;}
 	.main_visual1 #m_ps1 li.close {float: right; margin-top: -50px;}
 	.main_visual1 #m_ps1 li p.clphTitP > span {display:block;}
 	.main_visual1 #m_ps1 #clphTit {line-height: normal;}
	
	#container .con_bottom1 {margin-top: 10px;}

	/*하단 로고*/
	.box_footer {position:relative; width:100%; height:100%; margin:0 auto; display:block;}
	.box_footer .ft_logo{display:none;}
	.box_footer .box_info {position:relative; margin:10px 0; padding-left:10px;  font-size:12px; color:#0c2136; }
	.box_footer .box_info span.copyright{color:#ffffff; margin:5px 0 0; font-size:12px;}
	.box_footer .box_info span.f_txt {color:#ffffff; margin:5px 0 0; font-size:12px; font-weight:bold; display:inline-block;}
	.box_footer .box_info address {position:relative; display:block; margin-right:20px;}
	.box_footer .box_info p.f_txt{margin: 5px 0 0 0px;}
	.box_footer .box_info p.copyright {margin: 5px 0 0 0px;}
	
	/* 	인증화면 */
	.main_visual {height:640px;}
	.main_visual1 .link_wrap1 {top:13%;}
	.captchaSampleInput {margin-top:5px;}
	
	/* 	메인화면 하단 메뉴부분 */
	#container .con_bottom {margin-top:40px;}
	
	/* 캡챠 음성인식  추가로 인한 CSS 조정 */
	#captchaSample {flex-direction:column; align-items:center;}
	#captchaSample img {width:140px;}
	.btn_inlineSet {margin-top:5px; text-align:center;}
	.main_visual1 #m_ps1 li.code {margin:10px;}
	.pno ul li:last-child {margin:0px;}
	#MYC1104002Q_certifiNum {width:152px; margin-top:3px;}
	.crtfBtn {margin-top:10px; margin-left:26px;}
	.main_visual1 #m_ps1 button.btn_org {padding:3px;}
	.main_visual1 #m_ps1 button.btn_gry {padding:3px; margin-left:3px;}
	
	/* 	외국어병기 - 메인화면  */
	.main_visual1 #m_ps1 li.name {margin-top:120px;}
	.pno ul li:last-child br {display:none;}
	.pno ul li:last-child {right:2px;}
	.pno ul li:nth-child(2) {margin-top:5px;}
	.captchaSampleBox {display:flex; align-items:center; flex-direction:column;}
	.btn_inlineSet .btn_inline {width:175px;}
	.main_visual1 #m_ps1 li.name input {margin-left:57px;}
	.main_visual1 #m_ps1 li.sel1 {margin-left:60px;}
	.main_visual1 #m_ps1 li.sel3 {width:190px; margin-left:60px;}
	.main_visual1 #m_ps1 li.name {margin-left:50px;}
	.main_visual1 #m_ps1 li.pno {margin-left:50px;}
}

@media screen and (max-width :380px) {
	.main_visual1 #m_ps1 {width: 315px; padding: 10px;}
	.main_visual1 #m_ps1 li.tit {font-size: 17px;}
	
	.main_visual #m_link li.mq1 {width: 310px; margin-left: -155px;}
	.main_visual #m_link li.mq1 .btn {font-size: 35px;}
	.main_visual #m_link li.mq2 {width: 310px; margin-left: -155px;}
	.main_visual #m_link li.mq2 .btn {margin-left: -130px; font-size: 35px;}
	.main_visual #m_link li.mq2 .img {margin-right: 10px;}
	
	/* 본인인증서비스 타이틀 */
 	.main_visual1 #m_ps1 li.tit{background:url('../../images/persecmrect/sub_tit1.png') no-repeat; text-align:left; padding-left:50px;
 								color:#ffffff; padding-top:15px; font-size:14px; width:100%; border-bottom:1px solid #eeeeee; height:45px; }
	.main_visual1 #m_ps1 #clphTit {padding-top:8px;}
 	.main_visual1 #m_ps1 li.close img {max-width:80%; height:auto;}
 	.main_visual1 #m_ps1 li.close {float: right; margin-top: -50px;}
 	.main_visual1 #m_ps1 li p.clphTitP > span {display:block;}
	
	/* 핸드폰번호-인증번호 */
	.main_visual1 #m_ps1 li.pno .telnum {margin:0px; width: 35px; padding:0px; text-align: center;}
	.main_visual1 #m_ps1 button.btn_org {margin-left: 0px;}
	.main_visual1 #m_ps1 li.pno #MYC1104002Q_telnumCrtf {margin-left: 0px;}
	.main_visual1 #m_ps1 li.pno #MYC1104002Q_certifiNum {margin-left:0px; margin-right:5px; width: 60px; padding:0px; text-align: center;}
	.main_visual1 #m_ps1 li.pno span.ty {padding-right: 0px;}

	/* 주민번호 입력 폼 사이즈 조정 */
 	.pno ul li {float:left;}
 	.pno ul #rrnoInp2 {padding-left:5px; padding-top:0px;}
	.pno ul #rlnmCrtf {padding-left:0px; padding-top:0px; margin-top: 20px; margin-left: 60px;}
	.main_visual1 #m_ps1 li.pno ul #rlnmCrtf {float:left;}
	.main_visual1 #m_ps1 li.pno #rlnmCrtf {padding-left:0px; padding-top:0px;}
 	#MYC1104002Q_rrnoFrdg {width:78px;}
 	.main_visual1 #m_ps1 li.pno input {border:1px solid #aeaeae; margin-left:0px; color:#000; font-size:15px; margin-right:0px; }
	
	/*하단 로고*/
	.box_footer {position:relative; width:100%; height:100%; margin:0 auto; display:block;}
	.box_footer .ft_logo{display:none;}
	.box_footer .box_info {position:relative; margin:10px 0; padding-left:10px;  font-size:12px; color:#0c2136; }
	.box_footer .box_info span.copyright{color:#ffffff; margin:5px 0 0; font-size:12px;}
	.box_footer .box_info span.f_txt {color:#ffffff; margin:5px 0 0; font-size:12px; font-weight:bold; display:inline-block;}
	.box_footer .box_info address {position:relative; display:block; margin-right:20px;}

	/* 	인증화면 */
	.main_visual1 {height:780px;}

	/* 캡챠 음성인식  추가로 인한 CSS 조정 */
	.main_visual1 #m_ps1 button.btn_org {padding:3px;}
	.main_visual1 #m_ps1 button.btn_org {margin-left:3px; padding:3px;}
	.crtfBtn {margin-left:15px;}
	#MYC1104002_time {margin-left:5px;}
	.main_visual1 #m_ps1 li.name input {margin-left:40px;}
	
	/* 	외국어병기 - 메인화면  */
	.main_visual #m_link li.mq1 .tit {padding-left:30px;}
	.trslQry, .trslNewIss{left: 20px; font-size:20px;}
	.main_visual #m_link li.mq1 .btn {margin-left:-185px;}
	.main_visual #m_link li.mq2 .btn {margin-left:-130px;}
	.main_visual #m_link li.mq2 .tit {padding-left:26px;}
	.trslQry, .trslNewIss {left:25px;}
	.trslNewIss {bottom:80px;}
	.main_visual #m_link li.mq2 .arr {margin-right:-110px;}
	.main_visual #m_link li.mq1 .arr {margin-right:-130px;}
}

@media screen and (max-width :320px) {
	/* 로고 */ 
	#header h1.logo a { background:url('../../images/persecmrect/logo.png') no-repeat left; background-size:60% 60%; }
	
	.main_visual1 #m_ps1 {width: 310px; padding: 10px;}
	.main_visual1 #m_ps1 li.tit {font-size: 17px;}
	
	.main_visual #m_link li.mq1 {clear: both; width: 310px; margin-left: -155px;}
	.main_visual #m_link li.mq1 .btn {font-size: 35px;}
	.main_visual #m_link li.mq2 {clear: both; width: 310px; margin-left: -155px; margin-top: 20px;}
	.main_visual #m_link li.mq2 .btn {font-size: 35px;}
	
	#container .con_bottom1 {padding:0px;}
	#container .con_bottom {padding:0px;}
	
	.box_menu,
	.box_menu1 {padding-right: 8px;}
	
	.box_menu ul.mm li.mi {height: 150px; background-size: contain;}
	.box_menu1 ul.mm li.mi {height: 150px; background-size: contain;}
	
	/* 본인인증서비스 타이틀 */
 	.main_visual1 #m_ps1 li.tit{background:url('../../images/persecmrect/sub_tit1.png') no-repeat; text-align:left; padding-left:50px;
 								color:#ffffff; padding-top:15px; font-size:14px; width:100%; border-bottom:1px solid #eeeeee; height:45px; }
	.main_visual1 #m_ps1 #clphTit {padding-top:8px;}
 	.main_visual1 #m_ps1 li.close img {max-width:80%; height:auto;}
 	.main_visual1 #m_ps1 li.close {float: right; margin-top: -50px;}
 	.main_visual1 #m_ps1 li p.clphTitP > span {display:block;}
 	
 	/* 주민번호 입력 폼 사이즈 조정 */
 	.pno ul li {float:left;}
 	.pno ul #rrnoInp2 {padding-left:5px; padding-top:0px;}
	.pno ul #rlnmCrtf {padding-left:0px; padding-top:0px; margin-top: 20px; margin-left: 60px;}
	.main_visual1 #m_ps1 li.pno ul #rlnmCrtf {float:left;}
	.main_visual1 #m_ps1 li.pno #rlnmCrtf {padding-left:0px; padding-top:0px;}
 	#MYC1104002Q_rrnoFrdg {width:80px;}
 	#MYC1104002Q_rrnoBcdg {width:90px;}
 	.main_visual1 #m_ps1 li.pno input {border:1px solid #aeaeae; margin-left:0px; color:#000; font-size:15px; margin-right:0px;}
 	
	/*하단 로고*/
	.box_footer {position:relative; width:100%; height:100%; margin:0 auto; display:block;}
	.box_footer .ft_logo{display:none;}
	.box_footer .box_info {position:relative; margin:10px 0; padding:0 10px 0 10px;  font-size:12px; color:#0c2136; }
	.box_footer .box_info span.copyright{color:#ffffff; margin:5px 0 0; font-size:12px;}
	.box_footer .box_info span.f_txt {color:#ffffff; margin:5px 0 0; font-size:12px; font-weight:bold; display:inline-block;}
	.box_footer .box_info address {position:relative; display:block; margin-right:20px;}
	
	.box_footer .box_info p.f_txt {font-size:11px;}


 	.main_visual1 #m_ps1 li.name input {width:80px;}
}