@charset "utf-8";
@font-face{font-family:'muli';font-style:normal;font-weight:300;
src:url('../font/muli-Light.eot');
src:url('../font/muli-Light.eot?#iefix') format('embedded-opentype'),url('../font/muli-Light.woff') format('woff'),url('../font/muli-Light.woff2') format('woff2')}
@font-face{font-family:'muli';font-style:normal;font-weight:700;
src:url('../font/muli-Bold.eot');
src:url('../font/muli-Bold.eot?#iefix') format('embedded-opentype'),url('../font/muli-Bold.woff') format('woff'),url('../font/muli-Bold.woff2') format('woff2')}

*{outline:none}
html{height:100%}
body{height:100%;font-size:14px;overflow-x:hidden;-webkit-text-size-adjust:none;z-index: 8;}
body,section,article,aside,footer,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,legend,button,span{margin:0;padding:0;font-family:arial,Helvetica,'Noto Sans CJK KR','Noto Sans','맑은 고딕','malgun gothic','돋움','dotum',sans-serif;webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all}
section,nav,article,aside,hgroup,header,footer,iframe{display:block;}
form,fieldset,img{border:0 none}
table{width:100%;border-collapse:collapse;border:0;border-spacing:0}
th,td{border:0}
hr{display:none}
em{font-style:normal}
caption{overflow:hidden;margin-left:-9999px;margin-top:-1px;width:1px;height:1px;font-size:1px;line-height:0}
legend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
img,fieldset,button{border:0 none}
img{max-width:100%}
ul,ol,li{list-style:none outside}
img,input,select,textarea{vertical-align:middle}
textarea{-webkit-border-radius:0;-webkit-appearance:none}
select{padding:0 0 0 6px;letter-spacing:0;-webkit-border-radius:0;-webkit-appearance:none}
a{text-decoration:none}
a:link,a:visited,a:hover,a:active{text-decoration:none}
/*li,p,dt,dd,div,span{word-break:break-all}*/
input{border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;box-shadow:none}
button, input[type='button'], input[type='submit'], input[type='reset']{cursor:pointer;border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;border:0;vertical-align:middle}
.iframe-wrap{position:fixed;width:100%;overflow:hidden;-webkit-overflow-scrolling:touch}

/* clearFix */
.clearfix:after{content:"";display:block;height:0;overflow:hidden;clear:both}
ol:after, ul:after{content:"";display:block;height:0;overflow:hidden;clear:both}

