@charset "utf-8";
/*
	컨텐츠 css
*/


/* 미지원브라우저 레이어 */
.browser_layer_w{background:url("/common/images/dhr/dim_70.png");position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;overflow-y:auto;visibility:hidden;}
.browser_layer_w.complete{visibility:visible;}
.browser_layer{width:640px;margin:0 auto;text-align:center;position:absolute;top:50%;left:50%;margin:0 0 0 -320px;}
.brow_top{color:#fff;font-size:40px;line-height:1;background:#4967b0;padding:33px 20px;}
.brow_mid{background:#5d7fb9;padding:50px 30px;}
.brow_mid_p{color:#dfe5f1;font-size:22px;line-height:1.3;padding-bottom:30px;}
.brow_btn_w{height:101px;}
.brow_btn{display:block;margin:0 auto;font-size:0;line-height:0;width:176px;height:101px;background:url("/common/images/dhr/ie_ex.png") no-repeat 0 0 !important;}
/* // 미지원브라우저 레이어 */

.front_body{}
.page_wrap{min-width:1280px}
.page_wrap.type2 .mpix{margin:0;}
.page_wrap.type2 .head_pixin{margin:0;}
.page_wrap.type2 .toplogo{margin-left:20px;}
.page_wrap.type2 .mpix.midlog_pixin{margin:0;padding-right:10px;}
.page_wrap.type2 .midscont_both{margin:0;}

/* header */
.header_wrap{position:relative;z-index:10;}
.headlow01_w{height:75px;border-bottom:1px solid #d4d4d4;position:relative;z-index:10;}
.head_pixin{width:1280px;position:relative;margin:0 auto;}
.headlow01_w .head_pixin{}
.toplogo{display:table;height:75px;float:left;font-size:0;line-height:0;}
.toplogo_link{display:table-cell;vertical-align: middle;}
.toplogo img{}
.head_util_list_w{float:right;}
.head_util_list{display:table;height:75px;}
.head_util_list > li{display:table-cell;vertical-align: middle;padding-right:35px;}
.head_util_list > li:last-of-type{padding-right:0;}
.hlogdata{border-bottom:1px solid #bfbfbf;}
.hutil_item{position:relative;}
.hlog_target{position:relative;white-space:nowrap;display:block;font-size:15px;color:#1b1b1b;line-height:1;padding:8px 3px;box-sizing:border-box;height:30px;min-width:120px;}
.hlog_target:after{
	display:block;content:'';
	display:inline-block;content:'';width:8px;height:8px;position:absolute;top:9px;right:5px;
	border-right:1px solid #5f5f5f;border-bottom:1px solid #5f5f5f;transition:.4s;
	transform: translateZ(0);-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);
	-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);
}
.hlog_target.active:after{
	top:14px;
	-webkit-transform:rotate(225deg);transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);
}
/* 추가 */
.hlog_target_s{position:relative;white-space:nowrap;display:block;font-size:15px;color:#1b1b1b;line-height:1;padding:8px 3px;box-sizing:border-box;height:30px;min-width:120px;}
/******/
.hlog_tin{white-space:nowrap;display:inline-block;}
.hlog_layer{position:absolute;top:30px;left:0;width:100%;background:#fff;border:1px solid #bfbfbf;display:none;}
.hlogopt_list{}
.hlogopt_list > li{border-bottom:1px solid #d9d9d9;}
.hlogopt_list > li:last-of-type{border:0}
.hlogopt{font-size:14px;color:#1b1b1b;display:block;padding:5px 10px;}
.hutil{}
.hutil.hutil_ico{position:relative;display:inline-block;padding-right:25px;font-size:15px;line-height:20px;}
.hutil.hutil_ico:before{display:block;content:'';background:url("/common/images/dhr/util_logo.png") no-repeat 0 0;position:absolute;top:1px;right:0;width:20px;height:20px;}
.hutil.hutil_ico.hutico01{}
.hutil.hutil_ico.hutico01:before{}
/* 추가 */
.ico_layer{position:absolute;top:30px;left:0;width:122px;background:#fff;border:1px solid #bfbfbf;display:none;}
/* 추가 E */
.hutil_in{}
.hlogis_list{display:table;}
.hlogis_list > li{display:table-cell;vertical-align: middle;padding-right:5px;}
.hlogis_list > li:last-of-type{padding-right:0}
.hlog_who{position:relative;display:inline-block;padding-left:22px;font-size:15px;line-height:20px;}
.hlog_who:before{display:block;content:'';background:url("/common/images/dhr/util_logo.png") no-repeat 0 -20px;position:absolute;top:0;left:0;width:20px;height:20px;}
.hlog_men{}
.hlog_mensir{}
.btn_hucir{color:#323232;display:inline-block;border:1px solid #a8a8a8;border-radius:100px;padding:5px 10px 6px;font-size:14px;line-height:1;}
.btn_hucir_in{}
.headlow02_w{height:62px;border-bottom:1px solid #d4d4d4;box-sizing:border-box;}
.headlow02_w .head_pixin{padding:0 60px;box-sizing:border-box;}
.hgm_list{display:table;width:100%;table-layout: fixed;text-align:center;line-height:0;font-size:0;}
.hgm_list > li{display:table-cell;vertical-align: middle;}
.hgm_list > li:last-of-type{}
.hgm{display:block;color:#000000;font-size:18px;position:relative;overflow:hidden;font-family: 'NotoSans-Medium';line-height:1;letter-spacing:-1px;height:61px;line-height:61px;}
.hgm:before{display:block;content:'';width:calc(100% - 40px);position:absolute;top:-2px;left:20px;background:#13d5aa;height:2px;transition:.3s;}
.hgm:hover:before{top:0;}

.hgm_control_w{position:absolute;top:50%;right:0;margin-top:-12px;}
.btn_hgmcontrol{background:#fff;border-radius:100%;height:25px;width:25px;display:inline-block;border:1px solid #c2c2c2;}
.btn_hgmcontrol:before{}
.btn_hgmcontrol.hgmcontrol_prev{}
.btn_hgmcontrol.hgmcontrol_prev:before{}
.btn_hgmcontrol.hgmcontrol_next{}
.btn_hgmcontrol.hgmcontrol_next:before{}

.btn_hgmcontrol.hgmcontrol_prev:before,
.btn_hgmcontrol.hgmcontrol_next:before{background:none;
	display:block;content:'';
	border-right:1px solid #5f5f5f;border-bottom:1px solid #5f5f5f;width:8px;height:8px;position:absolute;top:7px;left:9px;
	transform: translateZ(0);-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);
	-webkit-transform:rotate(-225deg);transform:rotate(-225deg);-moz-transform:rotate(-225deg);-ms-transform:rotate(-225deg);
}
.btn_hgmcontrol.hgmcontrol_next:before{
	left:5px;
	-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
}

/* // header */
/* footer */
.footer_wrap{background:#111;}
.footer_pixin{width:1280px;position:relative;margin:0 auto;}
.foot_tb{display:table;width:100%;height:95px;}
.foot_td{display:table-cell;vertical-align:middle;}
.foot_td.foot01{padding-left:68px;font-size:0;line-height:0;}
.foot_td.foot02{text-align:right;padding-right:20px;}
.foot_logo{}
.foot_logo img{}
.fcopy_sp{display:inline-block;color:#999999;font-size:11px;margin-right:15px;font-weight:350;}
.fcopy_sp:last-of-type{margin-right:0;}
/* // footer */
/* middle */
.middle_wrap{position:relative;z-index:5;}
.middle_sub_wrap{position:absolute;z-index:5;}
/* .midscont_both:before{display:block;content:'';width:1px;height:100%;background:#e9e9e9;position:absolute;top:0;left:267px;} */
.midscont_left{width:268px;float:left;position:relative;padding-top:10px;box-sizing:border-box;}
.midsc_ca_w{padding:0 5px;}
.midsc_ca{display:block;background:#00b18a;color:#fff;border-radius:5px;padding:10px;font-size:16px;text-align:center;line-height:1;}
.midsc_menu_w{padding:5px;}
.midscont_both{width:1280px;position:relative;margin:0 auto;min-height:1110px;}
.midscont_both:after{display:block;content:'';clear:both;}
.midscont_right{width:984px;float:right;padding:10px 0 0;}
.btn_left_toggle{display:none;position:absolute;top:363px;right:-16px;width:16px;height:38px;background:url("/common/images/dhr/btn_left_toggle.png") no-repeat 0 0;}
.midscont_both.type2 .midscont_left{width:0;padding:0;height:0;}
.midscont_both.type2 .midscont_left_in{width:0;overflow:hidden;display:none;}
.midscont_both.type2:before{display:none;}
.midscont_both.type2 .midscont_right{width:100%;box-sizing:border-box;padding-left:32px;}
.btn_left_toggle.active{background-position:-16px 0;}
.page_wrap.type2 .btn_left_toggle{display:inline-block;}

/* // middle */
/* midlog_low */
.midlog_low{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#13d5aa+38,8895e5+91 */
background: #13d5aa; /* Old browsers */
background: -moz-linear-gradient(left,  #13d5aa 38%, #8895e5 91%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #13d5aa 38%,#8895e5 91%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #13d5aa 38%,#8895e5 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13d5aa', endColorstr='#8895e5',GradientType=1 ); /* IE6-9 */
height:42px;position:relative;z-index:5;}
.midlog_pixin{width:1280px;position:relative;margin:0 auto;}
.midlog_tb{display:table;width:100%;}
.midlog_td{display:table-cell;vertical-align: middle;}
.midlog_td.midlog01{}
.midlog_td.midlog02{width:1px;}
.midlog_td.midlog02:after{display:block;content:'';clear:both;}
.midlog_one{width:268px;text-align:center;float:left;color:#fff;font-size:17px;line-height:42px;display:block;min-height:42px;}
.midtab_list_w{float:left;max-width:930px;position:relative;overflow:hidden;height:42px;}
.midtab_list{display:table;height:42px;}
.midtab_list > li{display:table-cell;vertical-align: bottom;}
.midtab_list > li:last-of-type{}
.midtab{display:inline-block;position:relative;height:19px;background:#fff;border-radius:3px 3px 0 0;padding:8px 38px;}
.midtab_ico{display:inline-block;width:20px;height:20px;background:url("/common/images/dhr/icon_stab.png") no-repeat 0 0;position:absolute;top:8px;left:14px;}
.midtab_ico:before{}
.midtab_ico.ico01{}
.midtab_ico.ico01:before{}
.midtab_text{display:inline-block;font-size:13px;color:#00b18a;white-space:nowrap;}
.btn_midtabclose{display:inline-block;width:12px;height:12px;background:url("/common/images/dhr/btn_tabclose.png") no-repeat 0 0;position:absolute;top:12px;right:16px;}
.btn_mlogcont_tb{display:table;float:right;height:42px;font-size:0;line-height:0}
.btn_mlogcont_td{display:table-cell;vertical-align: middle;}
.btn_mlogcont_td.mlogc01{}
.btn_mlogcont_td.mlogc02{padding-left:10px;}
.btn_mlogcin_tb{display:table;}
.btn_mlogcin_td{display:table-cell;vertical-align: middle;}
.btn_mlogcin_td:last-of-type{}
.btn_mlogcin{display:inline-block;width:25px;height:25px;background:url("/common/images/dhr/btn_subcontrol.png") no-repeat 0 0;}
.btn_mlogcin.mlogprev{background-position:0 0;}
.btn_mlogcin.mlognext{background-position:0 -25px;}
.btn_mlogcin.mlogdel{background-position:0 -50px;}
/* // midlog_low */


/* PASS CODE 등록 표시 추가 */
.passtil{}
.passtil.passtil_ico{position:relative;display:inline-block;font-size:15px;line-height:20px;}
/* .passtil.passtil_ico:before{display:block;content:'';background:url("/common/images/dhr/util_logo.png") no-repeat 0 0;position:absolute;top:1px;right:0;width:20px;height:20px;} */
.passtil.passtil_ico.hutico01{}
.pasdata{}
.passLine{padding-right:20px !important;}