@charset "UTF-8";

/* HTML Default STYLE set --------------------------------------------------------------------------------------- */
	html,body{overflow: auto;}

/* HEADER ------------------------------------------------------------------------------------------------------- */
	#snb .close{width: 28px; background-position: center -205px;}
	.mHder .searchArea{}
	.pcHder .searchBox{height: 50px;}
	.mHder .searchBox{}
	#snb .searchBox, #snb .searchBox input{float: left;}
	.pcHder .searchBox input{font-size: 18px;}
	.pcHder .searchBox button{background-position: center center;}

/* SUB PAGE Design set ------------------------------------------------------------------------------------------ */
	/* SUB PAGE // wrapper */
	/* #sub_content{min-height: calc(100vh - 470px); position: relative; z-index: 3;} */
	#sub_content{min-height: calc(100vh - 470px); position: relative; z-index: 3;}
	.paraWrap, .paraWrap, .colWrap{text-align: left;}
	.colWrap{margin: 15px auto;}
	.content_area{text-align: left;}
	.cpttWrap .col{margin:0 16px;}

	/* Breadcrumb // type01 */
	.c_rightarea .breadcrumb .stit_b{padding-top: 15px;}
	.breadcrumb .stit_b{font-size: 15px; display: inline-block; float: right; padding: 0 5px;}
	.breadcrumb .stit_b .item{display: inline-block; float: left;}
	.breadcrumb .stit_b .item.home, .sub_titarea .stit_b .item.home>a{color: #1C1C1C; vertical-align: text-bottom;}
	.breadcrumb .stit_b .item.home{margin-right: 4px;}
	.breadcrumb .stit_b .item.page{color: #656565; font-weight: 300;}
	.breadcrumb .stit_b .item.page:before{content: "/"; margin: 0 6px;}

	/* Breadcrumb // type02 */
	.breadcrumb .bcList{line-height: 18px; float: right; margin-right: -2px;}
	.breadcrumb .bcList .item{display: inline-block; float: left;}
	.breadcrumb .bcList .item>a{width: 100%; height: 100%;}
	.breadcrumb .bcList .item.home, .breadcrumb .bcList .item.home>a{color: #1C1C1C; vertical-align: text-bottom; margin-right: 4px;}
	.breadcrumb .bcList .item.page, .breadcrumb .bcList .item.page>a{color: #656565; font-weight: 300;}
	.breadcrumb .bcList .item.page:before{content: "/"; margin: 0 6px;}

	/* SUB PAGE // title item */
	.pageTitArea{height: 48px; line-height: 34px; position: relative;}
	.pageTitArea .pttnDeco{width: 100%; height: 20px; background: url("../images/common/pttn01.png") top 10px left 0; position: absolute; top: 14px; left: 0;}
	.pageTitArea .tit{background: #FFF; color: #1D1D1D; font-weight: 300; text-align: center; letter-spacing: -1px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 10;}

	/* SEARCH Panel // Search Group box */
	.searchGrp .button{font-weight: 400;}
	.searchGrp .filter-label, .searchGrp .textBox{display: inline-block; float: left;}
	.searchGrp .filter-label{background-image: url("../../images/_new/iconSpr.png"); background-repeat: no-repeat;}
	.searchGrp .fa-search{background-color: #373B43; color: #FFF; border: 1px solid #373B43;}
	.searchGrp .fa-search:before{font-size: 18px;}
	.searchGrp .fa-search:before, .searcPanel .fa-search:before{margin-right: 5px;margin-left: -8px;}
	.searchGrp .textBox{border: 1px solid #D1CFCD;}

	/* SEARCH Panel // Category select box */
	.ctgrySltPnl{background: #F5F4F4; border: 2px solid #000; margin-top: 8px; position: relative;}
	.ctgrySltPnl .filter-label.close, .ctgrySltPnl .refresh{position: absolute; top: 20px; z-index: 1;}
	.ctgrySltPnl .filter-label.close{width: 50px; height: 50px; background: url(../../images/_new/iconSpr.png) no-repeat center -200px;}
	.ctgrySltPnl .refresh{right: 80px;}
	.ctgrySltPnl .ctgryGrp{width: 100%; height: 65px; display: table; table-layout: fixed;}
	.ctgrySltPnl .ctgryList{min-height: 63px;}
	.ctgrySltPnl .ctgryGrp:not(:first-of-type) .ctgryList{border-top: 1px solid #FFF;}
	.ctgrySltPnl .ctgryGrp:not(:last-of-type) .ctgryList{border-bottom: 1px solid #D0D0D0;}
	.ctgrySltPnl .ctgryList .item{display: inline-block; float: left;}
	.ctgrySltPnl .ctgryTit, .ctgrySltPnl .ctgryList{vertical-align: middle; display: table-cell;}
	.ctgrySltPnl .ctgryTit{background: #FFF; color: #EE5250; font-weight: 600; text-align: left; border-top: 1px solid #FFF; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #FFF; position: relative; clear: left;}
	.ctgrySltPnl .ctgryTit:before{content: ""; width: 5px; height: 5px; background: #8F949D; position: absolute; transform: translateY(-50%); top: 50%;}
	.ctgrySltPnl .ctgryList .item{color: #2F2F2F;}
	.ctgrySltPnl .ctgryList .item .innerLink{padding-left: 12px; padding-right: 12px;text-align: left;}
	.ctgrySltPnl .ctgryList .item .active, .ctgrySltPnl .ctgryList .item .innerLink .active{color: #EE5250;}

	/* SEARCH Panel // Hash Tag box */
	.tagPnl{position: relative; margin-top: 25px;}
	.tagPnl .refresh{position: absolute; z-index: 1;}
	.tagPnl .tagGrp{background: #F3F1F0; border-top: 1px solid #C5C5C5; position: relative;}
	.tagPnl .tagGrp .item{display: inline-block; float: left; margin-left: 6.5px; margin-right: 6.5px;}
	.tagPnl .tagGrp .item>.innerLink:not(.active){background-color: #FFF; background-position-y: 2px; color: #373B43; border: 1px solid #B9B8B7;}
	.tagPnl .tagGrp .item>.innerLink{background-image: url("../../images/_new/iconSpr.png"); background-repeat: no-repeat; background-position-x: right; text-align: center; border-radius: 50px; padding-left: 26px; padding-right: 70px;}
	.tagPnl .tagGrp .item>.innerLink.active{background-color: #EE5250; color: #FFF; border: 1px solid #EE5250;}

	/* SEARCH PAGE // SEARCH List */
	.searchPnl{font-family: "NanumSquare", sans-serif;}
	.rsltMsg .word, .rsltMsg .cnt{color: #EA0300;}
	.rsltMsg .word, .rsltMsg .word:before, .rsltMsg .word:after{font-family: "NotoSansCJKkr", sans-serif;}
	.rsltMsg .word{font-weight: 600;}
	.rsltMsg .word:before{content: "\201C";}
	.rsltMsg .word:after{content: "\201D";}
	.rsltListGrp{padding-top: 90px;}
	.rsltListGrp .grpTit{color: #1B1B1B; font-size: 26px; font-weight: 500; padding-top: 15px; padding-bottom: 30px; position: relative;}
	.rsltListGrp .grpTit:before{content: ""; width: 2em; height: 7px; background: #EE5250; position: absolute; top: 0;}
	.rsltListGrp .grpTit+.cnt{color: #1B1B1B; font-size: 20px;}
	.rsltListGrp .grpTit, .rsltListGrp .cnt{display: inline-block;}
	.rsltListGrp .grpTit+.cnt:before{content: "(";}
	.rsltListGrp .grpTit+.cnt:after{content: ")";}
	.rsltListGrp .grpTit+.cnt .num{color: #EA0300;}
	.rsltListGrp .more{width: auto; height: 70px; font-size: 18px; font-weight: 700; float: right; padding-right: 24px; position: relative;}
	.rsltListGrp .more:before{content: ""; width: 0px; height: 0px; border: 6.5px solid transparent; border-left-color: #000; border-left-width: 8.5px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
	.rsltListGrp .itemList{width: 100%; table-layout: fixed; display: table;}
	.rsltListGrp .itemList .item{display: table-row;}
	.rsltListGrp .itemList .item:first-of-type .innerLink{border-top: 1px solid #000;}
	.rsltListGrp .itemList .item .innerLink{height: 70px; color: #000; font-size: 18px; vertical-align: middle; border-bottom: 1px solid #DBDBDB; display: table-cell;}
	.rsltListGrp .itemList .item .innerLink:hover{color: #EA0300;}
	.rsltListGrp .itemList .innerLink{font-weight: 500;}
	.rsltListGrp .itemList .innerLink>.resultCont{height: 1.5em; color: #757575; font-size: 18px; vertical-align: -3px; display: inline-block; position: relative; overflow: hidden;}
	
	/* 2022-01-13 ws추가 시작 */
	.rsltListGrp .itemList .innerLink .searchWrd{color:#EE5250}
	.rsltListGrp .itemList .innerLink>.resultCont{width: 100%; padding-left: 0px; font-size: 14px;line-height: 1.7em;}
	.rsltListGrp .itemList .innerLink>.resultCont span{color: #000; margin: 0px 10px;}
	.rsltListGrp .itemList .innerLink>.resultCont span:first-of-type{margin-left:0px;}
	.rsltListGrp .itemList .innerLink>.resultCont span.searchWrd{margin:0px; color:#EE5250}
	/* 2022-01-13 ws추가 끝 */

	/* AWARD PAGE // AWARD List */
	.awardVisual .awdConts{width: calc(100% - 650px); color: #A9B4C3; text-align: left; position: absolute; top: 70px; left: calc(50% - 34px); transform: translateX(-50%);}

	/* EXHIBITION PAGE // Exhibition List */
	.exhTit{background: url("../images/_new/exhTitBg.png") no-repeat 0 0; background-size: contain; position: relative;}
	.exhTit h4, .exhTit h5{font-family: "NanumSquare", sans-serif; color: #FFF; font-weight: 900; position: absolute;}
	.exhTit h4{font-size: 18px; top: 60px;}
	.exhTit h4:before{content: ""; width: 100px; background: #D65A42; position: absolute; top: 12px; left: 50%; transform: translateX(-50%);}
	.exhTit h4>span{position: relative;}
	.exhList .info_area{width: calc(100% - 40px); position: absolute; bottom: 20px;}
	.exhList .info_area .info_tit{}
	.exhList .info_area .info_tit .title{width: 100%; color: #FFF; font-size: 16px; margin-bottom: 20px; clear: both; -webkit-line-clamp: 2;height:40px; vertical-align:top}
	.exhList .info_area .info_tit .companyNm, .exhList .info_area .info_aff{display: inline-block;}
	.exhList .info_area .info_tit .companyNm{height: 32px; background: #1A1A1A; color: #F2F2F2; font-size: 13px; line-height: 32px; padding-left: 12px; padding-right: 12px; float: right;max-width: 50%;letter-spacing: -0.7px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.exhList .info_area .info_aff{height: 33px; background: #e45151; font-size: 13px; color: #FFF; line-height: 32px; border-radius: 3px; padding: 0 15px; float: left;max-width: 50%;}
	#prdList article{display: inline-block;}

	/* EXHIBITION PAGE // Exhibition :: Popup */
	.modal-content.type4 .modal-header>h4.txtTit.exh{font-weight: 600; text-align: left;}
	.exhPop{text-align: left; padding-left: 45px; padding-right: 45px; padding-bottom: 75px;}
	.exhPop .awdInfoGrp{}
	.exhPop .awdInfoGrp .awdNm, .exhPop .awdInfoGrp .companyNm{height: 87px; color: #353535; font-size: 18px; line-height: 86px; border-top: 1px solid #000; display: inline-block; float: left;}
	.exhPop .awdInfoGrp .awdNm{width: 25%; background: #F5F3F3; font-weight: 500; text-align: center;}
	.exhPop .awdInfoGrp .companyNm{width: 75%; background: #FFF; padding-left: 20px;}
	.exhPop .awdInfoGrp #main_img.outterFrame{width: 100%; height: 450px; border: 1px solid #EBECEC;}
	.exhPop .descDtlGrp{}
	.exhPop .descDtlGrp dt{width: 109px; height: 41px; background: #E45151; color: #FFF; font-size: 15px; line-height: 40px; margin-top: 48px; padding-left: 26px; position: relative;}
	.exhPop .descDtlGrp dt:before{content: ""; border-right: 16px solid transparent; border-bottom: 41px solid #E45151; position: absolute; right: -16px;}
	.exhPop .descDtlGrp dd{color: #6B6B6B; font-size: 15px; border-top: 1px solid #C6C9CC; padding: 28px 16px;white-space: pre-line;}
	.exhPop .descDtlGrp .jobDesc{}
	.exhPop .descDtlGrp .awardCmt{}

	/* COMPETITIONS PAGE // COMPETITIONS Detail */
	.cpttWrap{text-align: left;}
	.cpttWrap .tit{color: #1B1B1B; display: inline-block; padding-left: 20px; position: relative;}
	.cpttWrap .tit:before{content: ""; width: 6px; height: 30px; background: url("../images/common/pttn04.png"); position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
	.cpttWrap .cpttInfo{width: 100%; background: #F3F4F6; border-top: 1px solid #DBDBDB; position: relative;}
	.cpttWrap .cpttInfo .poster .thumbWrap{width: 100%; height: 100%; border: 1px solid #CDCDCD;}
	.cpttWrap .cpttInfo .poster>ul{width: 100%; margin: 10px 0;}
	.cpttWrap .cpttInfo .poster>ul>li{display: inline-block;}
	.cpttWrap .cpttInfo .poster .pinterest{float: left;}
	.cpttWrap .cpttInfo .poster .favorite{float: right;}
	.cpttWrap .cpttInfo .poster .favorite a{color: #404040;}
	.cpttWrap .cpttInfo .poster .favorite a>span{display: inline-block; height: 19px; line-height: 19px;}
	.cpttWrap .cpttInfo .poster .favorite a>span>img{max-width: 100%; max-height: 100%; vertical-align: middle}
	.cpttWrap .cpttInfo .poster .favorite .fa_num{padding: 0 5px;}
	.cpttWrap .cpttInfo .cpttTltle{font-family: "Pretendard", sans-serif; color: #002B42; font-weight: 700;} 
	.cpttWrap .cpttInfo .cpttTltle span{display: table-cell; vertical-align: middle;} 
	.cpttWrap .cpttInfo .cpttTltle.mbTitle{display:none;}
	.cpttWrap .cpttInfo .cpttTltle.pcTitle{display:inline-block;}
	.cpttWrap .cpttInfo .shortInfo .tltle_arr .btnAlign{text-align: right;}
	.cpttWrap .cpttInfo .shortInfo .tltle_arr .btnAlign.prz{right: 0;}
	.cpttWrap .cpttInfo .shortInfo .tltle_arr .b_arrow{position: relative; top: -1px; left: 50px; width: 108px; height: 55px; background: url("../images/sub/cptt/subtitle_arr.png") no-repeat;}
	.cl_time .period{font-family: "Pretendard", sans-serif; font-size: 18px; font-weight: 700; letter-spacing: -1px; padding-top: 1px;margin-left:0px;}
	.cl_time .period .startDt{color: #000;}
	.cl_time .period .startDt:after{content: "~"; margin-left: .2em; margin-right: .2em;}
	.cl_time .period .endDt{color: #BE2222;}
	.cl_time .period, .cl_time .ul_cl_time{line-height: 20px; display: inline-block; float: left;}
	.cl_time .ul_cl_time{color: #828282;}
	.cl_time .ul_cl_time li{font-size: 15px; float: left;}
	.cl_time .ul_cl_time .info_date{background: url(../images/main/time_icon.png) left center no-repeat; padding: 0 0 0 25px;}
	.cl_time .ul_cl_time .info_date .time_t{color: #373B43; display: inline-block; padding: 0 8px 0 0;}
	.cl_time .ul_cl_time .info_date .time_r{width: 1px; height: 12px; background-color: #868C97;}
	.cl_time .ul_cl_time .time_n{padding: 0 3px 0 5px;}
	.cl_time .ul_cl_time .time_n .day_t{color: #E45151; padding-left: 2px;}
	.cl_time .ul_cl_time .time_n .day_d{color: #000; padding-left: 2px;}
	.top_infoarea{background: #FAF9F8; margin-top: 10px;}
	.top_infoarea .infoTit{background: #565656; color: #FFF; font-weight: 500; padding-left: 10px; padding-right: 10px;}
	.top_infoarea .infoTit, .top_infoarea .locInfo{line-height: 26px; display: inline-block; float: left;}
	.top_infoarea .locInfo{padding-left: 12px;}
	.top_infoarea .locInfo li{float: left; display: inline-block;}
	.top_infoarea .locInfo li:not(:first-of-type):before{content: ""; width: 1px; background: #2B2B2B; display: inline-block;}
	.top_infoarea .locInfo li .f_red{color: #EE5C50; font-weight: 600}
	.cpttWrap .register_btn{text-align: right; margin-bottom: 30px;}
	.cpttWrap .register_btn a{height: 60px; background: #373B43 url("../../images/_new/register.png") no-repeat center right 30px; color: #FFF; font-size: 22px; text-align: center; line-height: 60px; vertical-align: -2px; border: 1px solid #000;}
	.cpttWrap .content_title{margin-bottom: 10px;}
	.cpttWrap .content_title .title_line{background: url("../images/common/pttn05.png"); position: relative; top: 12px; z-index: 1;}
	.cpttWrap .content_title .title_txt{font-family: "Pretendard", sans-serif; background-color: #FFF; padding-left: 25px; padding-right: 25px; transform: translateX(-50%); position: absolute; left: 50%; z-index: 2;}
	.cpttWrap .content_title .title_txt span{font-weight: 700;}
	.cpttWrap .content_detail{border-top-width: 2px; margin: 48px 0 0;}
	.cpttWrap .content_detail .right_info{width: auto; float: none;}
	.cpttWrap .content_detail .embed{width: 100%;height: 680px;min-height:680px;padding: 0;}

	/* COMPETITIONS PAGE // com_tab05 judge */
	.cpttWrap .content_detail .com_tab05 .judge_list{padding-top: 18px; padding-bottom: 20px; max-width: 700px;}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_left{padding-top: 8px;}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_left>div{height: 150px; padding-top: 0;}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_right{text-align: left;}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_right .affiliation{min-height: 22px;}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_right .career_c{margin-top: 4px; padding-right: 40px; position: relative; overflow-y: hidden;}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_right .career_c span{width: 100%; height: 23px; display: inline-block; overflow: hidden;line-height: 1.4em;}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_right .career_c .openPop{width: 22px; height: 22px; background: #FFF; border: 1px solid #C1C1C1; position: absolute; top: 50%; right: 15px; transform: translateY(-50%);}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_right .career_c .openPop:before, .cpttWrap .content_detail .com_tab05 .judge_list .j_right .career_c .openPop:after{content: ""; background: #ACACAC; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_right .career_c .openPop:before{width: 2px; height: 12px;}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_right .career_c .openPop:after{width: 12px; height: 2px;}
	
	.cpttWrap .judReportBtn{text-align: right;}
	.cpttWrap .judReportBtn button {background-color: #E45151; color: #fff; font-size: 16px; padding: 10px; border: none; border-radius: 4px; cursor: pointer; display: inline-block;transform: translateY(86%);}

	/* COMPETITIONS PAGE // com_tab05 judge :: popup */
	.modal-content.type8[data-modal8] .judge_list .j_left>.jPhoto{width: 100%; height: 0; background-size: cover; background-repeat: no-repeat; border: 1px solid #D5D6D6; padding-top: 116.6%; overflow: hidden;}
	.modal-content.type8[data-modal8] .judge_list .j_right{text-align: left;}
	.modal-content.type8[data-modal8] .judge_list .j_right .name_area .name{color: #353535; font-size: 20px; font-weight: 700;}
	.modal-content.type8[data-modal8] .judge_list .j_right .name_area .affiliation{color: #737373; font-size: 15px;line-height: 1.3em;}
	.modal-content.type8[data-modal8] .judge_list .j_right .careerArea .career{color: #353535; font-size: 15px; font-weight: 600; margin-top: 26px; padding-left: 10px; position: relative;}
	.modal-content.type8[data-modal8] .judge_list .j_right .careerArea .career:before{content: ""; width: 5px; height: 5px; background: #BCBCBC; border-radius: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
	.modal-content.type8[data-modal8] .judge_list .j_right .careerArea .career_c{background: #EEE; color: #6B6B6B; font-size: 15px; margin-top: 6px; padding: 15px 20px;line-height: 1.3em;}

	/* ARCHIVING PAGE // ARCHIVING Detail */
	.archWrap .content_title{margin: 60px 0 10px 20px;}
	.archWrap .content_title .title_line{height: 20px; background: url("../images/main/title_bg.gif"); position: relative; top: 8px; z-index: 1;}
	.archWrap .content_title .title_txt{display: inline-block; background-color: #FFF; font-size: 24px; position: absolute; z-index: 2; padding: 0 22px 0 0;}
	.archWrap .content_title .title_txt span{font-weight: 500; letter-spacing: -1px; display: inline-block;}
	.archWrap .content_detail .com_tab05 .judge_list .j_right{width: 86%; float: left;}

	/* ARCHIVING PAGE // com_tab05 judge */
	.archWrap .content_detail .com_tab05 .judge_list{padding-top: 18px; padding-bottom: 20px;}
	.archWrap .content_detail .com_tab05 .judge_list .j_left{padding-top: 8px;}
	.archWrap .content_detail .com_tab05 .judge_list .j_right{text-align: left;}
	.archWrap .content_detail .com_tab05 .judge_list .j_right .affiliation{min-height: 22px;}
	.archWrap .content_detail .com_tab05 .judge_list .j_right .career_c{margin-top: 4px; padding-right: 40px; position: relative; overflow-y: hidden;}
	.archWrap .content_detail .com_tab05 .judge_list .j_right .career_c span{width: 100%; height: 23px; display: inline-block; overflow: hidden;}
	.archWrap .content_detail .com_tab05 .judge_list .j_right .career_c .openPop{width: 22px; height: 22px; background: #FFF; border: 1px solid #C1C1C1; position: absolute; top: 50%; right: 15px; transform: translateY(-50%);}
	.archWrap .content_detail .com_tab05 .judge_list .j_right .career_c .openPop:before, .cpttWrap .content_detail .com_tab05 .judge_list .j_right .career_c .openPop:after{content: ""; background: #ACACAC; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.archWrap .content_detail .com_tab05 .judge_list .j_right .career_c .openPop:before{width: 2px; height: 12px;}
	.archWrap .content_detail .com_tab05 .judge_list .j_right .career_c .openPop:after{width: 12px; height: 2px;}
	.archWrap .content_detail .embed{width: 100%;height: 680px;min-height:680px;padding: 0;}

	/* COMPETITIONS, ARCHIVING, AWARD PAGE // Detail common */
	.c_rightarea .sub_titarea .stit_txt, .cpttWrap .tit{font-weight: 500; letter-spacing: -1px;}
	
	/* ARCHIVING, AWARD PAGE // Detail common */
	.c_rightarea{width: 100%; min-height: 500px; text-align: left; position: relative;}
	.c_rightarea .sub_titarea{width: 100%; display: inline-block; padding: 0 0 7px; border-bottom: 1px solid #AFB1B5;}
	.c_rightarea .sub_titarea .stit_txt{color: #000; float: left;}
	.c_rightarea .sub_titarea .stit_txt span{display: inline-block;}
	.c_rightarea .sub_titarea .stit_txt .stit_bar{width: 6px; height: 20px; margin-right: 8px; background: url("../images/main/title_bg.gif");} 

	/* COMPETITIONS, ARCHIVING, AWARD Detail > com_tab01 개요 */
	.content_detail .com_tab01{width: 100%; display: inline-block; padding: 36px;}
	.content_detail .right_info .summary{padding: 20px 0 0 40px;}
	.content_detail .right_info .summary>dl{display: table; width: 100%;}
	.content_detail .right_info .summary>dl>dt, .content_detail .right_info .summary>dl>dd{display: table-cell;}
	.content_detail .right_info .summary>dl>dt>span{display: inline-block; padding: 10px 10px 15px;}
	.content_detail .right_info .summary>dl>dd .sum_right{display: inline-block; width: 95%; padding: 10px 10px 15px; margin-left: 15px; border-bottom: 1px solid #B4B7BC;}
	.content_detail .right_info .summary>dl>dd .sum_right>li{margin: 5px 0;}
	.content_detail .right_info .summary>dl>dd .sum_right>li>span{display: inline-block;}
	.content_detail .right_info .summary>dl>dd .sum_right .sum_box{margin-right: 7px;}
	.content_detail .right_info .summary>dl>dt{width: 20%; margin-right: 5%; font-size: 18px; font-weight: 700; vertical-align: top; border-bottom: 1px solid #B4B7BC;}
	.content_detail .right_info .summary>dl>dd{width: 75%; font-size: 15px; vertical-align: bottom;}
	
	#tabs .tablist{display: flex;justify-content: flex-start;margin: 10px;}
	#tabs .tablist li{padding: 10px 20px;}
	#tabs .tablist li a{color: #000;font-weight: 900;font-size: 1.1vw;font-family: "NanumSquare", "sans-serif";}
	#tabs .tablist li a:hover{color: #EE5250;}
	#tabs .tablist li.ui-state-active{background-color: #EE5250;border: 1px solid #EE5250;border-radius: 50px;padding: 10px 30px;}
	#tabs .tablist li.ui-state-active a{color: #FFF;}
	#tabs .tablist li.ui-state-active a:hover{color: #FFF;}
	
	.searcPanel .flex{gap:10px;}
	.searcPanel .flex-item{display:flex;gap:10px;}
	.searcPanel .flex-item:nth-child(1){width: 40%;}
	.searcPanel .flex-item:nth-child(2){width: 60%;}
	.searcPanel .flex-item .selectBox{width: 50%;}
	.searcPanel .flex-item .textBox{width: 80%;}
	.searcPanel .flex-item .buttonSet{width: 20%;}
	
/* MEDIA QUERY set  --------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1399px){
	#tabs .tablist li a{font-size: 18px;}
}
@media screen and (min-width: 992px){
	.breadcrumb .bcList{font-size: 15px;}
	.searchGrp .textBox+.textBox{margin-left: 8px;}
	.textBox.comp{width: calc(47% - 204px - 11px - 4px);}
	.textBox.wrd{width: calc(53% - 174px - 10px - 4px);}
}
@media screen and (max-width: 991px){
	.textBox.wrd{clear: left;}
}
@media screen and (max-width: 991px) and (min-width: 769px){
	.breadcrumb .bcList{font-size: 15px;}
	.cpttWrap .cpttInfo{padding-top: 100px;}
	
	#tabs .tablist {margin-bottom: -2px;margin-top: 25px;}
}
@media screen and (max-width: 991px) and (min-width: 514px){
	.textBox.comp{width: calc(100% - 204px - 11px - 4px);}
	.textBox.wrd{width: calc(100% - 174px - 10px - 4px); clear: left;}
	.textBox.wrd, .textBox.wrd+.button{margin-top: 15px;}
}
@media screen and (min-width: 769px){
	.breadcrumb{margin-top: 78px;}
	.breadcrumb.innerWrap .stit_b{padding-top: 28px;}
	.pageTitArea{margin-bottom: 41px;}
	.pageTitArea .tit{font-size: 48px; padding: 6px 38px;}
	.tagPnl .refresh{top: 15px; right: 26px;}
	.tagPnl .tagGrp{padding: 60px 34px 24px;}
	.tagPnl .tagGrp .item{margin-top: 13px;}
	.tagPnl .tagGrp .item>.innerLink{background-position: top -98px right 0; font-size: 16px; line-height: 54px; padding-left: 26px; padding-right: 70px;}
	/* .rsltListGrp .itemList .innerLink>.resultCont{width: 57%; padding-left: 60px;}
	.rsltListGrp .itemList .innerLink>.resultCont:before{content: ""; width: 1px; height: 23px; background: #DBDBDB; display: inline-block; position: absolute; top: 50%; left: 30px; transform: translateY(-50%);}*/
	.exhTit, .exhList{display: inline-block; float: left;width: calc(100% - 439px);}
	.exhTit{width: 386px; height: 381px; margin-left: 20px;}
	.exhTit h4{left: 62px;}
	.exhTit h5{width: calc(100% - 120px); font-size: 28px; top: 120px; left: 52px;}
	.exhList.justified-gallery{width: calc(100% - 386px - 20px);}
	.exhList.justified-gallery>a{overflow: initial;}
	.exhList.justified-gallery>.jg-entry-visible>img{position: relative;}
	.exhList.justified-gallery>a>.jg-caption{font-family: inherit; font-size: 16px; font-weight: 400; padding-left: 20px; padding-right: 20px;}
	.exhList.justified-gallery>a>.jg-caption.jg-caption-visible{padding-top: calc(193px + 40px); top: -20px; left: -20px; right: -20px; bottom: -120px; z-index: 98; opacity: 1;}
	.exhTit>.innerLink:not(:hover) .overlay{display: none;}
	.exhTit>.innerLink:not(:focus) .overlay{display: none;}
	.exhTit>.innerLink:hover .overlay{display: block;}
	.exhTit>.innerLink:focus .overlay{display: block;}
	.exhTit>.innerLink .overlay{background: #000; color: #FFF; padding: 20px; position: absolute; top: 15px; left: 0; right: 20px; bottom: 0; z-index: 1;}
	.cpttWrap{margin-top: 60px;}
	.cpttWrap>.innerWrap{margin-bottom: 15px;}
	.cpttWrap .tit{font-size: 38px;}
	.cpttWrap .cpttInfo{padding-top: 50px; padding-bottom: 80px;}
	.cpttWrap .cpttInfo .poster{width: 330px; max-width: 330px; height: 467px; float: left;}
	.cpttWrap .cpttInfo .shortInfo:not(:only-child){padding-left: 30px;}
	.cpttWrap .cpttInfo .shortInfo{width: calc(100% - 330px); float: right;}
	.cpttWrap .cpttInfo .shortInfo .tltle_arr .btnAlign{padding-top: 28px;}
	.cpttWrap .cpttInfo .cpttTltle{font-size: 40px; padding-top: 10px; padding-bottom: 50px;}
	.cpttWrap .top_infoarea{padding: 34px 35px;}
	/* .cpttWrap .register_btn{margin-top: 116px;} */
	.cpttWrap .register_btn{display: inline-block;margin-top: 116px;float: right;}
	.cpttWrap .register_btn a{width: 408px;}
	.cpttWrap .content_title{margin-top: 60px;}
	.cpttWrap .content_title .title_txt{font-size: 42px;}
	.cpttWrap .content_title .title_line{top: 12px;}
	.cpttWrap .content_detail{margin-top: 48px;}
	.cpttWrap .content_detail .com_tab05{padding: 20px 36px 28px;}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_left{width: 30%; padding-left: 33px; padding-right: 40px;}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_right{width: 70%;}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_right .name_area{margin-bottom: 6px;}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_right .affiliation{margin-top: 6px;}
	.archWrap .content_detail .com_tab05{padding: 20px 36px 28px;}
	.c_rightarea{margin: 5px 0 110px;}
	.c_rightarea .sub_titarea .stit_txt{font-size: 26px;}
	.modal-content.type8[data-modal8] .judge_list .j_right{padding-left: 30px;}
}
@media screen and (max-width: 1200px){
	.cpttWrap .content_detail .com_tab05 .judge_list .j_left{padding-left: 0px;}
}
@media screen and (max-width: 900px){
	.cpttWrap .content_detail .com_tab05 .judge_list .j_left{padding-left: 0px;padding-right: 10px;}
}
@media screen and (max-width: 768px){
	.breadcrumb{margin-top: 22px;}
	.breadcrumb.innerWrap .stit_b{padding-top: 14px;}
	.exhList.justified-gallery>a>.jg-caption.jg-caption-visible, .exhTit>.innerLink .overlay{display: none;}
	.tagPnl .refresh{top: 10px; right: 15px;}
	.tagPnl .tagGrp{padding: 40px 10px 15px;}
	.tagPnl .tagGrp .item{margin-top: 7px;}
	.tagPnl .tagGrp .item>.innerLink{background-position: top -73px right 0; background-size: 35px; font-size: 13px; line-height: 28px; padding-left: 10px; padding-right: 30px;}
	.rsltListGrp .itemList .innerLink>.resultCont{width: 100%;}
	.exhTit h5{font-size: 24px;}
	.exhList.justified-gallery{width: 100%;}
	.cpttWrap>.innerWrap{margin-bottom: 10px;}
	.cpttWrap .tit{margin-left: 15px;}
	.cpttWrap .cpttInfo .poster{margin-bottom: 46px;}
	.cpttWrap .cpttInfo .shortInfo .tltle_arr .btnAlign{padding: 18px 15px;}
	.cpttWrap .cpttInfo .shortInfo .tltle_arr .btnAlign .download{width: 100%; margin-bottom: 7px;}
	.cpttWrap .top_infoarea .locInfo li:not(:first-of-type):before{height: 16px; margin-left: 26px; margin-right: 26px;}
	.vtcBar{display:none !important;}
	.cpttWrap .content_detail{margin-top: 30px;}
	.cpttWrap .content_detail .com_tab05{padding: 5px 0 36px;}
	/* .cpttWrap .register_btn{width: 100%; position: fixed; bottom: 0px; margin-bottom: 0; z-index: 99999;} */
	.cpttWrap .content_detail .embed{width: 100%;margin-bottom: 20px;margin-top: 0px;}
	.cpttWrap .register_btn{display: block;margin-top: 0;float: inherit;width: 100%; position: fixed; bottom: 0px; margin-bottom: 0; z-index: 99999;left: 0}
	.cpttWrap .register_btn a{width: 100%; font-size: 18px;}
	.archWrap .content_detail .com_tab05{padding: 20px 36px 28px;}
	.archWrap .top_infoarea{padding: 20px;}
	.c_rightarea{margin: 33px 0;}
	
	.cpttWrap .content_detail .com_tab05 .judge_list .j_left{padding-left: 0px;padding-right: 0px;}
	.cpttWrap .judReportBtn button {font-size: 14px;transform: translateY(58%);}
	
	.searcPanel .flex{flex-direction: column;font-size: 14px;}
	.searcPanel .flex-item{display:flex;gap:10px;}
	.searcPanel .flex-item:nth-child(1){width: 100%;}
	.searcPanel .flex-item:nth-child(2){width: 100%;}
	.searcPanel .flex-item .selectBox{width: 50%;}
	.searcPanel .flex-item .textBox{width: calc(100% - 80px);}
	.searcPanel .flex-item .buttonSet{width: 80px;}
	
	#judListSection .board1 {font-size:14px;}
	#judListSection .board1 .columnHeader div:nth-child(1){display:none;}
	#judListSection .board1 .columnHeader div:nth-child(2){width: 20%}
	#judListSection .board1 .columnHeader div:nth-child(3){width: 60%}
	#judListSection .board1 .columnHeader div:nth-child(4){width: 20%}
	
	#judListSection .board1.type2 .list a>div:nth-child(1){display:none;}
	#judListSection .board1.type2 .list a>div:nth-child(2){width: 20%}
	#judListSection .board1.type2 .list a>div:nth-child(3){width: 60%}
	#judListSection .board1.type2 .list a>div:nth-child(4){width: 20%}
	
	#cmpyListSection .board1 {font-size:14px;}
	#cmpyListSection .board1 .columnHeader div:nth-child(1){display:none;}
	#cmpyListSection .board1 .columnHeader div:nth-child(2){width: 50%}
	#cmpyListSection .board1 .columnHeader div:nth-child(3){width: 30%}
	#cmpyListSection .board1 .columnHeader div:nth-child(4){width: 20%}
	
	#cmpyListSection .board1.type2 .list a>div:nth-child(1){display:none;}
	#cmpyListSection .board1.type2 .list a>div:nth-child(2){width: 50%}
	#cmpyListSection .board1.type2 .list a>div:nth-child(3){width: 30%}
	#cmpyListSection .board1.type2 .list a>div:nth-child(4){width: 20%}
	
	#tabs .tablist {margin: 0px;margin-bottom: -5px;margin-top: 25px;justify-content: center;width: 100%;}
	
	.searcPanel .fa-search:before{margin:0px;}
}
@media screen and (max-width: 768px) and (min-width: 641px){
	.exhTit h4{left: 52px;}
	.exhTit h5{width: calc(100% - 110px); top: 110px; left: 42px;}
}
@media screen and (min-width: 641px){
	.exhTit h4:before{height: 15px;}
}
@media screen and (max-width: 640px){
	.exhTit h4{left: 42px;}
	.exhTit h4:before{height: 12px;}
	.exhTit h5{width: calc(100% - 90px); top: 100px; left: 32px;}
}
@media screen and (max-width: 1200px) and (min-width: 1100px){
	.cpttWrap .content_detail .embed{width: 38%;}
}
@media screen and (max-width: 1099px) and (min-width: 769px){
	.cpttWrap .content_detail .embed{display: none !important;}
}
@media screen and (max-width: 768px) and (min-width: 514px){
    .breadcrumb .bcList{font-size: 13px;}
	.pageTitArea{margin-bottom: 31px;}
	.pageTitArea .tit{font-size: 30px; padding: 6px 30px;}
	.rsltPnl{padding-left: 25px; padding-right: 25px;}
	.exhTit{margin: 0 20px;}
	.cpttWrap{margin-top: 50px;}
	.cpttWrap .tit{font-size: 26px;}
	.cpttWrap .cpttInfo .poster{width: calc(100% - 60px); height: 450px; margin-left: 30px; margin-bottom: 46px;}
	.cpttWrap .cpttInfo .cpttTltle{font-size: 30px; padding-top: 20px; padding-left: 30px; padding-right: 30px; padding-bottom: 30px;}
	.cpttWrap .cpttInfo .cpttTltle.mbTitle{display:inline-block;}
	.cpttWrap .cpttInfo .cpttTltle.pcTitle{display:none;}
	.cpttWrap .top_infoarea{width: calc(100% - 60px); margin-left: auto; margin-right: auto; padding: 24px 35px;}
	.cpttWrap .top_infoarea .infoTit{display: none;}
	.cpttWrap .tltle_arr{display:none;}
	.cpttWrap .content_title{margin-top: 40px;}
	.cpttWrap .content_title .title_txt{font-size: 32px;}
	.cpttWrap .content_title .title_line{top: 8px;}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_right .name_area{margin-bottom: 7px;}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_right .affiliation{margin-top: 4px;}
	.cpttWrap .content_detail .embed{padding: 24px 35px;}
	.c_rightarea .sub_titarea .stit_txt{font-size: 20px;}
	.cl_time .period{margin-left: 30px;font-size:15px;}
}
@media screen and (min-width: 514px){
	.rsltListGrp .grpTit+.cnt{margin-left: .5em;}
	.rsltListGrp .more{line-height: 70px;}
	.rsltListGrp .more:before{top: 50%;}
	.mHder .searchArea{}
	.searchGrp .button{height: 53px; font-size: 18px; line-height: 52px;}
	.searchGrp .filter-label{width: 204px; background-position: top -599px left 0px; margin-right: 11px; padding-left: 24px; font-size: 17px;}
	.searchGrp .fa-search{width: 174px; margin-left: 10px;}
	.ctgrySltPnl .filter-label.close{top: 6px; right: 20px;}
	.ctgrySltPnl .ctgryGrp:first-of-type .ctgryList{padding-right: 55px;}
	.ctgrySltPnl .ctgryTit{width: 201px; font-size: 18px; padding-left: 54px;}
	.ctgrySltPnl .ctgryTit:before{left: 40px;}
	.ctgrySltPnl .ctgryList{line-height: 30px; padding-top: 12px; padding-left: 40px; padding-bottom: 12px;}
	.ctgrySltPnl .ctgryList .item .innerLink{font-size: 16px;}
	.cpttWrap .content_title .title_line{height: 20px;}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_right .career_c{height: 50px; padding-top: 15px;}
	.top_infoarea .infoTit{font-size: 18px;}
	.cl_time .ul_cl_time{margin-left: 15px;}
	.content_detail .right_info .summary>dl>dd .sum_right>li .button{float: right;}
}
@media screen and (max-width: 513px){
	.breadcrumb .bcList{font-size: 11px;}
	.breadcrumb .stit_b{font-size: 12px; padding: 12px 0 0;}
	.pageTitArea{margin-bottom: 21px;}
	.pageTitArea .tit{font-size: 20px; padding: 6px 24px;}
	.rsltListGrp .more{line-height: 76px;}
	.rsltListGrp .more:before{top: calc(50% + 3.5px);}
	.rsltListGrp .grpTit{font-size: 20px;}
	.exhTit{margin: 0 10px;}
	.mHder .searchArea{}
	.textBox.wrd, .textBox.comp{width: calc(100% - 100px - 7px - 4px);}
	.textBox.wrd, .textBox.wrd+.button{margin-top: 7px;}
	.searchGrp .button{width: 100px; min-width: auto; height: 38px; font-size: 15px; line-height: 36px;}
	.searchGrp .filter-label{background-position: top -432px left -2px; background-size: 36px; margin-right: 7px; padding-left: 32px; padding-right: 6px;}
	.searchGrp .fa-search{margin-left: 7px;}
	.ctgrySltPnl .filter-label.close{top: -2px; right: 0px;}
	.ctgrySltPnl .ctgryGrp:first-of-type .ctgryList{padding-right: 35px;}
	.ctgrySltPnl .ctgryTit{width: 102px; font-size: 14px; padding-left: 15px;}
	.ctgrySltPnl .ctgryTit:before{left: 5px;}
	.ctgrySltPnl .ctgryList{line-height: 26px; padding-top: 7px; padding-bottom: 7px;}
	.ctgrySltPnl .ctgryList .item .innerLink{font-size: 14px;}
	.rsltPnl{padding-left: 10px; padding-right: 10px;}
	.cpttWrap{margin-top: 30px;}
	.cpttWrap .tit{font-size: 20px;}
	.cpttWrap .cpttInfo{}
	.cpttWrap .cpttInfo .poster{height: 420px;margin-left: 15px;margin-right: 15px;}
	.cpttWrap .cpttInfo .shortInfo{width: 100vw;}
	.cpttWrap .cpttInfo .cpttTltle{font-size: 20px; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px;}
	.cpttWrap .cpttInfo .cpttTltle.mbTitle{display:inline-block;}
	.cpttWrap .cpttInfo .cpttTltle.pcTitle{display:none;}
	.cpttWrap .top_infoarea{padding: 14px 10px;}
	.cpttWrap .top_infoarea .locInfo li{font-size: 13px;}
	.cpttWrap .top_infoarea .locInfo li:not(:first-of-type):before{height: 10px; margin-left: 12px; margin-right: 12px;}
	.cpttWrap .top_infoarea .infoTit{display: none;}
	.cpttWrap .tltle_arr{display:none;}
	/* .cpttWrap .tltle_arr .btnAlign .copyLnk{width: calc(100% / 2); margin-left: 0px;}
	.cpttWrap .tltle_arr .btnAlign .moveLst{width: calc(100% / 2 - 13px);} */
	.cpttWrap .content_title{margin-top: 20px;}
	.cpttWrap .content_title .title_txt{font-size: 22px;}
	.cpttWrap .content_title .title_line{height: 12px; top: 5px;}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_right .name_area{margin-bottom: 5px;}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_right .affiliation{font-size: 14px;}
	.cpttWrap .content_detail .com_tab05 .judge_list .j_right .career_c{height: 36px; font-size: 14px; line-height: 20px; padding-top: 8px; padding-bottom: 10px;}
	.cpttWrap .sum_box{font-size: 12px;}
	.archWrap .content_detail .com_tab05 .judge_list .j_left{width: 30%; position: absolute;}
	.archWrap .content_detail .com_tab05 .judge_list .j_right{width: 100%; padding-top: 37%;}
	.archWrap .content_detail .com_tab05 .judge_list .j_right .name_area{position: absolute; top: 30px; padding-left: 35%;}
	.top_infoarea .infoTit{font-size: 15px;}
	.cl_time .ul_cl_time{margin-left: 15px;}
	.cl_time .period{margin-left: 15px;font-size:15px;}
    .c_rightarea .breadcrumb .stit_txt{font-size: 20px;}
    .c_rightarea .breadcrumb .stit_b span{padding: 0 0 0 5px;}
    .content_detail .right_info .summary>dl>dd .sum_right>li .button{width: calc(100% - 15px); margin-top: 3px; margin-bottom: 6px; float: left;}
}
@media (min-width: 320px) and (max-width: 456px) {
     #sub_content {
        margin-top: 0px;
    }
    #sub_content .sub_title .tit_txt {
        font-size: 24px;
        padding: 20px 24px;
    }
}
@media (min-width: 457px) and (max-width: 767px) {
     #sub_content {
        margin-top: 20px;
    }
    #sub_content .sub_title .tit_txt {
        font-size: 30px;
        padding: 16px 30px;
    }
}
@media (max-width: 767px) {
    #sub_content .sub_title {
        margin-top: 0px;
    }
    .search-area {
        width: 100%;
    }
    
}
@media (max-width: 456px) {
	#tabs .tablist li a {
        font-size: 16px;
    }
}

@media (max-width: 400px) {
	#tabs .tablist li {
	    padding: 10px;
	}
	#tabs .tablist li.ui-state-active {
	    padding: 10px 20px;
	}
}


