@charset "utf-8";

/* con_com 구분에 들어가는 기본 레이아웃 */
#con_com {position:relative; padding:20px; background:#f3f3f3;}
#con_com section {position:relative; margin:20px 0 0; padding:20px 25px; background:#fff;}
#con_com section h1 {margin-bottom:15px; font-size:26px; font-family: 'NotoB'; text-align:center; color:#222;}
#con_com section h2 {position:relative; padding:4px; font-size:16px; font-family: 'NotoB'; text-align:center; color:#fff; background:#555;}
/*#con_com section h2:before {content:''; position:absolute; top:0; left:50%; width:20px; height:2px; margin-left:-10px; background:#222;}*/
#con_com section .DC {padding-bottom:15px; font-size:15px; text-align:center; font-family: 'NotoR'; border-bottom:1px solid #555;}
#con_com section .con_com_st {padding:20px 0; line-height:1.4; font-family: 'NotoR'; font-size:14px; color:#444; overflow:hidden;}

.imgBox{width:100%; overflow:hidden;}
.imgBox li{float:left; width:24%; margin:0.5% 0.5%}
.imgBox li img{width:100%;}

div.newsLetter_txtWrap {
    overflow: hidden;
    margin: 20px 0 0 0;
}
div.newsLetter_txtWrap span {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin: 12px 0 0 0;
    width: 50%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}

    div.newsLetter_txtWrap a.ebookBtn {
    float: right;
    font-size: 14px;
    width: 115px;
    text-align:left;
    padding-left:3px;

    border: 1px solid #5f5f5f;
    line-height: 39px;
    position:relative;
/*     margin-top:-38px; */
}


ul.newsLetter_list li a {
    display: block;
    font-weight: 400;
}

div.newsLetter_txtWrap a.ebookBtn .openBtn{
	clear:both;
	display:block;
	width:15px;
	height:15px;
	position:absolute;
	top:30%; right:10%;
}

@media screen and (max-width:1019px){ 
	
	#con_com {padding:20px 0.5%;}
	#con_com section {padding:20px 2%;}
}

