@charset "utf-8";

/* list style */
ul.list_circle_arrow > li,
p.list_circle_arrow {position:relative; padding-left:30px;}
ul.list_circle_arrow > li:before,
p.list_circle_arrow:before {content:""; background-image: url(../../images/common/img_sprite02.png); background-repeat:no-repeat; background-position:-232px -459px; width:20px; height:20px; position:absolute; left:0; top:1px;}

ul.list_full_arrow > li,
p.list_full_arrow {position:relative; padding-left:15px;}
ul.list_full_arrow > li:before,
p.list_full_arrow:before{content:""; background-image: url(../../images/common/img_sprite02.png); background-repeat:no-repeat; background-position:-21px -336px; width:5px; height:8px; position:absolute; left:0px; top:8px;}

ul.list_span_position > li,
p.list_span_position {position:relative; padding-left:20px;}
ul.list_span_position li > em,
p.list_span_position > em {position:absolute; left:0; top:0;}

.list_bg_number > li {position:relative; padding-left:30px;}
.list_bg_number > li:before {content:""; background-image: url(../../images/common/img_sprite02.png); background-repeat:no-repeat; background-position:-267px -459px; width:20px; height:20px; position:absolute; top:2px; left:0px;}
.list_bg_number > li > em {position:absolute; left:6px; top:0px; font-size:13px; font-weight:400; color:#fff;}

.list_bg_big_number > li {position:relative; padding-left:72px;}
.list_bg_big_number > li:before {content:""; background-image: url(../../images/common/img_sprite02.png); background-repeat:no-repeat; background-position:-302px -440px; width:50px; height:50px; position:absolute; top:0px; left:0px;}
.list_bg_big_number > li > em {position:absolute; left:15px; top:13px; font-size:18px; font-weight:400; color:#fff;}

.list_number > li {position:relative; padding-left:20px;}
.list_number > li > em {position:absolute; left:0px; top:-1px;}


.list_thin_arrow li,
p.list_thin_arrow {position:relative; padding-left:12px;}
.list_thin_arrow li:before,
p.list_thin_arrow:before {content:""; background-image: url(../../images/common/img_sprite02.png); background-repeat:no-repeat; background-position:-21px -283px; width:4px; height:7px; display:inline-block; vertical-align:middle;}


/* view - 공통 */
.cont_board .tbl_view {width:100%; background-color:#fff; border-top:1px solid #333;}
.cont_board .tbl_view thead th {height:30px; line-height:20px; font-size:15px; color:#333; font-weight:400; background-color:#f1f2f4; border-left:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:middle; padding:10px 0;}
.cont_board .tbl_view thead th:first-child {border-left:0;}
.cont_board .tbl_view th.bg_white {background-color:#fff;}
.cont_board .tbl_view .bg_green {background-color:#e6efed;}
.cont_board .tbl_view tbody th {height:30px; line-height:20px; font-size:15px; color:#333; font-weight:400; background-color:#f1f2f4; border-left:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:middle; padding:10px 0;}
.cont_board .tbl_view tbody th:first-child {border-left:0;}
.cont_board .tbl_view tbody td {height:50px; line-height:50px; padding:0 10px; text-align:center; border-left:1px solid #ccc; border-bottom:1px solid #ccc; line-height:18px; vertical-align:middle; font-size:15px;}
.cont_board .tbl_view tbody td:first-child {border-left:0;}
.cont_board .tbl_view tbody td.border{border-left:1px solid #ccc !important;}



/* */
.cont .join_procedure{margin:30px 0 50px 0; background-image:url(../../images/sub/Procedure_01.jpg); background-repeat:no-repeat;  width:880px; height:1781px; }

/******************180615 유승희 추가*******************/

.cont_board .tbl_view tbody .longtxt td{padding: 0 5px}
.cont .pluspaddingTop{padding-top: 30px;}
.cont>.cont2{width: 49%; display: inline-block; padding-right: 40px; box-sizing: border-box; }
.cont>.cont3{width: 49%; display: inline-block; padding-left: 20px; box-sizing: border-box; }
.cont_board div .leftBox{display: inline-block; width: 37%; height: 100%; padding-left: 30px; position:relative; top: 40px; }
.cont .mpaddingTop{margin-top: -40px;}
.cont .mpaddingTop2{margin-top: -10px;}

.cont_board .tbl_view thead tr .slash {padding: 3px 1px; background: #f1f2f4 url(../../images/sub/slash.png) no-repeat 0 0/100% 100%; }
.cont_board .tbl_view thead tr .slash>span{display: block; font-size: 0.8em;line-height: 17px;}
.cont_board .tbl_view thead tr .slash>span:first-of-type{text-align: right; display: block; position: absolute;top: 2px; left: 37px;}
.cont_board .tbl_view thead tr .slash>span:last-of-type{text-align: left;position: absolute;top: 63px; left: 3px;}

/******************180615 유승희 추가*******************/


/* Workshop Schedule table에 사용 // 2018.07.23 by 김삼예 추가 */
.cont_board table.tbl_view02 {width:100%; background-color:#fff; border-top:1px solid #333; border-bottom:1px solid #ccc;  border-collapse:collapse;}
.cont_board table.tbl_view02 th {height:30px; line-height:20px; font-size:15px; color:#333; font-weight:400; background-color:#f1f2f4; border-right:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:middle; padding:10px 0;}
.cont_board table.tbl_view02 td {height:50px; line-height:50px; padding:0 10px; text-align:center; border-left:1px solid #ccc; border-bottom:1px solid #ccc; line-height:18px; vertical-align:middle; font-size:15px;}
.cont_board table.tbl_view02 th:first-child, .cont_board table.tbl_view02 td:first-child, {border-left:0;}
.cont_board table.tbl_view02 .bg_green {background-color:#e6efed;}

/* gallery - list - 공통 */
#container .gallery_list ul {overflow:hidden; }
#container .gallery_list ul li{float:left; width:320px; margin-bottom:50px; margin-right:30px; text-align:center; box-sizing:border-box;}
#container .gallery_list ul li:nth-child(3n) {margin-right:0;}

#container .gallery_list ul li p.pic a{display:block; height:348px; line-height:348px; border:1px solid #ccc;} 
#container .gallery_list ul li > a.title2 {display:inline-block; margin-top:20px!important; padding:0 10px; font-size:14px; line-height:20px; color:#666; height:45px; width:100%; margin:0; border:none; position:relative;}
#container .gallery_list ul li > a.title2:hover, #container .gallery_list ul li > a.title2:focus, #container .gallery_list ul li > a.title2:active {/*color:#3b7da6;*/ color:#666;}
#container .gallery_list ul li img{height:100%:}

#container .gallery_list ul:after{clear:both;}



/* font style */
.contTit1 {font-size:18px; color:#333;}

/* 영문 Education  list style 에 사용  2017-07-23 by 김삼예 추가  */ 
.educationList{}
.educationList strong{display:inline-block; margin:10px 0;}
.textArea dt{float:left; color:#444; width:80px;  font-weight:400;}
.textArea dd{padding-left:80px;} 



/******************
*   About kossa   *
*******************/

/* History */
dl.history {overflow:hidden; padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #ccc;}
dl.history:last-child {margin-bottom:0;}
dl.history dt {float:left; width:100px; font-weight:400; font-size:24px; line-height:24px; color:#333;}
dl.history dd {float:left; width:924px; font-size:16px; line-height:24px;}
dl.history dd p.list_span_position {padding-left:33px; margin-bottom:10px;}
dl.history dd p.list_span_position:last-child {margin-bottom:0;}
dl.history dd p.list_span_position span {display:inline-block;}
dl.history dd .date {font-weight:400; color:#3b7da6;}




/* Organization */
.orani {background-image: url(../../images/sub/0104_img01.jpg); background-repeat:no-repeat; height:582px;}

/* Annual Report */
/* 자료안옴 */

/* Location */
.location #map_view {width:1024px; height:470px;}
.location .info {margin-top:50px; border-top:1px solid #333;}
.location .info p {border-bottom:1px solid #ccc; position:relative; padding:20px 0 20px 103px; height:45px; line-height:24px;}
.location .info strong {display:block; color:#333;}
.location .info .addr:before {content:""; background-image: url(../../images/common/img_sprite01.png); background-repeat:no-repeat; background-position:0 -73px; width:46px; height:45px; position:absolute; top:20px; left:30px;}
.location .info .tel:before {content:""; background-image: url(../../images/common/img_sprite01.png); background-repeat:no-repeat; background-position:0 -127px; width:46px; height:45px; position:absolute; top:20px; left:30px;}
.location .info .subway:before {content:""; background-image: url(../../images/common/img_sprite01.png); background-repeat:no-repeat; background-position:0 -183px; width:46px; height:45px; position:absolute; top:20px; left:30px;}
.location .info .subway span {color:#009c42;}



/******************
*    Activity     *
*******************/
/* Activities */
.activity .cont .tbl_view thead th,
.activity .cont .tbl_view tbody th {font-weight:400;}

.activity .cont .imgWrap1 > p {margin-bottom:30px;}
.activity .cont .imgWrap1 > p:last-child {margin-bottom:0;}
.activity .cont .imgWrap2,
.activity .cont .imgWrap3 {overflow:hidden;}
.activity .cont .imgWrap2 > p,
.activity .cont .imgWrap2 > div {width:50%; float:left;}
.activity .cont .imgWrap2 > p:last-child,
.activity .cont .imgWrap2 > div:last-child {text-align:right;}

.activity .cont .imgWrap2.type2 > p:first-child,
.activity .cont .imgWrap2.type2 > div:first-child {width:70%; float:left;}
.activity .cont .imgWrap2.type2 > p:last-child,
.activity .cont .imgWrap2.type2 > div:last-child {width:30%; float:left;}

.activity .cont .imgWrap3 > p {width:33.33%; float:left;}
.activity .cont .imgWrap3 > p:last-child {text-align:right;}

/* 이미지 태그 글에 사용 2018.07-23  by  김삼예 추가*/
.imgWrap2 > p >  span, .imgWrap3 > p >  span{width:100%; display:block; margin:0 auto ; text-align:center; height:30px; font:normal 13px/150% "nanumGothic";  color:#666; padding-top:10px; box-sizing:border-box; }

.activity .cont .titWrap2 {overflow:hidden;}
.activity .cont .titWrap2.type > div:first-child {width:655px; float:left; margin-right:44px;}
.activity .cont .titWrap2.type > div:last-child {width:325px; float:left;}

.activity .cont .box {border-top:1px solid #434343; border-bottom:1px solid #ccc; padding:20px 0px 20px 30px; font-size:15px;}
.activity .cont .box p {margin-bottom:8px; position:relative; padding-left:100px;}
.activity .cont .box p.clear {padding-left:15px;}
.activity .cont .box p:last-child {margin-bottom:0;}
.activity .cont .box p strong {position:absolute; left:0; top:0;}

.activity .tab_year {overflow:hidden; text-align:right; margin-bottom:40px;}
.activity .tab_year a {width:110px; height:48px; border:1px solid #ccc; color:#333; display:inline-block; text-align:center; line-height:48px; font-weight:400; font-size:21px; margin-left:-1px; background-color:#fff;}
.activity .tab_year a.on {background-color:#666; color:#fff; border-color:#666;}
.activity .tab_year a:first-child {margin-right:-5px;}

.meeting .cont .list_span_position {font-size:18px; line-height:24px; color:#333;}
.meeting .cont .list_1depth_tit > li > em {color:#333;}

/* tooltip */
.tooltipBox {
    position: relative;
    display: inline-block;
	text-decoration:underline;
	color:#3b7da6;
	font-weight:400;
}

.tooltipBox .tooltiptext {
    visibility: hidden;
    font-size:13px;
    background-color: #fff;
    color: #666;
    padding: 10px;
    position: absolute;
    z-index: 1;
    top: 25px;
    left: 0;
	border:1px solid #ccc;
	font-weight:300;
	line-height:16px;
}

.tooltipBox:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


/* Seminar */
.seminar .imgWrap2 div.text {width:46%; padding:20px 20px 0 20px;}
.seminar .list_bg_number li {font-size:15px; margin-bottom:8px;}
.seminar .list_bg_number li:last-child {margin-bottom:0;}
.seminar .titWrap2 {overflow:hidden;}
.seminar .titWrap2 div {float:left; width:490px;}
.seminar .titWrap2 div:first-child {margin-right:44px;}
.seminar .titWrap2 div .tbl_view {letter-spacing:-0.01em;}


/* Compensation Process */
.process .cont .colorbox {overflow:hidden; background-color:#f1f5f6; padding:40px;}
.process .cont .colorbox .img {width:453px; float:left; border:1px solid #ccc; background-color:#fff; text-align:center;}
.process .cont .colorbox .list_process {width:420px; float:left; margin-left:50px;}
.process .cont .colorbox .list_process dt {font-weight:400; font-size:24px; color:#333; line-height:20px; padding:25px 0; text-align:center; border-top:1px solid #999; border-bottom:1px solid #999;}
.process .cont .colorbox .list_process dd {margin-top:30px;}
.process .cont .colorbox .list_process dd ul li {position:relative; background-color:#e7e7e7; color:#333; font-size:16px; line-height:32px; text-align:center; width:420px; height:32px; padding:14px 0; margin-bottom:50px;}
.process .cont .colorbox .list_process dd ul li:after {content:""; background-image: url(../../images/common/img_sprite01.png); background-repeat:no-repeat; background-position:-10px -310px; width:28px; height:15px; position:absolute; top:78px; left:197px;}
.process .cont .colorbox .list_process dd ul li:last-child:after {background:none;}
.process .cont .colorbox .list_process dd ul li:last-child {margin-bottom:0;}
.process .cont .colorbox .list_process dd ul li:nth-child(even) {background-color:#216e9e; color:#fff;}


/* The period of subscription withdrawal */
.withdrawal2 .cont .circlebox {overflow:hidden; background-color:#f1f5f6; padding:40px 20px;}
.withdrawal2 .cont .circlebox p {position:relative; float:left; width:295px; height:113px; border-right:1px solid #ccc; padding-left:175px;}
.withdrawal2 .cont .circlebox p:last-child {width:338px; border-right:0;}
.cont .circlebox p strong {background-image: url(../../images/common/img_sprite01.png); background-repeat:no-repeat; width:120px; height:120px; position:absolute; left:40px; top:0; font-size:20px; color:#fff; text-align:center; line-height:120px;}
.withdrawal2 .cont .circlebox p.cir_blue strong {background-position:-118px 0px;}
.withdrawal2 .cont .circlebox p.cir_green strong {background-position:-118px -130px;}
.withdrawal2 .cont .circlebox p.cir_blue span {display:inline-block; margin-top:40px;}
.withdrawal2 .cont .circlebox p.cir_green span {display:inline-block; margin-top:40px;}