@charset "euc-kr";

@import url(basic.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,600,700');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');


/*񃧯*/
* {margin:0; padding:0; word-break:keep-all;}
* {-webkit-text-size-adjust:none;} /* ¾ÆÀÌÆù ÅؽºÆ® ÀÚµ¿È®´ë ¸·±â */

.mobile { display: none; }

html {overflow-y:scroll;}
body {width:100%; height:100%;}

td *, div *, li *, span *, p * {}
ul, ol, li {list-style:none;}
p,div,ul,li,dl,dt,dd,ol,em,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6 {font-family:'Roboto',  'Noto Sans KR', 'Nanum Gothic','NanumGothic', 'µ¸¿ò','dotum', sans-serif; font-size:13px; line-height:180%; color:#666;}

img {border:0; vertical-align:middle;}

ul, li, dl, dt, dd {list-style:none;}

a:link {color: #666; font-family:'Roboto', sans-serif, 'Noto Sans KR', 'Nanum Gothic','NanumGothic', "µ¸¿ò","dotum"; font-size:13px; text-decoration:none;}
a:visited {color: #666; font-family:'Roboto', sans-serif, 'Noto Sans KR', 'Nanum Gothic','NanumGothic', "µ¸¿ò","dotum"; font-size:13px; text-decoration:none;}
a:hover {color: #666; font-family:'Roboto', sans-serif, 'Noto Sans KR', 'Nanum Gothic','NanumGothic', "µ¸¿ò","dotum"; font-size:13px; text-decoration:underline;}
a:active {color: #666; font-family:'Roboto', sans-serif, 'Noto Sans KR', 'Nanum Gothic','NanumGothic', "µ¸¿ò","dotum"; font-size:13px; text-decoration:none;}

td {font-family:'Roboto', sans-serif, 'Noto Sans KR', 'Nanum Gothic','NanumGothic', "µ¸¿ò","dotum", arial, helvetica, san-serif; font-size:13px; text-decoration:none; line-height:180%; vertical-align:top;}
/*±âº» ³¡*/



#wrap {width:100%; min-width:1000px; margin: 0 auto; overflow:hidden;}
.main_color { color: #003152 !important; }

/*header*/
header {width: 1000px; height:111px; margin: 0 auto;	}
header div.head {width:1000px; height:66px; margin:0 auto; overflow:hidden;}
header div.head h1 {width:149px; height:36px; float:left; margin-top:15px;}
header div.head h1 .logo { height: 36px; }
header div.head ul.global {float:right; margin-top:17px;}
header div.head ul.global > li {float:left; padding:3px 10px; background:url('../images/sub/globalLine.gif') no-repeat left 6px;}
header div.head ul.global > li:first-child {background:none;}
header div.head ul.global > li > a {display:block; font-size:10px; font-weight:600; color:#9999; text-decoration:none;}
header div.head ul.global > li > a:hover {color:#333;}
header div.head ul.global > li.pngba {padding:0 0 0 10px;}
header div.head ul.global > li.pngba > a {width:130px; height:32px; overflow:hidden; display:block;}
header div.head ul.global > li.pngba > a:hover > img {margin-top:-32px;}

/*gnb*/
header div.gnbWrap {width:100%; min-width:1000px; height:45px; background:#003152;}
header div.gnbWrap ul.gnb {width:1000px; height:45px; margin:0 auto;}
header div.gnbWrap ul.gnb > li {width:166.6px; float:left; position:relative; background:url('../images/sub/gnbLine.gif') no-repeat left;}
header div.gnbWrap ul.gnb > li:first-child {background:none;}
header div.gnbWrap ul.gnb > li > a {height:45px; line-height:45px; font-size:14px; color:#fff; font-weight:600; text-align:center; display:block;}
header div.gnbWrap ul.gnb > li > a:hover, header div.gnbWrap ul.gnb > li.on > a {color:#fff; background:#1598d6; text-decoration:none;}
header div.gnbWrap ul.gnb > li > ul {position:absolute; top:45px; left:0; z-index:999; display:none;}
header div.gnbWrap ul.gnb > li > ul > li > a {width:180px; height:40px; line-height:40px; display:block; border-top:1px solid #68a9d9; text-decoration:none; background:url('../images/sub/gnbOverDot.png') no-repeat 88% #1598d6; opacity:0.8; filter:alpha(opacity=80); font-size:12px; color:#fff; font-weight:600; padding:0 25px;}
header div.gnbWrap ul.gnb > li > ul > li > a:hover {color:#fff; font-weight:600; background:url('../images/sub/gnbOverDot.png') no-repeat 88% #fa9b00; opacity:0.9; filter:alpha(opacity=90); font-weight:bold;}


/*visual*/
#visual {width:100%; min-width:1000px; height:360px; position:relative;}
#visual ul.tab {position:absolute; top:315px; left:50%; margin-left:-27px; z-index:999;}
#visual ul.tab > li {width:12px; height:12px; margin:0 3px; float:left; background:url('../images/main/visualDot.png') no-repeat; text-align:center; cursor:pointer;}
#visual ul.tab > li.on {background:url('../images/main/visualDotOver.png') no-repeat !important;}
#visual p.copy {position:absolute; top:82px; left:50%; margin-left:-500px; z-index:998; }
#visual p.copy > img {display:block;}
#visual > div {position:absolute; top:0; left:50%; margin-left:-1000px;width: 2000px; height: 360px;}
#visual > div.displayno {display:none;}
.visual1 { background: url('/images/main/visual1.jpg?ver=2') 0 0 no-repeat; background-size: cover;}
.visual2 { background: url('/images/main/visual2.jpg?ver=2') 0 0 no-repeat; background-size: cover;}
.visual3 { background: url('/images/main/visual3.jpg?ver=2') 0 0 no-repeat; background-size: cover;}
.visual4 { background: url('/images/main/visual4.jpg?ver=2') 0 0 no-repeat; background-size: cover;}
.visual5 { background: url('/images/main/visual5.jpg?ver=2') 0 0 no-repeat; background-size: cover;}
.visual6 { background: url('/images/main/visual6.jpg?ver=2') 0 0 no-repeat; background-size: cover;}
.visual7 { background: url('/images/main/visual7.jpg?ver=2') 0 0 no-repeat; background-size: cover;}
.visual8 { background: url('/images/main/visual8.jpg?ver=2') 0 0 no-repeat; background-size: cover;}
.visual9 { background: url('/images/main/visual9.jpg?ver=2') 0 0 no-repeat; background-size: cover;}

/*container*/
#container {width:1000px; margin:30px auto; overflow:hidden;}

#left {width:582px; float:left; margin-right:30px;}
ul.grayQuickBtn {display:inline-block; border-bottom:1px solid #ddd;}
ul.grayQuickBtn > li {float:left; padding:0 32px; background:url('../images/main/grayBtnLine.gif') no-repeat left;}
ul.grayQuickBtn > li:first-child {background:none;}
ul.grayQuickBtn > li > a {height:77px; color:#555; line-height:77px; font-weight:600; display:block; overflow:hidden; text-decoration:none;}
ul.grayQuickBtn > li > a.gb1 {background:url('../images/main/grayIcon1.gif') no-repeat; padding-left:37px;}
ul.grayQuickBtn > li > a.gb2 {background:url('../images/main/grayIcon2.gif') no-repeat; padding-left:48px;}
ul.grayQuickBtn > li > a.gb3 {background:url('../images/main/grayIcon3.gif') no-repeat; padding-left:33px;}
ul.grayQuickBtn > li > a:hover {background-position:0 -79px;}

#left div.leftBottom {display:inline-block;}
.mGallery_title { background: url('/images/main/colorBg1.gif') 0 0 no-repeat; color: #fff; font-weight: 600; background-size: cover; text-align: center; margin: 5px 0; padding: 5px; }
.mGallery_title img { margin-left: 10px; margin-top: -2px; cursor: pointer;}
.mGallery_title img:hover { opacity: 0.8; }
.mGallery { padding: 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background: url('/images/main/mGallery_bg.jpg') 0 0 no-repeat; background-size: cover;	 box-sizing: border-box;}
.mGallery li { position: relative; width: 24%; height: 140px; overflow: hidden; background: #DDDDDD; cursor: pointer; box-sizing: border-box;}
.mGallery li img { width: 145.5px; height: 140px; opacity: 1; transition: all 0.3s ease-in-out; }
.mGallery li:hover img { opacity: 0.6; }
.mGallery li:before, .mGallery li:after { content:''; background: #fff; position: absolute; left: 50%; top: 50%; opacity: 0; z-index: 1; transform: translate(-50%, -50%);
  transition: all 0.4s ease; }
.mGallery li:before { width: 60px; height: 1px; left: 100%; }
.mGallery li:after { width: 1px; height: 60px; top: 0%; }
.mGallery li:hover:before, .mGallery li:hover:after { opacity: 1; left: 50%; top: 50%; }



#right {width:388px; float:right; margin-bottom: 15px;}
#right div.rightTopTop { margin-bottom:10px;}
#right ul.colorBtn {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content:stretch; }
#right ul.colorBtn > li {width:50%; height:60px; }
#right ul.colorBtn > li > a {width:100%; height:100%; color:#fff; font-size:15px; font-family:Tahoma, Geneva, sans-serif; font-weight:600; text-decoration:none; position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding-left: 20px; transition: filter 0.3s; }
#right ul.colorBtn > li > a img.colorBtn { height: 25px; margin-right: 15px; /*position: absolute; left: 17px; top: 19px;*/ position: relative; }
#right ul.colorBtn > li > a img.colorBtnArr { margin-top: 5px; margin-left: 4px; transition:0.3s; }
#right ul.colorBtn > li > a span { width:100%; height:100%; z-index: 1000; position: relative; padding:0 0 0 0; display: block;}
#right ul.colorBtn > li > a.cb1 {background:url('../images/main/colorBg1.gif') left bottom no-repeat;background-size: cover;}
#right ul.colorBtn > li > a.cb2 {background:url('../images/main/colorBg2.gif') left bottom no-repeat;background-size: cover;}
#right ul.colorBtn > li > a.cb3 {background:url('../images/main/colorBg3.gif') left bottom no-repeat;background-size: cover;}
#right ul.colorBtn > li > a:hover { filter: contrast(110%) saturate(120%);; }

#right div.rightTop {margin-bottom:10px;}
#right div.rightTop > p {height:38px; background:url('../images/main/abTitleBg.gif') no-repeat; padding-left:18px; line-height:37px; font-size:14px; color:#fff; font-weight:600; margin-bottom: 5px; }
#right div.rightTop > ul > li {height:42px; background:url('../images/main/dotLine.gif') repeat-x bottom; padding:0 3px; display: flex; align-items: center;position: relative; padding-left: 8px;}
#right div.rightTop > ul > li > strong {color:#555; display:block; float:left; line-height:16px; }
#right div.rightTop > ul > li > span {display:block; float:right; text-align:right; line-height:32px; color:#ff6630; font-weight:600;}
#right div.rightTop > ul > li:before { width: 3px; height: 3px; background: #555; content:''; display: block; position: absolute; left: 0; top: 10px; }

#right div.rightTop > ul.mNews > li { height:30px; background:url('../images/main/dotLine.gif') repeat-x bottom; padding:0 3px 0 10px;  }
#right div.rightTop > ul.mNews > li:before { top: 12px; }

#right div.rightMiddle {display:block; margin-bottom:10px;}
#right div.rightMiddle > a {width:173px; height:50px; display:block; float:left; padding:13px 0 0 20px; color:#fff; font-size:12px; font-weight:600; line-height:140%; text-decoration:none; background:url('../images/main/btnDot.png') no-repeat 90%;}
#right div.rightMiddle > a.rightBtn1 {background-color:#095390;}
#right div.rightMiddle > a.rightBtn1:hover {background-color:#00437a;}
#right div.rightMiddle > a.rightBtn2 {background-color:#037e8a;}
#right div.rightMiddle > a.rightBtn2:hover {background-color:#006c76;}


#right div.rightBottom {height:80px; border:1px solid #ddd; line-height:98px; padding:0 15px 0 20px; float:left;}
#right div.rightBottom > a {width:190px; height:14px; line-height:14px; display:block; background:url('../images/main/confirmCheck.gif') no-repeat left 0; padding-left:25px; font-size:13px; color:#666; font-weight:600; text-decoration:none; margin:15px 0;}
#right div.rightBottom > a:first-child {margin-top:18px;}
#right div.rightBottom > a:hover {color:#333; background-position:0 -14px;}

#right a.pdfDown {width:100%; border:1px solid #ddd; padding:10px 5px 10px 50px; display:block; background:url('../images/sub/down.png') no-repeat 20px 11px; font-weight:600; box-sizing: border-box; }
#right a.pdfDown:hover {text-decoration:none; color:#333; border:1px solid #ccc; background-color:#f9f9f9;}

/*banner*/
.banner_wrap { width: 100%; background: #f1f1f1; padding: 0; overflow: hidden; }
.banner { max-width: 1000px; margin: 0 auto 15px; padding: 25px 0; transition-timing-function: linear; overflow: hidden; position: relative; }
.banner_title { color: #464646; padding-bottom: 10px; text-align: center; font-size: 19px; font-weight: 600; border-bottom: 1px solid #b7b7b7; }
.banner_list { max-width: 900px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content:center; padding: 20px 50px 0 !important; box-sizing: border-box;}
.banner_list .swiper-slide { width: auto; display: table-cell; vertical-align: middle; }
.banner_list .swiper-slide img { margin-right: 80px; }
.banner_list .swiper-wrapper { transition-timing-function: linear; }

.banner_next { width: 43px !important; height: 50px !important; background: #f1f1f1 url('/images/main/right_arr.jpg') center no-repeat !important; right: 0px !important; top: 120px !important; }
.banner_prev { width: 43px !important; height: 50px !important; background: #f1f1f1 url('/images/main/left_arr.jpg') center no-repeat !important; left: 0px !important; top: 120px !important; }




/*footer*/
#footer {width:100%; min-width:1000px; padding:25px 0; background:#eee;}
#footer div.foot {width:1000px; margin:0 auto; overflow:hidden;}
#footer div.foot > img {display:block; float:left; margin:12px 55px 0 0;}
#footer div.foot > address {height:100%; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#888; display:block; float:left;}
#footer div.foot > address > a {font-family:Arial, Helvetica, sans-serif; color:#888;}



/*sub Visual*/
#sVisual_1 {width:100%; min-width:1000px; height:180px; position:relative;}
#sVisual_1 > div {width:1000px; height: 100%; margin:0 auto; position:absolute; left: 0; right: 0; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center; gap:15px; text-shadow: 3px 3px 5px rgba(0,0,0,0.5);}
#sVisual_1 > div > img { max-width:unset;  }
.sVisual { max-width:unset; height: 100%; }
.sVisual_txt_01 { color: #fff; font-size:40px; font-weight: 500;  }
.sVisual_txt_02 { color: #fff; font-size:30px; font-weight: 400; }

/*sub Cotainer*/
#sContainer {width:1000px; margin:35px auto 50px;}
#sContainer h2 {height:30px; line-height:30px; font-size:32px; color:#222; font-weight:600; margin-bottom:10px; text-align:center;}
#sContainer div.location {text-align:center;}
#sContainer div.location > ul {display:inline-block;}
#sContainer div.location > ul > li {float:left; padding:0 15px; background:url('../images/sub/locationDot.gif') no-repeat left; color:#888;}
#sContainer div.location > ul > li:first-child {background:none;}

/*sub Navi*/
#sContainer div.subNavi {margin-top:30px;}
#sContainer div.subNavi > ul {display: flex; flex-wrap:wrap; flex-direction:row; }
#sContainer div.subNavi > ul > li {width:248px; height:43px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #000; }#sContainer div.subNavi > ul > li:first-child {border-left:1px solid #ddd;}
#sContainer div.subNavi > ul > li > a {width:100%; height:43px; line-height: 130%; font-size:14px; color:#666; font-weight:600; text-decoration:none; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
#sContainer div.subNavi > ul > li > a:hover {background:#f7f7f7; color:#000;}
#sContainer div.subNavi > ul > li.on {width:247px; height:43px; border-top:2px solid #000; border-left:1px solid #000; border-right:1px solid #000; border-bottom:none;}
#sContainer div.subNavi > ul > li.on > a {color:#000;}

#sContainer div.subNavi.subNavi_02 > ul > li {width:calc(50% - 2px) !important;}
#sContainer div.subNavi.subNavi_03 > ul > li {width:calc(33% - 1.4px) !important;}
#sContainer div.subNavi.subNavi_04 > ul > li {width:calc(25% - 1.7px) !important;}
#sContainer div.subNavi.subNavi_05 > ul > li {width:calc(20% - 1.4px) !important;}
#sContainer div.subNavi.subNavi_06 > ul > li {width:calc(16.6% - 1.4px) !important;}

.langTab { margin: 40px auto; text-align: center; }
.langTab li { width: 195px; height: 42px; line-height: 40px; display: inline-block; margin-left: -4px; color: #6F8FC8; border: 1px solid #6F8FC8; box-sizing: border-box; cursor: pointer; text-align: center; /* padding-left: 19px; background: url("/images/main/arr.png") 172px center no-repeat;*/  }
.langTab li:hover { color: #111;  border: 1px solid #a1a1a1; position: relative; z-index: 1; }
.langTab li.on { background: #6F8FC8 url("/images/main/arr_ov.png") 172px center no-repeat; color: #fff; border: 1px solid #6F8FC8;}

.Ko_contents { background: url('/images/sub/dot_line.jpg') left bottom repeat-x; padding-bottom: 30px; margin-bottom: 30px;}
:root {
  --apa-blue-dark: #3A6FB0;
  --apa-blue-main: #6F8FC8;
  --apa-blue-light: #A1B0D0;
}


.vision-intro {
  text-align: center;
  color: #555;
}

.vision-quote {
  background: #8FA6CF;

  padding: 15px;
  border-radius: 10px;
  text-align: center;
  margin: 30px auto;

}

.vision-quote p {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  line-height: 140%;
}

.section-title {
  text-align: center;
  font-size: 26px;
  margin-bottom: 20px;
  color: #222;
}

.section-title:before { display: none; }

.principle-list {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: principle;
}

.principle-item {
  position: relative;
  background: #fff;
  padding: 28px 30px 28px 80px;
  margin-bottom: 26px;
  border-radius: 12px;
  box-shadow: 0 8px 10px rgba(0,0,0,0.06);
  counter-increment: principle;
  border: 1px solid #ddd;
}

.principle-item::before {
  content: counter(principle);
  position: absolute;
  left: 0;
  top: 0;
  width: 56px;
  height: 100%;
  background: #6F8FC8;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px 0 0 12px;
}

.principle-item h3 {
  margin: 0 0 10px !important;
  height: unset !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #222;
}

.principle-item p {
  margin-top: 10px;
  color: #555;
}



/*d-day*/
#container .dday  {height:50px; position:relative; text-align:center; padding-top:5px; box-sizing:border-box;background-color:#095390; margin-bottom:3px; border-radius: 10px;}
#container .dday .count > ul {display:inline-block;}
#container .dday .count > ul > li {padding:0 20px; background:url('../images/main/ddayPart.gif') no-repeat left 3px top 6px; text-align:center; font-size:12px; color:#fff; font-weight:500; float:left;}
#container .dday .count > ul > li:first-child {background:none;}
#container .dday .count > ul > li > strong {display:block; font-size:18px; color:#fff; margin-bottom:0px; font-weight:700;}
#container .dday > p {position:absolute; right:5px; bottom:2px; font-size:12px; color:#fff; font-weight:400;}
#container .dday > span {position:absolute; left:20px; bottom:12px; font-size:14px; color:#fff; font-weight:400;}
#container .dday > p > strong {color:#fff; font-weight:500; display:inline-block; padding-right:12px; margin-right:8px; background:url('../images/main/globalLine.gif') no-repeat right;}

/*sub Contents*/
#sContents {margin-top:50px; min-height:260px;}
#sContents div.about {background:url('../images/sub/about_img.jpg') no-repeat right 20px;}
#sContents h3 {font-size:26px; line-height:125%; color:#222; margin-top: 30px; font-weight:600; margin-bottom: 20px; }
#sContents h4 {font-size:21px; font-weight:600; letter-spacing:0px; line-height:125%; margin-top: 30px; margin-bottom:20px; color:#003152; padding-left: 15px; position: relative; }
#sContents h4:before { content:''; width: 5px; height: 20px; background: #003152; position: absolute; left: 0; top: 2px; }
#sContents h5 {font-size:18px; font-weight:600; letter-spacing:0px; line-height:150%; margin-top: 30px; margin-bottom:10px; /*color:#1e7b1c;*/ color:#111; text-decoration: underline; text-underline-offset: 5px;	}
.boardTable + h5 { margin-top: 20px; }
.sContents .imgBox { margin-bottom: 20px; }
.txtBox { clear: both; }
#sContents div.about > p {font-size:14px;}
#sContents div.about > p.about_txt {width: 530px;font-size:14px;}

#sContents .wcTable {width:100%; border-top:1px solid #666; border-collapse:collapse;}
#sContents .wcTable td {border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 30px; vertical-align:middle;}
#sContents .wcTable td:first-child {border-left:0;}
#sContents .wcTable td div.photo {width:102px; height:125px; border:1px solid #ddd; margin-right:30px; float:left;}
#sContents .wcTable td > ul {width:305px; float:left;}
#sContents .wcTable td > ul li.name {font-size:16px; color:#333; text-decoration:underline; margin-bottom:5px; font-weight:600;}
#sContents .wcTable2 th {padding:10px 0; text-align:center; font-size:14px; color:#333; background:#f7f7f7; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
#sContents .wcTable2 th:first-child {border-left:0;}
#sContents .wcTable2 td {padding:10px 20px; font-size:13px;}

#sContents .speakers {display:inline-block; margin-top:20px;}
#sContents .speakers > li {width:197px; height:250px; float:left; padding:20px; text-align:center; border:1px solid #d3d3d3; line-height:140%; margin-right:10px;}
#sContents .speakers > li > img {display:inline-block; margin-bottom:15px;}
#sContents .speakers > li > strong {display:inline-block; font-weight:600; color:#333; margin-bottom:10px;}

#sContents .speakers_h170{margin-top:0;}
#sContents .speakers_h170 > li {height:170px;text-align:left;}


.tabNone {margin-top:30px !important; border-top:1px solid #ddd;}

.gallery {display:inline-block;}
.gallery > li {width:198px; height:208px; border:1px solid #ddd; padding:15px; float:left; margin:0 10px 20px; }
.gallery > li:hover {background:#f7f7f7; cursor:pointer; border:1px solid #ccc;}
.gallery > li > a {width:100%; height:198px; display:block; text-align:center; text-decoration:none; font-size:12px;}
.gallery > li > a strong {color:#333; font-size:13px;}
.gallery > li > a img {width:198px; height:149px;display:block; margin-bottom:8px;}
.gallery > li > a:hover > strong {text-decoration:underline;}


#sContents div.paperBtn {text-align:center; margin-top:40px; background:#f5f5f5; padding:35px 0 20px;}
#sContents div.paperBtn > a {width:287px; height:77px; overflow:hidden; display:inline-block; margin:0 10px;}
#sContents div.paperBtn > a:hover > img {margin-top:-77px;}

.hotelMap {position:relative;}
#sContents div.hotelBtn {margin:0; position:absolute; top:0px; right:0; background:none;}
#sContents div.hotelBtn > a {width:337px;}

#sContents div.box {border:1px solid #ddd; padding:25px 30px;}
#sContents div.icon1, #sContents div.icon2 {width:308px; height:130px; padding-left:150px;}
#sContents div.icon1 {background:url('../images/sub/icon1.gif') no-repeat 43px;}
#sContents div.icon2 {background:url('../images/sub/icon2.gif') no-repeat 50px;}

#sContents div.invitation {width:820px; height:904px; background:url('../images/sub/invitationBg.gif') no-repeat; padding:75px 90px 0;}
#sContents div.invitation p.inviTxt {padding-bottom:35px; border-bottom:1px solid #ddd; margin-bottom:35px;}
#sContents div.invitation .chair {font-size:15px; color:#000; font-weight:600; display:inline-block; margin-right:10px;}

#sContents div.pubBook {display:inline-block;}
#sContents div.pubBook > img {display:block; margin-right:30px; float:left;}
#sContents div.pubBook div.bookTxt {width:668px; float:left; margin-top:10px;}

#sContents .visaBtn {padding:2px 15px; border-radius:5px; background:#1598d6; color:#fff; font-weight:600; text-align:center; display:inline-block; margin-left:15px; text-decoration:none;}
#sContents .visaBtn:hover {background:#003152;}

#sContents div.loginWrap {width:998px; height:200px; border:1px solid #ddd; position:relative;}
#sContents div.loginWrap div.loginTitle {width:339px; height:145px; border-right:1px solid #ddd; font-size:28px; color:#333; font-weight:600; text-align:center; padding-top:55px; float:left;}
#sContents div.loginWrap div.key {background:url('../images/sub/loginImg.jpg') no-repeat center 40px #f7f7f7; text-indent:-20000px;}
#sContents div.loginWrap div.gla {background:url('../images/sub/findImg.jpg') no-repeat center 125px #f7f7f7;}
#sContents div.loginWrap ul.formWrap {float:left; margin:53px 0 0 60px;}
#sContents div.loginWrap ul.formWrap .loginForm > li {margin-bottom:10px;}
#sContents div.loginWrap ul.formWrap .loginForm > li > strong {width:70px; font-size:17px; font-weight:600; color:#555; display:inline-block; margin-right:15px; text-align:right;}
#sContents div.loginWrap ul.formWrap .find {margin:20px 0 0 88px;}
#sContents div.loginWrap ul.formWrap .find > li {margin-bottom:6px; background:url('../images/sub/loginDot.gif') no-repeat left; padding-left:25px; font-size:15px; font-weight:500; color:#666;}
#sContents div.loginWrap ul.formWrap .find > li > a {font-weight:600; color:#ff7e00; display:inline-block; margin-left:10px; font-size:15px !important;}
#sContents div.loginWrap div.btn {position:absolute; top:57px; right:125px;}
#sContents div.loginWrap div.btn .btn_ok {border-radius:80px; width:85px; height:85px; font-size:17px; padding:0;}

.downBtn {margin-top:20px; overflow:hidden;}
.downBtn > a {height:35px; line-height:35px; padding:0 15px; text-align:center; display:block; float:left; margin-left:5px; background:#4397bf; color:#fff; font-weight:600; text-decoration:none; letter-spacing:-0.5px; border-radius:5px;}
.downBtn > a:first-child {margin-left:0;}
.downBtn > a:hover {background:#146a94;}

/*travel*/
#sContents ul.travel > li {padding-bottom:50px; margin-bottom:40px; background:url('../images/sub/dotLine.gif') repeat-x bottom;}
#sContents div.travel_01 {background:url('../images/sub/travel_01.jpg') no-repeat left top; padding-left:310px;}
#sContents div.travel_02 {background:url('../images/sub/travel_02.jpg') no-repeat right top; padding-right:310px;}
#sContents div.travel_03 {background:url('../images/sub/travel_03.jpg') no-repeat left top; padding-left:310px;}
#sContents div.travel_04 {background:url('../images/sub/travel_04.jpg') no-repeat right top; padding-right:310px;}
#sContents div.travel_05 {background:url('../images/sub/travel_05.jpg') no-repeat left top; padding-left:310px;}
#sContents div.travel_06 {background:url('../images/sub/travel_06.jpg') no-repeat right top; padding-right:310px;}

/*venue*/
.venue2018 {overflow:hidden;}
.venue2018 > li {width:438px; float:left;}
.venue2018 > li:first-child {padding-right:50px; border-right:1px solid #ddd; margin-right:50px;}

/*mtop*/
#mTop	{width:64px; height:65px; z-index:99999; bottom:150px; left:50%; margin-left:530px; position:fixed; display:none;}



/****************************** Sub Content ***********************************/
.content h4{font-size:20px;margin:0 0 15px 0;padding:0 0 15px 0;background:url(../images/sub/title_line.jpg) 0 bottom no-repeat;font-weight:600}
.content h5 {font-size:14px;font-weight:600;margin:0 0 2px 0;}
.content h6 {font-size:14px; color:#333; font-weight:600; margin-bottom:10px;}
.content .default_def{}
.content .default_def dt{margin:0 0 3px 0;font-weight:600}
.content .default_def dd{margin:0 0 15px 8px;}

.content .default_table{border-top:2px solid #232441}
.content .default_table th{border:1px solid #d7d7d7;background:#605f78;padding:8px 0 10px 0;color:#fff}
.content .default_table td{border:1px solid #d7d7d7;padding:5px;text-align:center;}

.content .form_title {margin-bottom:10px; font-weight:600; color:#333; font-size:16px; background:url('../images/sub/formTItleDot.gif') no-repeat left 4px; padding-left:15px;}
.content .form_table {width:100%; border:1px solid #ddd; border-collapse:collapse;}
.content .form_table th {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px 0 10px 20px; text-align:left; font-size:13px; color:#444; background:#f9f9f9;}
.content .form_table td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; padding:10px 0 10px 20px;}
.content input, .content select, .content textarea {border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px;
border-radius:5px;
box-shadow:inset 0px 1px 1px rgba(0,0,0,0.065);
-webkit-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.065);
}
.content .form_table td input.emailCheck {font-size:13px; font-weight:600; box-shadow:none; padding:11px; background:#aaa; color:#fff; border:1px solid #aaa; cursor:pointer;}
.content .form_table td textarea {border:1px solid #ccc; width:90%; padding:5px 10px; vertical-align:middle;}

.content .btn{}
.content .btn .btn_ok,.content .btn .btn_no {padding:13px 40px; font-weight:600; border-radius:5px;}
.content .btn .btn_ok {background:#13517b; color:#fff; border:1px solid #13517b;}
.content .btn .btn_ok:hover {background:#003152; border:1px solid #003152; cursor:pointer;}
.content .btn .btn_no {background:#aaa; border:1px solid #aaa; color:#fff;}
.content .btn .btn_no:hover {background:#999; border:1px solid #999; cursor:pointer;}

.content .important{border:1px solid #d7d7d7;background:#f5f5f5;padding:15px 20px}
.content .important span{display:block;text-align:center;font-weight:bold;font-size:16px;}
.content .important ul{}
.content .important ul li{}

.content .btn a{display:block;text-align:center;margin:0 auto;padding:15px 30px;background:#f5f5f5;border:1px solid #d9d9d9;width:300px;}
.content .btn a:hover{background:#db4520;color:#fff;}

/* jac */
.jac_photos img { width: 247px; }


#sContents .navy_btn { display: inline-block; background: #002c71 !important; border-color: #002c71 !important; color: #fff !important; padding: 10px 30px 10px 30px; cursor:pointer;}
#sContents .sky_btn { background: #2eafc9 !important; border-color: #2eafc9 !important; color: #fff !important; padding: 10px 30px 10px 30px; cursor:pointer;}
#sContents .red_btn { background: #a50021 !important; border-color: #a50021 !important; color: #fff !important; padding: 10px 30px 10px 30px; cursor:pointer;}
#sContents .green_btn { background: #21ba45 !important; border-color: #21ba45 !important; color: #fff !important; padding: 10px 30px 10px 30px; cursor:pointer;}
#sContents .gray_btn { background: #333f50 !important; border-color: #333f50 !important; color: #fff !important; padding: 10px 30px 10px 30px; cursor:pointer;}

#sContents .navy_btn:hover { background: #002256 !important; border-color: #002256 !important; }
#sContents .sky_btn:hover { background: #289ab1 !important; border-color: #289ab1 !important; }
#sContents .red_btn:hover { background: #9e0121 !important; border-color: #9e0121 !important; }
#sContents .green_btn:hover { background: #0ea432 !important; border-color: #0ea432 !important; }
#sContents .gray_btn:hover { background: #293340 !important; border-color: #293340 !important; }

/*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}