/* 타이틀(텍스트 타입) */
.titT1 {margin-bottom:10px; font-size:26px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px;}
.titT2 {margin-bottom:10px; font-size:20px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px;}
.titT3 {margin-bottom:10px; font-size:18px; line-height:1.3; font-family:'NotoM'; color:#e32c28; letter-spacing:-1px;}
.titT3_lineB {margin-bottom:10px; font-size:18px; line-height:1.3; font-family:'NotoM'; color:#e32c28; letter-spacing:-1px; text-decoration:underline;}

/* 타이틀(블릿 타입) */
.tit1 {margin-bottom:10px; padding-bottom:10px; font-size:24px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px; background:url("/images/template/00_common/con_com/bu_tit1.png") no-repeat left bottom;}
.tit2 {margin-bottom:10px; padding-left:16px; font-size:20px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px; background:url("/images/template/00_common/con_com/bu_tit2.png") no-repeat left 2px;}
.tit3 {margin-bottom:10px; padding-left:13px; font-size:18px; line-height:1.3; font-family:'NotoM'; color:#333; letter-spacing:-1px; background:url("/images/template/00_common/con_com/bu_tit3.png") no-repeat left 4px;}

/* 블릿 */
.bu_st1 {position:relative; padding-left:12px; font-size:14px; line-height:1.4; color:#444;}
.bu_st1:before {content:''; position:absolute; top:8px; left:0; width:5px; height:5px; background:#4a4e59;}
.bu_st2 {position:relative; padding-left:12px; font-size:14px; line-height:1.4; color:#444;}
.bu_st2:before {content:''; position:absolute; top:9px; left:0; width:4px; height:4px; background:#646a7d; border-radius:2px;}
.bu_st2B {position:relative; padding-left:12px; font-size:14px; line-height:1.4; color:#444;}
.bu_st2B:before {content:''; position:absolute; top:9px; left:0; width:4px; height:4px; background:#e32c28; border-radius:2px;}
.bu_st3 {position:relative; padding-left:12px; font-size:14px; line-height:1.4; color:#444;}
.bu_st3:before {content:''; position:absolute; top:10px; left:0; width:5px; height:2px; background:#646a7d;}
.bu_st4{position:relative; padding-left:12px; font-size:14px; line-height:1.4; color:#555;}
.bu_st4:before {content:''; position:absolute; top:10px; left:0; width:2px; height:2px; background:#646a7d;}

/* 리스트 : 블릿 타입 */
.list_st1 > li {position:relative; padding:5px 0 5px 12px; font-size:14px; line-height:1.4; color:#444;}
.list_st1 > li:before {content:''; position:absolute; top:13px; left:0; width:5px; height:5px; background:#4a4e59;}
.list_st2 > li {position:relative; padding:4px 0 4px 13px; font-size:14px; line-height:1.4; color:#444;}
.list_st2 > li:before {content:''; position:absolute; top:13px; left:0; width:4px; height:4px; background:#646a7d; border-radius:2px;}
.list_st3 > li {position:relative; padding:3px 0 3px 10px; font-size:14px; line-height:1.4; color:#444;}
.list_st3 > li:before {content:''; position:absolute; top:13px; left:0; width:5px; height:2px; background:#646a7d;}
.list_st4 > li{position:relative; padding:3px 0 3px 10px; font-size:14px; line-height:1.4; color:#555;}
.list_st4 > li:before {content:''; position:absolute; top:13px; left:0; width:2px; height:2px; background:#646a7d;}
li.bu_none:before {display:none;}

/* 리스트 : 텍스트 타입 */
.list_stT1 > li {padding:3px 0; font-size:14px; line-height:1.4; color:#444;}
.list_stT2 > li {font-size:14px; line-height:1.4; color:#444;}

/* 리스트 : 가로 나열 */
.li_w50, .li_w30, .li_w25, .li_w20 {overflow:hidden;}
.li_w50 > li {width:45%; float:left;}
.li_w30 > li {width:30%; float:left;}
.li_w25 > li {width:23%; float:left;}
.li_w20 > li {width:18%; float:left;}

/* 리스트 : 순차적 리스트 타입 */
.list_ol1 li {position:relative; margin-bottom:5px; padding:3px 0 2px 30px; line-height:1.4; font-size:14px;}
.list_ol1 li span.num {position:absolute; left:0; top:0; width:25px; height:25px; line-height:25px; font-family:"NotoM"; color:#fff; text-align:center; background:#636363; border-radius:13px;}
.list_ol2 li {position:relative; margin-bottom:5px; padding:3px 0 2px 30px; line-height:1.4; font-size:14px;}
.list_ol2 li span.num {position:absolute; left:0; top:0; width:25px; height:25px; line-height:25px; font-family:"NotoM"; color:#fff; text-align:center; background:#2a384a; border-radius:13px;}
.list_ol2 li:nth-child(even) span.num {background:#e32c28;}

/* 텍스트 요소 : 폰트컬러 타입 */
.pc_blue {color:#155eb6;}
.pc_navy {color:#17335a;}
.pc_org {color:#f58220;}
.pc_black {color:#000;}
.pc_green {color:#4db02c;}
.pc_mint {color:#00b0a0;}
.pc_red {color:#e33d65;}

/* 텍스트 요소 : 텍스트 배경색 */
.bg_blue {padding:2px 5px; color:#fff; background:#155eb6;}
.bg_navy {padding:2px 5px; color:#fff; background:#17335a;}
.bg_org {padding:2px 5px; color:#fff; background:#f58220;}
.bg_black {padding:2px 5px; color:#fff; background:#000;}
.bg_green {padding:2px 5px; color:#fff; background:#4db02c;}
.bg_mint {padding:2px 5px; color:#fff; background:#00b0a0;}
.bg_red {padding:2px 5px; color:#fff; background:#e33d65;}

/* 텍스트 요소 : 강조 타입 */
.Tline_b {text-decoration:underline;}
.f_weightB {font-weight:bold;}

/* 텍스트 요소 : 폰트 크기 */
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px;}
.fs24 {font-size:24px;}
.fs26 {font-size:26px;}

/* 텍스트 요소 : 링크 타입 */
a.bu_link {padding-left:30px; color:#155eb6; text-decoration:underline; background:url("/images/template/00_common/con_com/bu_link.png") no-repeat left top;}
a.bu_linkL {padding-left:20px; color:#155eb6; text-decoration:underline; background:url("/images/template/00_common/con_com/bu_link_line.png") no-repeat left 3px;}
a.bu_mail {padding-left:30px; color:#155eb6; text-decoration:underline; background:url("/images/template/00_common/con_com/bu_mail.png") no-repeat left top;}
a.bu_mailL {padding-left:20px; color:#155eb6; text-decoration:underline; background:url("/images/template/00_common/con_com/bu_mail_line.png") no-repeat left 3px;}

/* 텍스트 요소 : 경고&말풍선 타입 */
.bu_atteT {margin-bottom:10px; padding-left:30px; font-size:18px; font-family:"NotoM"; color:#222; background:url("/images/template/00_common/con_com/bu_atteT.png") no-repeat left top;}
.bu_atteT2 {margin-bottom:10px; padding-left:30px; font-size:18px; font-family:"NotoM"; color:#222; background:url("/images/template/00_common/con_com/bu_atteT2.png") no-repeat left top;}
.bu_atteT_line {margin-bottom:10px; padding-left:30px; font-size:18px; font-family:"NotoM"; color:#222; background:url("/images/template/00_common/con_com/bu_atteT_line.png") no-repeat left top;}
.bu_atteT2_line {margin-bottom:10px; padding-left:30px; font-size:18px; font-family:"NotoM"; color:#222; background:url("/images/template/00_common/con_com/bu_atteT2_line.png") no-repeat left top;}
.bu_atte {padding-left:20px; background:url("/images/template/00_common/con_com/bu_atte.png") no-repeat left 2px;}
.bu_atte2 {padding-left:20px; background:url("/images/template/00_common/con_com/bu_atte2.png") no-repeat left 2px;}
.bu_atte_line {padding-left:20px; background:url("/images/template/00_common/con_com/bu_atte_line.png") no-repeat left 2px;}
.bu_atte2_line {padding-left:20px; background:url("/images/template/00_common/con_com/bu_atte2_line.png") no-repeat left 2px;}

.bu_mentT {margin-bottom:10px; padding:4px 0 4px 40px; font-size:18px; font-family:"NotoM"; color:#222; background:url("/images/template/00_common/con_com/bu_mentT.png") no-repeat left top;}
.bu_mentT2 {margin-bottom:10px; padding:17px 0 0 15px; font-size:18px; font-family:"NotoM"; color:#222; background:url("/images/template/00_common/con_com/bu_mentT2.png") no-repeat left top;}
.bu_ment {padding:16px 0 0 15px; background:url("/images/template/00_common/con_com/bu_ment.png") no-repeat left top;}

/* 테이블 : 테이블 기본 타입 추가수정 190717 */
/*.tbl_st {position:relative; width:100%; background:#fff; -webkit-overflow-scrolling:touch; word-break:keep-all;}*/
.tbl_st {position:relative; width:100%; margin:5px 0 0 -1px; text-align:center; border-top:2px solid #000; -webkit-overflow-scrolling:touch; word-break:keep-all;}
.tbl_st thead th {padding:13px 10px; vertical-align:middle; color:#222; font-family:"NotoM"; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#f3f3f3;}
.tbl_st tbody th {padding:13px 10px; vertical-align:middle; color:#222; font-family:"NotoM"; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#f3f3f3;}
.tbl_st td {padding:10px 15px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}
.tbl_st tfoot th {padding:13px 10px; color:#222; font-family:"NotoM"; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fafbfb;}
.tbl_st tfoot td {padding:13px 10px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fafbfb;}
.tbl_st:after {content:""; display:block; position:absolute; left:0; top:0; width:1px; height:100%; clear:both; overflow:hidden; background:#fff;}

/* 테이블 : 테이블 4면 선 */
/*.tbl_st2 {position:relative; background:#fff; -webkit-overflow-scrolling:touch; word-break:keep-all;}*/
.tbl_st2 {position:relative; width:100%; margin-top:5px; text-align:center; border-top:2px solid #000; border-left:1px solid #d2d2d2; -webkit-overflow-scrolling:touch; word-break:keep-all;}
.tbl_st2 thead th {padding:13px 10px; vertical-align:middle; color:#222; font-family:"NotoM"; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#f3f3f3;}
.tbl_st2 tbody th {padding:13px 10px; vertical-align:middle; color:#222; font-family:"NotoM"; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#fdfdfd;}
.tbl_st2 td {padding:10px 15px; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}
.tbl_st2 tfoot th {padding:13px 10px; color:#222; font-family:"NotoM"; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#fafbfb;}
.tbl_st2 tfoot td {padding:13px 10px; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#fafbfb;}

/* 테이블 : 세로테이블 */
/*.tbl_st_row {position:relative; background:#fff; -webkit-overflow-scrolling:touch; word-break:keep-all;}*/
.tbl_st_row {position:relative; width:100%; margin-top:5px; text-align:center; border-top:2px solid #000; -webkit-overflow-scrolling:touch; word-break:keep-all;}
.tbl_st_row tbody th {padding:13px 10px; vertical-align:middle; color:#222; font-family:"NotoM"; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; background:#f3f3f3;}
.tbl_st_row tbody td {padding:10px 15px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fff;}
.tbl_st_row tfoot th {padding:13px 10px; color:#222; font-family:"NotoM"; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#f3f3f3;}
.tbl_st_row tfoot td {padding:13px 10px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fafbfb;}

/* 테이블 - 기타 */
.scroll_img, .scroll_gr {position:relative; } /* 스크롤 */
.tbl_utile {margin-top:-20px; text-align:right; line-height:16px; font-size:14px;} /* 유틸 */

/* 박스 : 박스 기본 타입 */
.box_st1 {position:relative; padding:15px 25px; border:1px solid #bfbfbf; background:#fff;}
.box_st2 {position:relative; padding:15px 25px; border:1px solid #bfbfbf; background:#fbfbfb;}
.box_st3 {padding:5px; background:url("/images/template/00_common/con_com/pt_diagonalG.png") repeat;}
.box_st3 .inner {position:relative; padding:15px 25px; background:#fff;}
.box_st4 {position:relative; padding:15px 25px; border-top:2px solid #000; border-bottom:1px solid #000;}
.box_st5 {position:relative; padding:15px 25px; border:2px solid #dfe6ee; background:#fff;}
.box_st5:before {content:''; position:absolute; top:-2px; left:-2px; width:50px; height:50px; border-top:4px solid #e87e00; border-left:4px solid #e87e00;}
.box_st5:after {content:''; position:absolute; bottom:-2px; right:-2px; width:50px; height:50px; border-bottom:4px solid #2a384a; border-right:4px solid #2a384a;}
.box_st_ico {position:relative; min-height:70px; padding-left:90px;}
.box_st_ico .ico_boxImg {position:absolute; left:0; top:0;}
.box_st_ico02 {position: relative; padding-bottom: 40%; height:0; overflow:hidden; }
.box_st_ico02 video, iframe {/* position: absolute; */ top: 0; left: 10%; width: 80%; /* height:100%; */ }

/* 탭 : 1차 탭 */
.tab_st1 {margin-bottom:20px; overflow:hidden;}
.tab_st1 li {width:25%; float:left; margin:1px 0;}
.tab_st1 li a {position:relative; display:block; margin-right:2px; padding:15px 55px 15px 15px; line-height:20px; font-size:15px; color:#444; text-align:center; border:1px solid #d3d3d3; background:#f2f2f2 url("/images/template/00_common/con_com/tab_off.png") no-repeat right center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_st1 li.on a, .tab_st1 li.on a:hover, .tab_st1 li a:hover {font-family:"NotoM"; color:#fff; border:1px solid #4a4d54; background:#4a4d54 url("/images/template/00_common/con_com/tab_on.png") no-repeat right center;}
.tab_st1 li a[target='_blank'] {background-image:url("/images/template/00_common/con_com/tab_off_blank.png") ;}
.tab_st1 li a:hover[target='_blank'] {background-image: url("/images/template/00_common/con_com/tab_on_blank.png") ;}

/* 탭 : 2차 탭 */
.tab_st2 {margin-bottom:20px; overflow:hidden;}
.tab_st2 li {width:25%; float:left; margin:1px 0;}
.tab_st2 li a {display:block; margin-right:2px; padding:11px 10px; line-height:19px; font-size:14px; color:#444; text-align:center; border:2px solid #d3d3d3; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_st2 li.on a, .tab_st2 li.on a:hover, .tab_st2 li a:hover {font-family:"NotoM"; color:#222; border-color:#4a4d54;}
.tab_st2 li a[target='_blank'] {background:url("/images/template/00_common/con_com/tab2_off_blank.png") no-repeat 95% center;}

/* 탭 : 3차 탭 */
.tab_st3 {margin-bottom:20px; overflow:hidden;}
.tab_st3 li {width:25%; float:left; margin:1px 0;}
.tab_st3 li a {display:block; margin-right:2px; padding:11px 10px; line-height:19px; font-size:14px; color:#444; text-align:center; border-top:2px solid #d3d3d3; border-bottom:2px solid #d3d3d3; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_st3 li.on a, .tab_st3 li.on a:hover, .tab_st3 li a:hover {font-family:"NotoM"; color:#222; border-color:#4a4d54;}
.tab_st3 li a[target='_blank'] {background:url("/images/template/00_common/con_com/tab2_off_blank.png") no-repeat 95% center;}

/* 탭 : 리스트 탭 */
.tab_list {margin-bottom:20px; padding:20px 0; border:4px solid #dfe6ee; overflow:hidden; background:url("/images/template/00_common/con_com/bg_tab_list.png") no-repeat left top;}
.tab_list li {width:25%; float:left; margin:1px 0;}
.tab_list li a {position:relative; display:block; margin:0 20px; padding-left:23px; line-height:30px; font-size:14px; color:#444; background:url("/images/template/00_common/con_com/tab_list_off.png") no-repeat left 7px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_list li.on a, .tab_list li.on a:hover, .tab_list li a:hover {font-family:"NotoM"; color:#222; background:url("/images/template/00_common/con_com/tab_list_on.png") no-repeat left 7px;}
.tab_list li a[target='_blank']:after {content:''; display:inline-block; width:13px; height:13px; margin-left:10px; background:url("/images/template/00_common/con_com/tab2_off_blank.png") no-repeat right center;}

/* 탭 : 개수 지정 */
.Tab_w50 li {width:50%;}
.Tab_w30 li {width:33%;}
.Tab_w20 li {width:20%;}

/* 버튼 : 기본 */
.btn_gr, .btn_grL, .btn_bl, .btn_blL {display:inline-block; margin:1px; line-height:22px; font-size:17px; font-family:"NotoM"; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.btn_gr {padding:10px 15px; color:#fff; background:#515151;}
.btn_gr:hover, .btn_gr:focus {background:#424141;}
.btn_grL {padding:9px 14px; color:#515151; border:1px solid #515151;}
.btn_grL:hover, .btn_grL:focus {color:#424141; border:1px solid #424141;}
.btn_bl {padding:10px 15px; color:#fff; background:#155eb6;}
.btn_bl:hover, .btn_bl:focus {background:#0f4e99;}
.btn_blL {padding:9px 14px; color:#155eb6; border:1px solid #155eb6;}
.btn_blL:hover, .btn_blL:focus {color:#0f4e99; border:1px solid #0f4e99;}

/* 버튼 :색상 추가 */
.btn_Dbl,.btn_red,.btn_pur,.btn_org,.btn_mint,.btn_yel{display:inline-block; padding:10px 15px; color:#fff; background:#515151; margin:1px; line-height:22px; font-size:17px; font-family:"NotoM"; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.btn_Dbl { color:#fff; background:#085eba; border:2px solid #085eba; }
.btn_red { color:#fff; background:#f2264b; border:2px solid #f2264b; }
.btn_pur { color:#fff; background:#5174d0; border:2px solid #5174d0; }
.btn_org { color:#fff; background:#ff9b0b; border:2px solid #ff9b0b; }
.btn_mint { color:#fff; background:#21cecc; border:2px solid #21cecc; }
.btn_yel { color:#333; background:#ffe14f; border:2px solid #ffe14f; }
.btn_Dbl:hover, .btn_Dbl:focus { background:#fff; color:#085eba;}
.btn_grL:hover, .btn_grL:focus { background:#eee; color:#000; }
.btn_red:hover, .btn_red:focus { background:#fff; color:#f2264b; }
.btn_pur:hover, .btn_pur:focus { background:#fff; color:#2c4da0; }
.btn_org:hover, .btn_org:focus { background:#fff; color:#ca590d; }
.btn_mint:hover, .btn_mint:focus { background:#fff; color:#1b7c7b;}
.btn_yel:hover, .btn_yel:focus { background:#fff;}



/* 버튼 : 작은사이즈 */
.btn_gr.mini, .btn_grL.mini, .btn_bl.mini, .btn_blL.mini {display:inline-block; margin:1px; line-height:18px; font-size:14px; font-family:"NotoR"; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.btn_gr.mini {padding:5px 10px; color:#fff; background:#515151;}
.btn_grL.mini {padding:4px 9px; color:#515151; border:1px solid #515151;}
.btn_bl.mini {padding:5px 10px; color:#fff; background:#155eb6;}
.btn_blL.mini {padding:4px 9px; color:#155eb6; border:1px solid #155eb6;}

.btn_gr:hover, .btn_gr:focus {background:#424141;}
.btn_grL:hover, .btn_grL:focus {color:#424141; border:1px solid #424141;}
.btn_bl:hover, .btn_bl:focus {background:#0f4e99;}
.btn_blL:hover, .btn_blL:focus {color:#0f4e99; border:1px solid #0f4e99;}

/* 버튼 : 기본 + 아이콘 */
.btn_gr.ico_w, .btn_bl.ico_w {position:relative; padding:10px 50px 10px 15px;}
.btn_grL.ico_g, .btn_blL.ico_g {position:relative; padding:9px 49px 9px 14px;}
.ico_w span, .ico_g span {position:absolute; right:15px; top:50%; display:block; width:18px; height:18px; margin-top:-9px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.ico_w:hover span, .ico_w:focus span, .ico_g:hover span, .ico_g:focus span {right:20px;}

/* 버튼 : 기본 + 아이콘 */
.btn_gr.ico_w, .btn_bl.ico_w {position:relative; padding:10px 50px 10px 15px;}
.btn_grL.ico_g, .btn_blL.ico_g {position:relative; padding:9px 49px 9px 14px;}
.ico_w span, .ico_g span {position:absolute; right:15px; top:50%; display:block; width:18px; height:18px; margin-top:-9px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.ico_w:hover span, .ico_w:focus span, .ico_g:hover span, .ico_g:focus span {right:20px;}

.ico_w span.down {background:url("/images/template/00_common/con_com/btn_dwldW.png") no-repeat;}
.ico_w span.link {background:url("/images/template/00_common/con_com/btn_linkW.png") no-repeat;}
.ico_w span.home {background:url("/images/template/00_common/con_com/btn_homeW.png") no-repeat;}
.ico_w span.mail {background:url("/images/template/00_common/con_com/btn_mailW.png") no-repeat;}
.ico_w span.search {background:url("/images/template/00_common/con_com/btn_searchW.png") no-repeat;}
.ico_w span.glan {background:url("/images/template/00_common/con_com/btn_glanW.png") no-repeat;}
.ico_w span.more {background:url("/images/template/00_common/con_com/btn_moreW.png") no-repeat;}
.ico_w span.cldr {background:url("/images/template/00_common/con_com/btn_cldrW.png") no-repeat;}

.ico_g span.down {background:url("/images/template/00_common/con_com/btn_dwldG.png") no-repeat;}
.ico_g span.link {background:url("/images/template/00_common/con_com/btn_linkG.png") no-repeat;}
.ico_g span.home {background:url("/images/template/00_common/con_com/btn_homeG.png") no-repeat;}
.ico_g span.mail {background:url("/images/template/00_common/con_com/btn_mailG.png") no-repeat;}
.ico_g span.search {background:url("/images/template/00_common/con_com/btn_searchG.png") no-repeat;}
.ico_g span.glan {background:url("/images/template/00_common/con_com/btn_glanG.png") no-repeat;}
.ico_g span.more {background:url("/images/template/00_common/con_com/btn_moreG.png") no-repeat;}
.ico_g span.cldr {background:url("/images/template/00_common/con_com/btn_cldrG.png") no-repeat;}

/* 버튼 : 작은사이즈 + 아이콘 */
.btn_gr.mini.ico_w, .btn_bl.mini.ico_w {position:relative; padding:5px 35px 5px 10px;}
.btn_grL.mini.ico_g, .btn_blL.mini.ico_g {position:relative; padding:4px 34px 4px 9px;}
.mini.ico_w span, .mini.ico_g span {position:absolute; right:10px; top:50%; display:block; width:13px; height:13px; margin-top:-7px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition:all 0.2s ease;}
.mini.ico_w:hover span, .mini.ico_w:focus span, .mini.ico_g:hover span, .mini.ico_g:focus span {right:13px;}

.mini.ico_w span.down {background:url("/images/template/00_common/con_com/btn_dwldW_SML.png") no-repeat;}
.mini.ico_w span.link {background:url("/images/template/00_common/con_com/btn_linkW_SML.png") no-repeat;}
.mini.ico_w span.home {background:url("/images/template/00_common/con_com/btn_homeW_SML.png") no-repeat;}
.mini.ico_w span.mail {background:url("/images/template/00_common/con_com/btn_mailW_SML.png") no-repeat;}
.mini.ico_w span.search {background:url("/images/template/00_common/con_com/btn_searchW_SML.png") no-repeat;}
.mini.ico_w span.glan {background:url("/images/template/00_common/con_com/btn_glanW_SML.png") no-repeat;}
.mini.ico_w span.more {background:url("/images/template/00_common/con_com/btn_moreW_SML.png") no-repeat;}
.mini.ico_w span.cldr {background:url("/images/template/00_common/con_com/btn_cldrW_SML.png") no-repeat;}

.mini.ico_g span.down {background:url("/images/template/00_common/con_com/btn_dwldG_SML.png") no-repeat;}
.mini.ico_g span.link {background:url("/images/template/00_common/con_com/btn_linkG_SML.png") no-repeat;}
.mini.ico_g span.home {background:url("/images/template/00_common/con_com/btn_homeG_SML.png") no-repeat;}
.mini.ico_g span.mail {background:url("/images/template/00_common/con_com/btn_mailG_SML.png") no-repeat;}
.mini.ico_g span.search {background:url("/images/template/00_common/con_com/btn_searchG_SML.png") no-repeat;}
.mini.ico_g span.glan {background:url("/images/template/00_common/con_com/btn_glanG_SML.png") no-repeat;}
.mini.ico_g span.more {background:url("/images/template/00_common/con_com/btn_moreG_SML.png") no-repeat;}
.mini.ico_g span.cldr {background:url("/images/template/00_common/con_com/btn_cldrG_SML.png") no-repeat;}

/* 이미지 사이즈 : 확대보기 */
.rsp_img {position:relative; width:auto; max-width:100%;}
.rsp_img img {max-width:100%;}
.rsp_img .zoom {width:100%;}
.rsp_img .btn-zoom {position:absolute; bottom:0; right:0; width:45px; height:45px; display:block; z-index:100; background:url("/images/template/00_common/con_com/ico_rsp_img.png") no-repeat;}
/*.BD_table > table > tbody > tr > td img {max-width:100%;}*/ /*191030주석*/
.BD_table > table > tbody > tr > td > div img {width:100%;} /*211015추가*/

/* 이미지 사이즈 : 100% */
.img_w100 {max-width:100%;}

/* 콘텐츠 준비중 */
.Coming_soon {padding:5px; background:#dfe6ee url("/images/template/00_common/con_com/pt_diagonalW.png") repeat;}
.Coming_soon .inner {padding:50px 20px; text-align:center; background:#fff; word-break:keep-all;}
.Coming_soon .inner h3 {font-size:30px; color:#222;}
.Coming_soon .inner p {position:relative; margin-top:30px; padding-top:33px; font-size:18px;}
.Coming_soon .inner p:before {content:''; position:absolute; top:0; left:50%; width:40px; height:3px; margin-left:-20px; background:#222;}

/* 라인 */
.line_dot {margin-bottom:10px; padding-top:10px; border-bottom:1px dotted #d2d2d2;}
.line_dot_B {border-bottom:1px dotted #d2d2d2;}



/* 패딩 */
.pd0  {padding:0 !important;}

.pd5  {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}

.pdt5  {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt30 {padding-top:30px !important;}
.pdt40 {padding-top:40px !important;}

.pdr5  {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr30 {padding-right:30px !important;}

.pdb5  {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb30 {padding-bottom:30px !important;}

.pdl5  {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl30 {padding-left:30px !important;}

/* 마진 */
.mg0  {margin:0 !important;}

.mg5  {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg30 {margin:30px !important;}

.mgt5  {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}

.mgt5n  {margin-top:-5px !important;}
.mgt10n  {margin-top:-10px !important;}

.mgr5  {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}

.mgb0  {margin-bottom:0 !important;}
.mgb5  {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}

.mgl5  {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}

/* 학과소개 190911 KSY */
.summary_box .txt_box img {max-width:100%;}/* 190911 */

/* (교수소개 탭) 콘텐츠 내 탭이 있을경우 */
.tab_page {position:relative; margin-bottom:20px; letter-spacing:-1px; border:4px solid #dfe6ee; overflow:hidden; background:url("/images/template/00_common/con_com/bg_tab_list.png") no-repeat left top;}
.tab_page ul {padding:16px; overflow:hidden; }
.tab_page ul li {width:25%; line-height:26px; float:left; }
.tab_page ul li a {display:block; padding-left:12px; background: url('/images/template/00_common/con_com/con_tabOff.png') no-repeat left 12px;}
.tab_page ul li a:hover {text-decoration:underline;}
.tab_page ul li.on a {padding-left:12px; color:#015aab; font-family:"NotoM"; text-decoration:underline; background:url('/images/template/00_common/con_com/con_tabOn.png') no-repeat left 12px;}
.tab_page.tp_w3 ul li { width:33.33%}

/* 0102_교수소개 수정 190830 */
.professor.tab_page {padding:25px;}
.professor.tab_page > p { font-size:22px; color:#015aab; border-bottom:1px dashed #ddd; padding:0 0 10px}
.professor.tab_page ul {padding:15px 0 0; background-image:none}
.professor.tab_page ul li {width:33%;}


/* 타입 01 수정 190910 */
.professor_list{width:100%; position:relative; display:inline-block; }
.professor_bg {background:url('/images/template/00_common/con_com/professor_bg.png') no-repeat 97% 30px;}/* 수정 190920 */
.professor_list.w100>li {width:100%; box-sizing:border-box;}
.professor_list.profes_ht>li {height:320px;}/* 추가 190920 */
.professor_list>li{ position:relative; width:48.8%; margin-bottom:20px; min-height:140px; border:1px solid #ddd; overflow:hidden; float:left} 
.professor_list>li.first {margin-right:18px;}
.professor_list li .left{position:absolute; left:30px; top:30px;  padding-left:1px;}/* 수정 190920 */
.professor_list li .left img{vertical-align:top; width:100px; height:130px; max-width:100%}
.professor_list li .left_st2 img{vertical-align:top; width:170px; height:220px; max-width:100%}/* 추가 190920 */
.professor_list li .depart img{vertical-align:top; width:100px; height:100px; max-width:100%}
.professor_list li .right {min-height:140px; padding:30px 20px 10px 160px;}/* 수정 190910 */
.professor_list li .right_st2 {min-height:140px; padding:30px 20px 10px 225px;}/* 수정 191210 */
.professor_list li .right .pro_name{position:relative; font-size:20px; line-height:23px; color:#111;  font-family:'NotoM';}
.professor_list li .right span.pro_page {margin-left:5px;}
.professor_list li .right span.pro_page a{ display:inline-block; width:22px; height:22px; background:url('/images/template/00_common/con_com/pro_page.png') no-repeat left; text-indent:-30000px;}
.professor_list li .right .pro_name:after{ content:''; display:block; width:43px; height:9px; background-color:#005aab; margin:8px 0 7px;background:url('/images/template/00_common/con_com/pro_name_1.png') no-repeat center;}
.professor_list li .right ul.list { overflow:hidden; font-size:15px; margin-top:20px;}
.professor_list li .right ul.list>li {position:relative; height:40px; display:block; padding-left:75px; line-height:22px; overflow:hidden} /* 수정 191210 */
.professor_list li .right ul.list02 { overflow:hidden; font-size:15px; margin-top:20px; margin-bottom:5px;}/* 추가 190917 */
.professor_list li .right ul.list02>li {position:relative; height:25px; display:block; padding-left:80px; line-height:25px; overflow:hidden} /* 추가 190917 */
.professor_list li .right li .tit{color:#111;  font-family:'NotoM'; position:absolute; top:0; left:0; padding-left:12px; line-height:17px; background:url('/images/template/00_common/con_com/pro_list_bu.png') no-repeat left;}/* 수정 190910 */
.professor_list li .right li .txt {color:#666; line-height:19px;}/* 수정 190910 */
.professor_list li .right .inforbox{position:relative; border-top:1px solid #eee; }
.professor_list li .right .inforbox li{font-family:'NotoR'; font-size:15px; line-height:30px; color:#222; float:left; padding-left:25px; margin-right:15px; margin-top:5px;}
.professor_list li .right .inforbox_st2 li{font-family:'NotoR'; font-size:15px; line-height:30px; color:#222; float:none; padding-left:25px; margin-right:15px; margin-top:5px;}/* 수정 190920 */
.professor_list li .right .inforbox li.lab{background:url("/images/template/00_common/con_com/imgIcon_lab.png") no-repeat left center;}
.professor_list li .right .inforbox li.tel{background:url("/images/template/00_common/con_com/imgIcon_tel.png") no-repeat left center;}
.professor_list li .right .inforbox li.email{background:url("/images/template/00_common/con_com/imgIcon_email.png") no-repeat left center; margin-bottom:20px;}
.professor_list li .right .inforbox li.homepage{background:url("/images/template/00_common/con_com/imgIcon_home.png") no-repeat left center; margin-bottom:20px;}
.professor_list2 {width:100%; position:relative; overflow:hidden; font-size:15px; margin-bottom:10px;}
.professor_list2>li {position:relative;  display:block; padding-left:150px; line-height:22px}
.professor_list2 li .tit{color:#111;  font-family:'NotoM'; position:absolute; top:0; left:0; padding-left:12px; background:url('/images/template/00_common/con_com/pro_list_bu2.png') no-repeat left;}
.professor_list2 li .txt {color:#666;}
.professor_list .btn_desc{ position:absolute; top:30px; right:0; display:block; background:#fff url('/images/template/00_common/con_com/ico_arrow_1.png') no-repeat 63px 50%; padding-left:12px; width:100px; height:38px; line-height:36px; color:#0065bf; font-size:15px; text-align:left; border:1px solid #005aab}
.professor_list .btn_desc_close { position:absolute; top:30px; right:0; display:block; background:#fff url('/images/template/00_common/con_com/ico_close_1.png') no-repeat 75px 50%; padding-left:12px; width:100px; height:38px; line-height:36px; color:#0065bf; font-size:15px; text-align:left; border:1px solid #9fc7ec}
.professor_list li .desc{ display:none}
.professor_list li.on .desc{ display:block; float:left; width:100%; padding-top:30px; margin-top:30px; border-top:1px dotted #333}

/* 교육과정 */
.aduProc_col1 {background:#f8f8f8;}
.aduProc_col2 {background:#fbfbfb;}

/* 갤러리 게시판 리스트 */ /* 190903 추가 */
.lab_gallery_slide_wrap {position:relative; overflow:hidden; margin:0 0 30px;}
.lab_gallery_area {width:70%; height:550px; float:left; text-align:center; /* background:#f8f8f8; */ /* overflow:auto; */ }
.lab_gallery_area img {/*width:100%;*/ max-width: 100%; /* height:100%; */ height:550px;}
.lab_gallery_list_area {position:relative; width:24%; height:550px; float:right; overflow:hidden;}
.lab_gallery_list_area .inner {position:relative; height:490px; overflow:hidden;}
.lab_gallery_list_area ul {display:none; position:absolute; bottom:0; left:0; width:100%; height:490px; overflow:hidden;}
.lab_gallery_list_area ul li {position:relative;width:50%;height: 120px;float:left;background:#f8f8f8;overflow:hidden;text-align: center;}
.lab_gallery_list_area ul li.on:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:3px solid #ff7a4b;}
.lab_gallery_list_area ul li.on a img {opacity:1; }
.lab_gallery_list_area ul li a img {width:auto; height:100%; opacity:0.5; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.lab_gallery_list_area ul li a:hover img {opacity:1;}
.lab_gallery_slide_ctrl {position:absolute; left:0; top:0; width:100%; height:60px;}
.lab_gallery_slide_ctrl a {position:absolute; top:0; display:block; width:60px; height:60px; line-height:58px; text-align:center; z-index:2;}
.lab_gallery_slide_ctrl a img {vertical-align:middle;}
.lab_gallery_slide_ctrl .prev {left:0;}
.lab_gallery_slide_ctrl .next {right:0;}
.lab_gallery_slide_ctrl .slide_pad {position:relative; text-align:center; color:#555; line-height:58px; border:1px solid #ddd; line-height: 60px !important;}
.lab_gallery_slide_ctrl .slide_pad .on {color:#266ed4; font-weight:bold;}


/*학사일정 추가 191010 */
.schedule_top {overflow:hidden; box-sizing:border-box;  background:url('/images/template/00_common/con_com/schedule_bg.png') repeat; padding:15px 20px; }
.schedule_top span.tit {float:left; font-size:22px; line-height:39px; font-weight:bold;}
.schedule_top > p {float:right;}
.select {text-align:right; font-weight:bold;}
.select select {padding:5px 0 6px; font-weight:bold; vertical-align:middle;}
.selectWrap {display:inline-block; *display:inline; zoom:1; position:relative; overflow:hidden; width:auto; margin-right:5px; padding:0; border:1px solid #0a4997; vertical-align:top;}
.selectWrap .selectBox {position:relative; z-index:10; width:90px; height:35px; opacity:0; filter:alpha(opacity=0);}
.selectWrap .selectTrigger {position:absolute; top:0; left:0; width:100%; height:34px; text-align:left; text-indent:10px; line-height:34px; background: #fff url(/img/sub/sub030102_img02.gif) no-repeat right 50%; color:#353535; z-index:0;}
.search_box {float:right;}
.search_box input {float:left; height:28px; box-sizing:border-box; margin-right:5px;}
.search_box a {display:inline-block;}
#schedule_year .schedule_calendar:first-child{padding-top:60px; border-top:0;}
#schedule_year .schedule_calendar {display:block; padding-top:30px; border-top:1px dashed #ccc; margin-bottom:30px;}
#schedule_month {width:100%; position:relative;}
#schedule_month li a {display:block; height:38px; width:8.6%; background:#fff; position:absolute; top:0; line-height:38px; text-align:center; font-size:14px; color:#000; box-sizing:border-box; border:1px solid #e1e4eb; cursor:pointer;}
#schedule_month li a.cal1 {left:0;}
#schedule_month li a.cal2 {left:8.3%;}
#schedule_month li a.cal3 {left:16.6%;}
#schedule_month li a.cal4 {left:24.9%;}
#schedule_month li a.cal5 {left:33.2%;}
#schedule_month li a.cal6 {left:41.5%;}
#schedule_month li a.cal7 {left:49.8%;}
#schedule_month li a.cal8 {left:58.1%;}
#schedule_month li a.cal9 {left:66.4%;}
#schedule_month li a.cal10 {left:74.7%;}
#schedule_month li a.cal11 {left:83.0%;}
#schedule_month li a.cal12 {right:0;}
#schedule_month li a.on{background:#005aab; border-color:#0e4194; color:#fff}
#schedule_month .caution{margin:30px 0 20px}
.schedule_calendar {width:100%; padding-top:60px; overflow:hidden; display:none;}
.schedule_calendar.show { display:block; }
.schedule_calendar .calendar {float:left; width:37%; box-sizing:border-box; padding:0 15px 10px; border:1px solid #d4d6e2; border-top:2px solid #e32c28;}
.schedule_calendar .calendar > b {display:block; padding:12px 0; text-align:center; font-size:20px; font-weight:bold; letter-spacing:0; line-height:1em; color:#000}
.schedule_calendar .calendar table {width:100%}
.schedule_calendar .calendar table th {border-top:1px solid #d4d6e2; border-bottom:1px solid #d4d6e2; font-size:13px; color:#000; padding:7px 0; text-align:center;}
.schedule_calendar .calendar table td {padding-top:10px; text-align:center;font-size:13px;color:#000}
.schedule_calendar .calendar table td span {display:inline-block; width:25px; height:25px; line-height:25px; box-sizing:border-box; text-align:center;}
.schedule_calendar .calendar table td.mark span { font-weight:bold; background:#e5ebf1; }
.schedule_calendar .calendar table th:first-child,
.schedule_calendar .calendar table td:first-child{color:#db2a01}
.schedule_calendar .calendar table th:last-child,
.schedule_calendar .calendar table td:last-child{color:#2668b4}
.schedule_calendar .calendar table td.sun{color:#db2a01}
.schedule_calendar > table {float:right; width:60%; border:0 ; font-family:"NotoR";}
.schedule_calendar > table th {border:0; background:#e6e6e6; padding:8px 0; font-weight:bold; font-size:14px; text-align:center}
.schedule_calendar > table td {border:0; padding:10px 5px 0 10px; text-align:left; vertical-align:top; font-size:14px;}
.schedule_calendar > table td:first-child {color:#666;letter-spacing:0}
.bg_left {background:#b5c6d6;}

/* 학사일정 select_box 추가 191010 */
.slt_wrap { background:#0767b3; padding:2px; display:inline-block; float:right}
.slt_wrap div {background:#fff; padding:5px 10px;}
.slt_wrap div select {border:1px solid #fff; font-size:15px; color:#555; min-width:100px; }
.slt_wrap div button {background:#003871; color:#fff; border:0; padding:4px 7px 6px; }


/* 아이디찾기/패스워드변경/휴대폰번호변경 (240327 수정)(191024 추가) */
.id_pw_find {margin-top:30px; overflow:hidden;}
.id_pw_find .id_pw_box {width:49%; float:left; background:url("/images/template/00001/con_com/pt_diagonalG.png") repeat;}
.id_pw_find .id_pw_box:first-child {margin-right:2%;}
.id_pw_find .id_pw_box dl {margin:5px; padding:0 0; border:1px solid #d3d3d3; background:#fff;}
.id_pw_find .id_pw_box dl dt {position:relative; padding:15px 0; font-size:20px; color:#fff; font-family:"NotoM"; text-align:center; background:#17335a;}
/*.id_pw_find .id_pw_box dl dt:before {content:""; display:block; clear:both; position:absolute; bottom:0; left:50%; width:30px; height:2px; margin-left:-15px; background:#000;}*/
.id_pw_find .id_pw_box dl dd.id_pw_fm {min-height:180px; padding:15px 40px;}/* background:#f7f7f7; */
.id_pw_find .id_pw_box dl dd > ul > li {position:relative; margin:5px 0; padding-left:120px; font-size:16px; line-height:35px; color:#444;}
.id_pw_find .id_pw_box dl dd > ul > li > label, .id_pw_find .id_pw_box dl dd > ul > li > p  {position:absolute; top:0; left:0;  line-height:35px; font-family:"NotoM"; color:#111;}
.id_pw_find .id_pw_box dl dd > ul > li input, .id_pw_find .id_pw_box dl dd > ul > li label {vertical-align:middle;}
.id_pw_find .id_pw_box dl dd > ul > li .id_pw_ip {width:99%; height:35px; font-family:"NotoR"; font-size:14px; border:1px solid #ccc;}
.id_pw_find .id_pw_box dl dd > ul > li span + span {margin-left:20px;}
.id_pw_find .id_pw_box dl dd.id_pw_btn {padding:15px 0; text-align:center; font-size:16px; border-top:1px dashed #d3d3d3;}
.id_pw_find .id_pw_box dl dd.id_pw_btn a {display:inline-block; width:150px; line-height:45px; color:#e32c28; font-family:"NotoM"; border:2px solid #e32c28; background:#fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.id_pw_find .id_pw_box dl dd.id_pw_btn a:hover {color:#fff; background:#e32c28;}


.pic_btn a{display: none;}
.pic_btn a:hover{background-color:#236dc7;color:#fff;transition: all 300ms ease-out}


/*원서접수 바로가기 추가 230911*/
.btn_bl_qic {background-color: #FCA311 !important;}

@media screen and (max-width:1399px){ 
	/*학사일정 추가 191010 */
    #schedule_year .schedule_calendar:first-child, .schedule_calendar { padding-top:100px; }
	.schedule_calendar .calendar {width:100%;}
	.schedule_calendar > table {width:100%; margin-top:10px;}
	#schedule_month li a { width:16.9%; }
	#schedule_month li a.cal1 {left:0;}
	#schedule_month li a.cal2 {left:16.6%;}
	#schedule_month li a.cal3 {left:33.2%;}
	#schedule_month li a.cal4 {left:49.8%;}
	#schedule_month li a.cal5 {left:66.4%;}
	#schedule_month li a.cal6 {right:0; left:auto;}
	#schedule_month li a.cal7 {left:0; top:37px;}
	#schedule_month li a.cal8 {left:16.6%; top:37px;}
	#schedule_month li a.cal9 {left:33.2%; top:37px;}
	#schedule_month li a.cal10 {left:49.8%; top:37px;}
	#schedule_month li a.cal11 {left:66.4%; top:37px;}
	#schedule_month li a.cal12 {right:0; top:37px;}
}


@media screen and (max-width:1019px){ 

	/* 리스트 : 가로 나열 */
	.li_w50 > li, .li_w30 > li, .li_w25 > li, .li_w20 > li {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.li_w50 > li {width:50%;}
	.li_w30 > li {width:33%;}
	.li_w25 > li {width:25%;}
	.li_w20 > li {width:20%;}

	/* 테이블 - 기타 */
	.scroll_img .tbl_utile {margin-right:45px;}/* 유틸 & 스크롤있을때 */
	.scroll_gr .tbl_utile {margin-right:0; z-index:2;}/* 유틸 & 스크롤있을때 */

	/* 스크롤 - 이미지 */
	.scroll_img {margin-top:-30px; padding-top:30px; width:100%; overflow-x:auto; overflow-y:hidden; background:url("/images/template/00_common/con_com/img_scroll.png") no-repeat right top;}

	/* 스크롤 - 그라데이션 */
	.scroll_gr {width:100%; overflow-x:auto; background-repeat:no-repeat;
		background-image:linear-gradient(to left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background-position:right 5px ; background-size:30px 100%; z-index:1} 

	/* 타입 01 수정 190830 */
	.professor_list{width:100%;}
	.professor_list>li{width:100%; box-sizing:border-box}
	.professor_list>li.first {margin-right:0;}

}
@media screen and (max-width:960px) {
.imgBox li{width:32%; }
	div.newsLetter_txtWrap a.ebookBtn {margin-top:0;}
}
@media screen and (max-width:840px) {
	

	/* 아이디/패스워드찾기 */
	.id_pw_find {margin-top:0;}
	.id_pw_find .id_pw_box {width:100%; float:none; margin-top:20px;}
	.id_pw_find .id_pw_box:first-child {margin-right:0;}
	.id_pw_find .id_pw_box dl dd.id_pw_fm {min-height:auto;}

div.newsLetter_txtWrap a.ebookBtn {
  
    position:relative;
    margin-top:0px;
}

}


@media screen and (max-width:800px){ 
	
	/* 리스트 : 가로 나열 */
	.li_w50 > li {width:100%;}
	.li_w30 > li {width:50%;}
	.li_w25 > li {width:33%;}
	.li_w20 > li {width:25%;}

	/* 탭 : 1차, 2차, 3차 탭 */
	.tab_st1 li, .tab_st2 li, .tab_st3 li, .tab_list li {width:33%;}


	/* 탭 : 개수 지정 */
	.tab_st1.Tab_w50 li, .tab_st2.Tab_w50 li, .tab_st3.Tab_w50 li {width:100%;}
	.tab_st1.Tab_w30 li, .tab_st2.Tab_w30 li, .tab_st3.Tab_w30 li {width:50%;}
	.tab_st1.Tab_w20 li, .tab_st2.Tab_w20 li, .tab_st3.Tab_w20 li {width:33%;}
	
	/* 스크롤 - 이미지 */
	.scroll_img table{width:800px;}

	/* 갤러리 게시판 리스트 */ /* 190903 추가 */
	.lab_gallery_area {width:100%; /*height: 340px;*/ float:none;}
	/*.lab_gallery_area img {height: 340px;}*/
	.lab_gallery_list_area {width:100%; height:auto; float:none; margin-bottom:20px;}
	.lab_gallery_list_area .inner {position:relative; height:490px; overflow:hidden;}
	.lab_gallery_list_area ul {position:relative; height: auto; bottom:auto;}
	.lab_gallery_list_area ul li {height:100px; width:20%;}
	.lab_gallery_list_area ul li img {height: 200px;}
	.lab_gallery_slide_ctrl {position:relative; left:0; bottom:auto; top:0; width:100%; height:60px;}

	/*이미지 확대 버튼 */
	.pic_btn a {display:block;width:60%;margin:10px auto 0;padding:10px 40px;border:1px solid #ddd;background:#fff;text-align:center;}
	.pic_img{text-align:center;}

}

@media screen and (max-width:700px){ 

	/* 0102_교수소개 수정 190910 */
	.professor_bg { background:none;}
	.professor.tab_page ul li {width:100%;}
	.professor_list li .right{padding:20px 20px 20px 150px;}
	.professor_list li .right_st2 {padding:30px 20px 10px 245px;}/* 추가 190920 */
	.professor_list li .right ul.list>li {height:auto;} /* 수정 190910 */
	.professor_list li .right li .tit{line-height:26px;}/* 수정 190910 */
	.professor_list li .right li .txt {line-height:26px;}/* 수정 190910 */

}

@media screen and (max-width:600px){ 

	/* 리스트 : 가로 나열 */
	.li_w30 > li {width:100%;}
	.li_w25 > li {width:50%;}
	.li_w20 > li {width:33%;}

	/* 박스 : 박스 기본 타입 */
	.box_st_ico {padding-left:0;}
	.box_st_ico .ico_boxImg {position:relative; left:auto; top:auto; margin:0 auto 10px; text-align:center;}

	/* 탭 : 1차, 2차, 3차 탭 */
	.tab_st1 li, .tab_st2 li, .tab_st3 li, .tab_list li {width:50%;}

	/* 탭 : 개수 지정 */
	.tab_st1.Tab_w30 li, .tab_st2.Tab_w30 li, .tab_st3.Tab_w30 li {width:100%;}
	.tab_st1.Tab_w20 li, .tab_st2.Tab_w20 li, .tab_st3.Tab_w20 li {width:50%;}

	/* 0102_교수소개 수정 (max-width:480px)에서 600px 이동 수정 190920 */
	.professor_list > li{padding:20px 0 0;}
	.professor_list.profes_ht>li {height:auto;}/* 추가 190920 */
	.professor_list li .left{position:relative; left:auto; top:auto; width:100%; box-sizing:border-box; padding-left:0; margin-right:0; margin-bottom:10px; text-align:center}
	.professor_list li .right{margin-top:0; padding:25px 4% 0;}/*수정 190920 */
	.professor_list li .right ul.list {margin-bottom:20px;}
	.professor_list li .right .pro_name{ text-align:center; margin-bottom:10px}
	.professor_list li .right .pro_name span.pro_page a{left:50%;} 
	.professor_list .btn_desc{top:auto; bottom:20px; box-sizing:border-box; right:auto; left:50%; width:100px; margin-left:-50px;}
	.professor_list .btn_desc_close {top:auto; bottom:20px; box-sizing:border-box; right:auto; left:50%; width:100px; margin-left:-50px;}
	
	/* 갤러리 게시판 리스트 */ /* 190903 추가 */
	.lab_gallery_list_area ul li {height:70px;}
	
	/*학사일정 추가 191010 */
	#schedule_year .schedule_calendar:first-child, .schedule_calendar { padding-top:170px; }
	#schedule_month li a { width:33.6%; }
	#schedule_month li a.cal1 {left:0;}
	#schedule_month li a.cal2 {left:33.3%;}
	#schedule_month li a.cal3 {right:0; left:auto;}
	#schedule_month li a.cal4 {left:0; top:37px;}
	#schedule_month li a.cal5 {left:33.3%; top:37px;}
	#schedule_month li a.cal6 {right:0; left:auto; top:37px;}
	#schedule_month li a.cal7 {left:0; top:74px;}
	#schedule_month li a.cal8 {left:33.3%; top:74px;}
	#schedule_month li a.cal9 {right:0; left:auto; top:74px;}
	#schedule_month li a.cal10 {left:0; top:111px;}
	#schedule_month li a.cal11 {left:33.3%; top:111px;}
	#schedule_month li a.cal12 {right:0; left:auto; top:111px;}

	/*이미지 확대 버튼*/
	.pic_btn a {width: 75%;}
	
	.box_st_ico02 video, iframe {top: 0; left: 10%; width: 80%; height:380px; }

}
@media screen and (max-width:640px) {	
	/* 200406 추가 */
	.photo_list2 ul li a {position:relative;display:block;height:120px;padding-left:33%; margin-bottom:25%;}/*200406 수정*/
	
	.imgBox{width:100%; overflow:hidden;}
	.imgBox li{float:left; width:49%; height:auto; margin:0.5% 0.5%}
	.imgBox li img{width:100%;}
	.imgBox li {margin:1% 0.5%; height:340px;}
	
		/*200406 추가*/
	
		div.newsLetter_txtWrap span {width: 40%;}
		 div.newsLetter_txtWrap a.ebookBtn {
	    float: right;
	    font-size: 14px;
	    width: 115px;
	    text-align:left;
	    padding-left:3px;
	    height:30px;
	    border: 1px solid #5f5f5f;
	    line-height: 29px;
	    position:relative;
	     right:10%;
	    margin-top:10px;}
	
	    div.newsLetter_txtWrap a.ebookBtn .openBtn{
		clear:both;
		display:block;
		width:15px;
		height:15px;
		position:absolute;
		top:30%;
		left:75%;
	} 
	
	.box_st_ico02 video, iframe {top: 0; left: 10%; width: 80%; height:380px; }

}
@media screen and (max-width:480px){ 

	/* 리스트 : 가로 나열 */
	.li_w25 > li {width:100%;}
	.li_w20 > li {width:50%;}

	/* 탭 : 1차, 2차, 3차 탭 */
	.tab_st1 li, .tab_st2 li, .tab_st3 li, .tab_list li {width:100%;}

	/* 탭 : 개수 지정 */
	.tab_st1.Tab_w20 li, .tab_st2.Tab_w20 li, .tab_st3.Tab_w20 li {width:100%;}
	
	/* 갤러리 게시판 리스트 */ /* 190903 추가 */
	.lab_gallery_list_area ul li {height:50px;}
	
	.photo_list2 ul li a {position:relative;display:block;height:120px;padding-left:33%; margin-bottom:35%;}/*200406 수정*/

	div.newsLetter_txtWrap span {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0 0 px;
    width: 50%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}



	 div.newsLetter_txtWrap a.ebookBtn {
    float: right;
    font-size: 14px;
    width: 105px;
    text-align:left;
    padding-left:3px;
    height:30px;
    border: 1px solid #5f5f5f;
    line-height: 29px;
    position:relative;
     right:0;
    
    margin-top:5px;
    }


	.box_st_ico02 video, iframe {top: 0; left: 10%; width: 80%; height:320px; }
}

@media screen and (max-width:380px){ 

	/* 리스트 : 가로 나열 */
	.li_w20 > li {width:100%;}
	
	/*이미지 확대버튼*/
	.pic_btn a {width: 100%;}
	
	.box_st_ico02 video, iframe {top: 0; left: 10%; width: 80%; height:280px; }

}

@media screen and (max-width:320px){ 


}