@charset "utf-8";
/* CSS Document */
#contents-wrap {border-top:1px solid #d2d2d2;}
#sub-img {width:100%; height:170px; background-image:url('../images/sub/sub_bg.jpg'); background-repeat:no-repeat; background-position:center top; text-align:center; border-bottom:1px solid #d2d2d2; padding-top:45px;}
#sub-img h2 {color:#fff; text-align:center; line-height:120px; font-size:40px; margin:0; font-weight:bold;}
#sub-wrap {width:980px;display:flex;  margin:0px auto; min-height:450px; font-family:"Noto Sans KR"; font-size:14px; color:#666;}
#sub-wrap::after {content:""; display:block; width:100%; height:1px; clear:both;}
.sub-left {width:200px; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}
.sub_left .bord {border:2px solid #eaeaea; background:url(../images/sub/sub_bottom.gif) no-repeat bottom right;}
.sub-right {position:relative; width:720px; z-index:20; padding:20px 0px 40px 0; min-height:500px; margin-top:0px; margin-left:60px;}
.sub_left .gap { margin-bottom:115px;}
.sub-right .box {padding:20px 30px; border:2px solid #3e91ce; font-size:16px; line-height:25px; color:#3e91ce !important; font-weight:bold; background:#f3f8fc;}
.sub-right .box1 {padding:15px 25px; border:2px solid #cccccc; font-size:14px; line-height:25px; font-weight:bold; background:#fafafa;}
.sub-right .box2 {padding:15px 25px; border:1px solid #ccc; }
.sub-right ul, .sub-right ol {padding:0;}

.sub-left h2 {color:#fff; width:200px; padding:0 10px; display:table; font-weight:bold; font-size:24px; margin:-150px auto 0 auto; text-align:center;}
.sub-left h2 span {display:table-cell; width:180px; height:180px; background:#494949; border-radius:50%; word-break:keep-all; vertical-align:middle;}
#left-menu {}
#left-menu ul {margin:20px 0 0 0; padding:0; border-top:1px solid #dbe0ef;}
#left-menu ul li {list-style:none; position:relative;}
#left-menu ul li a {width:100%; height:auto; line-height:130%; font-size:16px; font-weight:bold; display:block; padding:10px 20px; word-break:keep-all;}
#left-menu ul li a span {display:inline-block;}
#left-menu ul li a span::after {content:""; height:2px; display:block;}
#left-menu ul li a[target="blank"]::after {background:url("../images/sub/icon_nw.png") no-repeat center center; content:""; display:inline-block; width:17px; height:10px;}
#left-menu ul li a:hover[target="blank"]::after {background-image:url("../images/sub/icon_nw_ov.png");}
#left-menu ul li ul {width:100%; margin-top:0; border-top:0;}
#left-menu ul li ul li {float:none; width:100% !important; border:none; border-bottom:1px solid #dbe0ef;}
#left-menu ul li ul li a {font-size:14px; font-weight:normal;}
#left-menu ul li li a:hover {color:#1272BE; text-decoration:none;}
#left-menu ul li li.active a {color:#1272BE; text-decoration:none; font-weight:bold;}
#left-menu ul li:hover ul {display:block;}
#left-menu ul.ssmenu {border-bottom:0px solid #dbe0ef; padding:10px 0; background-color:#f8f8f8;}
#left-menu ul.ssmenu li {border-bottom:0;}
#left-menu ul.ssmenu li a {font-size:13px; padding:5px 35px; color:#666 !important; font-weight:normal !important; display:block; position:relative;}
#left-menu ul.ssmenu li a::before {content:"-" ; font-weight:normal !important; display:inline-block; padding-right:5px; position:absolute; left:25px; top:4px;}
#left-menu ul.ssmenu li.active a {color:#333 !important; font-weight:bold !important;}
.sub-body ul, .sub-body li {list-style:none;}
.sub-body caption {display:none;}
.sub-body h3 {text-align:left; margin:30px 0; font-size:30px; font-weight:bold; color:#333;}
#sub-content {}
#sub_navi {width:720px; line-height:110%; text-align:right; font-size:13px; color:#7e7e7e; line-height:13px;}
#sub_navi a {color:#898989; text-decoration:none; font-weight:normal;}
#sub_navi ul {overflow:hidden;}
#sub_navi ul li {display:inline-block;}
#sub_navi ul li::before {content:">"; font-weight:normal !important; padding:0 6px;}
#sub_navi ul li:first-child::before {display:none;}
#sub_navi ul li:last-child {font-weight:bold;}

.menu-tab {overflow:hidden; display:flex; margin-bottom:20px;}
.menu-tab li {flex:1; text-align:center;}
.menu-tab li a {display:block; border:1px solid #ddd; background-color:#f5f5f5; height:45px; line-height:45px; font-size:14px;}
.menu-tab li a:hover {background-color:#fff;}
.menu-tab li.active a {border:1px solid #4090CE; background-color:#4090CE; color:#fff; font-weight:bold; cursor:default;}

/* heading */
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h4 {color:#121212; font-size:18px; margin-top:30px; margin-bottom:10px; font-weight:bold;}
h4.main_latest{height:28px;border-bottom:1px solid #e3e3e3}
h4.icon{padding-left:15px;background:url(./images/common/icon_h4.gif) no-repeat left top;font-size:14px;font-weight:bold;color:#444;padding:0px;margin:0px;padding-left:15px;}
h4.icon2{padding-left:15px;background:url(./images/common/icon_h4.gif) no-repeat left center;font-size:14px; font-weight:bold; color:#444; line-height:42px; height:42px;}
h4.icon2 img {vertical-align:middle; margin-top:-13px;}
h4.no_icon{margin:0;font-size:14px;color:#444}
h5 {margin:20px 0 11px 0;font-size:16px;font-weight:bold;color:#1f62c9;letter-spacing:-1px;}
h5.icon{padding-left:10px;background:url(./images/common/icon_h5.gif) no-repeat left 4px;font-size:12px;font-weight:normal;color:#710d19}
h5.basic{font-size:12px;font-weight:normal;line-height:130%;color:#9d1a2b}
h5.big{font-size:14px;font-weight:normal;line-height:130%;color:#9d1a2b;text-align:justify}
h5.list{font-size:12px;font-weight:bold;line-height:130%;color:#444}
h6 {margin:20px 0 11px 0;font-size:14px;font-weight:bold;letter-spacing:-1px;}


/* layout */
#bottom{width:100%;height:100px;background:#f2f2f2}
p {margin-bottom:0;}

/* ul */
ul.basic {margin:0;padding:5px 0 0 15px;list-style:none;}
ul.basic li{padding-left:13px;background:url('../images/sub/icon_basic.gif') no-repeat left 8px;line-height:160%; margin-top:10px;}

ul.style_no {margin:0;padding:5px 0 0 16px;list-style:none; padding-bottom:20px;}
ul.style_no li{padding-left:0;background-image:none;}

ul.nolist {margin:0;padding:5px 0 20px 0px;list-style:none;}
ul.nolist li {padding-left:13px; background:none !important; line-height:160%; margin-top:10px; text-indent:-10px}

ul.decimal{margin-top:10px;line-height:160%;list-style:decimal;}

ul.basic_dot {margin:0;padding:0;list-style:none;}
ul.basic_dot li{padding-left:13px;background:url('../images/sub/icon_dot.gif') no-repeat left 6px;line-height:160%}

/* margin */

.mp0 {margin:0; padding:0;}
.mt0{margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb30 {margin-bottom:30px  !important;}
.mr5 {margin-right:5px  !important;}
.mr30 {margin-right:30px  !important;}
.ml30 {margin-left:30px  !important;}
.smr {margin-right:42px !important;}

/* padding */
.p10{padding:10px !important;}
.p20{padding:20px !important;}
.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pl1{padding-left:1px !important;}
.pl5{padding-left:6px !important;}
.pl6{padding-left:6px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}

/* align */
.t_left {text-align:left !important;}
.t_right {text-align:right !important;}
.t_center {text-align:center !important;}
.t_justify {text-align:justify}
.left, .f_left {float:left}
.right, .f_right {float:right}
.both, .c_both {clear:both}
.first_letter {margin-left:-10px;}
.f_weight {font-weight:bold;}
.f_white {color:#FFFFFF;}

/* common */
.button {font-size:12px; background:#777; color:#fff !important; padding:6px 12px; cursor:pointer; border:0; margin:0;}
.button2 {font-size:12px; background:#777; color:#fff !important; padding:3px 7px; cursor:pointer; border:0; margin:0;}
.button:hover, .button:focus, .b_btn:active {color:#fff; background:#224099 !important;}
.bg_green {background:#e9f2df;}
input.input, select {border:1px solid #ddd; border-radius:4px; color:#555; padding:0 12px; height:34px; line-height:34px;}

/*  */
a:link,a:visited,a:active {color:#666; text-decoration:none}
a:hover {color:#2f88ca;}

img{border:0}
img.top{vertical-align:top}
img.middle{vertical-align:middle}
img.bottom{vertical-align:bottom}


/* align */
.t_left{text-align:left}
.t_right{text-align:right}
.t_center{text-align:center}
.t_justify{text-align:justify}
.left{float:left}
.right{float:right}
.both{clear:both}

.mout{background-color:#FFF;color:#333}
.mover{background-color:#FFFFAF;color:#000}

.outlogin{width:100px;height:18px;border:1px solid #bebebe;background-color:#FFF;font-size:9pt;font-family:'돋움';color:#8C8C8C}
/*input box*/
.input { border:1px solid #aaa;}


table.basic {border-top:2px solid #4f842b; border-collapse:collapse; width:100%; margin-top:10px;}
table.basic th {background:#dde498; padding:5px 0; text-align:center; border:1px solid #b6bb81;}
table.basic tfoot th {background:#eee; padding:5px 0; text-align:center; border:1px solid #ddd;}
table.basic tfoot td {background:#f5f5f5; padding:5px 0; text-align:center; border:1px solid #ddd;}
table.basic tbody th {background:#f5f5f5; padding:5px 0; text-align:center; border:1px solid #ddd; font-weight:normal;}
table.basic td {background:#fff; padding:5px 0; text-align:center; border:1px solid #ddd;}
/* formpage */
table.board_form {border-top:1px solid #2f88ca; border-collapse:collapse; width:100%; margin: 0px;}
table.board_form th { padding:6px; background:#f9f9f9; border-bottom:1px solid #ebecee; border-right:1px solid #ebecee;}
table.board_form td { padding:6px 15px; vertical-align:middle; border-bottom:1px solid #ebecee; }
.b_line{border-bottom:1px solid #ccc}
.t_line_blue{border-top:1px solid #e5ecf5}
.bg_td{background:#fff}
.bg_th{background:#f5f5f5}

table.commentform{border-top:1px solid #999;border-bottom:1px solid #ccc;}
table.commentform td.bgth{background:#f5f5f5;padding:5px;}
table.commentform td{background:#fff;padding:5px;}

table.schedule{line-height:130%}
table.schedule th{height:30px;border:1px solid #fff; background:#aaaaaa; font-weight:normal; text-align:center; color:#fff; font-size:14px;}
table.schedule th.sun{background:#d14040; color:#fff;border-left:1px solid #d14040;}
table.schedule th.sat{border-right:1px solid #18a3e1; background:#18a3e1; color:#fff;}
table.schedule td{padding:5px;border:1px solid #ddd;text-align:left}
.program_date {font-size:18px; font-weight:bold; color:#2e599d; padding:0 15px;}

/* 버튼[2014-12-12] */
.b_btn {display:inline-block; text-align: center; white-space: nowrap; cursor:pointer; border-radius:4px;border:0px;}
.btn_blue1 {background-color:#2f88ca; width:64px; font-size:12px; color:#FFFFFF !important;; padding:0px; display:inline-block; text-align:center; border-radius:4px  }
.btn_blue2 {background-color:#2f88ca; width:160px; font-size:16px; color:#FFFFFF !important; font-weight:bold; padding:10px; margin:0;}
.btn_blue3 {background-color:#2f88ca; width:64px; font-size:12px; color:#FFFFFF !important; padding:5px; margin:0;vertical-align: middle;}
.btn_blue4 {background-color:#2f88ca; width:80px; font-size:12px; color:#FFFFFF !important; padding:5px; margin:0;}
.btn_blue5 {background-color:#2f88ca;  font-size:16px; color:#FFFFFF !important; font-weight:bold; padding:13px; margin:0;}
.btn_box {background-color:#2f88ca; width:80px; font-size:16px; color:#FFFFFF !important; font-weight:bold; padding:15px; margin:0;}

.b_btn:hover, .b_btn:focus, .b_btn:active, .b_btn.active, .open .dropdown-toggle.b_btn {color: #FFF; background-color: #777;}
.btn_gray1 {color:#FFF !important; background-color:#A3A3A5; width:64px; font-size:12px; padding:0px; display:inline-block; text-align:center; border-radius:4px; }
.btn_gray2 {color:#FFF !important; background-color:#A3A3A5; width:160px; font-size:16px; font-weight:bold; padding:10px; margin:0; }
.btn_gray3 {color:#FFF !important; background-color:#A3A3A5; width:64px; font-size:12px; padding:5px; margin:0; vertical-align: middle;}
.btn_gray4 {color:#FFF !important; background-color:#A3A3A5; width:80px; font-size:12px; padding:5px; margin:0; }
.btn_gray5 {color:#FFF !important; background-color:#A3A3A5; font-size:11px; padding:3px 5px; margin:0; }

.btn-primary, .btn-info, .btn-danger, .btn-warning, .btn-success {color:#fff !important;}
.btn-gray {color:#fff; background-color:#505050; border-color:#505050; color:#fff !important;}
.btn-gray.active,.btn-gray.focus,.btn-gray:active,.btn-gray:focus,.btn-gray:hover,.open>.dropdown-toggle.btn-gray {color:#fff; background-color:#505050; border-color:#505050}
.btn-gray.active,.btn-gray:active,.open>.dropdown-toggle.btn-gray {background-image:none;}

/* sub */

#intro2_1 {position:relative; background:url(./images/contents/intro2_img1.png) no-repeat; height:285px;}
#intro3 {position:relative; background:url(./images/contents/txt05.jpg) no-repeat center; height:680px;}

/* history */
#year dl {clear:both; border-bottom:dotted 1px #cccccc; padding:20px; overflow:hidden; }
#year dl dt {width:49px; float:left;}
#year .dyear {font-size:24px; font-weight:bold; color:#2f88ca; margin-top:10px; width:120px; line-height:27px; margin:0;}
#year dl dd {float:left; width:559px;}
#year .con_dot dl {clear:both; border-bottom:none !important; padding:5px 0 !important;}
#year .con_dot dl dt {float:left; font-size:14px; font-weight:bold; color:#2f88ca;  }
#year .con_dot dl dd {float:left; width:510px;}
/* org */
#intro3_2 {position:relative; background:url('../images/sub/txt05_2.jpg') no-repeat center; height:630px; font-size: 15px; -ms-word-break: keep-all; -webkit-word-break: keep-all;}
#intro3_2 li {height: 20px; position: absolute; text-align:center; word-break:keep-all;}

/* table */
table{margin:0;padding:0;border-collapse:collapse;border:0}
table.board1{border-top:2px solid #999;line-height:140%}
table.board1 td{padding:5px 10px;border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
table.board1 thead th{padding:10px 5px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#efefef;text-align:center;border-left:1px solid #ccc;}
table.board1 tbody th{padding:5px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#f8f8f8;text-align:center; border-left:1px solid #ccc;}
/*table.board1 tbody td img {width:150px;}*/
table.board1 th.left_line,table.board1 td.left_line{border-left:1px solid #ccc}
table.board1 th.noline{border-right:0}

table.board2{border-top:2px solid #999;line-height:140%}
table.board2 td{padding:5px 10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; }
table.board2 thead th{padding:5px 10px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#efefef;text-align:center;border-left:1px solid #ccc; height:25px; font-size:14px;}
table.board2 tbody th{padding:5px 10px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#f8f8f8;text-align:center; border-left:1px solid #ccc; height:25px;}
table.board2 tbody td img {width:150px; text-align:center;}
table.board2 th.left_line,table.board1 td.left_line{border-left:1px solid #ccc}
table.board2 th.noline{border-right:0}


/* tab */
.tab_organ {display:block;overflow:hidden;}
.tab_organ ul {overflow:hidden;height:37px;}
.tab_organ li {float:left;display:table-cell;width:181px;height:35px;text-align:center;background:#fff;border:1px solid #cacaca;border-left:none;}
.tab_organ li:first-child {border-left:1px solid #8c8c8c;}
.tab_organ li a {display:table-cell;*display:block;*overflow:hidden;width:181px;height:35px;color:#9c9c9c;font-weight:bold;text-align:center;vertical-align:middle;line-height:35px;}
.tab_organ li:hover {float:left;display:inline-block;text-align:center;background:#1f62c9;border:1px solid #1f62c9;border-left:none;}
.tab_organ li:first-child:hover {border-left:1px solid #1f62c9;}
.tab_organ li:hover a {display:table-cell;width:181px;height:37px;color:#fff;font-weight:bold;text-align:center;vertical-align:middle;text-decoration:none;line-height:37px;}
.tab_organ li.current {float:left;display:inline-block;height:37px;text-align:center;background:#1f62c9;border:1px solid #1f62c9;border-left:none;}
.tab_organ li:first-child.current {border-left:1px solid #1f62c9;}
.tab_organ li.current a {display:table-cell;height:37px;color:#fff;font-weight:bold;text-align:center;vertical-align:middle;text-decoration:none;}
.tab_organ li * {vertical-align:middle;}

.tab_3 {height:44px;margin:0 0 28px;}
.tab_3 ul {overflow:hidden;height:44px;}
.tab_3 li {float:left;width:238px;margin:0 0 0 -1px;background:#f7f7f7;border:1px solid #d5d5d5;border-bottom:none;}
.tab_3 li:first-child {margin:0;}
.tab_3 li a {display:block;padding:12px 0 11px;text-align:center;font-size:13px;font-weight:bold;color:#8c8c8c;}
.tab_3 li:hover {margin:0;background:#fff;color:#1f62c9;border-top:2px solid #1f62c9;border-left:none;border-bottom:none;}
.tab_3 li:hover:first-child {border-left:1px solid #d5d5d5;}
.tab_3 li:hover a {text-decoration:none;color:#1f62c9;font-size:14px;}
.tab_3 li.on {margin:0 0 0 -1px;background:#fff;color:#1f62c9;font-size:14px;border-top:2px solid #1f62c9;border-bottom:none;}
.tab_3 li:hover.on {margin:0;background:#fff;color:#1f62c9;font-size:14px;border-top:2px solid #1f62c9;border-bottom:none;}
.tab_3 li:first-child.on {margin:0;}
.tab_3 li.on a {text-decoration:none;color:#1f62c9;font-size:14px;}

.tab_4 {height:44px;margin:0 0 28px;}
.tab_4 ul {overflow:hidden;height:44px;}
.tab_4 li {float:left;width:178px;margin:0 0 0 -1px;background:#f7f7f7;border:1px solid #d5d5d5;border-bottom:none;}
.tab_4 li:first-child {margin:0;}
.tab_4 li a {display:block;padding:12px 0 11px;text-align:center;font-size:13px;font-weight:bold;color:#8c8c8c;}
.tab_4 li:hover {margin:0;background:#fff;color:#1f62c9;border-top:2px solid #1f62c9;border-left:none;border-bottom:none;}
.tab_4 li:hover:first-child {border-left:1px solid #d5d5d5;}
.tab_4 li:hover a {text-decoration:none;color:#1f62c9;font-size:14px;}
.tab_4 li.on {margin:0 0 0 -1px;background:#fff;color:#1f62c9;font-size:14px;border-top:2px solid #1f62c9;border-bottom:none;}
.tab_4 li:hover.on {margin:0;background:#fff;color:#1f62c9;font-size:14px;border-top:2px solid #1f62c9;border-bottom:none;}
.tab_4 li:first-child.on {margin:0;}
.tab_4 li.on a {text-decoration:none;color:#1f62c9;font-size:14px;}

/*testapply*/
table.applylayout {border-top:2px solid #87c8da;border-bottom:2px solid #87c8daborder-collapse:collapse; width:100%; margin: 0px;padding:0px;}
table.applylayout td { padding:0px;}
table.applylayout .line_bottom { border-bottom:2px solid #87c8da; padding:0px;}
table.applylayout .line_top { border-top:2px solid #87c8da; padding:0px;}
table.applyform {border:0px; border-collapse:collapse; width:100%; margin: 0px;padding:0px;}
table.applyform th { padding:0px; background:#f0f8fa; border-bottom:1px solid #dfebee; }
table.applyform th.level1 { border-right:1px solid #dfebee;width:98px;padding:0px;}
table.applyform th.level2 { border-right:1px solid #87c8da;width:104px; padding:0px;}
table.applyform th.level3 { border-right:1px solid #dfebee; padding:0px;background:#ffffff;}
table.applyform th.leveln { border-right:1px solid #87c8da; width:203px;padding:0px;}
table.applyform td { padding:3px 0px 3px 10px;vertical-align:middle; border-bottom:1px solid #dfebee; }
table.applyform .line_right { border-right:1px solid #dfebee;  }

.dotted {clear:both; border-bottom:1px dotted #CCCCCC; margin:20px 0;}
ol.decimal li {list-style-type:decimal; margin-left:20px;}
.ctc1_1 {background:url('../images/sub/ctc1_img2.gif') no-repeat center top; width:700px; height:500px; margin:0 auto;}
.ctc1_1 ul {padding:120px 0 0 35px; overflow:hidden;}
.ctc1_1 ul li {float:left; width:165px; padding:10px;}
.ctc1_1 ul li:first-child {width:155px; padding-left:0;}
.ctc1_3 {background:url('../images/sub/ctc1_img3.gif') no-repeat center top; width:700px; height:640px; margin-left:10px; position:relative;}
.ctc1_3_box {overflow:hidden;}
.ctc1_3_box div {float:left; width:220px; padding:20px; margin-left:10px;}
.ls_ {letter-spacing:-1px;}
ul.sbox {overflow:hidden; padding:0; margin:20px 0 0 0;}
ul.sbox li {background:#00b8ce; padding:3px; color:#FFFFFF; text-align:center; width:88px; float:left; margin:1px; font-size:13px;}
.pop_title {color:#FFFFFF;}

/*protection_center*/
.fc-red {color:#C30;}
.pcenter-intro {margin-top:20px;}
.pcenter-intro dl {overflow:hidden; margin-top:10px;}
.pcenter-intro dt {float:left; width:110px; height:98px; line-height:98px; font-size:18px; text-align:center; background-color:#006ABD; color:#fff; font-weight:bold;}
.pcenter-intro dl:nth-child(2) dt {background-color:#4090CE;}
.pcenter-intro dd {float:right; width:calc(100% - 120px); border:1px solid #ddd; padding:10px; box-sizing:border-box; word-break:keep-all; text-align:justify;}
.pcenter-intro dd strong {display:block; color:#006ABD; font-size:15px;}
.pcenter-org {width:100%; height:552px; background:url('../images/sub/pcenter_org.png') no-repeat center top; position:relative; margin-top:20px;}
.pcenter-org li {position:absolute; margin:0; padding:0; text-align:center; font-size:14px; color:#fff; font-weight:bold;}
.pcenter-org li.po-1 {text-align:center; top:62px; width:100%;}
.pcenter-org li.po-2 {top:56px; left:69px; width:182px; height:65px; line-height:65px;}
.pcenter-org li.po-3 {top:141px; left:69px; width:182px; height:65px; line-height:65px;}
.pcenter-org li.po-4 {top:138px; right:69px; width:182px; height:65px; line-height:65px;}
.pcenter-org li.po-5 {top:290px; left:50%; margin-left:-91px; width:182px; line-height:110%; }
.pcenter-org ul.po-6 {position:absolute; top:105px; left:-226px; width:639px; overflow:hidden;}
.pcenter-org ul.po-6 li {position:relative; float:left; width:162px; height:55px; line-height:55px; font-size:13px; color:#444;}
.pcenter-org ul.po-6 li:nth-child(2) {margin:0 76px;}
.hrpp_def {background:url('../images/sub/hrpp_def_bg.png') no-repeat center 65px;}
.hrpp_def dt {width:350px; height:60px; line-height:60px; background-color:#4090CE; color:#fff; margin:15px auto 0 auto; text-align:center; font-size:15px; font-weight:bold; border-radius:10px;}
.hrpp_def dd {margin-top:145px;}
.hrpp_def dd ul {overflow:hidden; width:708px; margin:0 auto;}
.hrpp_def dd li {float:left; width:108px; height:75px; line-height:75px; text-align:center; background-color:#666; color:#fff; margin:0 5px; border-radius:10px;}
ol.protection_center_helpdesk_process {overflow:hidden; box-sizing:border-box; margin-top:20px;}
ol.protection_center_helpdesk_process li {float:left; display:table; width:112px; padding-left:39px; background:url('../images/sub/pc_arrow.png') no-repeat 7px center;}
ol.protection_center_helpdesk_process li:first-child {padding-left:0; background-image:none;}
ol.protection_center_helpdesk_process li span {display:table-cell; box-sizing:border-box; width:112px; height:112px; display:block; text-align:center; border:4px solid #ddd; border-radius:50%; font-size:14px; color:#fff;}
ol.protection_center_helpdesk_process li:nth-child(1) span {background-color:#7AA4DB; border-color:#7AA4DB; padding-top:33px;}
ol.protection_center_helpdesk_process li:nth-child(2) span {border-color:#6B94C8; padding-top:33px; background-color:#6B94C8;}
ol.protection_center_helpdesk_process li:nth-child(3) span {border-color:#3C68A3; line-height:100px; background-color:#3C68A3;}
ol.protection_center_helpdesk_process li:nth-child(4) span {border-color:#25538C; padding-top:33px; background-color:#25538C;}
ol.protection_center_helpdesk_process li:nth-child(5) span {border-color:#043677; line-height:100px; background-color:#043677;}
.research-subj {background:url('../images/sub/research_subj_bg.png') no-repeat center 5px; widht:100%; height:390px; position:relative; margin-top:20px;}
.research-subj dl {position:absolute;}
.research-subj dl:nth-child(1) {left:0px; top:0px; width:268px; text-align:right;}
.research-subj dl:nth-child(2) {right:0px; top:0px; width:211px;}
.research-subj dl:nth-child(3) {right:0px; top:194px; width:201px;}
.research-subj dl:nth-child(4) {right:0px; top:313px; width:282px;}
.research-subj dl:nth-child(5) {left:0px; top:330px; width:278px; text-align:right;}
.research-subj dl:nth-child(6) {left:0px; top:222px; width:225px; text-align:right;}
.research-subj dl:nth-child(7) {left:0px; top:62px; width:171px; text-align:right;}
.research-subj dt {color:#333; font-size:15px;}
.research-subj dd {color:#767676; font-size:13px;}
.protection_center {overflow:hidden; position:relative; width:100%; height:42px;}
.protection_center .line {position:absolute; left:0; bottom:0;width:100%; height:1px; font-size:0; line-height:100%; background-color:#ccc; z-index:-1;}
.protection_center li {float:left; width:100px; height:40px; line-height:40px; text-align:center;}
.protection_center li a {display:block; border:1px solid #ddd; background-color:#f5f5f5;}
.protection_center li a:hover {background-color:#fff; border-bottom:1px solid #fff;}
.protection_center li.on a {background-color:#4090CE; color:#fff; border:1px solid #4090CE;}
.edu-cont {overflow:hidden;}
.board_edu {width:100%; border:1px solid #ccc;}
.board_edu caption {font-size:0; text-indent:-50000em; color:#fff;}
.board_edu th {border:1px solid #ccc; padding:5px; text-align:center; font-size:13px; color:#333; font-weight:bold; background-color:#f5f5f5;}
.board_edu td {border:1px solid #ccc; padding:5px; background-color:#fff; font-size:14px; min-height:30px;}
/*면역원성평가연구실*/
.org_ial {background:url('../images/sub/ial_0101_org.png') no-repeat top center; position:relative; width:100%; height:635px;}
.org_ial ul {padding:0;}
.org_ial li {position:absolute; border:0px solid #ddd; text-align:center; margin:0; padding:0; color:#fff;}
.org_ial .po-1 {left:50%; top:0; margin-left:-111px; width:223px; height:50px; font-size:16px; line-height:20px; padding:15px 0;}
.org_ial .po-2 {left:50%; top:89px; margin-left:-111px; width:223px; height:60px; line-height:60px; font-size:15px;}
.org_ial .po-3 {left:0; top:183px; width:223px; height:60px; font-size:15px; line-height:60px;}
.org_ial .po-4 {right:0; top:253px; width:223px; height:385px; font-size:15px;}
.org_ial .po-4 li {position:relative; width:235px; height:50px; line-height:50px; margin-bottom:5px;}
.ial_process {overflow:hidden; background:url('../images/sub/ial_0103_process.png') no-repeat top center; height:99px; margin-top:10px; padding:0;}
.ial_process li {float:left; width:98px; height:98px; margin-left:26px; text-align:center; font-size:15px; color:#fff;}
.ial_process li span {display:block; padding-top:32px;}
.ial_process li:nth-child(3) span {padding-top:20px;}
.ial_process li:nth-child(5) span {padding-top:40px;}
.ial_process li:first-child {margin-left:0;}
.ial_02 {overflow:hidden;}
.ial_02 h4 {text-align:center; height:75px; line-height:75px; color:#fff; width:100%; border-radius:15px;}
.ial_02-1 {float:left; width:445px;}
.ial_02-1 h4 {background-color:#0086da;}
.ial_02-2 {float:right; width:264px;}
.ial_02-2 h4 {background-color:#4956a5;}
.ail-0201 ul li {overflow:hidden;}
.ail-0201 ul li p {text-align:center !important;}
a.btn-ial {background-color:#0086da; color:#fff; display:inline-block; padding:5px 10px; border-radius:5px; font-size:13px;}
a.btn-ial:hover {background-color:#4956a5;}

/*회원*/
/*login*/
.login {width:100%; max-width:450px; margin:0 auto; padding:15px;}
.login-input input {border:1px solid #ccc; height:50px; line-height:50px; padding:0 5px; width:100%; margin:3px 0; font-size:16px;}
.login-input button {font-size:18px; font-weight:bold; height:55px; line-height:55px; padding:0; margin-top:15px; border-radius:0;}
.login-guide {margin:10px 0; background-color:#eee; padding:10px; text-align:center;}
.login-guide b {color:#337AB7;}
.login-btn {margin:30px -5px; border-top:1px dashed #ddd; padding-top:20px;}
.login-btn .col-xs-5, .login-btn .col-xs-7 {padding:0 5px;}
.login-btn .col-xs-5 a, .login-btn .col-xs-7 a {border-radius:0; color:#767676;}
/*join*/
.mem-guide {padding:30px 30px 30px 135px; margin:0 0 30px 0; background:#eee url('../images/mem/mem_guide_bg.png') no-repeat 30px center; background-size:75px; word-break:keep-all; color:#666; font-size:14px; text-align:left;}
.mem-kind p {text-align:center;}
.mem-process {padding:0px 20px; text-align:center;}
.mem-process p {text-align:center;}
.mem-process ul {overflow:hidden; margin-bottom:0;}
.mem-process li {display:inline-block; width:24%;}
.mem-process li.bg {background:url('../images/mem/join_arrow.png') no-repeat left 29px; background-size:13px;}
.mem-process li.next {width:9%;}
.mem-process li.next img {width:25px;}
.mem-process li .icon img {width:80px;}
.mem-process li .txt {font-size:16px; margin-bottom:0; margin-top:10px; color:#767676; font-weight:500;}
.mem-process li .txt.on {color:#333;}
.mem-process li .txt small {font-weight:normal; padding-right:10px;}
.mem-rule-agree {border-top:2px solid #5BC0DE; padding:30px 0; margin:30px 0 0 0px; text-align:left;}
.mem-rule-agree h4 {margin-top:0; position:relative; color:#121212; font-weight:bold;}
.mem-rule-agree h4 a {font-size:14px; display:inline-block; padding:0px 5px; border:1px solid #ddd; position:absolute; right:0; top:0; color:#666; border-radius:3px;}
.mem-rule-agree pre {border-radius:0; overflow:scroll; height:200px; word-break:keep-all; text-align:justify; background:#fff; border-color:#e8e8e8;}
.mem-rule-agree label {color:#666; font-weight:500;}
.mem-rule-agree.apply-agree {border:1px solid #eee; margin:30px 0 0 0;}
.iframe-box-wrap {border:1px solid #ccc; background-color:#fff; margin-bottom:10px;}
.iframe-box {overflow:hidden; overflow-y:scroll; height:160px; margin:20px 10px 20px 20px;}
.iframe-box dl.pp {margin:0;}
.iframe-box dl.pp dt {color:#333; font-size:15px; margin-top:20px;}
.iframe-box dl.pp dt:first-child {margin-top:0;}
.iframe-box dl.pp dd span {display:inline-block; padding-left:15px;}
.iframe-box .pp-top {margin-bottom:25px;}
.auth-wrap {text-align:center; width:100%; max-width:400px; margin:30px auto; font-size:15px; border:1px solid #ccc; border-top:2px solid #5BC0DE; padding:40px 0;}
.auth-wrap h4 {color:#337AB7; font-size:20px; font-weight:bold;}
.auth-wrap .txt {word-break:keep-all;}
.auth-wrap .txt br {display:none;}
.auth-wrap .auth-input {clear:both; width:100%; margin:0 auto;}
.auth-wrap .auth-input dl {overflow:hidden; display:table; text-align:left;}
.auth-wrap .auth-input dt {display:table-cell; width:90px;}
.auth-wrap .auth-input dd {display:table-cell;}
.auth-wrap .auth-input dd input[type=text] {border:1px solid #ddd; height:30px; line-height:30px;}
.auth-wrap .auth-input dd .long {width:100%;}
.auth-wrap .auth-input .mem-box {width:100%; max-width:600px; margin:0 auto; padding:30px 45px; background-color:#f5f5f5;}
.auth-wrap .welcome-img {}
.auth-wrap .welcome-txt1 {margin-top:30px; font-size:20px;}
.auth-wrap .welcome-txt2 {margin-top:20px;}

.join-box {border:1px solid #ddd;}
.mem-join-wrap {width:100%; max-width:600px; margin:0 auto; text-align:left;}
h4.mem {color:#337AB7; font-size:16px; font-weight:bold; margin-top:20px; margin-bottom:10px;}
h4.agree {color:#337AB7; font-size:16px; font-weight:bold; margin-top:20px; margin-bottom:10px; position:relative;}
h4.agree a {position:absolute; right:0; top:50%; margin-top:-11px;}
.mem-info-input {width:100%; max-width:600px; margin:0 auto;  border:1px solid #ccc; border-top:2px solid #5BC0DE; padding:40px;}
.mem-info-input dd.line {border-bottom:0px solid #ccc; height:40px; line-height:40px; font-size:15px;}
.mem-info-input .txt-top {color:#121212; font-size:17px; font-weight:bold;}
.mem-info-input h4:first-child {margin-top:0;}
.mem-info-input dl {margin:10px 0 0 0; overflow:hidden; border-top:1px dotted #dedede; padding-top:10px;}
.mem-info-input dl:first-child {margin-top:0; padding-top:0; border-top:none;}
.mem-info-input dt {font-size:15px; font-weight:normal; margin-bottom:0px; float:left; width:100px; line-height:40px;}
.mem-info-input dt label {font-size:15px; font-weight:normal; margin-bottom:0;}
.mem-info-input dd {float:right; width:calc(100% - 110px);}
.mem-info-input dd.guide {float:none; width:100%; clear:both; padding-top:10px; line-height:140%;}
.mem-info-input dd input[type=text], .mem-info-input dd input[type=password], .mem-info-input dd select {border:1px solid #ddd; height:40px; line-height:40px; color:#666; padding:0 25px 0 5px;}
.long {width:100%;}
.short {width:50px;}
.mid {width:100px;}
.mem2-org-w dd input {width:calc(100% - 150px);}
.mem-mypage {width:100%; max-width:750px; margin:0 auto;  border:1px solid #ccc; border-top:2px solid #5BC0DE; padding:30px 40px; text-align:left;}
.mem-mypage dl {overflow:hidden; display:table; font-size:0; margin:0; border-top:1px solid #ddd; padding:10px 0; width:100%; vertical-align:middle;}
.mem-mypage dl:first-child {border-top:0;}
.mem-mypage dt {display:table-cell; width:30%; font-size:15px;}
.mem-mypage dd {display:table-cell; width:70%; font-size:15px; padding-left:10px; color:#666;}
.mem-mypage dd br {display:none;}
.mem-mypage dd input[type=text], .mem-mypage dd input[type=password] {border:1px solid #ddd; padding:0 5px; height:40px; line-height:40px; width:100%;}
.membreak-agree {width:100%; max-width:750px; text-align:right; margin:10px auto 0 auto;}
.membreak-agree label {font-weight:normal;}
.membreak-agree label br {display:none;}
.mem-email-w input[type=text] {width:calc(34% - 11px);} 
/*find*/
.find .mem-guide {border:1px solid #ccc; padding:30px 30px 30px 130px; font-size:15px; text-align:left; background:#eee url('../images/mem/mem_guide_bg.png') no-repeat 30px center; background-size:80px;}
.find .mem-guide ul {margin:0; padding:0;}
.find .mem-guide ul li {position:relative; padding:3px 0; padding-left:20px;}
.find .mem-guide ul li:before {content:"ㆍ"; font-size:20px; color:#337AB7; display:block; position:absolute; left:0; top:5px; line-height:100%;}
.find .mem-guide ul li p {margin-bottom:0;}
.find .mem-guide .txt-icon {position:relative; padding-left:20px; margin:20px 0 0 0;}
.find .mem-guide .txt-icon::before {content:"※"; position:absolute; left:0; top:0;}
.find .guide {margin-top:40px; text-align:center;}
.find .guide span {display:block;}
.find .reaccredit p {position:relative; padding-left:20px;}
.find .reaccredit p::before {content:"※"; position:absolute; left:0; top:0;}