@charset "utf-8";
/*sub 공통 layout 시작*/
#wrap{position:relative;margin:0 auto;box-sizing: border-box;}
#wrap.fix{position:relative;width:100%;height:100%;overflow: hidden;}
#header, #contents ,#footer{position:relative;min-width:1630px;}
.inner_header,
.inner_footer,
.sub_top .sub_nav,
.sub_top .title_area,
.sub_inner_contents,
.centerDiv,
.step_area .step_box,
.title_box .inner{z-index:10;position:relative;margin:0 auto;max-width:1630px;}
/*sub header*/
#wrap #header{z-index:300;position: fixed;top:0;left:0;width: 100%;box-sizing:border-box;background:rgba(0,0,0,.15);}
#wrap #header.fix{position:absolute;}
#wrap #header .inner_header{height:112px;padding-top: 13px;box-sizing: border-box;}
#wrap #header .inner_header:after{content:'';display:block;clear:both;}

/*하단 롤링 공지*/
.notice_area{z-index: 9999;position:absolute;top:0;width:100%;}
.notice_area .inner_notice{position:relative;width:100%;background:rgba(25, 25, 112, 1);}
.notice_area .notice_roll{width:100%;height:46px;overflow:hidden;}

.notice_area .notice_roll ul {list-style: none;padding: 0;margin: 0;}
.notice_area .notice_roll ul li {text-align: center;width:100%;margin-right:15px;}
.notice_area .notice_roll ul li a{color:#fff;font-size:15px;line-height: 46px;display: inline-flex;align-items: center;justify-content: center;text-decoration: none;}

.notice_area .notice_roll ul li a span{color:#000;vertical-align:0px;display:inline-block;width:48px;height:16px;text-align:center;font-size:12px;line-height:16px;background:#949494;border-radius:15px;font-weight:500;}
.notice_area .notice_roll ul li a:hover{color:#8CC63E;font-weight:300 ;}
.notice_area .notice_roll ul li a:hover span{background:#8CC63E;}
.notice_area .notice_btn a{z-index:50;position:absolute;top:0;display:block;width:46px;height:46px;color:transparent;font-size:0;}
.notice_area .notice_btn .btn_prev{left:0;background:url(../images/main/btn_prev.png) no-repeat 50% 50%;}
.notice_area .notice_btn .btn_next{right:0;background:url(../images/main/btn_next.png) no-repeat 50% 50%;}

/*활성화 영역*/
#header .active_area{margin:0px;}
body.has-notice #header .active_area{margin-top: 46px !important;}
#header .active_area.active, #header .active_area:hover{background:#fff;}
#header .active_area.active, #header .active_area:hover .user_state{border-color: #ddd;}
#header .active_area:hover .lan_box .select-val{color:#000;}
#header .active_area:hover h1 a{background:url(../images/common/macrogen_on.png) no-repeat 0 0 !important;}
#wrap #header .active_area{margin-top:0px;}
body.has-notice #wrap #header .active_area{margin-top: 46px !important;}
#wrap #header .active_area:hover .lan_box .select-val{color:#000;}
#wrap #header .active_area:hover .user_name{color:#000;}
/*sub header end*/
/*접속상태 스타일 끝*/
/*푸터*/
#footer{z-index:100;color:#949494;background:#3C3C3C;}
#footer .inner_footer .both{padding:20px 0;border-bottom:1px solid #666;}
#footer .inner_footer .both:after{content:'';display:block;clear:both;}
#footer .inner_footer .footer_logo{float:left;margin:0 20px 0 0;color:inherit;font-weight:300 ;font-size:20px;}
#footer .inner_footer address{float:left;margin-top:0;margin-right:25px;color:inherit;font-size:14px;line-height:28px;}
#footer .inner_footer address a{color:white;}
#footer .inner_footer ul.footer_menu{float:right;margin:0 263px 0 0;}
#footer .inner_footer ul.footer_menu:after{content:'';display:block;clear:both;}
#footer .inner_footer ul.footer_menu li{float:left;}
#footer .inner_footer ul.footer_menu li + li{margin-left:24px;}
#footer .inner_footer ul.footer_menu li a{color:#949494;font-size:14px;line-height:28px;}
#footer .inner_footer ul.footer_menu li a:hover{color:#fff;}
/*패밀리 사이트 셀렉트*/
#footer .inner_footer .family_site{position:absolute;top:20px;right:0;width:216px;background:#222;box-sizing:border-box;border-radius:30px;}
#footer .inner_footer .family_site .select-val{z-index:10;position:relative;padding:0 16px;height:32px;line-height: 32px;font-size:12px;color:#666;font-weight:500 ;cursor:default;box-sizing: border-box;background:inherit;border-radius:20px;}
#footer .inner_footer .family_site .select-val:after{content:'';position:absolute;top:5px;right:15px;display:block;width:24px;height:24px;background:url(../images/main/ico_more_03.png) no-repeat 0 0;}
#footer .inner_footer .family_site .select-opt{
	position:absolute;bottom:16px;width:100%;height:0px;padding:0 16px;background:#222;
	overflow:hidden;border-top-left-radius: 10px;border-top-right-radius: 10px;transition:height .3s;box-sizing: border-box;
}
#footer .inner_footer .family_site .select-opt ul{margin-top:20px;overflow-y:auto;height:77px;overflow-y: auto;}
#footer .inner_footer .family_site li{padding:10px 0;}
#footer .inner_footer .family_site li:first-child{padding-top:0;}
#footer .inner_footer .family_site li a{color:#fff;font-size:14px;}
#footer .inner_footer .family_site li a:hover{color:#8CC63E;}
.family_site.active .select-opt{height:111px !important;padding-bottom: 35px;}
#footer .sub_addr {margin-top:48px; color:#949494; font-size:13px;}
#footer .copy_right {padding:48px 0 77px; color:#949494; font-size:11px;letter-spacing:1px;}
.btn_top{z-index:500;position:fixed;bottom:35px;right:35px;color:transparent;font-size:0;display:block;width:72px;height:72px;background:url(../images/common/btn_top.png) no-repeat 0 0;display:none;}
.btn_top:hover{background-image:url(../images/common/btn_top_on.png);}
/*sub 공통 layout 끝*/
#contents .btn_box.both:after{content:'';display:block;clear:both;}
#contents .btn_box.both a{float:none;margin:0 8px;}
#contents .btn_box a.btn_leave{min-width: 136px;}
.type_select{position:relative;padding-left:168px;}
.type_select .fakedSelect{position:absolute;top:0;left:0;width:160px;}
.type_select input[type='text']{width:100%;}
.nice-select .list{max-height:148px;overflow-y: auto;}
.nice-select .list::-webkit-scrollbar{width: 8px;height: 8px;}
.nice-select .list::-webkit-scrollbar-thumb {background-color: #ccc;}		/*스크롤바 */
.nice-select .list::-webkit-scrollbar-track-piece {background-color: #eee;}	/*스크롤 배경*/
.nice-select .list::-webkit-resizer { background-color: green;}
.nice-select .current.col_black{color:#000;}
.nice-select .current.regular{font-weight:300 ;}
/***************************서브 본문 시작******************************/
#contents{}
/*서브 상단 비쥬얼 영역*/
#contents .sub_top{position: relative;z-index: 160;}
#contents .sub_top .sub_visual{position:relative;height:396px;}
#contents .sub_top .sub_visual:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, .15);}
#contents .sub_top .sub_visual.QUO{background:url(../images/sub/sub_visual_01.jpg) no-repeat 50% 50%;background-size:cover;}
#contents .sub_top .sub_visual.ORD{background:url(../images/sub/sub_visual_02.jpg) no-repeat 50% 50%;background-size:cover;}
#contents .sub_top .sub_visual.RST{background:url(../images/sub/sub_visual_03.jpg) no-repeat 50% 50%;background-size:cover;}
#contents .sub_top .sub_visual.MYP{background:url(../images/sub/sub_visual_04.jpg) no-repeat 50% 50%;background-size:cover;}
#contents .sub_top .sub_visual.SUP{background:url(../images/sub/sub_visual_05.jpg) no-repeat 50% 50%;background-size:cover;}
#contents .sub_top .sub_visual .title_area{position:relative;color: #FFFFFF;}
#contents .sub_top .sub_visual .title_area h2{font-size: 48px;}
#contents .sub_top .sub_visual .title_area h2 em{margin-left:20px;display:inline-block;font-weight:normal ;}
#contents .sub_top .sub_visual .title_area h2 em:before{content:'';vertical-align: -4px;margin-right:20px;display:inline-block;width:1px; height:42px;background:#fff;}
#contents .sub_top .sub_visual .title_area p{font-size: 16px;}
/*서브 상단 영역 타이틀 y 축 정렬 방식 변경 : 주문*/
#contents .sub_top.order .sub_visual{height:440px;}
#contents .sub_top .sub_visual .title_area{display:table;margin:0 auto;max-width:1630px;width:100%;height:100%;}
#contents .sub_top .sub_visual .title_area .inner{display:table-cell;vertical-align: middle;padding-top:112px;}
#contents .sub_top .sub_visual .title_area .inner h2{position:static !important;}
#contents .sub_top .sub_visual .title_area .inner p{position:static !important;margin:5px 0 20px 0;}
/*서브 상단 nav 영역*/
#contents .sub_top .sub_nav_wrap{z-index:150;position: absolute;width: 100%;background: #3C3C3C;}
#contents .sub_top .sub_nav_wrap:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;box-shadow: 2px 2px 4px #000;opacity:.3;}
#contents .sub_top .sub_nav_wrap.fix{position: fixed;width: 100%;top:0;left:0;}
#contents .sub_top .sub_nav{font-size:14px;}
#contents .sub_top .sub_nav:after{content:'';display:block;clear:both;}
#contents .sub_top .sub_nav .ico_home{float:left;display:block;width:56px;height:56px;background:url(../images/common/ico_home.png) no-repeat 50% 50%;color:transparent;font-size:0;border-right:1px solid #666;}
#contents .sub_top .sub_nav .nav_box{float:left;position:relative;min-width:200px;border-right:1px solid #666;}
#contents .sub_top .sub_nav .nav_box .current{padding:0 33px 0 15px;position:relative;display:block;height:56px;line-height: 56px;color:#fff;}
#contents .sub_top .sub_nav .nav_box .current:after{content:'';position:absolute;top:50%;right:9px;margin-top:-12px;display:block;width:24px;height:24px;background:url(../images/sub/util_down.png) no-repeat 50% 50%;}
#contents .sub_top .sub_nav .nav_box:last-child .current,
#contents .sub_top .sub_nav .nav_box .current.on{color:#8CC63E;}
#contents .sub_top .sub_nav .nav_box:last-child .current:after,
#contents .sub_top .sub_nav .nav_box .current.on:after{background:url(../images/sub/util_down_on.png) no-repeat 50% 50%;}
#contents .sub_top .sub_nav .nav_box .current.open:after{transform:rotate(180deg);background:url(../images/sub/util_down.png) no-repeat 50% 50%;}
#contents .sub_top .sub_nav .nav_box .current.open + ul{display:block;}
#contents .sub_top .sub_nav .nav_box:last-child .current.open:after,
#contents .sub_top .sub_nav .nav_box .current.on.open:after{transform:rotate(180deg);background:url(../images/sub/util_down_on.png) no-repeat 50% 50%;}
#contents .sub_top .sub_nav .nav_box .current + ul{display:none;position:absolute;width:100%;left:0;padding: 16px 16px;border-radius:0 0 7px 7px;box-sizing: border-box;background: #3C3C3C;}
/*#contents .sub_top .sub_nav .nav_box .current + ul:after{content:'';position:absolute;top:-5px;left:0;right:0;bottom:0;border-radius:0 0 7px 7px;box-shadow: 2px 2px 3px #000;opacity:.3;}*/
#contents .sub_top .sub_nav .nav_box .current + ul li a{display:block;color:#fff;height: 36px;line-height: 36px;white-space: nowrap;}
#contents .sub_top .sub_nav .nav_box .current + ul li a:hover{color:#8CC63E;}
#contents .sub_top .sub_nav .nav_box .current + ul li.on a{color:#8CC63E;}
/*서브 탭 nav*/
#contents .tab_nav{z-index:60;position:absolute;width:100%;top:56px;text-align:center;border-bottom:1px solid #ddd;}
#contents .sub_inner_contents .tab_nav{position:static;}
#contents .tab_nav ul{display:inline-block;}
#contents .tab_nav ul:after{content:'';display:block;clear:both;}
#contents .tab_nav ul li{float:left;position:relative;}
#contents .tab_nav ul li + li:after{content:'';position:absolute;top:50%;left:-4px;margin-top:-4px;display:block;width:8px;height:8px;background:#ddd;border-radius:8px;}
#contents .tab_nav ul li a{position:relative;padding:0 48px;display:block;font-size:15px;color:#949494;height:72px;line-height:72px;font-weight:700 ;}
.eng #contents .tab_nav ul li a{padding:0 45px;}
.esp #contents .tab_nav ul li a{padding:0 35px;}
/*#contents .tab_nav ul li a:hover,*/
#contents .tab_nav ul li a.on{color:#8CC63E;}
#contents .tab_nav ul li a.on:after{content:'';position:absolute;bottom:-1px;left:50%;margin-left:-32px;display:block;width:64px;height:4px;background:#8CC63E;border-radius:4px;}

/*시퀀스대문자처리*/
#contents .txtUpcase{text-transform:uppercase;}

/*서브 본문 콘텐츠*/
#contents .sub_contents{padding-top:56px;}	/*sub nav 공간*/
/*#contents .sub_contents .tab_nav + .sub_inner_contents{padding-top:90px;}*/
#contents .sub_contents {position:relative;padding:57px 0 96px 0;min-height: 300px;}
#contents .sub_inner_contents{padding-top:157px;}
#contents .sub_contents h3{position:relative;display:inline-block;font-size:30px;font-weight:700 ;}
#contents .sub_contents h3:after{content:'';position:absolute;top:10px;right:-14px;display:block;width:8px;height:8px;background:#8CC63E;border-radius:8px;}
#contents .sub_contents h3 + .stxt{margin-top:50px;}
#contents .sub_contents .stxt{margin-bottom:96px;}
#contents .sub_contents .stxt u{color:#8CC63E;font-weight:500 ;}
#contents .sub_contents h3.mgb{margin-bottom:92px;}
#contents .sub_contents h4{position:relative;margin:86px 0 20px 0;font-size:24px;font-weight:500 ;}
#contents .sub_contents h4 .tbl_info{position:absolute;bottom:0;right:0;font-size:14px;color:#666;font-weight:normal ;}
#contents .sub_contents h4 .tbl_info i{margin-right:5px;vertical-align: middle;color:#8CC63E;font-weight:500 ;}
#contents .sub_contents h4 + .tbl_info{margin:50px 0 20px 0;}
#contents .sub_contents h4 .go_link{margin-left:10px;display:inline-block;width:120px;height:32px;text-align:center;line-height:32px;vertical-align: middle;color:#fff;background:#666;border-radius:32px;font-size:14px;font-weight:300 ;}
#contents .sub_contents h4 .go_link:hover{color:#fff;background:#8CC63E;}
#contents .sub_contents h4 .tbl_info .btn_del{display:inline-block;font-size:16px;padding-right:26px;background:url(../images/estimate/delete.png) no-repeat 100% 50%;}
#contents .sub_contents h4 .tbl_info .btn_del:hover{color:#8CC63E;text-decoration:underline;background-image:url(../images/estimate/delete_on.png);}
#contents .sub_contents h4 em{font-weight:300;font-size:16px;}
#contents .sub_contents p.prepayment_request{color:#666666; line-height:26px;}
.box_gray{padding:33px;font-size:16px;text-align:center;background:#F5F5F5;box-sizing: border-box;}
.box_gray.pass{padding:53px;}
.box_gray .txt{display:block;}
.box_gray .input_box{margin-top:20px;display:inline-block;width:600px;}
.box_gray .input_box input{width:100%;}
.email_tbl:after{content:'';display:block;clear:both;}
.email_tbl span{position:relative;float:left;display:block;}
.email_tbl span.inp{width:320px;padding-right:40px;}
.email_tbl span.inp:after{content:'@';display:block;text-align:center;width:40px;height:48px;line-height:45px;position:absolute;top:0;right:0;}
.email_tbl span.self_inp{margin-right:16px;width:240px;}
.email_tbl .email_select{float:left;width:240px !important;}
.email_tbl.v2 span.inp{padding-right:0;}
.email_tbl.v2 span.inp:after{display:none;}
.email_tbl .check-box{margin:12px 0 0 16px;}
.email_tbl .check-box label{font-size:16px;color:#666;font-weight:normal ;}
.email_tbl .check-box label.pd{padding-left:30px !important;}
.email_tbl2 .check-box label.pd{padding-left:30px !important;}
.email_tbl2 strong{padding-top : 8px;}
/*서브페이지 테이블 스타일*/
table{width:100%;font-size:14px;border-top:2px solid #666;}
table.col_type th,
table.col_type td{height:72px !important;font-size:15px !important;}
table.col_type th{vertical-align:middle !important;padding:0px !important;text-align:center !important;}
table.col_type td{color:#666;text-align:center !important;}
table.col_type td a{color:#666;}
table.none{border:0;}
table.none th{padding:0 !important;line-height:34px !important;text-align:left;font-size:16px;}
table.none td{height:34px;border:0;padding:0 !important;text-align:left;font-size:16px;color:#666;}
/*table thead{background:#F5F5F5;}*/
table.hover a:hover{color:#8CC63E;text-decoration: underline;}
table.hover a.btn_motion:hover{text-decoration: none;}
table thead th{height:48px;border-left:1px #ddd solid;border-bottom:1px solid #ddd;font-weight:300 ;}
table thead th.first{border-left:0;}
table td.first{border-left:0;}
table tbody th{}
table tr th:first-child,
table tr td:first-child{border-left:0;}
table td{padding:10px;text-align:center;border-left:1px #ddd solid !important;border-bottom:1px solid #ddd;}
table .bdl{border-left:1px solid #ddd !important;}
table .bdb{border-bottom:1px solid #ddd;}
table.small thead{background:#f5f5f5;}
table.small th{padding:0 !important;height:48px;text-align:center !important;color:#3C3C3C;border-bottom:1px solid #ddd;}
table.small td{padding:0 24px;height:48px;box-sizing: border-box;color:#666;}
table.small td.left{text-align:left;}
table.small tbody tr:hover th,
table.small tbody tr:hover td{color:#8CC63E;}
table.view{}
table.thMiddle th{padding-top:0 !important;vertical-align: middle !important;}
table th.line2{line-height: 24px !important;}
table .center{text-align:center !important;}
table .bdb0{border-bottom:0 !important;}
/*#wrap label{padding-left: 45px;font-size:15px;color:#666;}*/
.table_wrap table td.dropdownCont{padding:0 !important;}
.table_wrap table td.dropdownCont .inner{padding: 20px 48px 20px 48px;height: 88px;box-sizing: border-box;}
.table_wrap table td.dropdownCont .inner .checkBox{margin-top: 12px;}
#wrap .type_btn input{width:100%;}
#wrap .table_wrap .type_btn input#viewbpNm{max-width:500px;}
#wrap .err_msg{margin-bottom:0;}
#wrap .input_box input{width:100%;}
#wrap .input_box.tbl{width:464px;}
#wrap .email_tbl span.inp:after{color:#666;}
#wrap table.list th{padding:0 !important;height:72px;line-height:18px;font-size:15px;color:#3C3C3C;text-align:center;vertical-align: middle;}
#wrap table.list th.left,
#wrap table.list td.left{text-align:left !important;padding-left:48px !important;}
#wrap table td.left0{text-align:left !important;padding-left:0px !important;}
table.white thead th{border-bottom:1px solid #ddd !important;background:#fff !important;}
table.thBg th{background:#F5F5F5;}
table.line_no th,
table.line_no td{border-left:0 !important;}
#wrap table.list td{font-size:15px;height:72px;text-align:center;color:#666;box-sizing: border-box !important;}
#wrap table.list td a{color:#666;}
#wrap table.list .title:hover{color:#8CC63E;text-decoration: underline;}
#wrap table.list .tm_info_box{vertical-align:1px !important;line-height:18px;}
#wrap table.view thead{background:none;}
#wrap table.view thead td{border:0;border-bottom:1px solid #ddd;font-weight:300 ;}
#wrap table.view thead td.title{font-size:20px;padding-left:48px !important;}
#wrap table.view thead td.date{text-align:right;padding-right:48px !important;}
#wrap table.view thead td.date em{margin-left:15px;color:#666;}
#wrap table.view td{font-size:15px;}
#wrap table.view td.center{text-align:center !important;}
#wrap table.view td.view_cont{padding:0;height:auto;}
#wrap table.view td.view_cont img{max-width:100%;}
#wrap table.view .fmg{color:#8CC63E;font-weight:500 ;}
#wrap table.view .fmb{color:#000;font-weight:500 ;}
#wrap table th{/*vertical-align:top;padding-top:20px;line-height:46px;*/text-align:left;font-weight:300 ;}
#wrap table thead{border-bottom:1px solid #ddd;}
#wrap table thead th{vertical-align: middle !important;/* line-height:22px !important; */}
#wrap table th.middle{vertical-align: middle;padding-top:0;}
#wrap table th .th{position:relative;display: block;height: 100%;}
#wrap table th .fix,
#wrap table th .th em{position:absolute;top:20px;left:0;display:block;height:50px;line-height: 46px;}
#wrap table.text_gray td{color:#666;}
#wrap table.alignCenter th{padding-left:0;}
#wrap table.alignCenter th,
#wrap table.alignCenter td{text-align:center;}
#wrap table tr td:first-child.bdl,
#wrap table .bdl{border-left:1px solid #ddd !important;}
#wrap table .bdr{border-right:1px solid #ddd;}
#wrap table td.alignLeft{text-align:left;}
#wrap table .bdl0{border-left:0 !important;}
#wrap table.thTop th,
#wrap table.email_table th{vertical-align:top;padding-top:20px;line-height:44px;}
#wrap table.email_table th.center_Title{vertical-align:middle; padding-top:0px;}

table.info th{padding-top:0 !important;vertical-align:middle !important;font-size:15px !important;}
table.info td{color:#666;line-height: 30px;}
/*table.viewCol{text-align:center;}*/
table.viewCol{border-bottom:1px solid;}
table.viewCol tr:last-child td{border-bottom:0 !important;}
table.viewCol th,
table.viewCol td{height:72px !important;text-align:center !important;box-sizing: border-box !important;}
table.viewCol th{font-size:15px;color:#3c3c3c;padding:0 !important;vertical-align: middle !important}
table.viewCol td{font-size:15px;color:#666;}
table.viewCol td.right{text-align:right !important;padding-right:24px;}
table td.wordBreak{word-break: break-all !important;}
.table_wrap{border-bottom:1px solid;}
.table_wrap.topGap{margin-top:96px;border-top:1px solid #ddd;}
/*.money_total + .tip_right{color:#8CC63E;font-weight:500 ;}*/
.tip_right{margin-top:18px;text-align:right;font-size: 14px;color:#666;}
.table_wrap + .btn_box{margin-top:96px;}
.table_wrap.lineLeftNo table td{border-left:0 !important;}
.table_wrap table.heightType1 th{/*padding-top:12px !important;*/}
.table_wrap table.heightType1 td{height:72px;}
.table_wrap table.heightType2 th{font-size:15px !important;line-height:22px !important;font-weight: 300;}
.table_wrap table.heightType2 td{color:#3C3C3C !important;padding:8px 48px !important;height:72px;font-size:15px !important;text-align:center !important;border-left:0 !important;}
.table_wrap table.heightType2 td .dot_txt li{line-height: 20px !important;}
.table_wrap table.heightType2 td.left{text-align:left !important;padding-left:48px;}
.table_wrap table.heightType2 td.col_black{color:#000 !important;}
.table_wrap table.heightType2 td.pd1{padding-top:15px !important;padding-bottom:15px !important;}
.table_wrap table.heightType2 td.pd2{padding-top:48px !important;padding-bottom:48px !important;}
.table_wrap table.view1 th,
.table_wrap table.view1 td{font-size:14px !important;height:48px !important;padding:0 !important;text-align:center !important;}
.table_wrap table.view1 th{padding:0 !important;vertical-align:middle !important;line-height:18px !important;font-weight:300 ;}
.table_wrap table.view1 tr.half th{height:24px !important;line-height:24px !important;}
.table_wrap table.view1 td{color:#3c3c3c !important;}
.table_wrap table.view2.left td,
.table_wrap table.view2.left th{text-align:left !important;padding-left:24px !important;}
.table_wrap table.view2 thead{border-bottom:1px solid #ddd;}
.table_wrap table.view2 th{line-height:18px !important;vertical-align:middle !important;height:48px !important;}
.table_wrap table.view2 td{height:64px !important;}
.table_wrap table.view2 th,
.table_wrap table.view2 td{font-size:14px !important;padding:0 !important;text-align:center !important;}
.table_wrap table.view3 th, .table_wrap table.view3 td{color:#3c3c3c !important;height:72px !important;text-align:center !important;font-size:14px !important;padding:0 !important;border-left:0 !important;}
.table_wrap table.view3 th{vertical-align:middle !important;line-height:18px !important;}
.table_wrap table tr:last-child th,
.table_wrap table tr:last-child td{border-bottom:0;}
.table_wrap table th,
.table_wrap table td{font-size:16px;text-align:left;}
.table_wrap table th .dot,
.table_wrap table td .dot{margin-left:5px;vertical-align: middle;color:#8CC63E;font-weight:500 ;}
.table_wrap table th{padding-left:48px;color:#3C3C3C;border-bottom:1px solid #ddd;background:#F5F5F5;}
.table_wrap table td{padding:18px 48px;height:88px;box-sizing: border-box;}
.table_wrap table td.bdb0{border-bottom:0;}
.table_wrap table td input[type='text'],
.table_wrap table td input[type='password']{width:100%;max-width:320px;font-weight:300 ;font-size:16px;}
.table_wrap table td input[type='text'].w100{max-width:100%;}
.table_wrap table td input.full{max-width: 100% !important;}
.table_wrap table td input.sizeS{width:240px;}
.table_wrap table th.center{text-align:center !important;}
.table_wrap table th.font15{font-size:15px !important;}
.table_wrap .current{font-size:16px;}
.table_wrap .nice-select .option{font-size:16px;}
.table_wrap input::placeholder {font-size:16px;}
.table_wrap .fakedSelect{max-width: 320px;}
.table_wrap .fakedSelect select{width:100%;min-width:100%;}
.table_wrap .phone {margin-left:0;white-space:nowrap;}
.table_wrap .phone span{margin-right:16px;display:inline-block;vertical-align: top;float:none;box-sizing: unset;padding:0;}
.table_wrap .phone span + span{margin-left:-3px;}
.table_wrap .phone.err input,
.table_wrap .phone.err .nice-select{border: 2px solid #793EC6;}
.table_wrap .phone .fakedSelect{width:100%;min-width:100px;}
.table_wrap .phone label.pd{padding-left: 30px !important;}
.table_wrap .phone strong{padding-top : 8px;}
.table_wrap .email_self{width:320px;}
.email_self.nopd{padding-right:0;}
.email_tbl.err .nice-select,
.email_tbl.err input{border: 2px solid #793EC6;}
.nice-select.err{border: 2px solid #793EC6;}
.table_wrap .type_btn{width:512px;padding-right:192px;}
.table_wrap .type_btn2{width:170px;}
.table_wrap .type_btn3{width:512px;padding-right:192px;}
.table_wrap .type_btn .bt{width:176px;}
.table_wrap .tbl_title{}
.tbl_info{margin-top:24px;font-size:14px;}
.tbl_info.black ul li{color:#000;}
.tbl_info ul li{color:#666;line-height: 26px;}
.tbl_info ul li em,
.tbl_info ul li u.bold{font-weight:500 ;}
.tbl_info .tit{color:#000;}
.type_btn input {max-width: 100% !important;}
/*파일 박스*/
.file_box{position:relative;display:inline-block;width:575px !important;padding-right:168px !important;}
.esp .file_box{position:relative;display:inline-block;width:600px !important;padding-right:193px !important;}
.file_box input[type='text']{max-width:407px !important;padding-right: 50px;}
.file_box input[type='file']{display:none;}
.file_box .bt{overflow:hidden;width:152px !important;}
.esp .file_box .bt{width:176px !important;}
.file_box + .file_txt{margin-left:16px;font-size:14px;color:#666;}
.file_box .file_delete{position:absolute;top:50%;right:183px;margin-top:-12px;width:24px;height:24px;color:transparent;font-size:0;background:url(../images/common/ico_delete01.png) no-repeat 0 0;}
/*파일 박스 end*/
.table_wrap .addr.err input{border: 2px solid #793EC6;}
.table_wrap .addr .input_box input{max-width:512px;}
.table_wrap .addr .input_box + .input_box{margin-top:16px;}
.table_wrap textarea{height:240px;}
.table_wrap label{font-weight:300;}
.table_wrap label em{display:block;font-weight:normal ;}
.table_wrap input[type='radio'] + label{padding-left:38px !important;}
.info_tbl{padding:24px 34px;}
.info_tbl label{font-size:15px;}
.info_tbl ul li + li{margin-top:16px;}
.info_box ul li{position:relative;font-size:14px;color:#666;padding-left:13px;}
.info_box ul li + li{margin-top:5px;}
.info_box ul li:after{content:'';width:2px;height:2px;background:#666;position:absolute;top:10px;left:0;}
.info_box ul li u{font-weight:500 ;}
.info_box1{padding:16px;color:#3c3c3c;background:#f5f5f5;font-size:14px;border:1px solid #ddd;margin-top:16px;}
.info_box1 .tit{display:block;color:#000;}
.check_align .check-box + .check-box{margin-left:45px;}

/*금액 박스*/
.money_total{border:4px solid #8CC63E;box-sizing: border-box;}
.money_total:after{content:'';display:block;clear:both;}
.money_total .item{position:relative;float:left;width:25%;display:table;text-align:center;height:168px;box-sizing: border-box;}
.money_total.item2 .item{width:50% !important;}
.money_total.item3 .item{width:33.333%}
.money_total.item4 .item{width:25%}
.money_total.item5 .item{width:20%}
.money_total.item6 .item{width:16.6%}
.money_total.item7 .item{width:14.285%}
.money_total.item8 .item{width:12.5%}
.money_total.item9 .item{width:11.11%}
.money_total .item + .item{border-left:1px solid #ddd;}
.money_total .item + .item:before{position:absolute;top:50%;left:-1px;margin:-16px 0 0 -16px;content:'';display:block;width:32px;height:32px;background:url(../images/common/btn_more_on.png) no-repeat 0 0;}
.money_total .item p{display:table-cell;vertical-align: middle;}
.money_total .item .name{display:block;font-size:16px;font-weight:300;}
.money_total .item .money{display:block;margin-top:8px;}
.money_total .item .money em{margin-bottom:16px;font-size:32px;font-weight:500;}
.money_total .item .money i{margin:0 5px;font-size:16px;font-weight:normal;}
.money_total .item.total .name,
.money_total .item.total .money em,
.money_total .item.total .money i{color:#8CC63E;}
.money_total .item:last-child:before{margin:-20px 0 0 -20px;width:40px;height:40px;background:url(../images/common/ico_equals.png) no-repeat 0 0 !important;}
.money_total.point .item{width:33%;}
.money_total.point .item.total{width:34%;}
.money_total.point .item + .item:before{background-image:url(../images/estimate/ico_minus_03.png);background-position:-4px -4px;}
.money_total.nType .item{width:12.5%;box-sizing: border-box;}
.money_total.nType.item2 .item{width:50% !important;}
.money_total.nType.item3 .item{width:33.333%}
.money_total.nType.item4 .item{width:25%}
.money_total.nType.item5 .item{width:20%}
.money_total.nType.item6 .item{width:16.6%}
.money_total.nType.item7 .item{width:14.285%}
.money_total.nType.item8 .item{width:12.5%}
.money_total.nType.item9 .item{width:11.11%}
.money_total.nType .item .money em{font-size:28px;}
/*도트형식 info*/
.dot_txt{display:inline-block;}
.dot_txt li{position:relative;text-align:left;padding-left:16px;font-size:15px;/*line-height: 18px;*/}
.dot_txt li .dot{position:absolute;top:4px;left:0;}
.dot_txt li + li{margin-top:15px;}
.dot_txt.edy li .dot{top:-1px;}
.dot_txt.edy li + li{margin-top:15px;}
.dot_txt.dotStar li .dot{top:4px;}
.ellipsis{vertical-align: middle;display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.ellipsis2{overflow:hidden;height:44px;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.innerLine{padding-top:48px;margin-top:56px;border-top:1px solid #ddd;}
.innerLine + h5{margin-top:0 !important;}
.topGap{padding-top:92px;margin-top:92px;border-top:1px solid #ddd;}
.topGap + h4, .topGap + h5{margin-top:0 !important;}
.both_align{margin-top:16px;}
.both_align:after{content:'';display: block;clear:both;}
.both_align .al{float:left;margin-top:0 !important;}
.both_align .ar{float:right;margin-top:0 !important;}
.alignLB{display: inline-block;text-align:left;}
/* 견적 > Gene Service > 실험 정보 table map, sequence 버튼*/
.vector-btn-wrap {margin-left: 24px;}
.vector-btn {
	min-width: 108px;
	padding: 5px 8px;
	box-sizing: border-box;
	font-size: 14px;
	line-height:21px;
	border-radius: 25px;
}
.vector-map {
	background-color: #FFF;
	border: 1px solid #666;
	box-sizing: border-box;

}
.vector-sequence {
	margin-left: 8px;
	background: #666;
	color: #FFF;
}
.vector_popup_cont {
	padding: 40px;
}
.vector_popup_cont h1 {
    position: relative;
    display: inline-block;
	font-size: 30px;
	font-weight: 700;
}
.vector_popup_cont h1:after {
    content: '';
    position: absolute;
    top: 10px;
    right: -22px;
    display: block;
    width: 8px;
    height: 8px;
    background: #8CC63E;
    border-radius: 8px;
}
.vector_popup_cont .font_green,
.vector_popup_cont .font_purple {
    font-weight: 500;
}
.vector_popup_cont .font_green {
	color: #599500;
}
.vector_popup_cont .font_purple {
	color: #793EC6;
}
.vector_popup_cont .cont {
	display: flex;
	align-items: center;
	justify-content: center;
    padding-top: 40px;
}
.vector_popup_cont .cont .right_cont {
    margin-right: 22px;
}
.vector_popup_cont .cont .left_cont .cloning_region {
    height: 200px;
    margin-bottom: 40px;
    padding: 24px;
    box-sizing: border-box;
    background-color: #F5F5F5;
}
.vector_popup_cont .top_cont {
    margin: 40px 0;
    padding: 24px;
    background-color: #F5F5F5;
}
.vector_popup_cont .top_cont .vector_seq {
    font-size: 14px;
    word-break: break-all;
    letter-spacing: 0.066em;
    color: #3C3C3C;
}
.vector_popup_cont .cont .left_cont .cloning_region p{
	word-break: break-all;
    letter-spacing: 0.04em;
    color: #3C3C3C;
    font-weight: 300;
}
.vector_popup_cont .top_cont .vector_seq .font_underline {
    font-weight: 500;
    text-decoration: underline;
    letter-spacing: 0.08em;
}
.vector_popup_cont .cont .left_cont .cloning_region.pmg_kan p {
    letter-spacing: 0.09em;
}
.vector_popup_cont .cont .left_cont .cloning_region p.cloning_region_title {
    margin-bottom: 8px;
    font-weight: 700;
    color: #E74B4E;
    letter-spacing: unset;
}
.vector_popup_cont .bg_red{
    background-color: #E74B4E;
    padding: 0 2px;
}
.vector_popup_cont .seq_primer .seq_title {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 500;
}
.vector_popup_cont .seq_primer .table {
    border-top: 2px solid #000;
}
.vector_popup_cont .seq_primer .table li {
    display: grid;
    grid-template-columns: 160px auto;
}
.vector_popup_cont .seq_primer .table li > span {
    padding: 12px 24px;
    border-bottom: 1px solid #DDD;
}
.vector_popup_cont .seq_primer .table li:last-child > span {
    border-bottom: 1px solid #000;
}
.vector_popup_cont .seq_primer .table .seq_th {
    background-color: #F5F5F5;
    font-weight: 300;
}
.vector_popup_cont .seq_primer .table .seq_td {
    letter-spacing: 0.08em;
}


/*스페인*/
.esp #wrap table.list td a{font-weight:300;}
/*영문*/
.eng #wrap table.email_table th.enLine2{line-height:22px;}
.eng #wrap table.list td a{font-weight:300;}

/*1400이하 미디어쿼리*/
@media all and (max-width:1400px){
	#wrap #header .gnb{transform:translate3d(-18px,0,0);}
}

/*브라우저 사이즈 1440px 변경 및 기본 좌우 패딩 15px 주기 2020-01-16 추가*/
/*wraper*/
#wrap, #header, #contents, #footer{min-width:1400px;}
.title_box .inner {padding: 0 15px;box-sizing: border-box;}
/*header*/
#contents .sub_top .sub_visual .title_area .inner{padding-left:15px;}

/*contents*/
.sub_inner_contents,
.inner_footer{padding-right:15px;padding-left:15px;box-sizing: border-box;}

/*고객지원*/
.tab-box-area.intro_cont .intro_box{padding-right:700px !important;}
.btm{padding-right:15px !important;padding-left:15px !important;}
.btm_wrap{margin: 0 -15px;}

/*결과*/
.step_area .step_box .txt{left:15px !important;}
.centerDiv{padding:0 15px;}

/*주문*/
.step_area .step_box{padding-right: 15px;}
.step_area .step_box .ordTitle{left:15px !important;}

/*footer*/
#footer .inner_footer .family_site{right:20px !important;}
/*기본 좌우 패딩 15px 주기 끝*/

/* .media_nomal{display:block;}
.media1400{display:none;} */

/*1630미만 틀어지는 UI 조정*/
@media all and (max-width:1629px){
	#wrap #header .gnb{transform:translate3d(-18px,0,0);}
	#header .gnb ul li {width:130px;}
	.search_inner input.wd320{width:260px;}
	.search_inner input.wd360{width:260px;}
	.tab-box-area.intro_cont .intro_box{height:640px;padding-right:344px !important;}
	.tab-box-area.intro_cont .intro_box .img_hover{/*transform:scale(.7);right:-77px;top: -73px;*/display:none;}
	#contents .btm .tab_nav ul li a{padding:0 25px;}
	.step_ul li{width:210px !important;}
	.file_box{width:530px !important;}
	.btm .cont-box .inner{padding-right:545px !important;}

	/*서브비쥬얼*/
	#contents .sub_top .sub_visual .title_area .inner{padding-left:32px;}

	.sub_inner_contents, .inner_footer {padding-right:32px;padding-left:32px;}

	/*주문*/
	.dna_cont{padding:0 32px;}
	.dna_mainTabUl_wide .inner{padding-right:32px;}
	.ordTitle{left:32px !important;}
	.dna_sub_title{padding-left:32px;}
	#contents .sub_contents .sub_inner_contents.dna_step_area{padding:0 32px !important;}

	/*결과*/
	.fakedSelect.w200,
	#searchOrdPrgrStatCd,
	#searchOldSrvcDivCd,
	#searchOrdInfo{width:130px !important;}
	.esp #searchOrdPrgrStatCd{width:186px !important;}

	/*견적*/
	.info_input .rightBox{top:-45px;}

	/*마이페이지*/
	.single_text{font-size:14px;}

	/*푸터*/
	#footer .inner_footer ul.footer_menu {margin-right:310px;}
	.esp #footer .inner_footer ul.footer_menu {margin-right:222px;}
	/*right 요소들 우측 간격 조정 끝*/
	.esp #footer .inner_footer ul.footer_menu li + li{margin-left:16px;}
	.esp #footer .inner_footer ul.footer_menu li a{font-size:13px;}

}