.sub_vis01{width:100%; height: 150px; background-image: url('/html/images/sub/sub_vis/sub_vis01.jpg')} .sub_vis02{width:100%; height: 150px; background-image: url('/html/images/sub/sub_vis/sub_vis02.jpg')} .sub_vis03{width:100%; height: 150px; background-image: url('/html/images/sub/sub_vis/sub_vis03.jpg')} .sub_vis04{width:100%; height: 150px; background-image: url('/html/images/sub/sub_vis/sub_vis04.jpg')} .sub_vis05{width:100%; height: 150px; background-image: url('/html/images/sub/sub_vis/sub_vis05.jpg')} #sub_vis ul{width: 1100px; height: 50px; margin: 0 auto; padding: 50px 0; } #sub_vis ul li{font-size: 20px; font-weight: 300; text-align: center; line-height: 150%;} #sub_vis ul li span{color: #026fb5;} #nav_left{width: 220px; height: auto; overflow: hidden; float: left;} #nav_left .nav_left_tit{width: 220px; height: 100px; background: #026fb5;} #nav_left .nav_left_tit ul{padding: 30px 20px 20px 20px;} #nav_left .nav_left_tit ul li{font-size: 24px; font-weight: 500; color: #fff;} #nav_left .nav_left_tit ul li span{font-size: 12px; font-weight: normal; color: #fff; letter-spacing: 1px;} #nav_left .nav_left_menu{float: left;} #nav_left .nav_left_menu ul {list-style-type: none; margin: 0; padding: 0; width: 220px; background-color: #f1f1f1;} #nav_left .nav_left_menu ul li a {font-size: .9em; display: block; padding: 13px 16px; text-decoration: none;} #nav_left .nav_left_menu ul li a.active {background-color: #014e7f; color: #fff;} #nav_left .nav_left_menu ul li a:hover:not(.active) {background-color: #555; color: #fff;} #nav_left .nav_left_ban{padding: 10px 20px; width: 178px; height: 108px; border: 1px solid #c1c1c1; float: left; margin-top: 20px; text-align: center;} #nav_left .nav_left_ban p{line-height: 150%; text-align: center;font-size: 11pt;} #top_arrow {margin: auto;} #top_arrow .top {position: fixed; left: 82%; bottom: 250px; display: none;} #sub_con_wrap .sub_con_txt{width: 800px; height: auto; overflow: hidden; min-height: 500px; margin: 30px auto; padding: 0 15px;} #sub_con_wrap .sub_con_txt h1{font-family: 'NanumSquare',sans-serif; font-size: 26px; font-weight: 500; line-height: 190%; text-align: left;} #sub_con_wrap .sub_con_txt h1 span{color: #026fb5;} #sub_con_wrap .sub_con_txt h2{font-family: 'NanumSquare',sans-serif; font-size: 22px; font-weight: 500; line-height: 190%; text-align: left; margin-top: 30px; background-image: url('/html/images/sub/page02/dot.png'); background-repeat: no-repeat; /*padding-left: 33px;*/} #sub_con_wrap .sub_con_txt h2 span{color: #026fb5;} #sub_con_wrap .sub_con_txt h3{font-family: 'NanumSquare',sans-serif; font-size: 18px; font-weight: 500; line-height: 190%; text-align: left; background-image: url('/html/images/sub/page02/dot.png'); background-repeat: no-repeat; /*padding-left: 33px;*/} #sub_con_wrap .sub_con_txt h3 span{color: #026fb5;} #sub_con_wrap .sub_con_txt p{font-size: 1em; /*margin-left: 33px;*/ line-height: 2;} #sub_con_wrap .sub_con_tit{height: 90px; padding-top: 10px; background-image: url('/html/images/sub/common/bg_tit.png'); background-repeat: no-repeat;} #sub_con_wrap .sub_con_tit ul li{font-family: 'NanumSquare', sans-serif; font-size: 32px; font-weight: 500;} #sub_con_wrap .sub_con_tit ul li.location{font-family: 'Nanum Gothic','나눔고딕',sans-serif; font-size: 14px; color: #666; margin-top: 12px; background-image: url('/html/images/sub/common/ico_home.png'); background-repeat: no-repeat; padding-left: 20px;} #sub_con_wrap .sub_con_tit ul li span{margin: 0 12px;} .sub0103_box{width:770px; margin:30px auto 0; padding: 0 15px 30px 15px; border-bottom:1px dotted #999;} .sub0103_box:after {clear: both; display: block; content: "";} .sub0103_left01 {float:left; width:100px; text-align:left; font-size:27px; color:#026fb5; font-weight: 600;} .sub0103_left02 {float:left; width:660px;} .left02_m {float:left; text-align:right; width:60px; font-size:24px; font-weight: 600;} .left02_t {float:left; text-align:left; margin-left:20px; line-height:26px;} .ml {margin-left:100px; margin-top:45px;} /* sub01_05 */ .sub01_05{position:relative; overflow:hidden; width:800px; height:660px; background:url('/html/images/sub/page01/0105_01.jpg')no-repeat;} .sub01_05 .leader h4{left:360px; top:95px; display:none; position:absolute;} .sub01_05 .network{display:none; position:absolute;} .sub01_05 .team{display:none; position:absolute;} .sub01_05 .division{display:none; position:absolute;} .sub0201_box{width: 770px; height: 82px; padding: 30px 15px; border-bottom: 1px dotted #999;} .sub0201_box .ico{width: 82px; height: 82px; border-radius: 50%; background: #95a5a5; float: left;} .sub0201_box .ico img{top: 50%; left: 50%;} .sub0201_box .sub0201_r{margin-left: 110px;} .sub0201_box .sub0201_r li.tit{font-size: 18px; font-weight: 600; color: #014e7f; margin-bottom: 12px;} /* sub02_04 */ .sub02_04 .stage_text{width: 800px; height: 226px;border-bottom: 1px dotted #999; margin-top:20px;} .stage_text p{padding-bottom:10px;} .stage_text p span.stage{padding:3px 11px; background:#026fb5; color:#fff; font-weight:bold; font-size:16px; margin-right:20px;} .sub02_04_img{margin-top:20px;} .security{margin-top:40px;} .security dl{float:left; width:175px; height:75px; display:block; padding-left:85px; margin-right:10px; margin-bottom:20px;} .security dl:nth-child(3n){margin-right:0;} .security dl dt{font-weight:bold; font-size:18px; color:#014e7f;} .security dl dd{font-size:14px; letter-spacing:-1.7px; width:175px; padding:5px 0px; font-weight:bold; color:#353535;} .security dl dd span.small{font-size:12px; margin-top:5px; font-weight:normal; display:inline-block; color:#ff5400;} .security dl:first-child dt{font-size:20px; color:#353535; padding:23px 0;} .security dl.step1{background:url('/html/images/sub/page02/0204_01.png')no-repeat;} .security dl.step2{background:url('/html/images/sub/page02/0204_02.png')no-repeat;} .security dl.step3{background:url('/html/images/sub/page02/0204_03.png')no-repeat;} .security dl.step4{background:url('/html/images/sub/page02/0204_04.png')no-repeat;} .security dl.step5{background:url('/html/images/sub/page02/0204_05.png')no-repeat;} .security dl.step6{background:url('/html/images/sub/page02/0204_06.png')no-repeat;} .direction{margin-left: 35px;} table{border-collapse: collapse;} table.tbl0205{ width: 100%; height: auto; overflow: hidden; border-top: 3px solid #026fb5; border-bottom: 3px solid #026fb5; vertical-align: top; margin-top: 10px;} table.tbl0205 tbody tr th{width: 20%; height: 70px; text-align: center; vertical-align: middle; border-right: 1px dotted #d8d8d8; border-bottom: 1px dotted #d8d8d8; background-color:rgba(2, 111, 181, 0.1); font-weight: 600;} table.tbl0205 tbody tr td{ font-size: 14px; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; background: #fff; padding: 10px 15px; vertical-align: middle; line-height: 150%;} table.tbl0205 tbody tr td:last-child{ border-right: 0px solid #eee; } table.tbl0302{ width: 100%; height: auto; overflow: hidden; border-top: 3px solid #026fb5; border-bottom: 3px solid #026fb5; vertical-align: top; margin-top: 20px;} table.tbl0302 thead th{height: 42px; border-bottom: 1px solid #d8d8d8; text-align: center; vertical-align: middle; background-color:rgba(2, 111, 181, 0.1); font-weight: 600;} table.tbl0302 tbody tr th{text-align: center; font-weight: 600;vertical-align: middle; border-bottom: 1px dotted #d8d8d8; border-right: 1px dotted #d8d8d8;} table.tbl0302 tbody tr td{ font-size: 14px; border-bottom: 1px dotted #d8d8d8; border-right: 1px dotted #d8d8d8; background: #fff; padding: 10px 15px; vertical-align: top; line-height: 150%;} table.tbl0302 tbody tr td:last-child{ border-right: 0px solid #eee; } .contents-block {position: relative; margin-top: 50px; } .contents-block .overflow-box { height: 120px; background: #f5f5f5; border: 1px solid #d8ddde; overflow-x: hidden; overflow-y: scroll; padding: 15px; font-size: 12px; } .contents-block .overflow-box section, article{display: block;} .pop-layer h3{ font-size: 18px; font-weight: 700; color: #026fb5; text-align: left; margin-bottom: 13px; } .btns-icon { display: inline-block; padding: 0 15px; line-height: 38px; height: 38px; color: #fff; border: solid 1px #0b5aa0; background: #026fb5; font-size: 15px; font-weight: 400; min-width: 45px; text-align: center; } .btns-icon.gray{ background: #666; border: 1px solid #666 } .pop-layer {display: none;position: absolute; top: 50%;left: 50%;width: 410px;height: auto; margin: -50px 0 0 -50px; background-color: #fff;border: 5px solid #026fb5;z-index: 10; padding: 20px 25px;color: #666;line-height: 25px; font-size: 11px; text-align: left;} table.tbl0501{width: 100%;border-collapse: collapse;} table.tbl0501 th.title {width: 30%; border-top:1px solid #d8ddde; padding:11px 8px 11px 25px; color:#000; font-size:13px; font-weight:500; text-align: left;} table.tbl0501 td {width: 70%;border-top:1px solid #d8ddde; padding:10px 0; color:#848484; font-size:13px; text-align: left;} .pop-layer .btn-r {width: 100%; margin: 10px auto; text-align: center;} table.tbl0502{ width: 100%; height: auto; overflow: hidden; border-top: 3px solid #026fb5; border-bottom: 3px solid #026fb5; vertical-align: top; margin-top: 20px;} table.tbl0502 thead tr th{height: 42px; border-bottom: 1px solid #d8d8d8; font-size: .9em; text-align: center; vertical-align: middle; background-color:rgba(2, 111, 181, 0.1); font-weight: 600; border: 1px solid #e8e8e8;} table.tbl0502 tbody tr td{ font-size: .8em; border-bottom: 1px dotted #d8d8d8; border-right: 1px dotted #d8d8d8; background: #fff; padding: 10px 15px; vertical-align: top; line-height: 150%; text-align: center;} table.tbl0502 tbody tr td:last-child{ border-right: 0px solid #eee; } table.tbl0502_01{width: 100%; height: auto; overflow: hidden; border-top: 3px solid #026fb5; border-bottom: 3px solid #026fb5; vertical-align: top; margin-top: 20px;} table.tbl0502_01 tbody tr th{font-size: .9em; text-align: center; font-weight: 600;vertical-align: middle; border: 1px solid #d8d8d8; background-color:rgba(2, 111, 181, 0.1);} table.tbl0502_01 tbody tr td{font-size: .8em; border-bottom: 1px dotted #d8d8d8; border-right: 1px dotted #d8d8d8; background: #fff; padding: 10px 15px; vertical-align: top; line-height: 150%; text-align: center;} table.tbl0502_01 tbody tr td:last-child{ border-right: 0px solid #eee; } #memberFrm {padding: 20px 30px; border:1px solid #d8ddde; margin-top: 20px;} #memberFrm .memberboxStyle {table-layout:fixed; width:100%;} #memberFrm .memberboxStyle tr:first-child th, #memberFrm .memberboxStyle tr:first-child td {border-top:0;} #memberFrm .memberboxStyle tr.line_none th, #memberFrm .memberboxStyle tr.line_none td {padding-top:0; border-top:0;} #memberFrm .memberboxStyle th.title {border-top:1px solid #d8ddde; padding:11px 8px; color:#000; font-size:13px; font-weight:500; text-align: left;} #memberFrm .memberboxStyle th span{color: #fe0000; margin-right: 5px;} #memberFrm .memberboxStyle td {border-top:1px solid #d8ddde; padding:10px 0; color:#848484; font-size:13px; text-align: left;} #memberFrm .memberboxStyle td .MS_input_txt {width:325px; height:27px; padding:0 5px; border:1px solid #c7c5c5; background:#fff; color:#000; font-size:12px; font-weight:300; text-align:left; line-height:27px;} #memberFrm .memberboxStyle td .MS_input_txt_2 {width:150px; height:27px; padding:0 5px; border:1px solid #c7c5c5; background:#fff; color:#000; font-size:12px; font-weight:300; text-align:left; line-height:27px;} #memberFrm .memberboxStyle td .MS_input_tel {width:71px; height:27px; padding:0 5px; border:1px solid #c7c5c5; background:#fff; color:#000; font-size:12px; font-weight:300; text-align:left; line-height:27px;} #memberFrm .memberboxStyle td .input_zip {width:90px;} #memberFrm .memberboxStyle td .btn_chk {display:inline-block; *display:inline; *zoom:1; height:29px; padding:0 10px; background:#333; color:#fff; font-size:13px; font-weight:300; text-align:center; line-height:29px; vertical-align:middle;} #memberFrm .memberboxStyle td .btn_chk2 {display:inline-block; *display:inline; *zoom:1; height:27px; margin-left:5px; padding:0 10px; border:1px solid #c5c5c5; background:#fff; color:#333; font-size:13px; font-weight:300; text-align:center; line-height:27px; vertical-align:middle;} #memberFrm .memberboxStyle td .MS_select {height:29px;} #memberFrm .memberboxStyle td.birth .MS_birthday {width:80px; margin:0 5px;} #memberFrm .memberboxStyle td.birth .MS_birthday:first-child {margin-left:0;} #memberFrm .memberboxStyle td.birth .MS_radio {margin:0 5px 0 20px;} #memberFrm span.span1 {padding-left:5px; color: #848484; font-size:11px; font-weight:100;position: relative;} .warning1{font-size: .9em; text-align: left; padding-top: 10px; color: #666; background-image: url('/html/images/sub/page02/dot.png'); background-repeat: no-repeat; /*padding-left: 33px;*/}} .warning1 span{color: #fe0000; font-size: .9em; margin-right: 5px;} /* sub02_02 */ .gallery-board-list-area #tab_me ul.tabs li {display: inline-block; background-color: #f1f1f1; border-bottom: solid 5px #555; padding: 12px 39px; cursor: pointer; text-align: center;} .sub02_02_list > li{float:left; border:1px solid #b9b9b9; margin:0 10px 10px 0;} .sub02_02_list > li:nth-child(4n){margin-right:0;} .sub_title{width:184px;} .sub_title .subject{font-size:12px; letter-spacing:-1px; line-height:30px; border-bottom:1px solid #b9b9b9; border-top:1px solid #b9b9b9;} .text_title{width:35px; text-align:center; font-weight:normal; float:left; border-right:1px solid #b9b9b9;} .text_name{width:147px; text-align:center; display:inline-block; font-weight:bold;} .download{width:164px; background:#15578d; text-align:center; border-radius:5px; margin:10px auto;} .download .down_btn{width:100%; font-size:12px; color:#fff; line-height:30px; font-weight:normal; display:inline-block;} /*sub0106*/ .clearfix:after {visibility: hidden; display: block; content: ""; clear: both; height: 0; } #tab_me{width: 100%; margin: 0 0 20px 0; float: left;} #tab_me ul.tabs {list-style-type: none; padding: 0;} #tab_me ul.tabs li {display: inline-block; background-color: #f1f1f1; border-bottom: solid 5px #555; padding: 12px 27px; cursor: pointer; text-align: center;} #tab_me ul.tabs li:hover {color: #fff; background-color: #026fb5; } #tab_me ul.tabs li.active{color: #fff; background-color: #026fb5; border-bottom: 5px solid #014e7f;} #tab_con{width: 100%; float: left;} #tab_con ul.tab {list-style-type: none; margin: 0; padding: 0; } #tab_con ul.tab li{width: 100%; height: auto; overflow: hidden; display: none; margin: 0; padding: 0;} #tab_con ul.tab li.active{display: block; } #tab_con ul.tab li h2{margin-bottom: 30px; padding-bottom: 5px; border-bottom: solid 5px #026fb5; } .board-search-area fieldset{width:800px; margin:0 auto;} .tab_box{width: 194px; height: 198px; border: 1px solid #ddd; float: left; margin: 0 4px 4px 0;} .mar_n{margin-right: 0;} input[type=checkbox] + label{display: inline-block; cursor: pointer; position: relative; padding-left: 7px; font-size: 13px;margin-top: 10px;} .btn_area{width: 100%; height: 40px; margin-top: 40px; text-align: center;}