﻿@charset "utf-8";

/*========================================== Basic ================================================*/
/* 위치 */
.rel {position:relative;}
.abs {position:absolute;}
.blind {display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
.table_fixed {table-layout:fixed;}

/*======================================= Margin/Padding ==========================================*/
/* margin */

.m0 {margin:0px;} .m01 {margin:1px;} .m02 {margin:2px;} .m03 {margin:3px;} .m04 {margin:4px;} .m05 {margin:5px;} .m06 {margin:6px;} .m07 {margin:7px;} .m08 {margin:8px;} .m09 {margin:9px;} .m10 {margin:10px;} .m15 {margin:15px;} .m20 {margin:20px;} .m25 {margin:25px;} .m30 {margin:30px;} .m35 {margin:35px;} .m40 {margin:40px;} .m45 {margin:45px;} .m50 {margin:50px;} .m55 {margin:55px;} .m60 {margin:60px;} .m65 {margin:65px;} .m70 {margin:70px;} .m75 {margin:75px;} .m80 {margin:80px;} .m85 {margin:85px;} .m90 {margin:90px;} .m95 {margin:95px;} .m100 {margin:100px;} .m110 {margin:110px;} .m120 {margin:120px;} .m130 {margin:130px;} .m140 {margin:140px;} .m150 {margin:150px;} .m160 {margin:160px;} .m170 {margin:170px;} .m180 {margin:180px;} .m190 {margin:190px;} .m200 {margin:200px;} .m250 {margin:250px;} .m300 {margin:300px;}
.mt0 {margin-top:0px;} .mt1 {margin-top:1px;} .mt2 {margin-top:2px;} .mt3 {margin-top:3px;} .mt4 {margin-top:4px;} .mt5 {margin-top:5px;} .mt10 {margin-top:10px;} .mt15 {margin-top:15px;} .mt20 {margin-top:20px;} .mt25 {margin-top:25px;} .mt30 {margin-top:30px;} .mt35 {margin-top:35px;} .mt40 {margin-top:40px;} .mt45 {margin-top:45px;} .mt50 {margin-top:50px;} .mt55 {margin-top:55px;} .mt60 {margin-top:60px;} .mt65 {margin-top:65px;} .mt70 {margin-top:70px;} .mt75 {margin-top:75px;} .mt80 {margin-top:80px;} .mt85 {margin-top:85px;} .mt90 {margin-top:90px;} .mt95 {margin-top:95px;} .mt100 {margin-top:100px;} .mt110 {margin-top:110px;} .mt120 {margin-top:120px;} .mt130 {margin-top:130px;} .mt140 {margin-top:140px;} .mt150 {margin-top:150px;} .mt160 {margin-top:160px;} .mt170 {margin-top:170px;} .mt180 {margin-top:180px;} .mt190 {margin-top:190px;} .mt200 {margin-top:200px;} .mt210 {margin-top:210px;} .mt220 {margin-top:220px;} .mt230 {margin-top:230px;} .mt240 {margin-top:240px;} .mt250 {margin-top:250px;} .mt260 {margin-top:260px;} .mt270 {margin-top:270px;} .mt280 {margin-top:280px;} .mt290 {margin-top:290px;} .mt300 {margin-top:300px;}
.ml0 {margin-left:0px;} .ml1 {margin-left:1px;} .ml2 {margin-left:2px;} .ml3 {margin-left:3px;} .ml4 {margin-left:4px;} .ml5 {margin-left:5px;} .ml10 {margin-left:10px;} .ml15 {margin-left:15px;} .ml16 {margin-left:16px;} .ml20 {margin-left:20px;} .ml25 {margin-left:25px;} .ml30 {margin-left:30px;} .ml35 {margin-left:35px;} .ml40 {margin-left:40px;} .ml45 {margin-left:45px;} .ml50 {margin-left:50px;} .ml55 {margin-left:55px;} .ml60 {margin-left:60px;} .ml65 {margin-left:65px;} .ml70 {margin-left:70px;} .ml75 {margin-left:75px;} .ml80 {margin-left:80px;} .ml85 {margin-left:85px;} .ml90 {margin-left:90px;} .ml95 {margin-left:95px;} .ml100 {margin-left:100px;} .ml110 {margin-left:110px;} .ml115 {margin-left:115px;} .ml120 {margin-left:120px;} .ml130 {margin-left:130px;} .ml140 {margin-left:140px;} .ml150 {margin-left:150px;} .ml160 {margin-left:160px;} .ml170 {margin-left:170px;} .ml180 {margin-left:180px;} .ml190 {margin-left:190px;} .ml200 {margin-left:200px;} .ml210 {margin-left:210px;} .ml220 {margin-left:220px;} .ml230 {margin-left:230px;} .ml240 {margin-left:240px;} .ml250 {margin-left:250px;} .ml260 {margin-left:260px;} .ml270 {margin-left:270px;} .ml280 {margin-left:280px;} .ml290 {margin-left:290px;} .ml300 {margin-left:300px;} .ml320 {margin-left:320px;}
.mr0 {margin-right:0px;} .mr1 {margin-right:1px;} .mr2 {margin-right:2px;} .mr3 {margin-right:3px;} .mr4 {margin-right:4px;} .mr5 {margin-right:5px;} .mr10 {margin-right:10px;} .mr15 {margin-right:15px;} .mr20 {margin-right:20px;} .mr25 {margin-right:25px;} .mr30 {margin-right:30px;} .mr35 {margin-right:35px;} .mr40 {margin-right:40px;} .mr45 {margin-right:45px;} .mr50 {margin-right:50px;} .mr55 {margin-right:55px;} .mr60 {margin-right:60px;} .mr65 {margin-right:65px;} .mr70 {margin-right:70px;} .mr75 {margin-right:75px;} .mr80 {margin-right:80px;} .mr85 {margin-right:85px;} .mr90 {margin-right:90px;} .mr95 {margin-right:95px;} .mr100 {margin-right:100px;} .mr110 {margin-right:110px;} .mr120 {margin-right:120px;} .mr130 {margin-right:130px;} .mr140 {margin-right:140px;} .mr150 {margin-right:150px;} .mr160 {margin-right:160px;} .mr170 {margin-right:170px;} .mr180 {margin-right:180px;} .mr190 {margin-right:190px;} .mr200 {margin-right:200px;} .mr210 {margin-right:210px;} .mr220 {margin-right:220px;} .mr230 {margin-right:230px;} .mr240 {margin-right:240px;} .mr250 {margin-right:250px;} .mr260 {margin-right:260px;} .mr270 {margin-right:270px;} .mr280 {margin-right:280px;} .mr290 {margin-right:290px;} .mr300 {margin-right:300px;}
.mb0 {margin-bottom:0px;} .mb1 {margin-bottom:1px;} .mb2 {margin-bottom:2px;} .mb3 {margin-bottom:3px;} .mb4 {margin-bottom:4px;} .mb5 {margin-bottom:5px;} .mb10 {margin-bottom:10px;} .mb15 {margin-bottom:15px;} .mb20 {margin-bottom:20px;} .mb25 {margin-bottom:25px;} .mb30 {margin-bottom:30px;} .mb35 {margin-bottom:35px;} .mb40 {margin-bottom:40px;} .mb45 {margin-bottom:45px;} .mb50 {margin-bottom:50px;} .mb55 {margin-bottom:55px;} .mb60 {margin-bottom:60px;} .mb65 {margin-bottom:65px;} .mb70 {margin-bottom:70px;} .mb75 {margin-bottom:75px;} .mb80 {margin-bottom:80px;} .mb85 {margin-bottom:85px;} .mb90 {margin-bottom:90px;} .mb95 {margin-bottom:95px;} .mb100 {margin-bottom:100px;} .mb110 {margin-bottom:110px;} .mb120 {margin-bottom:120px;} .mb130 {margin-bottom:130px;} .mb140 {margin-bottom:140px;} .mb150 {margin-bottom:150px;} .mb160 {margin-bottom:160px;} .mb170 {margin-bottom:170px;} .mb180 {margin-bottom:180px;} .mb190 {margin-bottom:190px;} .mb200 {margin-bottom:200px;} .mb210 {margin-bottom:210px;} .mb220 {margin-bottom:220px;} .mb230 {margin-bottom:230px;} .mb240 {margin-bottom:240px;} .mb250 {margin-bottom:250px;} .mb260 {margin-bottom:260px;} .mb270 {margin-bottom:270px;} .mb280 {margin-bottom:280px;} .mb290 {margin-bottom:290px;} .mb300 {margin-bottom:300px;}
.p0 {padding:0px;} .p1 {padding:1px;} .p2 {padding:2px;} .p3 {padding:3px;} .p4 {padding:4px;} .p5 {padding:5px;} .p6 {padding:6px;} .p7 {padding:7px;} .p8 {padding:8px;} .p9 {padding:9px;} .p10 {padding:10px;} .p15 {padding:15px;} .p20 {padding:20px;} .p25 {padding:25px;} .p30 {padding:30px;} .p35 {padding:35px;} .p40 {padding:40px;} .p45 {padding:45px;} .p50 {padding:50px;} .p55 {padding:55px;} .p60 {padding:60px;} .p65 {padding:65px;} .p70 {padding:70px;} .p75 {padding:75px;} .p80 {padding:80px;} .p85 {padding:85px;} .p90 {padding:90px;} .p95 {padding:95px;} .p100 {padding:100px;} .p110 {padding:110px;} .p120 {padding:120px;} .p130 {padding:130px;} .p140 {padding:140px;} .p150 {padding:150px;} .p160 {padding:160px;} .p170 {padding:170px;} .p180 {padding:180px;} .p190 {padding:190px;} .p200 {padding:200px;} .p250 {padding:250px;} .p300 {padding:300px;}
.pt0 {padding-top:0px;} .pt1 {padding-top:1px;} .pt2 {padding-top:2px;} .pt3 {padding-top:3px;} .pt4 {padding-top:4px;} .pt5 {padding-top:5px;} .pt10 {padding-top:10px;} .pt15 {padding-top:15px;} .pt20 {padding-top:20px;} .pt25 {padding-top:25px;} .pt30 {padding-top:30px;} .pt35 {padding-top:35px;} .pt40 {padding-top:40px;} .pt45 {padding-top:45px;} .pt50 {padding-top:50px;} .pt55 {padding-top:55px;} .pt60 {padding-top:60px;} .pt65 {padding-top:65px;} .pt70 {padding-top:70px;} .pt75 {padding-top:75px;} .pt80 {padding-top:80px;} .pt85 {padding-top:85px;} .pt90 {padding-top:90px;} .pt95 {padding-top:95px;} .pt100 {padding-top:100px;} .pt110 {padding-top:110px;} .pt120 {padding-top:120px;} .pt130 {padding-top:130px;} .pt140 {padding-top:140px;} .pt150 {padding-top:150px;} .pt160 {padding-top:160px;} .pt170 {padding-top:170px;} .pt180 {padding-top:180px;} .pt190 {padding-top:190px;} .pt200 {padding-top:200px;} .pt210 {padding-top:210px;} .pt220 {padding-top:220px;} .pt230 {padding-top:230px;} .pt240 {padding-top:240px;} .pt250 {padding-top:250px;} .pt260 {padding-top:260px;} .pt270 {padding-top:270px;} .pt280 {padding-top:280px;} .pt290 {padding-top:290px;} .pt300 {padding-top:300px;}
.pl0 {padding-left:0px;} .pl1 {padding-left:1px;} .pl2 {padding-left:2px;} .pl3 {padding-left:3px;} .pl4 {padding-left:4px;} .pl5 {padding-left:5px;} .pl10 {padding-left:10px;} .pl15 {padding-left:15px;} .pl20 {padding-left:20px;} .pl25 {padding-left:25px;} .pl30 {padding-left:30px;} .pl35 {padding-left:35px;} .pl40 {padding-left:40px;} .pl45 {padding-left:45px;} .pl50 {padding-left:50px;} .pl55 {padding-left:55px;} .pl60 {padding-left:60px;} .pl65 {padding-left:65px;} .pl70 {padding-left:70px;} .pl75 {padding-left:75px;} .pl80 {padding-left:80px;} .pl85 {padding-left:85px;} .pl90 {padding-left:90px;} .pl95 {padding-left:95px;} .pl100 {padding-left:100px;} .pl110 {padding-left:110px;} .pl120 {padding-left:120px;} .pl130 {padding-left:130px;} .pl140 {padding-left:140px;} .pl150 {padding-left:150px;} .pl160 {padding-left:160px;} .pl170 {padding-left:170px;} .pl180 {padding-left:180px;} .pl190 {padding-left:190px;} .pl200 {padding-left:200px;} .pl210 {padding-left:210px;} .pl220 {padding-left:220px;} .pl230 {padding-left:230px;} .pl240 {padding-left:240px;} .pl250 {padding-left:250px;} .pl260 {padding-left:260px;} .pl270 {padding-left:270px;} .pl280 {padding-left:280px;} .pl290 {padding-left:290px;} .pl300 {padding-left:300px;}
.pr0 {padding-right:0px;} .pr1 {padding-right:1px;} .pr2 {padding-right:2px;} .pr3 {padding-right:3px;} .pr4 {padding-right:4px;} .pr5 {padding-right:5px;} .pr10 {padding-right:10px;} .pr15 {padding-right:15px;} .pr20 {padding-right:20px;} .pr25 {padding-right:25px;} .pr30 {padding-right:30px;} .pr35 {padding-right:35px;} .pr40 {padding-right:40px;} .pr45 {padding-right:45px;} .pr50 {padding-right:50px;} .pr55 {padding-right:55px;} .pr60 {padding-right:60px;} .pr65 {padding-right:65px;} .pr70 {padding-right:70px;} .pr75 {padding-right:75px;} .pr80 {padding-right:80px;} .pr85 {padding-right:85px;} .pr90 {padding-right:90px;} .pr95 {padding-right:95px;} .pr100 {padding-right:100px;} .pr110 {padding-right:110px;} .pr120 {padding-right:120px;} .pr130 {padding-right:130px;} .pr140 {padding-right:140px;} .pr150 {padding-right:150px;} .pr160 {padding-right:160px;} .pr170 {padding-right:170px;} .pr180 {padding-right:180px;} .pr190 {padding-right:190px;} .pr200 {padding-right:200px;} .pr210 {padding-right:210px;} .pr220 {padding-right:220px;} .pr230 {padding-right:230px;} .pr240 {padding-right:240px;} .pr250 {padding-right:250px;} .pr260 {padding-right:260px;} .pr270 {padding-right:270px;} .pr280 {padding-right:280px;} .pr290 {padding-right:290px;} .pr300 {padding-right:300px;}
.pb0 {padding-bottom:0px;} .pb1 {padding-bottom:1px;} .pb2 {padding-bottom:2px;} .pb3 {padding-bottom:3px;} .pb4 {padding-bottom:4px;} .pb5 {padding-bottom:5px;} .pb10 {padding-bottom:10px;} .pb15 {padding-bottom:15px;} .pb20 {padding-bottom:20px;} .pb25 {padding-bottom:25px;} .pb30 {padding-bottom:30px;} .pb35 {padding-bottom:35px;} .pb40 {padding-bottom:40px;} .pb45 {padding-bottom:45px;} .pb50 {padding-bottom:50px;} .pb55 {padding-bottom:55px;} .pb60 {padding-bottom:60px;} .pb65 {padding-bottom:65px;} .pb70 {padding-bottom:70px;} .pb75 {padding-bottom:75px;} .pb80 {padding-bottom:80px;} .pb85 {padding-bottom:85px;} .pb90 {padding-bottom:90px;} .pb95 {padding-bottom:95px;} .pb100 {padding-bottom:100px;} .pb110 {padding-bottom:110px;} .pb120 {padding-bottom:120px;} .pb130 {padding-bottom:130px;} .pb140 {padding-bottom:140px;} .pb150 {padding-bottom:150px;} .pb160 {padding-bottom:160px;} .pb170 {padding-bottom:170px;} .pb180 {padding-bottom:180px;} .pb190 {padding-bottom:190px;} .pb200 {padding-bottom:200px;} .pb210 {padding-bottom:210px;} .pb220 {padding-bottom:220px;} .pb230 {padding-bottom:230px;} .pb240 {padding-bottom:240px;} .pb250 {padding-bottom:250px;} .pb260 {padding-bottom:260px;} .pb270 {padding-bottom:270px;} .pb280 {padding-bottom:280px;} .pb290 {padding-bottom:290px;} .pb300 {padding-bottom:300px;}
.w5 {width:5px;} .w10 {width:10px;} .w15 {width:15px;} .w20 {width:20px;} .w25 {width:25px;} .w30 {width:30px;} .w35 {width:35px;} .w40 {width:40px;} .w45 {width:45px;} .w50 {width:50px;} .w55 {width:55px;} .w60 {width:60px;} .w65 {width:65px;} .w70 {width:70px;} .w75 {width:75px;} .w80 {width:80px;} .w85 {width:85px;} .w90 {width:90px;} .w95 {width:95px;} .w100 {width:100px;} .w110 {width:110px;} .w120 {width:120px;} .w130 {width:130px;} .w140 {width:140px;} .w150 {width:150px;} .w160 {width:160px;} .w170 {width:170px;} .w180 {width:180px;} .w190 {width:190px;} .w200 {width:200px;} .w210 {width:210px;} .w220 {width:220px;} .w230 {width:230px;} .w240 {width:240px;} .w250 {width:250px;} .w260 {width:260px;} .w270 {width:270px;} .w280 {width:280px;} .w290 {width:290px;} .w300 {width:300px;} .w310 {width:310px;} .w320 {width:320px;} .w330 {width:3430px;} .w340 {width:340px;} .w350 {width:350px;} .w360 {width:360px;} .w370 {width:370px;} .w380 {width:380px;} .w390 {width:390px;} .w400 {width:400px;} .w410 {width:410px;} .w420 {width:420px;} .w430 {width:430px;} .w440 {width:440px;} .w450 {width:450px;} .w460 {width:460px;} .w470 {width:470px;} .w480 {width:480px;} .w490 {width:490px;} .w500 {width:500px;} .w510 {width:510px;} .w550 {width:550px;} .w600 {width:600px;} .w650 {width:650px;} .w700 {width:700px;} .w750 {width:750px;} .w800 {width:800px;} .w850 {width:850px;} .w900 {width:900px;} .w950 {width:950px;} .w1000 {width:1000px;}
.h5 {height:5px;} .h10 {height:10px;} .h15 {height:15px;} .h20 {height:20px;} .h25 {height:25px;} .h30 {height:30px;} .h35 {height:35px;} .h40 {height:40px;} .h45 {height:45px;} .h48 {height:48px;} .h50 {height:50px;} .h55 {height:55px;} .h60 {height:60px;} .h65 {height:65px;} .h70 {height:70px;} .h75 {height:75px;} .h80 {height:80px;} .h85 {height:85px;} .h90 {height:90px;} .h95 {height:95px;} .h100 {height:100px;} .h110 {height:110px;} .h120 {height:120px;} .h130 {height:130px;} .h140 {height:140px;} .h150 {height:150px;} .h160 {height:160px;} .h170 {height:170px;} .h180 {height:180px;} .h190 {height:190px;} .h200 {height:200px;} .h210 {height:210px;} .h220 {height:220px;} .h230 {height:230px;} .h240 {height:240px;} .h250 {height:250px;} .h260 {height:260px;} .h270 {height:270px;} .h280 {height:280px;} .h290 {height:290px;} .h300 {height:300px;} .h350 {height:350px;} .h400 {height:400px;} .h450 {height:450px;} .h500 {height:500px;} .h550 {height:550px;} .h600 {height:600px;} .h650 {height:650px;} .h700 {height:700px;} .h750 {height:750px;} .h800 {height:800px;} .h850 {height:850px;} .h900 {height:900px;} .h950 {height:950px;} .h1000 {height:1000px;}
.w1p {width:1%;} .w2p {width:2%;} .w3p {width:3%;} .w4p {width:4%;} .w5p {width:5%;} .w6p {width:6%;} .w7p {width:7%;} .w8p {width:8%;} .w9p {width:9%;} .w10p {width:10%;} .w15p {width:15%;} .w20p {width:20%;} .w25p {width:25%;} .w30p {width:30%;} .w33p {width:33.333333%;} .w35p {width:35%;} .w40p {width:40%;} .w45p {width:45%;} .w46p {width:46%;} .w47p {width:47%;} .w48p {width:48%;} .w49p {width:49%;} .w50p {width:50%;} .w55p {width:55%;} .w60p {width:60%;} .w65p {width:65%;} .w70p {width:70%;} .w75p {width:75%;} .w80p {width:80%;} .w85p {width:85%;} .w90p {width:90%;} .w95p {width:95%;} .w100p {width:100%;}

.max_w100{max-width:100%;}

/* display */
.inline{display:inline !important;}
.inline_b{display:inline-block !important;}
.block{display:block !important;}
.none {display:none !important;}
.ir_img{font-size:0;line-height:0;text-indent:-9999px;}
.pc1{display:block;}
.pc2{display:inline-block;}
.mo1,.mo2{display:none;}
.pc_bk{display:block;} 


/*table 모바일 스크롤*/
/*USG공유대학 css*/
.scroll-box{display: none;}

@media screen and (max-width: 768px) {
.scroll-box{ position: relative; display: block!important;  width: 100%;  background: #f4f4f4;  padding: 50px;  margin-top: 30px; margin-bottom: 30px;}
.scroll-box p { background: url(http://usg.ac.kr/images/common/scroll-icon.png) no-repeat; padding-left: 55px; font-size: 16px; word-break: keep-all; display: block;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); width: 285px;  margin-left: 0;}

.table-scr-wrap-m{ margin-top: 10px;  width: 100%; overflow-x: scroll;}
.table-st.table-scr-m{ width: 900px; text-align:center!important;}
}

/*=========================================== Align ==============================================*/
/* css 기본값 정의 */
.blank {margin:0; padding:0; border:none; background:none;}
.btn {cursor:pointer;}
i.btn {cursor:default;}
.ib {display:inline-block; vertical-align:middle;}
.area {display:inline-block; vertical-align:middle; width:100%;}
.bundle {display:inline-block; vertical-align:middle; float:left;}
.ac {margin:0 auto;}
.test {border:red solid 1px}
.scroll {overflow:auto;}
.br_pc{display:block;}

/* 정렬 */
.fl{float:left !important;}
.fr{float:right !important;}
.fn{float:none !important;}

.clear{clear:both;}
.clearfix{width:100%;}
.clearfix:after{content:"";display:block;visibility:hidden;clear:both;}

/* 텍스트정렬 */
 .left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}
.justify{text-align:justify !important;}

/* 세로정렬 */
.middle{vertical-align:middle !important;}
.top{vertical-align:top;}
.bottom{vertical-align:bottom;}

/*========================================== img ================================================*/
/* img */
.img_area{display:inline-block; width:100%; padding:20px 0 20px 0; text-align:center;} /*0904추가*/
.img_area img{display:inline-block; max-width:100%;}
.max_img100{max-width:100%;}

/*========================================== Font ================================================*/

/* ellipsis */
.ellipsis {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; -moz-binding:url(/assets/css/ellipsis.xml#ellipsis);}

/* title */
h3{margin: 40px 0 15px 0px;padding: 0 0 0 32px;font-size: 1.6em;color: #143071;font-weight: 600;} 
h4{margin: 0 0 12px 0;padding: 0 0 0 35px;font-size:1.25em;color:#333;font-weight: 500;} 
h5{margin:3px 0 3px 0px;padding:0 0 5px 43px;font-size:1.188em; color:#444;}
h6{margin:3px 0 3px 0px;padding:0 0 5px 55px;font-size:1.063em; color:#666;}

h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small{font-size:80%; font-weight:normal;}
.small{font-size:80%; font-weight:normal;}

/* text type */
.txt_type1{font-size:29px; font-weight:100; padding:5px 0; letter-spacing:-1.5px;}
.txt_type2{font-size:90%; font-weight:100; letter-spacing:-1px; margin:-2px 0;}
.txt_type3{color:#2587e1; font-weight:500;}
.txt_type4{font-size: 14px;font-weight: 100;color: #ff0000;/* width: 100%; */text-align: right;float: right;letter-spacing: -0.5px;}

/* 들여쓰기 */
.txt_h3{margin-left:20px !important;}
.txt_h4{margin-left: 30px !important;}
.txt_h5{margin-left:50px !important;}
.txt_h6{margin-left:58px !important;}

/* 폰트 사이즈 */
.txt_s1{font-size:1em;} /*14px*/
.txt_s2{font-size:1.143em;} /*16px*/
.txt_s3{font-size:1.286em;} /*18px*/
.txt_s4{font-size:1.429em} /*20px*/
.txt_s5{font-size:1.714em} /*24px*/

.txt_s100p{font-size:100% !important;}
.txt_s110p{font-size:110% !important;}
.txt_s115p{font-size:115% !important;}
.txt_s120p{font-size:120% !important;}
.txt_s130p{font-size:130% !important;}
.txt_s140p{font-size:140% !important;}
.txt_s95p{font-size:95% !important;}
.txt_s90p{font-size:90% !important;}
.txt_s80p{font-size:80% !important;}
.txt_s70p{font-size:70% !important;}
.txt_s60p{font-size:60% !important;}
.txt_s50p{font-size:50% !important;}

/* 폰트 기타 */
.txt_u{text-decoration:underline !important;}
.txt_normal{font-weight:normal !important;}
.txt_light{font-weight: 100;}
.txt_bold{font-weight: 500;}
.txt_deco_none{text-decoration:none !important;}

/* color-point */
.c_yellow{color:#fffe00 !important;}
.c_blue{color:#0054b3 !important;}
.c_green{color:#1D674E !important;}
.c_green2{color:#1f8419 !important;}
.c_gray{color:#ccc !important;}
.c_bk1{color:#333 !important;}
.c_bk2{color:#111 !important;}
.c_bk3{color:#666 !important;}
.c_red{color:#ff3300 !important;}
.c_red2{color:#e13d00 !important;}
.c_point{color:#9833a0 !important;}
.c_normal{color: #6c6e72 !important;}
.c_orange{color: #f15922 !important;}

/* 블릿 스타일 */
.bl_h3{background: url(/images/common/ghs_b_h3.png) no-repeat 0px 3px;padding-bottom: 5px;}
.bl_h4{background: url(/images/common/ghs_b_h4.png) no-repeat 18px center;}
.bl_h5{background:url(/images/common/b_h6.png) no-repeat 22px 6px;}
.bl_h6{background: url(/images/common/b_h6.png) no-repeat 30px 9px;}
.bl_h7{background: url(/images/common/ghs_b_h5.png) no-repeat 0px 3px;padding-bottom: 5px; display:inline-block; padding: 2px 30px 0 35px;}

.bl_arr{padding:3px 0 3px 13px; background:url(/images/common/bl_arr.png) no-repeat 0px 11px;}
.bl_arr_down_blue{background:url(/images/common/bl_arr_down_blue.png) no-repeat left 3px; padding-left:27px;}
.bl_dot{background:url(/images/common/bl_dot_gray.gif) no-repeat left 10px; padding-left:10px;}

.item {position: relative;float: left;width: 100%;overflow: hidden;}
.img_area .img01 {display: inline-block;}
.img_area .img02 {display: none;}

/*=========================================== Border ==============================================*/
/* line */
.line_none{border:none !important;}
.line_r_none {border-right:none !important;}
.line_l_none {border-left:none !important;}
.line_b_none {border-bottom:none !important;}
.line_t_none {border-top:none !important;}

.line_b {width:100%;border-bottom:1px solid #ccc;box-sizing:border-box;}
.line_b_all > *{width:100%;padding:30px 0;border-bottom:1px solid #ccc;box-sizing:border-box;}
.line_t {width:100%;border-top:1px solid #ccc;box-sizing:border-box;}

.line_t {border-top:1px solid #999 !important}
.line_b {border-bottom:1px solid #999 !important}
.line_t.gray {border-top-color:#ccc !important;}
.line_b.gray {border-bottom-color:#ccc !important;}

.bgnone {background:none !important;}

/*=========================================== list ==============================================*/
/* list */
/*ul,li,dd,dt,dl{font-size:15px;}*/
.list{margin-bottom:0px;}
.list li{margin-bottom:6px;}
.list li:before, .list dt:before{content:""; display:inline-block; width:6px; height:2px; margin:0 6px 3px -10px; background:#6c6e72; vertical-align:middle; no-repeat left 9px;}
.list li ul{margin:6px 0 6px 0px;}
.list li li:before, .list dd:before{content:""; display:inline-block; width:2px; height:2px; margin:0 5px 3px -6px; background:#6c6e72; vertical-align:middle }

.list1{margin-bottom:20px;}
.list1 li{margin-bottom: 8px;}
.list1 li,.list1 dt{background: url(/images/common/b_h6.png) no-repeat 0px 9px;padding-left:10px;}
.list1 li li,.list1 dt dt {background:none;padding-left: 3px;}
.list1 li li:before, .list1 dd:before{content:"";display:inline-block;width:6px;height:2px;margin: 0 4px 3px -10px;background:#6c6e72;vertical-align:middle;}
.list1 li ul{margin: 8px 0 0px 0px;}
.list1 li li li:before, .list1 dd dd dd:before{content:"";display:inline-block;width:2px;height:2px;margin: 0 5px 3px -7px;background:#6c6e72;vertical-align:middle;}
.list1 dt{margin-bottom:6px; font-weight:500; }
.list1 li li, .list1 dd dd{margin: 0 0 8px 15px;}
.list1 li li li, .list1 dd dd dd{margin: 0 0 8px 7px;}
dl.list1{margin-bottom:20px;margin-left:27px;}

.list2{margin:6px 0 20px 42px;}
.list2 li{margin-bottom:6px;}
.list2 li:before, .list2 dt:before{content:""; display:inline-block; width:6px; height:2px; margin:0 6px 3px -10px; background:#6c6e72; vertical-align:middle;}
.list2 li ul{margin:6px 0 6px 0px;}
.list2 li li:before, .list1 dd:before{content:""; display:inline-block; width:2px; height:2px; margin:0 5px 3px -6px; background:#6c6e72; vertical-align:middle }
.list2 li li, .list2 dd{margin:0 0 6px 15px;}

.list3{margin-bottom:20px;margin-left:55px ;margin-top:6px;}
.list3 li{margin-bottom:6px;}
.list3 li:before, .list3 dt:before{content:""; display:inline-block; width:6px; height:2px; margin:0 6px 3px -10px; background:#6c6e72; vertical-align:middle;}
.list3 li ul{margin:6px 0 6px 0px;}
.list3 li li:before, .list1 dd:before{content:""; display:inline-block; width:2px; height:2px; margin:0 5px 3px -6px; background:#6c6e72; vertical-align:middle }
.list3 li li, .list2 dd{margin:0 0 6px 15px;}

/* Box Type */
.box1{display:block; position:relative; padding:40px; border:8px solid #eee; ; margin:0 0 20px 0;}
.box1 .title{font-weight:500; font-size: 1.2em; line-height: 1.2em; margin-bottom: 5px; color: #000;}
.box2{display:block;position:relative;padding: 25px;margin: 20px 0 20px 0;background:#f8f8f8;border-radius:7px;overflow:hidden;}
.box3.obq {background:url(/images/common/box_bg_obq2.gif) repeat; overflow:hidden; padding:5px;}
.box3.line {background:#fff; border:1px solid #ddd; overflow:hidden; padding:20px;}
.box4{border:6px solid #dadef1; background:#dadef1; overflow:hidden; border-radius:5px;}
.box4.line{padding:20px 30px 10px 40px; border:1px solid #4a558d; border-radius:5px; background:#fff;}
.box5{display:block;position:relative;margin:0px 0 20px 0;overflow:hidden;background: #f9f9f9;border: 1px solid #eee;padding: 20px;box-sizing: border-box;}
.box_img_left img{float:left; margin-left:3%; margin-right:5%;}
.box_img_left .text_area{float:left; width:auto;}

.box6{background-color:#f2f6ff;margin-bottom:45px;/* line-height: 61px; */padding: 36px 32px;color: #06328e;padding-left: 135px;position:relative;}
.box6::after{display: block; content: ''; clear: both;}
.box6 img{/* float: left; *//* margin-right: 25px; */display:none;}
.box6:before{display:inline-block;content:'';width:65px;height:65px;background:url(/images/content/sub21_2_img02.png) no-repeat;position:absolute;left:50px;top: 50%;transform: translateY(-50%);}
@media all and (max-width:850px){
	.box6{word-break: keep-all;line-height:1.4;padding: 20px 20px 20px 115px;}
	.box6:before{left: 28px;}
}
@media all and (max-width:650px){
	.box6 img{display:none;}
	.box6{margin-bottom: 25px;padding-left: 100px;/* line-height: 1.4; */}
	.box6:before{left:20px;}
}

.box7{background-color:#f2f6ff;margin-bottom:45px;/* line-height: 61px; */padding: 25px 32px;color: #06328e;padding-left: 135px;position:relative;}
.box7::after{display: block; content: ''; clear: both;}
.box7 img{/* float: left; *//* margin-right: 25px; */display:none;}
.box7:before{display:inline-block;content:'';width:65px;height:65px;background:url(/images/content/sub22_2_img01.png) no-repeat;position:absolute;left:50px;top: 50%;transform: translateY(-50%);}
@media all and (max-width:850px){
	.box7{word-break: keep-all;/* line-height:1.4; */padding: 20px 20px 20px 115px;}
	.box7:before{left: 28px;}
}
@media all and (max-width:650px){
	.box7 img{display:none;}
	.box7{margin-bottom: 25px;padding-left: 100px;}
	.box7:before{left:20px;}
}

/*=========================================== Button ==============================================*/
/*.btn Reset */
.btn{position:relative;overflow: visible;display:-moz-inline-stack;display:inline-block;margin-bottom:2px;/* margin:0 2px; */padding:0;vertical-align: top;white-space: nowrap;text-decoration:none;border-radius: 5px;color:#fff;background-color:#444;border:1px solid #474a52;border-width:0 1px 1px 0;font-family: 'notokr', sans-serif;cursor:pointer;}
a.btn{margin:0 2px 2px;} 
p.btn{cursor: no-drop; }

/*.btn Size */
.btn.small{height: 25px; padding:0 15px; line-height: 25px; font-size:0.750em; }
.btn.medium{height: 40px;padding: 0 19px;line-height: 37px;font-size:0.813em;} 
.btn.large{height: 42px; padding:0 30px; line-height:42px; font-size:0.875em;}

/*.btn type */
.btn.type_board{height: 31px;padding: 0 19px;line-height: 31px;font-size:0.813em;border-radius: 0;}
.btn_zoom,.btn_ico{width: 31px;height: 31px;background: #666;color: #fff;font-size: 1.8em;font-weight: 100;font-family: notokr;line-height: 31px;padding-top: 7px;text-align: center;padding-left: 1px;border: 1px solid #666;}


/*.btn Color */
.btn.white{border:1px solid #d6d9e0; border-width:1px 1px 1px 1px; color:#333; background:#f4f5f7;}
.btn.color1{color:#fff;background: #0966da;border: 1px solid #1c67a8;font-size: 1em;}
.btn.color1:hover, .btn.color1:active, .btn.color1:focus{color:#fff; background:#428ccc;border: 1px solid #428ccc;}

/*.btn Hover */
.btn:hover, .btn:active, .btn:focus{border-right:1px solid #999; border-bottom:1px solid #999; color:#fff; text-decoration:none; background:#777;} 
.btn.color1:hover, .btn.color1:active, .btn.color1:focus{color:#fff; text-decoration: none;} 
.btn.white:hover, .btn.white:active, .btn.white:focus{border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #aaa; border-bottom:1px solid #aaa; color:#333; text-decoration: none; background: #eee;} 

/* btn Area */
.btn_area{overflow:hidden; margin:20px 0;text-align:center}
.btn_area.btn_center{text-align:center}
.btn_area.btn_right{text-align:right }
.btn_area.btn_left{text-align:left }
.btn_area:after{content:''; display:block; font-size:0; line-height:0;}

/* 텍스트가 없는 아이콘 버튼 */
.btn.ico.no_txt{padding-right:23px;}

/* 버튼 icon */
.btn.ico{position:relative;padding-right: 40px; border-radius:100px;}
.btn.ico:after{position:absolute;top:0;right:0;content:"";display:inline-block;width: 18px;padding: 0 3px;background:url(/images/common/btn_ico_w.png) no-repeat;}
.btn.ico.white:after{position:absolute; top:0; right:0; content:""; display:inline-block; width:20px; padding:0 5px; background:url(/images/common/btn_ico_b.png) no-repeat;}
.btn.ico.dwn:after{background-image:url(/images/common/ico_dwn_w.png);}

.btn.small:after{height:20px; margin:1px 2px 0 8px}
.btn.medium:after{height: 20px;margin: 10px 6px 0 3px;}
.btn.large:after{height:20px; margin:10px 2px 0 8px}
input[type="submit"].btn.ico, 
input[type="button"].btn.ico{background:url(/images/common/btn_ico_w.png)no-repeat #333;}
input[type="submit"].btn.ico.color, 
input[type="button"].btn.ico.color{background:url(/images/common/btn_ico_w.png)no-repeat;}
input[type="submit"].btn.ico.white, 
input[type="button"].btn.ico.white{background:url(/images/common/btn_ico_b.png) no-repeat #f4f5f7;}


/* links */
.links {color:#056DAE; text-decoration:none; word-break:break-all;}
.links:hover {color:#002a54; text-decoration:underline;}


/*=========================================== Tab ==============================================*/
/* tab */
.tab{overflow:hidden; padding:10px; margin-bottom:20px; border-radius:10px; background:#f6f6f6; border:1px solid #ebebeb; box-sizing:border-box;}
.tab:after{content:""; display:block; clear:both}
.tab > li{float:left; width:24.7%; margin:1px;}
.tab > li > a{display:block; width:100%; padding:10px 10px; background:#fff; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; border:1px solid #bdc0c6; box-sizing:border-box;}
.tab > li > a:hover, .tab > li > a:focus, .tab > li > a.active, .tab > li > a.on{border:1px solid; font-weight:bold; color:#fff; background:#4a558d;}

.tab.active {border: 2px solid #396fda;color: #396fda;}

.tab2{overflow:hidden; margin-bottom:20px;}
.tab2 ul{width:100%;overflow:hidden;}
.tab2 li{float:left;width:48.5%;margin-right:4px;}
.tab2 li > a{display:block;position: relative;width:100%;padding:10px;background:#f6f6f6;text-align: center;white-space:nowrap;text-overflow: ellipsis;overflow:hidden;border:1px solid #e2e2e2;box-sizing:border-box;border-radius:3px;}
.tab2 li a:hover, .tab2 > li a:focus, .tab2 li a.active, .tab2 li a.on{border:1px solid;font-weight:bold;color:#fff;background: #333177;}

.tab_con > ul{position:relative;}
.tab_con > ul:after{content:""; display:block; clear:both}
.tab_con > ul > li > div{display:none;position:absolute;top:100%;left:0;width:100%; padding:10px 20px; box-sizing:border-box;}

.tab_con .on > a	{background-color: #fff; border:1px solid; font-weight:bold; }
.tab_con .on > div	{display:block;}

.tab_con.mobile									{padding-bottom: 0 !important; }
.tab_con.mobile .tab2						{padding-left: 0; padding-right: 0; }
.tab_con.mobile .tab2 > li				{float: inherit; width: auto; clear: both; }
.tab_con.mobile .tab2 > li > a			{text-align: left; padding-right: 40px; }
.tab_con.mobile .tab2 > li > a:after		{content: "+"; display: block; position: absolute; width: 20px; height: 20px; right: 10px; top: 50%; margin-top: -10px; font-weight: bold; }
.tab_con.mobile .tab2 > li.on > a:after	{content: "-"; }
.tab_con.mobile > ul > li > div					{position: relative; top: 0; border: 1px solid #e2e2e2; }

.tab_con.js_off{height:auto}
.tab_con.js_off ul{border:0}
.tab_con.js_off li{float:none;position:relative}
.tab_con.js_off li a{display:block;float:none;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important;font-weight:bold;color:#333}
.tab_con.js_off li div{position:static;display:block;left:0;top:0;padding:5px 0}
.tab_con.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}

/*tabmenu*/
.tabmenu, .tabmenu1 {overflow: hidden;margin-bottom: 40px;background: #f7f7f7;}
.tabmenu ul li, .tabmenu1 ul li {float: left;/* margin-left: -1px; */}
.tabmenu ul.tab_type2 li, .tabmenu1 ul.tab_type2 li { width: 50%;}
.tabmenu1 ul.tab_type3 li {width: 33.3%;}
.tabmenu1 ul.tab_type4 li {width: 25%;}
.tabmenu1 ul.tab_type5 li {width: 20%;}
.tabmenu ul li a, .tabmenu1 ul li a {display: block;/* border: 1px solid #ddd; *//* background-color: #fbfbfb; */height: 56px;padding: 14px 3px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 2px solid #0e388e;font-size: 1.1em;/* border-left: 2px solid #ddd; */position:relative;}
/* .tabmenu ul li a, .tabmenu1 ul li:not(:last-child) a:after{display:inline-block; content:''; width:1px; height:40%; background:#8e8e8e; position:absolute; right:0; top:50%; transform:translateY(-50%);} */
.tabmenu ul li.on a, .tabmenu ul li a:focus, .tabmenu1 ul li.on a {position: relative;background-color: #fff;border: 2px solid #0e388e;color: #0e388e;border-bottom: 0px;z-index: 2;border-top-left-radius: 10px;border-top-right-radius: 10px;font-weight: bold;}
.tabmenu ul li.on a, .tabmenu ul li a:focus, .tabmenu1 ul li.on a:after{display:none;}
.tabmenu ul li:first-child.on a, .tabmenu ul li:first-child a:focus, .tabmenu1 ul li:first-child.on a{/* border-left: 3px solid #0e388e; */}

@media all and (max-width:480px){
	.tabmenu1 ul.tab_type4 li {width: 50%;}
	.tabmenu1 ul.tab_type4 li:nth-child(2) a:after{display: none;}
	.tabmenu1 ul.tab_type5 li {width: 33.3%;}
	.tabmenu1 ul.tab_type5 li:nth-child(3) a:after{display: none;}
}

/*=========================================== Table ==============================================*/
/* table */
table caption{overflow:hidden; line-height:0; text-indent:-2000em;}
table tfoot th, table tfoot td{text-align:center;  border-top:1px solid #abafb9; background:#f6f6f7; }
table tfoot th{border-right:1px solid #c8ccd4; }
table tfoot td{border-right:1px solid #c8ccd4; }
table tfoot th:first-child{border-left:none;}
table tfoot td:first-child{border-left:none;}
.table_c.tl td, .table_cr.tl td, .table_r.tl td, .table_m.tl td, .tableInner.tl td{text-align:left; }
tbody th.style1{background: #f6f6f7; text-align: left; }
tbody th.style2{background: #fff; text-align: left; }
tbody td.style1{text-align: left; padding-left: 30px; }
tbody td.td_bg1{background: #f6f6f7;}
tbody td.td_bg02{background: #fdf3f0;}
tbody td.td_bg3{background: #e7edf5;}

.table_c{width:100%;margin-top:10px;border-collapse:collapse;border:0;border-spacing:0;border-top: 2px solid #143071;border-bottom: 1px solid #143071;border-left:1px solid #c8ccd4;border-right:1px solid #c8ccd4;}
.table_c th, .table_c td{padding:15px 10px 13px; vertical-align:middle;}
.table_c thead th{background: #f4f8ff;border-bottom: 1px solid #c1c6d0;border-right: 1px solid #c1c6d0;font-weight: 500;color: #143071;text-align: center;}
.table_c tbody td,
.table_c tbody th{text-align:center;border-top: 1px solid #c1c6d0;border-right: 1px solid #c1c6d0;}
.table_c tbody th{background: #f4f8ff;color: #143071;font-weight: 500;}
.table_c tbody td:first-child{border-left:0}  
.table_c tbody td.title{text-align: left;}
.table_c tbody td .list1,.table_c tbody th .list1{margin-bottom:0;}

/* 양쪽 라인 삭제 */
.table_c{border-left:0px solid #000 !important;border-right:0px solid #000 !important;}
.table_c thead th:last-child{border-right:0px solid #000 !important;}
.table_c tbody td:last-child{border-right:0px solid #000 !important;}
table tfoot th:last-child, table tfoot td:last-child{border-right:0px solid #000 !important;}

.table_cr{width:100%; margin-top:10px; border-collapse:collapse; border:0; border-spacing:0; border-top:3px solid #2f9066; border-bottom:1px solid #2f9066;}
.table_cr th, .table_cr td{border-left:1px solid #d1d5d6; border-right:1px solid #d1d5d6; border-top:1px solid #d1d5d6; padding:12px 10px 10px;}
.table_cr th{background-color:#f4f9f7;}

.table_r, .table_r2{width:100%; margin:10px 0 50px 0; border:0; border-spacing:0; border-collapse:collapse; border-bottom:1px solid #2f9066; border-left:1px solid #d1d5d6; }
.table_r:before, .table_r2:before{content:""; display:table-caption; width:100%; border-top:3px solid #2f9066; }
.table_r tbody tr:first-child th, .table_r tbody tr:first-child td, .table_r2 tbody tr:first-child th, .table_r2 tbody tr:first-child td{border-top:0}
.table_r th, .table_r td{padding:18px 30px 18px;}
.table_r tbody th, .table_r2 tbody th{background:#f4f9f7; border-top:1px solid #c8ccd4; border-right:1px solid #d1d5d6;color:#097949; font-weight:500; font-size:18px;}
.table_r tbody td, .table_r2 tbody td{text-align:left; border-top:1px solid #c8ccd4;  border-right:1px solid #d1d5d6; } 
.table_r tbody td:first-child, .table_r2 tbody td:first-child{border-left:0;}

.area1{margin-bottom:50px;}
.area1 p.txt2{margin:0 0 10px 15px;}


/* scroll */
.txt_scroll{display:none;}
@media only screen and (max-width: 1024px){
  .txt_scroll{display:block;padding: 10px;padding-left: 60px;word-break: keep-all;background: url(/images/common/ico_scroll.png) #f5f5f5 left 16px center no-repeat;}
  .table_scroll{overflow-x: auto;}
  .table_scroll > table{width:942px;}
}


/*board*/
.tb_bo{margin-bottom:10px;}
.datacon{height:300px;}
.datacon_view{height:300px;vertical-align:top;}

/*============================================== Form ================================================*/
/* form */
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], textarea, select 
{font-family:'Nanum Gothic', '나눔고딕', 'Dotum', '돋움', 'Arial', 'sans-serif';margin:10px 0;font-size:1em;}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], textarea{border:1px solid #d3d6db; vertical-align:middle;font-weight:normal;}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"]{height:auto; padding:7px; margin:0; box-sizing:border-box;}
input[type="file"]{display:inline-block; height:38px; padding:6px 5px; border:1px solid #cccfd5; vertical-align:middle; background:#fff}
input[type="file"]{width:300px;}
input[type="radio"], input[type="checkbox"]{width:1.286em;height:1.286em;/*margin:0.357em;*/}
input[type="radio"]:first-child, input[type="checkbox"]:first-child{margin-left:0;}
input[type="radio"] + label, input[type="checkbox"] + label{margin-right:15px;}
input.text{padding:0 8px; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
input.text_form{border:1px solid #ccc; max-width:100%; min-width:90px; height:40px; padding:0 0.786em;line-height:normal; -moz-appearance:none; -webkit-appearance:none; appearance:none;text-align:left;}
input.text_form:not([readonly]):focus{border:1px solid #1e4da4; outline:0;}
input.text_form.success{border-color:#4fb76f !important; color:#4fb76f;}
input.text_form.error{border-color:#f23d52 !important; color:#f23d52;}
input.text_form[disabled], input.text_form[readonly]{background-color:#eee; color:#999;}
input[type=radio], input[type=checkbox]{width:1.286em; height:1.286em;}
textarea{max-width:100%; border:1px solid #ccc; padding:10px; -moz-appearance:none; -webkit-appearance:none; appearance:none;}

select{font:inherit;color:inherit;text-transform:none;display:inline-block;padding-right: 30px;-webkit-appearance:menulist;line-height:39px;height:39px;margin:0 0 0 0;vertical-align:middle;box-sizing:border-box;border:1px solid #ccc;background:#fff url(/images/common/ico_b_arr1.png) no-repeat center right 8px;-moz-appearance:none;-webkit-appearance:none;cursor:pointer;padding-left: 6px;}
select::-ms-expand {display:none;}
select.select_form{max-width:100%;}
select[disabled]{background-color:#eee !important;}
select:not([readonly]):focus{border:1px solid #1e4da4; outline:0;}
textarea:not([readonly]):focus{border:1px solid #1e4da4; outline:0;}
input:not([readonly]):focus, #fileMemo:not([readonly]):focus{border:1px solid #1e4da4; outline:0;} /*0616추가*/

.form_mg{margin:5px;}

.search .search_form{text-align:right;}
.search select.small{width:55px;}

/*============================================== Board ================================================*/
/*게시판*/
.td_block{display:block; margin-top:2px;}
.label_wrap{display:inline-block; vertical-align:middle; padding:2px;}
.hyphen{color:#b5b5b5; vertical-align:middle;}

/*공지사항 , 검색*/
/* a) 기본 (목록) */
div.board {font-size:0.95em;}
div.board table {width:100%;border-spacing:0;border-collapse:collapse;border-top: 2px solid #396fda;table-layout:fixed;}
div.board table thead th {background-color:#fff;color:#353535;font-weight:bold;text-align:center;padding:15px 0;border-bottom:1px solid #cecece;}
div.board table tbody td {padding:14px 10px;text-align:center;border-bottom:1px solid #cecece;}
div.board table tbody td.title {text-align:left;font-size: 16px; line-height: 130%;-webkit-line-clamp: 1;}
div.board table tbody td.title p.sub {margin-top: 8px;color:#333;font-size:14px;letter-spacing: 0px;}
div.board table tbody td.title img {vertical-align:middle;}
div.board table tbody td.link img.ico_blank {display:inline-block;padding-left:10px;}
div.board table tbody th {padding:15px 0;text-align:center;border-right:1px solid #cecece;border-bottom:1px solid #cecece;font-weight:bold;}
div.board table tbody td input[type='text'], div.board table tbody td input[type='password'] {border:1px solid #ddd;background:#fff; height:40px;}
div.board table tbody td select {min-width:120px;height:40px;border:1px solid #ddd;background:#fff url('/images/common/bg_select.gif') no-repeat 100% 0;cursor:pointer;padding-left:10px;}
div.board table .td_left { text-align:left; }
.delTitle, .delTitle a { color:#aaa; }
div.board span.star{font-weight: bold;color: #dc1e34;vertical-align: middle;padding: 0 5px;}
div.board table.basicWrite tbody td {padding:12px 10px;text-align:left;border-bottom:1px solid #cecece;border-top:1px solid #cecece;line-height:30px;background-color:#fff;}
div.board table.basicWrite tbody td input[type='text'] {width:100%;height:40px;padding-left:10px;border:1px solid #ddd;background:#fff url('/01_potal/images/common/bg_input.gif');}
div.board table.basicWrite tbody th{position: relative;vertical-align: middle;}
div.board table.basicWrite tbody tr {background-color:#f6f8f9;}
/* 게시판, 공지글 */
div.board table tr.ntc {background-color:#f7f7f7;font-weight:bold;}
/* 버튼게시판, td 여백 */
div.Btnboard tbody td {padding:8px 10px !important;}
/* 페이징 */
.paging {text-align:center;;margin:20px 0 40px 0;clear:both;overflow:hidden;}
.paging a {display:inline-block;position:relative;min-width: 45px;height: 45px;line-height: 45px;text-align:center;border:1px solid #d4d4d4;z-index:1;margin-right: 3px;font-size: 1.125em;margin-bottom: 5px;}
.paging a img {vertical-align: middle;padding-bottom: 6px;}
.paging a.on {color:#fff;background: #143071;border-color:#085dc0;z-index:2;}
/* 게시판 버튼 */
.WrtBtn {padding:20px 0;}
.WrtBtn input {display:inline-block;}
/* .btn a {display: inline-block;text-align: center;line-height: 46px;color: #4e81d9;width: 116px;height: 46px;border: 1px solid #4e81d9;border-radius: 30px;vertical-align: middle;} */
.WrtBtn a:before {content: ""; display: inline-block;width: 14px;height: 14px;background-image: url(img/wrtbtnco.png);position: relative;top: 2px; right: 2px;}
.WrtBtn a img {width:100%;height:100%;}
.tBtn {padding: 20px 0;width: 100%;}
.tar { text-align: right !important;}

/*공지사항 글보기*/
.ckGroup{ padding-right:10px; display:inline-block;}
.ckGroup label{margin-left:3px;}
.boardSel{float:right;}
.boardSel:after{content:""; clear:both; overflow:hidden;}

/* a) 기본 (상세) */
.boardInfo {padding-top: 16px;float: right;}
.boardInfo strong{font-weight:500;}
.boardInfo span {display: inline-block; margin-right: 30px; color: #333;position:relative;font-weight:300;}
.boardInfo span:after{content:"";height:10px; width:1px; display:inline-block; background:#bfbfbf; padding: 2px 0px; position:absolute; top:6px; right:-17px; }
.boardInfo span:last-child:after {display:none;}
.basicView {border-top: 2px solid #3171da;overflow:hidden;}
.basicView .titleField {padding:15px;background-color: #f9f9f9;border-bottom:1px solid #cfced3;text-align:center;}
.basicView .titleField h4 {font-size:1.4em;padding-bottom:15px;color:#000;padding-left: 0;}
.basicView .titleField ul li {background:url('/images/common/rw_bar.gif') no-repeat 100% 50%;padding:0 15px;line-height:27px;display:inline-block;}
.basicView .titleField ul li:last-child {background:none;}
.basicView .titleField ul li strong {color:#333;}

.basicView .conField ul {overflow:hidden;}
.basicView .conField ul.wrtinfo{display: inline-block}
.basicView .conField>ul>li { float: left;width: 50%;border-bottom: 1px solid #cfced3;line-height: 28px;background-color: #fff;padding: 15px 10px;}
.basicView .conField ul li > span {float:left;width: 170px;padding:0;background-color:#fff;font-weight: 400;display:block;border-right:1px solid #cfced3;margin-right: 2%;color: #000;/* padding-left: 2%; */}
.basicView .conField ul li > p {float:right;width:65%;min-height:auto;padding:0;line-height:28px;background-color:#fff;}
.basicView .conField ul li > p a img {vertical-align:text-bottom;padding-left: 5px;}
.basicView .conField ul li.w100 {width:100%;}
.basicView .conField ul li.w100 > span {/* width: 17%; */max-height: 20vh;}
.basicView .conField ul li.w100 > p {width:80.5%;}
.basicView .conField ul li.w100 > p.multi {min-height: 22px;padding: 0px 15px;}
.basicView .conField .attach {display:block;}
.basicView .conField .attach a.file {background:url('http://k-sis.com/images/gn1st/board/ico_file.gif') no-repeat 0 0px;background-size:auto 15px;padding-left:25px;}
.basicView .conField .attach_1 a.file {background:url('http://k-sis.com/images/gn1st/board/ico_file.gif') no-repeat 0 5px;background-size:auto 15px;padding-left:25px;}
.basicView .conField .attach a.preview{display:inline-block;margin-left:5px;border:1px solid #cfced3;font-size:0.95em;border-radius:5px;padding:0 10px;}
.basicView .conText {padding:30px;border-bottom:1px solid #cfced3;line-height:1.6;}
.basicView .conText p {line-height:1.6;}
.basicView .conText p.img {max-width:100%;text-align:center;}
.basicView select {min-width:120px;height:30px;margin-right:4px;border:1px solid #ddd;background:#fff url('http://k-sis.com/images/gn1st/board/bg_select.gif') no-repeat 100% 50%;cursor:pointer;padding-left:10px;}
.privacyCheck{padding-top: 10px;text-align: right;color: #333;font-size: 1em;}
.tac {text-align: center !important;}
/* 이전/다음글 */
.viewPager {border: none; border-top:1px solid #cfced3;}
.viewPager ul li {border-bottom:1px solid #cfced3;clear:both;overflow:hidden;padding:10px 15px;line-height:28px;}
.viewPager ul li.prev {background:url('http://k-sis.com/images/gn1st/board/list_arr1.gif') no-repeat 2% 50%;}
.viewPager ul li.next {background:url('http://k-sis.com/images/gn1st/board/list_arr2.gif') no-repeat 2% 50%;}
.viewPager ul li > span {float:left;width:15%;background:url('http://k-sis.com/images/gn1st/board/de_line.gif') 100% 50% no-repeat;padding-left:35px;font-weight:bold;line-height:28px;}
.viewPager ul li > p {float:right;width:83%;line-height:28px;}
.viewPager ul li > p > a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media only screen and (max-width : 1300px){
.basicView .conField ul li > p {/* padding:5px 10px; */text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: calc(98% - 170px) !important;}
}
/* mobile */
@media only screen and (max-width : 900px){ 

.basicView {border-top:0;font-size: 0.8em;}
.basicView .titleField {padding:10px;}
.basicView .titleField h4 {padding:0;float:none;}	
.boardInfo {float: none; padding: 0;}
.basicView .conField ul li > span {padding: 5px 5px;margin-right: 10px;width: 100px;}
.basicView .conField ul li > p {/* padding:5px 10px; */text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: calc(100% - 110px) !important;}
.basicView .conField .attach a.file {background-size:auto 12px;}
.basicView .conText {padding:30px 10px;min-height:auto;}
.basicView .conText img {width:100%;}
            
/* 이전/다음글 */
.viewPager {margin:10px 0;}
.viewPager ul li {font-size:0.8em;line-height:inherit;}
.viewPager ul li > span {width:25%;padding-left:5%;}
.viewPager ul li > p {width:70%;}
}

/* 검색박스 (v1) */
.boardSearch {margin-bottom: 10px;}
.boardSearch > div {overflow:hidden;}
.boardSearch .page {float:left;line-height: 1.6em;padding-top: 20px;}
.boardSearch .page span.count-1 {color:#004ea1;font-weight:bold;}
.boardSearch .search {float:right;}
.boardSearch fieldset {position:relative;display:inline-block;}
.boardSearch select {float:left;width:110px;height: 44px;margin-right:4px;border:1px solid #ddd;background:#fff url('/images/common/bg_select.gif') no-repeat 100% 50%;cursor:pointer;padding-left:10px;-moz-appearance:none;-webkit-appearance:none;font-weight: 350;font-size: 0.938em;}
.boardSearch select#categoryNo{width:150px;}
.boardSearch select.v2 {width:390px;}
.boardSearch input[type="text"] {float:left;width:215px;height: 44px;border:1px solid #ddd;background:#fff url('http://k-sis.com/images/gn1st/board/bg_input.gif');padding-left:10px;font-size: 0.938em;font-weight: 350;}
.boardSearch input[type="submit"] {float:left;width: 44px;height: 44px;display:inline-block;z-index:10;border:0;font-size:0;text-indent:-9999em;background: #0e388e url(/images/common/ico_search.png) no-repeat 50% 50%;background-size: 20px;cursor:pointer;/* border-radius: 0 5px 5px 0; */}

@media only screen and (max-width : 1300px){

}
/* mobile */
@media only screen and (max-width : 900px){ 
div.table.type1.board{padding:0}
div.board {border-top: 2px solid #6361ba;padding-top:0;margin-top:10px;}
div.board table {border-top:0;}
div.board table thead {position:absolute;left:-9999px;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;} /*숨김*/
div.board table tbody {display:table-caption;}
div.board table tbody tr {width:100%;display:block;border-bottom: 1px solid #ddd;}
div.board table tbody tr:last-child {border-bottom:1px solid #ddd;}
div.board table tbody td {border-bottom:0;display:inline-block;font-size:0.8em;}
div.board table tbody td.num {position:absolute;left:-9999px;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;} /*숨김*/
div.board table tbody td.title {width:100%;font-size:1em;padding-bottom:0;background:0;}
div.board table tbody td.file {/* width:15px; *//* height:12px; */padding:0 7px;}
div.board table tbody td.file img {height:100%;}
div.board table tbody td.name, div.board table tbody td.date, div.board table tbody td.hit {color:#888;background:url('http://k-sis.com/images/gn1st/board/rw_bar.gif') no-repeat 100% 50%;}
div.board table tbody td:last-child {background:0;}

/*게시판 버튼*/
.WrtBtn {padding:5px 0;}
.WrtBtn a {width:85px;height:36px;}
.tWrtBtn input {width:85px;height:36px;}

/* 검색박스 (v1) */
.boardSearch .page {float:none;width:100%;font-size:0.78em;line-height:30px;}
.boardSearch .search {float:none;}
.boardSearch fieldset {width:100%;}
.boardSearch select {width:20%;height:40px;}
.boardSearch input[type="text"] {width: 50%;height:40px;margin-bottom: 5px;}
.boardSearch input[type="submit"] {height:40px;}
.boardSearch input.search_keybox{width:30%;}
}
@media only screen and (max-width : 550px){
	.boardSearch input.searchCorporate{width:45%;}
}
@media only screen and (max-width : 480px){
	.boardSearch input.search_keybox{width:50%; margin-top:10px;}
	.boardSearch .searchButton2{margin-top:10px;}
	.boardSearch input.searchCorporate{width:calc(100% - 44px); margin-top:5px;}
	.boardSearch .submitCorporate{margin-top:5px;}
}
/*************************************************************
	Style : 반응형 스타일
*************************************************************/

@media all and (max-width:1024px){
.br_pc{display:none;}

}
@media all and (max-width:980px){
.box2 img{display:none;}

.pc1,.pc2{display:none;}
.mo1{display:block;}
.mo2{display:inline-block;}

}
@media all and (max-width:768px){
	/*board total*/
	.total{font-size:13px;color:#666;width: 100%;/* display: block; */float: left;margin: 15px 0 0 0;}
    /*board*/
    table.tb_board colgroup col{display:none}
    table.tb_board{table-layout: fixed;border-top:2px solid #919191;}
    table.tb_board thead,
    table.tb_board tbody td{display:none;text-align:left;border:0;}
    table.tb_board tbody tr.board_no{border-bottom:1px solid #e3e3e3;}
    table.tb_board tbody tr.board_no td{display:block;float:left;position:relative;padding:10px 5px;width: 100%;font-weight: 500;font-size:14px;line-height:18px;box-sizing:border-box;border:0;background:none;}
    table.tb_board tbody td.object1{display:block;float:left;position:relative;padding:10px 30px 5px 5px;width: 100%;font-weight: 500;font-size:14px;line-height:18px;box-sizing:border-box;border:0;background: #f9f8f8;}
    table.tb_board tbody td.object1 a{display:block;text-overflow: ellipsis;overflow:hidden;
	word-wrap: normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    table.tb_board tbody .notice td.object1 a	{ padding-left: 30px; background: url('/upload/skin/board/basic/ico_notice.gif') no-repeat 0 50%; }
	table.tb_board tbody tr{background:url('/upload/skin/board/basic/mb_arrow.gif') no-repeat right center;background-size:15px;border-bottom: 1px solid #2587e1;}
	table.tb_board tbody td.date{display:block;float:left;position:relative;padding:0 0 8px 5px;font-size:12px;box-sizing:border-box;border-bottom:0}
	table.tb_board tbody td.name{display:block;float:left;position:relative;padding:0 10px 8px 5px;font-size:12px;box-sizing:border-box;border-bottom:0}
	table.tb_board tbody td.etc{display:block;float:left;position:relative;padding: 0 20px 8px 5px;font-size:12px;box-sizing:border-box;border-bottom:0;}
    table.tb_board tbody td.etc.addr{display:block;float:left;position:relative;padding: 0 20px 8px 5px;font-size:12px;box-sizing:border-box;border-bottom:0;text-align:left;width:100%;}
	table.tb_board tbody td.etc.enroll{width:80%;/* border-bottom: 1px dotted #ccc; */}
	table.tb_board tbody td.etc.enroll ul{/* float:left; *//* text-align:left; */}
	table.tb_board tbody td.etc.enroll ul li{display:inline-block;padding-right:10px;}
	table.tb_board tbody td.etc.enroll ul li .enroll_t{display:inline;}
    table.tb_board tbody td.etc.data{display:block;float:left;width:100%;}
	table.tb_board.lecture tbody td.etc_ico{display:block;float:right;padding: 0;}
	table.tb_board tbody td.etc2{display:block;float:right;position:relative;padding: 5px 0px 5px 5px;width:100%;font-size:12px;box-sizing:border-box;/* border-bottom:0; */border-top: 1px dotted #ccc;/* background: #f9f9f9; */}
	table.tb_board tbody td.etc2 p.recruit{float:left;margin:0;padding:0;width:20%;}
	table.tb_board tbody td.etc2 p{display:block;float:right;position:relative;padding: 0 2px 0px 2px;font-size:12px;line-height: 24px;vertical-align: middle;box-sizing:border-box;border-bottom:0;}
	table.tb_board tbody td.etc.select_box{width:40%;border-top: 1px dotted #ccc;padding-top: 7px;}
	table.tb_board tbody td.etc3{border-top: 1px dotted #ccc;display:inline-block;width: 60%;/* text-align: right; */float: right;/* position: relative; *//* top: -50px; */padding: 8px 0px 5px 5px;font-size:12px;}
	table.tb_board tbody td.etc3 p{display:inline-block;float: right;position:relative;padding: 5px 0px 5px 5px;font-size:12px;}
    table.tb_board tbody td.no_data{display:block;background:#fff}
	table.tb_board tbody td.object2{display:block;float:left;position:relative;margin:0 0 10px 0;padding:10px 30px 10px 5px;width: 100%;font-size:14px;line-height:18px;box-sizing:border-box;border:0;border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;}
	table.tb_board tbody td.object2 a{display:block;text-overflow: ellipsis;overflow:hidden;word-wrap: normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	
    .pc_bk.mo_sp{display:inline; padding-right: 10px;padding: 5px 10px 5px 0;}
}
@media all and (max-width:640px){
.pc3{display:none;}
 /*폼*/
input[type="file"]{width:100%;}

.img_area .img01 {display: none;}
.img_area .img02 {display: inline-block;width: 100%;max-width:639px;}

.box_bg1 .details_box_chk li {padding: 0px 0;}

.table_r2 tbody th{padding:10px 5px 10px 5px; font-size:1em;}
.table_r2 td{padding:10px 5px 10px 15px;}

	.search .search_form{text-align:right;}
	.search select.small{width: 49.5%;float: left;float: left;margin-bottom: 7px;}
	.search select.small.last{float:right;margin-right: 0%;}
	.search button{height:40px;display:inline-block;margin-left:0px;border:none;font-size:100%;font-weight:bold;color:#fff;vertical-align:middle;cursor:pointer;border-radius:0px;padding:0 40px 0 34px;width: 37%;line-height:35px;margin-left:-6px;background: #fff url(/images/common/ico_r_arr3_w.png) center right 18px no-repeat;background-color:#4a4f55;}
	.search input.text_form.search{width: 63%;float: left;}

}


@media all and (max-width:640px){
.pc3{display:none;}
 /*폼*/
input[type="file"]{width:100%;}

.img_area .img01 {display: none;}
.img_area .img02 {display: inline-block;width: 100%;max-width:639px;}

.box_bg1 .details_box_chk li {padding: 0px 0;}

.table_r2 tbody th{padding:10px 5px 10px 5px; font-size:1em;}
.table_r2 td{padding:10px 5px 10px 15px;}

	.search .search_form{text-align:right;}
	.search select.small{width: 49.5%;float: left;float: left;margin-bottom: 7px;}
	.search select.small.last{float:right;margin-right: 0%;}
	.search button{height:40px;display:inline-block;margin-left:0px;border:none;font-size:100%;font-weight:bold;color:#fff;vertical-align:middle;cursor:pointer;border-radius:0px;padding:0 40px 0 34px;width: 37%;line-height:35px;margin-left:-6px;background: #fff url(/images/common/ico_r_arr3_w.png) center right 18px no-repeat;background-color:#4a4f55;}
	.search input.text_form.search{width: 63%;float: left;}


	.tab2 li{width:100%;margin-bottom:5px;}

	.basicView .conField>ul>li{width: 100%;padding: 10px 5px;}

}


@media all and (max-width:480px){
 /*폼*/
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], textarea, select 
{width:117px;}

.pc_bk.mo_sp.bk{display:block;}
}         


/*gallery*/
.conField_style1 > ul > li.gImg_con:after{display:block; content:''; clear:both;}
.conField_style1 > ul > li.gImg_con > span{ vertical-align:middle; border:0; margin-right:0;padding-left: 1%;}
.conField_style1 > ul > li.gImg_con .gImg_box{float:left; width:80%; border-left:1px solid #cfced3; padding-left:2%;}
.conField_style1 > ul > li.gImg_con img{margin-bottom:10px; max-width:50%;}
.conField_style1 > ul > li.gImg_con img:last-child{margin-bottom:0;}

@media only screen and (max-width: 900px){
	.conField_style1 > ul > li > span{padding:0 !important;}
	.conField_style1 > ul > li.gImg_con img{max-width:100%;}
}