/* Web Content Accessibility TTS(Text To Speech) Code */
.hidden, .skipNav{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.color1{color:#00bcb4 !important;}

.aLeft{display:block;position:absolute;left:15px;top:10%;font-size: 20px;text-align:left !important;}
.aRight{text-align:right !important;}
.aCenter{text-align:center !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt60{margin-top:60px !important;}
.mb60{margin-bottom:60px !important;}


/*btn*/
.btnArea{padding:30px 0 0;text-align:center;font-size:0;}
.btn{display:inline-block;min-width:111px;height:50px;padding:0 10px;line-height:50px;border-radius:4px;text-align:center;font-size:14px;box-sizing:border-box;vertical-align: top;}
.btnArea .btn+.btn{margin:0 0 0 10px}
.btnGray{color:#777;background:#e5e5e5;}
.btnGreen{color:#fff;background:#00a197;}
.btnBlack{color:#fff;background:#233746;}
.popup-btn{float:right;color:#333;font-size: 16px;text-decoration: underline !important; margin-top: 20px;}
.btn_01{float: right;}
.mid{line-height: 50px;}


/*selectbox*/
.selectmenu-wrap{display:inline-block;position:relative}
.ui-selectmenu-button.ui-button{display:inline-block;position:relative;height:50px;line-height:50px;background:#fff;border:1px solid #ccc;border-radius:5px;padding:0 44px 0 15px;text-align:left;white-space:nowrap;cursor:pointer;vertical-align:middle;box-sizing:border-box;}
.ui-selectmenu-text{font-size:16px;color:#555}
.ui-selectmenu-button.ui-button:after{content:'';display:block;position:absolute;right:15px;top:50%;width:14px;height:8px;margin-top:-4px;background:url(../img/ico_select.png) no-repeat;background-size:14px auto;}
.ui-selectmenu-button-open.ui-button{border-radius:5px 5px 0 0;}
.ui-selectmenu-menu{display:none;position:absolute;top:50px !important;left:0;width:100%;padding:0;margin:0;z-index:100}
.ui-selectmenu-open{display:block}
.ui-selectmenu-menu .ui-menu{display:block;overflow-x:hidden;overflow-y:auto;margin:0;border:1px solid #ccc;border-top:0;border-radius:0 0 5px 5px;box-sizing:border-box;background:#fff;text-align:left}
.ui-selectmenu-menu .ui-menu-item{cursor:pointer;margin:0;}
.ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper{display:block;padding:16px 19px;font-size:18px;color:#555;font-weight:300;}
.ui-selectmenu-menu .ui-menu-item .ui-state-active{background:#f7f7f7;color:#233746;font-weight:400;}
/*full size*/
.selectmenu-wrap.fullSize{display:block;}
.selectmenu-wrap.fullSize .ui-selectmenu-button.ui-button{width:100%;}
.scrollbar{position:relative;width:10px;height:50%;background-color:#aaa}
/* 스크롤바  */
.scrollbar-wrap{position:absolute;height:100px;width:10px;right:5px;top:0;z-index:100;padding-top:6px;padding-bottom:6px;box-sizing:border-box;}

/*checkbox*/
.checkBox{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.checkBox+label{display:block;position:relative;padding:0 0 0 34px;box-sizing:border-box;color:#fff;font-size:14px;}
.checkBox+label:before{content:'';display:block;position:absolute;left:0;top:0;width:24px;height:24px;background:url(../img/sp_check_box02.png) no-repeat;background-size:24px auto;}
.checkBox:checked+label:before{background-position:0 -24px;}

/*tab*/
.tabType2{overflow:hidden;width:100%;font-size:0;}
.tabType2 li{float:left;position:relative;display:table;width:33%;height:63px;text-align:center;box-sizing:border-box}
.tabType2 li+li{width:34%;}
.tabType2 li+li+li{width:33%;}
.tabType2 li:first-child a{border-left:0}
.tabType2 li:last-child a{border-right:0}
.tabType2 li a{display:table-cell;vertical-align:middle;height:63px;border-left:1px solid #fff;border-right:1px solid #fff;font-size:15px;color:#fff;background:#00bfb6;}
.tabType2 li a span{color:#ffde42}
.tabType2 li.on a{font-weight:700;background:#008788}

/*video*/
.embedCon{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}
.embedCon iframe, .embedCon object, .embedCon embed{position:absolute;top:0;left:0;width:100%;height:100%}

/*layer*/
.layerPop{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;z-index:99;}
.layerPop .layerHead{display:table;width:100%;height:59px;background:url(../img/logo_sangsangin_s2.png) no-repeat 25px 55%;background-size:25px auto;}
.layerPop .layerHead h1{display:table-cell;padding:0 70px 0 65px;color:#233746;font-size:18px;line-height:28px;vertical-align:middle;text-align:left;}
.layerPop .layerCon{overflow-y:scroll;height:calc(100% - 59px);padding:60px 25px;box-sizing:border-box;border-top:1px solid #e6e6e6;-webkit-overflow-scrolling:touch;z-index: 999;}
.layerPop .layerCon h1,.layerPop .layerCon h2{padding:0 25px;color:#555;font-size:20px;line-height:30px;}
.layerPop .btnClose{display:block;position:absolute;right:0;top:0;width:66px;height:59px;background:url(../img/btn_layer_close.png) no-repeat 50% 50%;background-size:16px auto;font-size: 1px;line-height: 1px;letter-spacing: -10px;color: transparent;}/*240205*/
.layerPop .layerCon .date{display:block;padding:15px 0 0 25px;font-size:13px;color:#777;font-family:'muli';font-weight:300;}
.layerHead{padding:50px 0 40px;}
.layerHead h1{width:790px;color:#333;font-size:30px;line-height:38px;color:#333;font-weight:700;}

.layerPop.layerPr{background:#fff url(../img/bg_layer_pop.png) no-repeat 25px 21px;background-size:25px auto;}
.layerPop.layerPr .layerCon{margin:59px 0 0;padding:30px 0;}
.topList .layerPop.layerPr .layerCon,.prList .layerPop.layerPr .layerCon{margin:0;padding:30px 0;}
.layerPop .layerCon .prDetail{margin:30px 0 0 25px;padding:30px 25px 0 0;border-top:1px solid #e6e6e6;}
.layerPop .layerCon .prDetail .txt{padding:24px 0 0;color:#555;font-size:16px;line-height:26px;}
.layerPop.layerPr .addFile{margin:24px 0 0;}

.agreeDetail>p{color:#555;font-size:16px;line-height:26px;font-weight:300;}
.agreeDetail>ol{padding:20px 0 0;}
.agreeDetail>ol>li{padding:20px 0 0;color:#333;font-size:18px;line-height:28px;}
.agreeDetail>ol>li>ul{padding:5px 0 0;}
.agreeDetail>ol>li>ul>li{padding:10px 0 0;color:#555;font-size:16px;line-height:26px;font-weight:300;}
.agreeDetail .link{color:#09A49E;text-decoration:underline;}
.agreeDetail>p.info{padding:20px 0 0;}

.txtMotion{opacity:1 !important;transform:translateY(0) !important;}

/*layout*/
body.hiddenBody{position:fixed;width:100%;height:100%;overflow:hidden;z-index:1;}
.wrap{width:100%;overflow:hidden;}
.hdWrap{position:relative;height:60px;background:#fff;}
header{position:fixed;left:0;top:0;width:100%;z-index:10;}
.scroll .hdWrap{border-bottom:1px solid #e6e6e6;background:#fff;}
.logo{position:absolute;left:0;top:0;width:113px;height:60px;background:url(../img/logo_sangsangin2.png) no-repeat 50% 50%;background-size:63px auto;}
.logo a{overflow:hidden;position:absolute;left:0;top:0;display:inline-block;width:100%;height:60px;text-indent:-9999em;}
.scroll .logo,:lang(en) .scroll .logo{width:65px;background:url(../img/logo_sangsangin_s2.png) no-repeat 25px 17px;background-size:25px auto}
.viewAllMenu.open{position:fixed;left:0;top:0;width:100%;height:100%;padding:0 0 0 40px;box-sizing:border-box;z-index:10;}
.viewAllMenu>button,.main.scroll .viewAllMenu>button{display:block;position:absolute;right:0;top:0;width:70px;height:60px;background:url(../img/btn_view_all.png) no-repeat 50% 50%;background-size:20px auto;font-size: 1px;line-height: 1px;letter-spacing: -10px;color: transparent;}/*240205*/
.viewAllMenu .con{display:none;position:relative;width:100%;height:100%;padding:127px 0 0;box-sizing:border-box;z-index:1;background:#09A49E;}
.viewAllMenu.open .con{display:block;}
.viewAllMenu .con .logo{overflow:hidden;display:inline-block;left:50px;top:60px;width:93px;height:42px;background:url(../img/nav_logo2.png) no-repeat;background-size:93px auto;text-indent:-9999em;}
.viewAllMenu .con nav{overflow-y:scroll;height:calc(100% - 50px);-webkit-overflow-scrolling:touch;}
.viewAllMenu .con nav>ul{padding:15px 0 36px;}
.viewAllMenu .con nav>ul>li>a{display:block;padding:20px 50px;color:#fff;font-size:20px;font-weight:700;}
.viewAllMenu .con nav>ul>li span{display:inline-block}
.viewAllMenu .con nav>ul>li:nth-child(1) span{transform: translate(20px, 0px);}
.viewAllMenu .con nav>ul>li:nth-child(2) span{transform: translate(40px, 0px);}
.viewAllMenu .con nav>ul>li:nth-child(3) span{transform: translate(60px, 0px);}
.viewAllMenu .con nav>ul>li:nth-child(4) span{transform: translate(80px, 0px);}
.viewAllMenu .con nav>ul>li:nth-child(5) span{transform: translate(100px, 0px);}
.viewAllMenu.open .con nav>ul>li span{position:relative;padding:0 14px 0 0;}
.viewAllMenu.open .con nav>ul>li.on span:after{content:'';display:block;position:absolute;right:0;top:50%;width:6px;height:4px;margin:-2px 0 0;background:url(../img/bg_view_all_on.png) no-repeat;background-size:6px auto;}
.viewAllMenu .con nav>ul>li>ul{display:none;padding:10px 0;background:#f7f7f7;}
.viewAllMenu .con nav>ul>li.on>ul{display:block;}
.viewAllMenu .con nav>ul>li>ul>li>a{display:block;padding:10px 50px;color:#555;font-size:16px;font-weight:300;}
.viewAllMenu .langLink{position:absolute;left:0;bottom:0;width:100%;height:50px;text-align:right;}
.viewAllMenu .langLink ul{font-size:0;padding:0 15px 0 0;}
.viewAllMenu .langLink ul li{position:relative;display:inline-block;height:50px;line-height:50px;}
.viewAllMenu .langLink ul li a{display:block;height:100%;padding:0 10px;}
.viewAllMenu .langLink ul li a span{position:relative;color:#fff;font-size:14px;font-family:'muli';font-weight:300;}
.viewAllMenu .langLink ul li+li:before{content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:10px;margin:-5px 0 0;background:#fff;}
.viewAllMenu .langLink ul li.active a span:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background:#fff;}
.viewAllMenu .btnAllClose{display:none;background:url(../img/btn_view_all_close.png) no-repeat 50% 50%;background-size:21px auto;z-index:1;}
.viewAllMenu.open .btnAllClose{display:block;}
.dimmed{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8)}

.gnb{overflow:hidden;position:absolute;left:65px;top:0;}
.scroll .gnb{display:block;}
.gnb>a,.gnb>span{position:relative;display:block;height:60px;padding:0 14px 0 0;line-height:60px;color:#233746;font-size:18px;
	transform:translate(0px,50px);transition-timing-function:ease-in-out;transition-duration:0.3s;
}
.wrap.scroll .gnb>a,.wrap.scroll .gnb>span{transform:translate(0px,0px);}
.gnb>a:after{content:'';display:block;position:absolute;right:0;top:50%;width:6px;height:4px;background:url(../img/bg_gnb.png) no-repeat;background-size:6px auto;}
.wrap.scroll .gnb>a[aria-expanded=true]:after{transform:rotate(-180deg)}
.gnb>ul{display:none;position:fixed;left:0;top:61px;width:100%;padding:20px 0 25px;background:#fff;z-index:10;}
.gnb>ul.open{display:block;}
.gnb>ul>li>a{display:block;padding:10px 65px;color:#777;font-size:18px;}
.gnb#business>a:after{display:none;}

.visualArea{position:relative;height:210px;margin:110px 0 0;background-position:50% 100%;background-repeat:no-repeat;background-size:cover;}
.scroll .visualArea{display:block;}
.visualArea:after{content:'';display:block;position:absolute;right:0;bottom:30px;width:188px;height:223px;background:url(../img/bg_visual_area.png) no-repeat;background-size:188px auto;}
.visualArea .conTit1{position:absolute;left:25px;top:-20px;color:#233746;font-size:40px;line-height:40px;font-weight:700;
	transition-timing-function:ease-in-out;transition-duration:0.3s;
}
.wrap.scroll .visualArea .conTit1{transform:translate(0px,-300%);z-index:1;}
.story .visualArea{background-image:url(../img/bg_story_top.png);} /*story*/
.company .visualArea{background-image:url(../img/bg_company_top.png);} /*story*/
.ir .visualArea{background-image:url(../img/bg_ir_top.png);} /*ir*/
.recruit .visualArea{background-image:url(../img/bg_recruit_top.png);} /*recruit*/
.business .visualArea{background-image:url(../img/bg_business_top.png);} /*business*/

.container{padding:60px 0 0;}

footer{background:#273646;}
.ftWrap .link{float:left;font-size:0;padding:0 0 0 15px;}
.ftWrap .link>li{position:relative;display:inline-block;vertical-align:middle;}
.ftWrap .link>li+li{padding:0 0 0 11px;margin:0 0 0 10px;}
.ftWrap .link>li+li:before{content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:10px;margin:-5px 0 0;background:rgba(255,255,255,.2);}
.ftWrap .link>li>a{display:block;height:53px;line-height:53px;color:#fff;font-size:14px;}
.ftWrap .langSelect{float:right;}
.ftWrap .langSelect>a{display:block;height:53px;line-height:53px;padding:0 25px;color:#fff;font-weight:300;}
.ftCont{position:relative;padding:53px 25px 30px;border-top:1px solid rgba(255,255,255,.1);}
.ftCont .fLogo{display:inline-block;overflow:hidden;position:absolute;left:25px;top:30px;width:61px;height:28px;background:url(../img/footer_logo2.png) no-repeat;background-size:61px auto;color:transparent}
.ftCont .address{padding:20px 0 10px;color:#fff;font-size:14px;opacity:.4;}
.ftCont .copy{color:#fff;font-size:12px;opacity:.4;}
.ftCont .fmSite{position:relative;margin:23px 0 0;z-index:1}
.ftCont .fmSite>button{position:relative;display:block;width:100%;height:44px;padding:0 0 0 14px;border:1px solid rgba(255,255,255,.3);border-radius:5px;background:transparent;color:#fff;font-size:15px;text-align:left;}
.ftCont .fmSite.open>button{border-radius:0 0 5px 5px;}
.ftCont .fmSite>button:after{content:'';display:block;position:absolute;right:15px;top:50%;width:14px;height:14px;margin:-7px 0 0;background:url(../img/bg_fm_site.png) no-repeat;background-size:14px auto;}
.ftCont .fmSite.open>button:after{background-position:0 -14px;}
.ftCont .fmSite ul{display:none;position:absolute;left:0;bottom:44px;width:100%;padding:15px 0;border:1px solid rgba(255,255,255,.3);border-bottom:0;background:#273646;box-sizing:border-box;border-radius:5px 5px 0 0;}
.ftCont .fmSite.open ul{display:block;}
.ftCont .fmSite ul a{display:block;padding:10px 15px;color:#fff;font-size:15px;font-weight:300;}
.ftCont .logoWebacc{position:absolute;right:25px;top:30px;width:47px;}
.hdWrap>img,footer img{display:block;position:relative;left:50%;transform:translateX(-50%);}/*temp*/
.ftCont .snsLink{margin-top:20px}
.ftCont .snsLink a{overflow:hidden;text-indent:-9999px;display:inline-block;width:40px;height:40px;margin:6px 4px 0 0;background:url(../img/spr_sns.png) no-repeat 0 0 / auto 40px}
.ftCont .snsLink a.link_blog{background-position:-40px 0}
.ftCont .snsLink a.link_instagram{background-position:-80px 0}
.ftCont .snsLink a.link_youtube{background-position:-120px 0}

/*title*/
.conTit2{color:#233746;font-size:30px;line-height:30px;font-weight:700;}
.subTit{color:#233746;font-size:22px;font-weight:700;}
.subCopy{color:#555;font-size:15px;line-height:26px;}
.subCopy2{color:#555;font-size:16px;line-height:26px; margin-top: 30px;}
.subTit2{color:#333;font-size:18px;line-height:18px;}

/*table*/
.tableType1{border-top:2px solid #233746;border-bottom:1px solid #ccc;}
.tableType1 thead th{height:50px;background:#f7f7f7;border-left:1px solid #fff;border-top:1px solid #fff;text-align:center;color:#333;font-size:14px;font-weight:400;}
.tableType1 thead th:first-child{border-left:0;}
.tableType1 thead tr:first-child th{border-top:0;}
.tableType1 tbody td{color:#555;font-size:14px;}
.tableType1 tbody th>span,.tableType1 tbody td>span{display:-webkit-flex;display:flex;height:50px;align-items:center;border-top:1px solid #e6e6e6;color:#555;font-size:14px;font-weight:300;}
.tableType1 tbody th>span{padding:0 0 0 20px;margin:0 5px 0 0;text-align:left;}
.tableType1 tbody td>span{padding:0 20px 0 0;margin:0 0 0 5px;font-family:'muli';justify-content:center}
.tableType1 tbody tr:first-child th>span,.tableType1 tbody tr:first-child td>span{border:0;}
.tableType1 tbody td.aRight span{justify-content:flex-end}
.tableType1 tbody tr.total *{color:#00a197;}
.tableType1 tbody tr.total+tr th,.tableType1 tbody tr.total+tr td{border-top:1px solid #ccc;}
.tableType1 tbody tr.total+tr th>span,.tableType1 tbody tr.total+tr td>span{border-top:0;}

.tableType2{border-top:2px solid #233746;border-bottom:1px solid #ccc;}
.tableType2 tbody th{height:50px;padding:0 0 0 20px;background:#f7f7f7;border-top:1px solid #e6e6e6;color:#333;font-size:14px;text-align:left;font-weight:400;}
.tableType2 tbody tr:first-child th,.tableType2 tbody tr:first-child td{border-top:0;}
.tableType2 tbody td{padding:0 20px 0 0;border-top:1px solid #e6e6e6;color:#555;font-size:14px;font-family:'muli';font-weight:300;}

/*board*/
.boardDetail{margin:0 0 60px;}
.boardDetail table{border-bottom:1px solid #ccc;}
.boardDetail .subject{padding:0 25px 30px;color:#555;font-size:20px;font-weight:700;}
.boardDetail .subject .date{display:block;padding:15px 0 0;color:#555;font-size:13px;font-family:'muli';font-weight:300;}
.boardDetail .txt{margin:0 0 0 25px;padding:30px 25px 30px 0;box-sizing:border-box;border-top:1px solid #e6e6e6;}
.boardDetail .txt .wScroll{overflow-x:scroll;}
.boardDetail .txt table{width:100% !important;}
.addFile{margin:10px 0 30px 25px;}
.addFile li+li{margin:10px 0 0;}
.addFile li a{position:relative;display:inline-block;padding:0 0 0 35px;line-height:25px;color:#555;font-size:13px;}
.addFile li a:before{content:'';display:block;position:absolute;left:0;top:0;width:25px;height:25px;background:url(../img/bg_add_file.png) no-repeat;background-size:25px auto;}
.boardDetail .other{border-top:1px solid #e6e6e6;}
.boardDetail .other>a{position:relative;display:block;padding:30px 49px;color:#555;font-size:13px}
.boardDetail .other>a:after{content:'';display:block;position:absolute;top:50%;width:10px;height:18px;margin:-9px 0 0;background:url(../img/sp_news.png) no-repeat;background-size:20px auto;}
.boardDetail .other.prev>a{padding-right:0;}
.boardDetail .other.prev>a:after{left:25px;}
.boardDetail .other.next>a{padding-left:0;text-align:right;}
.boardDetail .other.next>a:after{right:25px;background-position:0 -18px;}
.boardDetail table .other.none a{color:#ccc;cursor:default;pointer-events:none}
.boardDetail table .prev.none a:after{background-position:-10px 0}
.boardDetail table .next.none a:after{background-position:-10px -18px}

/*main*/
.main header{position:absolute;}
.main .hdWrap{background:none;}
.main .logo{background-image:url(../img/logo_sangsangin_w2.png);}
.main .viewAllMenu>button{background-image:url(../img/btn_view_all_w.png);}
.main .viewAllMenu>button.btnAllClose{background-image:url(../img/btn_view_all_close.png);}
.main .container{padding:0;}
.main .visualBox{overflow:hidden;position:relative;height:490px;}
.main .visualBox:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.15);/*z-index:-1;*/}
#motion{position:absolute;left:0;top:0;left:0;top:0;width:100%;height:100%;}
#mainVideo{position:absolute;left:50%;top:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:-2;opacity:0;}
.main .visualBox .tit{display:block;position:relative;padding:160px 0 0;width:271px;margin:0 auto;opacity:0;z-index:1}
.main .scrollContent{background:#fff;}
.slide.vertical .slideWrap>ul>li{float:none;padding:0;}
.slide.vertical .slideWrap{height:280px;margin:33px 0 0;}
.main .business{padding:60px 0;text-align:center;}
.main .business>strong{display:block;color:#233746;font-size:30px;line-height:30px;font-family:'muli';font-weight:700;}
.main .business .btnMoreCon{margin:15px 0 0;}
.main .business li{overflow:hidden;position:relative;}
.main .business li:before{content:'';position:absolute;left:50%;top:0;display:block;height:178px;/*width:100%;background-position:50% 0;*/margin:0 auto;background-repeat:no-repeat;background-position:0 0;}
.main .business li:nth-child(1):before{width:246px;margin-left:-123px;background-image:url(../img/bg_main_business01.png);background-position:0 50%;background-size:246px auto;}
.main .business li:nth-child(2):before{width:248px;margin-left:-124px;background-image:url(../img/bg_main_business02.png);background-size:248px auto;}
.main .business li:nth-child(3):before{width:234px;margin-left:-140px;background-image:url(../img/bg_main_business03.png);background-size:234px auto;}
.main .business .txt{padding:208px 0 0;}
.main .business .txt>a{overflow:hidden;display:block;}
.main .business .txt em{display:block;color:#233746;font-size:20px;line-height:20px;font-weight:700;}
.main .business .txt span.text{display:block;margin:6px 0 0;color:#555;font-size:16px;line-height:26px;}
.main .business .txt span.btnLink{position:relative;display:inline-block;padding:0 18px 0 0;margin:14px 0 0;font-size:16px;line-height:16px;color:#333;}
.main .business .txt span.btnLink:after{content:'';display:block;position:absolute;right:0;top:1px;width:8px;height:14px;background:url(../img/btn_agree_link.png) no-repeat;background-size:8px auto;}
/*.main .business .txt{padding:208px 0 0;}
.main .business .txt em{display:block;color:#233746;font-size:20px;line-height:20px;font-weight:700;}
.main .business .txt span{display:block;margin:6px 0 0;color:#555;font-size:16px;line-height:26px;}*/

.slide.vertical .counter{position:absolute;right:20px;top:82px;color:#777;font-size:13px;line-height:13px;font-family:'muli';}
.slide.vertical .counter>span{font-family:'muli';}
.slide.vertical>button{width:56px;height:37px;right:0;margin:0;}
.slide.vertical>button:after{width:10px;height:15px;background-image:url(../img/sp_vslide_button.png);background-size:20px auto;}
.slide.vertical>.btnPrev{left:auto;top:48px;background-position:-10px 0;display:block !important;}
.slide.vertical>.btnPrev:after{background-position:-10px 0;}
.slide.vertical>.btnPrev.end:after{background-position:0 0;}
.slide.vertical>.btnNext{top:94px;background-position:-10px -15px;}
.slide.vertical>.btnNext:after{background-position:-10px -15px;}
.slide.vertical>.btnNext.end:after{background-position:0 -15px;}
.main .csv{overflow:hidden;position:relative;height:326px;z-index:1;text-align:center;}
.main .csv:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#00bcb4;opacity:.7;/*z-index:-1*/}
.main .csv>a{display:block;position:relative;height:100%;padding:30px 0 0;box-sizing:border-box;z-index:1;}
.main .csv .tit{display:block;width:303px;margin:0 auto;}
#csvVideo{position:absolute;left:50%;top:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:-2;}
.main .csv .btnMoreCon{color:#fff;}
.main .news{padding:60px 0 53px;background:#f7f7f7;}
.main .news .tit{display:block;padding:0 0 25px 25px;color:#233746;font-size:30px;font-family:'muli';font-weight:700;}
.main .news .slide .slideWrap{height:400px;padding:0 25px}
.main .news .slide .slideWrap>ul{/*overflow-x:visible;*/width:auto;height:400px;/*padding:0 25px;*/font-size:0;white-space:nowrap;/*-webkit-overflow-scrolling:touch;*/}
/* .main .news .slide .slideWrap>ul::-webkit-scrollbar{display:none;-webkit-appearance:none;appearance:none;background-color:transparent} */
.main .news .slide .slideWrap>ul:after{display:none;}
.main .news .slide .slideWrap>ul>li{display:inline-block;float:none;width:270px !important;height:377px;padding:0;/*margin:0 20px 0 0;*/vertical-align:top}
/* .main .news .slide .slideWrap>ul>li:first-child{margin:0;} */
.main .news .slide li>a{overflow:hidden;position:relative;display:block;height:100%;padding:222px 26px 0;margin:0 10px;box-sizing:border-box;text-align:left;border-radius:5px;box-shadow:rgba(0,0,0,.06) 0px 4px 15px;background:#fff}
.main .news .slide li:first-child>a{margin-left:0}
.main .news .slide li:last-child>a{margin-right:0}
.main .news .slide li>a .img{overflow:hidden;position:absolute;left:50%;top:29px;width:160px;height:160px;margin:0 0 0 -80px;border-radius:50%;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;text-indent:-9999em}
.main .news .slide li>a>em{overflow:hidden;display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;color:#273646;font-size:18px;line-height:18px;}
.main .news .slide li>a>.date{display:block;padding:8px 0 0;color:#777;font-size:13px;font-family:'muli';}
.main .news .slide li>a .txt{overflow:hidden;height:78px;margin:13px 0 0;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;color:#555;font-size:16px;line-height:26px;white-space:normal;}
/*.main .news .slide .year{position:absolute;right:25px;top:-52px;color:#273646;font-size:20px;font-family:'muli';font-weight:700;}*/
.main .news .slide>.btnSlide{position:absolute;display:block;top:168px;width:69px;height:69px;padding:25px;margin:0;z-index:1}
.main .news .slide>.btnSlidePrev{left:0}
.main .news .slide>.btnSlideNext{right:0}
.main .news .slide>.btnSlide:after{content:'';display:block;width:19px;height:13px;transform:translate(0,-50%)}
.main .news .slide>.btnSlidePrev:after{left:25px;background:url(../img/btn_slide_prev.png) no-repeat;background-size:19px 13px}
.main .news .slide>.btnSlidePrev.disabled:after{background:url(../img/btn_slide_prev_off.png) no-repeat;background-size:19px 13px}
.main .news .slide>.btnSlideNext:after{left:auto;right:25px;background:url(../img/btn_slide_next.png) no-repeat;background-size:19px 13px}
.main .news .slide>.btnSlideNext.disabled:after{background:url(../img/btn_slide_next_off.png) no-repeat;background-size:19px 13px}
.main .news .btnMoreCon{margin:7px 0 0 25px;}
.main .sangsangin{height:418px;background:linear-gradient(306deg, rgba(25,158,174,1) 0%, rgba(2,185,179,1) 100%);}
.main .sangsangin>a{display:block;height:100%;padding:60px 0 0 25px;box-sizing:border-box;background:url(../img/bg_main_sangsangin.png) no-repeat 100% 100%;background-size:375px auto;}
.main .sangsangin>a strong{display:block;color:#000;font-size:30px;line-height:30px;font-weight:700;}
.main .sangsangin>a .txt{display:block;padding:14px 0 0;color:#000;font-size:22px;line-height:32px;font-weight:700;}
.main .sangsangin>a .btnMoreCon{margin:25px 0 0;color:#000;}
.mainLayer{position:absolute;left:25px;right:25px;top:61px;height:390px;padding:60px 15px 40px;box-sizing:border-box;border:2px solid #233746;border-bottom:0;background:#fff url(../img/bg_main_pop.png) no-repeat 100% 172px;background-size:172px auto;z-index:99;}
.mainLayer .layerCon{overflow-x:hidden;overflow-y:auto;width:100%;height:244px;color:#333;font-size:16px;line-height:26px;}
.mainLayer .layerCon strong.aCenter{display:block;padding:0 0 32px;text-align:center;color:#333;font-size:22px;}
.mainLayer .layerCon strong span{display:inline-block;vertical-align:bottom;}
.mainLayer .layerCon strong.aCenter img{display:inline-block;width:75px;vertical-align:middle;}
.mainLayer .layerCon .con>p{color:#333;font-size:16px;line-height:26px;}
.mainLayer .close{position:absolute;left:0;right:0;bottom:0;height:44px;line-height:44px;padding:0 13px;background:#233746;}
.mainLayer .close .checkBox+label:before{top:50%;margin:-12px 0 0;}
.mainLayer .btnClose{display:block;position:absolute;right:0;top:0;width:46px;height:46px;background:url(../img/btn_main_pop_close.png) no-repeat 50% 50%;background-size:16px auto;text-indent:-9999em;}

/* mainLayer2 */
.layerPopup{position:fixed;left:0;top:0;right:0;bottom:0;z-index:99;/*border-top: 4px solid #01bcb5;*/}
.layerPopup:before{content:'';display:block;position:fixed;left:0;right:0;top:0;bottom:0;background: rgba(0, 0, 0, 0.52);z-index:9;}
.layerPopup .layerCon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;z-index:10; max-height:410px;border-top: 4px solid #01bcb5;height:100%;overflow:hidden;right: -25%;/*overflow-y:auto;overflow-x:hidden;height:700px;padding:0 30px 60px;margin:120px 0 0;*/ }

.layerPopup .layerHead{ padding: 40px 20px 0;}
.layerPopup .layerHead:after{content:'';display:block;width:100%;height:2px;background:#233746;}
.layerPopup h2{font-size:20px;padding:15px 0;line-height:normal;}
.layerPopup .layerCon .con{height:calc(100% - 150px);overflow-y:auto;padding:0 20px 20px;}

.layerPopup .layerCon strong.aCenter{display:block;padding:0 0 32px;text-align:center;color:#333;font-size:22px;}
.layerPopup .layerCon strong span{display:inline-block;vertical-align:bottom;}
.layerPopup .layerCon strong.aCenter img{display:inline-block;width:75px;vertical-align:middle;}
.layerPopup .layerCon .con>p{color:#333;font-size:16px;line-height:26px;}
.layerPopup .close{position:absolute;left:0;right:0;bottom:0;height:44px;line-height:44px;padding:0 13px;background:#233746;}
.layerPopup .close .checkBox+label:before{top:50%;margin:-12px 0 0;}
.layerPopup .layerCon .con .pop-contents ul li em {color: #00a299; margin-left: 20px; font-size: 12px;}
.layerPopup .layerCon .con .pop-contents ul li span {font-size: 12px; }
.layerPopup .layerCon .con .pop-contents ul li {position: relative;height: 40px; border-bottom: 1px solid #e6e6e6;}

.layerPopup .btnClose{display:block;position:absolute;right:20px;top:5%;width:20px;height:20px;background:url(../img/btn_main_pop_close.png) no-repeat 50% 50%;text-indent:-9999em}

.stopScroll{overflow:hidden;height:100%;}

/*company - overview*/
.contArea .company>div{opacity:0;transform:translateY(40px);transition:all 1s ease-in-out;}
.company .con1{padding:60px 25px 282px;margin:0 0 60px;background:url(../img/bg_company01.png) no-repeat 50% 100%;background-size:296px auto;}
.company .con1 h2{padding:0 0 30px;color:#233746;font-size:30px;line-height:40px;font-weight:700;}
.company .con2{min-height:323px;padding:60px 25px;background:url(../img/bg_company02.png) no-repeat 50% 0;background-size:cover;box-sizing:border-box;}
.company .con2 h2{color:#fff;font-size:30px;line-height:40px;}
.company .con2 h2>span{display:block;padding:0 0 10px;font-size:22px;line-height:22px;font-family:'muli';}
.company .con2 .subCopy{padding:20px 0 0;color:#fff;}
.company .con3{padding:60px 25px;background:#f7f7f7;}
.company .con3 ul{padding:20px 0 0;}
.company .con3 li{position:relative;padding:131px 0 0;color:#555;font-size:15px;}
.company .con3 li:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:120px;background-size:cover;background-repeat:no-repeat;background-position:50% 0;}
.company .con3 li+li{margin:28px 0 0;}
.company .con3 li:nth-child(1):before{background-image:url(../img/bg_company0301.png);}
.company .con3 li:nth-child(2):before{background-image:url(../img/bg_company0302.png);}
.company .con3 li:nth-child(3):before{background-image:url(../img/bg_company0303.png);}
.company .con3 li em{display:block;padding:4px 0 0;color:#233746;font-size:16px;font-weight:700;}
.company .con4{padding:60px 25px 184px;background:url(../img/bg_company04.png) no-repeat 50% 100%;background-size:100%;}
/*.company .con4 h2{font-family:'muli';}*/
.company .con4 .subCopy{padding:20px 0 0;}
.company .con4 .ceoName{padding:34px 0 0;color:#233746;font-size:16px;line-height:16px;font-weight:700;}
.btnMoreCon{display:inline-block;height:32px;margin:30px 0 0;padding:0 34px 0 0;background:url(../img/btn_more_con.png) no-repeat 100% 0;background-size:30px auto;color:#233746;font-size:16px;}

.company .con5{padding:60px 25px;background:#f7f7f7;}
.company .con5 h3{font-family:'muli';}
.company .con5 .subCopy{padding:20px 0 30px;}

/*company - ceo*/
.ceo{padding:53px 0 0;}
.ceo .ceoTxt{padding:0 25px;}
.ceo .conTit2{display:block;padding:0 0 9px;line-height:40px;
	opacity:0;transform:translateY(40px);transition:all 1s ease-in-out
}
.ceo .ceoTxt>p{padding:10px 0 0;
	opacity:0;transform:translateY(40px);transition:all 1s ease-in-out
}
.ceo .ceoName{padding:36px 0 0;color:#233746;font-size:16px;font-weight:700;}
.ceo .img{margin-top:-101px;opacity:0;transition:all 1s ease-in-out;text-align:center;}
.ceo .img.animation{opacity:1}

/*company - history*/
.history{overflow:hidden;padding:60px 0 100px;}
.history .tit{position:relative;}
.history .tit h2{height:140px;margin:0 25px;background:url(../img/bg_history_tit01.png) no-repeat 50% 100%;background-size:cover;color:#fff;font-size:30px;line-height:30px;font-weight:700;}
.history .y2000 .tit h2{background-image:url(../img/bg_history_tit02.png);}
.history .tit h2>span{position:relative;top:50%;transform:translateY(-50%);display:block;text-align:center;vertical-align:middle;}
.history .tit h2>span>span{display:block;padding:0 0 5px;font-size:16px;line-height:16px;font-family:'muli';}
.history .tit>em{display:block;position:relative;width:100%;transform:translateX(126px);transition:transform 1.2s;transition-timing-function:ease-in-out;transition-delay:.3s;}
.history .motion .tit>em{transform:translateX(0%);}
.history .tit>em>span{overflow:hidden;display:block;width:126px;height:96px;position:absolute;right:0;bottom:-60px;background-color:#00a197;background-position:24px 20px;background-repeat:no-repeat;background-size:52px auto;z-index:2;text-indent:-9999em;}
.history .y2019 .tit>em>span{background-image:url(../img/bg_history_2019.png);}
.history .y2000 .tit>em>span{background-image:url(../img/bg_history_2000.png);}
.history .con>ul{margin:45px 25px 0 35px;background:url(../img/bg_history_list.png) repeat-y 4px 5px;background-size:2px auto;}
.history .con>ul>li{position:relative;opacity:0;transform:translateX(40px);transition:all 1s ease-in-out;}
.history .con>ul>li.animation{opacity:1;transform:translateX(0)}
.history .con>ul>li{margin:40px 0 0;}
.history .con>ul>li>strong{position:relative;display:block;padding:0 0 0 20px;color:#233746;font-size:20px;line-height:20px;font-family:'muli';}
.history .con>ul>li:first-child{margin:0;}
.history .con>ul>li:last-child{position:relative;bottom:-40px;margin:0;}
.history .con>ul>li>strong:after{content:'';display:block;position:absolute;left:0;top:5px;width:11px;height:11px;background:url(../img/bg_history_s_tit.png) no-repeat;background-size:11px auto;}
.history .con>ul>li>ul{margin:0 0 0 20px;}
.history .con>ul>li>ul>li{padding:10px 0 0;color:#555;font-size:16px;}
.history .con>ul>li>ul>li.color1{color:#09A49E !important}
.history .y2000{margin:90px 0 0;}

/*company - ci*/
.ci{padding:60px 25px 0;background:linear-gradient(to bottom,#f7f7f7 270px,transparent 10px);}
.ci .con{opacity:0;transform:translateY(40px);transition:all 1s ease-in-out;}
.ci .subCopy{padding:20px 0 0;}
.ci .subTit2{padding:40px 0 0;}
.ci .img+.img{padding:10px 0 0;}
.ci .con .subTit2.hidden+.img{padding:30px 0 0;margin-right:-25px;}
.ci .subCopy+.img{margin:15px 0 0;}
.ci .subTit2+.img{padding:15px 0 0;}
.ci .colorWrap{padding:60px 25px 0;margin:60px -25px 0;background:#f7f7f7;}
.ci .colorCon+.colorCon{padding:0 0 73px;margin-top:0;}
.ci .colorCon .img{position:relative;margin:-10px -12px -13px -10px;}
.ci .colorCon .hidden{left:15px;top:25px;}



/*story - contribution*/
.contribution,.imagination .conTit2,.imagination ul > li{opacity:0;transform:translateY(40px);transition:all 1s ease-in-out;}
.contribution .conTit2,.imagination .conTit2,.ourStory .conTit2{line-height:40px;}
.contribution{padding:60px 25px;}/*background:linear-gradient(to top,#f6f6f6 370px,transparent 10px);*/
.contribution .subCopy{padding:30px 0 0;}
.contribution .imgCon{position:relative;margin:30px 0 20px;}
.contribution .imgCon .img{margin:0 -25px 0 0;}
.contribution .img:first-child{position:absolute;top:0;z-index:1;}
.contribution .img+.img{display:block;}
.contribution .cooperation{position:absolute;right:5px;bottom:-52px;}
.togetherStory{padding:0 25px;background:#09A49E;}
.togetherStory li{padding:30px 0 24px;border-bottom:1px solid rgba(255,255,255,.3);color:#fff;text-shadow:1px 1px rgba(0,0,0,.15);}
.togetherStory li:last-child{padding-bottom:30px;border-bottom:0;}
.togetherStory li strong{display:block;padding:0 0 5px;font-size:16px;font-weight:700;}
.togetherStory li strong span{display:block;margin-bottom:5px;font-weight:300;}
.togetherStory li p{font-size:14px;}
.togetherStory li em{padding:0 4px 0 0;font-size:44px;font-family:'muli';font-weight:700;}
.imagination{padding:60px 25px;}
.imagination li{margin:50px 0 0;}
.imagination li strong{display:block;width:100%;height:210px;padding:25px 20px 0 20px;box-sizing:border-box;background-repeat:no-repeat;background-position:50% 0;background-size:cover;color:#fff;font-size:20px;font-weight:700;}
.imagination li:nth-child(1) strong{background-image:url(../img/bg_imagination01.png);}
.imagination li:nth-child(2) strong{background-image:url(../img/bg_imagination02.png);}
.imagination li:nth-child(3) strong{background-image:url(../img/bg_imagination03.png);}
.imagination li .txt p{padding:20px 0 0;color:#666;font-size:16px;line-height:26px;}
.imagination li .txt p+p{padding:25px 0 0;}
.ourStory{padding:40px 25px 60px;opacity:0;transform:translateY(40px);transition:all 1s ease-in-out;}
.ourStory ul{padding:5px 0 0;}
.ourStory ul li{margin:15px 0 0;}
.ourStory ul li a{position:relative;display:block;height:210px;box-sizing:border-box;background-repeat:no-repeat;background-position:50% 0;background-size:cover;color:#fff;}
.ourStory ul li a:after{content:'';display:block;position:absolute;right:18px;bottom:13px;width:36px;height:37px;background:url(../img/bg_our_story.png) no-repeat;background-size:36px auto;}
.ourStory ul li a em{position:absolute;left:20px;bottom:25px;padding:0 50px 0 0;font-size:20px;font-weight:700;}
.ourStory ul li a span{display:block;font-size:16px;line-height:16px;font-weight:400;}
.ourStory ul li:nth-child(1) a{background-image:url(../img/img_our_story01.png);}
.ourStory ul li:nth-child(2) a{background-image:url(../img/img_our_story02.png);}
.ourStory .video{overflow:hidden;position:relative;width:100%;padding-bottom:56.5%}
.ourStory video{position:absolute;left:0;top:0;width:100%;height:100%}
.ourStory .video .util{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
.ourStory .video .util .btnControl{display:block;width:100%;height:100%;background:rgba(35,50,70,.5);text-indent:-9999em;}
.ourStory .video .util .btnControl:after{content:'';position:absolute;left:50%;top:50%;width:31px;height:31px;transform:translate(-50%,-50%);background:url(../img/sp_video_play.png) no-repeat;background-size:31px auto;}
.ourStory .video .util.pause .btnControl:after{background-position:0 -31px;}
/*#dim{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;z-index:98;}*/
.ourStory.typeBoard{background:linear-gradient(to bottom, transparent 250px,#f7f7f7 250px 100%)}
.ourStory.typeBoard ul li{margin-top:20px}
.ourStory.typeBoard>ul>li>a{display:block;padding:195px 15px 35px;color:#333;min-height:360px;height:auto;background:#fff;box-sizing:border-box}
.ourStory.typeBoard ul .imgArea{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:180px}
.ourStory.typeBoard ul .imgArea img{display:block;}
.ourStory.typeBoard ul li a:after{display:none}
.ourStory.typeBoard ul li a strong{display:block;font-weight:500;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ourStory.typeBoard ul li a p{font-size:16px;line-height:1.5;margin-top:10px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.ourStory.typeBoard ul li.active>a{border-bottom:2px solid #00bcb4;box-shadow:rgba(0,0,0,.1) 0px 8px 20px;}
.ourStory.typeBoard ul li.active>a:after{content:'';display:block;position:absolute;right:12px;bottom:4px;width:36px;height:37px;background:url(../img/btn_view_detail_s.png) no-repeat;background-size:36px auto;}
.ourStory .layerPop .prDetail .addFile li a{background:none;height:auto;color:#555}

.ourStory .btnLink{display:flex;justify-content:right;margin-top:30px;}
.ourStory .btnLink a{display:flex;align-items:start;}
.ourStory .btnLink a span{display:inline-block;color:#233746;font-size:16px;}
.ourStory .btnLink a:after{display:inline-block;content:'';width:26px;height:29px;margin-left:10px;background:url(../img/btn_more_con.png) no-repeat 0 0 / cover;}

/*story - news*/
.searchArea{padding:60px 25px 30px;}
.searchArea fieldset{position:relative;}
.searchArea fieldset>div input{width:100%;height:52px;padding:18px 51px 18px 18px;box-sizing:border-box;border:1px solid #d9d9d9;border-radius:50px;color:#777;font-size:16px;}
.searchArea button{position:absolute;right:2px;top:2px;width:47px;height:47px;background:url(../img/btn_search.png) no-repeat;background-size:47px auto;text-indent:-9999em;}
.topList{padding:0 0 86px;opacity:0;}
.topList>a{display:block;position:relative;color:#fff;}
.topList>a .txt{position:absolute;left:25px;right:0;bottom:-86px;padding:30px 25px 30px 29px;background:#00a197;z-index:2;}
.topList>a .txt:after{content:'';display:block;position:absolute;right:23px;bottom:9px;width:46px;height:47px;background:url(../img/btn_view_detail.png) no-repeat;background-size:46px auto;}
.topList .img img{display:block;}
.topList>a .txt .tit{display:block;padding:0 0 15px;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;font-size:22px;}
.topList>a .txt p{overflow:hidden;width:100%;max-height:40px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:16px;line-height:20px;}
.topList>a .date{display:block;padding:15px 0 0;font-size:13px;color:#fff;font-family:'muli';font-weight:300;}
.topList .video{position:relative;z-index:1;}
.topList .video:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(35,55,70,.5) url(../img/ico_video.png) no-repeat 50% 50%;background-size:18px auto;}
.noResult{margin:0 25px 60px;padding:100px 0 105px;border-top:1px solid #233746;border-bottom:1px solid #ccc;text-align:center;}
.noResult span:before{content:'';display:block;width:80px;height:80px;margin:0 auto 15px;background:url(../img/bg_no_result.png) no-repeat;background-size:80px auto;}
.noResult span{color:#555;font-size:16px;}

.boardList{margin:50px 0 0;padding:0 25px 60px;}
.boardList ul{border-top:1px solid #233746;border-bottom:1px solid #ccc;}
.boardList li+li{border-top:1px solid #e6e6e6}
.boardList li>a{display:block;padding:20px 15px;}
.boardList li>a p{overflow:hidden;width:100%;max-height:40px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:16px;line-height:20px;color:#555;}
.boardList li>a .date{display:block;padding:15px 0 0;font-size:13px;color:#555;font-family:'muli';font-weight:300;}
.btnMore{padding:30px 0 0;text-align:center;}
.btnMore>button{display:inline-block;width:60px;height:60px;padding:10px 0 0;background:#00a197 url(../img/bg_btn_more.png) no-repeat 50% 15px;box-sizing:border-box;background-size:11px auto;border-radius:50px;color:#fff;font-size:12px;font-family:'muli';font-weight:300;vertical-align:top;}

/*story - pr*/
.story .topList{margin-bottom:60px}
.prList{position:relative;margin:60px 0 0;padding:0 25px 60px;background:linear-gradient(to top, #f7f7f7 calc(100% - 40px),transparent 40px);}
.prList>ul>li{background:#fff;}
.prList>ul>li+li{margin:20px 0 0;}
.prList>ul>li>a{display:block;position:relative;padding:198px 15px 20px;border-bottom:4px solid #fff;box-sizing:border-box;}
.prList>ul>li.active>a{border-bottom-color:#00bcb4;box-shadow:rgba(0,0,0,.1) 0px 8px 20px;}
.prList>ul>li.active>a:after{content:'';display:block;position:absolute;right:12px;bottom:4px;width:36px;height:37px;background:url(../img/btn_view_detail_s.png) no-repeat;background-size:36px auto;}
.prList>ul>li.video>a:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:182px;background:rgba(0,0,0,.4) url(../img/ico_video_s.png) no-repeat 50% 50%;background-size:25px auto;z-index:1;}
.prList>ul>li>a .img{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:182px;}
.prList>ul>li>a .img img{display:block;}
.prList>ul>li>a strong{overflow:hidden;display:block;max-height:50px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#333;font-size:18px;line-height:25px;font-weight:400;}
.prList>ul>li>a .date{display:block;padding:8px 0 0;font-size:13px;color:#777;font-family:'muli';font-weight:300;}

/*business*/
.businessTop{padding:60px 25px 0;opacity:0;transform:translateY(40px);transition:all 1s ease-in-out;}
.businessTop .subCopy{padding:20px 0 0;}
.pagerTab{display:grid;grid-template-columns:repeat(3, 1fr);gap: 0 8px;overflow:hidden;margin:40px 0 0;opacity:0;transform:translateY(40px);transition:all 1s ease-in-out;}/*240205*/
.pagerTab li{width:100%;}
.pagerTab li>a{position:relative;display:block;height:131px;padding:98px 0 0;border-bottom:1px solid #e5e5e5;box-sizing:border-box;text-align:center;color:#233746;font-size:16px;line-height:16px;}
.pagerTab li>a:focus{outline-offset:-2px;}
.pagerTab li>a:before{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:80px;background-position:50% 0;background-size:cover;background-repeat:no-repeat;}
.pagerTab li:nth-child(1)>a:before{background-image:url(../img/bg_pager_tab01.png);}
.pagerTab li:nth-child(2)>a:before{background-image:url(../img/bg_pager_tab02.png);}
.pagerTab li:nth-child(3)>a:before{background-image:url(../img/bg_pager_tab03.png);}

.progressCon{display:none;overflow:hidden;position:fixed;left:0;top:60px;width:100%;height:50px;background:linear-gradient(to bottom,#fff 49px,#e5e5e5 1px);z-index:2;}
.progressCon li{width:100%;height:50px;line-height:50px;padding:0 0 0 25px;color:#233746;font-size:16px;font-weight:700;}
.progressCon .progress{position:absolute;left:0;top:0;width:0;height:50px;padding:0;box-sizing:border-box;border-bottom:2px solid #00bfb6;background:#f7f7f7;z-index:-1;}

.pageCon{padding:60px 0 0;}/*240205*/
.pageCon>ul{overflow:hidden;padding:0 25px;}/*240205*/
.pageCon>ul>li{opacity:0;transform:translateY(40px);transition:all 1s ease-in-out;}
.pageCon>ul>li+li{margin:138px 0 0;}
.pageCon>ul>li>strong{display:block;height:35px;color:transparent;font-size:1em;}
.pageCon>ul>li>strong a{display:block;width:100%;height:100%;color:transparent;font-size:1em;}
.pageCon>ul>li.sangsangin>strong{width:107px;background:url(../img/logo_sangsangin2.png) no-repeat;background-size:107px auto;}
.pageCon>ul>li.sangsanginBank01>strong{width:198px;background:url(../img/tit_sangsangin_bank01-1.png) no-repeat;background-size:198px auto;}
.pageCon>ul>li.sangsanginBank02>strong{width:258px;background:url(../img/tit_sangsangin_bank01-2.png) no-repeat;background-size:258px auto;}
.pageCon>ul>li.sangsanginBank03>strong{width:151px;background:url(../img/tit_sangsangin_bank01-3.png) no-repeat;background-size:151px auto;}
.pageCon>ul>li.sangsanginBank04>strong{width:167px;background:url(../img/tit_sangsangin_bank01-4.png) no-repeat;background-size:167px auto;}
.pageCon>ul>li.sangsanginIndustry01>strong{width:210px;background:url(../img/tit_sangsangin_industry01-2.png) no-repeat;background-size:210px auto;}
.pageCon>ul>li.sangsanginIndustry02>strong{width:189px;background:url(../img/tit_sangsangin_industry01-1.png) no-repeat;background-size:189px auto;}
.pageCon .subTit2{padding:25px 0 0;font-weight:700;line-height:28px;}
.pageCon .subCopy{padding:20px 0 0;}
.pageCon .infoBox{position:relative;height:226px;margin:30px -25px 79px;
	opacity:0;transform:translateX(50%);transition:transform 1.2s,opacity 1.2s;transition-timing-function:ease-in-out;}
.pageCon .infoBox.motion{opacity:1;transform:translateX(0%);}
.pageCon .infoBox:before{content:'';display:block;position:absolute;right:0;top:0;width:calc(100% - 25px);height:226px;background-repeat:no-repeat;background-size:cover;background-position:50% 0;z-index:-1;}
.pageCon .sangsangin .infoBox:before{background-image:url(../img/bg_sangsangin.png);}
.pageCon .sangsanginBank01 .infoBox:before{background-image:url(../img/bg_sangsangin_bank01.png);}
.pageCon .sangsanginBank02 .infoBox:before{background-image:url(../img/bg_sangsangin_bank02.png);}
.pageCon .sangsanginBank03 .infoBox:before{background-image:url(../img/bg_sangsangin_bank03.png);}
.pageCon .sangsanginBank04 .infoBox:before{background-image:url(../img/bg_sangsangin_bank04.png);}
.pageCon .sangsanginIndustry01 .infoBox:before{background-image:url(../img/bg_sangsangin_industry01.png);}
.pageCon .sangsanginIndustry02 .infoBox:before{background-image:url(../img/bg_sangsangin_industry02.png);}
.pageCon .infoBox ul{position:absolute;left:0;top:148px;width:calc(100% - 25px);padding:0 25px;box-sizing:border-box;background:#00a197;
	opacity:0;transform:translateX(-100%);transition:transform 1.2s,opacity 1.2s;transition-timing-function:ease-in-out;}
.pageCon .infoBox ul.motion{opacity:1;transform:translateX(0%);}
.pageCon .infoBox ul li{float:left;width:50%;height:78px;color:#fff;display:flex;display:-webkit-flex;justify-content:center;align-content:center;flex-direction:column;}
.pageCon .infoBox ul li:last-child{width:100%;clear:both;border-top:1px solid rgba(255,255,255,.2);}
.pageCon .infoBox ul li em{display:block;padding:0 0 4px;font-size:14px;line-height:14px;}
.pageCon .infoBox ul li span{font-size:16px;font-weight:700;}
#pageCon03{padding-bottom:60px;}

.pageCon .slide{margin:0 0 92px;transform:translateY(40px);transition:all 1s ease-in-out;}
.pageCon .slide .slideWrap ul li a{display:block;}
.pageCon .slide .slideWrap ul li:nth-child(1) a:before{background-image:url(../img/bg_it_do01.png);}
.pageCon .slide .slideWrap ul li:nth-child(2) a:before{background-image:url(../img/bg_it_do02.png);}
.pageCon .slide .slideWrap ul li:nth-child(3) a:before{background-image:url(../img/bg_it_do03.png);}
.pageCon .slide .slideWrap ul li:nth-child(4) a:before{background-image:url(../img/bg_it_do04.png);}
.pageCon .slide .slideWrap strong{padding:0 15px;}
.layerItdo .layerCon{padding:40px 0 60px 25px;text-align:left;}
.layerItdo dl{padding:0 25px 0 0;}
.layerItdo dl dt{padding:20px 0 0;color:#00a197;font-size:16px;}
.layerItdo dd{padding:10px 0 0;color:#555;font-size:16px;line-height:26px;}
.btnGoLink{display:inline-block;height:20px;line-height:20px;margin:20px 0 0;padding:0 30px 0 0;background:url(../img/btn_go_link.png) no-repeat 100% 0;background-size:20px auto;color:#233746;font-size:16px;}

/*ir*/
.selectArea{padding:60px 25px 30px;}
.selectArea .ui-selectmenu-button.ui-button{height:52px;line-height:52px;border-radius:25px;}
.selectArea .ui-selectmenu-button.ui-button:after{right:2px;top:2px;width:47px;height:47px;margin:0;background:url(../img/sp_select.png) no-repeat;background-size:47px auto;}
.selectArea .ui-selectmenu-button-open.ui-button{border-radius:25px 25px 0 0;}
.selectArea .ui-selectmenu-button-open.ui-button:after{transform:rotate(-180deg);}
.selectArea .ui-selectmenu-menu{top:51px !important;}
.selectArea .ui-selectmenu-menu .ui-menu{width:auto !important;border-radius:0 0 25px 25px;}
.selectArea .ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper{display:block;padding:0 15px;font-size:15px}
.selectArea .ui-selectmenu-menu .ui-menu-item .ui-state-active{color:#fff;background:#00a197;}
.selectArea .ui-selectmenu-menu .ui-menu-item{height:52px;line-height:52px;padding:0;margin:5px 0 0;}
.selectArea .ui-selectmenu-menu .ui-menu-item:first-child{margin:0;}
.selectArea .ui-selectmenu-menu .ui-menu-item .ui-state-active:after{display:none;}

.irInfo{padding:0 25px 60px;}
.selectArea+.irInfo{padding-top:10px;}
.irInfo.bg{background:#f7f7f7;}
.irInfo .yearBox{display:none;}
.irInfo .yearBox .info{margin:-17px 0 0;padding:0 0 15px;text-align:right;color:#777;font-size:13px;}

.irInfo .list{padding:60px 0 0;}
.irInfo .list li{background:#fff;border:1px solid #e5e5e5;}
.irInfo .list li+li{margin:20px 0 0;}
.irInfo .list li>a{display:block;position:relative;padding:25px 15px;box-sizing:border-box;}
.irInfo .list li.active a{border-bottom:4px solid #00bcb4;box-shadow:rgba(0,0,0,.1) 0px 8px 20px;}
.irInfo .list li.active a:after{content:'';display:block;position:absolute;right:12px;bottom:8px;width:36px;height:37px;background:url(../img/btn_view_detail_s.png) no-repeat;background-size:36px auto;}
.irInfo .list li>a strong{display:block;color:#333;font-size:18px;line-height:20px;font-weight:400;}
.irInfo .list li>a .date{display:block;padding:30px 0 0;font-size:13px;color:#777;font-family:'muli';font-weight:300;}
.irInfo .list li>a .person{display:block;padding:10px 0 0;font-size:13px;line-height:13px;color:#555;}

.stockInfo{margin:0 -25px;padding:60px 25px 30px;background:#f7f7f7;}
.stockInfo .name{display:block;padding:0 0 20px;color:#333;font-size:18px;line-height:18px;}
.stockInfo .stockPrice{display:block;padding:0 0 25px;color:#233746;font-size:45px;line-height:45px;font-family:'muli';font-weight:700;}
.stockInfo .info1 ul{padding:0 0 30px;font-size:0;}
.stockInfo .info1 ul li{position:relative;display:inline-block;color:#555;font-size:16px;line-height:16px;}
.stockInfo .info1 ul li+li{padding:0 0 0 15px;margin:0 0 0 15px;}
.stockInfo .info1 ul li+li:after{content:'';display:block;position:absolute;left:0;top:3px;width:1px;height:12px;background:#ccc;}
.stockInfo .info1 ul li>em{display:inline-block;color:#555;padding:0 15px 0 0;vertical-align:middle;}
.stockInfo .info1 ul li>span{display:inline-block;color:#00a197;font-family:'muli';font-weight:700;vertical-align:middle;}
.stockInfo .info1 li .down{padding:0 0 0 14px;background:url(../img/bg_stock_down.png) no-repeat 0 50%;background-size:10px auto;}
.stockInfo .info1 li .up{padding:0 0 0 14px;background:url(../img/bg_stock_up.png) no-repeat 0 50%;background-size:10px auto;}
.stockInfo .info1 li .down2{padding:0 0 0 14px;background:url(../img/bg_stock_down2.png) no-repeat 0 50%;background-size:10px auto;}
.stockInfo .info1 li .up2{padding:0 0 0 14px;background:url(../img/bg_stock_up2.png) no-repeat 0 50%;background-size:10px auto;}
.stockInfo .info1 li .stay{padding:0 0 0 14px;background:url(../img/bg_stock_stay.png) no-repeat 0 50%;background-size:8px auto;}
.stockInfo .info2 ul{display:table;width:100%;border-top:2px solid #233746;border-bottom:1px solid #ccc;}
.stockInfo .info2 ul li{display:table-cell;width:25%;padding:25px 0;text-align:center;}
.stockInfo .info2 ul li>em{display:block;padding:0 0 15px;color:#555;font-size:13px;}
.stockInfo .info2 ul li .price{display:block;color:#233746;font-size:16px;font-family:'muli';font-weight:700;}
.stockInfo .baseDate{padding:15px 0 0;color:#777;font-size:13px;}

.stockTable{padding:30px 0 0;}
.stockTable .tableType1{margin:40px 0 0;}
.stockTable .tableType1  tbody td>span{padding:0;}
.stockTable .tableType1  tbody td:first-child>span{margin:0;}

.irInfo .boardList{margin:60px 0 0;padding:0;}
.irInfo .noResult{margin:60px 0 0;}

/*recruit*/
.talentedP .conTit2,.talentedP .img,.talentedP .txt{opacity:0;transform:translateY(40px);transition:all 1s ease-in-out;}
.talentedP{padding:60px 25px;}
.talentedP .conTit2{line-height:37px;}
.talentedP .img{padding:40px 0 0;text-align:center;}
.talentedP .txt{text-align:center;}
.talentedP .txt dt{margin:50px 0 0;color:#233746;font-size:22px;line-height:22px;font-weight:700;}
.talentedP .txt dd{margin:15px 0 0;color:#555;font-size:16px;line-height:26px;}
.talentedP .txt dd span{display:block;margin:20px 0 0;color:rgba(0,0,0,.1);font-size:18px;line-height:18px;font-weight:700;}

.recruitSystem{padding:60px 25px 0;}
.recruitSystem .conTit2{line-height:37px;opacity:0;transform:translateY(40px);transition:all 1s ease-in-out;}
.recruitSystem>.subTit{padding:40px 0 0;opacity:0;transform:translateY(40px);transition:all 1s ease-in-out;}
.slide{position:relative;}
.slide>button{position:relative;display:block;position:absolute;top:50%;width:70px;height:70px;margin:-35px 0 0;background:none;font-size: 1px;line-height: 1px;letter-spacing: -10px;color: transparent;}/*240205*/
.slide>button:after{content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:31px;background:url(../img/sp_slide_button.png) no-repeat;background-size:20px auto;}
.slide>.btnPrev{left:-25px;}
.slide>.btnPrev:after{background-position:0 0;}
.slide>.btnNext{right:-25px;}
.slide>.btnNext:after{background-position:0 -31px;}
.slide .slideWrap{overflow:hidden;}
.slide .slideWrap ul{width:1000%;}
.slide .slideWrap>ul>li{float:left;width:10%;padding:30px 0 0;text-align:center;}
.swiper-wrapper.disabled{transform:none !important;}
.recruitSystem .slide{margin:0 0 60px;opacity:0;transform:translateY(40px);transition:all 1s ease-in-out;}
.recruitSystem .slide .slideWrap ul li:before,.pageCon .slide .slideWrap ul li a:before{content:'';display:block;width:167px;height:167px;margin:0 auto 20px;background-size:167px auto;background-repeat:no-repeat;}
.recruitSystem .slide .slideWrap ul li:nth-child(1):before{background-image:url(../img/bg_recruit01.png);}
.recruitSystem .slide .slideWrap ul li:nth-child(2):before{background-image:url(../img/bg_recruit02.png);}
.recruitSystem .slide .slideWrap ul li:nth-child(3):before{background-image:url(../img/bg_recruit03.png);}
.recruitSystem .slide .slideWrap ul li:nth-child(4):before{background-image:url(../img/bg_recruit04.png);}
.recruitSystem .slide .slideWrap ul li:nth-child(5):before{background-image:url(../img/bg_recruit05.png);}
.recruitSystem .slide .slideWrap ul li:nth-child(6):before{background-image:url(../img/bg_recruit06.png);}
.recruitSystem .slide .slideWrap .step{display:inline-block;width:70px;height:28px;line-height:28px;background:#233746;border-radius:5px;color:#fff;font-size:13px;font-family:'muli';text-align:center;}
.recruitSystem .slide .slideWrap strong,.pageCon .slide .slideWrap strong{display:block;padding:20px 15px 0;color:#333;font-size:18px;}
.recruitSystem .slide .slideWrap span,.pageCon .slide .slideWrap strong+span{display:block;padding:10px 15px 0;color:#555;font-size:16px;}
.recruitSystem .slide .counter{position:absolute;right:0;top:0;color:#555;font-size:16px;line-height:16px;letter-spacing:-1px;}
.recruitSystem .slide .counter span{color:#049f95;}
.recruitWelfare{padding:0 25px 60px;margin:0 -25px;background:#f7f7f7;opacity:0;transform:translateY(40px);transition:all 1s ease-in-out;}
.recruitWelfare .subTit{padding:60px 0 0;}
.recruitWelfare>ul{margin:25px 0 0;border-top:1px solid #233746;border-bottom:1px solid #ccc;}
.recruitWelfare>ul>li{position:relative;padding:25px 0 25px 83px;}
.recruitWelfare>ul>li:nth-child(even){background:#fff;}
.recruitWelfare>ul>li:before{content:'';display:block;position:absolute;left:15px;top:50%;width:42px;height:42px;margin:-21px 0 0;background-repeat:no-repeat;background-size:42px auto;}
.recruitWelfare>ul>li:nth-child(1):before{background-image:url(../img/bg_recruit07.png);}
.recruitWelfare>ul>li:nth-child(2):before{background-image:url(../img/bg_recruit08.png);}
.recruitWelfare>ul>li:nth-child(3):before{background-image:url(../img/bg_recruit09.png);}
.recruitWelfare>ul>li:nth-child(4):before{background-image:url(../img/bg_recruit10.png);}
.recruitWelfare>ul>li:nth-child(5):before{background-image:url(../img/bg_recruit11.png);}
.recruitWelfare>ul>li strong{display:block;color:#333;font-size:18px;}
.recruitWelfare>ul>li span{display:block;padding:10px 0 0;color:#555;font-size:16px;}
.recruitWelfare .info{padding:10px 0 0;color:#555;font-size:14px;}

.recruitCon{padding:0 0 60px;background:#f7f7f7;}
.recruitList ul{padding:5px 25px 0;}
.recruitList ul li+li{margin:20px 0 0;}
.recruitList ul a{display:block;position:relative;padding:64px 19px 25px;border:1px solid #e5e5e5;background:#fff;}
.recruitList .field1{display:block;padding:0 0 10px;color:#00a197;font-size:14px;line-height:14px;}
.recruitList strong{overflow:hidden;display:block;width:100%;padding:0 0 20px;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:18px;}
.recruitList .field2{display:block;padding:0 0 10px;color:#555;font-size:13px;line-height:13px;}
.recruitList .date{display:block;padding:0 0 10px;color:#777;font-size:13px;line-height:13px;font-family:'muli';font-weight:300;}
.recruitList .dDay{display:block;position:absolute;left:20px;top:-6px;width:55px;height:55px;padding:14px 0 0;box-sizing:border-box;text-align:center;color:#fff;font-size:13px;line-height:13px;}
.recruitList .dDay.ing{background:#00a197;}
.recruitList .dDay.end{line-height:55px;padding:0;background:#ccc;}
.recruitList .dDay>span{display:block;padding:0 0 5px;font-family:'muli';font-weight:300;}
.recruitCon .noResult{margin:0 25px;border:1px solid #e5e5e5;background:#fff;}

/*customer*/
.customer .contArea{padding:60px 25px;color:#233746;font-size:30px;line-height:30px;}
.inputTxt,.inputTxt2{width:100%;height:50px;padding:17px 15px;box-sizing:border-box;border:1px solid #ccc;border-radius:5px;color:#999;font-size:16px;}
.inquiry{padding:40px 0 0;}
.inquiry .agreeBox{position:relative;margin:0 0 10px;}
.inquiry .agreeBox2{position:relative;margin:0 0 30px;}
/*.inquiry .checkBox{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}*/
.inquiry .checkGroup {position:relative;width:100%;min-height:50px;padding: 4px 0 5px;box-sizing:border-box;border:1px solid #ccc;border-radius:5px;}	/*padding:4px 30px 5px 50px;*/
.inquiry .checkGroup:after{content:'';display:block;position:absolute;right:16px;top:50%;width:8px;height:14px;margin:-7px 0 0;background:url(../img/btn_agree_link.png) no-repeat;background-size:8px auto;}
.inquiry .checkBox{left:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;opacity:0;}
.inquiry .checkBox:focus{outline:2px solid #000}
.inquiry .checkBox+label{display:inline-block;padding-left:50px;font-size:16px;line-height:50px;color:#555;}
.inquiry .checkBox+label:before{content:'';display:block;position:absolute;left:14px;top:50%;width:24px;height:24px;margin:-12px 0 0;background:url(../img/sp_check_box.png) no-repeat;background-size:24px auto;}
/* .inquiry .checkBox+label:after{content:'';display:block;position:absolute;right:16px;top:50%;width:8px;height:14px;margin:-7px 0 0;background:url(../img/btn_agree_link.png) no-repeat;background-size:8px auto;} */

.inquiry .checkGroup:has(.checkBox:checked){background:#00a197;border-color:#00a197;}
.inquiry .checkGroup:has(.checkBox:checked) label{color:#fff}
.inquiry .checkGroup:has(.checkBox:checked):after{background-position:0 -14px;}
/* .inquiry .checkBox:checked+label{background:#00a197;border-color:#00a197;color:#fff;} */
.inquiry .checkBox:checked+label:before{background-position:0 -24px;}
/* .inquiry .checkBox:checked+label:after{background-position:0 -14px;} */
.inquiry .agreeBox>a{overflow:hidden;display:inline-block;position:absolute;right:0;top:0;width:30px;height:100%;background:rgba(255,255,255,0);text-indent:-9999em;z-index:1;}
.inquiry .noti{display:none;padding:0 0 0 20px;margin:15px 0 0;background:url(../img/ico_noti.png) no-repeat;background-size:15px auto;color:#777;font-size:13px;line-height:15px;}
.inquiry .ui-selectmenu-button.ui-button{line-height:40px;}

.inquiry>ul>li{padding:20px 0 0;}
.inquiry>ul>li>em{display:block;padding:0 0 10px;color:#333;font-size:14px;line-height:14px;}
.inquiry>ul>li>em .essential{display:inline-block;width:5px;height:5px;margin:0 0 0 3px;background:url(../img/ico_essential.png) no-repeat;background-size:5px auto;text-indent:-9999em;vertical-align:top;}
.inquiry .email>div:after{content:'';display:block;clear:both;}
.inquiry .email>div input,.inquiry .email>div .selectmenu-wrap{float:left;width:calc(50% - 10px);}
.inquiry .email .symbol{float:left;width:20px;height:50px;line-height:50px;color:#333;font-size:16px;text-align:center;}
.inquiry textarea{width:100%;height:160px;padding:17px 15px;box-sizing:border-box;border:1px solid #ccc;border-radius:5px;resize:none;color:#999;font-size:16px;}
.inquiry .btnArea.full a{display:block;width:100%;font-size:20px;}

.layerPop .layerCon .term .conTit2{line-height:37px;padding:0 0 40px}
.term .subCopy{padding:0 0 20px;}
.term>ol>li>span{display:block;padding:0 0 15px;color:#333;font-size:18px;}
.term>ol>li+li{padding:40px 0 0;}
.term>ol>li .txt{color:#555;font-size:15px;line-height:26px;}
.term .tableType1 tbody td{padding:19px 0;}
.term>ol>li>em{display:block;padding:20px 0;color:#00a197;font-size:16px;line-height:16px;}
.term>ol>li>ul>li{position:relative;padding:0 0 0 10px;color:#555;font-size:16px;line-height:25px;}
.term>ol>li>ul>li:before{content:'';display:block;position:absolute;left:0;top:11px;width:2px;height:2px;background:#555;}
.term>ol>li .txt+ul,.term>ol>li ul+.txt{padding:20px 0 0;}
.termEnd{padding:20px 0 0;color:#333;font-size:16px;font-weight:700;}
.termEnd2{padding:20px 0 0;color:#555;font-size: 16px;}

/*error*/
.errorBox{padding:100px 25px 60px;text-align:center;}
.errorBox strong{color:#233746;font-size:22px;line-height:32px;font-weight:700;}
.errorBox strong:before{content:'';display:block;width:80px;height:80px;margin:0 auto 20px;background:url(../img/bg_no_result.png) no-repeat;background-size:80px auto;}
.errorBox p{padding:20px 0 0;color:#555;font-size:16px;line-height:26px;}

/*en*/
/*:lang(en) .subCopy,:lang(en) .conTit2,:lang(en) .subTit,:lang(en) .company .con1 h2,:lang(en) .company .con2 h2,:lang(en) .company .con3 li,:lang(en) .company .con3 li em,:lang(en) .history .con>ul>li>ul>li,:lang(en) .layerPop .layerCon h1,:lang(en) .layerPop .layerCon h2{word-break:keep-all}*/
:lang(en) body,:lang(en) section,:lang(en) article,:lang(en) aside,:lang(en) footer,:lang(en) div,:lang(en) dl,:lang(en) dt,:lang(en) dd,:lang(en) ul,:lang(en) ol,:lang(en) li:lang(en) h1,:lang(en) h2,:lang(en) h3,:lang(en) h4,:lang(en) h5,:lang(en) h6,:lang(en) pre,:lang(en) form,:lang(en) fieldset,:lang(en) input,:lang(en) select,:lang(en) textarea,:lang(en) p,:lang(en) blockquote,:lang(en) th,:lang(en) td,:lang(en) legend,:lang(en) button,:lang(en) span,:lang(en) em,:lang(en) strong{word-break:keep-all}
:lang(en) .logo{width:136px;background:url(../img/logo_sangsangin_en.png) no-repeat 25px 50%;background-size:101px auto;}
:lang(en) .gnb#story>a:after{display:none;}
:lang(en) .viewAllMenu .con .logo{width:148px;height:36px;background:url(../img/nav_logo_en.png) no-repeat;background-size:148px auto;}
:lang(en) .ftCont .fLogo{width:116px;height:28px;background:url(../img/footer_logo_en.png) no-repeat;background-size:116px auto;}

/*main*/
:lang(en) .main .logo{width:136px;background:url(../img/logo_sangsangin_en_w.png) no-repeat 25px 50%;background-size:101px auto;}
:lang(en) .main .visualBox .tit{width:309px;color:#fff;font-size:30px;line-height:40px;text-align:center;}
:lang(en) .main .visualBox .tit>span{display:block;padding:0 0 20px;font-size:20px;line-height:20px;font-family:'muli';font-weight:300;}
:lang(en) .main .csv{height:380px;}
:lang(en) .main .csv>a{padding:90px 0 0;}
:lang(en) .main .csv .tit{position:relative;width:320px;color:#fff;font-size:22px;line-height:27px;}
:lang(en) .main .csv .tit>span{display:block;padding:0 0 11px;font-size:30px;line-height:30px;font-family:'muli';}
:lang(en) .main .csv .tit:after{content:'';display:block;position:absolute;right:35px;top:-56px;width:77px;height:64px;background:url(../img/bg_main_csv.png) no-repeat;background-size:77px auto;}

:lang(en) .company .con3 li em{padding:0 0 4px;}

:lang(en) .history .tit h2{font-size:27px;line-height:27px;}
:lang(en) .history .con>ul>li:last-child{bottom:-45px;}

:lang(en) .pageCon>ul>li.sangsangin>strong{width:146px;background:url(../img/tit_sangsangin_en.png) no-repeat;background-size:146px auto;}
:lang(en) .pageCon>ul>li.sangsanginBank01>strong{width:146px;height:50px;background:url(../img/tit_sangsangin_bank01_en.png) no-repeat;background-size:146px auto;}
:lang(en) .pageCon>ul>li.sangsanginBank02>strong{width:203px;height:53px;background:url(../img/tit_sangsangin_bank02_en.png) no-repeat;background-size:203px auto;}
:lang(en) .pageCon>ul>li.sangsanginBank03>strong{width:146px;height:49px;background:url(../img/tit_sangsangin_bank03_en.png) no-repeat;background-size:146px auto;}
:lang(en) .pageCon>ul>li.sangsanginBank04>strong{width:203px;background:url(../img/tit_sangsangin_bank04_en.png) no-repeat;background-size:203px auto;}
:lang(en) .pageCon>ul>li.sangsanginIndustry01>strong{width:180px;height:55px;background:url(../img/tit_sangsangin_industry01_en.png) no-repeat;background-size:180px auto;}
:lang(en) .pageCon>ul>li.sangsanginIndustry02 strong{width:179px;height:51px;background:url(../img/tit_sangsangin_industry02_en.png) no-repeat;background-size:179px auto;}

:lang(en) .irInfo .yearBox .info{margin:5px 0 0;}

/* etc */
.no-bgcolor{background:none}

.con span{margin-bottom: 10px;}
.con2 p {font-size: 13px; color:#00a197;margin-top:15px;}
.con2-tit {color:#00a197; font-size: 13px; margin-top: 15px;}
.con2-txt {color: #555; font-size: 13px; margin-bottom: 5px;}
.con2 .info2{color: #555; font-weight: 300;}
.checkbox-info{font-size: 13px;color:#838383;}
.checkbox-info:before{content:'';display:inline-block;width:15px;height:15px;background:url(../img/check-info.png) no-repeat;background-size:15px auto;margin-right: 5px;vertical-align:middle;}
.small-txt{display:block;font-size: 11px;line-height: 1.4;color:#777 ;}
.text-box h3 {font-size: 15px;color: #555; }
.text-box {margin-bottom: 20px;}
.tableArea2 {margin-bottom: 20px;}
.con-tit{display: inline-block;font-size: 19px;}
.con-tit2{display:block;}
.notandum-info{border: 1px solid #ccc;padding:0 15px 10px;box-sizing: border-box;margin-top: 30px;}
.notandum-info strong{color: #ff0000; font-weight: normal;font-size: 14px;}
.notandum-info p{font-size: 13px;font-weight: normal;color: #999;line-height: 1.6;}
.top-space{line-height: 22px;margin-bottom: 10px;}
.upload-hidden{opacity:0}
.shadow{position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.52);width: 100%;height: 100vh;z-index: 9;}
.border{position: relative;}
.border::before{position: absolute; border-bottom: 2px solid #000; display: block; content: "";left: -1px; bottom:-9px ; width: 335px;}

.stopScroll{overflow:hidden;height:100%;}

/*radio*/
.checkGroup{}
.checkGroup1 {margin-bottom: 40px;}
.checkGroup2 .radio+label{display: inline-block;line-height: 24px;}
.check-list h3{font-size: 15px;color: #555;margin: 20px 0 10px;}
.radio{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.check-list .checkGroup1 label, .check-list .checkGroup2 label {font-weight: 500; font-size: 14px; line-height: 24px;margin-bottom: 10px;color: #555;}
.radio+label{display:block;position:relative;min-height:24px;padding:0 0 0 30px;color:#555;font-weight:300; font-size: 14px;}
.radio+label:before{content:'';display:block;position:absolute;left:0;top:0;width:24px;height:24px;background:url(../img/sp_radio_box.png) no-repeat;}
.radio:focus+label{outline:thin dotted #333}
.radio:checked+label:before{background-position:0 -24px;}


/*table*/
.pop-contents table{height: 280px;z-index: 999;}
.pop-contents table thead tr th,.pop-contents table tbody tr th {color:#00a197;font-size: 14px;padding-left: 10px;font-weight: 300;}
.pop-contents table tbody tr:last-child th{padding-top: 5px;}
.pop-contents table thead tr td,.pop-contents table tbody tr td{color:#555;font-size:13px;}
.pop-contents table thead tr, .pop-contents table tbody tr{border-bottom: 1px solid #e6e6e6;height: 40px;}
.pop-contents table tbody tr:last-child th{vertical-align: top;}

/* 부정비리 */
.img-conts{margin-top: 30px; }
.img-list {position: relative;display: inline-block; border: 1px solid #f8f8f8;width: 48%;height: 250px;text-align: center;}
.img-list img{display: block; margin: 0 auto;margin-bottom: 10px;width: 50px;}
.img-list strong{color: #00a197; font-size: 18px;font-weight: 300;}
.img-list p, .img-list span{display: block; font-size: 16px;font-weight: 300;color: #555;}
.img-list a {color:#555;font-size: 16px; display: block;}
.con-center{position: absolute;top: 50%; left: 50%;width: 100%;height: auto; transform: translate(-50%, -50%);}

/* 2025.03.20 추가 */
.btnAreaType01{margin-bottom:37px}
.btnRoundG{display:inline-block;height:40px;padding:0 50px 0 18px;color:#233746;font-size:16px;line-height:41px;font-weight:700;border:1px solid #00afa6;border-radius:60px;background:url(../img/btn_more_con.png) no-repeat calc(100% - 12px) 8px / 30px auto;}

.filebox{position:relative}
.filebox input[type=file]{position:absolute;top:0;right:0;width:calc(100% - 60% - 10px);height:50px;cursor:pointer;appearance:none;opacity:1;border-radius:4px;}
.filebox input[type=file]:after{content:'파일 첨부';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#00a197;z-index:1000;border-radius:5px;color:#fff;font-size:14px;text-align:center;font-weight:300;line-height:50px}