/* ------------------------------------------------------------------------------------------
top
------------------------------------------------------------------------------------------ */
.pcTop .topBar { height:40px; padding:10px 0; background:#000000; }
.pcTop .topBar ul { list-style:none; float:right; margin:0px 0; }
.pcTop .topBar ul li { float:left; font-size:16px; padding:0px 10px; }
.pcTop .topBar ul li a { color:#e9e9e9 !important; }

.pcTop .navbar { min-height: 50px; margin-bottom:0px; }
.pcTop .navbar-header { width:15%; padding:15px 0; }
.pcTop .navbar-header .navbar-brand { float: left; height: 70px; padding:20px 10px;  margin:0; font-size: 18px; line-height: 20px;  }
.pcTop .navbar-nav { width:85%; }
.pcTop .navbar-nav > li { width: calc(100% / 6); text-align:center; }
.pcTop .navbar-nav > li > a { padding:40px 10px; font-size:24px; font-weight:600; }
.pcTop .navbar-nav > li:last-child > a { padding:40px 0px; }
.pcTop .navbar-nav > li .dropdown-menu { padding:0px 0px; border-top:2px solid #333; }
.pcTop .navbar-nav > li .dropdown-menu li { height:35px; padding:0px 0px; border-bottom:1px solid #d9d9d9; }
.pcTop .navbar-nav > li .dropdown-menu li:last-child { border-bottom:0px solid #d9d9d9; }
.pcTop .navbar-nav > li .dropdown-menu li > a { height:34px; padding:8px 8px; font-size:13px; }
.pcTop .navbar-nav > li .dropdown-menu li > a:hover { color:#ffb600 !important; }

/*body.modal-open { padding-right:0 !important; }*/
body.modal-open .background-container{ -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px); filter: url("https://gist.githubusercontent.com/amitabhaghosh197/b7865b409e835b5a43b5/raw/1a255b551091924971e7dee8935fd38a7fdf7311/blur".svg#blur); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4'); }
#loginModal .modal-dialog { width:460px !important; margin:5% auto; }
#loginModal .modal-header { border:none; padding:50px 15px 0px; }
#loginModal .modal-header h4 { font-size:32px; }
#loginModal .modal-body .form-control { height:50px; }
#loginModal .row { padding:30px; }
#loginModal .btnGroup01 { margin:0 0 20px 0; }
#loginModal .btnGroup01 img { margin:0 auto; width:100%; }
#loginModal .btnGroup02 { margin:0 0 20px 0; }
#loginModal .btnGroup02 ul { list-style:none; padding-left:0; }
#loginModal .btnGroup02 ul li { float:left; width:calc((100% - 2%) / 2); margin:0 2% 0 0; }
#loginModal .btnGroup02 ul li:last-child { margin:0 0; }
#loginModal .btnGroup02 img { margin:0 auto; width:100%; }

@media screen and (max-width:993px){
    .pcTop .navbar-nav > li > a { font-size:14px; }
}
@media screen and (max-width:414px){
    .navbar-brand { padding:5px; }
    .navbar-brand img { width:80%; height:100%; }
}
/* ------------------------------------------------------------------------------------------
footer
------------------------------------------------------------------------------------------ */
#footer { background:#fff; padding:11px 20px; text-align:left; font-size:14px; line-height:18px; border-top:3px solid #5c7cc4; }
#footer .footerLogo { display:inline-block; float:left; width:15%; padding:35px 0; }
#footer .footerLogo img { margin:0 auto; }
#footer .copyright { display:inline-block; float:left; width:85%; padding:0 0px; color:#8d8d8d; }


@media screen and (max-width:414px) {
    #footer { padding:15px; }
    #footer .footer_copyright { padding:0; }
}

/* ------------------------------------------------------------------------------------------
join
------------------------------------------------------------------------------------------ */
.join h5 { font-size:20px; font-weight:400; }
.join .join01 label { font-size:20px; font-weight:600; }
.join .join01 .form-control { height:70px; font-size:18px; }
.join .join01 button { height:70px; font-size:18px; }
.join .join01 .btn { position:absolute; bottom:15px; right:0; height:70px; font-size:18px; padding:21px 12px; }
.join .join01 .dropdown-menu > li { height:70px; text-align:left; border-bottom:1px solid #c9c9c9; }
.join .join01 .dropdown-menu > li:last-child { border-bottom:none; }
.join .join01 .dropdown-menu > li > a { display: block; padding: 22px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; font-size:18px; }

.join .join01 img { float:right; }

.join .join02 { text-align:center; margin:5% 0 0; }
.join .join02 .btn { position:relative; font-size:20px !important;  padding:18px 30px; }

/* ------------------------------------------------------------------------------------------
main
------------------------------------------------------------------------------------------ */
.main { position:relative; margin:140px 0 0; padding:0; }
.main .overlay { position:absolute; top:0; left:0; width:100%; height:100%; }
.main .overlay01 { margin:100px 0 0; }
.main .overlay01 img { margin:0 auto; }
.main .overlay02 { padding:0 27%; margin:15px 0 0; text-align:center; }
.main .overlay02 h3 { font-size:24px; margin:0 0; line-height:1.4; color:#fff; }
.main .overlay021 { padding:0 27%; margin:15px 0 0; text-align:center; }
.main .overlay021 h3 { font-size:23px; margin:0 0; line-height:1.4; color:#fff; }
.main .overlay03 { padding:0 0; margin:40px 0 0; text-align:center; }
.main .overlay03 a { font-size:14px; font-weight:600; }
.main .overlay03 a.btn { padding:9px 26px; }
.main .overlay04 { width:80px; height:80px; float:right; background:#fff; color:#5c7cc4; border-radius:50em; padding:18px 0; margin:420px 0 0; text-align:center; }
.main .overlay04 h5 { font-size:12px; font-weight:600; }

/* ------------------------------------------------------------------------------------------
subBanner
------------------------------------------------------------------------------------------ */
.subBanner { width:100%; height:250px; display:inline-block; margin:141px 0 0; padding:0; }
.subBanner .subBanner01 { background:url('/assets/images/subBanner01.png') no-repeat; }
.subBanner .subBanner02 { background:url('/assets/images/subBanner02.png') no-repeat; }
.subBanner .subBanner03 { background:url('/assets/images/subBanner03.png') no-repeat; }
.subBanner .subBanner04 { background:url('/assets/images/subBanner04.png') no-repeat; }
.subBanner .subBanner05 { background:url('/assets/images/subBanner05.png') no-repeat; }
.subBanner .subBanner06 { background:url('/assets/images/subBanner06.png') no-repeat; }
.subBanner .subBanner07 { background:url('/assets/images/subBanner07.png') no-repeat; }
.subBanner .subBanner08 { background:url('/assets/images/subBanner08.png') no-repeat; }

.subBanner .subTitle { padding:86px 0; }
.subBanner .subTitle h1 { font-size:52px; font-weight:700; color:#fff; text-align:center;  margin:10px 0; }
/*.subBanner .overlay { position:absolute; top:0; left:0; width:100%; height:100%; padding:80px 0; }*/
/*.subBanner .overlay h1 { font-size:52px; font-weight:700; color:#fff; text-align:center;  margin:10px 0; }*/
.subBanner .pageNavigation { position:absolute; bottom:-30px; left:0; width:100%; height:30px; background:#f3f2f3; }
.subBanner .pageNavigation .breadcrumb { padding:5px 15px; margin:0 0px; list-style: none; background-color: #f5f5f5; border-radius: 4px; }
.subBanner .pageNavigation .breadcrumb a { color:#808080 !important; }
.subBanner .pageNavigation .breadcrumb > li+li:before { padding: 0 5px; color: #808080; content: "〉"; }
.subBanner .pageNavigation .breadcrumb i { margin:-2px 0 0; color:#808080 !important; }
.subBanner .pageNavigation .breadcrumb > .active { color:#808080 !important; font-weight:700; }


/* ------------------------------------------------------------------------------------------
introduce
------------------------------------------------------------------------------------------ */
.introduce11 { position:relative; margin:0 0; padding:0; }
.introduceTitle { text-align:center; margin:100px 0 0; }
.introduceTitle h5 { font-size:16px; margin:5px 0; }
.introduceTitle h3 { font-size:28px; margin:5px 0; }
.introduceContent { margin:70px 0 0; }
.introduceContent01 { padding:0 13% 0 0; }
.introduceContent01 h4 { font-size:18px; color:#808080;  line-height:1.8; }
.introduceContent02 img { float:right; }
.introduceContent .overlay { position:absolute; top:15%; right:0; width:19px; height:220px; }

.introduce12 { background-image: url(/assets/images/sub12Bg.png);  padding:0 0; }
.introduceContent03 { padding:0 13% 700px 0; text-align:center; }
.introduceContent03 h4 { font-size:18px; color:#fff;  line-height:1.8; }
.introduce12 .introduceContent .overlay { position:absolute; top:30%; right:0; width:19px; height:220px; }

.introduce13 { position:relative; margin:0 0; padding:0; }

.introduce13 .nav-tabs { margin: 0; padding: 0; border: 0; }
.introduce13 .nav-tabs > li { width:calc(100% / 3); text-align:center; }
.introduce13 .nav-tabs > li > a { background: transparent; border:1px solid #808080; color:#808080; border-radius:0; margin:0; font-size:24px; padding:12px 15px; }
.introduce13 .nav-tabs > li:nth-child(2) > a { border-left:none; border-right:none; color:#808080; border-radius:0; margin:0; }
.introduce13 .nav-tabs > li.active > a, .introduce13 .nav-tabs > li.active > a:hover { background: transparent; border:1px solid #5c7cc4; color:#5c7cc4 !important; }
.introduce13 .nav-tabs > li:nth-child(2).active > a, .introduce13 .nav-tabs > li:nth-child(2).active > a:hover { border-left:none; border-right:none; }
.introduce13 .tab-pane { background:transparent; border-radius: 0; text-align: left; padding: 70px 0 30%; }
.introduce13 .introduceContent01 { padding:0 13% 0 6%; }
.introduce13 .introduceContent01 h4 { font-size:18px; color:#808080;  line-height:1.8; }

.introduce14 { position:relative; margin:0 0; padding:0; }

.introduce14 .introTab { margin: -66px; padding:0 20%; border: 0; list-style:none; }
.introduce14 .introTab > li { width:calc(100% / 2); text-align:center;  background:#fff; float:left;  border:1px solid #808080; color:#808080;  padding:12px 15px; }
.introduce14 .introTab > li.active { border:1px solid #5c7cc4; }
.introduce14 .introTab > li.active > a { color:#5c7cc4 !important; }
.introduce14 .introTab > li:nth-child(2) { border-left:none; color:#808080; border-radius:0; margin:0; }
.introduce14 .introTab > li:nth-child(2).active { border-left:1px solid #5c7cc4; }
.introduce14 .introTab > li > a { background: transparent;  border-radius:0; margin:0; font-size:24px; padding:12px 15px; width:100%; }
.introduce14 .introduceContent01 h4 { font-size:16px; color:#808080;  line-height:1.6; font-weight:400;  margin:0 0 10px; }

.introduce14 .introUndertab { margin: 0px; padding:0 30%; border: 0; list-style:none; }
.introduce14 .introUndertab > li { width:calc((100% / 3) - 4px); text-align:center;  background:#fff; float:left;  border:1px solid #808080; color:#808080;  padding:6px 15px; margin:0 2px 0 0; }
.introduce14 .introUndertab > li:last-child { margin:0 0; }}
.introduce14 .introUndertab > li > a { background: transparent;  border-radius:0; margin:0; font-size:16px; padding:6px 15px; }
.introduce14 .introUndertab > li.active { border:1px solid #5c7cc4 !important; }
.introduce14 .introUndertab > li.active > a { color:#5c7cc4 !important; }

.historyContent { margin:50px 0 0; padding:0 20% 30px; }
.historyTitle { border-bottom:1px solid #cccccc; padding:20px 15px 0; }
.historyTxt { text-align:center; border-bottom:1px solid #cccccc; padding:20px 0; }
.historyTxt01 h4 { color:#5c7cc4; }
.historyTxt02 h5 { color:#808080; }
.historyTxt02 h5.span { color:transparent; }
.historyTxt03 h5 { color:#010101; text-align:left; }
.historyTxt04 { border-top:1px solid #cccccc; padding:20px 15px 0; }
.historyTxt04 h5 { color:#010101;  }

.introduce14 .devHistory img { margin:0 auto; }
.introduce14 .devHistory  .nav-tabs { margin:50px 0 0; padding:0 20%; border: 0; }

.introduce14 .devHistory  .nav-tabs > li { width:calc(100% / 6); text-align:center;  background:#fff; border:0px solid #808080; border-radius:0; }
.introduce14 .devHistory  .nav-tabs > li > a { background: transparent;  color:#808080; border:1px solid #808080; border-radius:0; margin:0; font-size:16px; padding:6px 15px; }
/*.introduce14 .devHistory  .nav-tabs > li:nth-child(2) > a { border-left:none; color:#808080; border-radius:0; margin:0; }*/
.introduce14 .devHistory  .nav-tabs > li.active > a, .introduce14 .devHistory  .nav-tabs > li.active > a:hover { background: transparent; border:1px solid #5c7cc4; color:#5c7cc4 !important; }
/*.introduce14 .devHistory  .nav-tabs > li:nth-child(2).active > a, .introduce14 .devHistory  .nav-tabs > li:nth-child(2).active > a:hover { border-left:none; }*/
.introduce14 .devHistory  .tab-pane { background:transparent; border-radius: 0; text-align: left; padding: 0px 0; }
.introduce14 .devHistory  .tab-pane .introduceTitle { text-align:center; margin:100px 0 0px; }


/* ------------------------------------------------------------------------------------------
devProcess
------------------------------------------------------------------------------------------ */
.devProcess { position:relative; margin:125px 0 0; padding:0; }
.devProcess .devTitle { padding:0 90px 30px; margin:70px 0 0; border-bottom:2px solid #cccccc; }
.devProcess .devTitle h1 { font-size:32px; font-weight:700; color:#000; }
.devProcess .devContent { padding:0 90px; margin:30px 0 180px; }
.devProcess .devContent h4 { font-size:18px; font-weight:400; color:#000; line-height:1.8; }

/* ------------------------------------------------------------------------------------------
icd
------------------------------------------------------------------------------------------ */
.icd { position:relative; margin:125px 0 0; padding:0; }
.icd ul { list-style:none; }
.icd ul li { float:left; width:calc((100% - 1%) / 2); margin:0 0.5% 0 0; }
.icd ul li:last-child { float:left; width:calc((100% - 1%) / 2); margin:0 0 0 0.5%; }
.icd .icdTitle { padding:0 90px 30px; margin:70px 0 0; border-bottom:2px solid #cccccc; }
.icd .icdTitle h1 { font-size:32px; font-weight:700; color:#000; }
.icd .icdContent { padding:0 90px; margin:30px 0 180px; }
.icd .icdContent h4 { font-size:18px; font-weight:400; color:#000; line-height:1.8; }

/* ------------------------------------------------------------------------------------------
userGuide
------------------------------------------------------------------------------------------ */
.userGuide { position:relative; margin:125px 0 0; padding:0; }
.userGuide .form-control { height:45px !important; border-radius:0; }
.userGuide button { height:45px; border-radius:0; }
.userGuide .dropdown-menu { padding:0 0; }
.userGuide .dropdown-menu > li { border-bottom:1px solid #000; }
.userGuide .dropdown-menu > li >a { height:45px !important; padding:12px 12px 10px; font-size:16px; text-align:center; }
.userGuide .listTitle i { position:absolute; top:9px; right:15px; }

/* ------------------------------------------------------------------------------------------
notice
------------------------------------------------------------------------------------------ */
.notice { position:relative; margin:125px 0 0; padding:0; }
.notice .form-control { height:45px !important; border-radius:0; }
.notice button { height:45px; border-radius:0; }
.notice .dropdown-menu { padding:0 0; }
.notice .dropdown-menu > li { border-bottom:1px solid #000; }
.notice .dropdown-menu > li >a { height:45px !important; padding:12px 12px 10px; font-size:16px; text-align:center; }
.notice .listTitle i { position:absolute; top:9px; right:15px; }

.noticeDetail { position:relative; margin:80px 0 0; padding:0; }
.titleArea { padding:0; border-bottom:1px solid #cccccc; }
.titleArea h3 { font-size:24px; font-weight:700; line-height:1.6; }
.titleArea h5 { font-size:16px; font-weight:400; line-height:1.6; color:#808080; }
.titleArea i { margin:-2px 10px 0 0; }
.contentArea { padding:10px; }
.contentArea h5 { font-size:16px; font-weight:400; line-height:1.8; }
.attachArea { padding:0 0 30px; margin:3% 0 0; border-bottom:1px solid #cccccc; }
.attachArea01 { padding:0; margin:1% 0; }
.attachArea h5 { font-size:14px; font-weight:400; line-height:1.8; margin:0 15px; }
.indexChange { padding:0 0 30px; }
.indexChange01 { border-bottom:1px solid #cccccc; }
.indexChange02 { border-bottom:1px solid #cccccc; }

.userDetail { position:relative; margin:80px 0 0; padding:0; }

/* ------------------------------------------------------------------------------------------
contact
------------------------------------------------------------------------------------------ */
.contact { position:relative; margin:125px 0 0; padding:0; }
.contactArea { padding:0; }
.contactArea .title { text-align:right; padding:0; }
.contactArea .title h5 { font-size:16px; font-weight:400; }
.contactArea .title h5 sup { color:#f00; }
.contactArea01 .radio { position: relative; display: block; margin-top: 7px; margin-bottom: 10px; }
.contactArea01 input[type=radio] { margin: 3px 0 0 -15px; line-height: normal; }
.contactArea02 .agree { padding:6px 12px; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; }

.contactArea02 .agree h5 { font-size:12px; line-height:1.6; font-weight:400; }



/* ------------------------------------------------------------------------------------------
PIPE-11
------------------------------------------------------------------------------------------ */
#pipeModal .modal-dialog {max-width:1536px; /* width:1030px; height:660px;*/ width:80%; min-width:1100px;}
#pipeModal .modal-content{border-bottom:0;}
#pipeModal .modal-title { margin: 0; line-height: 1.42857143; font-size:18px; font-weight:400; }
#pipeModal .modal-body { border-radius:0px; padding:0 14px 0; }
#pipeModal section { padding:0;  display:inline-block;vertical-align:top; }
#pipeModal .pipeMain a { position:absolute; bottom:30px; right:30px; padding:12px 50px; font-size:18px;  }

#pipeModal .pipeSidenav { padding:0; background:#5c7cc4; height:70vh; }
#pipeModal .pipeSidenav ul { display:inline-block; width:100%; list-style:none; margin-bottom:0; padding-left:0; }
#pipeModal .pipeSidenav ul li { display:inline-block; width:100%; padding:15px 20px; min-height:42px; }
#pipeModal .pipeSidenav ul li img { margin:0 auto; }
#pipeModal .pipeSidenav ul li h5 { margin:1px 0 0 10px; color:#aebee2; font-size:16px; }
#pipeModal .pipeSidenav ul li.active h5 { color:#fff; font-weight:600; }

#pipeModal .pipeSub02 { background:url('/assets/images/pipeSub02.png') center no-repeat; background-size:cover; height:70vh; padding:0;}
#pipeModal .pipeSub02 .pipeSub021 { background:#fff; border-radius:5px; height:85%; }
#pipeModal .pipeSub02 .btnSubmit{width:45%;padding:15px 0;}
#pipeModal .pipeSub021 .subTitle h3 { font-size:21px; font-weight:600; }
#pipeModal .pipeSub021 .subNotice { text-align:right; margin:0; }
#pipeModal .pipeSub021 .subNotice h6 { font-size:11px; font-weight:400; }
#pipeModal .pipeSub021 .subNotice sup { color:#f00; }
#pipeModal .pipeSub021 ul { list-style:none; padding-left:0; }
#pipeModal .pipeSub021 ul li { float:left; width:calc((100% - 5%) /2); margin:0 5% 0 0; }
#pipeModal .pipeSub021 ul li:last-child { float:left; width:calc((100% - 5%) /2); margin:0 0 0 0; }
#pipeModal .pipeSub021 .birthYmd { padding:0; }
#pipeModal .pipeSub021 .birthYmd01 { text-align:center; padding:0; }

.pipeSub03Wrap{background:#5c7cc4;}
#pipeModal .pipeSub03 { background:url('/assets/images/pipeSub02.png') center no-repeat; background-size:cover; min-height:70vh; padding:0 0 20px 0; }
#pipeModal .pipeSub03 .subTitle h3 { font-size:21px; font-weight:600; }
#pipeModal .pipeSub03 .btnSTyle:after{clear:both;content:"";display:block;}
#pipeModal .pipeSub031 { background:#fff; padding:30px 30px 15px; }
#pipeModal .pipeSub031 > ul { list-style:none; padding-left:0; }
#pipeModal .pipeSub031 > ul li { position:relative; float:left; width:calc((100% - 60px) / 5); padding:30px; margin:0 15px 15px 0; height:calc((55vh - 80px) / 3 ); border:1px solid #c9c9c9; border-radius:5px;  text-align:center; }
#pipeModal .pipeSub031 > ul li:nth-child(5n) { float:left; width:calc((100% - 60px) /5 ); margin:0 0 15px 0; }
#pipeModal .pipeSub031 > ul li:last-child { float:left; width:calc((100% - 60px) /5 ); margin:0 0 15px 0; padding:50px 50px;  }
#pipeModal .pipeSub031 > ul li h5 { line-height:1.6; font-size:21px; display:inline-table; }
#pipeModal .pipeSub031 > ul li h5.forHover { display:none; }
#pipeModal .pipeSub031 > ul li:hover h5.forBasic { display:none; }
#pipeModal .pipeSub031 > ul li:hover h5.forHover { display:block; }
#pipeModal .pipeSub031 > ul li.active { background:#ced7ed; border:1px solid #2c4c93; }
#pipeModal .pipeSub031 > ul li.active.category01 { background:#d4d8ca; border:1px solid #6f7f4e; }
#pipeModal .pipeSub031 > ul li img { position:absolute; top:-10px; right:-10px; }
#pipeModal .pipeSub031 > ul li img.off { display:none; }
#pipeModal .pipeSub031 > ul li.on img { display:block; }
#pipeModal .pipeSub031 > ul li a { position:relative; }
#pipeModal .pipeSub031 > ul li a.btn { min-width:100px; }
#pipeModal .pipeSub031 > ul li a img { position:absolute; top:12px; left:7px; }
#pipeModal .pipeSub031 > ul li a img.basicIcon { display:block; }
#pipeModal .pipeSub031 > ul li a img.basicIcon01 { display:none; }
#pipeModal .pipeSub031 > ul li a:hover img.basicIcon { display:none; }
#pipeModal .pipeSub031 > ul li a:hover img.basicIcon01 { display:block; }
#pipeModal .pipeSub031 > ul li a:active img.basicIcon { display:none; }
#pipeModal .pipeSub031 > ul li a:active img.basicIcon01 { display:block; }

#pipeModal .pipeSub04 { background:url('/assets/images/pipeSub02.png') center no-repeat; background-size:cover; height:70vh; padding:0; }
#pipeModal .pipeSub04 .subTitle h3 { font-size:21px; font-weight:600; }
#pipeModal .pipeSub041 { background:transparent; padding:5px 15px 0px; }

#pipeModal .pipeSub041 .Symptom { background:transparent; none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin:0px; }
#pipeModal .pipeSub041 .nav-tabs { border-bottom: 2px solid #2c4c93; }
#pipeModal .pipeSub041 .nav-tabs > li  { float:right; width:calc(100% / 7); text-align:center; }
#pipeModal .pipeSub041 .nav-tabs > li > a { border: none; background:#cfd9ee; color:#666666; margin:0 2px 0 0; }
#pipeModal .pipeSub041 .nav-tabs > li.active > a { border: 0; color:#fff !important; background: #2c4c93; }
#pipeModal .pipeSub041 .nav-tabs > li > a:hover { border: 0; color:#fff !important; background: #2c4c93; }
#pipeModal .pipeSub041 .tab-pane { padding: 15px 0; }
#pipeModal .pipeSub041 .tab-content { padding:0px; background:#fff; }

#pipeModal .pipeSub041 table tr th {width:20%; font-size:16px; text-align:left; height:calc(47vh / 10 ); }
#pipeModal .pipeSub041 table tr { height:calc(47vh / 10 ); }
#pipeModal .pipeSub041 table td { font-size:14px; vertical-align:middle; }
#pipeModal .pipeSub041 table td.active{ background:#ffdd83; }

#pipeModal .pipeSub042 ul { list-style:none; padding-left:0; margin:10px 0 0; float:right; }
#pipeModal .pipeSub042 ul li a { position:relative; }
#pipeModal .pipeSub042 ul li a.btn { min-width:100px; }
#pipeModal .pipeSub042 ul li a img { position:absolute; top:12px; left:7px; }
#pipeModal .pipeSub042 ul li a img.basicIcon { display:block; }
#pipeModal .pipeSub042 ul li a img.basicIcon01 { display:none; }
#pipeModal .pipeSub042 ul li a:hover img.basicIcon { display:none; }
#pipeModal .pipeSub042 ul li a:hover img.basicIcon01 { display:block; }
#pipeModal .pipeSub042 ul li a:active img.basicIcon { display:none; }
#pipeModal .pipeSub042 ul li a:active img.basicIcon01 { display:block; }

#pipeModal .pipeSub05 { background:url('/assets/images/pipeSub02.png') center no-repeat; background-size:cover; height:70vh; padding:0; }
#pipeModal .pipeSub05 .subTitle h3 { font-size:21px; font-weight:600; }
#pipeModal .pipeSub051 { background:transparent; padding:5px 15px 0px; }

#pipeModal .pipeSub051 table { margin:20px 0 0; }
#pipeModal .pipeSub051 table thead tr { height:40px; background:#fff; }
#pipeModal .pipeSub051 table thead tr th { font-size:16px; text-align:center; }
#pipeModal .pipeSub051 table thead tr th:first-child { font-size:16px; text-align:left; }
#pipeModal .pipeSub051 table tbody tr { height:calc(100vh / 10 ); background:#f9f9f9; }
#pipeModal .pipeSub051 table tbody tr:nth-child(2n)  { background:#fff; }
#pipeModal .pipeSub051 table tbody tr:hover { border:3px solid #2c4c93;}
#pipeModal .pipeSub051 table tbody tr:hover .btn-atlasg03w { color:#fff !important; background-color:#2c4c93; border-color:#2c4c93; }
#pipeModal .pipeSub051 table tbody tr td { font-size:14px; text-align:center; vertical-align:middle; }
#pipeModal .pipeSub051 table tbody tr td:first-child { width:50%; text-align:left; }

#pipeModal .pipeSub06 { background:url('/assets/images/pipeSub02.png') center no-repeat; background-size:cover; height:70vh; padding:0; }
#pipeModal .pipeSub06 .subTitle h3 { font-size:21px; font-weight:600; color:#fff; }
#pipeModal .pipeSub061 { background:transparent; padding:5px 15px 0px; }
#pipeModal .pipeSub0611 { background:#fff; height:7vh; padding:12px 15px; margin:0 0 10px; }
#pipeModal .pipeSub0611 h5 { font-size:16px; color:#333333; margin:13px 0; }
#pipeModal .pipeSub0611 h5 span { color:#98a6ad; }
#pipeModal .pipeSub0611 img { margin:0 auto; }
#pipeModal .pipeSub0611 a img.basicIcon { display:block; }
#pipeModal .pipeSub0611 a img.basicIcon01 { display:none; }
#pipeModal .pipeSub0611 a:hover img.basicIcon { display:none; }
#pipeModal .pipeSub0611 a:hover img.basicIcon01 { display:block; }
#pipeModal .pipeSub0611 a:active img.basicIcon { display:none; }
#pipeModal .pipeSub0611 a:active img.basicIcon01 { display:block; }

#pipeModal .pipeSub0612 { background:#fff; height:12vh; padding:5px 15px; margin:0 0 10px; }
#pipeModal .pipeSub0612 h5 { font-size:16px; color:#333333; margin:13px 0; }
#pipeModal .pipeSub0612 h5 span { font-size:18px; color:#2c4c93; font-weight:700; }
#pipeModal .pipeSub0612 .content { position:relative; padding:0; }
#pipeModal .pipeSub0612 .content h5::before { content: ""; width:1px; height:100px; color: #808080; position:absolute; top:0; left:0px; }

#pipeModal .pipeSub0613 { background:#fff; height:41vh; padding:5px 15px; margin:0 0 10px; }
#pipeModal .pipeSub0613 h5 { font-size:14px; color:#333333; margin:13px 0; }
#pipeModal .pipeSub0613 h5 span { font-size:16px; color:#2c4c93; font-weight:700; }
#pipeModal .pipeSub0614 { background:#fff; height:20vh; padding:5px 15px; margin:0 0 10px; }
#pipeModal .pipeSub0614 h5 { font-size:14px; color:#333333; margin:13px 0; }
#pipeModal .pipeSub0614 h5 span { font-size:16px; color:#2c4c93; font-weight:700; }
#pipeModal .pipeSub0615 { background:#fff; height:20vh; padding:5px 15px; margin:0 0 10px; }
#pipeModal .pipeSub0615 h5 { font-size:14px; color:#333333; margin:13px 0; }
#pipeModal .pipeSub0615 h5 span { font-size:16px; color:#2c4c93; font-weight:700; }



.family-site-button {
	margin: 18px auto 0;
	cursor: pointer;
	width: 78px;
	height: 78px;
	background: #fff;
	border-radius: 50%;
	background-image: url(../assets/images/family-site-button-open.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.open .family-site-button  {
	background-image: url(../assets/images/family-site-button-close.png);
}
#family-site-bar {
	width: 170px;
	position: absolute;
	top: 70%;
	right: 20%;
	z-index: 999;
}
#family-site-bar .site-list a {
	background: #fff;
	width: 170px;
	height: 50px;
	line-height: 50px;
	color: #5c7cc4!important;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	margin: 2px 0;
	transition: 0.5s ease;
}
#family-site-bar .site-list a:hover {
	background: #5c7cc4;
	color: #fff!important;
}
#family-site-bar .site-list {
	position: absolute;
	max-height: 0;
	overflow: hidden;
	transition: 0.5s ease;
	margin-top: -100px;
}
#family-site-bar.open .site-list {
	max-height: 400px;
}
#language .language-list {
	display: none;
	position: absolute;
	z-index: 99;
	width: 70px;
	margin-left: -25px;
	padding-top: 10px;
}
#language .language-list a {
	background: #5c7cc4;
	width: 70px;
	height: 30px;
	line-height: 30px;
	color: #fff!important;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	margin: 2px 0;
	transition: 0.5s ease;
}
#language .language-list a:hover {
	background: #41578a;
}
#language:hover .language-list {
	display: block;
}
#form-template ,#form-template label {
	font-weight: 400!important;
}

#form-template .radio  {
	float: left;
	margin: 0;
	margin-right: 30px;
	margin-top: 10px;
	position: unset;
}
#form-template .radio label {
	font-weight: 400!important;
	font-size: 17px!important;
	padding-left: 0!important;
	margin-right: 30px;
	margin-left: 25px;
}


#form-template .radio input[type='radio']{
    width: 18px;
    height: 18px;
		margin-top: 0;
    background-color: #fff;
    -webkit-appearance:none;
    border: 1px solid #cccccc;
		margin-left: -22px;
		margin-top: 2px;
    outline: none!important;
}
#form-template .radio input[type=radio]:checked{
  background-image: url(../assets/images/checked.png);
	background-position: center center;
	background-size: cover;
	outline: none!important;
}
#form-template .btn-primary {
	border: none;
	border-radius: 0;
	margin: 50px 0 150px;
	background: #5c7cc4;
}
.subBanner .subBanner071 {
    background: url(/assets/images/subBanner071.png) no-repeat;
}

#form-mypage input ,#form-mypage select{
	height: 70px;
	line-height: 70px;
	padding: 0 15px;
	font-size: 18px;
	border-radius: 0;
	border: 1px solid #cccccc;
}
#form-mypage .inputs-group input {
	margin-bottom: 10px;
}
#form-mypage label {
	font-size: 20px;
	font-weight: 700;
}
#form-mypage .form-group {
	padding-top: 15px;
	padding-bottom: 15px;
}
#form-mypage .inputs-group span.btn {
	height: 70px;
	line-height: 70px;
	border-radius: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	font-size: 18px;
	outline: none;
}
#form-mypage .title .hd {
	font-size: 32px;
	line-height: 70px;
	font-weight: 700;
	border-top: 2px solid #000;
	margin: 70px 0 30px;
}
#form-mypage .submit {
	margin: 40px 0 150px;
	background: #5c7cc4;
	padding: 20px 40px;
	font-size: 24px;
	font-weight: 700;
	border: none;
	border-radius: 0;
}
#form-mypage .help-block {
	position: unset;
	font-size: 14px;
	margin-bottom: 0;
}
#form-mypage .btn-success {
	background: #00c850;
}
#form-mypage .btn-default{
	background: #acacac;
	color: #fff;
}
#form-mypage .form-control-feedback {
	display: none;
}
#form-mypage input[type="password"]{
	background-image: url('../assets/images/icon_pw_default.png');
	background-position: center right;
	background-repeat: no-repeat;
}
#form-mypage .has-error input[type="password"]{
	background-image: url('../assets/images/icon_pw_error.png');
}
#form-mypage .has-success input[type="password"]{
	background-image: url('../assets/images/icon_pw_success.png');
}
.static-list p a {
color:rgba(255,255,255,0.5)!important;
padding:10px 0 0 10px;
    margin:0;
    display: block;
}
.static-list p.active a {
color:#fff!important;
padding:10px 0 0 10px;
    margin:0;
    display: block;
}
.static-list p {
margin: 0;
}