/* index.css */

/*.header_title {background: url("../images/common/title.png") no-repeat;background-size: cover;height: 24px;width: 124px;display: block;position: relative;top: 0.5em;max-width: 100%;max-height: 100%;left: auto;right: auto;margin-left: auto;margin-right: auto;}*/
.header_logo {background: url("../images/common/logo.png") no-repeat;background-size: cover;height: 34px;width: 35px;display: inline-block;position: absolute;top: 11px;left: 17.75px;}

.header_menu {background: url("../images/common/menu_icon.png") no-repeat;background-size: cover;height: 15px;width: 20px;display: inline-block;position: absolute;top: 23px;right: 19px;}

/*1028_kim*/
.clearfix:after{content: "";display: block;clear: both;}
.webmenu{display: none}
.user_wrap{display: none}
.index_header{display: none}
.section.sec5_{display: none}
.section.sec4{display: none}
.section.sec3{display: none}
span.txt{display: none}
.__mobile_header{display: block}
notext.ui-shadow.ui-corner-all{display: block}
.ui-header h1.ui-title{display: block}
.smallButton.ui-link.ui-btn-right.ui-btn.ui-icon-bars.ui-btn-icon-notext.ui-shadow.ui-corner-all{display: block}
.ui-header h1.ui-title{display: block}
.__web_header.s{display: none}
.__web_header.ss{display: none}
@media (min-width:1300px) and (min-height:700px){
  .__mobile_header{display: none}
  .__web_header.s{display: block}
  .__web_header.ss{display: block;padding-top: 0px!important}
  .__web_header.s{background: #fff;height: 80px}
  span.txt{display: inline;font-size: 16px;line-height: 19px;color:#6DBBB5}
  .section.sec5_{display: block; position:absolute !important; bottom:0px !important;}
  .section.sec3{display: block}
  .section.sec4{display: block}
  html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin: 0;padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;}body {line-height: 1;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}ul li {list-style: none;}ol li {list-style: none;}a {margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; text-decoration: none; color: inherit; display: inline-block;}img {vertical-align: middle;}table {border-collapse: collapse;}*{box-sizing: border-box;}
  .weblogin_wrap>div{float: left;padding: 36px 5px;color: #555;font-size: 12px;font-weight: 600}
  .weblogin_wrap{position: absolute;right: 0px;top:1px;font-size: 12px!important }
  h1.wtitle{font-size: 55px;color:#fff!important;font-weight: 100;letter-spacing: -1.9px;font-family: 'SpoqaHanSans-Thin';padding-bottom: 140px;line-height: 70px;} 
  .ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {text-shadow: 0 0px 0 rgba(255, 255, 255, 0)!important;}   
  .maintextwrap {padding-top:270px} 
  .olwrap>ol>li{float:left!important;padding: 26px 20px;color: #555;font-size: 14px;transition: all 1s;font-weight: 600;}
  .weblogin_wrap>div:hover{background: #39d1cc}
  .userInfo_wrap .wuseraccount:hover{background: #39d1cc}
  .weblogin_wrap>div{float: left;padding: 10px 15px;color: #fff;font-size: 12px;font-weight: 600;background: rgba(123, 120, 120, 0.64);border-radius: 20px;transition: all 0.5s }
  .userInfo_wrap .wuseraccount{padding: 10px 15px;color: #fff;font-size: 12px;font-weight: 600;background: rgba(0, 0, 0, 0.65);border-radius: 20px;transition: all 0.5s }
  .weblogin_wrap{position: absolute;right: 0px;top:29px;font-size: 12px!important;}
  .userInfo_wrap{position: absolute;right: 78px;top:29px;font-size: 12px!important;}
  .olwrap>ol>li{cursor: pointer}    
  .olwrap>ol>li:hover{color:#65bebb;}
  .olwrap{position: absolute;left: 50%;transform: translateX(-50%);padding-top: 10px}
  .__web_header{width: 100%;position: absolute;z-index: 100;padding-bottom: 15px;background: rgba(255, 255, 255, 0)}
  .section{width: 100%;height: 859px;border: 0px solid#000}    
  .wcenter{width: 90%;max-width:1200px;position:relative;margin: auto;height: 70px;}
  .weblogo img{width:164px;height: 33px;position: absolute;top: 25.5px;}
  body {line-height: 1;}
  article, aside, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section {display: block;}
  a {margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; text-decoration: none; color: inherit; display: inline-block;}
  .webCenter{width: 90%;max-width: 1150px;margin: auto;margin-top: 50px;}
  .webCenter.aa h4{margin-bottom: 30px;margin-top: 100px}
  .webCenter h4{margin-bottom: 30px;margin-top: 60px}
  .sec5_ .wcenter{padding: 0px 0} .sec5_{padding: 20px 0 30px}
  .footer_txt3 {text-align: left;font-family: SpoqaHanSans-Regular;font-size: 11px;letter-spacing: -0.2px;color: #e5e5e5;opacity: 0.56;word-break: keep-all;padding-top: 10px}
  .footer_txt1 {text-align: left;font-family: SpoqaHanSans-Regular;font-size: 14px;letter-spacing: -0.58px;color: #fff;padding-bottom: 20px;opacity: 1;word-break: keep-all;}
  .section {width: 100%; border: 0px solid#000}
  .footer_txt2{font-size: 12px}
  #footer_termsofuse, #footer_privacy{display: inline-block;color:#fff;}
  .section.sec5_{height:auto;background: #000;color:#fff; z-index: 999;}
  .wcenter{width: 90%;max-width:1200px;position:relative;margin: auto;height: 70px;} .__web_header.zindexT{background-color: #fff;position: fixed;top: -1px}
  .__pageMainFooterDivisionContainer {height:auto;}
  .marginLeft225rem{margin-left:-0rem!important;}
  .bottom_img_wrap{width:70%;height:auto;margin-left:auto;margin-right:auto;padding-top:0;} 
  .olwrap>ol>li.w_intro.on{color:#00b4ae}
  .olwrap>ol>li.w_edu.on{color:#00b4ae}
  .olwrap>ol>li.w_stabiliz.on{color:#00b4ae}
  .olwrap>ol>li.w_pro.on{color:#00b4ae}    
  .wcenter3{width: 100%;max-width: 1100px;margin: auto;position: relative}
  .PTSD_btn{height: auto;width: 100%;}
  .stab3_title {margin-top: 40px;}
  .stab_skip {position: absolute;top: 58px!important;right: 0px;width: 59px;height: 39px;}
  /*body.ui-mobile-viewport, div.ui-mobile-viewport{height: auto!important}*/
  .division_btn {height: auto;}
  .__web_header.s{margin-top:-7px!important}
  .height176px{height:176px !important;}
  .wcenter3{max-width: 1100px!important}
  .title.marginLeft225rem{margin-top: 60px}
  .wcenter3.bb{width: 70%;margin-top: -300px}
  .__pageFooterContainer.wcenter3.web_reposition{position: absolute;bottom: 12%;left:50%;transform: translateX(-50%)}
  .img_wrapper {width: 100%;margin-left: 0%;height: auto;margin-bottom: 0px;margin-top: 150px;}
  .section.sec5_{position:static!important;margin-top: 0px}
  .section.sec5_.absolute{position: absolute!important}
  .audio_wrap {border-radius: 33px;background: rgba(0,0,0,0.4);height: 66px;width: 340px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 20%;}
  .webborder{border-bottom: 1px solid #c7c7c7!important}
  ::-webkit-scrollbar {
    width:6px;  /* 세로축 스크롤바 길이 */
    height: 6px;  /* 가로축 스크롤바 길이 */
  }
  ::-webkit-scrollbar-track {
    background-color: #25eae3;
  }
  ::-webkit-scrollbar-track-piece {
    background-color: #f7f7f7;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #9d9d9d;
  }
  .right_arrow2 {
    top: 1.5em;
  }
	 .sec5{display: none}.sec5_{display: block}
		 .bg_color{height: 100%!important;background:#eee}
}
.sec5{display: none}

/*pc 네비게이션 css 
.weblogo img{top: 26px;left: 359px;}
.index_weblogin_wrap{top: 28px;left: 1497px;width: max-content; position: absolute;}
.weblogin_wrap{top: 28px;left: 1497px;width: max-content; position: absolute;}
.userInfo_wrap {top: 28px;left: 1408px;width: max-content; position: absolute;}
.olwrap > ol{font-weight: 600; display: flex;text-align: left; font-family: SpoqaHanSans-Regular; font-size: 14px;letter-spacing: -0.35px;color: #343434;position: relative;left: 80px; top: 14px;}
.F6F6F6 > div > .olwrap > ol{color:#333;}
.olwrap > ol > ul{margin-right: 60px;margin-top: 14px;text-align: center; width: 132px;}
.olwrap > ol > ul > li{margin-top: 17px;}
.olwrap > ol > ul > li:first-child{margin-top: 0px;}
.olwrap > ol > ul > li:nth-child(2){margin-top:30px; margin-bottom: 20px; border-bottom: 2px solid #75B9B4; opacity: 0;}
.olwrap > ol > ul > li > li:nth-child(n+2){color: #7E7E7E !important;}
.F6F6F6{color: #fff !important;}
#li_line{height: 1px;width: 100%;background: #DFDFDF;position: absolute;top: 83px;}
.li_change{display: none;}
.li_longText{width: max-content;}
.li_change:hover{color: #75B9B4;}
.web011F6F6F6{color: #333;}
.web022F6F6F6{color: #333;}
.web033F6F6F6{color: #333;}
.web044F6F6F6{color: #333;}
*/

/*pc 네비게이션 css */
.weblogo img{width: 164px;height: 33px;position: absolute;top: 26px;left: 0px;}
.weblogin_wrap{position: absolute;right: 8px;top: 26px;font-size: 12px!important;width: max-content;}
.userInfo_wrap {position: absolute;right: 85px;top: 26px;font-size: 12px!important;width: max-content;}
.olwrap > ol{font-weight: 600;display: flex;text-align: left;font-family: SpoqaHanSans-Regular;font-size: 14px;letter-spacing: -0.35px;color: #fff;position: relative;left: 86px;top: 11px;}
.F6F6F6 > div > .olwrap > ol{color:#FFF;}
.olwrap > ol > ul{margin-right: 48px;margin-top: 14px;text-align: center; width: 132px;}
.olwrap > ol > ul > li{margin-top: 17px;}
.olwrap > ol > ul > li:first-child{margin-top: 0px;}
.olwrap > ol > ul > li:nth-child(2){margin-top:30px; margin-bottom: 20px; border-bottom: 2px solid #75B9B4; opacity: 0;}
.olwrap > ol > ul > li > li:nth-child(n+2){color: #7E7E7E !important;}
.F6F6F6{color: #fff !important;}
.li_line{height: 1px;width: 3000px;background: #DFDFDF;position: absolute;top: 80px;left: -700px;overflow: hidden;}
.li_change{display: none; font-weight: 100;}
.li_longText{width: max-content;}
.web011F6F6F6{color: #333;}
.web022F6F6F6{color: #333;}
.web033F6F6F6{color: #333;}
.web044F6F6F6{color: #333;}
.web2F6F6F6>.li_change{color: #333;}
.web3F6F6F6>.li_change{color: #333;}
.web4F6F6F6>.li_change{color: #333;}
.li_change:hover{color: #75B9B4;}


.__web_header.s.video{background:rgba(252, 252, 252, 0.6);padding-bottom: 40px;height: 90px;}

/* 모바일 웹접근성 수정 - 모바일에서 사라지도록 하기 위해서 추가 */
@media screen and (max-width:1299px) {
  .__web_header{display: none;}
  #pc_only_div{display: none;}
}

/*IE 10+ Css*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .weblogin_wrap {right: 0 !important;}
}