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

	Global.css ( ver 1.0.3 )

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

/* Table */
.table1{ width: 100%; }
.table1 caption {position: fixed;top: -99999px;z-index: -1;opacity: 0;}
.table1 tr > *{padding: 25px;border-bottom: 1px solid #ddd;background: #fff;font-size: 18px;color: #333333;font-weight: 200;}
.table1 tr > *:first-child {padding-left: 30px;}
.table1 tr > *:last-child {padding-right: 30px;}
.table1 tr > th{padding: 20px;font-size: 16px;font-weight: 300;}
.table1 tr > td.sbj {padding-left: 130px;position: relative;}
.table1 tr > td.sbj .ico {position: absolute;left: 60px;width: 40px;height: 50px;background: url('../images/sub/ico-pdf.jpg') no-repeat center center;background-size: contain;}
.table1 tr > td.sbj strong {display: block;font-size: 22px;color: #333333;font-weight: 600;}
.table1 tr > td.num,
.table1 tr > td.open,
.table1 tr > td.down {text-align: center;}
.table1 .opt {display: block;margin-top: 10px;}
.table1 .opt > li {display: inline-block;vertical-align: middle;font-size: 16px;color: #666666;font-weight: 200;line-height: 1.1em;}
.table1 .opt > li:not(:first-child):before {display: inline-block;vertical-align: 0;content: '';width: 1px;height: 12px;background: #bbbbbb;margin: 0 10px;}

/* Tab */
.tab1{ margin-bottom: 40px; }
.tab1 > li{display: inline-block;background: #f7f7f7;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

/* Button */
.btnWrap{ margin-top: 30px; }
.btnWrap > *{margin: 0 2px;}
.btn1{ display: inline-block;background: #333;border: 1px solid #333;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: #0e6baf;border: 1px solid #0e6baf;color: #fff !important;height: 35px;line-height: 33px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn1.small, .btn2.small, .btn3.small{ height: 30px;line-height: 28px;padding: 0 10px;font-size: 12px; }
.btn1.big, .btn2.big, .btn3.big{ height: 50px;line-height: 48px;padding: 0 30px;font-size: 16px; }
.btn1.radius, .btn2.radius, .btn3.radius{ border-radius: 25px; }

/**************************
	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: 0;margin-right: -1px;position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #f9f9f9;border: 1px solid #ddd;color: #999999;font-size: 12px;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon;}
.paging a:first-child{border-radius: 5px 0 0 5px !important;}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 35px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a:last-child{border-radius: 0 5px 5px 0 !important;}
.paging a.active{background: #ffffff;color: #333333;font-weight: 600;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{background: none;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';}

/**************************************************
	Layout
**************************************************/
#header{position: relative;z-index: 90;background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,0.1);height: 100px;position: relative;}
#header .logo{position: absolute;top: 0;left: 50px;height: 100%;line-height: 100px;}

#tnb{position: absolute;top: 30px;right: 50px;}
#tnb > li{display: inline-block;margin-left: 10px;box-sizing: border-box;}
#tnb > li a{font-size: 16px;color: #0e6baf;font-weight: 600;line-height: 40px;position: relative;border-bottom: 1px solid #0e6baf;}
#tnb > li a:hover {text-decoration: none;}

#footer{background: #fff;}
#footer .ftWrap{position: relative;width: 1200px;margin: 0 auto;padding: 50px 0;}
#footer h2 {position: absolute;top: 52px;left: 0;}
#footer address{margin-left: 130px;font-size: 15px;line-height: 22px;color: #555555;font-style: normal;}
#footer address hr{width: 20px;border: none;display: inline-block;vertical-align: middle;}
#footer address .copyright{display: block;margin-top: 5px;font-size: 13px;color: #666666;}

#sns-ico{margin-top: 20px;}
#sns-ico li{display: inline-block;margin-right: 5px;}

#gotop{position: fixed;bottom: 50px;right: 50px;display: block;background: url('/images/layout/ft-top-btn.jpg') no-repeat center center;width: 90px;height: 90px;text-indent: -999em;}

#ft-fam{position: absolute;top: calc(50% - 20px);right: 0;width: 230px;height: 40px;}
#ft-fam > a{display: block;line-height: 40px;padding: 0 15px;border: 1px solid #aaaaaa;font-size: 15px;color: #aaaaaa;text-decoration: none;background: 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;}
#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;}

/**************************************************
	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: 300;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: 300;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
**************************************************/
#main .uni3-sch{height: calc(100vh - 100px - 170px);}
#sub .uni3-sch{height: 380px;}
.uni3-sch {position: relative;background: url('../images/main/bg1.jpg') no-repeat center center;background-size: cover;font-family: empty;font-size: 0;text-align: center;}
.uni3-sch:before {display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
.uni3-sch dl {display: inline-block;vertical-align: middle;max-width: calc(100% - 100px);}
.uni3-sch dl > dt {font-size: 32px;color: #fff;font-weight: 600;line-height: 1.1em}
/*
신새롬 http://uni3.webmaker21.kr/
신새롬 메인 제목 어디서 컨트롤 하는지 아실까용
신새롬 innosys
신새롬 소문자로 해달라던딩

.uni3-sch dl > dt {font-size: 32px;color: #fff;font-weight: 600;line-height: 1.1em;text-transform: uppercase;}*/
.uni3-sch dl > dd {margin-top: 30px;}
.uni3-sch legend {display: none;}
.uni3-sch fieldset {background: #fff;width: 740px;padding-right: 70px;margin: 0 auto;display: block;position: relative;border-radius: 10px;overflow: hidden;box-sizing: border-box;}
.uni3-sch fieldset .inp {display: block;width: 100%;height: 60px;border: 0;background: #fff;padding-left: 30px;font-size: 18px;font-weight: 200;color: #444444;}
.uni3-sch fieldset .inp::-webkit-input-placeholder{color: #aaaaaa;}
.uni3-sch fieldset .inp:-moz-placeholder{color: #aaaaaa;}
.uni3-sch fieldset .inp::-moz-placeholder{color: #aaaaaa;}
.uni3-sch fieldset .inp:-ms-input-placeholder{color: #aaaaaa;}
.uni3-sch fieldset .btn {width: 70px;position: absolute;top: 0;right: 0;height: 60px;border: 0;background: #fff;font-size: 28px;color: #0e6baf;}

.uni3-sch2 {margin-bottom: 40px;}
.uni3-sch2 legend {display: none;}
.uni3-sch2 fieldset {border: 2px solid #dddddd;background: #fff;width: 740px;padding-left: 130px;padding-right: 65px;margin: 0 auto;display: block;position: relative;border-radius: 10px;overflow: hidden;box-sizing: border-box;}
.uni3-sch2 fieldset .sel {width: 130px;position: absolute;top: 0;left: 0;height: 56px;border: 0;background: #fff;font-size: 16px;color: #555555;font-weight: 200;padding-left: 20px;}
.uni3-sch2 fieldset .inp {display: block;width: 100%;height: 56px;border: 0;background: #fff;padding-left: 30px;font-size: 18px;font-weight: 200;color: #444444;}
.uni3-sch2 fieldset .inp::-webkit-input-placeholder{color: #aaaaaa;}
.uni3-sch2 fieldset .inp:-moz-placeholder{color: #aaaaaa;}
.uni3-sch2 fieldset .inp::-moz-placeholder{color: #aaaaaa;}
.uni3-sch2 fieldset .inp:-ms-input-placeholder{color: #aaaaaa;}
.uni3-sch2 fieldset .btn {width: 65px;position: absolute;top: 0;right: 0;height: 56px;border: 0;background: #fff;font-size: 22px;color: #0e6baf;}

/**************************************************
	Sub
**************************************************/
#sub{ background: #f4f6f7; }
#sub #content{ position: relative;width: 1200px;margin: 0 auto;padding: 80px 0; }

/* #sub .sub-vis{position: relative;height: 240px;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;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{position: relative;padding-bottom: 20px;margin-bottom: 40px;border-bottom: 1px solid #ddd;}
#sub .sub-tit h3{margin-top: 10px;font-size: 30px;color: #000;} */

/* .lnbWrap{background: #666666;}
#lnb{width: 1200px;margin: 0 auto;}
#lnb > li{display: inline-block;vertical-align: top;border-right: 1px solid #999999;box-sizing: border-box;}
#lnb > li:first-child{border-left: 1px solid #999999;}
#lnb > li a{display: block;line-height: 50px;font-size: 15px;text-decoration: none;text-align: center;color: #fff;}
#lnb > li.active a{background: #fff;color: #000;}

#status{position: absolute;bottom: 20px;right: 0;}
#status > ul > li{display: inline-block;}
#status > ul > li .spr{display: inline-block;vertical-align: middle;margin: 0 10px;color: #999;font-size: 11px;line-height: 11px;}
#status > ul > li a{font-size: 13px;color: #999;text-decoration: none;}
#status > ul > li:last-child a{color: #000;}
#status > ul > li > ul{display: none;}

#navigator{border: 1px solid #ddd;border-width: 1px 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: 300;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: #f7f7f7;color: #888;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.on > ul{background: #fff;visibility: visible;opacity: 1;}
#navigator > ul > li > ul li.hidden-gnb{display: none;} */

/* 약관 내용 출력 박스 */
.policybox{color: #666;font-size: 13px;line-height: 20px;}

.colBlue {color: #0e6baf !important;}

.stit {margin-bottom: 40px;text-align: center;}
.stit > * {display: block;text-align: center;}
.stit > *:not(:first-child) {margin-top: 10px;}
.stit > u {display: inline-block;text-decoration: none;border-bottom: 1px solid #0e6baf;font-size: 16px;color: #333333;font-weight: 200;}
.stit > h4 {font-size: 34px;color: #333333;font-weight: 300;}
.stit > p {font-size: 16px;font-weight: 200;line-height: 24px;}


.prjt-list > li {background: #fff;padding: 13px 0;font-family: empty;font-size: 0;overflow: hidden;position: relative;}
.prjt-list > li:not(:first-child) {margin-top: 10px;}
.prjt-list > li > * {display: inline-block;vertical-align: middle;}
.prjt-list > li .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;border: 2px solid #0e6baf;box-shadow: 0 0 10px rgba(0,0,0,0.12);opacity: 0;}
.prjt-list > li .num {width: 115px;text-align: center;font-size: 20px;position: relative;}
.prjt-list > li .num:after {display: block;content: '';position: absolute;top: calc(50% - 45px);right: 0;width: 1px;height: 90px;background: #ddd;}
.prjt-list > li .sbj {width: calc(100% - 115px - 200px - 115px);padding: 18px 45px;box-sizing: border-box;}
.prjt-list > li .sbj strong {display: block;font-size: 25px;color: #333333;font-weight: 300;line-height: 1.4em;min-height: 1.4em;}
.prjt-list > li .opt {display: block;margin-bottom: 10px;}
.prjt-list > li .opt > li {display: inline-block;vertical-align: middle;font-size: 16px;color: #666666;font-weight: 200;line-height: 1.1em;}
.prjt-list > li .opt > li:not(:first-child):before {display: inline-block;vertical-align: 0;content: '';width: 1px;height: 12px;background: #bbbbbb;margin: 0 10px;}
.prjt-list > li .ver {width: 200px;text-align: center;font-size: 18px;color: #888888;font-weight: 200;}
.prjt-list > li .more {width: 115px;text-align: center;font-size: 40px;position: relative;}
.prjt-list > li .more:after {display: block;content: '';position: absolute;top: calc(50% - 45px);left: 0;width: 1px;height: 90px;background: #ddd;}
.prjt-list > li:hover .link {opacity: 1;}