/*common*/
.section {height: 100vh;}
h2, h3, p {-ms-word-break: keep-all; word-break: keep-all;}
.mainH21 {font-family: 'Lora'; font-size: 30px; line-height: 1.2; font-weight: 400; color: #f5a753; position: relative; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #f5a753;}
.right-title:after {content: ''; position: absolute; width: 100px; height: 1px; background-color: #f5a753; bottom: -1px; left: -100px;}
.right-textCont2 .right-title:after {width: 142px; left: -142px;}
.left-title:before {content: ''; position: absolute; width: 48px; height: 1px; background-color: #f5a753; bottom: -1px; left: -48px;}
.left-title:after {content: ''; position: absolute; width: 100px; height: 1px; background-color: #f5a753; bottom: -1px; right: -100px;}
.mainH31 {font-size: 18px; line-height: 1.625; font-weight: 400; letter-spacing: -.025em; color: #f5a753; margin-bottom: 7px;}
.mainH31 > .cap {font-size: 1.25em; color: #f0d25b;}
.mainP1 {font-size: 16px; line-height: 1.857; font-weight: 400; letter-spacing: -.025em; color: #fff; margin-bottom: 10px;}
.mainP2 {font-size: 14px; line-height: 1.857; font-weight: 400; letter-spacing: -.025em; color: #fff; margin-bottom: 10px;}
.mainP3 {font-size: 15px; line-height: 1.733; font-weight: 500; letter-spacing: -.025em; color: #f5a753; margin-bottom: 10px;}
.mainP4 {font-size: 13px; line-height: 1.846; font-weight: 200; letter-spacing: -.025em; color: #fff; margin-bottom: 1.846em;}
.mainP1 .sign {font-size: 1.4285em;}
.emailto {color: #fff;}
.emailto:hover, .emailto:focus {text-decoration: underline;}
.mainP1.lh2 {line-height: 1.6428; margin-bottom: 10px;}
.mainP2.lh2 {line-height: 1.6428;}
.mainP2.lh3 {line-height: 1.3333;}
.mainUl1 {display: block; margin-bottom: 20px;}
.mainUl1 > li {-ms-word-break: keep-all; word-break: keep-all; font-size: 16px; line-height: 1.6428; font-weight: 400; letter-spacing: -.025em; color: #fff; margin: 0; position: relative;  padding-left: 10px;}
.mainUl1 > li:before {content: ''; width: 2px; height: 2px; position: absolute; left: 0; top: 11px; background-color: #fff;}
.whiteBdBt {display: inline-block; text-align: center; width: 149px; font-size: 14px; line-height: 1.5; font-weight: 400; color: #fff; padding: 5px; margin-right: 12px; border: 1px solid rgba(255, 255, 255, .4); -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
.whiteBdBt:hover, .whiteBdBt:focus {background-color: rgba(255, 255, 255, .4); color: #fff;}
.whiteBdBt > .link {padding-left: 9px; background: url(../img/main/whiteBdBt_link.png) 0 center no-repeat;}
a.whiteBdBt2{display: inline-block;text-align: center;font-size: 14px;line-height: 1.5;color: #fff !important;padding: 5px 20px;margin-right: 12px;border: 1px solid rgba(255, 255, 255, 0.5);}
.goNext {position: absolute; display: block; width: 13px; height: 31px;}
.goNext.goNext_right {left: 38px; bottom: -80px; background: url(../img/main/goNext_right.png) center center no-repeat;}
.goNext.goNext_left {right: 38px; bottom: -50px; background: url(../img/main/goNext_left.png) center center no-repeat;}
.philosophy-textCont .goNext.goNext_right {bottom: -50px;}
.notice-textCont .goNext.goNext_left {bottom: -50px;}
.mobile-imgCont {display: none;}
.right-textCont, .right-textCont2, .right-textCont3, .left-textCont {padding-top: 40px; padding-bottom: 40px;}
.color_de984d {color: #de984d !important;}
.fw500 {font-weight: 500 !important;}
/*section1-main*/
#main {background: url(../img/main/msl.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
.toBottom {width: 65px; height: 35px; position: absolute; left: 50%; bottom: 30px;   -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
@keyframes scroll {
  0% { opacity: .3; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(12px); opacity: .3;}
}
.toBottom > .arrow {animation-name: scroll; animation-duration: 1.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite;}
.toBottom > .arrow {position: relative; margin-left: auto; margin-right: auto; z-index: 10; }
/*section2-about*/
/* 20241025 배경이미지 변경
#about {background: url(../img/main/about.gif) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
*/
#about {background: url(../img/main/bg/about.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
.right-textCont {padding-left: 32px; position: relative;}
.right-textCont2 {padding-left: 74px; position: relative;}
.right-textCont3 {padding-left: 50px; position: relative;}
/*section3-ceo*/
/* 20241025 배경이미지 변경
#ceo {background: url(../img/main/ceo.gif) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
*/
#ceo {background: url(../img/main/bg/ceo.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
.left-textCont {position: relative; padding-left: 38px; padding-right: 38px;}
.modal_ceo_g .modal-backdrop.in {opacity: 0.5; filter: alpha(opacity=50);}
.modal_ceo_g .modal-body {padding: 0 29px 45px;}
.modal_ceo_g .modal-content {padding-top: 45px; background-color: #000;}
.ceoModal1 {padding-bottom: 40px; border-bottom: 1px solid rgba(245, 167, 83, .3);}
.ceoModal2 {padding-left: 22px; padding-top: 30px; padding-bottom: 15px;}
/*231215 김시윤 임의 수정 */
.ceoModal2{overflow-y:auto;max-height: 53vh;}
.ceoModal2::-webkit-scrollbar{background-color: #000;width: 8px;}
.ceoModal2::-webkit-scrollbar-thumb{background-color: #f5a753;width:8px;}
/* //231215 */
.ceoModal1-inner {padding-left: 50px;}
.modal_ceo_g .modal-title {font-family: 'Lora'; font-size: 30px; line-height: 1.2; letter-spacing: -.025em; margin: 20px 0 10px; color: #f5a753;}
.modal_ceo_g .p1 {font-size: 14px; line-height: 30px; font-weight: 400; color: #fff; margin: 0 0 20px;}
.modal_ceo_g .p1 .bigg {font-size: 1.2857em;}
.modal_ceo_g ul {list-style: none;margin: 0;padding: 0;}
.modal_ceo_g ul li {margin: 0 0 5px; padding: 0; position: relative; font-size: 15px; line-height: 1; font-weight: 400; letter-spacing: -.025em; color: #fff;}
.modal_ceo_g ul li:before {content: '';width: 2px;height: 2px; background-color: #fff; position: absolute; left: -7px; top: 9px;}
.modalH4 {font-size: 18px; font-weight: 400; line-height: 1.666; letter-spacing: -.025em; color: #f5a753; margin-bottom: 5px;}
button.close {position: absolute; width: 40px; height: 40px; right: 0; top: 0;background: #f5a753 url(../img/main/times.png) center center no-repeat; opacity: 1; filter: alpha(opacity=100);}
/*section4-philosophy*/
/* 20241025 배경이미지 변경
#philosophy {background: url(../img/main/philosophy.gif) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
*/
#philosophy {background: url(../img/main/bg/philosophy.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
/*section5-strategy*/
/* 20241025 배경이미지 변경
#strategy {background: url(../img/main/strategy.gif) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
*/
#strategy {background: url(../img/main/bg/strategy.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
/*section6-team*/
#team {background: url(../img/main/team.gif) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
.ourteam_list_text {color:#fff;}
.ourteam_list_text > ul {padding:3px 0;}
.ourteam_list_text > ul:after {display:block;visibility:hidden;clear:both;content:""}
.ourteam_list_text > ul li {display:inline-block;float:left;padding:0;font-size: 16px;line-height:34px;}
.ourteam_list_text > ul li:nth-child(1) {padding-left:18px;width:45px;}
.ourteam_list_text > ul li:nth-child(1) span {display:inline-block;width:9px;height:34px;background: url('/img/main/2020_next_icon.png') 50% 50% no-repeat;}
.ourteam_list_text > ul li:nth-child(2) {width:60px;font-weight:700;}
.ourteam_list_text > ul li:nth-child(3) {width:180px;font-weight:300;text-align:left;}
.ourteam_list_text > ul li:nth-child(4) {width:149px;}
.ourteam_list_text > ul li a {display:inline-block;width:149px;height:34px;font-size: 14px;border:1px solid #828283;color:#fff;text-align:center;}
.ourteam_list_text > ul:hover li {color:#f5a753;}
.ourteam_list_text > ul:hover li a {border:1px solid #ffffff;background:#5a5a5f;color:#fff;}
.bot_top {margin-top:18px;padding-bottom:18px;border-top:1px solid #7d562d;}

.team_text_file1 {padding:0 0 25px 0;}
.team_text_file1 .team_t1 {padding:25px 0;color:#f5a753;font-size:17px;}
.team_text_file1 .team_t1 .bigg {font-weight:700;}
.team_text_file1 .team_p1 {color:#fff;font-size:14px;text-align:justify;}
/*section6-portfolio*/
/* 20241025 배경이미지 변경
#portfolio {background: url(../img/main/portfolio.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
*/
#portfolio {background: url(../img/main/bg/portfolio.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
.box_2box {width:100%;max-width:600px;}
.port_box_g {}
.port_box_g > ul {padding:0 0 5px 0;}
.port_box_g > ul:after {display:block;visibility:hidden;clear:both;content:""}
.port_box_g > ul > li {float:left;line-height:50px;height:50px;background: url('/img/main/2020_next_icon2.png') 0 50% no-repeat; border-bottom:1px solid #825b35;}
.port_box_g > ul > li:nth-child(1) {margin-right:2%;width:48%;}
.port_box_g > ul > li:nth-child(2) {margin-left:2%;width:48%;}
.port_box_g > ul > li > button {display:inline-block;width:100%;line-height:50px;height:50px;text-align:center;}
.port_box_g > ul > li > button > img {}
.port_button {border:none;}

.port_box_g_file1 {}
.port_box_g_file1 .port_box_t1 {}
.port_box_g_file1 .port_box_p1 {padding:0 0 25px 0;line-height:160%;color:#ffffff;font-size:14px;}
.port_box_g_file1 .port_box_p1 p {padding:25px 0;color:#f5a753;font-weight:700;}
/*section7-notice*/
/* 20241025 배경이미지 변경
#notice {background: url(../img/main/notice.gif) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
*/
#notice {background: url(../img/main/bg/notice.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
table.table.noticeTb {background: none; border: none; border-top: 1px solid #9b6b39; margin: 0 0 20px;}
table.table.noticeTb > tbody > tr > th {text-align: center; border: none; border-bottom: 1px solid #6d4d2a; font-size: 15px; line-height: 18px; font-weight: 300; letter-spacing: -.025em; color: #b88247; padding: 13px 5px;}
table.table.noticeTb > tbody > tr > td {text-align: center; border: none; border-bottom: 1px solid #6d4d2a; font-size: 15px; line-height: 18px; font-weight: 400; letter-spacing: -.025em; color: #a1713f; padding: 13px 20px;}
table.table.noticeTb > tbody > tr > td.tit {text-align: left;}
table.table.noticeTb > tbody > tr > td a {font-size: 1.23em; font-weight: 300; color: #b5b5bf;}
ul.pagination > li {display: inline-block; vertical-align: middle;}
ul.pagination > li > a { background-color: transparent; padding: 0; margin: 2px; display: block; width: 24px; height: 22px; font-size: 13px; border: none; line-height: 22px; background-position: center center; background-repeat: no-repeat; color: #6d4d2a;}
ul.pagination > li.active > a {color: #f5a753; background-color: transparent;}
ul.pagination > li > a:hover, ul.pagination > li > a:focus {background-color: transparent; color: #666;}
.page_prev {background-image: url(../img/main/page_prev.png);}
.page_next {background-image: url(../img/main/page_next.png);}
#notice ::-webkit-scrollbar{width: 10px;  /* for vertical scrollbars */}
#notice ::-webkit-scrollbar-track{background: rgba(255, 255, 255, 0.65);}
#notice ::-webkit-scrollbar-thumb{ background: rgba(0, 0, 0, 0.6);}
#bbs_view_file a {position: relative; padding-left: 19px;}
#bbs_view_file a:before {content: "\e172"; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-family: 'Glyphicons Halflings'; color: #666;}
table.table.noticeTb > tbody > tr > td .notice_gold {color: #f5a753;}
/*single*/
.single-view {letter-spacing: -.025em;}
.view-title-cont {padding: 5px 12px; border-top: 1px solid #9b6b39; border-bottom: 1px solid #5b3f21;}
.singlge-title {font-size: 16px; line-height: 24px; font-weight: 300; color: #b5b5bf;}
.breadcrumbs {display: block; text-align: right;}
.breadcrumbs > li {display: inline-block; position: relative; font-size: 13px; line-height: 24px; font-weight: 400; color: #a1713f; padding: 0; margin-left: 12px;}
.breadcrumbs > li:before {content: '';position: absolute; width: 1px; height: 13px; left: 0; top: 50%; background-color: #5b3f21; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.view-content-cont {/*min-height: 184px; max-height: 600px; height: auto; overflow-y: scroll;  -ms-word-break: break-all; word-break: break-all; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;*/ border-bottom: 1px solid #5b3f21; padding: 20px 12px; margin-bottom: 11px;font-size: 14px; line-height: 1.714; font-weight: 300; color: #afafc0; height: auto; max-height: 500px; overflow: auto;overflow-x: hidden;word-wrap: break-word; -ms-word-break: break-word;
word-break: break-word;}
.breadcrumbs > li > .tit {color: #b88247; padding-left: 9px; padding-right: 9px;}
.view-content-cont p {margin-bottom: 10px; -ms-word-break: break-word; word-break: break-word;/* white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;*/}
.backToList {display: inline-block; width: 99px; border: 1px solid #a1713f; text-align: center; font-size: 12px;line-height: 1.5; font-weight: 300; color: #a1713f; padding: 5px;  -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}
.backToList:hover, .backToList:focus {background-color: #a1713f; color: #fff;}
/*section8-stewardship*/
/* 20241025 배경이미지 변경
#stewardship {background: url(../img/main/stewardship.gif) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
*/
#stewardship {background: url(../img/main/bg/stewardship.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
.nav-tabs.st-tabs {margin: 0 0 11px;padding: 0; border: none;}
.nav-tabs.st-tabs > li {margin: 0 9px 9px 0; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.nav-tabs.st-tabs > li > a {display: block; width: 73px; text-align: center; margin: 0; font-size: 14px; line-height: 21px; font-weight: 700; color: rgba(255, 255, 255, .4); border: 1px solid rgba(255, 255, 255, .4); padding: 6px 3px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.nav-tabs.st-tabs > li.active > a {background: none; color: #9f6d3e; border-color: #b1621f;}
.nav-tabs.st-tabs > li > a:hover, .nav-tabs.st-tabs > li > a:focus, .nav-tabs.st-tabs > li > a:active {background: none; border-color: #b1621f;}
/*section9-contact*/
/* 20241025 배경이미지 변경
#contact {background: url(../img/main/contact.gif) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
*/
#contact {background: url(../img/main/bg/contact.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover;}

/* 221221 김시윤 추가 */
.new_flex_wrap {display: flex;justify-content: space-between;margin-bottom: 30px;}
.new_flex_wrap p {margin-bottom: 0 !important;}
.new_flex_wrap button {height: 33px;margin-right: 0;}
.new_video_ul {font-size: 13px;}
.new_video_ul li{margin-bottom: 12px;}
.new_video_ul img {margin-right: 5px;}
.new_video_ul small {padding-right: 10px; color:rgba(255,255,255,.25);font-size: 100%;}
.new_video_ul span {color:#f4a653;}
.new_video_ul p {color: rgba(255,255,255,.4);}
.port_box_g {padding-bottom: 18px;}
.port_box_g>ul>li {background: url('../img/main/2020_next_icon3.png') no-repeat right center/8px;}
.port_box_g>ul>li>button {text-align: left;}
.port_box_g>ul>li>button>img {max-height: 30px;}
.port_box_g2>ul>li>button>img {max-height: 30px;}
.port_box_g_file1 .port_box_t1 img {max-width: 100%; max-height: 47px;}
.ceoModal1 {padding-bottom: 30px;}
.modal_ceo_g .modal-content {padding-top: 40px;}
.left-textCont {padding-left: 30px;padding-right: 30px;}


@media (min-width: 992px){
	.modal_ceo_g .modal-dialog {width: 771px;margin: 30px auto;}	
}
@media (max-width:1259px){
	.left-textCont {padding-left: 20px; padding-right: 20px;}
	.right-textCont {padding-left: 20px;}
	.right-textCont2 {padding-left: 20px;}
	.right-textCont3 {padding-left: 20px;}
	.right-textCont2 .right-title:after {width: 100px; left: -100px;}
	table.table.noticeTb > tbody > tr > th {font-size: 12px; padding: 12px 5px;}
	table.table.noticeTb > tbody > tr > td {font-size: 12px; padding: 12px 10px;}
	.goNext.goNext_right {bottom: -40px;}
	.goNext.goNext_left {bottom: -40px;}
	.philosophy-textCont .goNext.goNext_right {bottom: -40px;}
	.notice-textCont .goNext.goNext_left {bottom: -40px;}
	.whiteBdBt {width: 130px; font-size: 13px; margin-right: 6px;}
	.nav-tabs.st-tabs > li > a {width: 54px; font-size: 13px;}
}
@media (max-width:1023px){
	.mainH21 {font-size: 28px;padding-bottom: 20px; margin-bottom: 20px;}
	.mainH31 {font-size: 15px;}
	.mainP1 {font-size: 13px; }
	.mainP1.lh2 {line-height: 1.6428; margin-bottom: 10px;}
	.mainP2 {font-size: 12px;}
	.mainP3 {font-size: 13px;}
	.mainP4 {font-size: 12px;}
	.mainUl1 {margin-bottom: 15px;}
	.mainUl1 > li {font-size: 13px;}

	.view-title-cont {padding: 5px 10px;}
	.singlge-title {font-size: 15px; line-height: 22px;}
	.breadcrumbs > li {font-size: 12px; line-height: 22px; margin-left: 10px;}
	.view-content-cont {padding: 20px 10px;font-size: 13px; line-height: 1.7;}
	.ceoModal1-inner {padding-left: 0;}
	.ceoModal2 {padding-left: 0;}
}
@media (max-width:991px){
	.section {height: auto; background: none;}
	#about, #ceo, #philosophy, #strategy, #team, #notice, #contact {background: none;}
	#main.section {height: 100vh;}
	.toBottom {bottom: 1%;}
	.mobile-imgCont {display: block;}
	.right-textCont, .right-textCont2, .left-textCont, .right-textCont3 {padding-left: 0; padding-right: 0;}
	.right-inner-section {background: url(../img/main/right-textCont.gif) center top no-repeat;}
	.left-inner-section {background: url(../img/main/left-textCont.gif) center top no-repeat;}
	.left-title:before, .left-title:after, .right-title:after, .goNext {display: none;}
	.modal_ceo_g .modal-title {font-size: 27px; margin: 0 0 10px; }
	.modal_ceo_g .p1 {font-size: 14px; line-height: 25px; margin: 0 0 15px;}
	.modal_ceo_g ul li {margin: 0 0 9px; font-size: 14px;}
	.modalH4 {font-size: 17px;}
	.nav-tabs.st-tabs > li > a {width: 60px; font-size: 12px; padding: 5px 3px; font-weight: 500;}
}
@media (max-width:767px){
	.box_2box {width:90%;max-width:400px;}
	.main_logo {max-width: 50%;}
	.mainH21 {font-size: 22px;padding-bottom: 18px; margin-bottom: 18px;}
	.mainH31 {font-size: 14px;}
	.mainP1 {font-size: 11px; }
	.mainP2 {font-size: 11px;}
	.mainP3 {font-size: 11px;}
	.mainP4 {font-size: 10px;}
	.mainUl1 {margin-bottom: 10px;}
	.mainUl1 > li {font-size: 11px;}
	.whiteBdBt {width: 130px; font-size: 11px; margin-right: 6px; margin-bottom: 6px;}
	table.table.noticeTb > tbody > tr > th {font-size: 11px; padding: 10px 3px;}
	table.table.noticeTb > tbody > tr > td {font-size: 11px; padding: 10px 3px;}
	.view-title-cont {padding: 5px;}
	.singlge-title {font-size: 13px; line-height: 20px;}
	.breadcrumbs > li {font-size: 11px; line-height: 20px; margin-left: 8px;}
	.view-content-cont {padding: 15px 5px;font-size: 12px; }
	.backToList {font-size: 11px;}
	.ceoModal1 {padding-bottom: 25px;}
	.ceoModal2 {padding-top: 20px;}
	.modal_ceo_g .modal-title {font-size: 25px; margin: 20px 0 10px; }
	.modal_ceo_g .p1 {font-size: 13px; line-height: 24px; margin: 0 0 10px;}
	.modal_ceo_g ul li {margin: 0 0 8px; font-size: 12px;}
	.modal_ceo_g ul li:before {left: -6px; top: 7px;}
	.modalH4 {font-size: 15px;}

	.ourteam_list_text > ul li {font-size: 14px;}
	.ourteam_list_text > ul li a {font-size: 12px;}
	.ourteam_list_text > ul li:nth-child(2) {width:50px;}
	.ourteam_list_text > ul li:nth-child(3) {width:130px;}
	.ourteam_list_text > ul li:nth-child(4) {width:100px;}
	.team_text_file1 .team_t1 {font-size:14px;}
	.team_text_file1 .team_p1 {font-size:12px;}
	.port_box_g > ul {padding:0 0 0 0;}
	.port_box_g > ul > li {margin:0 5% !important;width:90% !important;}
	.port_box_g>ul>li>button>img {max-height: 18px;}
	.port_box_g2>ul>li>button>img {max-height: 21px;}
	.port_box_g_file1 .port_box_t1 img {max-height: 40px;}
}