@charset "utf-8";

#content { font-weight:300; padding: 15px 8px; margin-bottom: 30px;}
#content img {max-width: 100%;}
h3 {clear:both;margin:45px 0 5px 0;padding: 0px 0 0 28px;font-size:21px;font-weight:500;text-align:left;color: #000;background: url("/layout/images/www/sub/h3_bl.png") no-repeat left 5px;line-height:26px;min-height:25px;}
h3.c0 {margin-top:0;}
h4 {clear:both; margin:43px 0 0 0; padding:0;  font-size:19px;  text-align:left; color:#b2111b; letter-spacing:-0.3px; font-weight:500; }
h5 { clear:both; margin-top:20px;font-size:15px; color:#2c2c2c; font-weight:500; background:url("/layout/images/www/sub/h5_bl.png") no-repeat left 7px; padding:0 0 0 14px;}


/*폰트사이즈*/
.siz13 { font-size:13px;}
.siz14 { font-size:14px;}
.siz15 { font-size:15px;}
.siz16 { font-size:16px;}
.siz17 { font-size:17px;}
.siz18 { font-size:18px;}
.siz19 { font-size:19px;}
.siz20 { font-size:20px; line-height:29px; letter-spacing:-1px;}
.siz21 { font-size:21px; line-height:29px; letter-spacing:-1px;}
.siz22 { font-size:22px; line-height:29px; letter-spacing:-1px;}
.siz23 { font-size:23px; line-height:29px; letter-spacing:-1px;}
.siz24 { font-size:24px; line-height:29px; letter-spacing:-1px;}
.siz25 { font-size:25px; line-height:29px; letter-spacing:-1px;}
.siz26 { font-size:26px; line-height:29px; letter-spacing:-1px;}
.siz27 { font-size:27px; line-height:30px; letter-spacing:-1px;}
.siz28 { font-size:28px; line-height:32px; letter-spacing:-1px;}
.siz29 { font-size:29px; line-height:34px; letter-spacing:-1px;}
.siz30 { font-size:30px; line-height:34px; letter-spacing:-1px;}
.siz31 { font-size:31px; line-height:34px; letter-spacing:-1px;}
.siz32 { font-size:32px; line-height:35px; letter-spacing:-1px;}
.siz33 { font-size:33px; line-height:35px; letter-spacing:-1px;}
.siz34 { font-size:34px; line-height:36px; letter-spacing:-1px;}
.siz35 { font-size:35px; line-height:36px; letter-spacing:-1px;}

/*빅폰트사이즈*/
body .big_font { font-size:18px;}
.big_font h3 { font-size:23px; line-height:28px;}
.big_font h4 { font-size:20px;}
.big_font h5 { font-size:18px;}

.big_font .siz13 { font-size:15px;}
.big_font .siz14 { font-size:16px;}
.big_font .siz15 { font-size:17px;}
.big_font .siz16 { font-size:18px;}
.big_font .siz17 { font-size:19px;}
.big_font .siz18 { font-size:20px;}
.big_font .siz19 { font-size:21px;}
.big_font .siz20 { font-size:22px; line-height:31px; letter-spacing:-1px;}
.big_font .siz21 { font-size:23px; line-height:31px; letter-spacing:-1px;}
.big_font .siz22 { font-size:24px; line-height:31px; letter-spacing:-1px;}
.big_font .siz23 { font-size:25px; line-height:31px; letter-spacing:-1px;}
.big_font .siz24 { font-size:26px; line-height:31px; letter-spacing:-1px;}
.big_font .siz25 { font-size:27px; line-height:31px; letter-spacing:-1px;}
.big_font .siz26 { font-size:28px; line-height:31px; letter-spacing:-1px;}
.big_font .siz27 { font-size:29px; line-height:33px; letter-spacing:-1px;}
.big_font .siz28 { font-size:30px; line-height:33px; letter-spacing:-1px;}
.big_font .siz29 { font-size:31px; line-height:36px; letter-spacing:-1px;}
.big_font .siz30 { font-size:32px; line-height:36px; letter-spacing:-1px;}
.big_font .siz31 { font-size:33px; line-height:36px; letter-spacing:-1px;}
.big_font .siz32 { font-size:34px; line-height:37px; letter-spacing:-1px;}
.big_font .siz33 { font-size:35px; line-height:37px; letter-spacing:-1px;}
.big_font .siz34 { font-size:36px; line-height:38px; letter-spacing:-1px;}
.big_font .siz35 { font-size:37px; line-height:38px; letter-spacing:-1px;}

/*폰트컬러*/
.c_or { color:#f04e30;} /*주황색*/
.c_bu { color:#093255;} /*남색*/
.c_gr { color:#067c28;} /*초록색*/
.c_bl { color:#131313;} /*검정*/
.c_red { color:#d70d11;} /*빨강*/
.fw4 { font-weight:400;} /*font-weight*/
.fw5 { font-weight:500;} /*font-weight*/


/* UL, OL, DL */
* html ul li {height:1%; }

ul.basic { margin-left:2px; margin-top:25px;}
ul.basic li {margin-bottom:4px;}
ul.basic > li {padding:0 0 0 12px; background:url("/layout/images/www/sub/ulli_bl.gif") no-repeat left 9px; text-align:justify;}

ul.basic ul {margin-top:10px;}
ul.basic ul li {padding:0 0 0 12px; background:url("/layout/images/www/sub/ulli_bl.gif") no-repeat left 7px;  text-align:justify; margin:3px 0 0; line-height:130%;}

ul.basic ul {margin-top:5px; margin-bottom:10px;}
ul.basic ul > li ul li {padding:0 0 0 12px; background:url("/layout/images/www/sub/ulli_bl.gif") no-repeat left 8px;  text-align:justify; margin:3px 0 0; line-height:130%;}

ol.basic { margin-top:25px;}
ol.basic li {margin-bottom:4px;}
ol.basic > li {padding: 0 0 10px 2px;margin: 15px 0 10px 20px;text-align:justify;list-style-type:decimal;border-bottom:1px dashed #c9c9c9;}

ol.basic ul {margin-top:25px;}
ol.basic ul > li {padding:0 0 0 8px; background:url("/layout/images/www/sub/ulli_bl.gif") no-repeat left 7px;  text-align:justify; margin:3px 0 0; line-height:130%;}

ol.basic ul {margin-top:20px;margin-bottom: 20px;}
ol.basic ul > li ul li {padding:0 0 0 8px; background:url("/layout/images/www/sub/ulli_bl.gif") no-repeat left 10px;  text-align:justify; margin:3px 0 0; line-height:130%;}


p.basic { clear:both; text-align:justify; padding:2px 0; margin:12px 0 0 0; }
p.line { clear:both; text-align:justify;  margin:12px 0 0 2px; padding:0 0 7px 12px; background:url("/layout/images/www/sub/ulli_bl.gif") no-repeat left 8px; border-bottom:1px dashed #c9c9c9;}


/*박스스타일*/
.bor_box1 {clear:both;padding:5px 5px;margin:25px 0 30px 0;color:#323232;position:relative;border:1px solid #e4e4e4;background:none;}
.bor_box1 .inbox {padding: 15px 10px;} 
.bor_box1 .inbox span.title {font-size: 17px; color:#b2111b;padding-left:0px;}
.bor_box1 .inbox p, .bor_box1 .inbox ul  {padding-left:0px;}
.bor_box1 .inbox ul {margin-top:0;}
.bor_box1 span.ico {display:none;}
.bor_box1 .align_right {text-align:left !important;}

.bor_box2 {border:1px dashed #d8d8d8;margin-top:13px;padding: 5px 7px 12px 7px;margin-bottom:10px;background-color:#f9f9f9;}
.bor_box2 .basic { margin-top:11px; }
.bor_box2 ul.basic li {line-height:20px;background-position:left 9px;padding: 0 0 0 9px;}
.bor_box2 ol.basic {padding-left:0; padding-right:10px;}

.bor_box3 { border:1px dashed #d8d8d8; margin-top:13px; padding:3px 17px 15px 18px; margin-bottom:10px; }
.bor_box3 .basic { margin-top:11px;}
.bor_box3 ul.basic li {line-height:20px; background-position:left 9px; padding:0 0 0 12px;}

/*기본버튼*/
#content a.btst { text-align:center; padding:9px 40px; color:#fff; display:inline-block; position:relative; transition: background-color .2s; webkit-transition:-webkit-transform background-color .2s; -moz-transition:-moz-transform background-color .2s; font-size:15px;}

#content a.btn1 {background-color: #0b3164;text-transform:uppercase;}
.btn1 span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out;}
.btn1:hover span { color:#fff;}
.btn1 .btn1hover1 { position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#3dbad3;   transform:scale(1,0); -webkit-transform:scale(1,0); -moz-transform:scale(1,0); -ms-transform:scale(1,0); transform-origin:center top; -webkit-transform-origin:center top; -moz-transform-origin:center top; -ms-transform-origin:center top; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out;}
.btn1:hover .btn1hover1 { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}

#content a.btn2 {border: 1px solid #0b3164;background-color:#fff;color: #0b3164;text-transform:uppercase;padding:8px 40px;}
.btn2 span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out;}
.btn2:hover span { color:#fff;}
.btn2 .btn2hover2 { position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#2e5eb2; border-right:1px solid #3e635c; transform:scale(1,0); -webkit-transform:scale(1,0); -moz-transform:scale(1,0); -ms-transform:scale(1,0); transform-origin:center top; -webkit-transform-origin:center top; -moz-transform-origin:center top; -ms-transform-origin:center top; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out;}
.btn2:hover .btn2hover2 { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}

#content a.btn3 {background-color: #b53940;}
#content a.btn3:hover { background-color:#2c2c2c;}


/*이미지정렬*/
ul.img_col2 { margin:20px 0 20px; width: 100%; display:inline-block;} /* 이미지 2개*/
ul.img_col2 li {display: inline-block; text-align: center; width: 49%; max-width:535px; float:left; }
ul.img_col2 li img { width:100%; height:auto; max-width:428px;}
ul.img_col2 li:first-child {margin-right: 2%;}

ul.img_col3 { margin:20px 0 20px; width: 100%; display:inline-block;} /* 이미지 3개*/
ul.img_col3 li {display: inline-block; text-align: center; width: 31.5%; margin-right:2.75%; float:left; }
ul.img_col3 li img { width:100%; height:auto; max-width:275px;}
ul.img_col3 li:last-child {margin-right:0;}

ul.img_col2 li { position:relative;}
ul.img_col2 li span.photo_name1 { display:block; width:100%; background: url("/dong/images/contents/op70.png") repeat 0 0; text-align:center; position:absolute; bottom:0px; height:45px; line-height:45px; color:#fff;}

ul.img_col3 li { position:relative;}
ul.img_col3 li span.photo_name1 { display:block; width:100%; background: url("/dong/images/contents/op70.png") repeat 0 0; text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}



/*좌우 이미지-텍스트 
----------------------------------------*/
.img_txt {clear:both; width:100%; display:inline-block;   margin-top: 70px;}
/*30%/70%*/
.img_txt .left30 { width:30%; float:left;}
.img_txt .right70 { float:left; width:66%; padding-left:4%;}

/*50%/50%*/
.img_txt .left50 { width:48%; float:left;}
.img_txt .right50 { float:left; width:48%; padding-left:4%;}

/*70%/30%*/
.img_txt .left70 { width:66%; float:left; padding-right:4%;}
.img_txt .right30 { float:left; width:30%; }



/*Table */
table.table_b {clear:both;width:100%;margin:20px 0 10px 0;border-top: 2px #344555 solid;border-bottom:1px #d2d2d2 solid;border-collapse:collapse;}
table.table_b th {background-color: #f6f6f6;padding: 3px;text-align:center;border-left:1px #d2d2d2 solid;border-bottom: 1px solid #344555;font-weight: 400;font-size: 14px;}
table.table_b th:first-child {border-left:0px;}
table.table_b td {padding: 7px;text-align:center;border-left:1px #d2d2d2 solid;border-top:1px #d2d2d2 solid;vertical-align:middle;}
table.table_b td:first-child {border-left:0px;}

table.table_b td ul { margin-bottom:9px; margin-top:8px;}
table.table_b td ul li {text-align:left;}

.box_basic{ padding:30px; border:1px solid #2c64ca; background-color:#eefaff; margin-top:30px;}

table.table_b tfoot td {background-color:#ececec;}
table.table_b td.btds {background-color:#4c5d78; color:#fff;}

table.table2 {clear:both;width:100%;margin:20px 0 10px 0;border-top: 2px #344555 solid;border-bottom:1px #d2d2d2 solid; border-collapse:collapse;}
table.table2 th {background-color: #f6f6f6;padding: 15px;text-align:center;border-left:1px #d2d2d2 solid;border-bottom: 1px solid #d2d2d2;font-weight: 400;font-size: 16px; vertical-align:middle;}
table.table2 td {padding:10px; text-align:center; border-left:1px #d2d2d2 solid;	border-top:1px #d2d2d2 solid; vertical-align:middle;}
table.table2 td ul {margin-top:0px;}
table.table2 th:first-child , table.table2 td:first-child {border-left:0px;}
.brn { border-right:none !important;}

/*--  th에 사이즈가 필요할시 사용 --*/
.table th.th_5 {width:5%;}
.table th.th_8 {width:8%;}
.table th.th_10 {width:10%;}
.table th.th_12 {width:12%;}
.table th.th_15 {width:15%;}
.table th.th_18 {width:18%;}
.table th.th_20 {width:20%;}
.table th.th_25 {width:25%;}
.table th.th_30 {width:30%;}
.table th.th_35 {width:35%;}
.table th.th_40 {width:40%;}
.table th.th_45 {width:45%;}
.table th.th_50 {width:50%;}

/*--  td에 사이즈가 필요할시 사용 --*/
.table td.td_5 {width:5%;}
.table td.td_10 {width:10%;}
.table td.td_20 {width:20%;}
.table td.td_30 {width:30%;}
.table td.td_40 {width:40%;}
.table td.td_50 {width:50%;}
.table td.td_60 {width:60%;}
.table td.td_70 {width:70%;}



/*인사말*/

.gre_list {background:none;}
.gre_list p.p_none {font-weight:500;}
.gre_list .gre_box {width:100%;margin-top:20px;}
.next {display:block;}


/*걸어온길*/

ul.history {width:100%;}
ul.history > li {margin: 10px 0px;f;/* font-size:13px; */}
ul.history > li span {display: block;width: 65px;height: 22px;background-color:#eaeaea;padding:3px 3px;line-height:22px;border-radius:3px;text-align:center;margin-right: 3px;font-weight:400;font-size: 13px;/* margin-top: 10px; */}


p.txt {margin-top:20px;}
.m_none {display:none;}
span.newin {color:#2e5eb2; font-weight:500; background:url("/layout/images/www/contents/newin.gif") no-repeat right 7px ; padding-right:7px; margin-right:5px; }


/*flicker일경우*/
.f_wrapper {
	padding:2px;	
	border-radius:10px;
	-webkit-border-radius:10px;
	width:100%;	
}
.f_wrapper .f_wrapper_inner {overflow:auto; overflow-style:marquee-line;}
.f_wrapper .touch {background:url("/layout/images/www/sub/ico_flicking.png") left top no-repeat; height:27px; background-size:contain;padding: 0 0 0 36px;line-height: 27px;display: inline-block;}
.f_scroller {display:block; height:100%; padding:4px; width:700px; background-color:#fff; text-align:left; margin-top:10px;}

/*photo 클래스일경우*/
.caption{ font-size:13px;display:block; border:1px solid #d8d8d8; background-color:#f5f7f8; margin-top:13px; padding:3px 10px 10px 10px; margin-bottom:8px;  }
.caption em{ display:block; color:#093255; font-style:normal}