.t_center {text-align:center;}
.hide {display:none;}
.mvt5 {margin-top:5px !important;}

/*셀렉트 박스 디자인*/
.select-design {position:relative; display:inline-block;vertical-align:top;z-index:0;font-weight:normal;text-align:left;*display:inline;*zoom:1;}
.select-design select {position:absolute;left:-9999px;top:-9999px;/*left:500px;top:0;*/}
.select-design select option {padding:5px 10px; line-height:30px;}
.select-design .headline {position:relative;display:block;overflow:hidden;cursor:pointer;z-index:0;height:13px;text-overflow:ellipsis;white-space:nowrap;padding:5px 35px 5px 10px;background:#fff url("/mhtml/img/arr_select.png") no-repeat 100% -3px; border:1px solid #d5d5d5;font-weight:normal !important;vertical-align:top;}
.select-design .list-option {position:absolute;left:-9999px;top:-9999px;overflow:auto;max-height:200px; background:#fff;border:1px solid #585858;}
.select-design .list-option div {position:relative;overflow:hidden;padding:5px 14px !important;background:#fff;cursor:pointer;}
.select-design .list-option .selected {background:#f5f5f5;font-weight:bold;letter-spacing:-1px;}
.select-design.on {z-index:999 !important;}
.select-design.focus .headline,
.select-design.on .headline {border-color:#666;outline:0;outline:none;}
.select-design.on .headline {background-position:100% -31px;}
.select-design.on .list-option {position:absolute; left:0; top:24px !important;}
.select-design.readonly .headline {background-color:#eeeeee;}
.select-design.error .headline {border-color:#e93333;}

.select-design1 {width:100% !important;}
.select-design1 .headline {width:auto !important; height:auto; padding:3px 14px !important; border:4px solid #7995e1 !important; 
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; background:#fff url("/mhtml/img/arr_select2.png") no-repeat 100% 0;}
.select-design1 .headline,.select-design1 ul li a {font-size:12px;}
.select-design1 ul li a {display:block; padding:5px 10px 5px 17px; color:#333;}
.select-design1.on .headline {background-position:100% -31px;}
.select-design1.on .headline {border-color:#7995e1 !important;}
.select-design1.on .list-option {position:absolute; left:0; top:27px !important; width:100% !important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; 
border-color:#7995e1;}
.select-design1 .list-option .selected {background:#e8ecf4;}

/* 공통 레이아웃 */
body {background:#3e4249;}
.header_top {position:relative; padding:7px 0 12px; background:#1d4f43;}
.header_top h1 {width:auto; padding-left:20px;}
.header_top h1 img {width:41px; height:21px;}
.header_top h2 {position:absolute; top:50%; left:50%; margin:-7px 0 0 -31px; font-size:14px; color:#fff;}
.btn_menu {position:absolute; display:block; width:41px; height:40px; top:0; right:0; background:url("/mhtml/img/bg_menu_line.png") repeat-y left bottom;}
.btn_menu span {display:block; width:18px; height:15px; margin:12px auto 0; background:url("/mhtml/img/btn_menu_x2.png") no-repeat; background-size:contain; vertical-align:middle; font-size:0; }
.header_wrap {position:fixed; top:0; left:0; width:100%; z-index:9999;}
.menu div {width:100%; padding:0; overflow:hidden;}
.menu div p,.menu div ul li {float:left;}
.menu div p {display:table; width:25%; height:32px; background:#353c4a url("/mhtml/img/bg_pop_line.png") repeat-x right bottom;}
.menu div p a {display:table-cell; padding-left:7px; color:#c5d5ff; vertical-align:middle; font-size:12px;}
.menu div {background:#2e323b url("/mhtml/img/bg_pop_line.png") repeat-x right bottom; }
.menu div ul {width:75%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}
.menu div.allmenu {width:100%; overflow:hidden;}
.menu div.allmenu ul {float:left; width:37%;}
.menu div ul li {display:table; padding-left:1%; height:32px;}
.menu div ul li:first-child {width:102px; margin-right:3px;}
.menu div ul li a {display:table-cell; padding-left:15px; background:url("/mhtml/img/bu_list.png") no-repeat left 47%; color:#dddddd; vertical-align:middle; font-size:12px;}
.btn_close {width:100%; padding:1% 0; background:#1f2128; overflow:hidden;}
.btn_close span {float:right; padding:1% 3% 1% 0;}
.btn_close span a {display:block; width:39px; height:13px; background:url("/mhtml/img/btn_menu_close.png") no-repeat; background-size:cover; font-size:0;}

.sub_content {margin-top:40px; background:#fff;}

/*탭메뉴 리셋*/
.ui-tabs,.ui-tabs .ui-tabs-nav,.ui-tabs .ui-state-default,.ui-tabs .ui-tabs-nav li,.ui-tabs .ui-tabs-nav li a 
	{margin:0; padding:0; border:0; border-radius:0;}
.ui-state-default.ui-state-default,.tabMenu ul li {width:25%; background:url("/mhtml/img/bg_tab_off.png") repeat-x right top;}
.ui-state-default a,.tabMenu ul li a {display:block; width:100%; background:url("/mhtml/img/bg_tab_line.png") repeat-y left bottom; background-size:auto; font-size:13px; line-height:36px; text-align:center;}
.ui-state-default a, .ui-state-default a:link,.ui-state-default a:hover,.tabMenu ul li a,.tabMenu ul li a:link,.tabMenu ul li a:hover {color:#fff;}
.ui-state-active a, .ui-state-active a:link,.tabMenu ul li.on a,.tabMenu ul li a:hover {color:#637dc1;}
.ui-tabs .ui-tabs-panel {padding:0; margin:0; background:#fff;}
.bor_first a,.tabMenu ul li.bor_first a {background:none;}
.ui-state-active a,.tabMenu ul li.on a,.tabMenu ul li a:hover {background:url("/mhtml/img/bg_tab_on.png") repeat-x right top;}
.ui-tabs {width:100%; background:none;}
.ui-tabs .ui-tabs-nav,.tabMenu ul {width:100%; background:none; overflow:hidden;}
.ui-tabs .ui-tabs-nav li.ui-state-default,.tabMenu ul li {float:left;}

/*공통 푸터*/
.footer_top {background:#2d3035;}
.footer_top ul {padding:2% 0; text-align:center;}
.footer_top ul li {display:inline-block; padding:0 1%; border-left:1px solid #89909e;}
.footer_top ul li:first-child {border:0;}
.footer_top ul li a {font-size:12px; color:#9aa2b2;}
.footer_bot {position:relative; padding:5% 3%;}
.footer_bot p {padding-right:35%; font-size:11px; color:#9aa2b2; letter-spacing:-1px;}
.family_site {position:absolute; width:94px; top:28%; right:3%;}
.familysite-inner {position:relative;}
.familysite-defult a {display:block; width:86px; height:28px; padding-left:8px; background:url('/mhtml/img/bg_family.png') no-repeat; background-size:cover; line-height:28px; color:#61877e;}
.familysite-list {display:none; position:absolute; width:92px; height:140px; padding:0; top:-142px; background:#fff; border:1px solid #081613; overflow-x:hidden; overflow-y:auto; z-index:100;}
.familysite-list li {width:62px; padding:0 10px; }
.familysite-list li:hover {background:#e8ecf4;}
.familysite-list li a {font-size:12px; color:#666666; letter-spacing:-1px;}

/*메인 슬라이드*/
.slides_area,#slides {position:relative;}
.visual_tit {position:absolute; top:50%; left:50%; display:block; width:265px; height:84px; margin:-42px 0 0 -132px; background:url("/mhtml/img/visual_tx.png") no-repeat; 
	background-size:contain; font-size:0; z-index:1000;}
#slides .slidesjs-navigation {margin-top:3px;}
.slidesjs-pagination {position:absolute; width:100%;  bottom:18px; text-align:center; overflow:hidden; z-index:1000;}
.slidesjs-pagination li {display:inline-block; margin: 0 1px;}
.slidesjs-pagination li a {display: block; width: 13px; height: 0; padding-top: 13px; background-image: url("/mhtml/img/pagination.png"); background-position: 0 0; float: left; overflow: hidden; background-size:cover;}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {background-position: 0 -13px}
.slidesjs-pagination li a:hover {background-position: 0 -13px}
.navbar {overflow: hidden}
.slidesjs-play.slidesjs-navigation,.slidesjs-stop.slidesjs-navigation {display:none !important;}

/* 메인 컨텐츠 내용 */
.act_wrap {width:100%;}
.act_wrap:after {content:''; clear:both; display:block;}
.act_wrap .act {position:relative; float:left; width:33%; height:251px; padding:19px 2% 10px 2%; background:#fff; border-left:1px solid #dddddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.act_wrap .act:first-child {width:34%; border-left:0;}
.act_wrap .act h2 {margin-bottom:13px; font-size:14px; font-weight:600; color:#34457f;}
.act_wrap .act p {margin-bottom:19px; font-size:12px; color:#666666;}
.act_wrap .act3 {background:#d5f0e5; text-align:center;}
.btn_link,.btn_report,.btn_result,.btn_rewrite {display:block;}
.btn_result1,.btn_rewrite,.btn_confirmation,.btn_okey,.btn_reokey {display:inline-block;}
.btn_link {position:absolute; top:137px;}
.btn_link a {background:url("/mhtml/img/btn_link.png") no-repeat; background-size:cover; font-size:0; overflow:hidden;}
.btn_link a,.btn_report a,.btn_result a,.btn_rewrite a,.btn_confirmation a,.btn_okey a,.btn_reokey a {display:block; width:72px; height:23px; background:url("/mhtml/img/btn_link.png") no-repeat; background-size:cover; font-size:0; overflow:hidden;}
.btn_report a {margin:0 auto 4px; background:url("/mhtml/img/btn_report.png") no-repeat; background-size:cover;}
.btn_rewrite a {margin:0 auto 4px; background:url("/mhtml/img/btn_rewrite.png") no-repeat; background-size:cover;}
.btn_result a {margin:0 auto; background:url("/mhtml/img/btn_result.png") no-repeat; background-size:cover;}
.btn_confirmation a {background:url("/mhtml/img/btn_confirmation.png") no-repeat left top; background-size:cover;}
.btn_okey a {height:22px; background:url("/mhtml/img/btn_okey.png") no-repeat left top; background-size:cover;}
.btn_reokey a {height:22px; background:url("/mhtml/img/btn_reokey.png") no-repeat left top; background-size:cover;}
.btn_link a {height:23px;}
.btn_link a:hover,.btn_report a:hover,.btn_result a:hover {background-position:0 -23px;}
.btn_rewrite a:hover,.btn_okey a:hover,.btn_reokey a:hover,.btn_confirmation a:hover {background-position:0 -24px;}
.act_wrap .act1 .bg_img {position:absolute; bottom:10px; left:50%; display:block; width:93px; height:58px; margin-left:-47px; background:url("/mhtml/img/act_img.png") no-repeat; background-size:cover; font-size:0;}
.act_wrap .act2 .bg_img {position:absolute; bottom:10px; left:50%; display:block; width:65px; height:57px; margin-left:-33px; background:url("/mhtml/img/act_img2.png") no-repeat; background-size:cover; font-size:0;}
.act_wrap .act3 .bg_img {position:absolute; bottom:10px; left:50%; display:block; width:78px; height:57px; margin-left:-33px; background:url("/mhtml/img/act_img3.png") no-repeat; background-size:cover; font-size:0;}

/*윤리경영*/
.sub_tab.ui-tabs-nav {background:#fff;}
.sub_tab {text-align:center;}
.sub_tab.sub_tab {padding:2% 0; border-bottom:2px solid #999999;}
.sub_tab li.ui-state-default {float:none !important; display:inline-block; width:45%; border:1px solid #dddddd !important; border-right:0 !important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}/* margin-top:2% !important; */
.sub_tab li.ui-state-default.line_mar {margin-left:-4px; border-right:1px solid #dddddd !important;}
.bor_line,.sub_tab li.ui-state-default.bor_line {border-right:1px solid #ddd !important;}
.sub_tab li.ui-state-default a {background:#fff; color:#454545; line-height:28px;}
.sub_tab li.ui-state-active a,.sub_tab li.ui-state-active a:link {background:#e8ecf4;}

.comi_area.comi_area {background:url("/mhtml/img/bg_img1.png") no-repeat 95% 14px;}
.sub_bg2.sub_bg2 {background:url("/mhtml/img/bg_img2.png") no-repeat 95% 14px;} /* 윤리경영 선언문 bg */
.comi_area h4 {font-size:14px; color:#637dc1;}
.comi_area p {font-size:12px;}
.comi_top,.comi_bot {padding:5%;}
.comi_top {border-bottom:1px solid #dddddd;}
.comi_top h3 {margin:10% 0 11%; font-size:21px; color:#5972a8;}
.sub_bg2 .comi_top h3 {margin:15% 0;}
.comi_top h3 em {color:#333;}
.comi_top h4 {margin-bottom:3%; font-size:14px; color:#333;}
.comi_top h4 em {color:#637dc1;}
.comi_top p {color:#666666;}
.comi_bot h4,.comi_bot p,.cyber_bot h4,.cyber_bot p {margin-bottom:3%;}
.comi_bot p {width:93%; margin-left:7%;}
.comi_bot h4 {position:relative;}
.comi_bot h4 span {display:inline-block; width:93%; margin-left:7%;}
.comi_bot h4 span.num1,.comi_bot h4 span.num2,.comi_bot h4 span.num3,.comi_bot h4 span.num4,.comi_bot h4 span.num5 {position:absolute; top:10%; left:0; display:inline-block; width:18px; height:18px; margin:0; background:url("/mhtml/img/bu_num1.png") no-repeat; background-size:contain; vertical-align:middle;}
.comi_bot h4 span.num2 {background:url("/mhtml/img/bu_num2.png") no-repeat; background-size:contain; }
.comi_bot h4 span.num3 {background:url("/mhtml/img/bu_num3.png") no-repeat; background-size:contain; }
.comi_bot h4 span.num4 {background:url("/mhtml/img/bu_num4.png") no-repeat; background-size:contain; }
.comi_bot h4 span.num5 {background:url("/mhtml/img/bu_num5.png") no-repeat; background-size:contain; }
.sub_bg2 .comi_bot div {padding:2%; border:2px solid #637dc1; border-radius:15px 0 15px 0; -moz-border-radius:15px 0 15px 0; -webkit-border-radius:15px 0 15px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.sub_bg2 .comi_bot div p {position:relative; width:100%; margin:3% 0 0 0;}
.sub_bg2 .comi_bot div p span {position:absolute; top:0px; left:5px; display:inline-block; width:33px; height:20px; background:url("/mhtml/img/bu_first.png") no-repeat; background-size:contain; font-size:0;}
.sub_bg2 .comi_bot div p.mar_no,.mar_no {margin:0 !important;}
.sub_bg2 .comi_bot div p em {display:inline-block; padding-left:10%; vertical-align:middle;}

/*윤리규정*/
.sub_tab li.ui-state-default.bor_tno {border-top:0 !important;}
.sub_tab1 li.ui-state-default,.sub_tab2 li.ui-state-default {margin-left:-4px;}
.sub_bg3.sub_bg3 {background:url("/mhtml/img/bg_img3.png") no-repeat 95% 14px;} /* *윤리헌장 bg */
.sub_bg5.sub_bg5 {background:url("/mhtml/img/bg_img4.png") no-repeat 95% 14px;} /* 네파인의 자세 bg */
.sub_bg6.sub_bg6 {background:url("/mhtml/img/bg_img5.png") no-repeat 95% 14px;} /* 네파인의 자세 bg */
.sub_depth2,.sub_depth3 {padding:0 5% 2% 5%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.sub_tab2.sub_tab2 {border-color:#333333;}
.sub_tab2 li.ui-state-default {position:relative; width:50%; border-bottom:0 !important;}
.sub_tab2 li.ui-state-default a {padding:1% 5%; background:#f6f7fb; line-height:1.2; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.sub_tab2_1 li.ui-state-default a {padding:5%;}
.postop {top:8px;}
.mv_Left {top:-1px; left:-72px;}
.sub_tab2 li.ui-state-default.line_r {border-right:1px solid #ddd !important; }
.sub_tab2 li.ui-state-default.line_br {border-right:1px solid #ddd !important; border-bottom:1px solid #ddd !important;}
.sub_tab2 li.ui-state-default.line_b {border-bottom:1px solid #ddd !important;}
.line_h47 a {line-height:32px !important; padding:0 5% !important; }
.sub_tab2 li.ui-state-active a,.sub_tab2 li.ui-state-active a:link {background:#019a86; color:#fff;}
.sub_bg4 .comi_bot {padding:5%; margin-bottom:5%; border-bottom:1px solid #333333; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
.sub_bg4 .comi_bot h4 {color:#637dc1;}
.sub_bg4 .comi_bot p {width:auto; margin:0 0 3% 0; font-size:12px;}
.sub_bg4 .comi_bot h5 {margin-bottom:5px; color:#637dc1;}
.sub_bg4 .comi_bot ul li {margin-bottom:5px; font-size:12px;}
.marbt3 {margin-bottom:3%;}
.sub_bg4 .comi_bot ul li {margin-bottom:3%;}
.sub_bg4 .comi_bot ul li li {margin-bottom:5px;}
.sub_bg4 .comi_bot ul ul {padding-left:10px; margin-top:5px;}
.f_col.f_col {color:#333333;}
.sub_bg5 .nepain {text-align:center;}
.sub_bg5 ul {width:100%; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; overflow:hidden;}
.sub_bg5 ul li {float:left; width:50%; margin:0 !important; padding:22% 2% 3% 2%; border:1px solid #dddddd; border-bottom:0; border-right:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.sub_bg5 ul li.nepa_man1 {background:#f6f7fb url("/mhtml/img/ico_ethics1.png") no-repeat 50% 30%; background-size:auto;}
.sub_bg5 ul li.nepa_man2 {background:url("/mhtml/img/ico_ethics2.png") no-repeat 50% 30%;}
.sub_bg5 ul li.nepa_man3 {background:url("/mhtml/img/ico_ethics3.png") no-repeat 50% 30%;}
.sub_bg5 ul li.nepa_man4 {background:#f6f7fb url("/mhtml/img/ico_ethics4.png") no-repeat 50% 30%;}
.sub_bg5 ul li.nepa_man5 {background:#f6f7fb url("/mhtml/img/ico_ethics5.png") no-repeat 50% 30%;}
.sub_bg5 ul li.nepa_man6 {background:url("/mhtml/img/ico_ethics6.png") no-repeat 50% 30%;}
.sub_bg5 ul li.nepa_man7 {background:url("/mhtml/img/ico_ethics7.png") no-repeat 50% 30%;}
.sub_bg5 ul li.nepa_man8 {background:#f6f7fb url("/mhtml/img/ico_ethics8.png") no-repeat 50% 30%;}

/*윤리경영 faq*/
.sub_bg6 h3 {margin:5% 0;}
.qna_area {margin-top:5%; border-top:2px solid #333333;}
.qna_area p {margin:3% 0;}
.qna_area .qna_q {position:relative; width:100%; border-bottom:1px solid #ddd; overflow:hidden;}
.qna_area .qna_q p {float:left; width:87%; margin-left:27px;}
.qna_area .qna_q span.bu_q {position:absolute; top:50%; float:left; width:22px; height:22px; margin-top:-11px; background:url("/mhtml/img/ico_q.png") no-repeat; background-size:contain; vertical-align:middle;}
.qna_area .hide span {float:left; width:14px; height:11px; margin-right:5px; background:url("/mhtml/img/ico_reple.png") no-repeat; background-size:contain; vertical-align:middle;}
.qna_area .qna_q span.bu_qlist {position:absolute; right:0; top:50%; margin-top:-3px; display:inline-block; width:11px; height:6px; background:url("/mhtml/img/ico_list.png") no-repeat right -19px;}
.qna_area .hide {padding:3% 0 3% 1%; border-bottom:1px solid #ddd;}
.qna_area .hide:after {content:''; clear:both; display:block;}
.qna_area .hide p {float:left; width:92%; margin:0;}
/*페이징 처리*/
.paginate_box {position:relative; width:100%; margin-top:3%; overflow:hidden;}
.paginate_complex {float:left; width:100%; line-height:normal; text-align:center;}
.paginate_complex a,
.paginate_complex strong {display:inline-block; margin:0; padding:6px 10px; background-color:#fff; border:1px solid #6d737f; font-size:13px; color:#999999; vertical-align:middle;}
.paginate_complex strong {background-color:#6d737f; border-color:#6d737f; color:#fff;}
.paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus {color:#323232;background-color:#fff}
.paginate_complex .prev,.paginate_complex .next {display:inline-block; width:12px; height:20px; padding:0; border:0; font-size:0; line-height:0;}
.paginate_complex .prev {margin-right:5px; background:url("/mhtml/img/btn_list_prev.png") no-repeat; background-size:cover;}
.paginate_complex .next {margin-left:5px; background:url("/mhtml/img/btn_list_next.png") no-repeat; background-size:cover;}

/*contact us*/
.imgAuto {width:auto;  border:1px solid #ddd;}
img.wid100 {width:100%;}
h2.sub_conTit {padding:5%; border-bottom:1px solid #dddddd; font-size:21px; color:#5972a8;}
.sub_wrap {padding:3% 5%;}
.sub_wrap h3 {margin-bottom:3%; font-size:14px;}
.sub_wrap h4 {font-size:13px;}
.sub_wrap p {font-size:12px;}
.sub_wrap ul li {font-size:12px;}
.sub_wrap .metro span {float:left; display:inline-block; width:33px; height:33px; background:url("/mhtml/img/metro_img.png") no-repeat; background-size:contain;}
.sub_wrap .bus span {float:left; display:inline-block; width:33px; height:33px; background:url("/mhtml/img/bus_img.png") no-repeat; background-size:contain;}
.sub_wrap .car span {float:left; display:inline-block; width:33px; height:33px; background:url("/mhtml/img/car_img.png") no-repeat; background-size:contain;}
.sub_address {padding:2% 0; border-top:1px solid #666666; font-size:12px; font-weight:600;}
.sub_wrap .metro p,.sub_wrap .bus p,.sub_wrap .car p {margin-bottom:5px; color:#647ec0;}
.sub_wrap .metro,.sub_wrap .bus,.sub_wrap .car {width:100%; margin-bottom:2%; overflow:hidden;}
.sub_wrap .metro div,.sub_wrap .bus div,.sub_wrap .car div {float:left; width:85%; margin-left:5px;}
.sub_wrap div ul li {padding-left:10px; background:url("/mhtml/img/bu_list1.png") no-repeat left 4px;}
.sub_comi_area {padding:5% 0 2%; border-bottom:1px solid #666666;}
.mrt2 {margin-bottom:2%;}

/*개인 정보 수집 및 이용목적*/
.policy,.cyber_bot {padding:5%;}
.policy h4 {margin-top:3%; margin-bottom:5px; font-size:13px; color:#637dc1;}
.policy p {font-size:12px;}

/*사이버신문고*/
.comi_area.bg_cyber1 {background:url("/mhtml/img/bg_cyber1.png") no-repeat 95% 14px;}
.comi_area.bg_cyber2 {background:url("/mhtml/img/bg_cyber2.png") no-repeat 95% 14px;}
.comi_area.bg_cyber3 {background:url("/mhtml/img/bg_cyber3.png") no-repeat 95% 14px;}
.comi_area.bg_cyber4 {background:url("/mhtml/img/bg_cyber4.png") no-repeat 95% 14px;}
dl.cyber_list1,dl.cyber_list2,dl.cyber_list3 {width:100%; padding:5% 0 5% 23%; border-bottom:1px dotted #dddddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}
dl.cyber_list1 dt,dl.cyber_list2 dt,dl.cyber_list3 dt {font-size:13px; color:#637dc1;}
dl.cyber_list1 dd,dl.cyber_list2 dd,dl.cyber_list3 dd {font-size:12px; color:#666666;}
dl.cyber_list1 {background:url("/mhtml/img/ico_cyber_img1.png") no-repeat left 50%;}
dl.cyber_list2 {background:url("/mhtml/img/ico_cyber_img2.png") no-repeat left 50%;}
dl.cyber_list3 {background:url("/mhtml/img/ico_cyber_img3.png") no-repeat left 50%;}
.cyber_img {width:auto;}
.cyber_tit {margin-top:5%;}
.bg_cyber1 h3 {padding:5% 0 8%;}
.cyber_bot h4 .num1,.cyber_bot h4 .num2,.cyber_bot h4 .num3,.cyber_bot h4 .num4 {margin-top:-3px !important;}
.bg_cyber3 p {width:auto; margin-left:0;}
.report_box {padding:3%; background:#f5f7fa;}
.report_tx span {display:inline-block; width:16px; height:16px; margin:-3px 5px 0 0; background:url("/mhtml/img/bu_caution.png") no-repeat; background-size:contain; font-size:0; vertical-align:middle;}
.report_tx em {color:#637dc1;}
p.report_tx {padding-top:3%; margin:0; background:url("/mhtml/img/bg_repeat_line.png") repeat-x right top;}
.privacy_tbox h4 {color:#333;}
label {display:inline-block; margin-right:5px; vertical-align:middle;}
table {width:100%; margin-bottom:3%; border-top:1px solid #999999; font-size:12px; color:#666666;}
table th,table td {padding:5px 10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
table th {width:20%; background:#f5f7fa; border-left:0; text-align:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
input[type=text],input[type=password] {width:100%; padding:5px; border:1px solid #dddddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
input.numIt {width:20%;}
table td p {margin-top:5px; margin-bottom:0 !important;}
table td p em {color:#e40000;}
.privacy_tbox {width:100%; padding:3%; margin-bottom:3%; border:1px solid #ddd; height:100px; overflow-x:hidden; overflow-y:auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
textarea {height:150px; border:1px solid #ddd;}
.btn_wrap {text-align:center;}
.report_box1 {margin-bottom:3%;}
.report_box2 {margin-bottom:3%; border:1px solid #ddd; border-left:0; border-right:0;}
p.report_tx1 {padding:0; background:none; }
p.report_tx span {position:relative; top:0px; margin-top:0; vertical-align:top;}
p.report_tx em {display:inline-block; width:92%;}
.pw_box {margin-bottom:3%; padding:5%; border:1px solid #ddd; font-size:15px; font-weight:bold; text-align:center;}
.pw_inpt {width:100%; margin-bottom:3%; padding:5%; background:#f5f7fa; border:1px solid #ddd; border-left:0; border-right:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}
.pw_inpt dt,.pw_inpt dd {float:left;}
.pw_inpt dt {width:32%; margin-top:6px; font-size:13px;}
.pw_inpt dd {width:68%;}

/*처리결과확인 step*/
.result_step {width:100%; border:1px solid #ddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.result_step ul {position:relative; width:100%; background:#f5f7fa;}
.result_step ul:after {content:''; clear:both; display:block;}
.result_step ul li {float:left; width:25%; border-left:1px solid #ddd; font-size:0; line-height:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.result_step ul li:first-child {border-left:0;}
.result_step ul .step1 span,.result_step ul .step2 span,.result_step ul .step3 span,.result_step ul .step4 span {display:block; padding:10px 0; line-height:80px; background:url("/mhtml/img/step1.png") no-repeat 50% 10px; overflow:hidden; }
.result_step ul .step2 span {background:url("/mhtml/img/step2.png") no-repeat 50% 10px;}
.result_step ul .step3 span {background:url("/mhtml/img/step3.png") no-repeat 50% 10px;}
.result_step ul .step4 span {background:url("/mhtml/img/step4.png") no-repeat 50% 10px;}
.result_step ul.step1_on .step1,.result_step ul.step2_on .step2,.result_step ul.step3_on .step3,.result_step ul.step4_on .step4 {background:#647ec0;}
.result_step ul.step1_on .step2,.result_step ul.step2_on .step3,.result_step ul.step3_on .step4 {border-left:0;}

.result_step ul.step1_on .step1 span {background-position:50% -96px;}/*1step*/
.result_step ul.step1_on .step3 span {background-position:50% -98px;}/*1step*/
.result_step ul.step1_on .step4 span {background-position:50% -102px;}/*1step*/
.result_step ul.step2_on .step2 span {background-position:50% -213px;}/*2step*/
.result_step ul.step2_on .step4 span {background-position:50% -102px;}/*2step*/
.result_step ul.step3_on .step2 span {background-position:50% -101px;}/*2step*/
.result_step ul.step3_on .step3 span {background-position:50% -213px;}/*3step*/
.result_step ul.step3_on .step4 span {background-position:50% 10px;}/*3step*/
.result_step ul.step4_on .step2 span {background-position:50% -100px;}/*4step*/
.result_step ul.step4_on .step3 span {background-position:50% -99px;}/*4step*/
.result_step ul.step4_on .step4 span {background-position:50% -213px;}/*4step*/
.history h4,.result_info h4 {margin:3% 0; padding:2% 0; border:1px solid #ddd; border-left:0; border-right:0; color:#333333;}
.result_info h4 {border-bottom:0;}
.history_list p {width:100%; margin:0; padding:0;}
.history_list p:after {content:''; clear:both; display:block;}
.history_list p span {float:left; width:30%;}
.history_list p em {float:left; width:70%;}
.result_info {margin-bottom:3%;}
.result_info h4 {padding-top:5%;}
.result_info div {padding:5% 0; background:#f5f7fa; border:1px solid #ddd; border-left:0; border-right:0;}
.result_info div p {width:100%; margin:0; text-align:center;}
.result_info div p span {display:inline-block; position:relative; top:3px; width:15px; height:13px; margin:0 5px 0 0; background:url("/mhtml/img/bu_note.png") no-repeat; background-size:contain;}

/*모바일*/
/*기본*/
@media only all and (-webkit-device-pixel-ratio: 1) {
	.slides_area {width: auto;}
}
/*1.5배 세로형 안드로이드*/
@media only all and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
	.slides_area {width: auto;}
	.menu div.allmenu p {height:64px;}
	.menu div ul li.menu_tx1 {width:127px !important;}
	.postop {top:9px;}
	.sub_bg2 .comi_bot div p em {padding-left:15%;}
	.sub_bg3 .comi_bot h4 span.num1,.sub_bg3 .comi_bot h4 span.num2,.sub_bg3 .comi_bot h4 span.num3,
	.sub_bg3 .comi_bot h4 span.num4,.sub_bg3 .comi_bot h4 span.num5 {margin-top:-3px;}
	.result_step ul .step1 span,.result_step ul .step2 span,.result_step ul .step3 span,.result_step ul .step4 span 
	{line-height:42px; background-size:cover;}
	.result_step ul .step2 span {background:url("/mhtml/img/step2.png") no-repeat 50% 10px; background-size:cover; }
	.result_step ul .step3 span {background:url("/mhtml/img/step3.png") no-repeat 50% 10px; background-size:cover; }
	.result_step ul .step4 span {background:url("/mhtml/img/step4.png") no-repeat 50% 10px; background-size:cover; }
	.result_step ul.step1_on .step1 span {background-position:50% -48px;}/*1step*/
	.result_step ul.step1_on .step3 span {background-position:50% -47px;}/*1step*/
	.result_step ul.step1_on .step4 span {background-position:50% -52px;}/*1step*/
	.result_step ul.step2_on .step2 span {background-position:50% -112px;}/*2step*/
	.result_step ul.step2_on .step4 span {background-position:50% -52px;}/*2step*/
	.result_step ul.step3_on .step2 span {background-position:50% -50px;}/*3step*/
	.result_step ul.step3_on .step3 span {background-position:50% -112px;}/*3step*/
	.result_step ul.step3_on .step4 span {background-position:50% 10px;}/*3step*/
	.result_step ul.step4_on .step2 span {background-position:50% -50px;}/*4step*/
	.result_step ul.step4_on .step3 span {background-position:50% -47px;}/*4step*/
	.result_step ul.step4_on .step4 span {background-position:50% -110px;}/*4step*/
	.mv_Left {top:-1px; left:-81px;}
}
/*1.5배 가로형 안드로이드*/
@media only all and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
	.menu div ul li {width:130px;}
	.menu div.allmenu p {height:64px;}
	.postop {top:10px;}
	.sub_bg3 .comi_bot h4 span.num1,.sub_bg3 .comi_bot h4 span.num2,.sub_bg3 .comi_bot h4 span.num3,
	.sub_bg3 .comi_bot h4 span.num4,.sub_bg3 .comi_bot h4 span.num5 {margin-top:-5px;}
	dl.cyber_list1,dl.cyber_list2,dl.cyber_list3 {padding-left:17%;}
	.comi_area.bg_cyber1 {background:url("/mhtml/img/bg_cyber1.png") no-repeat 95% 6%;}
	.mv_Left {top:-1px; left:-133px;}
}
/*2배 아이폰 고해상도 세로형*/
@media only all and (max-device-width : 320px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
	.slides_area {width: auto;}
	.btn_link {top:161px;}
	.act_wrap .act {height:271px;}
	.menu div.allmenu p {height:64px;}
	.menu div ul li.menu_tx1 {width:115px; margin-right:0;}
	.menu div ul li.menu_tx3 {width:115px !important; margin-right:0;}
	.comi_bot p,.comi_bot h4 span {width:90%; margin-left:10%;}
	.sub_bg2 .comi_bot div p em {padding-left:15%;}
	.bg_cyber3 p {width:auto; margin:0;}
	.history_list p span {width:33%; margin-left:-10px;}
	.history_list p em {width:67%;}
	/*처리 step*/
	.result_step ul.step1_on .step1 span {background-position:50% -42px;}/*1step*/
	.result_step ul.step1_on .step3 span {background-position:50% -42px;}/*1step*/
	.result_step ul.step1_on .step4 span {background-position:50% -43px;}/*1step*/
	.result_step ul.step2_on .step2 span {background-position:50% -98px;}/*2step*/
	.result_step ul.step2_on .step4 span {background-position:50% -44px;}/*2step*/
	.result_step ul.step3_on .step2 span {background-position:50% -43px;}/*3step*/
	.result_step ul.step3_on .step3 span {background-position:50% -98px;}/*3step*/
	.result_step ul.step3_on .step4 span {background-position:50% 10px;}/*3step*/
	.result_step ul.step4_on .step2 span {background-position:50% -42px;}/*4step*/
	.result_step ul.step4_on .step3 span {background-position:50% -42px;}/*4step*/
	.result_step ul.step4_on .step4 span {background-position:50% -98px;}/*4step*/
}
/*2배 아이폰 고해상도 가로형*/
@media only all and (-webkit-min-device-pixel-ratio : 1.5) and (orientation: landscape) and (-webkit-device-pixel-ratio : 2) {
	.menu div.allmenu {width:100%; overflow:hidden;}
	.menu div.allmenu p {height:64px;}
	.menu div.allmenu ul {float:left; width:37%;}
	.menu div ul li.menu_tx1 {width:116px;}
	.menu div ul li.menu_tx3 {width:169px !important;}
	.visual_tit {width:255px; height:74px; margin:-47px 0 0 -117px;}
	.btn_link {top:131px;}
	.act_wrap .act {height:231px;}
	.mv_Left {top:-1px; left:-107px;}
	dl.cyber_list1,dl.cyber_list2,dl.cyber_list3 {padding-left:17%;}
}


.tb_policy_table table {width:100%; border-top:2px solid #999999;}
.tb_policy_table table th {padding:12px 0 12px 26px; background:#f5f7fa; border-left:1px solid #dddddd; border-bottom:1px solid #dddddd; font-size:12px; color:#666666; text-align:center;}
.tb_policy_table table td {padding:12px 10px; border-left:1px solid #dddddd; border-bottom:1px solid #dddddd; font-size:13px; color:#666666; word-break:break-all; text-align:center;}
.tb_policy_table table th:first-child {border-left:none; font-weight:100; text-align:center;}
.tb_policy_table table td:first-child {border-left:none; font-weight:100; text-align:center;}