@charset "utf-8";
/**************************************************

	Global.css ( ver 1.0.3 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1300px;overflow-x: hidden;}

/* Table */
.table1{ width: 100%;border-top: 2px solid #333333; }
.table1 tr > *{padding: 20px 30px;border-bottom: 1px solid #ddd;font-size: 15px;color: #666666;line-height: 28px;}
.table1 tr > *:not(:first-child) {border-left: 1px solid #ddd;}
.table1 tr > *:not(:last-child)[rowspan] {border-right: 1px solid #ddd;}
.table1 tr > th {font-size: 16px;color: #333333;font-weight: 500;}
.table1 thead th{background: #f7f7f7;}
.table1 .bgGray {font-size: 16px;color: #333333;font-weight: 500;}

.table2{ width: 100%;border-top: 2px solid #333333; }
.table2 tr > *{padding: 20px 10px;border-bottom: 1px solid #ddd;font-size: 15px;color: #666666;line-height: 28px;}
.table2 tr > *:not(:first-child) {border-left: 1px solid #ddd;}
.table2 tr > *:not(:last-child)[rowspan] {border-right: 1px solid #ddd;}
.table2 tr > th {font-size: 16px;color: #333333;font-weight: 500;}
.table2 thead tr > *{background: #f7f7f7;}
.table2 .bgGray {font-size: 16px;color: #333333;font-weight: 500;}

/* Tab */
.tab1{ margin-bottom: 40px; }
.tab1 > li{display: inline-block;vertical-align: top;font-family: empty;font-size: 0;padding-bottom: 22px;}
.tab1 > li:not(:first-child):before {display: inline-block;vertical-align: middle;content: '';width: 5px;height: 5px;background: #cccccc;border-radius: 50%;margin: 0 20px;}
.tab1 > li a{display: inline-block;vertical-align: middle;font-family: noto;font-size: 17px;}
.tab1 > li.active {position: relative;z-index: 0;}
.tab1 > li.active:after {display: block;content: '';position: absolute;bottom: -1px;left: 0;right: 0;height: 3px;background: #2f4093;}
.tab1 > li.active:not(:first-child):after {left: 45px;}
.tab1 > li.active a{color: #2f4093;font-weight: 500;}

.tab2 {margin-bottom: 40px;display: flex;justify-content: space-between;border: 1px solid #ddd;}
.tab2 > li a {display: block;text-align: center;height: 50px;line-height: 50px;font-size: 15px;color: #555555;line-height: 1.2em;display: flex;justify-content: center;align-items: center;}
.tab2 > li a:hover {text-decoration: none;}
.tab2 > li:not(:first-child) a {border-left: 1px solid #ddd;}
.tab2 > li.active a {background: #2f4093;color: #fff;}

.tab3{ margin: -2px -2px 38px; }
.tab3 > li{display: inline-block;vertical-align: top;margin: 2px;}
.tab3 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 15px;border: 1px solid #ddd;background: #fff;border-radius: 5px;color: #333;letter-spacing: -1px;}
.tab3 > li.active a{background: #fff;color: #000;border-color: #333;}

/* Button */
.btnWrap{ margin-top: 30px; }
.btnWrap > *{margin: 0 2px;}
.btn1{ display: inline-block;background: #555555;border: 1px solid #555555;color: #fff !important;height: 35px;line-height: 33px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 33px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn3{ display: inline-block;background: #2f4093;border: 1px solid #2f4093;color: #fff !important;height: 35px;line-height: 33px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn33{ display: inline-block;background: #fff;border: 1px solid #2f4093;color: #2f4093 !important;height: 35px;line-height: 33px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn1:hover, .btn2:hover, .btn3:hover, .btn33:hover{ text-decoration: none; }
.btn1.small, .btn2.small, .btn3.small, .btn33.small{ height: 30px;line-height: 28px;padding: 0 10px;font-size: 12px; }
.btn1.big, .btn2.big, .btn3.big, .btn33.big{ height: 45px;line-height: 43px;padding: 0 25px;font-size: 15px; }
.btn1.radius, .btn2.radius, .btn3.radius, .btn33.radius{ border-radius: 5px; }
.btn1.big.radius, .btn2.big.radius, .btn3.big.radius, .btn33.big.radius{ min-width: 160px;text-align: center; }
.btn1.download, .btn2.download, .btn3.download, .btn33.download{ min-width: 220px;text-align: left;background-repeat: no-repeat;background-position: calc(100% - 25px) 50%;border-radius: 5px; }
.btn3.download {background-image: url('/images/sub/ico-download.png');}
.btn33.download {background-image: url('/images/sub/ico-download2.png');}

.__iframe iframe {display: block;max-width: 1200px;margin: 0 auto;}

/**************************
	Site Layer Popup
**************************/
.sp-pop{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: 3px;overflow: hidden;}
.sp-pop:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);}
.sp-pop .img{position: relative;min-height: 100px;}
.sp-pop .img img{max-width:100%;}
.sp-pop .btns{position: absolute;bottom: 0;left: 0;width: 100%;white-space: nowrap;background: #f7f7f7;}
.sp-pop .btns li{position: relative;display: inline-block;vertical-align: top;width: 50%;}
.sp-pop .btns li:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);border-width: 1px 1px 1px 0;}
.sp-pop .btns li:first-child:before{border-left-width: 1px;}
.sp-pop .btns li a,
.sp-pop .btns li label{position: relative;display: block;text-align: center;line-height: 32px;text-align: center;font-size: 11px;color: #666;letter-spacing: -1px;z-index: 3;text-decoration: none;font-family: dotum;}
.sp-pop .btns li label input{display: none;}
.sp-pop .btns.len3 li{width: 33.33%;}

/**************************
	Paging
**************************/
.paging{text-align: center;margin-top: 30px;font-family: empty;font-size: 0;}
.paging a{display: inline-block;vertical-align: top;margin: 2px;position: relative;width: 32px;height: 32px;line-height: 30px;text-align: center;background: #fff;border: 1px solid #ddd;color: #999999;font-size: 12px;color: #666666;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon;}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 32px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a.active{background: #333;color: #fff;font-weight: 600;}
.paging a.prev {margin-right: 12px;}
.paging a.next {margin-left: 12px;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{font-size: 15px;color: #666666;text-indent: -999em;}
.paging a.first:after{content: '\f100';text-indent: 0;}
.paging a.prev:after{content: '\f104';}
.paging a.next:after{content: '\f105';}
.paging a.last:after{content: '\f101';}

.bbspdnum {width: 100%;margin-top: 30px;}
.bbspdnum .num {text-align: center;font-family: empty;font-size: 0;}
.bbspdnum .num > *:not(script) {display: inline-block;vertical-align: top;margin: 2px;position: relative;width: 32px;height: 32px;line-height: 30px;text-align: center;background: #fff;border: 1px solid #ddd;color: #999999;font-size: 12px;color: #666666;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon;overflow: hidden;}
.bbspdnum .num > *:not(script):after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 32px;text-align: center;font-size: 15px;text-indent: 0;}
.bbspdnum .num > *:not(script).bbspdnumnumbold{background: #333;color: #fff;font-weight: 600;}
.bbspdnum .num a.prev {margin-right: 12px;}
.bbspdnum .num a.next {margin-left: 12px;}
.bbspdnum .num a.first,
.bbspdnum .num a.prev,
.bbspdnum .num a.next,
.bbspdnum .num a.last{font-size: 15px;color: #666666;text-indent: -999em;}
.bbspdnum .num a.first:after{content: '\f100';text-indent: 0;}
.bbspdnum .num a.prev:after{content: '\f104';}
.bbspdnum .num a.next:after{content: '\f105';}
.bbspdnum .num a.last:after{content: '\f101';}

/**************************************************
	Layout
**************************************************/
#header{position: fixed;top: 0;left: 0;right: 0;z-index: 90;}
#header .tmbWrap {min-height: 44px;background: #102749;padding: 0 80px;display: flex;justify-content: space-between;align-items: center;}
#header .tmbWrap .rig {display: flex;align-items: center;}
#header .inner{position: relative;height: 80px;margin: 0 80px;}
#header .logo{position: absolute;top: 0;left: 0;height: 100%;line-height: 80px;font-family: empty;font-size: 0;}
#header .logo a {display: inline-block;vertical-align: middle;width: 300px;height: calc(58px/2);background-image: url('/images/layout/logo.png');background-repeat: no-repeat;background-position: 0 0;background-size: cover;}

#gnb{margin: 0 290px 0 400px;display: flex;justify-content: space-between;align-items: center;}
#gnb > li{position: relative;display: inline-block;vertical-align: top;}
#gnb > li > a{display: block;line-height: 80px;font-size: 19px;color: #fff;text-decoration: none;}
#gnb > li > ul{position: absolute;top: 80px;left: 50%;width: 200px;margin-left: -100px;padding: 15px;border: 1px solid #ddd;border-top: 2px solid #102749;background: #fff;box-sizing: border-box;visibility: hidden;opacity: 0;transition: all 0.2s;}
#gnb > li > ul li a{display: block;font-size: 15px;color: #000;line-height: 30px;text-align: center;}
#gnb > li > ul li ul {display: none;}
/* #gnb > li:hover > ul{visibility: visible;opacity: 1;} */
#gnb > li.hidden-gnb{display: none;}
#gnb > li.active > a {color: #f6ab00 !important;}
#gnb > li > ul li.active a{font-weight: bold;}

#drdw{position: fixed;top: 124px;left: 0;width: 100%;background: #fff;border-top: 1px solid #ddd;border-bottom: 3px solid #102749;z-index: 91;display: none;}
#drdw .inner{position: relative;width: 1300px;height: auto;margin: 0 auto;display: flex;border-right: 1px solid #e8e8e8;}
#drdw .inner > li{padding: 35px 0;}
#drdw .inner > li:before{content: '';display: block;position: absolute;top: 0;height: 100%;width: 1px;background: #e8e8e8;}
#drdw .inner > li:first-child{border-left-width: 1px;}
#drdw .inner > li > a{display: block;margin-bottom: 20px;font-size: 18px;color: #333333;text-align: center;font-weight: 500;}
#drdw .inner > li > ul {margin: 0 22px;}
#drdw .inner > li > ul > li {margin-top: 12px;}
#drdw .inner > li > ul > li > a{display: block;font-size: 16px;line-height: 24px;color: #666666;text-align: center;}
#drdw .inner > li > ul > li > ul {display: none;}
#drdw .inner > li.hidden-gnb{display: none;}
#drdw .inner > li.active,
#drdw .inner > li:hover {background-color: #fff8e7;}
#drdw .inner > li > ul > li.active > a,
#drdw .inner > li > ul > li a:hover {text-decoration: underline;color: #f6ab00;}

#tnb1 > li{display: inline-block;vertical-align: middle;margin-right: 30px;}
#tnb1 > li a{font-size: 13px;color: #dddddd;font-weight: 300;line-height: 44px;}

#tnb2 {display: flex;align-items: center;}
#tnb2 > li{display: flex;align-items: center;}
#tnb2 > li:not(:first-child):before {display: block;content: '';width: 1px;height: 8px;background: #dddddd;margin: 0 10px;}
#tnb2 > li a{font-size: 13px;color: #dddddd;font-weight: 300;line-height: 44px;}

#golink {margin-left: 25px;padding: 0 50px 0 20px;font-size: 13px;color: #fff;font-weight: 300;height: 44px;line-height: 44px;background: #2f4093 url('/images/layout/ico-golink.png') no-repeat calc(100% - 20px) 50%;}
#golink:hover {text-decoration: none;}

#hd-lan{display: flex;align-items: center;position: relative;z-index: 1;}
#hd-lan:before {display: block;content: '';width: 1px;height: 8px;background: #dddddd;margin: 0 10px;}
#hd-lan > a{display: block;padding-right: 15px;font-size: 13px;color: #dddddd;font-weight: 300;line-height: 44px;text-decoration: none;text-transform: uppercase;background: url('/images/layout/hd-lan-spr.png') no-repeat right center;}
#hd-lan > ul{position: absolute;top: 44px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
#hd-lan > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('/images/layout/hd-lanbox-spr.png');}
#hd-lan > ul li a{display: block;font-size: 14px;line-height: 26px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
#hd-lan:hover > ul{display: block;}

#hd-sch{position: absolute;top: 30px;right: 46px;z-index: 91;}
#hd-sch .btn{display: block;border: none;font-size: 20px;color: #fff;background: rgba(0,0,0,0);}
#hd-sch .btn i {display: block;}
#hd-sch form{position: absolute;display: none;top: 30px;right: 0;width: 200px;padding-right: 45px;border: 1px solid #333;border-radius: 5px;overflow: hidden;background: #fff;}
#hd-sch legend{display: none;}
#hd-sch .txt{width: 100%;height: 43px;line-height: 43px;text-indent: 10px;background: none;border: none;}
#hd-sch .sbm{position: absolute;top: 0;right: 0;width: 45px;height: 45px;background: #333 url('/images/layout/hd-sch-btn2.png') no-repeat center center;border: none;text-indent: -999em;}
#hd-sch.on form{display: block;}

#partner-wrap {border-top: 1px solid #ddd;background: #fff;}
#partner-wrap .inr {max-width: 1300px;margin: 0 auto;position: relative;}
#partner-wrap .item a {display: block;padding-bottom: 114px;background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;background-color: #fff;}
#partner-wrap .slick-arrow {border: 0;position: absolute;top: 50%;width: 36px;height: 36px;border-radius: 50%;border: 1px solid #ddd;overflow: hidden;text-indent: -9999px;transform: translateY(-50%);}
#partner-wrap .slick-prev {background-image: url('/images/layout/partner-prev.jpg');left: -56px;}
#partner-wrap .slick-next {background-image: url('/images/layout/partner-next.jpg');right: -56px;}

#footer{background: #151515;}
#footer .fnbWrap{border-bottom: 1px solid #3d3d3d;position: relative;width: 1300px;margin: 0 auto;}
#footer .ftWrap{position: relative;width: 1300px;margin: 0 auto;padding: 55px 0;display: flex;justify-content: space-between;align-items: center;}
#footer address{width: calc(100% - 200px);line-height: 28px;color: #cccccc;font-style: normal;}
#footer address hr{width: 20px;border: none;display: inline-block;vertical-align: middle;}
#footer address .copyright{display: block;margin-top: 15px;color: #aaaaaa;}

#sns-ico{position: absolute;top: 25px;right: 88px;}
#sns-ico li{display: inline-block;vertical-align: middle;margin-left: 7px;}
#sns-ico li a {display: block;width: 30px;height: 30px;border-radius: 50%;background-repeat: no-repeat;background-position: 50% 0;background-size: cover;overflow: hidden;text-indent: -999px;}

#gotop{position: fixed;bottom: 80px;right: 30px;z-index: 1;display: block;background: url('/images/layout/ft-top-btn.jpg') no-repeat center center;width: 75px;height: 75px;text-indent: -999em;border-radius: 50%;}

#fnb > li{display: inline-block;vertical-align: middle;margin-right: 30px;}
#fnb > li a{color: #fff;letter-spacing: -1px;line-height: 65px;}

#ft-fam{position: absolute;top: 10px;right: 0;width: 250px;height: 45px;}
#ft-fam > a{display: block;line-height: 45px;padding: 0 20px;font-size: 13px;color: #cccccc;font-weight: 300;text-decoration: none;background: #313131 url('/images/layout/ft-family-spr.png') no-repeat 92% center;}
#ft-fam ul{position: absolute;bottom: 40px;left: 0;display: none;width: 100%;padding: 5px 15px;background: #444444;box-sizing: border-box;max-height: 300px;overflow-y: auto;}
#ft-fam ul li{border-top: 1px solid #575757;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;line-height: 35px;color: #f7f7f7;text-align: center;}
#ft-fam:hover ul{display: block;}

#slide-btn{text-indent: -999em;width: 30px;height: 20px;position: absolute;top: 30px;right: 0;}
#slide-btn button{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;background: none;cursor: pointer;outline: none;}
#slide-btn button span,
#slide-btn button:before,
#slide-btn button:after{border-radius: 2px;overflow: hidden;position: absolute;left: 0;width: 100%;height: 2px;background: #fff;}
#slide-btn button span{display: block;top: 50%;margin-top: -1px;opacity: 1;transition: all 0.3s;}
#slide-btn button:before{content: '';display: block;top: 0;transition: all 0.3s;}
#slide-btn button:after{content: '';display: block;bottom: 0;transition: all 0.3s;}
#slide-btn button.on span{opacity: 0;}
#slide-btn button.on:before{top: 50%;margin-top: -1px;transform: rotate(45deg);}
#slide-btn button.on:after{bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}

#slide-bg{display: none;}

#slide-menu{display: none;}

#header.on {background: #fff;}
#header.on .logo a {background-position: 50% 100%;}
#header.on #gnb > li > a {color: #333333;}
#header.on #sns-ico li a {background-position: 50% 100%;}
#header.on #hd-sch .btn {color: #333;}
#header.on #slide-btn button span,
#header.on #slide-btn button:before,
#header.on #slide-btn button:after{background: #333333;}

#header.fix {background: #fff;}
#header.fix .logo a {background-position: 50% 100%;}
#header.fix #gnb > li > a {color: #333333;}
#header.fix #sns-ico li a {background-position: 50% 100%;}
#header.fix #hd-sch .btn {color: #333;}
#header.fix #slide-btn button span,
#header.fix #slide-btn button:before,
#header.fix #slide-btn button:after{background: #333333;}

#header:hover {background: #fff;}
#header:hover .logo a {background-position: 50% 100%;}
#header:hover #gnb > li > a {color: #333333;}
#header:hover #sns-ico li a {background-position: 50% 100%;}
#header:hover #hd-sch .btn {color: #333;}
#header:hover #slide-btn button span,
#header:hover #slide-btn button:before,
#header:hover #slide-btn button:after{background: #333333;}

body:not(.fp-viewing-firstPage, .sub) #header {background: #fff;}
body:not(.fp-viewing-firstPage, .sub) #header .logo a {background-position: 50% 100%;}
body:not(.fp-viewing-firstPage, .sub) #gnb > li > a {color: #333333;}
body:not(.fp-viewing-firstPage, .sub) #sns-ico li a {background-position: 50% 100%;}
body:not(.fp-viewing-firstPage, .sub) #hd-sch .btn {color: #333;}
body:not(.fp-viewing-firstPage, .sub) #slide-btn button span,
body:not(.fp-viewing-firstPage, .sub) #slide-btn button:before,
body:not(.fp-viewing-firstPage, .sub) #slide-btn button:after{background: #333333;}

/**************************************************
	Ajax Popup
**************************************************/
#popup{position: fixed;top: 50%;left: 50%;width: 600px;height: 500px;margin-top: -250px;margin-left: -300px;padding-top: 46px;z-index: 301;background: #fff;border-radius: 5px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup .pop-tit{position: absolute;top: 0;left: 0;width: 100%;height: 45px;background: #f7f7f7;padding: 0 15px;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#popup .pop-tit h3{font-size: 15px;color: #000;font-weight: 500;line-height: 45px;}
#popup .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 44px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #666;background: #eee;border-left: 1px solid #ddd;}
#popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
#popup.on{opacity: 1;}
#popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
#popupBG.on{opacity: 1;}

/* sitemap */
#popup .sitemap{ text-align: center; }
#popup .sitemap > li{display: inline-block;width: 32%;vertical-align: top;margin-bottom: 10px;}
#popup .sitemap > li > a{display: block;text-align: center;font-size: 14px;letter-spacing: -1px;background: #f7f7f7;font-weight: 500;line-height: 40px;border-radius: 3px;}
#popup .sitemap > li ul li{border-top: 1px solid #f7f7f7;text-align: left;}
#popup .sitemap > li ul li:first-child{border-top: none;}
#popup .sitemap > li ul li a{display: block;font-size: 13px;color: #333;line-height: 18px;padding: 10px 0;text-align: center;}

/**************************************************
	Main
**************************************************/
#aside {position: fixed;left: 40px;top: 0;bottom: 0;z-index: 88;display: flex;flex-direction: column;justify-content: center;}
#aside ul li:not(:first-child) {margin-top: 12px;}
#aside ul li a {display: block;font-size: 15px;color: #cccccc;line-height: 30px;}
#aside ul li.active a {color: #fff;position: relative;font-weight: 700;}
#aside ul li.active a:after {display: block;content: '';position: absolute;bottom: 0;left: -40px;width: 60px;height: 3px;background: #fff;}
body:not(.fp-viewing-firstPage) #aside ul li.active a {color: #2f4093;}
body:not(.fp-viewing-firstPage) #aside ul li.active a:after {background: #2f4093;}


#main {position: relative;}
#main:before {display: block;content: '';width: 19px;height: 151px;position: fixed;top: 50%;right: 30px;z-index: 1;transform: translateY(-50%);background: url('/images/main/ico-scroll.png') no-repeat 100% 50%;background-size: cover;}
body:not(.fp-viewing-firstPage) #main:before {background-position: 0 50%;}

#main .visual{position: relative;height: 100%;}
#main .visual .roll,
#main .visual .slick-list,
#main .visual .slick-track {height: 100%;}
#main .visual .item{height: 100%;position: relative;overflow: hidden;}
#main .visual .item .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;}
#main .visual .item .bg {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
#main .visual .slogan {position: absolute;bottom: 45%;left: 50%;width: 1300px;margin-left: -650px;z-index: 11;}
#main .visual .slogan .txt {margin-bottom: 70px;}
#main .visual .slogan .txt > * {display: block;margin-top: 20px;color: #fff;}
#main .visual .slogan .txt > strong {font-size: 50px;font-weight: 700;line-height: 72px;}
#main .visual .slogan .txt > p {font-size: 19px;font-weight: 300;}
#main .visual .control {display: flex;align-items: center;}
#main .visual .control .arrow {border: 0;background: rgba(0,0,0,0);}
#main .visual .control .arrow.prev {margin-right: 20px;}
#main .visual .control .arrow.next {margin-left: 20px;}
#main .visual .control .arrow i {display: block;font-size: 28px;color: #fff;}
#main .visual .control .dot > li {display: inline-block;vertical-align: middle;margin: 0 12px;}
#main .visual .control .dot > li a {display: block;font-size: 18px;color: #fff;font-family: 'Open Sans';font-weight: 600;}
#main .visual .control .dot > li a:hover {text-decoration: none;}
#main .visual .control .dot > li.active {padding-right: 70px;position: relative;}
#main .visual .control .dot > li.active:before,
#main .visual .control .dot > li.active:after {display: block;content: '';height: 3px;background: #fff;position: absolute;top: calc(50% - 1px);left: calc(100% - 70px + 12px);}
#main .visual .control .dot > li.active:before {animation: bar 4s ease forwards;}
@keyframes bar {
	0% {width: 0;}
	100% {width: 70px;}
}
#main .visual .control .dot > li.active:after {width: 70px;opacity: 0.35;}
#main .visual .boxs {position: absolute;bottom: 12.7%;right: 50%;margin-right: -650px;z-index: 11;display: flex;flex-wrap: wrap;width: 1020px;}
#main .visual .boxs > * {width: 320px;min-height: 210px;margin-left: 20px;margin-top: 20px;border-radius: 5px;overflow: hidden;position: relative;padding: 30px 35px;box-sizing: border-box;background-repeat: no-repeat;}
#main .visual .boxs > *:first-child {margin-left: calc(320px + 20px*2);}
#main .visual .boxs .link {position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 10;}
#main .visual .boxs strong {display: block;margin-bottom: 15px;font-size: 22px;color: #fff;font-weight: 700;}
#main .visual .boxs p {font-size: 14px;color: #fff;font-weight: 300;letter-spacing: -1px;line-height: 24px;}
#main .visual .boxs .btns > li {display: flex;align-content: center;flex-wrap: wrap;align-items: center;height: 50px;border-radius: 5px;margin-top: 5px;background: rgba(0,0,0,0.2);padding-left: 18px;position: relative;z-index: 0;overflow: hidden;}
#main .visual .boxs .btns a {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;}
#main .visual .boxs .btns p {color: #fff;font-weight: 300;letter-spacing: -1px;line-height: 1.1em;}
#main .visual .boxs .btns span {display: block;margin-top: 5px;font-size: 11px;color: #fff;letter-spacing: -0.05em;line-height: 1.1em;}
#main .visual .boxs .btns > li:after {display: block;content: '';position: absolute;top: 0;bottom: 0;right: 0;width: 46px;background: rgba(0,0,0,0.2) url('/images/main/ico-link1.png') no-repeat calc(100% - 16px) 50%;background-size: 13px 13px;z-index: -1;}
#main .visual .boxs .btns > li:hover {text-decoration: none;background-color: rgba(0,0,0,0.3);}
#main .visual .boxs > .box1 {background: url('/images/main/ico-link1.png') no-repeat 35px calc(100% - 30px), url('/images/main/vis-box-bg1.png') no-repeat 100% 50%;background-color: rgba(0,0,0,0.4);background-size: auto, contain;}
/* #main .visual .boxs > .box2 {background: url('/images/main/ico-link2.png') no-repeat 35px calc(100% - 30px), url('/images/main/vis-box-bg2.jpg') no-repeat 100% 50%;background-color: #fff;background-size: auto, contain;} */
#main .visual .boxs > .box2 {background: url('/images/main/vis-box-bg2.jpg') no-repeat 100% 50%;background-color: #fff;background-size: contain;}
#main .visual .boxs > .box2 strong {color: #333333;}
#main .visual .boxs > .box2 p {color: #777777;}
#main .visual .boxs > .box2 .btns {display: flex;flex-direction: column;align-items: start;}
#main .visual .boxs > .box2 .btns > a {margin-top: 3px;position: static;font-size: 15px;color: #111;line-height: 30px;padding-right: 28px;background: url('/images/main/ico-link2.png') no-repeat 100% 50%;background-size: auto 13px;}
#main .visual .boxs > .box3 {background: url('/images/main/ico-link1.png') no-repeat 35px calc(100% - 30px), url('/images/main/vis-box-bg3.jpg') no-repeat 50% 50%;background-size: auto, cover;}
#main .visual .boxs > .box4 {background: url('/images/main/vis-box-bg4.jpg') no-repeat 50% 50%;background-size: cover;}

#fullpage .section.foot,
#fullpage .section.foot .fp-tableCell {height: 390px !important;}

#main .secondPage {background: url('/images/main/bg1.jpg') no-repeat 50% 50%;background-size: cover}
#main .secondPage .inr {max-width: 1300px;margin: 124px auto 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
#main .secondPage .inr > dl {margin: 12px 0;min-height: 330px;border-radius: 10px;overflow: hidden;background: #fff;padding: 35px 40px;box-sizing: border-box;box-shadow: 8px 8px 25px rgba(0,0,0,0.08);}
#main .secondPage .inr > dl.board {width: 840px;}
#main .secondPage .inr > dl.board dt {border-bottom: 1px solid #ddd;}
#main .secondPage .inr > dl.bd-gall {width: calc(100%/2 - 25px/2);}
#main .secondPage .inr > dl.bd-gall dt {margin-bottom: 20px;}
#main .secondPage .inr > dl.banner {width: 435px;}
#main .secondPage .inr > dl.banner dt {margin-bottom: 15px;}
#main .secondPage .inr > dl dt {display: flex;position: relative;min-height: 51px;}
#main .secondPage .inr > dl dt > strong {margin-right: 35px;font-size: 24px;color: #333333;font-weight: 700;}
#main .secondPage .inr > dl dt > .control {position: absolute;top: 0;right: 0;display: flex;align-items: center;}
#main .secondPage .inr > dl dt > .control .arrow {border: 0;border-radius: 50%;}
#main .secondPage .inr > dl dt > .control > * {margin-left: 7px;}
#main .secondPage .inr > dl dt > .control .dot {display: flex;align-items: center;margin-right: 7px;}
#main .secondPage .inr > dl dt > .control .dot > li {margin-left: 5px;}
#main .secondPage .inr > dl dt > .control .dot > li a {display: block;width: 10px;height: 10px;background: #d1d1d1;border-radius: 50%;overflow: hidden;text-indent: -9999px;}
#main .secondPage .inr > dl dt > .control .dot > li.active a {background: #2f4093;}
#main .secondPage .tab1 {margin-bottom: 0;}
#main .secondPage .tab1 > li {padding-top: 5px;}
#main .secondPage .list > li a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;}
#main .secondPage .list > li p {font-size: 15px;color: #777777;font-weight: 300;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#main .secondPage .list > li i {display: inline-block;vertical-align: 1px;font-style: normal;margin-right: 5px;width: 21px;height: 21px;line-height: 21px;border-radius: 50%;text-align: center;background: #2f4093;border-radius: 50%;font-size: 11px;color: #fff;font-family: 'Open Sans';font-weight: 700;}
#main .secondPage .list > li.first {border-bottom: 1px solid #ddd;margin-bottom: 12px;padding: 22px 0;padding-left: 92px;position: relative;}
#main .secondPage .list > li.first em {position: absolute;top: 50%;left: 0;transform: translateY(-50%);text-align: center;font-size: 36px;color: #2f4093;font-family: 'Open Sans';font-weight: 700;line-height: 1em;font-style: normal;}
#main .secondPage .list > li.first em span {display: block;font-size: 13px;color: #333333;font-family: 'Open Sans';font-weight: 600;line-height: 1em;margin-top: 5px;}
#main .secondPage .list > li.first a {display: block;font-size: 18px;color: #333333;font-weight: 500;letter-spacing: -0.05em;line-height: 26px;}
#main .secondPage .list > li.first p {margin-top: 5px;}
#main .secondPage .list > li:not(.first) {padding-left: 20px;position: relative;display: flex;justify-content: space-between;align-items: center;}
#main .secondPage .list > li:not(.first):after {display: block;content: '';position: absolute;top: 14px;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #bbbbbb;}
#main .secondPage .list > li:not(.first) a {max-width: 80%;color: #777777;line-height: 32px;font-size: 18px;color: #333333;}
#main .secondPage .list > li:not(.first) span {font-family: 'Open Sans';font-weight: normal;font-size: 18px;color: #888888;line-height: 32px;}
#main .secondPage .list > li:not(.first) i {vertical-align: 1px;}
#main .secondPage .bd-gall .roll {margin: 0 -10px;}
#main .secondPage .bd-gall .item {position: relative;margin: 0 10px;}
#main .secondPage .bd-gall .item .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;}
#main .secondPage .bd-gall .item .tmb {padding-bottom: 135px;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;background-color: #000;}
#main .secondPage .bd-gall .item .inf {padding-top: 10px;}
#main .secondPage .bd-gall .item .inf > * {display: block;margin-top: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#main .secondPage .bd-gall .item .inf > strong {font-size: 16px;color: #333333;font-weight: 500;}
#main .secondPage .bd-gall .item .inf > p {color: #888888;font-weight: 300;}
#main .secondPage .banner .item {position: relative;}
#main .secondPage .banner .item .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;}
#main .secondPage .banner .item .tmb {padding-bottom: 215px;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;background-color: #000;}

#main .thirdPage {background: url('/images/main/bg2.jpg') no-repeat 50% 50%;background-size: cover}
#main .thirdPage .inr {max-width: 1300px;margin: 124px auto 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
#main .thirdPage .mtit {width: 100%;}
#main .thirdPage .btn-ico {width: 100%;margin-bottom: 25px;display: flex;justify-content: space-between;}
#main .thirdPage .btn-ico > li a {display: block;}
#main .thirdPage .btn-ico > li img {display: block;margin: 0 auto;}
#main .thirdPage .btn-ico > li p {font-size: 16px;color: #333333;line-height: 20px;text-align: center;}
#main .thirdPage dl {width: 627px;border-radius: 10px;overflow: hidden;padding: 27px 40px;box-sizing: border-box;background: #dcf2fc;box-shadow: 8px 8px 25px rgba(0,0,0,0.1);display: flex;justify-content: space-between;}
#main .thirdPage dl dt > strong {font-size: 22px;color: #333333;font-weight: 700;line-height: 30px;padding-top: 15px;}
#main .thirdPage dl dd .btns > li {display: inline-block;vertical-align: middle;}
#main .thirdPage dl dd .btns > li img {display: block;margin: 0 10px;}
#main .thirdPage dl dd .btns > li p {margin-top: 5px;font-size: 16px;color: #333333;line-height: 20px;text-align: center;}
#main .thirdPage .btn-box {}
#main .thirdPage .btn-box > li {display: inline-block;vertical-align: middle;padding: 4px;width: 191px;height: 180px;background: #fff;border-radius: 20px;overflow: hidden;box-shadow: 8px 8px 25px rgba(0,0,0,0.1);box-sizing: border-box;}
#main .thirdPage .btn-box > li:not(:first-child) {margin-left: 30px;}
#main .thirdPage .btn-box > li a {display: block;border-radius: 17px;padding: 21px 26px;position: relative;height: 100%;box-sizing: border-box;background: #fff url('/images/main/more2.png') no-repeat 30px calc(100% - 36px);}
#main .thirdPage .btn-box > li a:hover {text-decoration: none;}
#main .thirdPage .btn-box > li p {font-size: 22px;color: #333333;font-weight: 700;}
#main .thirdPage .btn-box > li img {position: absolute;bottom: 4px;right: 4px;border-radius: 10px;}
#main .thirdPage .btn-box > li:hover {position: relative;bottom: 20px;background: url('/images/main/bg-gra.jpg') no-repeat 50% 50%;background-size: cover;box-shadow: 8px 8px 25px rgba(0,0,0,0.3);}
#main .thirdPage .slider {width: 100%;margin-top: 40px;}
#main .thirdPage .roll {margin: -5px;}
#main .thirdPage .item {padding: 5px;}
#main .thirdPage .item a {display: block;background-color: #fff;border-radius: 20px;overflow: hidden;}
#main .thirdPage .item a img {display: block;margin: 0 auto;max-width: 100%;}
#main .thirdPage .item:not(.slick-center) {margin: 37px 0;opacity: 0.5;margin: 9px 0;}
#main .thirdPage .item.slick-center {z-index: 20;position: relative;}
#main .thirdPage .item.slick-center a {margin: 0 -96.5px;}
#main .thirdPage .slick-arrow {position: absolute;top: calc(50% - 75px/2);width: 39px;height: 75px;overflow: hidden;text-indent: -9999px;border: 0;background-color: rgba(0,0,0,0);background-position: 50% 50%;background-size: contain;border: 0;}
#main .thirdPage .slick-prev {background-image: url('/images/main/arrow-left2.png');left: -80px;}
#main .thirdPage .slick-next {background-image: url('/images/main/arrow-right2.png');right: -80px;}

.mtit {margin-bottom: 25px;}
.mtit > h3 {display: block;text-align: center;font-size: 40px;color: #333333;font-weight: 700;}

/**************************************************
	Sub
**************************************************/
#sub #content{ position: relative;max-width: 1200px;margin: 0 auto;padding: 50px 0 100px; }
#sub #content > .subtitle {display: none !important;}

#sub .sub-vis{position: relative;height: 460px;overflow: hidden;text-align: center;background-position: center center;background-size: cover;}
#sub .sub-vis:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
#sub .sub-vis h2{display: inline-block;vertical-align: middle;text-align: center;padding-top: 124px;font-size: 35px;color: #fff;letter-spacing: -1px;z-index: 2;}
#sub .sub-vis h2 em{display: block;margin-top: 10px;font-style: normal;font-size: 18px;font-weight: normal;}

#sub .sub-tit{max-width: 1200px;margin: 12px auto 0;}
#sub .sub-tit h3{display: block;text-align: center;font-size: 38px;color: #222222;font-weight: 500;}

.lnbWrap{margin-top: 45px;}
#lnb{max-width: 1200px;margin: 0 auto;border: 1px solid #ddd;display: flex;align-items: center;}
#lnb > li{flex-grow: 1;}
#lnb > li:not(:first-child){border-left: 1px solid #ddd;}
#lnb > li > a{display: block;height: 52px;display: flex;justify-content: center;align-items: center;font-size: 15px;color: #555555;}
#lnb > li > ul {display: none;}
#lnb > li.active > a{background: #2f4093;color: #fff;}

#lnb2{max-width: 1200px;margin: 30px auto 0;border-bottom: 1px solid #ddd;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
#lnb2 > li {margin: 0 13px;}
#lnb2 > li > a{display: block;padding: 0 12px;height: 55px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #666666;line-height: 1.2em;position: relative;}
#lnb2 > li > a:hover {text-decoration: none;}
#lnb2 > li.active > a {color: #2f4093;}
#lnb2 > li.active > a:after {display: block;content: '';position: absolute;bottom: -1px;left: 0;right: 0;height: 3px;background: #2f4093;}

#status {max-width: 1200px;margin: 0 auto;padding: 24px 0;position: relative;}
#status .txt {position: absolute;top: 50%;left: 0;transform: translateY(-50%);color: #555555;font-weight: 300;padding-left: 15px;}
#status .txt:after {display: block;content: '';width: 4px;height: 4px;background: #2f4093;position: absolute;top: 8px;left: 0;}
#status .txt b {color: #333333;font-weight: 500;}
#status > ul{text-align: right;}
#status > ul > li{display: inline-block;vertical-align: middle;font-family: empty;font-size: 0;}
#status > ul > li .spr{display: inline-block;vertical-align: middle;margin: 0 7px;color: #999;font-family: 'Open Sans';font-size: 11px;line-height: 11px;}
#status > ul > li a{display: inline-block;vertical-align: middle;font-family: noto;font-size: 13px;color: #777777;font-weight: 300;text-decoration: none;}
#status > ul > li:last-child a{color: #000;}
#status > ul > li > ul{display: none;}

#navigator{border: 1px solid #ddd;border-width: 0 0 1px 0;}
#navigator > ul{width: 1200px;position: relative;margin: 0 auto;border-left: 1px solid #ddd;box-sizing: border-box;background: #fff;}
#navigator > ul > li{position: relative;display: inline-block;border-right: 1px solid #ddd;vertical-align: top;z-index: 89;}
#navigator > ul > li > a{display: block;min-width: 200px;font-size: 15px;font-weight: 500;color: #333;text-decoration: none;padding: 0 60px 0 15px;line-height: 50px;background: url('/images/layout/ft-family-spr.png') no-repeat 95% center;}
#navigator > ul > li:first-child a{min-width: 0;width: 50px;text-align: center;padding: 0;background: #2f4093;color: #fff;font-size: 20px;}
#navigator > ul > li > ul{position: absolute;top: 50px;left: -1px;width: 100%;border: 1px solid #ddd;visibility: hidden;opacity: 0;transition: all 0.2s;}
#navigator > ul > li > ul li a{display: block;padding: 12px 15px;font-size: 15px;border-top: 1px solid #ddd;text-decoration: none;transition: all 0.3s;}
#navigator > ul > li > ul li:first-child a{border-top: none;}
#navigator > ul > li > ul li:hover a{background: #f7f7f7;}
#navigator > ul > li > ul > li > ul {display: none;}
#navigator > ul > li.on > ul{background: #fff;visibility: visible;opacity: 1;}
#navigator > ul > li > ul li.hidden-gnb{display: none;}
#navigator > ul > li > ul > li.active a {background-color: #fff8e7;color: #f6ab00;text-decoration: underline;}

/* ¾à°ü ³»¿ë Ãâ·Â ¹Ú½º */
.policybox{color: #666;font-size: 13px;line-height: 20px;}

.colRed {color: #d21313 !important;}
.colBlue {color: #2f4093 !important;}
.colBlack {color: #222222 !important;}

.bgf7f7f7 {background: #f7f7f7 !important;}

.stit {margin-bottom: 25px;}
.stit:not(:first-child) {margin-top: 50px;}
.stit > h4 {display: block;font-size: 26px;color: #222222;font-weight: 500;}

.stit1 {display: block;margin-bottom: 20px;font-size: 22px;color: #333333;font-weight: 500;}
.stit1:not(:first-child) {margin-top: 40px;}
.stit1.lbar {position: relative;padding-left: 13px;}
.stit1.lbar:after {display: block;content: '';width: 4px;height: 22px;background: #2f4093;position: absolute;top: 4px;left: 0;}
.stit1.arrow {padding-left: 15px;background: url('/images/sub/ico-stit-arrow.png') no-repeat 0 8px;}
.stit1.lbar + .stit1.arrow {margin-top: 0;}

.stit2 {display: block;margin-bottom: 10px;font-size: 18px;color: #333333;font-weight: 500;}

.stxt1 {font-size: 15px;color: #666666;line-height: 28px;}
.stxt1.ml15 {margin-left: 13px !important;}
.stxt1 * {display: inline-block;vertical-align: 0;font-size: 15px;color: #666666;line-height: 28px;}
.stxt1 img {vertical-align: -5px;}
.stxt2 {font-size: 20px;color: #222222;font-weight: 500;}
.stxt2 * {display: inline-block;vertical-align: middle;font-size: 20px;color: #222222;font-weight: 500;}

.stxt-dot > li {font-size: 15px;color: #666666;line-height: 30px;letter-spacing: -1px;padding-left: 13px;position: relative;}
.stxt-dot > li:after {display: block;content: '';width: 4px;height: 4px;background: #2f4093;position: absolute;top: 13px;left: 0;}

.fulldiv {position: relative;left: 50%;width: 100vw;margin-left: -50vw;}
.fulldiv.bgf7f7f7 {padding: 50px 0;}
.fulldiv.bgf7f7f7:last-child {margin-bottom: -100px !important;}
.fulldiv .inr {max-width: 1200px;margin: 0 auto;}

#company-greeting {position: relative;}
#company-greeting .image {width: 240px;position: absolute;top: 0;right: 0;z-index: 1;display: flex;flex-wrap: wrap;justify-content: flex-end;}
#company-greeting .image > p {padding: 20px 0 10px;text-align: right;font-size: 18px;color: #333333;font-weight: 500;}
#company-greeting > dl > dt strong {display: block;font-size: 34px;color: #333333;font-weight: 700;line-height: 52px;}
#company-greeting > dl > dt p {margin-bottom: 25px;font-size: 20px;color: #333333;font-weight: 700;line-height: 1em;}
#company-greeting > dl > dt strong > * {font-size: 34px;}
#company-greeting > dl > dd {margin-top: 35px;padding: 35px 0 50px;}
#company-greeting > dl > dd strong {display: block;font-size: 20px;color: #333333;font-weight: 500;line-height: 1.4em;}
#company-greeting > dl > dd p {margin-top: 15px;font-size: 15px;color: #666666;line-height: 26px;}

#company-purpose .box-inf {border: 10px solid #f5f5f5;padding: 25px 40px;}
#company-purpose .box-inf > dl:not(:first-child) {margin-top: 10px;}
#company-purpose .box-inf > dl {display: flex;justify-content: space-between;}
#company-purpose .box-inf > dl > dt {padding-left: 18px;position: relative;width: 100px;font-size: 18px;color: #2f4093;font-weight: 500;line-height: 28px;}
#company-purpose .box-inf > dl > dt:after {display: block;content: '';width: 9px;height: 14px;background: url('/images/sub/ico-arrow-right.png') no-repeat 50% 50%;background-size: contain;position: absolute;top: 6px;left: 0;}
#company-purpose .box-inf > dl > dd {width: calc(100% - 100px);font-size: 16px;color: #666666;line-height: 28px;}
#company-purpose .box-inf > dl.db {display: block;}
#company-purpose .box-inf > dl.db > * {width: 100%;}
#company-purpose .box-inf > dl.db > dd {margin-left: 18px;}
#company-purpose .tab2 {margin-bottom: 45px;}
.his-wrap > dl {margin-bottom: 50px;display: flex;justify-content: space-between;}
.his-wrap > dl > * {padding-top: 28px;border-top: 2px solid #ddd;}
.his-wrap > dl > dt {width: 260px;border-color: #2f4093;font-family: 'Open Sans';font-weight: 700;font-size: 30px;color: #2f4093;}
.his-wrap > dl > dd {width: calc(100% - 40px - 260px);}
.his-wrap .list > li {position: relative;padding-left: 70px;}
.his-wrap .list > li strong {font-size: 17px;color: #444444;font-weight: 700;line-height: 28px;letter-spacing: -1px;position: absolute;top: 0;left: 0;}
.his-wrap .list > li p {font-size: 15px;color: #666666;line-height: 32px;letter-spacing: -1px;padding-left: 13px;position: relative;}
.his-wrap .list > li p:after {display: block;content: '';width: 4px;height: 4px;background: #2f4093;position: absolute;top: 13px;left: 0;}

#company-member .step {margin-bottom: 25px;display: flex;justify-content: space-between;}
#company-member .step > dl {width: calc(100%/4 - 20pX*3/4);}
#company-member .step > dl > * {border-radius: 8px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
#company-member .step > dl > dt {background: #2f4093;height: 40px;line-height: 40px;font-size: 17px;color: #fff;}
#company-member .step > dl > dd {margin-top: 10px;border: 2px solid #ddd;padding: 20px;height: calc(100% - 40px - 10px);box-sizing: border-box;}
#company-member .step > dl > dd strong {font-size: 16px;color: #333333;font-weight: 500;line-height: 28px;}
#company-member .step > dl > dd p {font-size: 16px;color: #666666;line-height: 28px;}
#company-member .box-inf {background: #f6f6f6;padding: 15px 30px;font-size: 15px;color: #666666;}

#company-kca-ci .detail {margin-top: 50px;border-top: 2px solid #333;}
#company-kca-ci .detail > dl {padding: 40px 0;display: flex;justify-content: space-between;}
#company-kca-ci .detail > dl:not(:first-child) {border-top: 1px solid #ddd;}
#company-kca-ci .detail > dl > dt {width: 230px;font-size: 26px;color: #222222;font-weight: 500;}
#company-kca-ci .detail > dl > dd {width: calc(100% - 230px);}
#company-kca-ci .detail > dl > dd .stxt1 {font-size: 16px;line-height: 30px;}
#company-kca-ci .box-inf {margin-top: 35px;background: #f6f6f6;padding: 40px 40px 40px 270px;position: relative;}
#company-kca-ci .box-inf > img {position: absolute;top: 50%;left: 70px;transform: translateY(-50%);}
#company-kca-ci .ci-color {margin-top: 30px;display: flex;flex-wrap: wrap;justify-content: space-between;}
#company-kca-ci .ci-color > li {width: calc(100%/2 - 30px/2);margin-bottom: 35px;display: flex;align-items: center;flex-wrap: wrap;}
#company-kca-ci .ci-color > li strong {margin-bottom: 15px;position: relative;width: 100%;font-size: 18px;color: #fff;font-family: 'Open Sans';font-weight: 700;line-height: 50px;padding: 0 20px;box-sizing: border-box;}
#company-kca-ci .ci-color > li strong span {position: absolute;top: 0;right: 20px;font-size: 18px;color: #fff;font-family: 'Open Sans';font-weight: 700;line-height: 50px;}
#company-kca-ci .ci-color > li p {margin-right: 45px;display: flex;align-items: center;font-size: 15px;color: #222222;}
#company-kca-ci .ci-color > li p b {margin-right: 10px;}

.officer2-list {display: flex;flex-wrap: wrap;justify-content: space-between;}
.officer2-list > li {width: calc(100%/2 - 20px/2);margin-bottom: 20px;box-sizing: border-box;border: 1px solid #ddd;padding: 30px;display: flex;justify-content: space-between;align-items: center;}
.officer2-list > li .tmb {width: 160px;padding-bottom: 160px;background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;background-color: #f1f1f1;}
.officer2-list > li .inf {width: calc(100% - 160px - 35px);}
.officer2-list > li .inf > strong {display: block;margin-bottom: 15px;font-size: 20px;color: #333333;font-weight: 500;}
.officer2-list > li .inf > p {color: #666666;font-weight: 300;line-height: 26px;}
.officer2-list > li .inf > p span {display: inline-block;vertical-align: top;margin-right: 20px;color: #666666;font-weight: 300;line-height: 26px;}

#company-work .box-inf {border: 10px solid #f5f5f5;padding: 40px;}
#company-work .box-inf strong {display: block;font-size: 26px;color: #2f4093;font-weight: 700;text-align: center;}
#company-work .box-inf strong:after {display: block;content: '';width: 22px;height: 2px;background: #2f4093;margin: 10px auto 13px;}
#company-work .box-inf p {font-size: 16px;color: #666666;line-height: 28px;text-align: center;}
#company-work .box-inf2 {background: #f7f7f7;margin-top: 25px;border: 1px solid #ddd;padding: 30px;}
#company-work .box-inf2 b {display: block;margin-bottom: 10px;font-size: 16px;color: #333333;font-weight: 500;}

.exertion-list {border-top: 2px solid #333;}
.exertion-list > li {border-bottom: 1px solid #ddd;padding: 0 20px;display: flex;justify-content: space-between;align-items: center;}
.exertion-list > li > p,
.exertion-list > li > a {height: 68px;line-height: 68px;font-size: 16px;color: #333333;}
.exertion-list > li > a img {display: inline-block;vertical-align: -1px;margin-left: 10px;height: 14px;}
.exertion-list .btns {display: flex;align-items: center;}
.exertion-list .btns > * {margin-left: 10px; height: 30px;line-height: 28px;border-radius: 5px;width: 120px;text-align: center;font-size: 13px;}

#company-map .mapWrap {width:100%;height:380px;background: #f1f1f1;margin-bottom: 30px;}
#company-map .loc-box {position: relative;border-top: 1px solid #333333;padding: 25px 0;padding-left: 160px;}
#company-map .loc-tit {position: absolute;top: 25px;left: 0;width: 160px;height: 100%;}
#company-map .loc-tit > h3 {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;font-size: 22px;color: #333333;font-weight: 700;letter-spacing: -1px;}
#company-map .loc-info {font-family: empty;font-size: 0;text-align: right;}
#company-map .loc-info > li {display: inline-block;zoom: 1;*display: inline;vertical-align: top;margin-left: 70px;padding-left: 40px;font-size: 16px;color: #555555;letter-spacing: -0.05em;line-height: 24px;}
#company-map .loc-info > li b {display: block;position: relative;left: -40px;padding-left: 40px;background-repeat: no-repeat;background-position: 0 center;font-size: 16px;color: #333333;font-weight: 500;letter-spacing: -0.05em;line-height: 30px;text-align: left;}
#company-map .loc-info > li.add b {background-image: url('/images/sub/icon-add.jpg');}
#company-map .loc-info > li.tel b {background-image: url('/images/sub/icon-tel.jpg');}
#company-map .loc-info > li.fax b {background-image: url('/images/sub/icon-fax.jpg');}

.bd-inf {margin-bottom: 35px;background: #f7f7f7;padding: 20px 30px;font-size: 15px;color: #555555;}
.bd-inf i {display: inline-block;vertical-align: -2px;color: #333333;font-size: 18px;margin-right: 5px;}
.bd-inf * {display: inline-block;vertical-align: 0;}

#bd-sch{position: relative;margin-bottom: 20px;height: 45px;}
#bd-sch .total{font-size: 14px;color: #666666;line-height: 45px;}
#bd-sch .total * {font-size: 14px;}
#bd-sch .total b {font-weight: 500;}
#bd-sch fieldset{position: absolute;top: 0;right: 0;font-family: empty;font-size: 0;}
#bd-sch fieldset > *{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 45px;box-sizing: border-box;}
#bd-sch legend{display: none;}
#bd-sch .where{border: 1px solid #dddddd;width: 130px;overflow: hidden;background: url('/images/sub/sb_slt_spr.jpg') no-repeat 92% center;margin-left: 5px;}
#bd-sch .where.wa {width: auto;padding-right: 30px;}
#bd-sch .where select{width: 130%;height: 45px;border: none;background: none;padding-left: 10px;font-size: 14px;color: #333333;}
#bd-sch .keyword{position: relative;border: 1px solid #dddddd;width: 280px;padding-right: 45px;margin-left: 5px;box-sizing: border-box;}
#bd-sch .keyword .txt{width: 100%;border: none;background: none;height: 45px;font-size: 14px;padding-left: 15px;}
#bd-sch .keyword .sbm{position: absolute;top: 0;right: 0;width: 45px;height: 45px;background: url('/images/sub/sb_search_sbm.jpg') no-repeat center center;border: none;text-indent: -999em;}
#bd-sch .sbumit,
#bd-sch .submit{margin-left: 5px;border: 1px solid #ddd;width: 45px;height: 45px;background: url('/images/sub/sb_search_sbm.jpg') no-repeat center center;text-indent: -999em;}
#bd-sch .big.radius {min-width: auto;border-radius: calc(45px/2);}

#bd-sch2 {margin-bottom: 40px;}
#bd-sch2 fieldset {border: 1px solid #ddd;background: #f7f7f7;padding: 20px 30px;}
#bd-sch2 .stit {margin-bottom: 10px;}
#bd-sch2 .stit h4 {font-size: 18px;color: #102749;font-weight: 700;}
#bd-sch2 ul {display: flex;flex-wrap: wrap;align-items: center;}
#bd-sch2 ul:not(:first-child) {margin-top: 10px;}
#bd-sch2 ul .tbssubj {width: 100px;font-size: 14px;color: #333;font-weight: 500;letter-spacing: -1px;}
#bd-sch2 ul .tbsselect {width: calc(100% - 100px);display: flex;flex-wrap: wrap;align-items: center;}
#bd-sch2 ul .tbsselect > *:not(input[type=radio]) {margin-right: 15px;}
#bd-sch2 ul .tbsselect > input[type=checkbox] {margin-right: 5px;}
#bd-sch2 .select_w {border: 1px solid #dddddd;height: 35px;font-family: noto;font-size: 14px;color: #333;padding-left: 10px;}
#bd-sch2 .input_w {border: 1px solid #dddddd;height: 35px;padding-left: 15px;font-family: noto;font-size: 14px;color: #333;}
#bd-sch2 .btnWrap {margin-top: 10px;text-align: center;}

#all-sch #bd-sch {margin-top: 40px;}
#all-sch legend {display: none;}
#all-sch fieldset.top {border: 1px solid #ddd;background: #fff;padding: 10px;display: flex;flex-wrap: wrap;justify-content: center;}
#all-sch fieldset.top > * {margin: 0 5px;border-radius: 5px;}
#all-sch fieldset.bot {margin-top: 15px;background: #f7f7f7;padding: 10px 40px;position: relative;}
#all-sch fieldset.bot .btn {position: absolute;top: 15px;right: 40px;color: #2f4093;}
#all-sch .ranking {display: flex;flex-wrap: wrap;align-items: center;}
#all-sch .ranking dt {margin-right: 20px;font-size: 16px;color: #333333;font-weight: 500;}
#all-sch .ranking dd {}
#all-sch .ranking .step {display: flex;flex-wrap: wrap;align-items: center;}
#all-sch .ranking .step > li {display: flex;flex-wrap: wrap;align-items: center;margin: 5px 10px;}
#all-sch .ranking .step > li > em {width: 16px;height: 16px;line-height: 16px;background: #2f4093;border-radius: 50%;margin-right: 5px;font-size: 10px;font-style: normal;color: #fff;text-align: center;}
#all-sch .ranking .step > li > a {font-size: 14px;color: #555555;font-weight: 300;}
#all-sch .where{border: 1px solid #dddddd;width: 130px;overflow: hidden;background: url('/images/sub/sb_slt_spr.jpg') no-repeat 92% center;margin-left: 5px;}
#all-sch .where select{width: 130%;height: 45px;border: none;background: none;padding-left: 10px;font-size: 14px;color: #333333;}
#all-sch .keyword{position: relative;border: 1px solid #dddddd;width: 280px;padding-right: 45px;box-sizing: border-box;}
#all-sch .keyword .txt{width: 100%;border: none;background: none;}
#all-sch .keyword .sbm{position: absolute;top: 0;right: 0;width: 45px;background: url('/images/sub/sb_search_sbm.jpg') no-repeat center center;border: none;text-indent: -999em;}
#all-sch .txt{width: 380px;height: 45px;font-size: 14px;padding-left: 15px;border: 1px solid #dddddd;box-sizing: border-box;font-family: noto;font-size: 14px;color: #222;}
#all-sch .sbm{width: 165px;height: 45px;}
#all-sch .allsch-list {border-top: 1px solid #000;border-bottom: 1px solid #ddd;padding: 30px 20px;margin-top: -1px;background: #fff;}
#all-sch .allsch-list + .allsch-list {border-top-color: #ddd;}
#all-sch .allsch-list dt {position: relative;margin-bottom: 10px;}
#all-sch .allsch-list dt .stit1 {margin-bottom: 0;font-size: 16px;color: #333333;font-weight: 500;background-size: 8px auto;padding-left: 20px;background-position: 0 5px;}
#all-sch .allsch-list dt .more {position: absolute;top: 0;right: 0;font-size: 14px;line-height: 23px;}
#all-sch .allsch-list dd {margin-left: 20px;}
#all-sch .allsch-list .list > li {display: flex;align-items: center;}
#all-sch .allsch-list .list > li b {width: 145px;margin-right: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #333333;letter-spacing: -1px;line-height: 30px;}
#all-sch .allsch-list .list > li a {width: calc(100% - 145px - 30px*2 - 50px);font-size: 14px;color: #666666;letter-spacing: -1px;line-height: 30px;}
#all-sch .allsch-list .list > li a.more {width: 50px;margin-left: 30px;text-align: right;font-size: 14px;}
#all-sch .allsch-list .list > li a * {font-size: 14px;color: #666666;letter-spacing: -1px;line-height: 30px;}
#all-sch .allsch-list .list > li .colBlue {font-weight: 500;}
#all-sch .allsch-list .no-data {font-size: 14px;color: #666666;letter-spacing: -1px;}

.tbl-list {width: 100%;border-top: 2px solid #333;}
.tbl-list tr > * {padding: 16px 5px;border-bottom: 1px solid #ddd;font-size: 17px;color: #555555;font-weight: 300;letter-spacing: -1px;}
.tbl-list tr > *:not(.sbj) {text-align: center;}
.tbl-list tr > .sbj b {display: inline-block;vertical-align: middle;margin-right: 5px;color: #333;font-weight: 700;letter-spacing: -1px;}
.tbl-list tr > .sbj a {display: inline-block;vertical-align: middle;max-width: 500px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 17px;color: #333;}
.tbl-list tr > .sbj .new {display: inline-block;vertical-align: -3px;margin-left: 5px;}
.tbl-list tr > th {font-size: 15px;color: #333333;font-weight: 500;}
.tbl-list tbody tr:hover > * {background-color: #f8f8f8;}
.tbl-list .download {height: 30px;line-height: 28px;min-width: 100px;font-size: 13px;background-position: calc(100% - 18px) 50%;background-size: auto 11px;}
.tbl-list .faqview {background: #f1f1f1;text-align: left !important;padding: 30px 40px;}
.tbl-list .faqview:hover {background: #f1f1f1;}
.tbl-list .faqview a {text-decoration: underline;color: #333;font-weight: 500;}

/* .bbs_list {width: 100%;border-top: 2px solid #333;}
.bbs_list > tbody > tr > * {padding: 16px 0;border-bottom: 1px solid #ddd;font-size: 15px;color: #555555;font-weight: 300;letter-spacing: -1px;}
.bbs_list > tbody > tr > *:not(.sbj) {text-align: center;}
.bbs_list > tbody > tr > .sbj a {display: inline-block;vertical-align: middle;max-width: 500px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bbs_list > tbody > tr > .sbj .new {display: inline-block;vertical-align: -3px;margin-left: 5px;}
.bbs_list > tbody > tr:first-child table {width: 100%;}
.bbs_list > tbody > tr:first-child table tr > * {font-size: 15px;color: #333333;font-weight: 500;}
.bbs_list > tbody > tr:not(:first-child):hover > * {background-color: #f8f8f8;}
.bbs_list > tbody > tr > *.lt {text-align: left;}
.bbs_list .download {height: 30px;line-height: 28px;min-width: 100px;font-size: 13px;background-position: calc(100% - 18px) 50%;background-size: auto 11px;} */

#bd-view .titWrap{position: relative;border-top: 2px solid #333;border-bottom: 1px solid #ddd;padding: 25px 30px;}
#bd-view .titWrap .sbj{display: block;font-size: 20px;color: #333333;line-height: 30px;font-weight: 500;}
#bd-view .titWrap .info{margin-top: 15px;}
#bd-view .titWrap .info li{position: relative;display: inline-block;*display: inline;*zoom: 1;vertical-align: top;padding: 0 14px;font-size: 14px;color: #777777;font-weight: 300;}
#bd-view .titWrap .info li:first-child{padding-left: 0;}
#bd-view .titWrap .info li:after{position: absolute;top: 50%;left: 0;margin-top: -7px;content: '';display: block;width: 1px;height: 14px;background: #dddddd;}
#bd-view .titWrap .info li:first-child:after{display: none;}
#bd-view .titWrap .info li em{margin-right: 5px;color: #333333;font-weight: 500;font-style: normal;}
#bd-view .memoWrap{padding: 50px 10px;min-height: 300px;word-break:break-all;border-bottom: 1px solid #ddd;}
#bd-view .memoWrap img {max-width:100%;height: auto;}
#bd-view .file > li{position: relative;border-bottom: 1px solid #ddd;height: 45px;line-height: 45px;padding-left: 170px;}
#bd-view .file > li > strong{position: absolute;top: 0;left: 0;width: 150px;height: 100%;font-weight: normal;line-height: 45px;text-align: center;background: #f3f4f7;}
#bd-view .file > li .filename{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;color: #000;margin-right: 15px;max-width: 900px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#bd-view .file > li .byte{font-size: 12px;margin-right: 15px;}

.pagecont .bbstitle {display: none;}
.pagecont .bbs_view {width: 100%;}
.pagecont .subj {border-top: 2px solid #333;padding: 25px 30px 15px;font-size: 20px;color: #333333;line-height: 30px;font-weight: normal;}
.pagecont .date {border-bottom: 1px solid #ddd;padding: 0 30px 25px;font-family: empty;font-size: 0;}
.pagecont .date img {display: none;}
.pagecont .date strong {margin-right: 5px;font-family: noto, sans-serif;font-size: 14px;color: #333333;font-weight: 500;font-style: normal;}
.pagecont .date font {position: relative;display: inline-block;*display: inline;*zoom: 1;vertical-align: top;font-family: noto, sans-serif;font-size: 14px;color: #777777 !important;font-weight: 300;}
.pagecont .info{border-bottom: 1px solid #ddd;padding: 0 30px 25px;font-family: empty;font-size: 0;}
.pagecont .info li{position: relative;display: inline-block;*display: inline;*zoom: 1;vertical-align: top;padding: 0 14px;font-size: 14px;color: #777777;font-weight: 300;}
.pagecont .info li:first-child{padding-left: 0;}
.pagecont .info li:after{position: absolute;top: 50%;left: 0;margin-top: -7px;content: '';display: block;width: 1px;height: 14px;background: #dddddd;}
.pagecont .info li:first-child:after{display: none;}
.pagecont .info li * {display: inline-block;vertical-align: 0;}
.pagecont .info li em{margin-right: 5px;color: #333333;font-weight: 500;font-style: normal;}
.pagecont .info li a {text-decoration: underline;margin-right: 5px;}
.pagecont .bodyimg {padding: 50px 10px 0;}
.pagecont .bodyimg img {max-width: 100%;margin: 0 auto;}
.pagecont .bodytxt {padding: 50px 10px;min-height: 300px;word-break:break-all !important;border-bottom: 1px solid #ddd;font-size: 16px;line-height: 1.6em;letter-spacing: -1px;}
.pagecont .bodytxt * {font-size: 16px;line-height: 1.6em;letter-spacing: -1px;}
.pagecont .bodytxt img {max-width:100%;height: auto;}
.pagecont .bodytxt .info {padding: 0;border-bottom: 0;margin: 15px 0;}
.pagecont .attechfile {position: relative;border-bottom: 1px solid #ddd;height: 45px;line-height: 45px;padding-left: 170px;}
.pagecont .attechfile:after {display: block;content: '÷ºÎÆÄÀÏ';position: absolute;top: 0;bottom: 0;left: 0;width: 150px;height: 100%;font-weight: normal;line-height: 45px;text-align: center;background: #f3f4f7 url('/images/sub/sb_ico_file.jpg') no-repeat 28px 50%;text-indent: 18px;}
.pagecont .attechfile > *:not(:last-child) {display: none;}
.pagecont .attechfile > a {position: relative;padding-right: calc(70px + 15px);}
.pagecont .attechfile > a:after {display: block;content: '´Ù¿î·Îµå';width: 70px;height: 25px;line-height: 25px;text-align: center;background: #8c8f98;font-size: 13px;color: #fff;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.pagecont .file > li{position: relative;border-bottom: 1px solid #ddd;height: 45px;line-height: 45px;padding-left: 170px;}
.pagecont .file > li > strong{position: absolute;top: 0;left: 0;width: 150px;height: 100%;font-weight: normal;line-height: 45px;text-align: center;background: #f3f4f7;}
.pagecont .file > li .filename{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;color: #000;margin-right: 15px;max-width: 900px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pagecont .file > li .byte{font-size: 12px;margin-right: 15px;}
.pagecont .prenext {display: none !important;}
.pagecont .bbsbtn {padding-top: 30px;text-align: center;}

.bbs_write {width: 100%;border-top: 2px solid #333;}
.bbs_write tr > * {padding: 10px;border-bottom: 1px solid #ddd;}
.bbs_write tr > .graybg {background: #f1f1f1;font-size: 15px;color: #333333;font-weight: 500;}
.bbs_write tr > .writebtn {padding: 40px 0 0;text-align: center;border-bottom: 0;}
.bbs_write tr > th:first-child[rowspan] {border-right: 1px solid #ddd;}
.bbs_write input.input_w:not([type=file]),
.bbs_write input.input_cobg:not([type=file]) {border: 1px solid #ddd;width: 320px;height: 40px;line-height: 38px;padding-left: 10px;box-sizing: border-box;font-family: noto;font-size: 14px;}
.bbs_write input.input_w[type=file],
.bbs_write input.input_cobg[type=file] {width: auto !important;height: auto !important;}
.bbs_write select.input_cobg,
.bbs_write select.select_w {border: 1px solid #ddd;width: 320px;height: 40px;line-height: 38px;padding-left: 5px;box-sizing: border-box;}
.bbs_write textarea {width: 100%;border: 1px solid #ddd;height: 150px;padding: 10px;}
.bbs_write .DatePicker {border: 1px solid #ddd;width: 120px;height: 40px;line-height: 38px;padding-left: 10px;box-sizing: border-box;font-family: noto;font-size: 14px;}
.bbs_write .input_w.w100,
.bbs_write .input_cobg.w100 {width: 100% !important;}
.bbs_write .input_blackgreyback {border: 1px solid #ddd;width: 100% !important;height: 250px !important;padding: 10px;box-sizing: border-box;}
.bbs_write .comment2 {font-size: 14px;color: #555;font-weight: 300;}

#div_sch_wrap {max-width: 500px;margin: 0 auto;}
#div_gnoTxt,
#div_nameTxt {max-width: 500px;margin: 0 auto;}
#div_sch_wrap .tabWrap {text-align: center;margin-bottom: 20px;}
#div_sch_wrap .tabWrap hr {width: 20px;display: inline-block;vertical-align: middle;border: 0;}
#div_sch_wrap .conWrap {border: 5px solid #eee;background: #fff;padding: 20px 30px;}
#div_sch_wrap .conWrap label {display: block;font-family: empty;font-size: 0;margin: 10px 0;}
#div_sch_wrap .conWrap label > * {display: inline-block;vertical-align: middle;font-family: noto;color: #333;}
#div_sch_wrap .conWrap label strong {width: 120px;font-size: 16px;font-weight: 500;letter-spacing: -1px;}
#div_sch_wrap .conWrap label .input_w {width: calc(100% - 120px - 20px);height: 40px;font-size: 14px;padding-left: 20px;}

#user-data-wrap {max-width: 500px;margin: 0 auto;}
#user-data-wrap fieldset {border: 5px solid #eee;background: #fff;padding: 20px 30px;box-sizing: border-box;}
#user-data-wrap .bbs_del {width: 100%;}
#user-data-wrap .bbs_del tr > * {font-family: noto;color: #333;text-align: left;}
#user-data-wrap .bbs_del tr > th {width: 120px;font-size: 16px;font-weight: 500;letter-spacing: -1px;}
#user-data-wrap .bbs_del tr > td {width: calc(100% - 120px - 20px);}
#user-data-wrap .bbs_del .input_w {width: 100%;height: 40px;font-size: 14px;padding-left: 20px;}

.accordion .new {border: 1px solid #ddd;}
.accordion .new:not(:first-child) {margin-top: 10px;}
.accordion .new .trigger {display: block;padding: 10px 20px;background: #f7f7f7;position: relative;font-size: 16px;color: #333;font-weight: 700;letter-spacing: -1px;}
.accordion .new .trigger:after {display: block;content: '\e114';font-family: 'axicon';font-size: 16px;color: #333;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}
.accordion .new .trigger.open:after {content: '\e115';}
.accordion .outer {border-top: 1px solid #ddd;padding: 20px;}
.accordion .code li {display: flex;flex-wrap: wrap;align-items: center;}
.accordion .code li:before {display: block;content: '\f0a9';font-family: 'axicon';font-size: 14px;color: #2f4093;}
.accordion .code li:not(:first-child) {margin-top: 15px;}
.accordion .code li > img {display: none;}
.accordion .code li > * {margin-left: 10px;}

.contbulletinbtn {margin-bottom: 20px;display: flex;justify-content: space-between;align-items: center;}/* http://new.ekacem.or.kr/storehouse/bulletin_year_li.asp */
.contbulletinbtn .lef {display: flex;flex-wrap: wrap;align-items: center;}
.contbulletinbtn strong {padding: 0 50px;font-size: 18px;font-weight: 700;letter-spacing: -1px;}
.contbulletinbtn strong * {font-size: 18px;font-weight: 700;letter-spacing: -1px;}
.contbulletinbtn a img {display: none;}

.pagecont .bbs_jobview {width: 100%;}
.pagecont .bodydata {padding: 50px;min-height: 300px;word-break:break-all !important;border-bottom: 1px solid #ddd;}
.pagecont .bodydata img {max-width:100%;height: auto;}
.pagecont .bodydata .table1 tr > * {padding: 10px;font-size: 14px;letter-spacing: -1px;line-height: 1.6em;color: #333;}
.pagecont .bodydata .table1 tr > th {background: #f1f1f1;width: 150px;}
.pagecont .cominfor {padding: 20px 30px;border-bottom: 1px solid #ddd;}
.pagecont .cominfor .table1 {border-top: 0;}
.pagecont .cominfor .table1 tr > * {border-width: 0 0 1px;padding: 5px;background: #fff;font-size: 14px;letter-spacing: -1px;line-height: 1.6em;color: #333;text-align: left;}
.pagecont .cominfor .table1 tr > th {color: #000;font-weight: 700;}

.faqs dt{border: 1px solid #ddd;background: #fff;border-radius: 5px;padding: 15px 20px 15px 60px;font-size: 16px;color: #333;font-weight: 700;cursor:pointer;position: relative;}
.faqs dt:not(:first-child) {margin-top: 5px;}
.faqs dt:after {display: block;content: 'Q';width: 30px;height: 30px;line-height: 28px;border-radius: 50%;background: #2f4093;font-size: 13px;color: #fff;font-weight: 700;text-align: center;position: absolute;top: 12px;left: 20px;}
.faqs dd{margin-top: -1px;border: 1px solid #ddd;background: #f7f7f7;border-radius: 5px;padding: 15px 20px 15px 60px;font-size: 14px;color: #555;font-weight: normal;cursor:pointer;position: relative;}
.faqs dd:after {display: block;content: 'A';width: 30px;height: 30px;line-height: 28px;border-radius: 50%;background: #f6ab00;font-size: 13px;color: #fff;font-weight: 700;text-align: center;position: absolute;top: 10px;left: 20px;}

/**************************************************
	Member
**************************************************/
/* login */
#mblogin .inrs {border: 10px solid #f5f5f5;padding: 60px;display: flex;justify-content: space-between;flex-wrap: wrap;}
#mblogin .inrs > .inr {border: none;padding: 0;width: calc(50% - 30px);}
#mblogin .inrs > .inr.w100 {width: 100%;}
#mblogin .inr {border: 10px solid #f5f5f5;padding: 60px calc(100%/2 - 480px/2 - 10px);}
#mblogin .login-id {display: block;margin-bottom: 10px;border: 1px solid #ddd;border-radius: 5px;padding-left: 72px;position: relative;overflow: hidden;}
#mblogin .login-id img {border-right: 1px solid #ddd;position: absolute;top: 13px;left: 0;}
#mblogin .login-id input {border: 0;height: 48px;width: 100%;font-family: noto;font-size: 14px;color: #333;}
#mblogin .login-pw {display: block;margin-bottom: 10px;border: 1px solid #ddd;border-radius: 5px;padding-left: 72px;position: relative;overflow: hidden;}
#mblogin .login-pw img {border-right: 1px solid #ddd;position: absolute;top: 13px;left: 0;}
#mblogin .login-pw input {border: 0;height: 48px;width: 100%;font-family: noto;font-size: 14px;color: #333;}
#mblogin .login-day {display: block;margin-bottom: 10px;border: 1px solid #ddd;border-radius: 5px;padding-left: 72px;position: relative;overflow: hidden;}
#mblogin .login-day img {border-right: 1px solid #ddd;position: absolute;top: 13px;left: 0;}
#mblogin .login-day input {border: 0;height: 48px;width: 100%;font-family: noto;font-size: 14px;color: #333;}
#mblogin .login-num {display: block;margin-bottom: 10px;border: 1px solid #ddd;border-radius: 5px;padding-left: 72px;position: relative;overflow: hidden;}
#mblogin .login-num img {border-right: 1px solid #ddd;position: absolute;top: 13px;left: 0;}
#mblogin .login-num input {border: 0;height: 48px;width: 100%;font-family: noto;font-size: 14px;color: #333;}
#mblogin .login-tel {display: block;margin-bottom: 10px;border: 1px solid #ddd;border-radius: 5px;padding-left: 72px;position: relative;overflow: hidden;}
#mblogin .login-tel img {border-right: 1px solid #ddd;position: absolute;top: 13px;left: 0;}
#mblogin .login-tel input {border: 0;height: 48px;width: 100%;font-family: noto;font-size: 14px;color: #333;}
#mblogin .chkWrap {margin-top: 15px;display: flex;justify-content: space-between;}
#mblogin .chkWrap > * {font-size: 13px;font-weight: 300;}
#mblogin .btnWrap > * {width: 100%;margin-top: 10px;height: 50px;line-height: 48px;font-size: 15px;}
#mblogin .btnWrap .btn2 {border-color: #333;color: #333;}
#mblogin .snslogin {border-top: 1px solid #ddd;padding-top: 50px;margin-top: 50px;}
#mblogin .snslogin legend{display: block;margin-bottom: 10px;font-size: 16px;letter-spacing: -1px;color: #666;font-weight: normal;}
#mblogin .snslogin button{display: block;width: 100%;border: none;text-align: center;font-size: 16px;color: #fff;margin-bottom: 5px;border-radius: 4px;height: 50px;}
#mblogin .snslogin button img{display: inline-block;vertical-align: middle;margin-right: 15px;margin-top: -2px;}
#mblogin .snslogin button.k{background: #ffe900;color: #221815;}
#mblogin .snslogin button.f{background: #3d65c2;}
#mblogin .snslogin button.n{background: #00ca0e;}
#mblogin .snslogin button.g{background: #e24132;}
#mblogin .snslogin button.t{background: #33a5e8;}

.mb-detail {margin-top: 40px;border-top: 1px solid #333;}
.mb-detail dl {display: flex;flex-wrap: wrap;justify-content: space-between;border-bottom: 1px solid #ddd;}
.mb-detail dl > * {padding: 38px 0;position: relative;letter-spacing: -1px;}
.mb-detail dl > dt {width: 370px;font-size: 18px;color: #333333;font-weight: 500;}
.mb-detail dl > dd {width: calc(100% - 370px);font-weight: 300;line-height: 24px;}
.mb-detail dl > dd b {font-size: 15px;color: #333;font-weight: 500;line-height: 30px;}
.mb-detail dl > dd.w100 {width: 100%;padding: 25px 30px;font-size: 15px;line-height: 30px;border-top: 1px solid #ddd;}
.mb-detail dl > dd.w100 b {font-size: 16px;line-height: 30px;}
.mb-detail .btn2{position: absolute;top: 31px;right: 0;min-width: 165px;height: 38px;line-height: 36px;border-radius: 5px;border-color: #333;color: #333;text-align: center;}
.mb-detail .btn3 {position: absolute;top: 31px;right: 0;min-width: 165px;height: 38px;line-height: 36px;border-radius: 5px;text-align: center;}
.mb-detail .btn3.download {text-align: left;}

/* join */
#mbjoin .inr {border: 10px solid #f5f5f5;padding: 40px;}
#mbjoin .inr > * {display: block;text-align: center;}
#mbjoin .inr > h4 {font-size: 26px;color: #2f4093;font-weight: 700;}
#mbjoin .inr > h4:after {display: block;content: '';margin: 12px auto 15px;width: 22px;height: 2px;background: #2f4093;}
#mbjoin .inr > p {font-size: 16px;}
#mbjoin .btns {margin: -10px;display: flex;justify-content: space-between;}
#mbjoin .btns > li {margin: 10px;width: calc(100%/5 - 10px*2);position: relative;padding: 40px 0;}
#mbjoin .btns .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;border: 1px solid #ddd;border-radius: 10px;}
#mbjoin .btns img {display: block;margin: 0 auto;max-width: 50%;}
#mbjoin .btns strong {display: block;text-align: center;margin-top: 22px;font-size: 20px;color: #333333;font-weight: 500;}
#mbjoin .btns p {text-align: center;margin-top: 10px;font-weight: 300;line-height: 24px;}
#mbjoin .btns > li:hover .link {border: 2px solid #2f4093;}
#mbjoin .btns > li:hover strong {color: #2f4093;}

#mbjoin .tbtablecol {width: 100%;border-top: 1px solid #333;border-bottom: 1px solid #ddd;float: none;}
#mbjoin .tbtablecol tr > * {padding: 20px 0;border: 0;}
#mbjoin .scrollArea{display: block;background: #fff;height: 250px;border: 1px solid #eee;overflow: hidden;}
#mbjoin .scrollArea iframe {border: 0;width: 100%;height: 100%;padding: 0 0 0 20px;box-sizing: border-box;}
#mbjoin .scrollArea2{display: block;background: #fff;padding: 20px;height: 120px;border: 1px solid #eee;overflow-y: scroll;}
#mbjoin .chkArea{display: block;padding: 10px 0;text-align: right;}
#mbjoin .stit1:not(.mt0) {margin-top: 70px;}
#mbjoin .bbs_write tr > th {text-align: left;color: #333;font-weight: 500;}
#mbjoin .bbs_write .btn1,
#mbjoin .bbs_write .btn2,
#mbjoin .bbs_write .btn3 {height: 40px;line-height: 38px;}
#mbjoin #text323 {width: 100%;margin-top: 2px;}

/**************************************************
	Admin
**************************************************/
/* login */
#containerLogin_new {position: fixed;top: 0;bottom: 60px;left: 0;right: 0;background: url('/images/admin/bg.jpg') no-repeat 50% 50%;font-family: empty;font-size: 0;text-align: center;}
#containerLogin_new:before {display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#containerLogin_new fieldset {background: #fff;width: 800px;padding: 100px 160px;display: inline-block;vertical-align: middle;box-sizing: border-box;}
#containerLogin_new .copyright {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;background: #151515;height: 60px;line-height: 60px;text-align: center;font-size: 14px;color: #ddd;box-sizing: border-box;}
#containerLogin_new h1 {text-align: center;}
#containerLogin_new h2 {padding: 25px 0;text-align: center;font-size: 28px;color: #333333;font-weight: 700;text-overflow: ellipsis;white-space: nowrap;}
#containerLogin_new h2 * {font-size: 28px;}
#containerLogin_new .login-id {display: block;margin-bottom: 10px;border: 1px solid #ddd;border-radius: 5px;padding-left: 72px;position: relative;overflow: hidden;box-sizing: border-box;}
#containerLogin_new .login-id img {border-right: 1px solid #ddd;position: absolute;top: 13px;left: 0;}
#containerLogin_new .login-id input {display: block;border: 0;height: 48px;width: 100%;box-sizing: border-box;}
#containerLogin_new .login-pw {display: block;margin-bottom: 10px;border: 1px solid #ddd;border-radius: 5px;padding-left: 72px;position: relative;overflow: hidden;box-sizing: border-box;}
#containerLogin_new .login-pw img {border-right: 1px solid #ddd;position: absolute;top: 13px;left: 0;}
#containerLogin_new .login-pw input {display: block;border: 0;height: 48px;width: 100%;box-sizing: border-box;}
#containerLogin_new .sbm {width: 100%;margin-top: 15px;height: 50px;line-height: 50px;border: 0;text-align: center;border-radius: 5px;font-size: 15px;color: #fff;background: #2f4093;}

@media screen\9 {
	#containerLogin_new fieldset {padding: 100px;}

	#containerLogin_new .login-id {padding-left: 0;border: 0;}
	#containerLogin_new .login-id img {display: none;}
	#containerLogin_new .login-id input {border: 1px solid #ddd;border-radius: 5px;line-height: 48px;text-indent: 20px;}

	#containerLogin_new .login-pw {padding-left: 0;border: 0;}
	#containerLogin_new .login-pw img {display: none;}
	#containerLogin_new .login-pw input {border: 1px solid #ddd;border-radius: 5px;line-height: 48px;text-indent: 20px;}
}

@media screen and (max-width: 1300px){
	#containerLogin_new {bottom: 0;background-size: cover;padding: 0 20px;}
	#containerLogin_new fieldset {width: 100%;padding: 40px 20px;}
	#containerLogin_new .copyright {height: auto;line-height: 1.2em;padding: 10px;font-size: 11px;}
	#containerLogin_new h2 {padding: 10px 0;font-size: 18px;line-height: 1.4em;}
	#containerLogin_new h2 * {font-size: 18px;line-height: 1.4em;}
	#containerLogin_new .login-id {margin-bottom: 5px;}
	#containerLogin_new .login-pw {margin-bottom: 5px;}
	#containerLogin_new .sbm {margin-top: 10px;}
}

/**************************************************
	Eng
**************************************************/
.body_eng #header .logo a {height: 29px;background-image: url('/images/layout/logo-eng.png');background-position: 0 0;background-size: contain;}

.body_eng .his-wrap .list > li {padding-left: 130px;margin-bottom: 15px;}
.body_eng .his-wrap .list > li p {line-height: 28px;}

.body_eng #organization_board .tac {border: 10px solid #f5f5f5;padding: 50px;}

.body_eng #company-purpose .box-inf > dl:not(:first-child) {margin-top: 20px;}
.body_eng #company-purpose .box-inf > dl > dd {font-size: 15px;line-height: 26px;}

.body_eng #activities .detail {border-top: 2px solid #333;}
.body_eng #activities .detail > li {border-bottom: 1px solid #ddd;padding: 30px;padding-left: 155px;position: relative;min-height: 90px;}
.body_eng #activities .detail > li img {position: absolute;top: 45px;left: 30px;}
.body_eng #activities .detail > li .stit1 {margin: 0 0 10px;}







/* [230414 kyj] ¹ÌºñµÈ ÀÛ¾÷ */
.tbsearch.div {margin-bottom: 30px;}
.tbsearch.div form {display: block;align-items: center;margin: -20px;}
.tbsearch.div form ul {display: block;align-items: center;margin: 10px;max-width: calc(100% - 40px);}
.tbsearch.div form ul li {margin: 10px;max-width: calc(100% - 20px);display: block;align-items: center;}
.tbsearch.div .tbssubj {font-size: 14px;color: #111;font-weight: bold;}
.tbsearch.div .tbsselect .select_w {border: 1px solid #777;height: 40px;padding-left: 10px;border-radius: 5px 0 0 5px;color: #111;}
.tbsearch.div .tbsselect .btn1 {height: 40px;line-height: 38px;margin-left: -1px;border-radius: 0 5px 5px 0;background-color: #777;border-color: #777;}

.bbs_view .subj2,
.bbs_view .bg-gray {border: 1px solid #ddd;border-left: 3px solid #333;padding: 20px 30px;color: #111;line-height: 1.6em;}
.bbs_view .subj2 {background-color: #f8f8f8;font-size: 18px;line-height: 1em;font-weight: middle;}
.bbs_view .bg-gray {font-size: 14px;letter-spacing: normal;}




/* [230625 kyj] S */
.stxt1 .nbsp-hidden {font-size: 15px;color: #666666;line-height: 28px;opacity: 0;font-style: normal;}







/* [240820 kyj] S */
#sch-detail {margin-bottom: 40px;border: 1px solid #ddd;padding: 18px;}
#sch-detail fieldset {display: flex;justify-content: center;align-items: center;}
#sch-detail legend{display: none;}
#sch-detail h4 {font-size: 16px;color: #333333;font-weight: 500;margin-right: 20px;}
#sch-detail .inp{border: 1px solid #dddddd;width: 180px;height: 45px;overflow: hidden;margin: 5px;padding-left: 15px;border-radius: 5px;}
#sch-detail .where{border: 1px solid #dddddd;width: 180px;overflow: hidden;background: url('https://www.ekacem.or.kr:446/images/sub/sb_slt_spr.jpg') no-repeat 92% center;margin: 5px;border-radius: 5px;}
#sch-detail .where.wa {width: auto;padding-right: 30px;}
#sch-detail .where select{width: 130%;height: 45px;border: none;background: none;padding-left: 10px;font-size: 14px;color: #333333;}
#sch-detail .keyword{border: 1px solid #dddddd;width: 280px;height: 45px;font-size: 14px;padding-left: 15px;border-radius: 5px;}
#sch-detail .submit{margin-left: 5px;border: 1px solid #ddd;width: 165px;height: 45px;background: #2f4093;color: #fff;border-radius: 5px;}
#sch-detail .submit i {margin-left: 10px;font-size: 13px;}
#sch-detail .hipen {display: inline-block;vertical-align: baseline;width: 20px;font-size: 13px;color: #999;font-style: normal;text-align: center;}

.group_edu-tbl {border-top: 2px solid #222;}
.group_edu-tbl .head {border-bottom: 1px solid #ddd;display: flex;justify-content: space-between;align-items: center;}
.group_edu-tbl .head > div {font-size: 15px;color: #333;font-weight: 500;height: 60px;display: flex;justify-content: center;align-items: center;}
.group_edu-tbl .item > * {border-bottom: 1px solid #ddd;display: flex;justify-content: space-between;align-items: center;text-align: center;}
.group_edu-tbl .item > * > div {font-size: 15px;color: #555;line-height: 24px;min-height: 90px;display: flex;justify-content: center;align-items: center;}
.group_edu-tbl .item > dd {display: none;background: #f8f8f8;}
.group_edu-tbl .item ._toggle {display: flex;justify-content: center;align-items: center;}
.group_edu-tbl .item ._toggle:after {display: block;content: '\e84e';font-family: 'axicon';font-size: 13px;margin-left: 3px;}
.group_edu-tbl .item.on > dt > div {color: #2f4093;font-weight: 500;}
.group_edu-tbl .item.on > dd {display: flex;}
.group_edu-tbl .item.on ._toggle:after {content: '\e851';}
.group_edu-tbl .no {width: 90px;}
.group_edu-tbl .sbj {flex-grow: 1;flex-basis: 0;}
.group_edu-tbl .field {width: 145px;}
.group_edu-tbl .hour {width: 135px;}
.group_edu-tbl .type {width: 135px;}
.group_edu-tbl .level {width: 135px;}
.group_edu-tbl .pay {width: 135px;}
.group_edu-tbl .btn {width: 145px;}
.group_edu-tbl .btn > * {width: 110px;height: 30px;line-height: 28px;border-radius: 3px;padding: 0;}
.group_edu-tbl.row .item {border-bottom: 1px solid #ddd;display: flex;justify-content: space-between;align-items: center;text-align: center;}
.group_edu-tbl.row .item > div {border-bottom: 0;font-size: 15px;color: #555;line-height: 24px;min-height: 90px;display: flex;justify-content: center;align-items: center;}
.group_edu-tbl.row .item > div.sbj {text-align: left;justify-content: start;}
.group_edu-tbl.row .per {width: 140px;}
.group_edu-tbl.row .day {width: 140px;}
.group_edu-tbl.row .pay {width: 140px;}
.group_edu-tbl.row .payment {width: 140px;}
.group_edu-tbl.row .btn {width: 140px;}

.btns-wrap {margin-top: 60px;border: 8px solid #f5f5f5;padding: 30px;}
.btns-wrap .stxt1 {font-size: 17px;line-height: 1.6em;color: #333;}
.btns-wrap .btns {margin: -10px;margin-top: 15px;display: flex;flex-wrap: wrap;}
.btns-wrap .btns > li {margin: 10px;width: calc(100%/3 - 10px*2);}
.btns-wrap .btns > li a {display: block;padding: 0 30px;height: 55px;border-radius: 5px;display: flex;justify-content: space-between;align-items: center;color: #fff;}
.btns-wrap .btns > li a:after {display: block;content: '';background: url('https://www.ekacem.or.kr:446/images/sub/stxt-link.png') no-repeat 50% 50%;width: 70px;height: 16px;}
.btns-wrap .btns > li:nth-child(1) a {background: #2f4093;}
.btns-wrap .btns > li:nth-child(2) a {background: #24b2c3;}
.btns-wrap .btns > li:nth-child(3) a {background: #2e71c4;}

.bgGray {background: #f7f7f7 !important;}

.bd-inf b {color: #333;font-weight: 700;}

.tbl-write tr > * {padding: 10px 15px;}
.tbl-write tr > th {padding: 10px 0;}
.tbl-write tr > td {font-family: empty;font-size: 0;}
.tbl-write tr > td > * {margin: 5px;display: inline-block;vertical-align: middle;font-family: noto;font-size: 14px;}
.tbl-write .where{border: 1px solid #dddddd;width: 416px;overflow: hidden;background: url('https://www.ekacem.or.kr:446/images/sub/sb_slt_spr.jpg') no-repeat 92% center;border-radius: 5px;}
.tbl-write .where.wa {width: auto;padding-right: 30px;}
.tbl-write .where select{width: 130%;height: 45px;border: none;background: none;padding-left: 10px;font-size: 14px;color: #333333;}
.tbl-write .inp {border: 1px solid #dddddd;width: 416px;height: 45px;overflow: hidden;margin: 5px;padding-left: 15px;border-radius: 5px;}
.tbl-write .w33 {width: 187px;}
.tbl-write .hipen {display: inline-block;vertical-align: baseline;width: 20px;font-size: 13px;color: #999;font-style: normal;text-align: center;}
.tbl-write .hipen.wa {width: auto;font-size: 14px;color: #333;}
.tbl-write .brn-inps {display: flex;align-items: center;}
.tbl-write .brn-inps > .inp {width: 100px;}
.tbl-write .brn-inps > .inp:nth-child(1) {width: 60px;}
.tbl-write .brn-inps > .inp:nth-child(3) {width: 50px;}

.table1.tbl-list tr > * {border-left: 0;border-right: 0;font-size: 15px;color: #555555;}
.table1.tbl-list .btn2 {width: 100px;height: 30px;line-height: 28px;border-radius: 4px;border-color: #bbb !important;font-size: 13px;padding: 0;}

.stit1 > span {margin-left: 15px;display: inline-block;vertical-align: middle;font-size: 15px;}

.btn-rig {height: 0;display: flex;justify-content: end;align-items: end;position: relative;z-index: 33;}
.btn-rig .inr {display: flex;align-items: center;padding-bottom: 22px;}
.btn-rig .inr > * {margin-left: 5px;}
.btn-rig .btn1 {background-color: #8c8f98;border-color: #8c8f98;}
.btn-rig .btn1:hover {background-color: #777;}

.info-group + .info-group {margin-top: 30px;}
.info-group .btn-rig {align-items: start;}
.info-group .btn-rig .inr {padding-bottom: 0;padding-top: 5px;}

.labs {display: flex;flex-wrap: wrap;margin: -5px -10px;}
.labs .labskin {margin: 5px 10px;}
.labskin {position: relative;}
.labskin input {position: absolute;top: 0;left: 0;opacity: 0;}
.labskin label {font-size: 17px;color: #555555;letter-spacing: -1px;line-height: 22px;display: inline-block;vertical-align: middle;}
.labskin input[type=checkbox] + label {padding-left: 20px;position: relative;}
.labskin input[type=checkbox] + label:after {display: block;content: '';width: 15px;height: 15px;box-sizing: border-box;border: 1px solid #ccc;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.labskin input[type=checkbox]:checked + label:after {border-color: #2f4093;}
.labskin input[type=checkbox]:checked + label:before {display: block;content: '\e116';width: 15px;height: 15px;line-height: 15px;text-align: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);font-family: 'axicon';font-size: 12px;color: #2f4093;text-align: center;}
.labskin input[type=radio] + label {padding-left: 20px;position: relative;}
.labskin input[type=radio] + label:after {display: block;content: '';width: 15px;height: 15px;box-sizing: border-box;border: 1px solid #ccc;position: absolute;top: 50%;left: 0;transform: translateY(-50%);border-radius: 50%;}
.labskin input[type=radio]:checked + label:after {border-color: #2f4093;}
.labskin input[type=radio]:checked + label:before {display: block;content: '\e116';width: 7px;height: 7px;position: absolute;top: 50%;left: 4px;transform: translateY(-50%);border-radius: 50%;background: #2f4093;}

.agree-inps {display: flex !important;justify-content: space-between;align-items: center;}
.agree-inps .btn2 {font-size: 13px;width: 100px;height: 32px;line-height: 30px;padding: 0;text-align: center;border-radius: 3px;border-color: #bbb;}

.stxt1.bgGray {padding: 15px;color: #333;font-weight: 500;}

.page-wrap {border: 8px solid #f5f5f5;padding: 80px 110px;}
.page-wrap-inr .stit1 {margin: 0 0 45px;font-size: 42px;line-height: 1.3em;font-weight: 700;}
.page-wrap-inr .stit2 {font-size: 24px;color: #333333;font-weight: 700;}
.page-wrap-inr .stxt1 {font-size: 16px;line-height: 28px;}
.page-wrap-inr .stxt2 {font-size: 18px;color: #333333;font-weight: 500;}
.page-wrap-inr .box-inf {margin: 30px 0;padding: 25px 30px;border: 1px solid #ddd;border-top: 2px solid #222;}
.page-wrap-inr .stxt-dot > li:after {border-radius: 50%;}
.page-wrap-inr .stxt-dot > li b {margin-right: 10px;min-width: 70px;font-size: 15px;color: #333333;font-weight: 500;display: inline-block;vertical-align: 0;}
.page-wrap-inr .table2 tr > * {padding: 10px 0;text-align: center;background: #fff;border-width: 0 0 1px;}
.page-wrap-inr .total {width: 100%;}
.page-wrap-inr .total tr > * {padding: 20px 30px;width: 50%;border: 6px solid #eeeeee;}
.page-wrap-inr .total th {font-size: 16px;color: #333;font-weight: 500;line-height: 1.2em;text-align: left;border-right: 0;}
.page-wrap-inr .total th > strong {font-size: 20px;color: #333;font-weight: 500;line-height: 1.2em;}
.page-wrap-inr .total td {font-size: 16px;color: #333;font-weight: 500;line-height: 1.2em;text-align: right;border-left: 0;}
.page-wrap-inr .total td > strong {font-size: 24px;color: #333;font-weight: 700;line-height: 1.2em;}
.page-wrap-inr .coating {position: relative;display: flex;justify-content: center;align-items: center;padding-left: 100px;}
.page-wrap-inr .coating img {transform: translate(5px, 5px);width: 100px;}


@media print {
    .page-wrap-inr {width: 100vw;}
}

@page {
	size: A4;
}

#group_edu_application1 .box-inf {margin-top: 60px;border: 8px solid #f5f5f5;padding: 35px;}
#group_edu_application1 .box-inf .stit1 {display: block;font-size: 18px;color: #333333;font-weight: 500;}
#group_edu_application1 .box-inf .stxt1 {font-size: 15px;color: #777;line-height: 30px;}
#group_edu_application1 .box-inf .bgGray {margin-top: 20px;padding: 25px 30px;}
#group_edu_application1 .box-inf .bgGray .stit1 {margin-bottom: 10px;font-size: 16px;line-height: 1.4em;}

#mblogin.type2 .login-id,
#mblogin.type2 .login-pw {padding-left: 102px;}
#mblogin.type2 .login-id em,
#mblogin.type2 .login-pw em {width: 100px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);font-size: 15px;color: #333;font-weight: 500;font-style: normal;text-align: center;}

.feedback {border:solid 1px #ff0000 !important; background-color:#ff0000 !important; }


/* [240930 kyj] */
#mbjoin .btns {margin: -20px;}
#mbjoin .btns > li {margin: 20px;width: calc(100%/3 - 20px*2);}