@charset "utf-8";
@import "common.css";
@import "layoutCenter3G.css";

/* common */
body > nav, .slideBack {background-color:#1D2A32;}
body > nav ul li a:link,
body > nav ul li a:visited {color:#FFF;}
body > nav ul li a:hover {color:#FFA310;}
footer {background-color:#666;}

#headerWrap{width:100%; border-bottom:1px solid #2f3c88;}
#headerWrap .top{width:100%; height:30px; background-color:#eee;}
#headerWrap .top .topTxt{width:1200px; margin:0 auto; font-size:15px; color:#888; line-height:30px; letter-spacing:0.025em;text-align:right;}

.topLogo {display:inline-block; width:450px; height:100px; background:url('/pc01/images/ci.png') no-repeat; text-indent:-9999em;}
.topLogoL {width:80px; height:100px; background:url('/pc01/images/logo_l.jpg') no-repeat; text-indent:-9999em;}
.topLogoR {width:80px; height:100px; background:url('/pc01/images/logo_r.jpg') no-repeat; background-position:right;}
.slideBack {display:none; position:absolute; width:100%; height:175px; z-index:97; opacity:0.8;}
.subTitle {margin-bottom:.5em; padding-right:.4em; text-align:right;}
.titlebg {height:250px; background:url('/pc01/images/sub_img.jpg') 50% 0 no-repeat;}


/* 메인페이지 */
#mainBanner {height:618px; text-align:center;}
#mainBanner ul {margin:0 auto; padding-top:368px;}
#mainBanner ul li {display:inline-block; width:400px; height:250px; margin-right:-5px; color:#FFF; font-size:1.250em; letter-spacing:-.05em;}
#mainBanner ul li h3 {margin:4.6em 0 .2em; font-size:2.000em;}
#mainBanner ul li:nth-of-type(1) {background:url('/pc01/images/main_icon01.png') 50% 25% no-repeat #294da9;}
#mainBanner ul li:nth-of-type(2) {background:url('/pc01/images/main_icon02.png') 50% 25% no-repeat #3B4D5B;}
#mainBanner ul li:nth-of-type(3) {background:url('/pc01/images/main_icon03.png') 50% 25% no-repeat #B2BCC6;}

#main01 {text-align:center; margin-top:3em;}
#main01 dl dd {display:inline-block; width:29.5%; margin:.4em; padding:1em; vertical-align:top; text-align:left;}
#main01 dl dd h3 {border-bottom:1px solid #BBB; color:#9999B2; padding-bottom:.2em; margin-bottom:.5em;}
#main01 dl dd h3 b {font-size:1.667em; padding:0 .2em .5em 0;}
#main01 dl dd h3 a {color:#9999B2;}
#main01 dl dd:nth-of-type(1) h3 b {color:#CC080A;}
#main01 dl dd:nth-of-type(2) h3 b {color:#3B4D5B;}
#main01 dl dd:nth-of-type(3) h3 b {color:#B2BCC6;}

.ntc001Wrap .list li {font-size:1.083em;} /* 게시물 추출 */

#main02 {margin-top:1em;}
#main02 dl dd {display:inline-block; margin:.4em; padding-left:1em;}
#main02 dl dd h3 {color:#9999B2;}
#main02 dl dd h3 b {font-size:1.667em; padding:0 .2em .5em 0; color:#3B4B58;}
#main02 dl dd h3 a {color:#9999B2;}

#main03 {height:280px; margin:4em 0; text-align:center; color:#364B5C; background:url('/pc01/images/center_bg.jpg') no-repeat;}
#main03 h3 {padding-top:1.5em; font-size:2.833em;}
#main03 p:first-of-type {padding-bottom:.2em; font-size:3.000em; font-weight:bold; letter-spacing:-.05em; color:#CB0B0A;}
#main03 p:first-of-type a {color:#CB0B0A;}
#main03 p:not(:first-of-type) {font-size:1.250em;}


/* 서브페이지 */
main > section > article {min-height:155px;}


/* HISTORY */
.historyBox{padding:20px; overflow:hidden;}
.historyBox:after{display:block; content:""; clear:both;}
.historyBox.gray{background:#f8f8f8;}
.historyBox .year{display:inline-block; float:none; width:78px; padding-bottom:5px; font-size:24px; color:#5e6db0; font-weight:600;}
.historyBox ul{margin-top:-32px; padding-left:78px;}
.historyBox ul li{float:left; width:662px; font-size:14px; line-height:2;}
.historyBox ul li:after{display:block; content:""; clear:both;}
.historyBox em{float:left; font-style:normal; vertical-align:top;}
.historyBox ul li div{display:inline-block; float:left; margin-left:10px; padding-left:10px; border-left:1px solid #e5e5e5;}


.pc_group1{background:none;}
.pc_group1 .g2{margin-top:10px;}
.pc_group1 .g3{text-align:center;height:100%;}
.pc_group1 .g3 .g3_1{display:inline-block;position:static;margin-top:10px;}
.pc_group1 .g3 .g3_2{display:inline-block;position:static;margin-top:10px;}
.pc_group1 .g3 .g3_3{display:inline-block;position:static;margin-top:10px;}
.pc_group1 .g4{text-align:center;}
.pc_group1 .g4 > .g4_m1{float:none;display:inline-block;margin-top:10px;vertical-align:top;}
.pc_group2{background:none;}
.pc_group2 > .g4{text-align:center;}
.pc_group2 > .g4 > .g4_m2{float:none;display:inline-block;margin-top:10px;vertical-align:top;}
.s5_295_group3{background:none;}

.pc_group1{background:url(/pc01/images/oz/L0w.png) no-repeat left 15px;margin-top:30px;}
.pc_group1 .g0{margin-top:15px;}
.pc_group1 .g2{margin-top:30px;}
.pc_group1 .g3{position:relative;height:194px;}
.pc_group1 .g3 .g3_1{position:absolute;top:20px;left:555px;}
.pc_group1 .g3 .g3_2{position:absolute;top:62px;left:555px;}
.pc_group1 .g3 .g3_3{position:absolute;top:105px;left:555px;}
.pc_group1 .g3 .g3_4{position:absolute;top:148px;left:555px;}
.g4_m1{float:left;margin:0 4px;border:1px solid #d0d0d0;width:125px;height:200px;}
.g4_m1 dt{background-color:#ececec;text-align:center;padding:7px 0;margin-bottom:5px;}
.g4_m1 dt > a{font-size:13px;color:#383838;}
.g4_m1 dd{text-align:center;padding:5px 0;}
.g4_m1 dd > a{font-size:13px;color:#767676;}
.g4_m1 dd > a:hover{text-decoration:underline;}

.pc_group2{background:url(/pc01/images/oz/s5_295_21.gif) no-repeat left 32px;margin-top:50px;}
.pc_group2 > .g4{margin-top:44px;}
.g4_m2{float:left;margin:0 5px;border:1px solid #d0d0d0;width:190px;height:200px;}
.g4_m2 dt{background-color:#ececec;text-align:center;padding:7px 0;margin-bottom:5px;}
.g4_m2 dt > a{font-size:13px;color:#383838;}
.g4_m2 dd{text-align:center;padding:5px 0;}
.g4_m2 dd > a{font-size:13px;color:#767676;}
.g4_m2 dd > a:hover{text-decoration:underline;}

.s5_295_group3{margin-top:50px;background:url(/resources/pt/images/sub05/s5_295_24_bg.gif) no-repeat left 25px;}
.s5_295_group3 > .g2{text-align:center;margin-top:20px;}
.s5_295_group3 > .g2 > a{display:inline-block;width:121px;border:1px solid #d0d0d0;background-color:#ececec;padding:8px 0;font-size:13px;font-weight:bold;margin:0 5px 10px;}
	
.txt_cn{text-align:center !important; margin-bottom:30px;}




.h4tit1 {background:url('/pc01/images/oz/dot_tit.png') left top no-repeat;padding-left:15px; font-size:18px; line-height:18px; margin-bottom:20px;}
.sub_content_cont_rt_cont input{vertical-align:middle;}
.sub_content_cont_rt_cont select{vertical-align:middle;}
.sub_content_cont_rt_cont img{vertical-align:middle;/*width:115px;height:30px;border:1px solid #ccc*/}
.sub_content_cont_rt_cont{font-size:12px;}

.sub_content_cont_rt_cont{padding-top:10px;padding-bottom:40px;}


.main_sns_wrap{position:absolute; right:50%; top:398px; margin-right:-600px; z-index:999;  font-size:0; }
.main_sns_wrap span{margin-left:10px; }

.sub_content_cont_rt_cont h1{font-size:18px;font-weight:bold;color:#323232;background:url('../images/common/h1_ico.gif') no-repeat 0px 3px;padding-left:15px;}
.sub_content_cont_rt_cont h1 span{font-size:18px;}

.table_style1{border-top:2px solid #5c6e94;}
.table_style1 th{background:#d2dfe5;border-right:1px solid #b4b4b4;border-bottom:1px solid #b4b4b4;padding:10px 0;font-size:14px;color:#333333;}
.table_style1 td{border-right:1px solid #b4b4b4;border-bottom:1px solid #b4b4b4;padding:10px 0;font-size:14px;color:#767676;text-align:center;line-height:20px; vertical-align:middle;}
.table_style1 .td_lf{text-align:left;padding-left:10px;padding-right:10px;}
.table_style1 .first_b{border-left:1px solid #b4b4b4;}
.table_style1 .last{border-right:0;}
.table_style1 .td_color{background:#f2fafc;}
.table_style1 tfoot th{background:#f2fafc;font-size:15px;color:#016db6;}
.table_style1 tfoot th.thick{background:#d2dfe5;}
.table_style1 tfoot td{font-size:15px;font-weight:bold;color:#016db6;}
.table_style1 label{font-size:14px;color:#5f5e5e;}
.table_style1 input[type="text"]{height:24px;line-height:24px;background:#fcfcfc;border:1px solid #e7e7e7;}
.table_style1 input[type="file"]{width:245px;height:24px;line-height:24px;background:#fcfcfc;margin-right:10px;}
.table_style1 select{height:26px;background:#fcfcfc;border:1px solid #e7e7e7;}
.table_style1 input.ipt65{width:65px;}
.table_style1 input.ipt50p{width:50%;}
.table_style1 input.ipt40p{width:40%;}
.table_style1 select.sele365{width:365px;}
.table_style1 select.sele135{width:135px;}
.table_style1 select.sele90{width:90px;}
.table_style1 select.sele50p{width:50%;}

.mtp20{margin-top:20px !important;}
.mtp40{margin-top:40px !important;}