@charset "UTF-8";
/* CSS Document */

/*****************************************************************************************************************************************
생성일: 2017/02/26
수정일: 2017/...
수정자: dx2design@naver.com
주석간 간격 두줄 구분은 한줄사용
*****************************************************************************************************************************************/

/*화면사이즈 사이즈*/
.contentsWrap { width:100%; height:100%;}
.contents { width:100%; margin:0; margin-top:48px; min-height:695px;  padding:40px 0 25px; box-sizing:border-box; background:#fff; }
.index_contents { margin-top:0 !important; }
.index_contentsWrap { width:100%; height:100%; background:#353535; }

.paper { width:100%; padding:0; background:#fff; box-sizing:border-box; /* box-shadow:0 0 5px rgba(25,25,25,0.5); background:#fff; */ }

.board_title_wrap { margin-bottom:15px; }
.board_header .btn_wrap { display:inline-block; }
.board_header .btn_wrap button { margin-left:3px;}


.content_view_wrap { width:100%; box-sizing:border-box; font-size:15px; /* box-shadow:0 0 5px rgba(25,25,25,0.5);  background:#fff;*/  }
.content_view_wrap h3.board_title { font-size:30px; }
.content_view_wrap h4 { font-size:27px; font-family:NSEB;  }
.content_view_wrap h4 span {  font-family:NSR; margin-left:0px; text-transform:uppercase;  }

.content_view_wrap .sub_title { width:100%; text-align:center; font-size: 18px; color:#999999; font-family:NSL; text-transform:uppercase; }
.content_view_wrap .img_doctor { width:calc(100% - 60px); height:500px; margin-top:30px; margin-left:30px;background:url(/images/custom/bg_doctor.jpg) 50% 0% no-repeat; background-size:cover; }
.contnet_section { width:100%; padding:100px 0; background:#fff; text-align:center; }
.contnet_section h4 { margin:0 0 20px;  }


.contnet_section2 { width:100%; padding:80px 0; box-sizing:border-box; background:url(/images/custom/desk.png) 70% 100% no-repeat #f5f5f5; }
.contnet_section2 h4 { padding-left:300px; }
.contnet_section2 dl { margin-top:30px; padding-left:300px; }
.contnet_section2 dt { float:left; width:20px; margin-bottom:20px; }
.contnet_section2 dd { width:300px; margin-bottom:20px; }


.contnet_section3 { width:100%; padding:60px 0 50px; background:#fff; text-align:center; }
.contnet_section3 ol { margin:60px auto 0; width:920px;}
.contnet_section3 li { float:left; width:160px; height:160px; background:url(/images/custom/circle.png) no-repeat; background-size:contain; text-align:center; line-height:160px; font-family:NSB; margin-right:30px; font-size:15px; }
.contnet_section3 li:last-child { margin:0; }

.table_contents_view { width:100%; }
.table_contents_view td { width:100%; }

.contents.cal300 { height:calc(100% - 312px); }

/* .m_top65 { margin-top:65px;  }
.m_top100 { margin-top:100px;  }
.m_top150 { margin-top:150px; }
.min_height740 { min-height:740px; }
.min_height650 { min-height:662px; }*/

/*기본설정*/

h1.index_title { font-size:60px; font-family:NSEB; text-align:center; letter-spacing:-2px; }
h3.board_title { width:100%; text-align:center; font-size:30px; text-transform:uppercase; font-family:NSEB; letter-spacing:-2px; display:inline-block; margin:30px 0 45px; }

.formWrap .subMain_title h3.board_title { margin:30px 0 20px; }

h4.section_title { font-size:18px; display:inline-block; font-family:NSB;  }
h4.section_title i { font-size:15px; }
h5 { font-size:15px; padding:5px 8px; margin:0;  background:#525252; color:#fff; display:inline-block; }


 a:hover { text-decoration:underline; }

/*반응형을 위한 컨텐츠 사이즈*/
.contentSize { width:1300px; margin:0 auto; }

caption { text-indent:-5000px; height:0; }


/*************************로그인*************************/



/* login Layout *********************************/

.login_wrap { width:100%; height:100%; position:relative;  background: url(/images/custom/bg_login.jpg) no-repeat  #717171; background-size:cover; }

.login_form { width:100%;  position:absolute; opacity: 0; animation-duration:1s; animation-name:indexLetter; animation-fill-mode: both; margin-top:50px; }
.login_form h1 { width: 100%; padding:10px 0; font-family:NSB; font-size:25px; font-weight:800;  }

.login_box { padding:15px; width:350px; border-radius:5px; border:1px solid #ccc; background:#fff; box-shadow:0 0 5px rgba(25,25,25,0.3);  margin:0 auto !important; box-sizing:border-box; }
.login_box:hover { box-shadow:0 0 20px rgba(25,25,25,0.9); transition-duration:0.5s; }

.idpw_wrap { position: absolute; width:100%; margin:50px auto 0; opacity: 0; animation-duration:1s; animation-name:indexLetter; animation-fill-mode: both;  }
.idpw_form { margin:0 auto; width:350px; }


@keyframes indexLetter{
            from {}
            50% { }
            to { margin-top:0; opacity: 1; }
        }

.id_search { float: left; width: 100%; padding-right: 0;  }
.pw_search { padding-left: 0; border:none !important;  }
.id_search h2,
.pw_search h2 { text-align: center; font-size: 19px; color: #222; }
.loginbox_title { width:100%; text-align:left; display:none; line-height:29px; font-size:30px; font-weight:800; color:#444; font-family:NSEB;  }

.login_type { width: 100%; margin-top: 25px; }
.login_type ul { display: inline-block; }
.login_type ul li { float: left; margin-left: -1px; width: 97px; text-align: center;}
.login_type ul li:first-child { margin-left: 0; }
.login_type ul a { display: block; height: 33px; line-height: 33px; font-size: 12px; font-weight: bold; padding: 0 33px; background: #f4f4f4; border: 1px solid #e6e6e6; }
.login_type ul a:hover { background-color: #e6e6e6; }
.login_type ul a.on { background: #0c4ca4; color: #fff; border: 1px solid #0c4ca4; }

.login_input { margin-top: 0px; }
.login_input ul li { margin-bottom: 10px; }
.login_input ul li label { display: none; }
.login_input ul li input[type="password"],
.login_input ul li input[type="text"] { width: 100%; height: 39px; border: 1px solid #dfdfdf; background: #f9f9f9; font-size: 14px; padding-left: 10px; box-sizing:border-box; }
.login_input ul li select { width: 100%; height: 39px; border: 1px solid #dfdfdf; font-size: 13px; padding-left: 6px; box-sizing:border-box; }
.login_input ul li.chk { font-size: 13px; }
.login_input ul li input[type="checkbox"] { margin-right: 5px; vertical-align: -3px; }
.login_input ul li input.btn_login { width: 100%; height: 45px; margin-top: 6px; border: none; background: #444; color: #fff; font-size: 18px; font-weight: bold; cursor: pointer; }
.login_input ul li input.btn_login:hover { background:#333; }
/* .login_input ul.btn_idpw { float: right; margin-top: 5px; } */
.login_input ul.btn_idpw { width: 100%; margin-top: 5px; display:flex; justify-content:space-between; }
.login_input ul.btn_idpw li { float: left; }
.login_input ul.btn_idpw li:first-child { padding-right: 9px; /*border-right: 1px solid #d6d6d6; margin-right: 9px;*/ }
.login_input ul.btn_idpw li a { color:#353535; }

.login_input ul li input:hover { border:1px solid #666; }

/* login Layout *********************************/

.login_wrap .tab_content { border:none; padding:10px 0 0;  }
.login_wrap .tab_container { padding:0 15px; box-sizing:border-box; }
.tab_content legend { display:none; }

.login_wrap ul.tabs { margin: 10px 0 0 0; padding: 0;float: left;list-style: none; height: 50px; width: 100%; border-radius:5px 5px 0 0;  }
.login_wrap ul.tabs li {width:50%; float: left;margin:0 ; padding: 0; height:50px; line-height: 50px; border: 1px solid #ccc; border-left: none; margin-bottom: -1px; background: #F0F0F0; overflow: hidden; text-align:center; box-sizing:border-box; }
.login_wrap ul.tabs li:first-child { border-left:0; }
.login_wrap ul.tabs li:last-child { border-right:0;  }


.login_wrap ul.tabs li a {text-decoration: none;color: #000;display: block;font-size: 13px; outline: none; }
.login_wrap ul.tabs li a:hover { background: #ccc; }
.login_wrap ul.tabs li.active, .login_wrap ul.tabs li.active a:hover  { background: #fff; border-bottom: 1px solid #fff; }

.join_wrap { width:100%; background:url(/images/custom/bg_news1.jpg) no-repeat; background-size:cover; min-height:695px; padding-top:120px; overflow-y:auto;  }
.join_from { width:100%;  }
.join_box { width:550px;  margin:30px auto; border:1px solid #ccc; border-radius:5px; box-shadow:0 0 5px rgba(25,25,25,0.3); padding:20px 20px;  background:#fff;box-sizing:border-box;   }
/* .join_box:hover { box-shadow:0 0 20px rgba(25,25,25,0.9); transition-duration:0.5s; } */
.login_wrap h1, .join_wrap h1 { width:100%; text-align:center;  margin:15px auto 0; font-size:25px; font-weight:bold; color:#333; font-family:NSEB; }
.login_wrap h1 p, .join_wrap h1 p { padding-top:17px; box-sizing:border-box; display:none;  }
.login_wrap h1 a, .join_wrap h1 a { color:#333; margin:0 auto; width:318px; height:260px; display:inline-block; text-decoration:none; background:url(/img/new/logo_o.png) no-repeat; background-size:contain; background-position:center center;}
.join_wrap h2 { font-size:20px; font-weight:800; text-align:left; color:#323232;font-family:NSB; }