/* Layout */
@import url('table_m.css');
@import url('board.css');

@charset "UTF-8";

body{background:transparent;}

/*레이아웃*/
header { position:relative; width:100%; height:100px; background-color:#0062be; }	
section { width:100%;  margin-left:0px;}

/* header 컨텐츠 */
header h1 { position:relative; top:22px; left:0px; width:173px; height:59px; margin:0px auto; }
header h1.semuline { position:relative; top:22px; left:0px; width:310px; height:59px; margin:0px auto; } /*2018.05.09 異붽� */
header .btn {position:absolute; top:38px; left:520px; } /*2020.10.29 수정 */

#wrap{position:relative;width:640px;overflow:hidden;min-width:320px;margin:0 auto; background:#fff;}

header .top{float:left; width:103px; height:100px; background-color:#004484; }
header .top a{display:inline-block;margin-left:32px; margin-top:35px;position:relative;}
header .top a img{}

header .top .btn_srch{width:33px;height:33px;background:url('http://m.duzon.com/resources/images/common/ico_srch.png') no-repeat center;text-indent:-9999px;}
header .top .btn_srch.open{background-image:url('http://m.duzon.com/resources/images/common/btn_x.png');}

#nav  {display:block; width:100%; position:relative;  top:15px;  padding:0 0 0 35px; font:26px 'Malgun Gothic'; color:#afafaf;  margin-bottom:45px;}
#nav a {color:#afafaf; }
#nav span.on {color:#0062be; }

.dimed{position:absolute;width:100%;height:100%;left:0;top:0;background:#333;opacity:0.7;filter:alpha(opacity=70);z-index:9500;display:none;}
aside{background:#fff;position:absolute;width:100%;left:-100%;top:0;height:1000%; z-index:1000000;}
aside .tit{height:100px; padding-top:22px; -webkit-box-sizing:border-box;box-sizing:border-box;line-height:98px;text-align:center;color:#0068b7;font-size:35px;border-bottom:2px solid #dfdfdf;font-weight:500;min-height:64px; /*background-color:#0062be;*/}
aside .btn_closeAside{position:absolute;left:41px;top:35px;}
aside .btn_closeAside img{}
aside .inr{padding:24px 0;height:88.8%;overflow:auto;box-sizing:border-box;}


/*포인트 서비스 조회 
#point_service_Content {position:relative;  width:100%; height:122px; margin-top:20px; padding:12px 0; background:#f2f2f2; -webkit-box-sizing:border-box;box-sizing:border-box; }

.pbox {width:50%; height:98px;  background:#ffffff; -webkit-box-sizing:border-box;box-sizing:border-box; float:right; border-left:1px solid #f2f2f2;}
.pbox li a{display:block; width:90%; position:relative;  margin:0 20px 0 27px; height:98px; background:#004484;}
.pbox li span.point_img {position:relative; top:20px;  }
.pbox li span.point_text {position:relative;  top:33px;  left:20px; font:26px 'Malgun Gothic'; color:#ffffff;}

.sbox {width:50%; height:98px; background:#ffffff;  -webkit-box-sizing:border-box;box-sizing:border-box;}
.sbox li a{display:block; width:90%; position:relative;  margin:0 20px 0 27px; height:98px; background:#004484;}
.sbox li span.service_img {position:relative; top:20px;  }
.sbox li span.service_text {position:relative; top:33px; left:20px; font:26px 'Malgun Gothic'; color:#ffffff;}

/*포인트 서비스 조회 */

#point_service_Content {position:relative;  width:100%; height:auto; margin-top:20px; padding:0; -webkit-box-sizing:border-box;box-sizing:border-box; }

.pbox {width:50%; height:130px;  background:#ffffff; -webkit-box-sizing:border-box;box-sizing:border-box; float:right; border-left:1px solid #668fb5; background:#004484;}
.pbox li a{display:block; width:100%; position:relative; text-align:center;   height:130px;}
.pbox li span.service_img {position:relative; top:28px;  }
.pbox li span.service_text {position:relative;  top:33px;  font:22px 'Malgun Gothic'; color:#ffffff;}

.pbox li.check {display:inline-block;   width:35%; height:130px; text-align:center; float:left;}
/*.pbox li.check2 {display:inline-block; width:55%; padding-left:15px; position:relative; top:17px;  font:22px 'Malgun Gothic'; color:#ffffff;  } */

.pbox li.user_service0 {display:inline-block; width:60%;  padding:0 5px; position:relative; top:45px;  font:22px 'Malgun Gothic'; color:#ffffff; } /* 2020.02.04  �섏젙*/
.pbox li.user_service1 {display:inline-block; width:60%;  padding:0 5px; position:relative; top:35px;  font:22px 'Malgun Gothic'; color:#ffffff; } /* 2020.02.04  �섏젙*/
.pbox li.user_service2 {display:inline-block; width:60%;padding:0 5px; position:relative; top:20px;  font:22px 'Malgun Gothic'; color:#ffffff; } /* 2020.02.04  �섏젙*/
.pbox li.user_service3 {display:inline-block; width:60%; padding:0 5px; position:relative; top:8px;  font:22px 'Malgun Gothic'; color:#ffffff; } /* 2020.02.04  �섏젙*/


.sbox {width:50%; height:130px; background:#ffffff;  -webkit-box-sizing:border-box;box-sizing:border-box; background:#004484;}
.sbox li a{display:block; width:100%; position:relative;  text-align:center;  height:130px;  }
.sbox li span.point_img {position:relative; top:28px;  }
.sbox li span.point_text {position:relative; top:33px;  font:22px 'Malgun Gothic'; color:#ffffff;}

.sbox li.check {display:inline-block;   width:45%; height:130px; text-align:center; float:left;} 
.sbox li.check2 {display:inline-block; width:45%;  padding-left:25px; position:relative; top:49px;  font:26px 'Malgun Gothic'; color:#ffffff;  } /* 2020.02.04  �섏젙*/

aside .depth1{text-align:center;overflow:hidden;width:100%;margin-bottom:10px;}
aside .depth1 li{width:48%;float:right;}
aside .depth1 li:first-child{float:left;}
aside .depth1 li a{display:block;color:#fff;font-size:26px;line-height:1em;background:#989da3;border-radius:4px;padding:20px 0;text-align:center;text-decoration:none;}
aside .depth1 li a.on{background:#00aeef;}

aside .depth2 {margin-top:30px;}
aside .depth2 > li{border-bottom:1px solid #a3b1bf; }
aside .depth2 > li:first-child{border-top:0;}
aside .depth2 > li > a{display:block;color:#000;font-size:26px;line-height:1em;text-decoration:none;padding:23px;}
aside .depth2 > li > a:after{display:inline-block;content:'';width:25px;height:25px;background:url('../images/common/ico_arrow_down_small.png') no-repeat center;vertical-align:top; }
aside .depth2 > li > a.on{color:#0068b7; }
aside .depth2 > li > a.on:after{background-image:url('../images/common/ico_arrow_up_small.png'); }

aside .depth3{padding:0;border-top:1px solid #a3b1bf;display: none; background-color:#c3d4e4;}
aside .depth3 li{margin-bottom:0;}
aside .depth3 > li > a{padding-left:23px; padding-bottom:14px; display:block; border-bottom:1px solid #a3b1bf; color:#333;font-size:25px;line-height:1.5em;text-decoration:none;margin-top:14px;}
aside .depth3 > li:first-child > a{margin-top: 14px;}
aside .depth3 > li:last-child > a{border-bottom:0px solid #a3b1bf;}

aside .depth4{display:none;}

aside .inquiry{background:#d3d3d3;
margin-top:30px; /*margin:0 -40px -24px;*/box-sizing:border-box;padding:29px 0;line-height:41px;font-size:25px;color:#0068b7;font-weight:600;text-align:center;}
aside .inquiry a{color: #0068b7;}
aside .inquiry span{display:inline-block;font-size:22px;line-height:41px;color:#fff;background:#0068b7;padding:0 25px;border-radius:30px;vertical-align:top;margin-left:23px;}


/* footer start* 처음 만든 풋터
#Footer {position:relative;  width:100%;  margin:0 auto; margin-top:60px; padding-bottom:30px; height:auto; background-color:#383c3f;} 
.Footer_area1 {position:relative; width:100%;  margin:0 auto;}
.Footer_area1 li {padding-top:30px; text-align:center; }
.Footer_area1 li.txt a {color:#cccccc;}
.Footer_area1 li.txt span.fst{padding:0 10px 0 0; font:20px/1.0 'Malgun Gothic'; white-space:nowrap; color:#cccccc;  background:url(../images/common/foot_bar.gif) no-repeat right 7px; }
.Footer_area1 li.txt span.middle {padding:0 10px; font:20px/1.0 'Malgun Gothic'; white-space:nowrap; color:#cccccc;  background:url(../images/common/foot_bar.gif) no-repeat right 7px; }
.Footer_area1 li.txt span.last {padding:0 10px;  font:20px/1.0 'Malgun Gothic'; white-space:nowrap; color:#cccccc; }

.Footer_area2 {position:relative; width:100%;  margin:0 auto;}
.Footer_area2 li {margin-top:30px; text-align:center; font:20px/1.0 'Malgun Gothic'; white-space:nowrap; color:#cccccc; }
.Footer_area2 li span.customer_num {color:#5fb7ff; }
.Footer_area3 {position:relative; width:100%;  margin:0 auto;}
.Footer_area3 li {margin-top:30px; text-align:center; font:20px/1.4 'Malgun Gothic'; white-space:nowrap; color:#8c8d91;  }
.Footer_area3 li span.copylight {color:#606063; }

.Footer_area4{position:relative; width:100%;  margin:0 auto;}
.Footer_area4 li {margin-top:30px; text-align:center; font:20px/1.4 'Malgun Gothic'; white-space:nowrap; color:#cccccc; }
.Footer_area4 li  a {color:#cccccc; }


/* footer */
.footer{clear:both}
.fot{/*display:block;*/ clear:both; margin-top:70px; padding:8px 0 25px; /*border-top:1px solid #2d3036;*/  background-color:#353840; font-size:18px; line-height:18px; text-align:center;}  /* 2020.03.02  �섏젙*/
.fot_p1{margin:15px 0 5px} /* 2020.03.02  수정*/
.fot_p1a{display:inline-block;padding:0;color:#ffffff!important;}   /* 2020.10.15  수정*/

.fot_p1a:before{display:inline-block;width:1px;height:18px; margin:0 9px 0 3px; background:#45484d; vertical-align:-2px;content:''}
.fot_p1a:first-child:before{display:none}

.fot_p2{margin:20px 0 5px; color:#ffffff!important; width:100%; }  /* 2020.10.15  수정*/
.fot_p2 span.customer_num{color:#ff8726;}  /* 2020.10.29  수정*/

.fot_p3{margin:10px 0 5px; line-height:28px; color:#ffffff!important; display:inline-block;}  /* 2020.10.15  수정*/
 
.fot_p3 span.copylight { /*color:#606063; */  ; color:#ffffff; }  /* 2020.10.15  수정*/

.fot_p4{margin:5px 0 5px; color:#9e9e9e!important; }  /* 2020.03.02  수정*/
.fot_p4a{color:#9e9e9e!important; font-size:28px; }

/*Login_area 2017.07.27 */ 
.Login_area {position:relative; width:460px; height:520px;  margin:0 auto;}  /* 2020.10.29  수정*/
.login_box {position:relative;width:573px; display:inline;   }
.login_box form{width:573px;display:inline-block; }
.login_box input[type=password]{padding:0 50px 0 20px; margin-bottom:5px; border:3px solid #e2e2e2; height:60px; color:#666;font-size:24px;}  /* 2020.10.29  수정*/
.login_box input[type=text]{padding:0 50px 0 20px; margin-bottom:5px; border:3px solid #e2e2e2; height:60px; color:#666;font-size:24px;}  /* 2020.10.29  수정*/

/* IDPW_area */ 
.IDPW_area {position:relative; width:573px; height:auto;  margin:0 auto; }
.IDPW_box {position:relative;width:573px; display:inline;   }
.IDPW_box form{width:573px;display:inline-block; }
.IDPW_box input[type=text]{padding:0 10px 0 10px; margin-bottom:5px; border:3px solid #e2e2e2; height:50px; color:#666; font-size:24px;}
.IDPW_box span.txt {height:50px; color:#666; font-size:24px;}
.IDPW_box select {width:122px; border:3px solid #e2e2e2; background-color:#ffffff; height:50px; color:#666; font-size:24px; padding:0 10px 0 10px; background:url(../images/common/icon/icon_arrow_down.png) no-repeat 90% center; margin-bottom:5px; }

/* personal_info_area 2020.06.15  추가*/ 
.personal_info_area {position:relative; width:573px; height:auto;  margin:0 auto; }
.personal_info_box {position:relative;width:573px; display:inline;   }
.personal_info_box form{width:573px;display:inline-block; }
.personal_info_box input[type=text]{padding:0 10px 0 10px; margin-bottom:5px; border-bottom:2px solid #999; height:50px; color:#666; font-size:26px;}
.personal_info_box input[type=checkbox]{padding:0 10px 0 10px; margin-bottom:5px;  border-color:#0062be; width:35px; height:35px; color:#666; font-size:26px;}
.personal_info_box span.txt {height:50px; color:#000; font-size:26px;}
.personal_info_box select {width:122px; border:3px solid #e2e2e2; background-color:#ffffff; height:50px; color:#666; font-size:24px; padding:0 10px 0 10px; background:url(../images/common/icon/icon_arrow_down.png) no-repeat 90% center; margin-bottom:5px; }

/* Shortcut  퀵스크롤 2020.06.30 추가 */ 
#Shortcut { position:fixed; right:30px; bottom:50px; line-height:0; }