@charset "euc-kr";

@import url(basic.css);
@import url(notosanskr.css);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);

/*
³ëÅä»ê½º 'Noto Sans KR - 3,4,5,7,9'
³ª´®½ºÄù¾î 'NanumSquare - 3,4,7,8'
*/


@media all and (max-width:1300px) {
	#wrap {margin:0 !important;}
}

/*wrap*/
#wrap {min-width:1200px; margin:0 100px;}

/*header*/
#header {width:1200px; height:100px; margin:0 auto;}
#header:after {height:0; display:block; content:""; clear:both;}
#header h1 {width:320px; height:33px; float:left; margin-top:35px;}
#header .head {float:right; text-align:right;}
#header .head p.global {height:25px; margin-top:5px;}
#header .head p.global > a {padding:0 8px 0 10px; font-size:12px; color:#888; display:inline-block; background:url('../images/common/globalLine.gif') no-repeat left; text-decoration:none;}
#header .head p.global > a:hover {color:#111;}
#header .head p.global > a:first-child {background:none;}
#header .head ul.gnb {display:inline-block;}
#header .head ul.gnb > li {width:100px; float:left; position:relative;}
#header .head ul.gnb > li > a {width:inherit; height:70px; line-height:62px; font-size:17px; font-weight:400; color:#555; text-decoration:none; display:block;}
#header .head ul.gnb > li > a:hover, #header .head ul.gnb > li.on > a {color:#7e4e2e;}
#header .head ul.gnb > li > ul {display:none; position:absolute; top:70px; left:-20px; z-index:999999; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
#header .head ul.gnb > li > ul > li {}
#header .head ul.gnb > li > ul > li > a {width:180px; height:40px; line-height:40px; text-align:center; display:block; border-bottom:1px solid #e3e3e3; text-decoration:none; font-size:14px; color:#888; font-weight:400; background:#fff;}
#header .head ul.gnb > li > ul > li > a:hover {color:#222;}

/*visual*/
#visual {width:100%; min-width:1200px; height:630px; position:relative; overflow:hidden;}
#visual .box {position:absolute; left:50%; opacity:0; filter:alpha(opacity=0);}
#visual .type1 {top:150px; margin-left:-201px; z-index:99;}
#visual .type2 {top:270px; margin-left:-201px; z-index:99;}
#visual .type3 {top:350px; margin-left:-346px; z-index:99;}
#visual .type4 {top:350px; margin-left:-100px; z-index:99;}
#visual .type5 {top:350px; margin-left:147px; z-index:99;}
#visual .type6 {top:435px; margin-left:-900px; z-index:99;}
#visual .type7 {top:0; margin-left:-900px; z-index:98; opacity:1; filter:alpha(opacity=1); text-align:center;}
#visual .type7 > img {width:1850px; height:648px;}
#visual .type1 > img,
#visual .type2 > img
#visual .type3 > img
#visual .type4 > img
#visual .type5 > img
#visual .type6 > img {
 /* pngÆÄÀÏ º¸´õ¶óÀÎ ¾ø¾Ö±â (¾Ö´Ï¸ÞÀÌ¼Ç °æ¿ì¸¸) */
-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop')"; /* for IE8*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop'); /* for IE7*/
}

/*main container*/
#mContainer {width:100%; min-width:1200px; margin:0 auto; overflow:hidden;}

