/* common */
body {margin:0; padding:0; font-family:"나눔고딕", "돋움", sans-serif; background:#f7f7f7; overflow-x:hidden; }
h2, h3, h4, p {margin:0; padding:0;}
ul {list-style:none; padding:0; margin:0;}
li {display:inline;}
dl, dt, dd, h1 {margin:0;}
img {border:none;}
input[type="text"] {width:274px; height:31px;}
input[type="checkbox"] {border:none;}
input[type="button"] {cursor:pointer;}
select, input, textarea {background:#f7f7f7; border:solid 1px #dbdbdc; font-family:"나눔고딕", "돋움", sans-serif;}
p, a {font-size:14px; color:#737373; line-height:24px;}
a {text-decoration:none;}
a:hover {color:#000;}




@media (min-width:1264px)
.centered-content { width: 1264px;}
@media (min-width:737px)
.centered-content { min-height: 90px; margin: 0 auto;}
/* 2015-09-23 탑 배너 팝업 끝 */



/* 공통영역 */
.tText {font-size:22px; font-weight:600; color:#231815; letter-spacing:-1px;}
.wText {font-size:14px; color:#fff; letter-spacing:-0.5px; line-height:20px;}
.gText {font-size:12px; color:#666; letter-spacing:-0.5px; line-height:20px;}


.bt_arrow_one {width:30px; height:30px; background:url(/images/bt_arrow_one.png) no-repeat; border:none;}
.hispace16 {clear:both; height:16px;}
.hispace28 {clear:both; height:28px;}
.hispace48 {clear:both; height:48px;}


/* floating */
.floating {position:fixed; left:1264px; bottom:20px; width:60px; z-index:999;}
.floating ul {margin:0;}
.floating li {display:block; height:58px; margin-top:1px; text-align:center;}
.floating li img:hover {opacity:0.9; filter:alpha(opacity=90);}
.floating li .img01 {margin-top:15px;}
.floating li .img02 {margin-top:24px;}

.mark {width:100%; height:81px; text-align:center; margin-top:96px; background:url(/images/mark_menu1.png) center top no-repeat;}

/* Menu */
#MenuWrap {float:left; width:187px; height:100%; background:#005dbb; position: fixed; left:0; top: 0px; z-index:99; display:table; overflow: hidden;} /* position:fixed; top:0; */

#MenuWrap .MenuBg {width:100%; height:591px; background:url(/images/menu_bg.png) repeat-x;}
#MenuWrap .top {height:53px; padding-top:22px; background:url(/images/menu_top_bg.png) no-repeat; text-align:center;}
#MenuWrap .top a, .MenuWrap .top a:hover {font-size:12px; color:#fff;}
#MenuWrap .top > a {line-height:14px;} /* 서브페이지에서 메뉴글자크기 수정하며 추가 */
#MenuWrap .logo {padding:35px 0 16px 17px;}
#MenuWrap .menu {/* padding-bottom:108px;background:url("../images/bg_gnb_bot.png") 18px 100% no-repeat; */}
#MenuWrap .menu li {display:block; text-align:center;}
#MenuWrap .menu li a {color:#def5ff; font-size:15px; line-height:32px;}
#MenuWrap .menu li a:hover {color:#fff;}
#MenuWrap .menu li .selected {color:#fff;}
#MenuWrap .menu .sns {padding:118px 0 0 0; display:none;}
#MenuWrap .menu .sub {padding:27px 0 6px 0; margin:0 0 6px 0; background:url(/images/bg_menu_sub_top.png) top no-repeat; display:none;}
#MenuWrap .menu .sub li {font-size:14px; line-height:21px; font-weight:normal; text-indent:25%; background:#adc9db; text-align:left;}
#MenuWrap .menu .sub li > a {color:#1d3675; font-size:14px; line-height:24px;} /* 서브페이지에서 메뉴글자크기 수정하며 추가 font-size:14px; line-height:24px; */
#MenuWrap .menu .sub li a:hover {font-weight:600; color:#0a1d4c;}
#MenuWrap .menu .sub li .selected {font-weight:600; color:#0a1d4c;}
#MenuWrap .menu .sub .bot {padding-top:24px; background:url(/images/bg_menu_sub_bottom.png) bottom no-repeat;}


/* Content */
#ContentWrap { padding-top:0px;}  /* 2015-09-30 메뉴 닫기 */

.ContentWrap {float:left; width:90.1%; padding-left:187px; }  /* 메뉴플로팅을 고려한 패딩포함 - 비쥬얼이 wide로 들어가기때문에 필요 */
/* .ContentWrap {float:left; width:90.3%; padding-left:187px;}  메뉴플로팅을 고려한 패딩포함 - 스크롤생기기전 */
.CWidth {width:1077px;}  /* 컨텐츠영역넓이 */



/* 풋터 */
.C06_footerWrap {font-size:12px;color:#666;letter-spacing:-0.5px;line-height:20px;background:#fbfbfb;padding:35px 60px 25px; width: 1077px;box-sizing: border-box;position: relative;}
.C06_footerWrap a {font-size:12px; color:#333;}
.C06_footerWrap a:hover {color:#333;}
.C06_footerWrap .copyright {display:block; margin:3px 0 7px 0;}
.C06_footerWrap .familysite {padding:0; margin:10px 0 0 0;}
.C06_footerWrap .familysite li {height:23px; display:inline-block; margin-right:17px;}
.C06_footerWrap .familysite .f01 {background:url(/images/bottom_family_01.png) no-repeat; width:74px;}
.C06_footerWrap .familysite .f02 {background:url(/images/bottom_family_02.png) no-repeat; width:58px;}
.C06_footerWrap .familysite .f03 {background:url(/images/bottom_family_03.png) no-repeat; width:57px;}
.C06_footerWrap .familysite .f04 {background:url(/images/bottom_family_inter.png) no-repeat; width:93px;}
.C06_footerWrap .familysite .f08 {background:url(/images/bottom_family_08.png) no-repeat; width:75px;}
.C06_footerWrap .familysite .f05 {background:url(/images/bottom_family_05.png) no-repeat; width:31px;}
.C06_footerWrap .familysite .f07 {background:url(/images/bottom_family_07.png) no-repeat; width:93px;}
.C06_footerWrap .footer_left {float:left;width:180px;height: 65px;}
.C06_footerWrap .logo {background: url(/images/bottom_logo.png) left 15px no-repeat;width:130px;height:52px;}
.C06_footerWrap .footer_right {}
.family-area {position:absolute; top:30px; right:10px;}
.family-area .family-site { width:200px; }
.family-area .family-site .title { display: block; line-height: 33px; font-size:13px;  width: 200px; border-radius:0px; padding-left: 10px; border: 1px solid #e2e2e2; 
    background: url(/images/family_site_arrow.png) no-repeat 95% 50%; color: #8e8e8e; cursor: pointer; text-align: left; }
.family-area .family-site ul { display: none; position: absolute; bottom:37px; left: 0; background-color: #e9e9e9; }
.family-area .family-site.active ul { display: block; }
.family-area .family-site ul { border: 1px solid #ccc; border-bottom: 0; }
.family-area .family-site ul li a { display: block; line-height: 40px; font-size:14px; width: 188px; padding-left: 10px; text-decoration: none; }
.family-area .family-site ul li a:hover { background-color: #e9e9e9; }



/* 문의 - sub 포함 - */ /* .Qwrap은 footer소속 */
.Qwrap {padding:15px 0; background-color:#fff;}
.Qwrap span, .Qwrap_sub span {color:#e04b16; font-weight:normal;}
.Qwrap > h1 {padding:35px 0 0 0; width:90%; border-top:1px solid #dbdbdc; height:35px; font-size:30px; color:#231815; font-weight:normal; margin:38px 0 26px 57px;}
.Qwrap > .h1_copy {width:89%; margin:0 auto 29px; color:#999; font-size:14px; line-height:24px;}
.Qwrap > .quest_text {width:90%; margin:0 auto; line-height:24px; font-size:16px; color:#333; font-weight:bold; padding:15px 0 10px 0;}

.Qwrap .trdiv, .Qwrap_sub .trdiv {width:100%; height:10px; clear:both;}
.Qwrap .trdiv02, .Qwrap_sub .trdiv02 {width:100%; height:10px; clear:both;}
.Qwrap .tddiv, .Qwrap_sub .tddiv {float:left;}
.Qwrap .tddivM, .Qwrap_sub .tddivM {float:left;}
.Qwrap .tddivM02, .Qwrap_sub .tddivM02 {float:left;}
.Qwrap .thdiv, .Qwrap_sub .thdiv {width:20%; text-indent:7%; font-size:15px; font-weight:600; color:#434953; text-align:left; padding-top:8px; float:left;}
.Qwrap_sub .thdiv {width:10%; text-indent:0;}
.Qwrap .thdiv02, .Qwrap_sub .thdiv02 {width:13%; text-indent:0; text-align:center;}
.Qwrap .thdivM, .Qwrap_sub .thdivM {width:20%; text-indent:7%; font-size:15px; font-weight:600; color:#434953; text-align:left; padding-top:8px; float:left;}
.Qwrap_sub .thdivM {width:10%; text-indent:0;}
.Qwrap .thdivM02 {text-indent:7%;}
.Qwrap .thdivM02, .Qwrap_sub .thdivM02 {width:100%; font-size:15px; font-weight:600; color:#434953; text-align:left; padding-top:8px; float:left;}
.Qwrap select, .Qwrap_sub select {height:35px;}
.Qwrap .w80, .Qwrap_sub .w80 {width:80px;}
.Qwrap .w200, .Qwrap_sub .w200 {width:200px;}
.Qwrap .contentText {width:768px; height:150px;}
.Qwrap_sub .contentText {width:83.5%; height:150px;}

.Qwrap .provision {width:86%; padding:20px; overflow:auto; margin:0 auto; border:solid 1px #dbdbdc;}
.Qwrap_sub .provision {padding:20px; overflow:auto; margin:0 auto; border:solid 1px #dbdbdc;}

.Qwrap .chk_agree, .Qwrap_sub .chk_agree {text-align:center; font-size:14px; color:#434953;}
.Qwrap .bt, .Qwrap_sub .bt {width:100%; text-align:center; margin:15px 0 20px 0;}
.Qwrap_sub .bt {margin:15px 0 0 0;}

.Qwrap .bt_submit, .Qwrap_sub .bt_submit {padding:8px 25px; background:#0067b3; font-size:16px; color:#fff; border:none;}
.Qwrap .bt_cancel, .Qwrap_sub .bt_cancel {padding:8px 25px; background:#c5c1b5; font-size:16px; color:#fff; border:none;}


.mobile_tel{display:none !important;color:#737373; font-size:13px;}
.pc_tel{display:inline-block !important;color:#737373;}


