/* The Modal (background) */
.custom-modal {
	display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.custom-modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */                          
}

.custom-modal-div {
	overflow: hidden;
	word-break: break-all;
	font-size: 18px;
	min-height: 28px;
}

/* The Close Button */
.custom-close-wrapper {
    color: #aaa;
    text-align: right;
    font-size: 28px;
    font-weight: bold;
}
.custom-close-1:hover,
.custom-close-1:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.custom-close-2 {
    background-color: #F09415;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.vod_l > video {
    width: 100%;
    height: 100%;
}

.vod_l_2 > a > img {
    height: 100%;
}

.board_view .md_cont_area pre {
	white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */ 
	white-space: -pre-wrap; /* Opera */ 
	white-space: -o-pre-wrap; /* Opera */ 
	white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */ 
	word-wrap: break-word; /* IE 5.5+ */
}

.cmqf {
	overflow-x: auto !important;
    text-overflow: clip !important;
}

@media only screen and (min-width : 1210px) {
	.ccdl { height: 120px !important; border-bottom: 0px !important; }
	.ccdt { height: 120px !important; line-height: 120px !important; }
	.ccdd { overflow-x: auto !important; }
	.ccimg { width: 252px; cursor: pointer; vertical-align: middle; height: 40px; line-height: 40px; }
	.file_change_ty01 { display: inline-block; width: 150px; height: 34px; line-height: 34px; margin-top: 12px; border: 1px solid #ccc; text-align: center; text-decoration: none; background-color: #ffffff; cursor: pointer; font-family: 'Noto Sans KR', sans-serif, ?‹??, Dotum, Arial, sans-serif; color: #666; font-size: 13.3px; font-weight: 400; vertical-align: top; }
	.file_download_ty01 { width: 150px; height: 36px; margin: 12px 0 0 0; border: 1px solid #ccc; vertical-align: top; text-align: center; text-decoration: none; background-color: #ffffff; cursor: pointer; }
	.file_input_ty01 { width: 230px; height: 34px; padding: 0 0 0 20px; margin: 12px 0 0 0; border: 1px solid #ccc; vertical-align: top; }
	.sel_ty01 { padding: 0 0 0 20px; }
	.sel_ty02 { padding: 0 0 0 20px; }
	.change-no-margin { margin: 0px !important; }
	.change-member-btn { width: 60px; font-weight: 700; font-size: 14px; color: #6e6e6e; padding: 8px; border: 1px solid #e0e0e0; text-align: center; text-decoration: none; }
	.change-width-email-3 { display:block; float: left; width: 190px !important; }
	.change-width-email-2 { display:block; float: left; width: 212px !important; margin-right: 8px; }
	.change-width-email-1 { display:block; float: left; width: 190px !important; margin-right: 8px; }
	.change-width-three-3 { display:block; float: left; width: 190px !important; }
	.change-width-three-2 { display:block; float: left; width: 190px !important; margin-right: 8px; }
	.change-width-three-1 { display:block; float: left; width: 190px !important; margin-right: 8px; }
	.change-width-half-2 { display:block; float: left; width: 300px !important; }
	.change-width-half-1 { display:block; float: left; width: 300px !important; margin-right: 8px; }
	.change-width-full { width: 630px !important; }
	.board_view .tp_tit_area dd span.input_chk02 { margin-top: 0px; }
	.board_view .input_chk02 { height: 60px; margin-top: 0px; }
	.board_view .input_chk02 input { top: 0; margin-top: 18px; cursor: pointer; }
	.board_view .input_chk02 label { padding: 0 0 0 24px; position: absolute; top: 0; left: 0; margin-top: 18px; z-index: 8; }
	.board_common.reply tbody td.title01 p.s_tit { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	.sub_tp_tx01 .in_bx { padding: 32px 40px 32px 40px; }
	.pop_wrap.popup .pop_cont01 { width: 800px; margin: 5% auto 0 auto; }
	.pop_wrap.popup .pop_cont01 .cont_a { height: 580px; }
	.footer_wrap .footer .bx_copy { padding: 20px 0 0 0; }
	.board_view .md_cont_area { padding: 80px 20px 80px 20px; }
	/* .container.login { width: 1200px; } */
	/* .login_wrap01 { width: 1200px; } */
	/* .login_wrap01 .inner_bx { width: 1100px; } */
	.agree_bx_n02 .in_bx{ height: 300px; }
	.sub_visual .in_bx .cnt_r p.tx01{overflow-y: auto; height: 160px;}
	.sub_visual .in_bx .cnt_r p.tx02{margin-top: 11px;}
	.ft_info .in_bx li a {display:block; border:1px solid #ccc; height: 108px; line-height: 108px; text-align: center;}
	.ft_info .in_bx li a img { width: 260px; vertical-align: middle; padding:0 7px; border: 0px; }
	.ft_info .in_bx li.last div{border:1px solid #ccc; height: 108px; line-height: 108px; text-align: center;}
	.sub_visual .in_bx .vod_bx_r {height: auto;}
	.sub_visual .in_bx .vod_bx_r .vod_l {background: none;}
	.sub_visual .in_bx .vod_bx_r .vod_l_2 {position:absolute; width: 474px; height:225px; margin-bottom: 13px; padding: 13px 12px 13px 12px; background: none; text-align:center; border-bottom: 1px solid #707070;}
	.sub_visual.main .in_bx .vod_bx_r .vod_l_2 {}
	.short-text { width: 420px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.cont_login02 .inp_area01 dd textarea.txa_ty01 { padding: 10px 20px; }
	.cont_login02 .inp_area01 dd textarea.txa_ty02 { padding: 10px 20px; }
	.board_common.reply tbody td.title01 p.s_rep01 { line-height: 24px; padding: 0px 0 0 35px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S107.erynlpnyy.be.xe%2Serfbheprf%2Shfre%2Snqq%2Spff%2S..%2Svzntrf%2Sfho%2Svzt_erc01.cat) no-repeat 0px 0px; }
	.header_wrap .header .gnb2 { display:block; float:right; }
	.header_wrap .header .gnb2 p.bx_login { float:left; }
	.header_wrap .header .gnb2 p.bx_login a.btn_login {display:block; width:170px; height:85px; font-weight:700; font-size:20px; color:#fff; line-height:85px; background:#00A300; text-align:center;}
	.header_wrap .header .gnb2 p.bx_login a.btn_login span {display:inline-block; padding:0 0 0 21px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2S107.erynlpnyy.be.xe%2Serfbheprf%2Shfre%2Snqq%2Spff%2S..%2S..%2Spbzzba%2Svzntrf%2Spbzzba%2Svpba_ybtva.cat') no-repeat left 31px;}
	.sub_visual .in_bx dt.ex1 { font-weight: 500; font-size: 24px; line-height: 24px; padding: 70px 0 15px 0; }
	.sub_visual .in_bx dd.ex1 { font-weight: 700; font-size: 38px; line-height: 38px; padding: 0; }
	
	.bx_cartoon ul:after {content:""; display:block; clear:both;}
	.bx_cartoon li {float:left; width:50%; padding-bottom:65px; margin-bottom:82px; border-bottom:1px solid #ddd;}
	.bx_cartoon li.last {border-bottom:none;}
	.bx_cartoon li .bx_l {padding:0 40px 0 0;}
	.bx_cartoon li .bx_r {padding:0 0 0 40px;}
	.bx_cartoon li p.img_bx {padding:0 0 18px 0; margin-top:-20px;}
	.bx_cartoon li a.btn_down_n {display:block; width:378px; height:44px; font-size:18px; color:#303030; line-height:44px; border:1px solid #707070; margin:0 auto; text-decoration:none; text-align:center;}
	.bx_cartoon li a.btn_down_n img {margin:10px 10px 0 0;}
	
	.board_view .tp_tit_area dl.ccdl .ccdd > div:nth-of-type(2) .file_input_ty01 {width: 246px;}
}

@media only screen and (max-width : 1209px) {
	.ccdl { height: 100px !important; border-bottom: 0px !important; }
	.ccdt { height: 100px !important; line-height: 100px !important; }
	.ccdd { overflow-x: auto !important; }
	.ccimg { width: 230px; cursor: pointer; vertical-align: middle; height: 40px; line-height: 40px; }
	.file_change_ty01 { display: inline-block; width: 150px; height: 32px; line-height: 32px; margin-top: 8px; border: 1px solid #ccc; text-align: center; text-decoration: none; background-color: #ffffff; cursor: pointer; font-family: 'Noto Sans KR', sans-serif, ?‹??, Dotum, Arial, sans-serif; color: #666; font-size: 13.3px; font-weight: 400; vertical-align: top; }
	.file_download_ty01 { width: 150px; height: 34px; margin-top: 8px; border: 1px solid #ccc; vertical-align: top; text-align: center; text-decoration: none; background-color: #ffffff; cursor: pointer; }
	.file_input_ty01 { width: 230px; height: 34px; padding: 0 0 0 20px; margin: 8px 0 0 0; border: 1px solid #ccc; vertical-align: top; box-sizing: border-box; }
	.sel_ty01 { padding: 0 0 0 20px; }
	.change-table { width: 900px; }
	.change-member-btn { width: 40px; font-weight: 700; font-size: 10px; color: #6e6e6e; padding: 8px; border: 1px solid #e0e0e0; text-align: center; text-decoration: none; }
	.change-width-three-3 { margin-top: 10px; }
	.change-width-three-2 { margin-top: 10px; }
	.change-width-half-2 { margin-top: 10px; }
	.board_view .tp_tit_area dd span.input_chk02 { margin-top: 0px; }
	.board_view .input_chk02 { height: 50px; margin-top: 0px; }
	.board_view .input_chk02 input { top: 0; margin-top: 14px; cursor: pointer; }
	.board_view .input_chk02 label { padding: 0 0 0 22px; position: absolute; top: 0; left: 0; margin-top: 14px; z-index: 8; }
	.tb_sear_bx01 .inp_r01 select.sel_ty01 { width: 91px; }
	.header_wrap .mob_login_join p { width: 33.3%; }
	.sub_vod_box01 video{ width: 100% !important; }
	.board_view .md_cont_area textarea.txa_ty01{ width: 100%; }
	.board_view .tp_tit_area dd { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	.ft_info .in_bx li a.custom {display: block; border: 1px solid #ccc; height: auto; }
	.ft_info .in_bx li a {display: block; border: 1px solid #ccc; height: 100px; line-height: 100px; padding: 10px; }
	.ft_info .in_bx li a img {width: 100%; vertical-align: middle;}
	.ft_info .in_bx li.last div{border: 1px solid #ccc;  line-height: 100px; padding: 10px;}/* 2021-11-16 */
	.ft_info .in_bx li.last div img{width: 100%; vertical-align: middle;}/* 2021-11-16 */
	.sub_visual .in_bx .vod_bx_r .vod_l_2 {position:absolute; top:13px; left:12px; width:100%; height:222px; background:#e8e8e8; text-align:center;}
	.sub_visual.main .in_bx .vod_bx_r .vod_l_2 {position:relative; top:auto; left:auto; width:100%; height:238px; padding:20px 20px 14px 20px; background:#fff; box-sizing:border-box;}
	.short-text { width: auto; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.cont_login02 .inp_area01 dd textarea.txa_ty01 { padding: 10px 20px; }
	.cont_login02 .inp_area01 dd textarea.txa_ty02 { padding: 10px 20px; }
	.header_wrap .header .gnb2 {position:fixed; top:0; left:-100%; width:260px; height:100%; padding:0 0 0 0; background:#5074b2; z-index:1000;}
	.header_wrap .header .gnb2 p.bx_login {float:left; display:none;}
	.sub_visual .in_bx dt.ex1 {font-weight: 500; font-size: 15px; line-height: 15px; padding: 31px 0 5px 25px; }
	.sub_visual .in_bx dd.ex1 {font-weight: 700; font-size: 20px; line-height: 20px; padding-left: 25px; }
	
	.bx_cartoon ul:after {content:""; display:block; clear:both;}
	.bx_cartoon li {float:none; width:100%; padding-bottom:35px; margin-bottom:42px; border-bottom:1px solid #ddd;}
	.bx_cartoon li.last {border-bottom:none;}
	.bx_cartoon li .bx_l {padding:0 0 0 0;}
	.bx_cartoon li .bx_r {padding:0 0 0 0;}
	.bx_cartoon li img {width:100%;}
	.bx_cartoon li p.img_bx {padding:0 0 18px 0; margin-top:-20px;}
	.bx_cartoon li a.btn_down_n {display:block; width:300px; height:44px; font-size:15px; color:#303030; line-height:44px; border:1px solid #707070; margin:0 auto; text-decoration:none; text-align:center;}
	.bx_cartoon li a.btn_down_n img {width:18px; margin:14px 10px 0 0;}	
}

@media only screen and (min-width: 1000px) and (max-width: 1209px) {
  .board_view .tp_tit_area dl.ccdl .ccdd > div:nth-of-type(2) {margin-top: -8px;}
  .board_view .tp_tit_area dd.cmqf .file_input_ty01,.board_view .tp_tit_area dd.cmqf .file_change_ty01 {margin-top: 12px;}
  .board_view .tp_tit_area dl.ccdl .ccdd > div:nth-of-type(2) .file_input_ty01 {width: 246px;}
  }
  
@media only screen and (min-width: 800px) and (max-width: 1000px) {  
  .board_view .tp_tit_area dl.ccdl .ccdd > div:nth-of-type(2) .file_input_ty01 {width: 246px;}
 }