/*journal bnt*/
#mContainer .mJournal {width:1200px; margin:45px auto;}
#mContainer .mJournal:after {height:0; display:block; content:""; clear:both;}
.jTitle {width:310px; background:url('../images/main/mBtnLine.gif') no-repeat right; float:left; font-weight:400; color:777;}
.jTitle > p {margin-bottom:20px; font-size:34px; color:#111; font-weight:100; line-height:120%;}
.jTitle > p > strong {display:block; font-weight:400; line-height:100%;}
#mContainer .mJournal .jBtn {overflow:hidden; float:right;}
#mContainer .mJournal .jBtn ul.jBtn_icon > li {width:220px; float:left;}
#mContainer .mJournal .jBtn ul.jBtn_icon > li > a {width:100%; padding-top:15px; font-size:15px; color:#777; font-weight:400; text-decoration:none; text-align:center; display:block; line-height:140%;}
#mContainer .mJournal .jBtn ul.jBtn_icon > li > a > strong {display:block; font-size:19px; color:#333; font-weight:500; line-height:100%; margin-bottom:15px;}
#mContainer .mJournal .jBtn ul.jBtn_icon > li > a > img, #mContainer .mJournal .jBtn ul.jBtn_icon > li > a > span {display:inline-block; margin-bottom:35px;}
#mContainer .mJournal .jBtn ul.jBtn_icon > li > a:hover > strong {color:#5d381f;}
#mContainer .mJournal .jBtn ul.jBtn_icon > li > a:hover > span {animation-name:btn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;}

#mContainer .mJournal .jBtn ul.jBtn_icon > li > a > span {display:none;}
#mContainer .mJournal .jBtn ul.jBtn_icon > li > a:hover > img {display:none;}
#mContainer .mJournal .jBtn ul.jBtn_icon > li > a:hover > span {display:inline-block;}

@keyframes btn {
	16.65% {
	-webkit-transform: translateY(6px);transform: translateY(6px);
  }
  33.3% {
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
  }
  49.95% {
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
  }
  66.6% {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
  }
  83.25% {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
  }
  100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
}

/*Çмú´ëȸ*/
#mContainer .conf {width:1200px; height:398px; background:url('../images/main/conferenceBg.jpg') no-repeat; padding:60px 0 0 20px; box-sizing:border-box; margin:0 auto;}
.jTitle2 > span {display:block; line-height:100%; margin-bottom:10px; font-family:'Roboto'; font-weight:500; font-size:22px; color:#805922;}
.jTitle2 {width:auto; background:none; float:none;}
.jTitle2 > p > strong {display:inline;}
#mContainer .conf > p {overflow:hidden; margin-top:30px;}
#mContainer .conf > p > a {width:170px; height:45px; line-height:45px; border:1px solid #a08e77; box-sizing:border-box; text-align:center; text-decoration:none; color:#333; font-size:14px; display:block; float:left; margin-left:-1px;}
#mContainer .conf > p > a:first-child {margin-left:0;}
#mContainer .conf > p > a:hover {color:#fff; background:#5e3904; border:1px solid #5e3904;}

#mContainer ul.boxCon {width:1200px; margin:0 auto 50px;}
#mContainer ul.boxCon:after {height:0; display:block; content:""; clear:both;}
#mContainer ul.boxCon > li {float:left;}
#mContainer ul.boxCon li.notice {width:450px; margin-right:35px;}
#mContainer ul.boxCon li.gallery {width:375px; height:250px; background:#000; margin-right:35px; position:relative;}
#mContainer ul.boxCon li.quick {width:305px; overflow:hidden;}

/*notice*/
#noticeTab {width:100%; overflow:hidden; background:url('../images/main/noticeBottomLine.gif') repeat-x bottom, url('../images/main/noticeLine.gif') no-repeat 93px 4px;}
#noticeTab > li {font-size:20px; color:#777; font-weight:400; float:left; padding:0 20px 30px 0; line-height:100%; cursor:pointer;}
#noticeTab > li:first-child {margin-right:20px;}
#noticeTab li.on {color:#6e4224; background:url('../images/main/noticeTabOn.gif') no-repeat left bottom;}
#noticeList {margin-top:35px;}
#noticeList > ul > li {padding:6px 0px; position:relative; }
#noticeList > ul > li.notice_txt { overflow: hidden; }
#noticeList > ul > li.notice_txt a { width: calc(100% - 105px); display: block; font-size: 15px; color: #777; padding-left: 13px; background:url('../images/common/dot.png') no-repeat left; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; float: left;  }
#noticeList > ul > li > a:hover {color:#333;}
#noticeList > ul > li.notice_txt span { font-size: 13px; color: #999; float: right; }
#noticeList > ul li.more {background:none; padding:0;}
#noticeList > ul li.more > a {font-size:11px; font-weight:400; color:#999; text-decoration:none; position:absolute; top:-70px; right:0; background:none;}
#noticeList > ul li.more > a:hover {color:#333;}



/*gallery*/
.gallery > img {width:inherit; height:250px; opacity:0.5; filter:alpha(oapcity=50);}
.gallery > div {width:355px; height:230px; position:absolute; top:10px; left:10px; z-index:9999; border:1px solid #777; box-sizing:border-box; color:#fff; padding:25px 30px; cursor:pointer;}
.gallery:hover > div {border:4px solid #fff; padding:22px 27px;}
.gallery:hover > img {opacity:0.4; filter:alpha(oapcity=40);}
.gallery > div > p {font-size:20px; color:#fff; font-weight:400; line-height:120%; padding-bottom:5px; border-bottom:2px solid #fff; display:inline-block; margin-bottom:20px;}
.gallery > div > span {font-size:13px; color:#ccc; display:block; margin-top:8px; line-height:100%;}

/*quick*/
.quick > a {width:153px; height:126px; border:1px solid #ddd; box-sizing:border-box; display:block; float:left; margin:-1px 0 0 -1px; padding-top:78px; text-align:center; text-decoration:none;}
.quick .quick1 {background:url('../images/main/quick_01.png') no-repeat center 35px; margin:0;}
.quick .quick2 {background:url('../images/main/quick_02.png') no-repeat center 35px; margin-top:0;}
.quick .quick3 {background:url('../images/main/quick_03.png') no-repeat center 35px; margin-left:0;}
.quick .quick4 {background:url('../images/main/quick_04.png') no-repeat center 35px;}
.quick > a:hover {background-color:#f5f5f5; color:#333; font-weight:400; background-position:center 30px;}

/*about*/
#mContainer div.about {width:100%; min-width:1200px; height:271px; background:url('../images/main/aboutBg.gif') repeat-x; padding-top:45px; box-sizing:border-box;}
#mContainer div.about > ul {width:1200px; margin:0 auto;}
#mContainer div.about > ul:after {height:0; display:block; content:""; clear:both;}
#mContainer div.about > ul > li {float:left;}
#mContainer div.about > ul li.aboutBtn {overflow:hidden; margin-left:200px;}
#mContainer div.about > ul li.aboutBtn > a {padding:0 75px; font-size:14px; display:block; float:left; text-align:center; position:relative; line-height:130%; text-decoration:none;}
#mContainer div.about > ul li.aboutBtn > a:first-child {border-right:1px solid #ddd;}
#mContainer div.about > ul li.aboutBtn > a:first-child > span {left:96px;}
#mContainer div.about > ul li.aboutBtn > a > strong {font-size:20px; color:#444; font-weight:400; display:block; line-height:100%; margin-bottom:10px;}
#mContainer div.about > ul li.aboutBtn > a > span {position:absolute; top:0; left:94px; opacity:0; filter:alpha(opacity=0);}
#mContainer div.about > ul li.aboutBtn > a:hover > span {opacity:1; filter:alpha(opacity=100);}
#mContainer div.about > ul li.aboutBtn > a:hover > strong {color:#111;}
#mContainer div.about > ul li.aboutBtn > a > img {width:102px; height:102px; display:inline-block; margin-bottom:15px;}

/*footer*/
#footer {}
#footer ul.foot {width:1200px; margin:30px auto; overflow:hidden;}
#footer ul.foot li.footInfo {float:left; font-size:14px;}
#footer ul.foot li.footInfo > ol:after {height:0; display:block; content:""; clear:both;}
#footer ul.foot li.footInfo > ol {margin-bottom:10px;}
#footer ul.foot li.footInfo > ol > li {float:left; padding:0 20px 0 23px; margin-left:20px;}
#footer ul.foot li.footInfo > ol > li.tel {background:url('../images/common/foot_tel.gif') no-repeat left, url('../images/common/footLine.gif') no-repeat right; margin-left:0;}
#footer ul.foot li.footInfo > ol > li.fax {background:url('../images/common/foot_fax.gif') no-repeat left, url('../images/common/footLine.gif') no-repeat right;}
#footer ul.foot li.footInfo > ol > li.mail {background:url('../images/common/foot_mail.gif') no-repeat left;}
#footer ul.foot li.footInfo > ol > li, #footer ul.foot li.footInfo > ol > li > a {font-size:14px; font-weight:400;}
#footer ul.foot li.footBtn {float:right; padding-top:8px;}
#footer ul.foot li.footBtn > a {width:160px; height:40px; border:1px solid #ccc; box-sizing:border-box; text-align:center; line-height:40px; font-size:13px; text-decoration:none; display:block; float:left; margin-left:-1px; position:relative; z-index:1;}
#footer ul.foot li.footBtn > a:hover {border:1px solid #999; color:#111; z-index:2;}
#footer div.copyright {border-top:1px solid #aaa; padding:40px 0; text-align:center;}
#footer div.copyright > img {display:inline-block;}

/*sub container*/
#subContainer {width:100%; min-width:1200px; padding:65px 0; background:url('../images/common/sConBg.gif') repeat-x top; border-bottom:1px solid #ddd;}
#sContainer {width:1200px; margin:0 auto; overflow:hidden;}

/*sub left*/
#left {width:220px; float:left; margin-right:70px;}
#left h2 {width:220px; height:190px; line-height:190px; background:url('../images/common/lnbTitleBg.gif') no-repeat; font-size:30px; text-align:center; color:#fff; font-weight:400;}
#left .lnb {}
#left .lnb > li {width:220px;}
#left .lnb > li > a {width:inherit; height:55px; line-height:55px; padding-left:20px; font-size:16px; color:#555; text-decoration:none; display:block; margin-top:-1px; border:1px solid #ddd; position:relative; z-index:1; box-sizing:border-box;}
#left .lnb > li > a:hover, #left .lnb > li.on > a {border:1px solid #6e4a32; color:#6e4a32; font-weight:400; background:url('../images/common/lnbDot.png') no-repeat 90%; z-index:2;}

/*sub right*/
#right {width:910px; float:right;}
#right div.title {padding:5px 0 25px; border-bottom:1px solid #ddd; margin-bottom:50px; overflow:hidden;}
#right div.title h3 {font-size:35px; color:#111; line-height:100%; float:left; font-weight:500;}
#right div.title ul.location {overflow:hidden; float:right; margin-top:20px;}
#right div.title ul.location > li {font-size:13px; color:#888; padding:0 15px; background:url('../images/common/locationDot.gif') no-repeat left; float:left;}
#right div.title ul.location > li:first-child {background:none;}
#right div.title ul.location > li.here {color:#333; padding-right:0;}

#sContents h4 {font-size:21px; color:#111; font-weight:400; padding-left:23px; background:url('../images/sub/conTitle_dot.gif') no-repeat left 1px; line-height:100%; margin-bottom:20px;}
#sContents h5 {font-size:21px; color:#111; font-weight:400; line-height:100%; margin-bottom:30px; text-align: center}
.imgBox {text-align:center; padding:0px 0px 30px 0px;}


/*ÇÐȸ»ç¹«±¹*/
.map_add {margin-bottom:40px;}
.map_add > strong {font-size:18px; padding-bottom: 8px; display: inline-block}
.map_add > strong > span {color:#7e4e2e; padding-left: 10px}
.map_add {text-align:center;font-size:17px; border:1px solid #d4d4d4; padding:20px;}


/*Á¤°ü*/
.rule {width:910px;}
.rule > dt {width:910px; height:40px; line-height:40px; text-align:center; color:#333; font-weight:400; background:#f3f3f3; clear: both; margin-top: 30px}
.rule > dd {background:none; line-height:140%;}
.rule > dd > dl {display:inline-block;}
.rule > dd > dl > dt {line-height:140%; color:#252525; font-weight:400; margin-top: 30px; margin-bottom: 5px}
.rule > dd > dl > dd > span {display:block; margin-bottom:5px; line-height:140%;}

.numList > li {/*list-style-type:decimal;*/}
.numList > li > span{margin-left: 20px}


/*¿¬Çõ*/
.history{margin:25px 0 0 0;}
.history > li{padding:10px 0 10px 25px;border-bottom:1px solid #ddd;}
.history > li:first-child {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.history > li > span{width:150px;display:inline-block;padding:10px 20px 10px 25px;font-size:16px;color:#111;font-weight:400;background:url(../images/sub/smline.png) no-repeat right;margin:0 25px 0 0; vertical-align:top;}
.history > li > div {display:inline-block;margin-top:10px;}


/*¹öÆ°*/
.btn_lightgray {background:#aaa; border:none; color:#fff !important; padding:10px; font-size:12px; cursor:pointer; margin-bottom:1px;}
.btn_gray {background:#999; border:none; color:#fff !important; padding:10px; font-size:12px; cursor:pointer; margin-bottom:1px;}
.btn_red {background:#DB0005; border:none; color:#fff !important; padding:10px; font-size:12px; cursor:pointer; margin-bottom:1px;}
.btn_blue {background:#7195BD; border:none; color:#fff !important; padding:10px; font-size:12px; cursor:pointer; margin-bottom:1px;}
.btn_sky {background:#8cb7d3; border:none; color:#fff !important; padding:10px; font-size:12px; cursor:pointer; margin-bottom:1px;}
.btn_pink {background:#cb5373; border:none; color:#fff !important; padding:10px; font-size:12px; cursor:pointer; margin-bottom:1px;}
.btn_blank {background:#bbb; border:none; color:#fff !important; padding:10px; font-size:12px; cursor:pointer; margin-bottom:1px;}
.btn_green {background:#779b5c; border:none; color:#fff !important; padding:10px; font-size:12px; cursor:pointer; margin-bottom:1px;}
.btn_yellow {background:#927b5b; border:none; color:#fff !important; padding:10px; font-size:12px; cursor:pointer; margin-bottom:1px;}



/**** popup ****/
.pop_load { width: 100%; height: 1px; z-index:99999999; position: fixed; top: 0; left: 0; }
.popup_wrap {width:100%; height:100%; background: url('/images/common/popBg.png'); position:fixed; top:0; left:0; z-index:999999999999;  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.popup {width:1200px; height: 726px; background:#fff; overflow:auto; position: relative;}
.popTitle { width: 1200px; height:60px; padding-left:50px; background: #fff url(/images/sub/conTitle_dot.gif) 22px center no-repeat; box-sizing: border-box; position: fixed; border-bottom: 1px solid #cdcdcd;}
.popTitle div { width: calc( 100% - 70px );line-height: 60px; font-weight: 500; color: #252525; font-weight: 500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.popTitle p.close_bt { position:absolute; top:5px; right:5px; z-index:999999; cursor: pointer;}
.popVideo { width: 100%; margin-top: 60px; }
.popup_load { padding-bottom: 40px; }
.popup_load.popPhoto_load { padding-bottom: 0; }
.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}

/* popup _ welcome */
.layer_video .pop_load { width: 100%; height: 1px; z-index:99999999; position: fixed; top: 0; left: 0; }
.layer_video .popup_wrap {width:100%; height:100%; background: url('/images/common/popBg.png'); position:fixed; top:0; left:0; z-index:999999999999; display: flex; flex-wrap: wrap; align-items: center;}
.layer_video .popup {width:1200px; height:740px; background:#fff; position: relative; overflow: hidden;}
.layer_video .popTitle { width: 1200px; height:60px; padding-left:50px; background: #fff url(/images/sub/conTitle_dot.gif) 22px center no-repeat; box-sizing: border-box; position: fixed; border-bottom: 1px solid #cdcdcd;}
.layer_video .popTitle div { width: calc( 100% - 70px );line-height: 60px; font-weight: 500; color: #252525; font-weight: 500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.layer_video .popTitle p.close_bt { position:absolute; top:9px; right:5px; z-index:999999; cursor: pointer;}
.layer_video .popVideo { width: 100%; margin-top: 60px;}
.layer_video .popVideo iframe { width: 100%; height: 675px; }
.layer_video .popup_load { padding-bottom: 40px; }
.iframe_box { position: relative; width: 100%; padding-bottom: 56.25%; margin: auto; margin-bottom: 50px;}
.iframe_box iframe { position: absolute; width: 100%; height: 100% }