@charset "euc-kr";

@import url(basic.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');




/*
'Noto Sans KR - 3,4,5,7,9'
'NanumSquare - 3,4,7,8'
Roboto - 1,3,4,5,7
*/

.mobile { display: none !important; }

/*wrap*/
#wrap {width:100%; min-width:1200px;}

/*header*/
header,
header.active{
-o-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
header {width:100%; min-width:1200px; height:130px;	 }
header .top { width: 100%; border-bottom:1px solid #ddd;  }
header .head {width:1200px; height:47px; margin:0 auto; overflow:hidden; }

header div.dDay {width:300px; height:47px; float:left; position:absolute; top:12px;	 }
header div.dDay .dDay_le { float:left; position:relative; }
header div.dDay .dDay_le > span{font-size:13px; color:#7d7d7d; font-weight:400; line-height:100% !important;letter-spacing: -0.5px;	 }
header div.dDay .dDay_ri > strong {color:#232477; font-size:29px; font-weight:500;float: left; margin-left: 15px; }

header .head .global {float:right; height:47px; line-height: 47px; display: block; border-right: 1px solid #ddd; padding: 0 21px;	}
header .head .global:last-child { border-left: 1px solid #ddd; }
header .head .global > a {padding:0 9px 0 9px; background:url('/images/common/global_line.jpg') no-repeat right center; font-size:12px; font-weight:400; color:#7d7d7d; text-decoration:none; letter-spacing: -0.5px; }
header .head .global > a:first-child {padding-left: 0;}
header .head .global > a:last-child {background:none; padding-right: 0; }
header .head .global > a:hover {color:#111;}
header .head .global.go { font-size:12px; color: #363636; cursor: pointer; font-weight: 400;}




header #navi {width:1200px; margin:0 auto; height: 82px;  }
header #navi .logo {width:275px; height:60px; float:left; position:relative; top:12px;}
header #navi .gnb {float:right;}
header #navi .gnb:after {height:0; display:block; content:"";}
header #navi .gnb > li {height:56px; float:left; position:relative; padding:27px 30px 0px 30px; display:block; }
header #navi .gnb > li:first-child {padding-left:0; background:none;}
header #navi .gnb > li:nth-child(5) {padding:27px 0px 0px 30px;}
header #navi .gnb > li > a {height:56px; text-decoration:none; color:#464646; font-size:18px; font-weight:500; letter-spacing:0px; display:block; }
header #navi .gnb > li > a:hover,
header #navi .gnb > li.on > a {color:#232477; box-sizing:border-box; text-decoration:none; border-bottom:4px solid #232477;}
header #navi .gnb > li > ul {display:none; position:absolute; top:83px; z-index:9999; box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
header #navi .gnb > li > ul > li:first-child {width:210px; height:40px; border-bottom:1px solid #d9d8d8; border-top:1px solid #d9d8d8;}
header #navi .gnb > li > ul > li {width:210px; height:40px; border-bottom:1px solid #d9d8d8;}
header #navi .gnb > li > ul .last {width:210px; height:40px; border-bottom: none}
header #navi .gnb > li > ul > li > a {width:100%; height:40px; line-height:40px; color:#666; font-size:15px; font-weight:500; text-align:center; text-decoration:none; display:block; background:#fff; opacity:0.8; filter:alpha(opacity=80);}
header #navi .gnb > li > ul > li > a:hover {opacity:1; filter:alpha(opacity=100); color:#252525; background:#fff;}
header .gnb > li .s1 {margin-left:-75px}
header .gnb > li .s2 {margin-left:-75px}
header .gnb > li .s3 {margin-left:-55px}
header .gnb > li .s4 {margin-left:-47px}
header .gnb > li .s5 {margin-left:-50px}
header .gnb > li .s6 {margin-left:-70px}



/*main visual*/
#visual {width:100%; min-width:1200px; height:560px; position:relative; overflow:hidden; }
.mCopy {position:absolute; top:34%; left:50%; transform:translate(-50%, -50%); z-index:99;}
#visual .roll {position:relative; width:500%; height:100%;}
#visual .roll > li {overflow:hidden; float:left; width:20%; height:100%; }
#visual .roll .bg1 {background:url('/images/main/visual_01.jpg')}
#visual .roll .bg2 {background:url('/images/main/visual_02.jpg')}
#visual .roll .bg3 {background:url('/images/main/visual_03.jpg')}
#visual .roll .bg4 {background:url('/images/main/visual_04.jpg')}
#visual .roll .bg5 {background:url('/images/main/visual_05.jpg')}
#visual .roll .bg6 {background:url('/images/main/visual_06.jpg')}

#visual .controlBox {z-index:88; position:absolute; bottom:200px; left:0; width:100%; text-align:center;}
#visual .controlBox .tab {display:inline-block}
#visual .controlBox .tab a:first-child {margin-left:0px}
#visual .controlBox .tab > a {width:17px; height:17px; display:inline-block; background:url('/images/main/visualDot_off.png') no-repeat; font-size:1; text-indent:-200000px;margin-left:8px}
#visual .controlBox .tab a.active {width:17px; height:17px; background:url('/images/main/visualDot_on.png') no-repeat;}



/*contents*/
#impo_date {width:100%; min-width:1200px; height:116px; top:511px; position:absolute; z-index:99999;}
#impo_date > div {width:1200px; margin:0px auto;  }
#impo_date > div > ul {float:left;}
.date_tit{float:left;width:175px; height:180px; box-sizing:border-box; padding:35px 0px 0px 20px; color:#fff; font-size:23px; font-weight:500; line-height:110%; background-color: #7132c9; letter-spacing:-0.5px; }
.date_c {width:1025px; float:left; height:180px; background:#000; background-color: rgba( 0, 0, 0, 0.8 ); overflow: hidden; display:flex; flex-direction:row; justify-content:space-between; padding: 10px 10px; box-sizing: border-box;}
.date_c > li {flex: 1 1 0; height:116px; background:url('/images/main/impo_line.png') no-repeat; padding-top: 10px; box-sizing: border-box;}
.date_c > li > b {color:#e55b00; font-size:16px; font-weight:500; letter-spacing:-0.2px; display: block;}
.date_c > li > strong {color:#fff; font-size:15px; font-weight:500; letter-spacing:-0.2px; display: block; margin-bottom: 10px}
.date_c > li > span {color:#ddd; font-size:14px; font-weight:400; line-height:110% !important; letter-spacing:-0.5px;}
.colorTurqu { color: #24aa9b !important;}


/*container*/
#container {width:100%; min-width:1200px;}
.area_main {width:1200px; margin:60px auto 40px; overflow:hidden; }

.area_main .m_con {width:338px; height: 266px; margin-left:37px; float: left; vertical-align:top;  }
.area_main > .m_con.m_wcbm { width: 450px; }
.area_main > div:first-child {margin-left:0px;}
.area_main > div .cont {width:100%; height:225px; overflow:hidden; border:1px solid #e3e3e3; border-top:0;}

.area_main .m_con .title {width: 100%; background:#252525; text-align:center; position:relative; text-transform:uppercase; height:27px; line-height:27px; color:#fff; padding: 9px 0px 5px 0px; font-size: 17px; }
.area_main .m_con  .title h2 > a {color:#fff; letter-spacing: -0.5px; font-weight:500; }
.area_main .m_con  .title h2 > a:hover {color:#fff;}

.m_submission ul li { width: 100%; height: 123px; padding-top: 43px; box-sizing: border-box; cursor: pointer; }
.m_submission ul li:hover { opacity: 0.8; }
.m_submission ul li.submission { background:url('/images/main/submi_bg.jpg') no-repeat; }
.m_submission ul li.registration { background:url('/images/main/regi_bg.jpg') no-repeat;  margin-top: 20px; }
.m_submission ul li h5 { font-size: 18px; font-weight: 600; letter-spacing: -0.5px;	 line-height: 20px;	 }
.m_submission ul li.submission h5 { color: #232477; }
.m_submission ul li.registration h5 { color: #007164; }
.m_submission ul li img { float: left; margin: 5px 35px 0px 55px;	}
.m_submission ul li span { display: block; color:#363636 ;	font-size: 12px; font-weight: 400; letter-spacing: -0.1px; }

.area_main .m_con .cont { width: 100%; padding:0px 17px; margin-bottom: 20px; background:#efefef; box-sizing: border-box; }
.area_main .m_news .cont ul li {padding-top:15px; padding-bottom:15px; border-bottom:1px dashed #cccccc; display:block;	}
.area_main .m_news .cont ul li a {display:block; padding-left:15px; letter-spacing: -0.1px; }
.area_main .m_news .cont ul li:last-child{margin-bottom:0; border-bottom:0; padding-bottom:0;}
.area_main .m_news .cont ul li img {display:inline-block; margin-right:5px; position:relative; }
.area_main .m_news .cont ul li p {width:180px; height:40px; display:inline-block; vertical-align:top; font-size:16px; line-height:20px; color:#363636; font-weight:500; margin-top:10px; letter-spacing: -0.5px}
.area_main .m_news .cont ul li p:hover {color:#24aa9b;}
.area_main .m_news .cont ul li:nth-child(2) p {padding-top:0;}


/*news*/
.area_main	.m_news .title {background: #0b2b64;   }
.area_main	.m_news	 .cont { background: #fff; }

.area_main .m_news .cont ul { padding-top: 10px; }
.area_main .m_news .cont ul li a { width: 280px;  padding-left:10px; background:url("/images/main/new_i.png") left 8px no-repeat; font-style:normal; display:block; text-overflow: ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-size: 16px; line-height: 16px; font-weight: 400; }
.area_main .m_news .cont ul li a:hover {text-decoration: underline}
.area_main .m_news .cont ul li span {padding-left:15px; font-weight: 400; }

/*Hosts*/
#HostsWrap {width:100%; min-width:1200px; border-top:1px solid #d7d7d7;}
#logoBanner {width:1200px; margin:0px auto; overflow:hidden; }
#logoBanner > dl { float:left; height: 100px; margin-right: 50px; display: flex;  flex-direction: row;	justify-content: center;align-items: center; }
#logoBanner > dl:last-child { margin-right: 0; margin-left: 35px;}
#logoBanner > dl > dt, #logoBanner > dl > dd {float:left; line-height: 56px;}
#logoBanner > dl > dt {height:56px; background:url('/images/main/hostLine.jpg') no-repeat center right ; padding-right: 35px;  font-size:16px; font-weight:400; color: #111; }
#logoBanner > dl > dd > a {display:inline-block; padding-left: 35px }
#logoBanner > dl > dd img {height:55px !important;}

/*footer_menu*/
#foot_menu {width:100%; min-width:1200px; height: 307px; padding:65px 0px; background: #4e4e4e url("/images/main/bot_menu.jpg") center no-repeat; box-sizing: border-box; }
#foot_menu > .fnb {width:1200px; height: 239px; margin:0 auto; overflow:hidden;}
#foot_menu > .fnb > li {float:left; margin-right: 78px; }
#foot_menu > .fnb > li:last-child { margin-right: 0 ; }
#foot_menu > .fnb > li > p {line-height:100%; margin-bottom:20px; padding-bottom:20px; background:url('/images/main/bLinfne.jpg') no-repeat left bottom; font-weight:700; text-transform:uppercase; color:#c2c2c2;}
#foot_menu > .fnb > li > a {display:block; margin-bottom:2px; color:#a1a1a1; letter-spacing: -0.1px;}
#foot_menu > .fnb > li > a:hover {color:#fff;}

/*footer CopyRight */
footer {width:100%; min-width:1200px; background-color:#d9d9d9;}
footer .footcopy{width:1200px; margin:0px auto; padding:35px 0 35px 0;}
footer .footcopy .footLogo { width: 200px; height: 56px; float: left; margin-top: 10px; }
footer .footcopy > p {font-size:14px;line-height:19px; color:#363636; font-weight: 400; }
footer .footcopy > p > a {font-size:14px;line-height:19px; font-weight: 400; color:#363636; }
footer .footcopy > p > a:hover {text-decoration:underline;}

/*mtop*/
#mTop {width:64px; height:64px; z-index:99999; bottom:40px; right:100px; position:fixed; display:none;}
#mTop > a {opacity:0.7; filter:alpha(opacity=70);}
#mTop > a:hover {opacity:1; filter:alpha(opacity=100);}

/*sub*/
.sV_01{background:url(/images/sub/sub_img02.jpg) no-repeat 0 0;}
.sV_02{background:url(/images/sub/sub_img03.jpg) no-repeat 0 0;}
.sV_03{background:url(/images/sub/sub_img04.jpg) no-repeat 0 0;}
.sV_04{background:url(/images/sub/sub_img05.jpg) no-repeat 0 0;}
.sV_05{background:url(/images/sub/sub_img06.jpg) no-repeat 0 0;}
.sV_06{background:url(/images/sub/sub_img02.jpg) no-repeat 0 0;}

#sVisual {width:100%; min-width:1200px; height:240px; overflow:hidden; position:relative;text-align:center;}
#sVisual h2 {width: 100%; min-width: 1200px; margin:60px auto 0px; vertical-align: middle; display:inline-block; z-index: 9998; font-size: 37px;font-weight:500;color: #fff;LETTER-SPACING: -0.3px; text-shadow: 3px -2px 5px rgba(0,0,0,0.2); }
#sVisual .location .su1{ padding-top: 7px}
#sVisual .location {display:inline-block;}
#sVisual .location > li {height:25px; line-height:25px; padding:0 20px; float:left; color:#fff; font-weight:500; background:url('/images/sub/rec.png') no-repeat left; font-size: 18px; text-shadow: 3px 2px 7px rgba(0,0,0,0.5);}
#sVisual .location > li:first-child {background:none; }

.sub_menu {width:1200px; margin:0 auto; position:relative;}
#snb { width: 100%;min-width: 1200px;height: 50px;text-align: center; position:absolute; top:-25px; left:0; z-index:99999;}
#snb > ul {display: inline-block;}
#snb > ul > li {float: left;}
#snb > ul.s0 > li > a {width: 400px;}
#snb > ul.s1 > li > a {width: 240px;}
#snb > ul.s2 > li > a {width: 1200px;}
#snb > ul.s3 > li > a {width: 300px;}
#snb > ul.s4 > li > a {width: 400px;}
#snb > ul.s5 > li > a {width: 600px;}
#snb > ul.s6 > li > a {width: 600px;}
#snb > ul > li.on > a,
#snb > ul > li > a:hover { background: url(/images/common/snbDot.gif) no-repeat center bottom #fff;color: #363636;}
#snb > ul > li:first-child > a {border-left: 1px solid #e1e1e1;}
#snb > ul > li > a { width: 300px;border-right: 1px solid #e1e1e1;text-align: center;line-height: 50px;display: block;color: #fff; background: #0d71bb;text-decoration: none;font-weight: 400;box-sizing: border-box;}

#sContainer { width: 1200px; margin: 0 auto 110px;}
#sContainer .title { padding: 75px 0px 50px 0px;background: url(/images/sub/line.jpg) no-repeat center bottom;margin-bottom: 60px;text-align: center;}
#sContainer .title h3 { font-size: 35px;color: #252525;font-weight: 500;line-height: 100%; }


/*sub contents*/
#sContents {min-height:150px; overflow:hidden; margin: 0px auto; text-align: justify}
.imgBox {text-align:center; padding:0px 0px 30px 0px;}
#sContents h4 {font-size:21px; font-weight:500; letter-spacing:0px; line-height:115%; margin-bottom:30px; color:#0c51a0; text-decoration: underline;}
#sContents h5 {font-size:18px; font-weight:500; letter-spacing:0px; line-height:115%; margin-bottom:10px; /*color:#1e7b1c;*/ color:#111; text-decoration: underline;}
.boxSh {box-shadow:3px 3px 18px #ddd; }
.wideBack {width:100%; min-width:1200px; padding:60px 0 65px; background:#f7f7f7;}
#sContents h6 {font-size:20px; color:#111; font-weight:700; line-height:100%; margin-bottom:30px; letter-spacing:1px; }
.left_ico {padding-left:12px; background:url('/images/sub/s_ico.jpg') no-repeat left 10px;}
.left_ico02 {padding-left:12px; background:url('/images/sub/s_ico.jpg') no-repeat left 10px;}
.left_ico > span {color:#0e76bc;}
.txtBox {margin-bottom:60px; line-height: 160%;}
.under_line{text-decoration:underline}
.txt_icon {background:url('/images/sub/dot.gif') no-repeat left 10px; padding-left: 10px}
.line {margin-bottom:60px; padding-bottom: 60px; background:url('/images/sub/dotLine.gif') repeat-x bottom;/*border-bottom:1px dashed #d7d7d7;*/}
.line02 {margin-bottom:60px; padding-bottom: 60px; background:url('/images/sub/dotLine02.gif') repeat-x bottom;}
.tit01 {font-size:16px; color:#252525; font-weight:500; letter-spacing:0px;}
.tit02 {font-size:16px; font-weight:500; line-height:140%;letter-spacing:0px; font-style:italic; color: #252525}
.Note { border: 1px solid #ddd; padding: 20px;}


/*organization*/
.organization {overflow:hidden; margin: 0px auto;width: 1200px; clear: both}
.organization > div{float:left;}
.organization > div:first-child{margin-right:70px; float:left; width:195px; vertical-align: middle;}
.organization > div:first-child img { width: 130%; }
.organization > div:nth-child(2){ padding-left:70px; width:864px; margin-right:0px;position: relative;}
.organization > div:nth-child(2) a.organi_btn { border: 1px solid #ddd; padding: 5px 10px; border-radius: 3px; position: absolute; right: 0; bottom: -30px;}
.organization > div:nth-child(2) a:hover { background: #f5f5f5; }
.organization > div:nth-child(2) a img { width: 70px; margin-left: 5px;}

/*committee*/
.committee {width:100%; overflow: hidden; border: 1px solid #ddd; padding:20px 20px; box-sizing: border-box;  margin-bottom: 60px}
.committee_ul > li{ padding-left: 25px; }
.committee_ul > li > strong{width:210px;font-weight:500;color:#111; display:inline-block;padding:5px 0 7px 30px;font-size:16px;color:#111;background:url(../images/sub/smline.png) no-repeat right;margin:0 20px 0 0; vertical-align:top; text-align: left;}
.committee_ul > li > div > span{font-weight:500;}
.committee_ul > li > div {display:inline-block;margin-top:7px;}
.committee_ul > li > div:first-child {display:inline-block;margin-top:10px;}

/*contact*/
#sContents .contact_ul{margin:0 auto; width:96%; padding:20px; border:2px solid #0d71bb; border-radius: 10px; background-color: #fff;}
#sContents .contact_ul > li{ text-align: center; font-size:18px !important; font-weight: 600 !important;}
#sContents .contact_ul > li > a {font-size:18px !important; font-weight: 600 !important;}
#sContents .contact_ul > li:first-child {margin-top: 10px; font-style: italic; color:#0d71bb}
#sContents .contact_ul > li:nth-child(2) {padding-top: 20px}


/* subscribe */
.downfile {LETTER-SPACING: -0.1px !important;font-size:15px !important;padding:5px 50px 5px 50px; border:3px solid #464646 !important; font-weight:500 !important;	text-decoration:none !important; display:inline-block; background-color:#464646 !important; color:#fff !important;
border-radius:4px;	}
.downfile:hover {color:#464646 !important; border:3px solid #464646 !important; background-color:#fff !important;}


.conference > div:first-child{margin-right:0px; float:left; width:40%; vertical-align: middle; box-sizing: border-box;	}
.conference > div:nth-child(2){ padding-left:60px; width:60%; margin-right:0px;position: relative; box-sizing: border-box;	}


.arawads tr td { word-break:keep-all !important; text-align: center; }
.arawads tr th:nth-child(1) { width: 9%; }
.arawads tr th:nth-child(2) { width: 15%; }
.arawads tr th:nth-child(3) { width: 26%; }
.arawads tr th:nth-child(4) { width: 8%; }




#PGIOscreen select {
    padding: 0 0 0 4px !important; 
    height: 28px;
    cursor: pointer;
    background-color: #FFF;
    border: 1px solid #DDD;
}
