@charset "euc-kr";

/* Layout ***********************************************************************/

html, body, div, span, ul, li, img, fieldset, legend, form, input, select, textarea, object, a, table, th, td, dl, dt, dd  { margin:0; padding:0; }
html, body, div, span, ul, img, fieldset, legend, form, input, select, textarea, object, a, table, th, td, dl, dt, dd  { list-style:none; }

table {border-collapse:collapse; border-spacing:0; }
button  {margin:0px; padding:0px; border:0; background:transparent; cursor:pointer; overflow:visible;}
legend { visibility:hidden; height:0; width:0; font-size:0;}
fieldset{ border:0; margin:0; padding:0; clear:both;}

body { color: #444; font-size: 75%; font-family:Arial, Dotum, sans-serif; line-height:18px;}  /* 12px/16px = .75 */
/* line-height ?占쎌쐞 ?占쎌쑝占쏙옙??占쎌떊??font-size 諛곗쑉???占쎈씪媛꾨떎. 19px/12px = 1.58333 ??1.59 (?占쎌닔??吏몄옄由ъ뿉???占쎈┝) */

/*body.white { background: #fff; }*/
table, pre {  } /* DOCTYPE ?占쎌쑝占쏙옙??占쎌꽦 ?占쎌냽 ?占쎈릺?占쎄쾬??*/
a, a:link { color: #444; text-decoration: none;  }
a:hover, a:active, a:focus { color:#333; background:none;  } /* a:focus異뷂옙? */

img	{border:0; max-width:100%;}
img.click_img	{cursor:pointer;}


/* Skip Navigation */
#skipnavigation {list-style:none; margin:0 auto; padding:0; width:100%;}
a.skip_navi {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:15000; font-size:1.3em;}
a.skip_navi:hover,
a.skip_navi:focus,
a.skip_navi:active {position: absolute; top: 0; left:0; padding: 15px 0; font-weight:bold; color:#fff; background:#333; z-index:15000; width:100%; margin:0 auto;}

/*etc*/
.skip {position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; }
/*.png24 {tmp:expression(setPng24(this));}*/
.noBg {	background:none !important;}
.fwn {font-weight:normal;}
br.mobile {display:none;}


noscript { letter-spacing:-1px; color:#000; margin:0; padding:0; font-size:0; line-height:0;}
.tnone {background: none !important; margin:0 !important; padding:0 0px 0 0 !important;}


/* 寃뚯떆??Board) Common Template */

/* ??style */

form { margin: 0; padding: 0; }
input, select, textarea, button { margin: 0; padding: 0; 	/*font-size: 1em; font-family: Dotum, sans-serif; line-height: 1.2;*/ vertical-align: middle; } /* ?占쎈젰?占쎌뿉??異ㅼ텛吏� ?占쎈뒗 理쒖냼 以꾧컙 1.2 */

select { height: 22px;} /* Opera蹂댁젙 */

textarea { padding: 2px; border:1px solid #aec1d3; border-color: #c8c8c8 #c8c8c8 #c8c8c8 #c8c8c8; /*overflow-y:scroll;*/ }
textarea.h50 {height:50px;}
/* textarea???占쎈씪?占쎌슂??*/

table caption { text-align: left; }
table caption {position:relative; left:-1000%; top:0; width:0px; height:0px; font-size:0%; line-height:0%; overflow:hidden;}

input.txt {vertical-align:middle; border:1px solid #bababa; height:16px; padding: 2px 0 0 2px; width:250px;}
input.fo { font-weight:bold; }
input.image {  vertical-align:top; border:0; }


input.radio, input.checkbox { margin: 0 0px 1px 0; }
input.radio_ml10 { margin: 0 0px 1px 10px; }
input.radio_mr10 { margin: 0 10px 1px 0px; }

.inputText90 { width:88px; height:18px; border:1px solid #aec1d3; }
.inputText190 { width:188px; height:18px; border:1px solid #aec1d3; }


/* input */
input[type=text],
input[type=password],
input[type=number],
input[type=file]{border:1px solid #c1c1c1; height:30px; padding-left:5px; line-height:30px; padding:0px 5px; border-radius:0px;}
input[type=checkbox],
input[type=radio]{vertical-align:middle;padding:0; margin:0 5px 0 0; border:0px solid #c1c1c1;}
input.box2 {margin-top:5px; width:300px;}
textarea{padding:10px; border:1px solid #c1c1c1; border-radius:3px;}
select{border:1px solid #c1c1c1; height:30px; padding-left:5px; line-height:30px; }
.hide {position:absolute; width: 0; line-height:0; height: 0; font-size: 0; top:0; left:-10000px; overflow:hidden;}



/*float style*/

.text_left01 { text-align:left !important;}
.fl { float:left;}
.fr { float:right; margin:0px; padding:0px;}
.fr20 { float:right; margin:0px; padding:0px 20px 0 0;}
.center { position: relative; margin: 0 auto; padding:0; text-align: center; }
.vt {vertical-align:top; padding:0px; margin:0px;}
.mi { vertical-align:middle;}
.cb {clear:both;}
.textcenter { text-align: center; }

img.flm { /*clear:both;*/ float: left; /*position: relative;*/ margin: 0 20px 20px 0; }
img.flmbp { /*clear:both;*/ float: left; /*position: relative;*/ margin: 0 20px 20px 0; border:1px solid #cccccc ; padding:1px; }
img.frm { float: right; margin: 0 0 20px 20px; }
img.frm_mb { float: right; margin: 0 0 10px 20px; }
img.frm_mb0 { float: right; margin: 0 0 0px 20px; }
img.center { margin: 0 auto; text-align: center; display: block;}
img.mid { vertical-align:middle;}
img.top { vertical-align:top;}
img.bottom { vertical-align:bottom;}
img.border { border:1px solid #cccdcb;}

img.clear { margin:0; padding:0; line-height:0; font-size:0; vertical-align:top;}


/*padding style*/

.le3 {letter-spacing:3px;}

/********koras 寃�?占쏙옙?遺꾩쑝占쏙옙?異뷂옙???異붿쿇?占쎌꽌 ***********/
.le-1 {letter-spacing:-1px  !important;}
.le-15 {letter-spacing:-1.5px  !important;}
.le-2 {letter-spacing:-2px  !important;}
.le-3 {letter-spacing:-3px  !important;}
.le20 {letter-spacing:20px !important;}


.le4 {letter-spacing:4px;}
.le5 {letter-spacing:5px;}

.img_t{vertical-align:top;}

.pn { padding:0;}

.pt3 { padding-top:3px !important;}
.pt7 { padding-top:7px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt30 { padding-top:30px !important;}
.pt60 { padding-top:60px !important;}
.ptn { padding-top:0;}
.ptlb14 { padding-top:7px; padding-left:14px; padding-bottom:14px;}




.pl2 { padding-left:2px !important;}
.pl5 { padding-left:5px !important;}
.pl10 { padding-left:10px !important;}
.pl11 { padding-left:11px !important;}
.pl14 { padding-left:14px !important;}
.pl15 { padding-left:15px !important;}
.pl17 { padding-left:17px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl29 { padding-left:29px !important;}
.pl30 { padding-left:30px !important;}
.pl40 { padding-left:40px !important;}
.pl50 { padding-left:50px !important;}
.pl70 { padding-left:70px !important;}
.pl80 { padding-left:80px !important;}
.pl90 { padding-left:90px !important;}
.pl100 { padding-left:100px !important;}
.pl140 { padding-left:140px !important;}
.pl150 { padding-left:150px !important;}
.pl165 { padding-left:165px !important;}
.pl250 { padding-left:250px !important;}

.pl2p { padding-left:2% !important;}


.pr5 { padding-right:5px !important;}
.pr8 { padding-right:8px !important;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr30 { padding-right:30px !important;}
.pr50 { padding-right:50px !important;}
.pr60 { padding-right:60px !important;}
.pr70 { padding-right:70px !important;}
.pr223 { padding-right:223px !important;}

.pb2 { padding-bottom:2px !important;}
.pb3 { padding-bottom:3px !important;}
.pb5 { padding-bottom:5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb13 { padding-bottom:13px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}
.pb100 { padding-bottom:100px !important;}

/*margin style*/

.mn { margin:0 !important;}
.mtn { margin-top:0 !important;}
.mbn { margin-bottom:0 !important;}
.mrn { margin-right:0 !important;}

.mar_tb8 {margin-top: 8px !important; margin-bottom: 8px !important; margin-left: 0px !important;}
.mar_-t10 {margin-top: -10px !important;}
.mar_-t20 {margin-top: -20px !important;}
.mar_-t30 {margin-top: -30px !important;}
.mar_-t40 {margin-top: -40px !important;}
.ml14 { margin-left:14px; }
.mt5 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt55 { margin-top:55px !important;}
.mt60 { margin-top:60px !important;}
.mt65 { margin-top:65px !important;}

.mb2 { margin-bottom:2px !important;}
.mb5 { margin-bottom:5px !important;}
.mb7 { margin-bottom:7px !important;}
.mb10 { margin-bottom:10px !important;}
.mb13 { margin-bottom:13px !important;}
.mb20 { margin-bottom:20px !important;}
.mb23 { margin-bottom:23px !important;}
.mb24 { margin-bottom:24px !important;}
.mb26 { margin-bottom:26px !important;}
.mb30 { margin-bottom:30px !important;}
.mb32 { margin-bottom:32px !important;}
.mb33 { margin-bottom:33px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mtb10 { margin:10px 0;}

.ma_1 {margin: 0 1px !important;}
.mar_l5 {margin-left: 5px !important;}
.mar_l8 {margin-left: 8px !important;}
.mar_l10 {margin-left: 10px !important;}
.mar_l15 {margin-left: 15px !important;}
.mar_l20 {margin-left: 20px !important;}
.mar_l30 {margin-left: 30px !important;}

.mar_l5 {margin-left: 5px !important;}
.mar_r5 {margin-right: 5px !important;}



.bd0 {  border:none;}


.lib_org {width:95%; padding:5% 0% 0% 5%; }
.lib_org iframe {width:95%; height:1310px; margin:0; padding:0; border:0; overflow:scroll; }
.s5img img {height:200px !important;}



/* width */
.wm { width:100% !important;}

.w10 { width:10px;}
.w15 { width:15px;}
.w20 { width:20px;}
.w30 { width:30px;}
.w50 { width:50px;}
.w40 { width:40px;}
.w50 { width:50px;}
.w60 { width:60px;}
.w80 { width:80px;}
.w70 { width:70px;}
.w90 { width:90px;}
.w100 { width:100px;}
.w100_f { width:100px;  background:url(/img/sub/firstname.gif) no-repeat 0 45%; }
.w100_m { width:100px;  background:url(/img/sub/middlename.gif) no-repeat 0 45%;}
.w100_l { width:100px;  background:url(/img/sub/lastname.gif) no-repeat 0 45%;}
.w110 { width:110px;}
.w120 { width:120px;}
.w122 { width:122px;}
.w130 { width:130px;}
.w140 { width:140px;}
.w150 { width:150px;}
.w170 { width:170px;}
.w180 { width:180px;}
.w200 { width:200px;}
.w218 { width:218px;}
.w250 { width:250px;}
.w300 { width:300px;}
.w350 { width:350px;}
.w368 { width:368px;}
.w400 { width:400px;}
.w425 { width:425px !important;}
.w430 { width:430px !important;}
.w436 { width:436px !important;}
.w1000 { width:100% !important;}
.w710 { width:710px;}

.h190 { height:190px !important;}
.h200 { height:200px !important;}
.h30 { height:30px !important;}
.h56 { height:56px !important;}
.h80 { height:70px !important;}
.h70 { height:80px !important;}
.h145 { height:145px !important;}

.mar_l20 {margin-left:20px !important; margin-top:20px !important;}








.common { padding:0px; margin:0px; width:633px; clear:both;}
.indent { padding:0 0 0 11px;  clear:both; margin:0px; width:622px;}
.indent02 { padding:0 0 0 22px;  clear:both; margin:0px; width:611px;}


/*color style */

.b { font-weight:bold; }
.small {font-size:95%;}
.ssmall {font-size:75%; height:10px;}
.big {font-size:110%}
.bbig {font-size:130%}
.ba { color: #ba6204 !important; }
.ac { color: #ac721c !important; }
.re { color: #896e48; }
.orange {color:#ec560c !important;}
.Borange {color:#ec560c; font-weight:bold !important;}
.aa {color:#a8865e;}
.black {color:#444444;}
.red {color:#f10909;}
.Bred { font-weight:bold; color:#f10909;}
.blue {color:#074ae1;}
.green {color:#468b11;}
.Bgreen { font-weight:bold; color:#468b11;}
.frgreen { float:right; color:#74b300;}
.purple {color:#4346b4;}
.Bpurple {font-weight:bold; color:#4346b4;}
.letters {letter-spacing:-1px;}
.gray { color:#979797;}

.Byellow { color:#c3913a; font-weight:bold;  }
.Byellow a { color:#c3913a; }

.text_style { font-weight:bold; color:#f10909; font-size:14px !important; margin:0 0 0 4px; }




/*?占쎌씠占쏙옙??占쏙옙???/
table caption {   position:relative; left:-1000%; top:0; width:0px; height:0px; font-size:0%; line-height:0%; overflow:hidden;} /* caption ?占쎄렇???占쏙옙? */
table caption.on { display: block; } /* caption ?占쎄렇???占쏙옙? */

/* ?占쎌씠占쏙옙?1 */
table.cont1 {margin:10px 0px; border:1px solid #cacaca; border-collapse:collapse; overflow:hidden; width:650px; padding:0px; }
table.cont1 thead th { padding:4px 10px; background:#f9f8f2; color:#645115; font-weight:bold; text-align:center;  }
table.cont1 tbody th { font-weight:bold; background:#f9f9f9; text-align:center;}

table.cont1 tbody td {padding:4px 10px; border-bottom:1px solid #cacaca; border-right:1px solid #cccccd; text-align:left;}
table.cont1 th.nobg,
table.cont1 td.nobg {border-bottom:none;}
table.cont1 td.right { text-align:right; }
table.cont1 td.tel { text-align:center; }
table.cont1 td.total { text-align:right; font-weight:bold; }
table.cont1 td.height32 {height:32px;}
table.cont1 td.bgcenter { background-color:#f2f9f2; text-align:center; }
table.cont1 td.bgcenterL { background-color:#f2f9f2;}
table.cont1 td.bgcenterL2 { background-color:#f9f2f9;}


.tabletext { float:right; color:#4a5ea3; letter-spacing:-1px;}


/* ?占쎌씠占쏙옙?2 */
table.cont2 {margin:10px 0px; border:1px solid #cccccd; border-top:1px solid #cccccd; border-collapse:collapse; overflow:hidden; width:610px; padding:0px; letter-spacing:-1px; }
table.cont2 thead th { padding:6px 10px; background:#f1f0ed; color:#666666; font-weight:bold; text-align:center;  }
table.cont2 tbody th { font-weight:normal; background:#f9f9f9;}

table.cont2 th,
table.cont2 td {padding:6px 10px; border-bottom:1px solid #cccccd; border-right:1px solid #cccccd; text-align:center; }
table.cont2 th.nobg,
table.cont2 td.nobg {border-bottom:none;}
table.cont2 td.right { text-align:right; }
table.cont2 td.center { text-align:center; }
table.cont2 td.total { text-align:right; font-weight:bold; }
.tabletext { float:right; color:#4a5ea3; letter-spacing:-1px;}


/* ?占쎌씠占쏙옙?3 */
table.cont3 {margin:10px 0px; border:1px solid #cccccd; border-top:2px solid #b6a778; border-collapse:collapse; overflow:hidden; width:707px; padding:0px; }
table.cont3 thead th { padding:4px 10px; background:#f9f8f2; color:#645115; text-align:center;  }
table.cont3 tbody th { font-weight:lighter; }

table.cont3 th,
table.cont3 td {padding:4px 10px; border-bottom:1px solid #cccccd; border-right:1px solid #cccccd; text-align:left;}
table.cont3 th.nobg,
table.cont3 td.nobg {border-bottom:none;}
table.cont3 td.right { text-align:right; }
table.cont3 td.tel { text-align:center; }
table.cont3 td.total { text-align:right; font-weight:bold; }
table.cont3 td.height32 {height:32px;}
table.cont3 td.bgcenter { background-color:#f2f9f2; text-align:center; }
table.cont3 td.bgcenterL { background-color:#f2f9f2;}
table.cont3 td.bgcenterL2 { background-color:#f9f2f9;}


.tabletext { float:right; color:#4a5ea3; letter-spacing:-1px;}





/* ?占쎌씠占쏙옙?4 */
table.cont4 {margin:0px 0px 20px 11px;  border-collapse:collapse; overflow:hidden; width:610px; padding:0px; border-top:1px solid #e0e0c5;}
table.cont4 th { font-weight:bold; width:84px; color:#919104; font-weight:normal;  vertical-align:top; letter-spacing:-1px; background:url(/img/board/tdline.gif) no-repeat right 50%;}

table.cont4 th,
table.cont4 td {padding:2px 10px; border-bottom:1px solid #e0e0c5;  text-align:left;}

/* ?占쎌씠占쏙옙?5 */
table.cont5 {margin:0; border:1px solid #e0e0c5; border-collapse:collapse; overflow:hidden; width:580px; padding:0px;}
table.cont5 thead th { padding:2px 5px; background:#eeeee4; color:#666666; font-weight:bold; text-align:center;}
table.cont5 tbody th { font-weight:bold; width:88px; background:#f8f7f7; color:#896e48; font-size:95%; border-right:1px solid #e0e0c5; vertical-align:top; letter-spacing:-1px;}

table.cont5 th,
table.cont5 td {padding:2px 5px; border-bottom:1px solid #e0e0c5; border-right:1px solid #e0e0c5; text-align:left;}
table.cont5 th



/* ?占쎌씠占쏙옙?6 */
table.cont6 {margin:0; border:1px solid #d2d2d2; border-collapse:collapse; overflow:hidden; width:100%; padding:0px;}
table.cont6 tbody th { font-weight:bold; text-align:center; border-top:1px solid #cecece; }
table.cont6 td { text-align:left; border-top:1px solid #cecece; }



/*** ?占쏙옙?吏� boder  *******/
.summary { margin:0px; padding:0px; border:2px solid #905907;}
.summary img {vertical-align:top;}

.basic { margin:0px; padding:0px; border:2px solid #dbd6c6;}
.basic img {vertical-align:top;}













/* 20170728(紐⑤컮???占쎄퇋硫붾돱) */
	.mbTopLink{padding:0px; height:115px;}
	.mbTopLink::after{display:block; clear:both; content:'';}
	.mbTopLink img {margin-top:28px;}
	#total_m_lay{display:block; position:fixed; top:0; left:-240px; width:240px; height:100%; overflow:auto; box-shadow:none; background:#3f3f3f !important; border:0;z-index:2000;}
    .total_m > ul{background:#3f3f3f;}
	.total_m li{position:relative}
	.total_m li a{display:block}
	.total_m li button{position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-999px;overflow:hidden; background:none;}
	.total_m > ul > li{width:100%; font-size:18px; border-bottom:1px solid #2a2a2a;}
	.total_m > ul > li.has-sub > a {background:url('/intro/gmi/mm/mgnb_plus.png') no-repeat 210px center;}
	.total_m > ul > li > a{display:block;color:#fff;padding:15px 0 15px 15px; text-decoration:none; word-break:keep-all;}
	.total_m > ul > li.open > a{color:#fff; background:#353c47;}
	.total_m > ul > li.has-sub.open > a{background:#353c47 url('/intro/gmi/mm/mgnb_minus.png') no-repeat 210px center}
	.total_m > ul > li > ul{display:none;padding:0;background:#5f738a;}
	.total_m > ul > li > ul > li{font-size:16px;background-repeat:no-repeat;background-position:190px 14px;border-bottom:1px solid #565656}
	.total_m > ul > li > ul > li.has-sub{background-image:url('/intro/gmi/mm/mgnb_s_plus.png')}
	.total_m > ul > li > ul > li.has-sub.open{background-image:url('/intro/gmi/mm/mgnb_s_minus.png');background-color:#fff;}
	.total_m > ul > li > ul > li > a{padding:10px 10px 10px 25px; color:#fff; background:url('/intro/gmi/mm/mgnb_dot_off.png') no-repeat 16px 20px;}
	.total_m > ul > li > ul > li.open > a{color:#285da3;font-weight:bold;background:#fff url('/intro/gmi/mm/mgnb_dot_on.png') no-repeat 16px 20px;}
	.total_m > ul > li > ul > li.has-sub.open > a{border-bottom:1px dashed #ccc}
	.total_m > ul > li > ul > li > ul{display:none;margin:5px 5px 10px;}
	.total_m > ul > li > ul > li > ul > li{font-size:14px;letter-spacing:-1px;background-repeat:no-repeat;background-position:right 13px}
	.total_m > ul > li > ul > li > ul > li.has-sub{background-image:url('/intro/gmi/mm/mgnb_s_s_plus.png');}
	.total_m > ul > li > ul > li > ul > li.has-sub.open{background-color:#464646; font-weight:bold; background-image:url('/intro/gmi/mm/mgnb_s_s_minus.png')}
	.total_m > ul > li > ul > li > ul > li > a{padding:5px 10px;}
	.total_m > ul > li > ul > li > ul > li.open > a{color:#598dcd; font-weight:bold}
	.total_m > ul > li > ul > li > ul > li.has-sub.open > a{border-bottom:1px solid #000}
	.total_m > ul > li > ul > li > ul > li > ul{display:none;margin:5px 0 5px;padding-bottom:10px;background:#464646}
	.total_m > ul > li > ul > li > ul > li > ul > li{position:relative;font-size:13px;letter-spacing:0;font-weight:normal;}
	.total_m > ul > li > ul > li > ul > li > ul > li a{padding:2px 10px 2px 18px;color:#fff}
	.total_m > ul > li > ul > li > ul > li > ul > li::before{position:absolute;top:12px;left:10px;height:2px;line-height:2px;content:'-';color:#fff}
	.total_m > ul > li > ul > li > ul > li > ul > li.on a{color:#598dcd}



 	.mbTopLink {background:url(/images/gmi/inc/mtn_bg.png) repeat; width:100%; height:115px; text-align:center;}

	.total_m .tot_close{display:none}

	.wra_box{position:fixed; top:0; left:0; height:auto; z-index:200; }
	.fix_bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:1000}

.btnMenuClose,
.btnMenuClose a {display:none; }

	/*.btnMenuClose{position:absolute; top:0px; left:0; z-index:10000; }
	.btnMenuClose a{display:block; width:62px; height:62px; text-indent:-999px; overflow:hidden; background:url('/intro/gmi/mm/btn_close.png') no-repeat center center; background-color:#000 !important;}
*/


/* 20170728(紐⑤컮???占쎄퇋硫붾돱 end) */


/* sub_contant */

/* tabBox*/
.tabBox {margin:0 0 30px 0; padding:0;  line-height:0px;}
.tabBox ul { width:100%; font-size:0px; margin:1px 0 0 1px;}
.tabBox ul li {display:inline-block; background:#f0f0f0; border:1px solid #dadada; box-sizing:border-box; height:33px; line-height:33px; width:14.33%; margin:-2px 0 0 -1px; position:relative; z-index:1;}
.tabBox ul li a {display:block; color:#6b6b6b; text-align:center; font-size:12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin:0 !important;}
.tabBox ul li.active {background:#1a80c2; border:1px solid #1a80c2; z-index:2; }
.tabBox ul li.active:before {content:""; display:block; border-color:transparent; border-bottom-color:#f0f0f0; border-style:dashed dashed solid; border-width:0 6px 6px; margin-left:-3px; width:0px; position:absolute; left:50%; bottom:-1px; }
.tabBox ul li.active a {color:#FFF;}
.tabBox ul li a:hover {text-decoration:underline; font-weight:600;}

.tabBox ul li.Tabon {background:#1a80c2; border:1px solid #1a80c2; z-index:2; }
.tabBox ul li.Tabon:before {content:""; display:block; border-color:transparent; border-bottom-color:#f0f0f0; border-style:dashed dashed solid; border-width:0 6px 6px; margin-left:-3px; width:0px; position:absolute; left:50%; bottom:-1px; }
.tabBox ul li.Tabon a {color:#fff;}
.tabBox ul li.Tabon a span{ display:block; height:33px;line-height:33px; padding:0px; text-align:center;}

/* table */
table.data {width:100%; margin: 0 0 30px 0; border-spacing:0px; border-top:1px solid #cacaca; border-left:1px solid #cacaca; }
table.data thead th {border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; background : #efefef; text-align:center; color: #444; padding: 10px 0 !important;}
table.data tbody th {border-bottom:1px solid #cacaca; border-right:1px solid #cacaca; background : #efefef; text-align:center; color: #444; padding: 10px 0 !important;}
table.data tbody th.center {text-align:center; padding: 10px 0 !important;}
table.data tbody td {border-bottom:1px solid #cacaca; border-right:1px solid #cacaca; text-align: left; padding: 5px 20px; }
table.data tbody td ul {list-style: none; margin:10px 20px 10px 0; padding: 0 0 0 0px; text-align: left;  letter-spacing:-0.5px; }
table.data tbody td ul li {margin:6px 0 2px 0; padding: 0 0 0 10px; background:url(/images/bulit.gif) no-repeat 0 6px; overflow:hidden; }
table.data tbody td ul li ul { margin:5px 0 5px 0; padding:0px; list-style:none; }
table.data tbody td ul li ul li { margin:0; padding: 0 0 0 10px;  background:url(/images/dot4.gif) no-repeat left 9px; line-height:1.7; }
table.data tbody .alt {text-align:left !important; padding:0 15px 0 15px;}
table.data tbody img {padding: 0px 1px;}
table.data .center {text-align:center; padding: 10px 0 !important;}
table.data .right {text-align:right; padding-right: 10px !important;}

table.data2 {width:100%; margin: 0 0 30px 0; border-spacing:0px; border-top:2px solid #1c9197; font-size:12px;}
table.data2 thead th {border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; background : #fff; text-align:center; color: #444; padding: 10px !important;
font-size:14px;}
table.data2 tbody th {border-bottom:1px solid #cacaca; border-right:1px solid #cacaca; background : #fff; text-align:center; color: #444; padding: 10px !important;
font-size:15px;}
table.data2 tbody th.center {text-align:center; padding: 10px 0 !important;}
table.data2 tbody td {border-bottom:1px solid #cacaca; border-left:1px solid #cacaca; text-align: left; padding: 5px 20px; font-size:15px; letter-spacing:-1px;}
table.data2 tbody td ul {list-style: none; margin:10px 20px 10px 0; padding: 0 0 0 0px; text-align: left;  letter-spacing:1px; font-size:15px;}
table.data2 tbody td ul li {margin:6px 0 2px 0; padding: 0 0 0 10px; background:url(/images/bulit.gif) no-repeat 0 6px; overflow:hidden; }
table.data2 tbody td ul li ul { margin:5px 0 5px 0; padding:0px; list-style:none; }
table.data2 tbody td ul li ul li { margin:0; padding: 0 0 0 10px;  background:url(/images/dot4.gif) no-repeat left 9px; line-height:1.7; }
table.data2 tbody .alt {text-align:left !important; padding:0 15px 0 15px;}
table.data2 tbody img {padding: 0px 1px;}
table.data2 .no_bg {background: none;}
table.data2 .center {text-align:center; padding: 10px 0 !important;}
table.data2 .left {text-align:left; padding: 10px 0 !important;}
table.data2 .bl_none {border-left: 0;}
table.data2 .br_none {border-right: 0;}


.data3 {width:100%; margin: 10px 0 30px 0; border-collapse:separate; border-spacing:0px; border-left:1px solid #e4e4e4;}
.data3 thead th {padding: 10px 0 !important; border-right:1px solid #ffffff; border-bottom:1px solid #cacaca; background : #6ab2cb; text-align:center; color: #fff;}
.data3 tbody th {border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; background : #f4f4f4; text-align:center;}
.data3 tbody th label {background : #6ab2cb; }
.data3 tbody th span {background : #6ab2cb;}
.data3 tbody td.btop {border-top:1px solid #e4e4e4;}
.data3 tbody td.tit {padding: 5px 0 5px 15px !important; text-align: left !important;}
.data3 tbody td {border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; text-align: center;  padding: 10px 0px;}
.data3 tbody td ul {list-style: none; margin:10px 20px 10px 0; padding: 0 0 0 0px; text-align: left;  letter-spacing:-0.5px; }
.data3 tbody td a:hover {color: #3578c6;}
.data3 tbody td textarea.tabox {width:200px;}
.data3 tbody td.alt {text-align:left; padding: 10px 0 10px 15px;}
.data3 tbody td.bgb {background: #eff8fe;}
.data3 .pro_rec img {margin: 0 1px;}




.data3 .pro_day {width:150px;}
.data3 .pro_time2 {width:85px;}
.data3 .pro_per {width:50px;}
.data3 .pro_place {width:70px;}
.data3 .pro_app {width:70px;}
.data3 .pro_rec {width:60px; }
.data3 .pro_cond2 {width:50px; }
.data3 .pro_cond {width:70px; }

.data3 .num {width:70px; }
.data3 .day {width:70px; }

.data3 .pro_tit {width:auto;}
.data3 .pro_num {width:70px; }
.data3 .pro_name {width:220px;}
.data3 .pro_school {width:180px; }
.data3 .pro_time{width:150px; }
.data3 .pro_cond{width:100px; }
.data3 .pro_adm{width:150px; }

.inner_table {}
table.inner_table {margin: 15px 0; border-spacing:0px; border-top: 1px solid #cacaca; font-size:12px;}
table.inner_table thead th {border-left: 1px solid #cacaca; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; background : #fff; text-align:center; color: #444; padding: 10px 0 !important;}
table.inner_table tbody th {border-bottom:1px solid #cacaca; border-right:1px solid #cacaca; background : #fff; text-align:center; color: #444; padding: 10px 0 !important;}
table.inner_table tbody th.center {text-align:center; padding: 10px 0 !important;}
table.inner_table tbody td {border-right: 1px solid #cacaca; border-bottom:1px solid #cacaca; border-left:1px solid #cacaca; text-align: left; padding: 5px 20px; }
table.inner_table tbody td ul {list-style: none; margin:10px 20px 10px 0; padding: 0 0 0 0px; text-align: left;  letter-spacing:-0.5px; }
table.inner_table tbody td ul li {margin:6px 0 2px 0; padding: 0 0 0 10px; background:url(/images/bulit.gif) no-repeat 0 6px; overflow:hidden; }
table.inner_table tbody td ul li ul { margin:5px 0 5px 0; padding:0px; list-style:none; }
table.inner_table tbody td ul li ul li { margin:0; padding: 0 0 0 10px;  background:url(/images/dot4.gif) no-repeat left 9px; line-height:1.7; }
table.inner_table tbody .alt {text-align:left !important; padding:0 15px 0 15px;}
table.inner_table tbody img {padding: 0px 1px;}
table.inner_table .no_bg {background: none;}
table.inner_table .center {text-align:center; padding: 10px 0 !important;}
table.inner_table .bl_none {border-left: 0;}
table.inner_table .br_none {border-right: 0;}


/*  font span */
span.bold {font-weight:600;}
span.tr {color: #f10909 !important;}
span.tg {color: #23952e !important;}
span.tb {color: #1678d3 !important;}
span.tp {color: #4346b4 !important;}
span.to {color: #ff7800 !important;}

span.trb { font-weight:bold; color:#f10909; font-size:120% !important; margin:0 0 0 4px; }
span.tbb { font-weight:bold; color:#1678d3; font-size:120% !important; margin:0 0 0 4px; }
span.tpb { font-weight:bold; color:#4346b4; font-size:120% !important; margin:0 0 0 4px; }
span.tob { font-weight:bold; color:#ff7800; font-size:120% !important; margin:0 0 0 4px; }
span.tgb { font-weight:bold; color:#23952e; font-size:120% !important; margin:0 0 0 4px; }

span.font12 {font-size:85% !important; letter-spacing:-1px;}
/*  box align */
p.right {text-align:right; margin:-30px 0 10px 0; padding:0;}

/* button */
.btn_list { display: inline-block; font-size: 13px; font-weight: bold; height: 28px; line-height:28px; margin-left: 1px; margin-right: 1px; padding: 0 15px; vertical-align: top; background: #0095cc none repeat scroll 0 0; border-radius:5px;}
.btn_list a{color:#fff;}
.btn_list a:hover{color:#fff;}

.btn_olist { display: inline-block; font-size: 13px; font-weight: bold; height: 28px; line-height:28px; margin-left: 1px; margin-right: 1px; padding: 0 15px; vertical-align: top; background: #f99325 none repeat scroll 0 0; border-radius:5px;}
.btn_olist a{color:#fff;}
.btn_olist a:hover{color:#fff;}

.btn_ora { display: inline-block; font-size: 12px; font-weight: bold; height: 25px; line-height:27px; margin-left: 1px; margin-right: 1px; padding: 0 10px; vertical-align: top; background: #f99325 none repeat scroll 0 0; border-radius:5px;}
.btn_ora a{color:#fff;}
.btn_ora a:hover{color:#fff;}

.btn_w { display: inline-block; font-size: 12px; font-weight: 400; height: 23px; line-height:25px; margin-left: 1px; margin-right: 1px; padding: 0 10px; vertical-align: top; background: #f1f1f1 none repeat scroll 0 0; border-radius:5px; border:1px solid #d1d1d1;}
.btn_w a{color:#444;}
.btn_w a:hover{color:#444;}

.btn_blue {display: inline-block; font-size:16px; font-weight: bold; height:25px; line-height: 25px; margin-left: 1px; margin-right: 1px; padding: 0 30px 0 12px; vertical-align: top; background: #0490cb url(/images/btn_go.png) no-repeat right 9px !important; color:#fff; border-radius: 5px; border:1px solid #0a7dad;}
.btn_blue a{letter-spacing:-0.5px; font-size:12px;  color:#fff; background: #0490cb !important;}
.btn_blue *:hover,
.btn_blue *:active,
.btn_blue *:focus{ color:#fff; text-decoration:underline; font-size: 12px; }
@media screen and (max-width: 543px) {
	.btn_blue{height:auto; padding:0 15px 0 6px; font-size:13px; line-height:1.4em;}
}

.btn_orange { display: inline-block; font-size:16px !important; font-weight: bold; height:25px; line-height: 25px; margin-left: 1px; margin-right: 1px; padding: 0 30px 0 12px; vertical-align: top; background: #f99325 url(/images/btn_go.png) no-repeat right 7px !important; color:#fff; border-radius: 5px; border:1px solid #ea6210;}
.btn_orange a{font-size:12px;  color:#fff; background: #f99325 !important; }
.btn_orange *:hover,
.btn_orange *:active,
.btn_orange *:focus{ color:#fff; text-decoration:underline; font-size: 12px;}


input.txt_button1{background:#575757; color:#fff; font-weight:600; height:32px; padding:0 15px;  line-height:32px; border-radius:3px;  border:none;}
input.txt_button2{background:#fff; color:#444; font-weight:600; height:32px; padding:0 15px; line-height:32px; border-radius:3px; border:1px solid #ccc;}

button {line-height:1px; background: #fff; border:0px; margin:0px; padding:0px; width:auto; overflow:visible; cursor:pointer; vertical-align: middle;}
button.txt_button1{background:#575757; color:#fff; font-weight:600; height:32px; padding:0 15px; line-height:32px; border-radius:3px; }
button.txt_button2{background:#fff; color:#444; font-weight:600; height:32px; padding:0 15px; line-height:32px; border-radius:3px; border:1px solid #ccc;}
button.txt_button3{background:#757575; color:#fff; font-weight:600; height:35px; padding:0 10px; line-height:35px; border-radius:3px; }
button.txt_button4{background:#f57280; color:#fff; font-weight:600; height:35px; padding:0 10px; line-height:35px; border-radius:3px; }

/* p box */
#body_contents p.info{	background:#f6f6f6; padding:18px; line-height:18px; margin-bottom:20px; width:612px; border:1px solid #dcdcdc; word-break:keep-all;}
p {margin-bottom: 30px;}
p.check2 {border:2px solid #e1e1e1; margin:5px 0; padding:5px 0;; text-align:center; color:#000;}
p.check3 {width:98%; border:2px solid #e1e1e1; margin:5px 0; padding:10px 0;; text-align:center; background: #f6f6f6; color:#000; font-weight:600; letter-spacing:-1px;}


/* ?占쎄퀎 */
.step{margin:0 0 20px 0; padding:0;  text-align:center;  float:left !important; width:100%;  word-break:keep-all;}
.step dl{float:left; overflow:hidden; margin:10px 30px 10px 0; padding:0 0 25px 0; background:#307ec0; border-radius:20px; padding:10px 0px; width:160px;  text-align:center;background: linear-gradient(to bottom, #3588cf, #2871ae );}
.step dl.bg01{background: linear-gradient(to bottom, #ffa524, #f16f10 );}
.step dl.bg02{background: linear-gradient(to bottom, #ae80de, #8350b8 );}
.step dt{font-size:240% !important; font-weight:bold; color:#fff !important; text-align:center; margin: 0 0 10px 0; padding:0 0 10px 0 !important; border-bottom:1px dashed #fff; background:none !important;}
.step dt.bg02{font-size:28px; font-weight:bold; color:#fff; padding-bottom:15px; border-bottom:1px solid #ab7adf; }

.step dd{font-size:14px; font-weight:normal; color:#fff; line-height:16px; font-weight:bold; letter-spacing:-0.05em; padding:15px 0 5px 0; padding:0 !important; }
.step p{clear:both;}

/* box */
 .cbox01 {padding:18px; line-height:18px; margin-bottom:20px; border:1px solid #dcdcdc; word-break:keep-all;}
 .cbox01 ul {margin:0; padding:0;}
 .cbox01 ul li {margin:0 30px 0 0; padding:0; display:inline; }
 .app_bg {background:url(/images/libraryGuide/app/app_bg.gif) no-repeat right top;}

 p.cbox02 {border:1px solid #fff; word-break:keep-all;}
 p.cbox02 img {margin: 0 20px 0 0; padding:0;}

 .cbox03 {background:#f6f6f6; padding:18px 18px 18px 20px; line-height:18px; margin-bottom:20px; border:1px solid #dcdcdc; word-break:keep-all;}
 .cbox03 ul.list_type1 {margin:0; padding:0 !important;}

 .cbox04 {padding:25px 18px 0px 18px; line-height:18px; margin-bottom:40px; border:1px solid #dcdcdc; word-break:keep-all; }
 .cbox04 ul {margin:0; padding:0;}
 .cbox04 ul li.bb {padding: 0 0 20px 0; margin:0 0 20px 0; border-bottom: 1px solid #dcdcdc;}
 .cbox04 ul li.center {text-align:center;}


 /*CenterBox01*/

.CenterBox01 { width:630px; height:90px; background:url(/images/libraryGuide/app/app_img01_bg.gif) no-repeat 0 50%; }
.CenterBox01 ul li { padding:15px 0 0 25px; margin:0; float:left; width:160px;}



ul.list_type1 {list-style: none; margin:15px 20px 40px 13px; padding: 0 0 0 0px; text-align: left;  letter-spacing:-0.5px; }
ul.list_type1 li {margin:6px 0 2px 0; padding: 0 0 0 10px; background:url(/images/bulit.gif) no-repeat 0 5px; overflow:hidden; }
ul.list_type1 li ul { margin:10px 0 20px 0; padding:0px; list-style:none; }
ul.list_type1 li ul li { margin:0; padding: 0 0 0 10px;  background:url(/images/dot4.gif) no-repeat left 9px; line-height:1.7; }
ul.list_type1 li ul li ul { margin:5px 0 5px 0; padding:0px; list-style:none; }
ul.list_type1 li ul li ul li { margin:0; padding: 0 0 0 15px;  background:url(/images/resume_icon1.png) no-repeat left 2px; line-height:1.7; }
ul.list_type1 li img  { vertical-align:middle; margin-left:10px; }






/******************************* ?占쎌젙?占쎈퉬?占쏀뿄??*******************************/
.n_service {padding:30px; line-height:18px; margin-bottom:20px; border:5px solid #dcdcdc; word-break:keep-all;  background:url(/images/n_service.gif) no-repeat right bottom; }
.n_service ul { margin:15px 0; padding:17px 5px; list-style:none; border-top:1px #dddddd solid; border-bottom:1px #dddddd solid;}
.n_service ul li {  margin:0; padding:3px 5px 5px 13px; background:url(/images/s_icon.gif) no-repeat 0 8px; font-weight:lighter;}


/***********************  鍮꾩긽?占�?占쎈룄
 #tab3 {clear:both; width:100%; padding:0px; margin:0px; height:630px;position:relative; float:left; }
 #tab3 .tabmenu {height:26px; margin:0px; padding:0px; float:left;}
 #tab3 .tabmenu ul { list-style: none; width:100%; margin: 0; padding: 0;}
 #tab3 .tabmenu ul li { display: inline; float: left; margin:0; padding:0 4px 0 0; }
 #tab3 .tabmenu ul li img {font-size:0; vertical-align:top;}
 #tab3 .tabmenu ul li.first{ background: none; padding:0 4px 0 0; }
 #tab3 .tabmenu ul li.last { background: none; padding:0px;}
 #tab3 .tabcontent { display: none; position: absolute; left: 0px; top:38px;margin:0px; padding:0px;  }
 #tab3 .tabcontent img {font-size:0; vertical-align:top; width:100%; }************************/


 /*** 濡쒓렇??***/
.login-form {position:relative; width:98%; height:180px; margin:20px auto; padding:0 0 0 0;  font-size:95%; letter-spacing:-1px; border-top:2px solid #2475d0; border-left:1px solid #c9c9c9;  border-right:1px solid #c9c9c9;  border-bottom:1px solid #c9c9c9;}
.login-form ul.lg_left{list-style:none; margin:0px auto; padding:10px 0 20px 0px; width:420px; font-weight:bold; position:relative;}
.login-form ul li.mfloat dl{position:absolute; top:20px; left:0px; position:relative;}
.login-form ul li.mfloat dt{margin:0; padding:0 0 0 20px; font-weight:normal; font-size:130%; 	margin-left:0px; text-align:left; font-weight:bold; font-family: "留묕옙? 怨좊뵓", Malgun Gothic, "?占쏙옙?", Dotum, "援대┝", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; background:url(/images/h1_bulit.gif) no-repeat 0px 4px; }
.login-form ul li.mfloat dt input{margin-left:20px;}
.login-form ul li.mfloat dd.idtxt{ margin:0; padding:20px 0 0 0; line-height:46px; }
.login-form ul li.mfloat dd label{background:url(/cyedu/gmi/dot_login.gif) no-repeat 0 8px; padding-left:12px; font-size:140%;}
.login-form ul li.mfloat dd #sub_id{position:absolute; left:100px; top:46px; }
.login-form ul li.mfloat dd #sub_pw{position:absolute; left:100px; top:80px;}
.login-form ul li.mfloat dd .inputText {border:1px solid #c0c0c0; width:55%; line-height:28px; height:28px; margin:0px; padding:0px; border-radius:0px;}
.login-form ul li.mfloat dd.mbtnfloat{position:absolute; left:340px; top:43px;margin:0; padding:0;}
.login-form ul li.mfloat dd.mbtnfloat2{position:absolute; left:80px; top:43px;margin:0; padding:0; border:none;}
.login-form ul li.mfloat dd.mbtnfloat input{border:0; }
.login-form ul li.mfloat dd.mbtnfloat2 input{border:0; }


/*?占쎌썝媛�??*/
.join1{width:auto; margin:0; background:#f6f6f6; padding:20px 18px; line-height:18px; margin-bottom:20px; border:1px solid #dcdcdc; }
.join1 dt {margin:20px 0 0 300px; padding:0 0 0 20px; font-weight:bold; font-size:160%; text-align:left; font-family: "留묕옙? 怨좊뵓", Malgun Gothic, "?占쏙옙?", Dotum, "援대┝", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; letter-spacing: -1px; background:url(/images/h1_bulit.gif) no-repeat 0px 4px;}
.join1 dd {text-align:left; margin:20px 0 0 290px; padding:0; font-size:100%; line-height:16px;}
.join1 dd.btn {margin:-10px 0 0 0; padding:0; text-align:center; width:100%;}
.jm01 {background: #f6f6f6 url('/images/join_img.gif') no-repeat 30px 30px;}

/*  ?占쏙옙??占쎌씤占쏙옙?占쏙옙??占쎌씠?占�?占쎌쬆*/

.ipb1 {width:44%; background:#f6f6f6; margin-right:20px; padding:20px 18px; line-height:18px; margin-bottom:20px; border:1px solid #dcdcdc; float:left;}
.ipb1 dt {margin:170px 0 0 0; padding:0; font-weight:bold; font-size:180%; text-align:center; font-family: "留묕옙? 怨좊뵓", Malgun Gothic, "?占쏙옙?", Dotum, "援대┝", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;  }
.ipb1 dd {text-align:center; margin:20px 0 0 0; padding:0 20px; font-size:120%; line-height:22px;}
.ipb1 dd.btn {margin:10px 0 0 0; padding:0; text-align:center; width:100%;}
.ipm01 {background: #f6f6f6 url('/images/icon_cell.png') no-repeat center 25px;}

.ipb2 {width:44%; background:#f6f6f6; padding:20px 18px; line-height:18px; margin-bottom:20px; border:1px solid #dcdcdc; float:left;}
.ipb2 dt {margin:160px 0 0 0; padding:0; font-weight:bold; font-size:180%; text-align:center; font-family: "留묕옙? 怨좊뵓", Malgun Gothic, "?占쏙옙?", Dotum, "援대┝", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; }
.ipb2 dd {text-align:center; margin:20px 0 0 0; padding:0 20px; font-size:120%; line-height:20px;}
.ipb2 dd.btn {margin:10px 0 0 0; padding:0; text-align:center; width:100%;}

.ipm02 {background: #f6f6f6 url('/images/icon_ipin.png') no-repeat center 25px;}



	/* ?占쎌슜?占쏙옙? */
 .lic_box {width:98%; height:600px; overflow-y:scroll; padding:0 0px; border:1px solid #e6e7e8; }
 .lic_box h3 {margin-left:14px !important; }
 .lic_box h4 {font-size:14px; margin:20px 0 10px 0;}
 .lic_box h5 {background:none !important;}
 .lic_box ul {padding-left:14px;}
 .lic_box ul li ul {padding-left:0;}


 /*諛곕꼫紐⑥쓬 */
 .banner_all {list-style:none; margin:0; padding:0; width:100%; text-align:center;}
 .banner_all li {float:left; margin:10px 10px; padding:0; border:1px solid #bdbcad;}
 .banner_all li a {margin:0; padding:0;}


 /* ?占쎌씠?占쎈㏊ */
.site_map {margin:20px 0 20px 0px; width:100%; padding:0px; overflow:hidden;}
.sitemap { margin:0 3% 0 3%; padding:0 0; width:27%; float:left; overflow:hidden;  }
.sitemap h3 {margin:10px 0 10px 0px; padding:0 0 0 0px !important; text-align:center !important; line-height:32px; height:35px; border-radius:10px; font-size:18px; font-weight:normal; color:#fff;  background:#087fa6 !important; border:1px solid #1b599f;}
.sitemap h3.org {background:#ff8f36 !important; border:1px solid none;}
.sitemap ul { margin:0; padding:0px; list-style:none;}
.sitemap ul li {margin:0 0 0 0; padding:0 0 0 30px; background:url(/images/s_icon.gif) no-repeat 15px 12px; line-height:32px; font-size:14px; border-bottom: 1px solid #ccc; }


/* it_box */
.it_box {width:auto; margin: 30px 0 0 0; padding:0 30px 0 30px;}
.it_box.fullBox {border-top:2px solid #1c9197; padding:0; margin:0;}
.it_box.fullBox .intro {width: 100%; margin-top: 20px;}
.it_box.fullBox .intro img {width: 100%;}
.it_box .desc {padding:10px; border-radius:4px; background:#0490cb; color:#fff; font-size:14px; font-weight:600; line-height:22px; box-sizing:border-box;}
.it_box h2.title {line-height:24px;}
.it_box .listDot {}
.it_box .listDot ul {}
.it_box .listDot ul li {position:relative; padding-left:10px; font-size:16px;}
.it_box .listDot ul li::before {content:''; display:block; width:4px; height:4px; background:#F60; position:absolute; top:6px; left:0px; border-radius:10px;}

.it_box .pointDot {position:relative; padding-left:14px; font-weight:600; font-size:18px; letter-spacing:-1px;}
.it_box .pointDot::before {content:''; display:block; width:8px; height:8px; background:#F60; position:absolute; top:5px; left:0px;}

.tabsWrap {margin:30px;}


/* greeting */
.greeting_outer {margin:0; padding:30px 0 0 0; width:100%; background: url(/intro/gmi/greeting_outer.jpg) no-repeat right top;}
.greeting {margin:0; padding:0 0 86px 0; width:100%; background: url(/intro/gmi/greeting_bottom.jpg) no-repeat right bottom; word-break:keep-all;}
.greeting p.gr01 {font-size:240%; color:#0944de; font-weight:600; line-height:42px; letter-spacing: -1px; font-family: "留묕옙? 怨좊뵓", Malgun Gothic, "?占쏙옙?", Dotum, "援대┝", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;  margin: 30px 0 0 30px;}
.greeting p.gr01 span {color:#0c0c0c; margin: 0 0 0 13px;}

.greeting p.gr02 {font-size:170%; font-weight:600; letter-spacing: -2px; font-family: "留묕옙? 怨좊뵓", Malgun Gothic, "?占쏙옙?", Dotum, "援대┝", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; margin: 30px 40px 0 43px;}

.greeting p.gr03 {margin: 40px 40px 0 43px;}


/* ?占쏀쁺 */
/* history_box */
.history_box {  margin:0px;  padding:0 0 0 20px; }
.history_box h3{ margin:20px 0 0 0px !important; padding:0px 0px 20px 0px; width:100%;  }
/*
.history {border-top:1px solid #e2e2e2; width:100%; margin:0; padding:0; float:left;}
.history h4 {width:100px; margin:25px 0 0 40px; padding:0px; float:left; font-size:200% !important; color:#3992e5;}


dl.history_type {float:left; margin:25px 0px; padding:0 0 0 0px; width:auto; line-height:20px;  }
dl.history_type dt { width:72px; margin:0; padding:0px; float:left; clear:left; font-weight:400; font-size:110% !important; color:#8d7771; }
dl.history_type dd { width:auto;  display:table; margin:0; padding:0 0 0 20px; }*/

	.history { margin:30px 0 0 0; padding:0 0 15px 0; overflow:hidden; background:url(https://www.suwonlib.go.kr/images/history_bg.jpg) no-repeat right top;}
.history dl.history_type { width:100%; float:left; margin:0 0 40px 0; padding:0 0 0 8px; }
.history dl.history_type dt{ float:left; margin:0; padding:0; width:100px; color: #0077af; font-size:220%; line-height:30px; background:none !important; }
.history dl.history_type dt img { margin:0; line-height:0; }
.history dl.history_type dd { float: left; margin:3px 0 0 0; line-height:22px; word-break:keep-all; }
.history dl.history_type dd ul {margin:0; padding:0;}
.history dl.history_type dd ul li {background:none !important; margin:0; padding:0; word-break:keep-all;}
.history dl.history_type dd em,
.history dl.history_type dd span {display:inline-block; vertical-align:top; }
.history dl.history_type dd em { width:60px; font-weight:bold; font-style:normal; }
.history dl.history_type dd span {width:calc(100% - 60px); }
.history dl.history_type dd span.tc { width:37px; font-weight:bold; text-align:center;}


	/* 鍮꾩쟾 */
  .vision_outer {margin:0; padding:30px 0 0 0; width:100%; background: url(/intro/gmi/vision_outer.jpg) no-repeat right top;}
  .vision {margin:0; padding:0 0 240px 0; width:100%; background: url(/intro/gmi/vision_bottom.jpg) no-repeat right bottom;}

  .vision p.gr01 {font-size:240%; font-weight:600; line-height:42px; letter-spacing: -1px; font-family: "留묕옙? 怨좊뵓", Malgun Gothic, "?占쏙옙?", Dotum, "援대┝", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;  margin: 30px 0 0 30px;}
  .vision p.gr01 span {color:#0c0c0c; margin: 0 0 0 0px;}

  .vision p.gr02 {font-size:170%; font-weight:600; letter-spacing: -2px; font-family: "留묕옙? 怨좊뵓", Malgun Gothic, "?占쏙옙?", Dotum, "援대┝", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; margin: 30px 40px 0 30px;}

  .vision p.gr03 {margin: 40px 40px 0 30px;}




/* 鍮꾩쟾 ?占쎌젙占쏙옙?(20180312) */

.vision_outer2{ width:100%; padding:0; word-break:keep-all; letter-spacing:-0.5px; background: url(/intro/gmi/vision_outer.jpg) no-repeat right top; font-family: "留묕옙? 怨좊뵓", Malgun Gothic, "?占쏙옙?", Dotum, "援대┝", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;  }
.vision_outer2 .vision_new {margin:0; padding:2% 2%; width:96%; /*background: url(/intro/gmi/vision_bottom.jpg) no-repeat right bottom;*/}
.vision_outer2 .vision_new h3 {  text-align:center !important;  padding-left:0px !important;  padding-top:10px !important; width:100%; background:none !important; }
.vision_outer2 .vision_new h4 {  display:inline-block; overflow:hidden; width:100%; background:#f6f6f6; padding:18px 0px 18px 0px; line-height:18px; margin:40px 20px 20px 0px; border:1px solid #dcdcdc; font-size:130% !important;}
.vision_outer2 .vision_new h4 em { display:inline-block; font-style:normal; width:26px; height:26px; line-height:28px; border-radius:26px; padding:0px 0px 0px 0px; text-align:center; color:#fff; background:#3e71d6; margin-left:20px;}
.vision_outer2 .vision_new h5 {  clear:both; display:inline-block !important; height:35px !important; line-height:36px !important; margin:10px 0px 10px 30px !important; padding:0 20px !important; text-align:center !important; font-size:120% !important; background:#556eb1 !important; border-radius:20px !important; color:#fff !important; }

.vision_new .vision_top {padding:0px 0px 20px 0px; width:100%; text-align:center; font-weight:600; letter-spacing:-1.7px;}
.vision_new .vision_top p {margin:0 auto; color:#3578c6; line-height:34px; font-size:180%; }
.vision_new .vision_top p span {display:inline-block; color:#111; font-size:140%;}



.vision_new .vision_1 {margin:10px auto; width:100% !important; clear:both;}
.vision_new .vision_1 h3 {margin:0 auto;  line-height:60px; /*background:url('../gmi/arrow.png') 50% 0% no-repeat !important;*/}
.vision_new .vision_1 div ul {margin:0px auto; text-align:center;}
.vision_new .vision_1 div ul li{line-height:20px;padding: 15px 10%;display:inline-block;text-align:center;border:2px solid #d3d3d3; font-size:120% !important;font-weight:600;}


.vision_new .vision_2 {margin:10px auto; width:100% !important; clear:both;}
.vision_new .vision_2 h3 {margin:0 auto;  line-height:100px; background:url('../gmi/arrow.png') 50% 0% no-repeat !important;}
.vision_new .vision_2 div ul {margin:0px auto; text-align:center;}
.vision_new .vision_2 div ul li{line-height:20px;padding: 15px 10%; display:inline-block;text-align:center;border:2px solid #d3d3d3; font-size:120% !important;font-weight:600;}


.vision_new .vision_3 {margin:10px auto; width:100% !important; clear:both;}
.vision_new .vision_3 h3 {margin:0 auto; line-height:100px; background:url('../gmi/arrow.png') 50% 0% no-repeat !important;}
.vision_new .vision_3 div h4 {padding:10px; background:#386e84; text-align:center; color:#fff; }
.vision_new .vision_3 div ul {margin:0px auto; text-align:center;}
.vision_new .vision_3 div ul li{ line-height:20px;  padding:15px 5%; display:inline-block; text-align:center; font-size:120% !important; font-weight:600;}
.vision_new .vision_3 div ul li:first-child { border:0px solid #ed5880; color:#ed5880; background:#fff1f1;}
.vision_new .vision_3 div ul li:nth-child(2) { border:0px solid #7c6ab6; color:#7c6ab6; background:#f7f4ff;}
.vision_new .vision_3 div ul li:nth-child(3) { border:0px solid #92b63a; color:#92b63a; background:#f5fde6;}
.vision_new .vision_3 div ul li:last-child {  border:0px solid #4c91d6; color:#4c91d6; background:#f1f8ff;}



.vision_new .vision_4{margin:10px auto; width:100% !important; }
.vision_new .vision_4 h3 {margin:0 auto;  line-height:100px; background:url('../gmi/arrow.png') 50% 0% no-repeat !important; }
.vision_new .vision_4 h4  {border:none; }
.vision_new .vision_4 .inner {width:100%; }
.vision_new .vision_4 .inner h4 { margin:0px;}
.vision_new .vision_4 .inner:after {content:"";display:block;visibility:hidden;clear:both; }
.vision_new .vision_4 .inner .gl_l{padding:0px 0px; float:left; clear:both; margin-bottom:20px;}
.vision_new .vision_4 .inner .gl_r{padding:0px 0px; float:right;  }

.vision_new .vision_4 .inner .gl_l,
.vision_new .vision_4 .inner .gl_r{width:48%;}

.vision_new .vision_4 .inner .gl_l h4,
.vision_new .vision_4 .inner .gl_r h4{padding:10px 0px 10px 0px; text-align:center; font-size:115% !important; color:#fff;}


.vision_new .vision_4 .inner .gl_l h4.one { background:#ed5880;}
.vision_new .vision_4 .inner .gl_r h4.two { background:#7c6ab6;}
.vision_new .vision_4 .inner .gl_l h4.three { background:#92b63a;}
.vision_new .vision_4 .inner .gl_r h4.four { background:#4c91d6;}


.vision_new .vision_4 .inner .gl_l ul li,
.vision_new .vision_4 .inner .gl_r ul li{line-height:160%; background:url(/intro/gmi/list_type1_bulit.gif) no-repeat 10px 4px; padding-left:18px; }



p.img_c  {text-align:center; margin:0px auto 30px auto; width:100%; }


.l_con {float:left; width:47%;  overflow:hidden; }
.l_con p { width:100%; margin:0px auto;  text-align:center;}
.l_con p img { }
.l_con:after {content:""; display:block; clear:both;}
.r_con { float:right; width:47%; overflow:hidden; }
.r_con:after {content:""; display:block; clear:both;}


.outerbox { padding:30px 0px; border-bottom:1px dotted #a1a1a1; clear:both; overflow:hidden;}

.vision_new ul.list_type { list-style: none; width:auto; margin:0px 0 30px 0; padding:6px 0px 10px 48px; text-align:left; }
.vision_new ul.list_type li {line-height:20px; margin:2px 0; padding:0px 0px 0px 10px; background:url(/intro/gmi/list_type1_bulit.gif) no-repeat 0px 7px;  }
.vision_new ul.list_type li span {font-weight:bold; font-size:120%; }
.vision_new ul.list_type li.none { background:none; padding:0px;}
.vision_new ul.list_type li ul { margin:2px 0; padding:0px; list-style:none; }
.vision_new ul.list_type li ul li { margin:0px; padding:0px 0 0 5px; background:none; }



.cont_box {   width:94%; margin:0px auto; overflow:hidden; padding-right:2%; }
.cont_box2 {  width:94%; margin:0px auto; overflow:hidden;  padding-left:2%;  }
.cont_box3 {  float:left; width:94%; margin:0px auto; overflow:hidden;  padding:30px 0px 40px 2%; border-bottom:1px dotted #c9c9c9;  }


.cont_box p.img {  float:left; }
.cont_box dl { float:right;  }

.cont_box2 p.img {  float:right; }
.cont_box2 dl {  float:left; }


.cont_box p.img,
.cont_box2 p.img { width:20%; text-align:center; margin-bottom:0px;}

.cont_box dl,
.cont_box2 dl {width:78%; overflow:hidden; padding-top:58px; }


.cont_box dt,
.cont_box2 dt,
.cont_box3 dt { font-size:130%; font-weight:600; letter-spacing:-1px; padding-bottom:8px; }
.cont_box dd,
.cont_box2 dd,
.cont_box3 dd { font-size:100%; display:table;  }

.text_style1 { color:#ed5880; }
.text_style2 { color:#7c6ab6; }
.text_style3 { color:#92b63a; }
.text_style4 { color:#4c91d6; }




.list_dl {  margin-left:48px;  }
.list_dl dt { font-size:110%; font-weight:600; background:url('/images/h5.gif') no-repeat 10px 5px;	padding-left:22px; font-size:120%; 	margin:0 0 10px 0; text-align:left; color: #154332; }
.list_dl dd {  }
.list_dl dd ul.list_type { line-height:17px;  overflow:hidden;   }
.list_dl dd ul.list_type li {  display:inline; width:48%; float:left; padding-bottom:0px;}

/* ================================================================================
 jquery
================================================================================ */

/* ui-tabs */
.ui-tabs {position:relative; text-align:left;}
.ui-tabs .ui-tabs-nav {}
.ui-tabs .ui-tabs-nav li {display:inline-block; position:relative; top:0; margin:1px .2em 0 0; padding:0; border-bottom-width:0; list-style:none; white-space:nowrap;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {}
.ui-tabs .ui-tabs-nav li.ui-tabs-tab .ui-tabs-anchor {display:block; padding:10px 30px; outline:none; border:1px solid #c9d0e1; background:#eceef4; color:#6e768f; margin-left:-1px; border-bottom:0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-tab:first-child .ui-tabs-anchor {margin-left:0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {z-index:1;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {color:#fff; border:1px solid #0490cb; background:#0490cb; margin-bottom:-1px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {cursor:text;}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {cursor:pointer;}
.ui-tabs .ui-tabs-panel {display:block; font-size:14px; line-height:20px; color:#6e768f;}



  /* 議곗쭅??*/
	.org {width:100%; margin: 20px 0 0 30px;}



	/*2020.09.02 (intro)*/
	.org_box {padding: 50px 30px; text-align: center; margin-bottom: 350px; font-family: "留묕옙? 怨좊뵓", Malgun Gothic, "?占쏙옙?", Dotum, "援대┝", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;}
	.org_box .org_top {background:url(/intro/gmi/org0902.jpg) no-repeat center 150px; height: 230px;}
	.org_box .org_top p {width: 150px; height: 150px; line-height: 150px; border-radius: 50%; background-color: #1c919c; color: #fff; font-size: 20px; font-weight: 600; text-align: center; display: inline-block; margin-top: 0;}
	.org_box .org_bottom .top_list { display: inline-block; width: 165px; margin-top: 0; margin-bottom: 15px; height: 50px; line-height: 50px; background-color: #3c5c60; border: 1px solid #3c5c60; color: #fff; font-weight: 600; font-size: 18px;}
	.org_box .org_bottom .top_list a {color: #fff; display: block; width: 100%;}
	.org_box .org_bottom ul {display: flex;}
	.org_box .org_bottom .bottom_list {width: 165px; height: 205px; border: 1px solid #ddd; line-height: 2em; font-size: 16px; font-weight: 600; background-color: #fff; display: inline-block; padding-top: 10px;}
	.org_box .org_top p a {color: #fff; display: block; width: 100%;}
	.org_box .org_bottom .bottom_list a:hover{width:100%; display:inline-block; background:#e3f2ef;}

	@media (max-width:1269px) {
		.org_bottom ul {width: 960px; margin: 0 auto;}
	}

	@media (max-width:1024px) {
		.org_box {width: 100%; height: 1450px; padding: 0px 10px; background:url(/intro/gmi/org_mline.jpg) repeat-y center; margin-bottom: 100px;}
		.org_box .org_top {background:none; height: 190px; margin-top: 50px;}
		.org_box .org_bottom .top_list {width: 335px; height: 50px;}
		.org_box .org_bottom ul {display: inline-block; width: 346px; }
		.org_box .org_bottom .bottom_list {width: 335px; height: auto; margin-bottom: 30px; padding: 10px 0; }
	}
	@media (max-width:760px) {
		.org_box {padding: 0 !important;}
	}
	@media (max-width:380px) {
		.org_box .org_bottom ul {width: 300px;}
		.org_box .org_bottom .top_list {width: 100%;}
		.org_box .org_bottom .bottom_list {width: 100%;}
	}





	/* ?占쏀넻?占쎈뒗 ?占쎌꽌愿� */
	.common_box {float:left; margin:0px; padding:0; width:100%;}
	ul.list_type3 { list-style: none; width:auto; margin:0px 0 20px 0; padding:6px 0px 10px 86px; text-align:left; }
	ul.list_type3 li {width:100%; margin:2px 0; padding: 0 0 0 10px; background:url(/intro/gmi/list_type1_bulit.gif) no-repeat 3px 3px; }
	ul.list_type3 li span {font-weight:bold;}
	ul.list_type3 li span.font12 {font-size:12px !important; color:#555; font-weight:normal; }
	ul.list_type3 li.none { background:none; padding:0px;}
	ul.list_type3 li ul { margin:2px 0; padding:0px; list-style:none; }
	ul.list_type3 li ul li { margin:0px; padding:0px 0 0 5px; background:none; }

	.icon01 {background:url(/intro/gmi/guide_icon01.gif) no-repeat 0px top; border-bottom:1px dotted #ccc;}
	.icon02 {background:url(/intro/gmi/guide_icon02.gif) no-repeat 0px top; border-bottom:1px dotted #ccc;}
	.icon03 {background:url(/intro/gmi/guide_icon03.gif) no-repeat 0px top; border-bottom:1px dotted #ccc;}
	.icon04 {background:url(/intro/gmi/guide_icon04.gif) no-repeat 0px top; border-bottom:1px dotted #ccc;}
	.icon05 {background:url(/intro/gmi/guide_icon05.gif) no-repeat 0px top; border-bottom:1px dotted #ccc;}
	.icon06 {background:url(/intro/gmi/guide_icon06.gif) no-repeat 0px top; border-bottom:1px dotted #ccc;}
	.icon07 {background:url(/intro/gmi/guide_icon07.gif) no-repeat 0px top; border-bottom:1px dotted #ccc;}
	.icon08 {background:url(/intro/gmi/guide_icon08.gif) no-repeat 0px top; border-bottom:0px dotted #ccc; height:60px !important;}

	/* 李얠븘媛�???占쎌꽌愿� */
	.rt {margin:0; padding:20px 0 0 86px; height:52px;}
	.icon0201 {background:url(/intro/gmi/guide02_icon01.gif) no-repeat 0px top; }
	.icon0202 {background:url(/intro/gmi/guide02_icon02.gif) no-repeat 0px top; }
	.icon0203 {background:url(/intro/gmi/guide02_icon03.gif) no-repeat 0px top; }

	/* ?占쎈Ц?占쎈룄???占쎌썝 */
	.common_box {padding: 0 0 0 0;}
	.icon0301 {background:url(/intro/gmi/guide03_icon01.gif) no-repeat 0px 10px; border-bottom:1px dotted #ccc;}
	.icon0302 {background:url(/intro/gmi/guide03_icon02.gif) no-repeat 0px 10px; border-bottom:1px dotted #ccc; padding: 25px 0 0 86px !important; height:72px;}
	.icon0303 {background:url(/intro/gmi/guide03_icon03.gif) no-repeat 0px 10px; border-bottom:1px dotted #ccc; padding: 40px 0 0 86px; height:52px;}
	.icon0304 {background:url(/intro/gmi/guide03_icon04.gif) no-repeat 0px 10px; }

	/* ?占쎈엺???占쎌슜 */

	dl.use_list { margin:10px 0px 0px 10px;  width:auto;}
	dl.use_list dt{ color:#1c919c; background:url('/intro/gmi/bullet_03.gif') no-repeat 0px 4px;	padding-left:14px; margin:0px 0px 10px 0px; padding-bottom:5px;	font-weight:bold; font-size:14px;}
	dl.use_list dd{background:url('/intro/gmi/list_type1_bulit.gif') no-repeat 3px 3px;	margin-left:12px; padding-left:10px;}
	.red_b { color:#f10909; font-weight:bold;}


	.tab_3depthmenu {margin: 0 0 0 0; overflow: hidden; padding: 21px 20px 15px 20px; width: auto; border:1px dotted #7da8ef; background:#f8fcff;}
	.tab_3depthmenu li {  background: url("/intro/gmi/3tab_blt.gif") no-repeat scroll left 0px; display: inline; float: left; margin: 0 24px 0 0; padding: 0 0 0 16px;}
	.tab_3depthmenu li a {  font-weight: bold;}
	.tab_3depthmenu li.on a {  color:#3487be;}


	/* ?占쏙옙??占쎌꽌愿� ?占쎈┰?占쎈궡 */
	.table-radius { font-size:12px;  border-collapse: separate; border-spacing:10px 5px; width:100%; margin:0px 0px 30px 0px; padding:0px;}
	.table-radius caption { left:-1000%; top:0; width:0px; height:0px; font-size:0%; line-height:0%; overflow:hidden;} /* caption 占승그댐옙 占쏙옙占쏙옙 */
	.table-radius th,
	.table-radius td { text-align: center; -webkit-border-radius:10px; -moz-border-radius:5px;  border-radius: 5px;  padding:10px;}
	.table-radius th { background-color: #e5eef7;}
	.table-radius thead th { position: relative;  color: #333;  font-weight: bold;  background-color: #e5eef7;}
	.table-radius thead th.step1 { background-color: #d0e0ef;}
	.table-radius thead th.step2 { background-color: #bcd1e4;}
	.table-radius thead th.step3 { background-color: #aac4dd;}
	.table-radius thead th.step1:after,
	.table-radius thead th.step2:after { content: '>';  position: absolute; top:32px; right: -10px;  margin-top: -15px;  font-size: 14px;  color: #222;  font-weight: normal;}
	.table-radius tbody th { font-weight: normal;}
	.table-radius tbody td { background-color: #f6f6f6;}
	.table-radius tbody td.title { text-align: left;}
	.table-radius .label { display: none;}

	.common_box { margin:0px; padding:0px;}





/********************* break point -768- *********************/
@media screen and (max-width:1040px) {

.vision_new .vision_4 .inner .gl_l,
.vision_new .vision_4 .inner .gl_r{padding:0px; }

}


/********************* break point -300- *********************/
@media screen and (max-width:760px) {

.vision_outer2 .vision_new h5 { margin:20px 0px 20px 10px !important;}

.vision_outer2 { width:100%; background-size:100% auto;}
.vision_outer2 .vision_new { padding:0% 2%;}

.vision_new .vision_top {padding-top:20px; }
.vision_new .vision_top p { line-height:28px; font-size:140%; }
.vision_new .vision_top p span {font-size:130%;}




.vision_new .vision_2 div ul li,
.vision_new .vision_3 div ul li { font-size:95% !important; padding:15px 2%; line-height:18px !important; }

.vision_new .vision_4 .inner .gl_l,
.vision_new .vision_4 .inner .gl_r{width:100%; }






.cont_box p.img,
.cont_box2 p.img { width:100%; text-align:center; margin-bottom:0px;}

.cont_box dl,
.cont_box2 dl {width:100%; overflow:hidden; padding-bottom:58px; }



.vision_new ul.list_type { padding-left:22px;}

.list_dl {  margin-left:28px;  }

.list_dl dd ul.list_type li { width:100%;}


}







/* 2021占쏙옙占쏙옙(20210302) */

.vision_outer2021{background: url(../gmi/bg_vision.jpg) no-repeat center 130px; background-size: 353px; width:100%; padding:40px 15px; word-break:keep-all; letter-spacing:-1px; box-sizing:border-box; font-family:'Malgun Gothic', '占쏙옙占쏙옙占쏙옙占쏙옙'; }
.vision2021 {display: flex; justify-content: center; align-items: center; width: 100%; max-width: 600px; height: 60px; background: #f4f5ff; margin:0 auto 130px auto; text-align:center; border-radius: 25px;}
.vision2021 p {margin:0 auto; font-size:24px; line-height: 25px; color:#091463; font-weight:bold; letter-spacing:-2px; display:block;}

.visionTarget {text-align:center; position:relative; padding-top:73px; margin-bottom:60px;}
.visionTarget:before { content:''; display:block; background:url(../gmi/visionArrow.png) no-repeat; width:194px; height:73px; position:absolute; top:0px; left:50%; margin-left:-97px; }
.visionTarget .visionCon { border:3px solid #cfe0f0; width:728px; padding:24px 10px 14px 10px; margin:0px auto; box-sizing:border-box;}
.visionTarget .visionCon h3 {font-size:25px !important; line-height:26px; color:#4c91d6; font-weight:bold; background:none !important; margin:0px auto !important; padding:0px !important; text-align:center !important;}
.visionTarget .visionCon p { font-size:28px; line-height:30px; font-weight:600; color:#2f2f2f; margin:16px 0px; padding:0px;}
.visionTarget .visionCon p strong { color:#92b63a;}
.visionTarget .visionConBox {width:732px; margin:27px auto;}
.visionTarget .visionConBox dl { width:calc(50% - 8px); margin:0px 4px; padding:0px; display:inline-block;  font-size:0px;}
.visionTarget .visionConBox dt,
.visionTarget .visionConBox dd { display:inline-block; font-size:16px; font-weight:bold; margin:0px; padding:0px; height:79px; line-height:77px; }
.visionTarget .visionConBox dt { background:#4c91d6; width:80px; color:#fff;}
.visionTarget .visionConBox dd { background:#e7eff7; color:#222; width:calc(100% - 80px); text-align:left; padding-left:16px; box-sizing:border-box;}
.visionTarget .visionConBox dl:first-child  { margin-left:0px;}
.visionTarget .visionConBox dl:last-child { margin-right:0px;}
.visionTarget .visionConBox dl:last-child dt { background:#92b63a;}
.visionTarget .visionConBox dl:last-child dd { background:#f5fde6;}


.visionPush {}
.visionPush h3 {font-size:25px !important; line-height:26px; color:#444; font-weight:bold; background:none !important; margin:0px auto 37px auto !important; padding:0px !important; text-align:center !important; position:relative;}

.visionPush h3:before,
.visionPush h3:after {display:inline-block; display:block; position:absolute; top:12px; width:42%; height:2px;  content:''; vertical-align:middle; background:#ed5880;}
.visionPush h3:before {left:0px; }
.visionPush h3:after {right:0px;}

.visionPush .PushCon {}
.visionPush .PushCon dl { width:calc(50% - 30px); margin:0px 15px 40px 15px; padding:0px; display:inline-block;  font-size:0px; vertical-align:top;}
.visionPush .PushCon dt,
.visionPush .PushCon dd { display:block; word-break:keep-all;}
.visionPush .PushCon dt {display: flex; justify-content: center; align-items: center; height: 75px; font-size:22px; line-height:30px; border-radius: 10px; margin-bottom:20px; text-align: center;}
.visionPush .PushCon dt span { font-size:20px; display:block; line-height: 25px;}
.visionPush .PushCon dd {margin-left: 10px; position: relative; padding: 0 0 10px 20px; font-size:15px; font-weight: bold; box-sizing:border-box; vertical-align:middle;}
.visionPush .PushCon dl.PushCon01 dd::before {position: absolute; top: 2px; left: 0; display: inline-block; content: ''; width: 14px; height: 14px; background: #a3c194; border-radius: 50%;}
.visionPush .PushCon dl.PushCon02 dd::before {position: absolute; top: 2px; left: 0; display: inline-block; content: ''; width: 14px; height: 14px; background: #d1a962; border-radius: 50%;}
.visionPush .PushCon dl.PushCon03 dd::before {position: absolute; top: 2px; left: 0; display: inline-block; content: ''; width: 14px; height: 14px; background: #76c3be; border-radius: 50%;}
.visionPush .PushCon dl.PushCon04 dd::before {position: absolute; top: 2px; left: 0; display: inline-block; content: ''; width: 14px; height: 14px; background: #ba86c9; border-radius: 50%;}
.visionPush .PushCon dd::before
.visionPush .PushCon dd::before
.visionPush .PushCon dl.PushCon01,
.visionPush .PushCon dl.PushCon03 { margin-left:0px;}
.visionPush .PushCon dl.PushCon02,
.visionPush .PushCon dl.PushCon04 { margin-right:0px;}
.visionPush .PushCon dl.PushCon01 dt {background: #a3c194;}
.visionPush .PushCon dt span {color: #fff; font-weight: 500;}
.visionPush .PushCon dl.PushCon02 dt {background: #d1a962;}
.visionPush .PushCon dl.PushCon02 dt span {}
.visionPush .PushCon dl.PushCon03 dt {background: #76c3be;}
.visionPush .PushCon dl.PushCon03 dt span {}
.visionPush .PushCon dl.PushCon04 dt {background: #ba86c9;}
.visionPush .PushCon dl.PushCon04 dt span {}


@media screen and (max-width:1280px) {


	.visionPush .PushCon dt br { display:none;}


}


@media screen and (max-width:990px) {



}


/********************* break point -300- *********************/
@media screen and (max-width:767px) {


	.visionTarget .visionCon { width:100%;}
	.visionTarget .visionConBox {width:100%;}
	.visionTarget .visionConBox dl { width:calc(100% - 0px); margin:4px 0px; display:block;}
	.visionPush .PushCon dl { width:calc(100% - 0px); margin:0px 0px 30px 0px; display:block;}
	.visionPush .PushCon dd { min-height:auto; }


}

@media screen and (max-width:640px) {


	.vision2021 p {font-size:20px;}
	.visionTarget .visionCon h3 {font-size:22px }
    .visionTarget .visionCon p { font-size:24px;}
	.visionTarget .visionCon p strong { display:block;}
	.visionTarget .visionConBox dt,
    .visionTarget .visionConBox dd { display:block; width:100%; text-align:center; height:36px; line-height:34px; }
	.visionTarget .visionConBox dd { height:50px; line-height:48px;}
	.visionPush h3 {font-size:22px;}
    .visionPush h3:before,
    .visionPush h3:after {width:35%;}
	.visionPush .PushCon dt { font-size:20px; line-height:26px; }
    .visionPush .PushCon dt span { font-size:18px;}





}

.line_box {margin-bottom: 30px; padding: 15px; border: 1px solid #cacaca;}
.line_box strong {display: block; margin-bottom: 10px;}

/*작은도서관 검색 상세페이지*/
    .swiper {
      width: 343px; /* 가로 크기 */
      height: 220px; /* 세로 크기 */
	  margin: 0 25px 0 0 !important;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.it_box .list_con{padding: 37px 0 32px; border-top: 2px solid #444; border-bottom: 1px solid #ddd; margin-bottom: 41px;}
.it_box .titleBox{display:flex; justify-content:space-between; margin-bottom:15px;}
.it_box .titleBox p.title{font-size:26px; letter-spacing:-1px; font-weight:500; line-height:1em; margin:0;}
.it_box .titleBox button{background:#575757; border-radius:5px; color:#fff; font-size:15px; width:94px; height:32px; line-height:32px;
font-weight:bold; letter-spacing:-1px;}
.townViewWrap .libIntroWrap{display:flex; margin-bottom:29px;}
.townViewWrap .libIntroWrap .libIntroCon ul{width:100%;  word-wrap: break-word; word-break: break-all;}
.townViewWrap .libIntroWrap .libIntroCon ul li{display:flex;  margin-bottom:5px;font-size:15px;}
.townViewWrap .libIntroWrap .libIntroCon ul li .txt{padding-top:5px;}
.townViewWrap .libIntroWrap .libIntroCon ul li .l_sns{display:flex;}
.townViewWrap .libIntroWrap .libIntroCon ul li .{padding-top:5px;}
.townViewWrap .libIntroWrap .libIntroCon ul.sns_link{display:flex; align-items:center; width:auto;}
.townViewWrap .libIntroWrap .libIntroCon ul.sns_link li{margin:0 0 0 10px;}
.townViewWrap .libIntroWrap .libIntroImg {margin:0 24px 0 0;}
.townViewWrap .libIntroWrap .libIntroCon .tit{background:#30adb6; border-radius:20px; min-width:103px;
text-align:center; height:25px; line-height:25px; font-size:15px; letter-spacing:-1px; color:#fff; margin-right:10px;}
.it_box .map_con{border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
	}
#daumRoughmapContainer1715838500415{margin:0 auto;}
@media screen and (max-width:920px) {
	.townViewWrap .libIntroWrap{display:block;}
	.townViewWrap .libIntroWrap .libIntroImg{margin-right:0; }
	.townViewWrap .libIntroWrap .libIntroImg img{width:100%;}
	.townViewWrap .libIntroWrap .libIntroCon{margin-top:25px;}
	#daumRoughmapContainer1715838500415{width:100% !important;}

}
@media screen and (max-width:400px) {
.swiper{margin:auto !important; width:100%;}
	.it_box .titleBox p.title{font-size:21px;}
	.it_box .titleBox{align-items:center;}
	.it_box .titleBox button{width:auto; padding:0 5px; font-size:14px;}
	.townViewWrap .libIntroWrap .libIntroCon ul li .l_sns{display:block;}
	.townViewWrap .libIntroWrap .libIntroCon .tit{min-width:79px !important;}
	.townViewWrap .libIntroWrap .libIntroCon ul.sns_link li{margin:10px 10px 0 0;}
}