@charset 'euc-kr';


body { min-width:320px; }
.pc { display: none !important;	 }
.mobile { display: block !important; }
* a, a:hover, a:visited { text-decoration: none; }

#wrap {width:100%; min-width:320px;}

/* header */
header {min-width:320px;position:fixed;top:0;left:0;right:0;z-index:999999;height:50px;background-color: #fff !important; }
.all_menu {position:absolute;right:20px;top:16px;display:none;width:20px;height:18px;font-size:0;line-height:0;margin: 0; padding: 0; cursor: pointer; background: transparent; outline:none; border: 0;}
.all_menu .ico_cate, .all_menu .ico_cate:before, .all_menu .ico_cate:after {display:block;position:absolute;left:0;width:100%;height:2px;background:#252525;content:'';-webkit-transition: .25s ease-in;transition: .25s ease-in}
.all_menu .ico_cate {top:8px}
.all_menu .ico_cate:before {top:-8px}
.all_menu .ico_cate:after {top:8px}
.all_menu.close .ico_cate {background-color:transparent}
.all_menu.close .ico_cate:before {transform:rotate(135deg);top:0}
.all_menu.close .ico_cate:after {transform:rotate(45deg);top:0}


header .gnb_wrap {width:100%; height: 50px;}
header h1 {position:absolute;top:0px;right: 0; bottom: 0; left:0;margin:auto;float:none; text-align: center; text-align: center; }
header h1 img { width: auto; height: 30px; margin: 10px auto 0;}
header .all_menu {display:block}
header .gnb_m {display: none;position:fixed;right:-100%;width:100%;top:50px;bottom:0;height:auto;padding-bottom:65px;overflow-x:hidden;overflow-y:auto;z-index:102;background-color:#fff;-webkit-transition: .25s ease-in;transition: .25s ease-in;}
header .gnb_m.block,.gnb_m.block .gnb_fix {right:0}
header .gnb_m > ul { border-top: 1px solid #e1e1e1;	 height: 100%; overflow-y:auto;}
header .gnb_m > ul > li > ul {position:static}
header .gnb_m > ul > li {position:relative;float:none;width:auto}
header .gnb_m > ul > li > a:after {bottom:0}
header .gnb_m > ul > li > ul {height:auto;width:100%}
header .gnb_m > ul > li > span {position:relative;display:block;height:50px;padding-left:27px;line-height:50px;font-size:16px;color:#363636;text-align:left;}
header .gnb_m > ul > li:before {content:'';position:absolute;z-index:2;left:15px;top:23px;width:3px;height:3px;background-color:#dcddde;border-radius:50%}
header .gnb_m > ul > li > span:after {position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#e1e1e1;content:''}
header .gnb_m > ul > li.on {background-color:#f1f2f2}
header .gnb_m > ul > li.on > span {color:#725b59;font-weight: 600;background-color:#fff}
header .gnb_m > ul > li.on > span:before {transform:rotate(180deg)}
header .gnb_m > ul > li > span:before {content:'';position:absolute;right:25px;top:50%;margin-top:-4px;width:10px;height:7px;transition: .25s ease-in; background: url('/images/common/gnb_arr.svg') 0 0 no-repeat; }
header .gnb_m > ul > li > ul {padding:0;border-bottom:1px solid #e3e6e8d;display: none;}
header .gnb_m > ul > li > ul > li:first-child {padding-top:0}
header .gnb_m > ul > li > ul > li > a {display: block;width: 100%;padding-left:27px;font-size:15px;text-align:left;line-height:50px;cursor: pointer; box-sizing: border-box;}
header .gnb_m > ul > li > ul > li.on > a, header .gnb_m > ul > li > ul > li > a:hover { text-decoration: underline;}
header .gnb_m > ul > li > ul > li ~ li {border-top:1px solid #e3e6e8}

.backNone span:before { display: none !important; }
.backNone span img { margin-top: 3.5px; }

.gnb_fix {position:fixed;z-index:3;right:-100%;bottom:0;width:100%;padding:15px 0 20px;text-align:center;border-top:1px solid #1e1a1b;background-color:#fff;-webkit-transition: .25s ease-in;transition: .25s ease-in}
.gnb_fix:after {content:'';display:table;clear:both}
.gnb_fix .global_m, .gnb_fix .select_history {position:static;display: block;width:calc(100% - 20px);margin:0 10px;vertical-align:middle}
.global_m ul { overflow: hidden; text-align: center;}
.global_m ul li {display: inline-block;}
.global_m ul li a { padding: 3px 12px;line-height: 22px; border: 1px solid #ccc; font-size: 12.5px; color: #898989; text-align: center; box-sizing: border-box; letter-spacing: 0px; font-weight: 400; display: block; margin-top: 5px; }
.global_m ul li + li { margin-left: 1px; }
.global_m ul li a:hover { background: #ccc; color: #fff; }
.global_m ul li a.lang { background: #888; color: #fff;}

/*containerWrap visual*/
#containerWrap {width:100%; min-width:320px; height:100%; position:relative; overflow:hidden;}
.visual { width:100%; height:150%; position:absolute; top:50px; left:0; z-index:0; }
.visual .swiper-container { height: 100%; }
.visual .swiper-slide { width: 100%; height: 100%;}

.swiper-slide.visual_01 { background:url("/images/main/visual1.jpg") center bottom no-repeat; background-size: cover; }
.swiper-slide.visual_02 { background:url("/images/main/visual2.jpg") center bottom no-repeat; background-size: cover; }
.swiper-slide.visual_03 { background:url("/images/main/visual3.jpg") center bottom no-repeat; background-size: cover; }
.swiper-slide.visual_04 { background:url("/images/main/visual1.jpg") center bottom no-repeat; background-size: cover; }
.swiper-slide.visual_05 { background:url("/images/main/visual2.jpg") center bottom no-repeat; background-size: cover; }
.swiper-slide.visual_06 { background:url("/images/main/visual3.jpg") center bottom no-repeat; background-size: cover; }
.swiper-slide.visual_07 { background:url("/images/main/visual1.jpg") center bottom no-repeat; background-size: cover; }
.swiper-slide.visual_08 { background:url("/images/main/visual2.jpg") center bottom no-repeat; background-size: cover; }
.swiper-slide.visual_09 { background:url("/images/main/visual3.jpg") center bottom no-repeat; background-size: cover; }
.swiper-slide.visual_10 { background:url("/images/main/visual3.jpg") center bottom no-repeat; background-size: cover; }

.visual .swiper-button-next { width: 50px !important; height: 70px !important; background: url('/images/main/visualRight.png') center no-repeat !important; right: 50% !important; margin-right:-680px !important;	opacity: 0.5; }
.visual .swiper-button-prev { width: 50px !important; height: 70px !important; background: url('/images/main/visualLeft.png') center no-repeat !important; left: 50% !important; margin-left:-680px !important; opacity: 0.5; }
.visual .swiper-button-next:hover, .swiper-button-prev:hover { opacity: 0.8; }

/*en_visual*/
.visual_en.visual { height: 350px; position: relative; }
.visuTxt_wrap {width: 95%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; text-align: center; position: absolute; left: 0%; right: 0; bottom: 0; z-index: 1000; }
.visuTxt_wrap img { max-width: 95%; }

/*main container*/
#container {width:100%; height:auto; margin-top: 50px; padding:50px 0 0;}
#container div.contents {width:calc(95% - 90px); margin:0 auto;}
#container div.contents div.conWrap {width:100%; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:space-between; align-content:center; }
#container div.contents div.conWrap > div { }




/*colorBtn*/
.colorBtn {display:flex; flex-direction:row; flex-wrap:wrap; align-items:stretch; justify-content:space-between; align-content:center;}
.colorBtn div.box *{ /* ¹Ú½º¾È ¸ðµç¿ä¼Ò ¾Ö´Ï¸ÞÀÌ¼Ç */
-webkit-transition:all 0.15s ease-in-out;
-moz-transition:all 0.15s ease-in-out;
-o-transition:all 0.15s ease-in-out;
transition:all 0.15s ease-in-out;
}
.colorBtn div.box {width:49.5%; height:auto; padding: 100px 0 30px; position:relative; overflow:hidden; }
.colorBtn div.box > a {display:block; height:100%; text-decoration:none;}
.colorBtn div.box > a > strong {display:block; text-align:center; position:relative; top:0px; color:#fff; font-weight:600; font-size:15px; z-index:99;}
.colorBtn div.box > a > strong span.sTxt {margin-top: 5px;font-size:13px; color:#fff; font-weight:500; opacity:0.7; filter:alpha(opacity=70); display:block;}
.colorBtn div.box > a > span {width:100%; height:100%; position:absolute; top:0; left:0; }
.colorBtn div.box > a span.icon {z-index:98; text-align: center; left: 0; right: 0; margin: 0 auto;}
.colorBtn div.box > a span.icon > img { width:180px; height:auto; margin-top: -5px;}
.colorBtn div.box > a span.bg {z-index:97; opacity:0.8; filter:alpha(opacity=80); /*Ãʱâ Åõ¸íµµ*/}
.colorBtn div.box > a span.bg1 {background:#207f94;}
.colorBtn div.box > a span.bg2 {background:#205c94;}
.colorBtn div.box > a span.bg3 {background:#617042;}
.colorBtn div.box > a span.bg4 {background:#7b5d38;}
.colorBtn div.box > a span.bg5 {background:#3d505d;}
.colorBtn div.box > a span.bg6 {background:#494578;}
.colorBtn div.box > a span.bg7 {background:#328164;}
.colorBtn div.box > a span.bg8 {background:#16a6df;}
.colorBtn div.box > a span.bg0 {background:url('../images/main/introMore.gif') no-repeat top right #794139;}
.colorBtn div.box > a:hover span.icon {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
}
.colorBtn div.box2 { padding-top: 0; }
.colorBtn div.box2 > a > strong {top:30px; color:#fff; font-weight:600; font-size:15px; z-index:99;}
.colorBtn div.box2 > a > strong span.sTxt {font-size:12px; padding:0 20px; line-height:170%; margin-top:20px; letter-spacing:-0.5px;}
.colorBtn div.box > a:hover span.bg {opacity:0.95;filter:alpha(opacity=95);}
.colorBtn.colorBtn03 div.box { margin-bottom: 0; }

@media all and (max-width:550px){/**/
	#container div.contents { width: 95%; }
	.colorBtn div.box { width: 100%; padding: 70px 0 30px;}
	.colorBtn div.box2 { padding-top: 0; }
	.colorBtn div.box2 > a > strong span.sTxt { padding-bottom: 30px; }
	.colorBtn.colorBtn03 > div:nth-child(2) { margin-bottom: 10px; }
	.colorBtn div.box > a span.icon > img { margin-top: -20px; }
}/**/



/*main container - contents - notice*/
.colorBtn div.box.notice_wrap { width:100%; background:#5074aa; opacity:0.8; filter:alpha(opacity=80); margin-bottom: 10px; padding: 0; }
#container div.contents div.conWrap div.notice { height: calc(100% - 40px); z-index:9999;}
#container div.contents div.conWrap div.notice ul.title1 {width:100%; overflow:hidden;}
#container div.contents div.conWrap div.notice ul.title1 > li {width:50%; height:40px; line-height:40px; padding-left:30px; float:left; cursor:pointer; background:#000; opacity:0.35; filter:alpha(opacity=35); color:#fff; font-size:14px; font-weight:600; position:relative;}
#container div.contents div.conWrap div.notice ul.title1 > li > a {width:11px; height:11px; display:block; position:absolute; top:14px; right:30px;}
#container div.contents div.conWrap div.notice ul.title1 > li.on {opacity:0.7; filter:alpha(opacity=70);}
.list1 {margin:25px 30px;}
.list1 ul > li, .qnaList > li {padding:0 0 7px 13px; background:url('../images/main/noticeDot.png') no-repeat left 10px;}
.list1 ul > li > a, .qnaList > li > a {color:#fff;}
.list1 ul li .subject {width: 100%; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position: relative;}

/*main container - contents - qna*/
#container div.contents div.conWrap div.qna {width:370px; height:170px; padding:20px 30px; background:#216481; opacity:0.8; filter:alpha(opacity=80); float:left; position:relative;}
#container div.contents div.conWrap div.qna p.qnaTitle {color:#fff; font-weight:600; font-size:16px; margin-bottom:18px;}
#container div.contents div.conWrap div.qna > a {width:30px; height:21px; background:#000; opacity:0.35; filter:alpha(opacity=35); position:absolute; top:0; right:0; display:block; text-align:center; padding-top:9px;}

/*rolling banner*/
#rollBanner {width:100%; height:45px; margin-top:50px; position:relative; overflow:hidden; background:#fff; opacity:0.65; filter:alpha(opacity=65); z-index: 100;} /* ÁÂ¿ì ¹öÆ° À̶û box1Group À» °¨½Î´Â ¿ëµµ·Î ¾²¼¼¿ë Àüü ·¹À̾ƿô */
#rollBanner #box1Wrap {width:100%; height:45px; margin:0 auto; position:relative;} /* ÁÂ¿ì ¹öÆ° À̶û box1Group À» °¨½Î´Â ¿ëµµ·Î ¾²¼¼¿ë Àüü ·¹À̾ƿô */
#rollBanner #box1Wrap > p {width:11px; height:18px; position:absolute; top:15px; z-index:9999; cursor:pointer;} /*¹öÆ°ÀÇ °øÅë¼Ó¼º*/
#rollBanner #box1Wrap > p.prev {left:0px} /* ÀÌÀü¹öÆ° */
#rollBanner #box1Wrap > p.next {right:0px;} /* ´ÙÀ½¹öÆ° */
#rollBanner #box1Wrap #box1Group {width:95%; height:45px; position:relative; margin:0 auto; overflow:hidden;} /* ½ÇÁúÀûÀ¸·Î box1À» °¨½Î´Â ¿ëµµ »çÀÌÁî Á¶ÀýÇÏ¸é ¹è³Ê°¡ º¸ÀÌ´Â ¿µ¿ª Ç¥½Ã */
#rollBanner #box1Wrap #box1Group .box1 {width:1900px; position:absolute; top:0px;left:0px; z-index:997;} /* ¿òÁ÷À̴³ð width°ªÀ» ¹è³ÊµéÀÇ Àüü°ªÁ¤µµ·Î ÇØÁÖ´Â°Ô ÁÁÀ½ box1Group º¸´Ù´Â Å©°Ô*/
#rollBanner #box1Wrap #box1Group .box1 div {float:left;} /* µüÈ÷ °ÇµéÇÊ¿ä ¾øÀ½ */
#rollBanner #box1Wrap #box1Group .box1 div a { width: 100%; height: 45px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; line-height: 100%; font-size: 14px; font-weight: 600; color: #333; text-align: center; letter-spacing: -2px; padding: 10px 20px; box-sizing: border-box; }
#rollBanner #box1Wrap #box1Group .box1 div a img { max-height: 100%; }


/*footer*/
#footer {width:100%; min-width:320px}
#footer div.footLinkWrap {width:100%; height:40px; background:#494949;}
#footer div.footLinkWrap div.footLink {width:100%; height:40px; padding:0 0 0 2.5% ; position:relative;	 }
#footer div.footLinkWrap div.footLink ul.link {float:left; display:inline-block;}
#footer div.footLinkWrap div.footLink ul.link > li {padding:0 15px; background:url('../images/common/footLinkLine.gif') no-repeat left; float:left;}
#footer div.footLinkWrap div.footLink ul.link > li:first-child {padding-left:0; background:none;}
#footer div.footLinkWrap div.footLink ul.link > li > a {height:40px; line-height:40px; display:block; font-weight:600; color:#fff;}

#footer div.footLinkWrap div.footLink div.fSite {width:200px; height:40px; float:right; position:relative; background:#383838; text-align:left; z-index:9999;}
#footer div.footLinkWrap div.footLink div.fSite > p {width:200px; height:40px; line-height:40px; display:inline-block; padding-left:20px; color:#fff; cursor:pointer; background:url('../images/main/fSiteDot.gif') no-repeat right; font-size:13px; font-weight:bold; float: right;}
#footer div.footLinkWrap div.footLink div.fSite > p.on {background:url('../images/main/fSiteDotClose.gif') no-repeat right; color:#fff;}
#footer div.footLinkWrap div.footLink div.fSite > ul {width:320px; height:495px; text-align:left; padding:0; margin:0; display:none; position:absolute; bottom:40px; right:0; background:#333; overflow-y:scroll; overflow-x:hidden;}
#footer div.footLinkWrap div.footLink div.fSite > ul > li {width:320px; height:30px; line-height:30px; border-bottom:1px solid #333; background:#222;}
#footer div.footLinkWrap div.footLink div.fSite > ul > li.fr {border-top:none;}
#footer div.footLinkWrap div.footLink div.fSite > ul > li.fSiteTitle {width:380px; color:#ffde00; font-weight:600; padding-left:20px; background:url('../images/common/fSiteDot.png') no-repeat 90% #000;}
#footer div.footLinkWrap div.footLink div.fSite > ul > li > a {width:380px; height:30px; line-height:30px; padding:0 0 0 20px; display:inline-block; color:#c0c0c0; text-decoration:none; font-size:12px; font-weight:500;}
#footer div.footLinkWrap div.footLink div.fSite > ul > li > a:hover {color:#fff; text-decoration:none; background:#1e1e1e;}

#footer div.foot {width:95%; margin:30px auto; color:#777;}
#footer div.foot > ul {display:flex; flex-direction:row; flex-wrap:nowrap; align-items:flex-start; justify-content:space-between; }
#footer div.foot > ul > li {float:none;}
#footer div.foot > ul > li:nth-child(1) { width: 180px; }
#footer div.foot > ul > li:nth-child(2) { width: calc( 100% - 215px); }
#footer div.foot > ul > li > img {margin:0 0 0 0; display:block;}
#footer div.foot > ul > li > strong {color:#666; font-weight:600; display:inline-block; margin-right:10px;}
#footer div.foot > ul > li > address {color:#777; display:inline;}
#footer div.foot > ul > li > a {color:#777;}
#footer div.foot > ul > li > a:hover {color:#444; text-decoration:none;}

@media all and (max-width:500px){/**/
	#footer div.footLinkWrap { height: auto; }
	#footer div.footLinkWrap div.footLink { height: 80px; display:block; }
	#footer div.footLinkWrap div.footLink ul.link {float:none; display:block;}
	#footer div.footLinkWrap div.footLink div.fSite { float: right; width: 180px;	clear: both;}
	#footer div.footLinkWrap div.footLink div.fSite > p { width: 180px; }
	#footer div.foot > ul { flex-direction:column; justify-content:center; align-items:center; }
	#footer div.foot > ul > li { width: 100% !important; text-align: center; word-break:keep-all; }
	#footer div.foot > ul > li > img {margin:0 auto 15px; display:block;}
}/**/



/*Áõ¸í¼­ Æ˾÷*/
.paperPop {display:none; width:100%; position:absolute; top:0; left:0; z-index:999;}
.c_pop1 {width:430px; height:210px; position:absolute; top:515px; left:50%; margin-left:5px; background:url('../images/main/paperIcon.png') no-repeat 93px 22px #2b8262;}
.c_pop1 p.close_bt {position:absolute; top:20px; right:20px;}
.c_pop1 div.paperTitle {font-size:15px; color:#fff; padding:28px 0 0 145px; margin-bottom:30px;}
.c_pop1 div.paperBtn {padding:0 30px; display:inline-block;}
.c_pop1 div.paperBtn > a {width:178px; height::38px; border:1px solid #79ae9b; display:block; float:left; margin:0 10px 10px 0; text-align:center; line-height:38px; text-decoration:none; font-weight:600; color:#aecbc0; border-radius:5px;}
.c_pop1 div.paperBtn > a:hover {border:1px solid #a7d5c5; color:#fff;}
.colorBtn div.box.copy { padding-top: 0; display:flex; align-items:center; z-index: 100; }
.colorBtn div.box.copy img { width: 160px; max-width:100%; margin-top: 10px; }


/*sVisual*/
#sVisual {width:100%; min-width:320px; height:160px; margin-top: 50px; position:relative; overflow:hidden;}
#sVisual > img {display:inline-block; position:absolute; top:0; left: 0;}
#sVisual > img.sVisu_img { height: 100%; }
#sVisual > img.subCopy {z-index:999; top:0; bottom: 0; left:0; right: 0; margin: auto; max-width:85%}


/*sContainer*/
#sContainer {width:100%; margin:0 auto; background:none; padding-bottom:60px; overflow:hidden;}
img { max-width:100%; }

/*left*/
#left {width:200px; float:left; margin:40px 60px 0 0; display: none; }

/* sContainer sub_nav */
.m_area_subnav { width:100%; height:35px; line-height:35px; color: #fff; background: #725b59; position: relative; z-index: 100; }
.m_area_subnav .sub_arr { position: absolute; right:2.5%; top: 14.5px; transform:rotate(180deg); cursor: pointer; transition:0.3s; }
.m_area_subnav .sub_arr.rotate { transform:rotate(0deg);  }
.m_area_subnav .m_sub_nav_title { font-size: 14px; display: block; padding-left: 2.5%; cursor: pointer; text-align: left; }
.m_area_subnav .m_sub_nav { width:100%; padding:0; margin:auto; border-bottom: 1px solid #ddd; background: #fff; box-shadow: 0 2px 15px rgba(0,0,0,0.2); padding:15px 2.5%; display: none; position: absolute; left: 0; top: 35px; z-index: 99; }
.m_area_subnav .m_sub_nav:after { clear:both; display:block; content:'';}
.m_area_subnav .m_sub_nav li { width:100%; height:100%;	margin:0; font-size:13px; color:#111; display:block; cursor: pointer; }
.m_area_subnav .m_sub_nav li + li { margin-top: 7.5px; }
.m_area_subnav .m_sub_nav li a { display: block; text-align: left; }
.m_area_subnav .m_sub_nav li:hover a { color: #725b59; text-decoration: underline; }


/*right*/
#right {width:95%; min-height:400px; float:none; margin: 40px auto 0; }
.location {padding-bottom:12px; margin-bottom:30px; background:url('../images/common/dotLine.gif') repeat-x bottom; text-align: left;}
.location > ul {display:inline-block;}
.location > ul > li {line-height:100%; padding:0 15px 0 18px; background:url('../images/common/locationDot.gif') no-repeat left; color:#888; float:left;}
.location > ul > li:first-child {background:none; padding-left:0;}
.location > ul > li:first-child img { margin-top: -5px; height: 10px; }
.location > ul > li.here {color:#444; font-weight:600;}
#right h3 {margin-bottom:30px; text-align: left;}
#right h3 img { height: 25px }

/*sub contents*/
#sContents .intro_logo { display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; }
#sContents .intro_logo li:nth-child(1) { width: 180px; }
#sContents .intro_logo li img { width: 180px; }
#sContents .intro_logo li:nth-child(2) { width: calc(100% - 210px); }


@media all and (max-width:490px){/**/
	#sContents .intro_logo li:nth-child(1) { width: 100%; text-align: center; margin-bottom: 15px; }
	#sContents .intro_logo li img { width: 180px; }
	#sContents .intro_logo li:nth-child(2) { width: 100%; }
}/**/

#sContents div.name {text-align:right; background:url('../images/intro/sign.gif') no-repeat right; padding-right:10px;}
#sContents dl {margin-bottom:30px;}
#sContents dl dt {font-size:14px; color:#333; font-weight:600; margin-bottom:10px; background:url('../images/intro/dot.gif') no-repeat left; padding-left:25px;}
#sContents dl.rule {margin-bottom:20px;}
#sContents dl.rule > dt {margin-bottom:5px; font-size:13px;}

#sContents dl.history {width:100%; padding-bottom:20px; margin-bottom:20px; background:url('../images/common/dotLine.gif') repeat-x bottom; display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; }
#sContents dl.history > dt {width:90px; font-size:20px; font-weight:600; color:#333; float:left; background:none; padding-left:0; line-height:100%; letter-spacing:-1.5px;}
#sContents dl.history > dd {width:calc(100% - 90px); float:right;}

#sContents div.tab {width:100%; display:inline-block; margin-bottom:30px; background:url('../images/common/solidLine.gif') repeat-x bottom;}
#sContents div.tab > a {width:116px; height:30px; border:1px solid #ddd; line-height:30px; text-align:center; font-weight:600; color:#888; display:block; float:left; margin-right:5px; text-decoration:none;}
#sContents div.tab > a:hover, #sContents div.tab > a.on {background:#aaa; border:1px solid #999; color:#fff;}

@media all and (max-width:750px){/**/
	#sContents div.tab { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; background: none;}
	#sContents div.tab a { padding: 0 20px; margin-bottom: 5px; }
}/**/

@media all and (max-width:650px){/**/
	#sContents div.tab a { width: auto; padding: 0 20px; margin-bottom: 5px; }
}/**/



#sContents h4 {font-size:18px; font-weight:600; color:#333;}
#sContents h5 {font-size:15px; font-weight:600; color:#333;}

#sContents > dl > dd ul.ruleAlink {display:inline-block;}
#sContents > dl > dd ul.ruleAlink > li {float:left; margin:0 10px 10px 0;}
#sContents > dl > dd ul.ruleAlink > li > a {width:214px; height:30px; line-height:30px; border:1px solid #ddd; text-align:left; display:block; padding-left:20px; text-decoration:none;}
#sContents > dl > dd ul.ruleAlink > li > a:hover {color:#333; border:1px solid #bbb; background:#f7f7f7; font-weight:600;}

.imgBox {border:1px solid #ddd; text-align:center; padding:20px;}

#sContents .journalPoint { width: 100%; box-sizing: border-box;}
#sContents .journalPoint > a {width:auto; padding-right: 14px; margin-right: 13px; color:#666; font-size:12px; font-weight:500; text-decoration:none; display:block; float:left; background:url('../images/common/globalLine.gif') no-repeat right 13px; background-color:none;}
#sContents .journalPoint > a:first-child {/*background:none;*/ padding-left:0;}
#sContents .journalPoint > a:hover {color:#333; font-weight:600;}
#sContents .jsBtn {width:76px; /*position:absolute; top:15px; left:540px;*/ padding:23px 0;}
#sContents .backNavy {left:620px; background:#02356C; line-height:18px; padding:18px 0 28px;}
#sContents .backNavy:hover {background:#002a58;}

#sContents div.sTab {border:1px solid #ccc; padding:15px; text-align:center;}
#sContents div.sTab > a {display:inline-block; padding:0 15px; background:url('../images/common/globalLine.gif') no-repeat left;}
#sContents div.sTab > a:first-child {background:none;}
#sContents div.sTab > a:hover {color:#333; text-decoration:underline;}
#sContents div.sTab > a.on {color:#333; font-weight:600;}

/*ÇмúÀÚ·áÁý*/
.artiTable td {border-bottom:1px solid #ddd !important; border:0; padding:10px !important;}
.artiTable td .pdfDown {width:119px; height:42px; overflow:hidden; display:block;}
.artiTable td .pdfDown:hover > img {margin-top:-42px;}

@media all and (min-width:0px) and (max-width: 500px) {	 /**/
	.artiTable tr, .artiTable tr td { display: block; width: 100%; }
	.artiTable tr td:nth-child(1) { border-top: 1px solid #999; border-bottom: 0 !important; }
	.artiTable tr td:nth-child(2) { border-bottom: 0 !important; border-top: 0 !important; padding-bottom: 0 !important; text-align: center;}
	.artiTable td .pdfDown { margin: 0 auto; }
	.artiTable colgroup { display: none; }
} /**/


/*ul,ol list*/
.numList > li {list-style-type:decimal; margin-left:20px;}
.numList2 > li {padding-left:23px; text-indent:-23px; background:none !important;}
.numList3 > li {padding-left:15px; text-indent:-15px; background:none !important;}
.dotList > li {background:url('../images/sub/icon_h5.gif') no-repeat left 8px !important; padding-left:12px !important; margin-bottom:5px; line-height:150%;}
.floatList > li {width:80px; padding:0 !important; float:left; background:none !important;}
.floatList2 > li {width:240px;}

/*mtop*/
#mTop	{width:60px; height:60px; z-index:99999; bottom:40px; left:50%; margin-left:520px; position:fixed; display:none;}

/*location*/
.map {width:100%; height:300px; border:1px solid #ddd; margin-bottom:20px; padding:4px; box-sizing: border-box;}
.map iframe { width: 100%; height: 100%; }


/*°³ÀÎÁ¤º¸Ãë±Þ¹æħ*/
.policyTxt {word-break:keep-all; padding:30px;line-height:160%;}
.policyTxt p.policyTitle {font-size:22px; color:#333; font-weight:600; margin-bottom:20px; padding:0 0 10px 0; border-bottom:1px solid #ddd;}
.policyClose > a {width:50px; height:30px; line-height:30px; text-align:center; background:#bbb; font-size:10px; font-weight:bold; color:#fff; position:absolute; top:35px; right:30px;}
.policyClose > a:hover {background:#999; text-decoration:none;}
.ruleNum > li > strong {color:#333;}

.policyBtn > a {width:300px; height:30px; line-height:30px; border:1px solid #ddd; background:#f5f5f5; padding:0 20px; color:#333; text-decoration:none; display:block; margin-bottom:5px;}
.policyBtn > a:hover {background:#718392; border:1px solid #718392; color:#fff;}


/* ¿µ¼öÁõ, Áõ¸í¼­*/
#printWrap {width:650px; border:3px solid #aaa; margin:0 auto;}
#printWrap div.printBox {width:450px; font-size:15px; color:#000; margin:55px 100px; font-family:'µ¸¿ò', 'dotum';}
#printWrap div.printBox .printTable {width:100%;}
#printWrap div.printBox .printTableBorder {border-top:1px solid #999; border-bottom:1px solid #999; padding:20px 0;}
#printWrap div.printBox .printTable th, #printWrap div.printBox .printTable td {padding:3px 0; font-family:'µ¸¿ò', 'dotum'; font-size:15px; text-align:left; color:#000;}
#printWrap div.printBox .printTable th {width:100px;}
#printWrap div.printBox .printTable td {border:none;}
.txt25 {font-size:25px !important; font-family:'Nanum Gothic','NanumGothic' !important; font-weight:600; color:#000;}
.txt16 {font-size:16px !important; font-family:'Nanum Gothic','NanumGothic' !important; font-weight:600; color:#000;}
.txt40 {font-size:40px !important; font-family:'Nanum Gothic','NanumGothic' !important; font-weight:600; color:#000;}
.txtUnline {width:200px; font-family:'Nanum Myeongjo', 'NanumMyeongjo'; border-bottom:2px solid #666; margin:0 auto;}
#printWrap div.printBox .bottomTxt {text-align:center; margin-top:50px; font-size:16px; font-family:'Nanum Myeongjo', 'NanumMyeongjo'; color:#000; line-height:160%;}
#printWrap div.printBox .profSign {text-align:center; font-size:20px; font-weight:600; color:#000; font-family:'Nanum Myeongjo', 'NanumMyeongjo'; margin-top:50px; padding-bottom:10px; background:url('../images/thesis/printSign.gif') no-repeat 300px top;}
.printYear {font-size:16px; font-weight:500; color:#000; font-family:Tahoma, Geneva, sans-serif; position:absolute; top:77px; right:30px; padding:2px 15px; border:1px solid #999;}

div.printTab {display:inline-block; margin:10px 15px;}
div.printTab > a {height:40px; line-height:40px; padding:0 10px; border:1px solid #718392; text-align:center; margin-left:-1px; display:block; float:left; font-size:12px;}
div.printTab > a:first-child {margin-left:1px;}
div.printTab > a.on {line-height:30px; background:url('/images/tab_dot.png') no-repeat center 26px #718392; border:1px solid #718392; color:#fff; font-weight:600;}
/********************************************************/

/*°Ô½ÃÆÇ Å×À̺í*/
.sContainer2 {padding:0 30px !important;}

.kTable {text-align:center; border-top:2px solid #777; border-collapse:collapse;}
.kTable th {background:#f5f5f5; color:#333; font-weight:600 !important; vertical-align:middle; border: 1px solid #ddd;}
.kTable th, .kTable td {padding:7px 15px;}
#sContents table{width:100%; margin-bottom:10px; border-top:2px solid #999; border-collapse:collapse; padding:10px;}
#sContents table.officer td {padding:2px 10px; vertical-align:middle; text-align:center;}
#sContents table th {background:#f5f5f5; color:#333; font-weight:600; vertical-align:middle; padding:8px 10px;}
#sContents table td {padding:8px 5px; vertical-align:middle;}
#sContents table td.stt{background:#f4faf4; color:#; font-weight:bold;}
#sContents table td.title{text-align:left; font-weight:bold;}
#sContents table td.tt{font-weight:bold; font-size:14px; text-align:left;}
#sContents table td.aleft{text-align:left;}
#sContents table td.aright{text-align:right;}
#sContents table td.posi {color:#333; font-weight:600; text-align:center;}
#sContents th, td {border: 1px solid #ddd;}
#sContents table td.file{text-align:left;}
#sContents table td.file a{background:url(/images/clip.gif) no-repeat left center; font-weight:bold; padding-left:18px;}
#sContents table td > ul > li {background:url('/images/sub/icon_list.gif') no-repeat left 7px; padding-left:15px; text-align:left;}
.norecord{padding:40px 0; text-align:center; font-weight:bold;}
.notice{color:#ff6634;text-align:left;}
#sContents > ol > li{margin:0 0 10px 25px; text-indent:-25px;}
#sContents > ol > li span.num{font-family:"times new roman"; font-weight:bold; font-size:16px; font-style:italic; color:orange;}
#sContents > ul > li {padding-left:13px; text-align:left; margin-bottom:6px; font-weight:bold;}

#bContentArea{width:100%; padding:10px 0 10px 0; overflow:auto; min-height:50px; border-bottom:1px solid #ccc;}
#bContentArea p{margin-bottom:5px;}
#bContentArea img { max-width: 100%; height: auto !important; }
#pContentArea{width:100%; padding:15px 0; text-align:center; border-bottom:2px dashed #ccc;}
#pContentArea p{width:100%; padding:0; margin:0; text-align:center;}
#pContentArea img { max-width: 100% !important; height: auto !important; }


.commend{width:100%; padding:20px 10px; border:1px solid #ededed; overflow:auto; margin-bottom:20px; box-sizing:border-box;}
.commend input{border:1px solid #ccc; width:150px; height:31px; font-weight:bold; padding:0 0 0 10px; margin-right:5px; float:left;}
.commend textarea{border:1px solid #ccc; width:465px; height:31px; padding:0 10px; float:left;}
.commend span{vertical-align:bottom; display:block; float:left; padding:15px 10px 0 5px;}
.commend a{display:block; width:100px; text-align:center; padding:6px 0px;background:#1fa2df; border:1px solid #083f84;color:#fff; font-weight:bold; float:left;}
.commend a:hover{ background:#ff6634; border:1px solid #d0370e; }

/*°¶·¯¸®*/
#sContents .gallery{padding-left:0px !important;}
#sContents .gallery { overflow: hidden;	 }
#sContents .gallery > li {width:32%; height: auto; padding:5px; border:1px solid #ddd; float:left; margin:0 2% 10px 0; box-sizing: border-box;}
#sContents .gallery > li.gLast {margin-right:2%;}
#sContents .gallery > li:nth-child(2n) { margin-right: 2%; }
#sContents .gallery > li:nth-child(3n) { margin-right: 0; }

#sContents .gallery > li:hover {cursor:pointer; border:1px solid #bbb;}
#sContents .gallery > li > ul {width: 100%;}
#sContents .gallery > li > ul > li { width: 100% !important; }
#sContents .gallery > li > ul > li > p > img { width: 100%; }
#sContents .gallery > li > ul > li > p { width:100%; margin-bottom:15px; background:#f9f9f9;}
#sContents .gallery > li > ul > li {font-size:13px; text-align:center; color:#666;}
#sContents .gallery > li > ul > li.gTitle {margin:5px 0;}
#sContents .gallery > li > ul > li.gTitle > a {font-size:14px; font-weight:400; color:#333;}

@media all and (min-width:0px) and (max-width: 850px) {	 /**/
	#sContents .gallery > li {width:48.75% !important; padding:5px; border:1px solid #ddd; float:left; margin:0 2.5% 10px 0; }
	#sContents .gallery > li:nth-child(3n) { margin-right: 2.5%; }
	#sContents .gallery > li:nth-child(2n) { margin-right: 0; }
	#sContents .gallery > li.gLast {margin-right:0%;}
	#sContents .gallery > li > ul > li.gTitle {margin:5px 0 5px 0;}
} /**/



/*°Ô½ÃÆÇ °Ë»ö*/
/*.search {width:100%; background:#fbfbfb; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:15px 40px 15px 30px; margin-bottom:30px; position:relative;box-sizing: border-box;}
.search .s01{width:55%; float:left;}
.search .s02{width:35%; float:right; }
.search input{border:1px solid #d9d9d9;	 font-weight:bold; width:200px; height:31px; display:block; float:left; margin-right:3px; padding:0 5px; }
.search select{width:150px; height:31px; border:1px solid #d9d9d9;	float:left; margin-right:3px; padding:0 0 0 5px; }
.search a{display:block; float:left; width:60px; height:28px; text-align:center; background:#777; color:#fff; font-weight:bold; padding-top:5px;}
.search a:hover {background:#555; text-decoration:none;}
.search .tt{display:block; float:left; font-weight:bold; margin-right:10px; color:#333; font-size:16px; padding:6px 0 0 15px;}
.search .s02 select{float:right; width:200px;margin-right:15px;}
.old-ie .search{padding:19px 0;}
.old-ie .search input{padding-top:6px; height:25px;}*/

.search {width:100%; background:#fbfbfb; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 30px 15px 30px; margin-bottom:20px; box-sizing:border-box; display:inline-block; position:relative; background-size: 25px;}
.search .s01{width:55%; float:left;}
.search .s02{width:35%; float:right; }
.search input{width:100%; height:35px; border:1px solid #ddd; display:block; float:left; margin-right:5px; padding-left: 10px; margin-bottom: 5px; box-sizing: border-box;}
.search select{width:100%; height:35px; border:1px solid #ddd;	float:left; margin-right:5px; margin-bottom: 5px;}
.search a{width:100%; height:35px; line-height:33px; /*border:1px solid #999;*/ display:block; float:left; text-align:center; background:#aaa; color:#fff; box-sizing: border-box; padding-top: 0;}
.search a:hover { text-decoration:none; color: #fff;}
.search .tt{height:30px; display:none; float:none:; margin-right:15px; color:#333; text-shadow:1px 0 0 #333; letter-spacing:1px; font-size:15px; padding: 5px 0 0 25px; text-align: center;}
.search .s02 select{float:right; width:200px;margin-right:15px;}
.old-ie .search{padding:19px 0;}
.old-ie .search input{padding-top:6px; height:25px; padding-left: 30px;}


.notice_board.boardTable { table-layout:fixed; }
.notice_board colgroup col:nth-child(1) { width: 70px !important; }
.notice_board tr td:nth-child(2), .notice_board tr td:nth-child(3) { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.search input::placeholder { color: #666 !important; font-weight: 300; padding-left: 10px; opacity: 1}
.board colgroup col:nth-child(3) { width: 20%; }

.search_inner { display:flex; flex-direction:row; flex-wrap:nowrap; align-items:flex-start; justify-content:space-between; }
.search_left { width: 485px; }
.serch_title { margin-bottom: 10px; overflow: hidden; }
.serch_title strong { float: left; margin-right: 10px; }
.serch_title input { width: 434px; }
.search_detail strong { margin-right: 10px; float: left; }
#xwriter { width: 220px; }
.only_number { width: 40px; }

.search_right {}
.search_right a { width: 75px; margin-right: 4px; }
.search_right a:last-child { margin-right: 0; }


/*¹öÆ°*/
.btn{ text-align:center; padding:0; margin:25px 0;}
.btn a {display:inline-block; height:34px; line-height:34px; padding:0 30px; background:#546074; font-weight:bold; color:#fff; margin-right:5px; margin-bottom: 5px;}
.btn a:hover{background:#3e4d66; color:#fff; text-decoration:none;}
.btn a.gray{color:#fff; background:#666; border:1px solid #333;}
.btn a.gray:hover{background:#333; border:1px solid #000;}
.btn a.blue{ border:1px solid #6389c0; background:#7da1d5; color:#fff;}
.btn a.blue:hover{background:#264c81; color:#fff; border:1px solid #102b52;}
.btn a.downfile{background:#f1f1f1 url(/images/sub/icon_bigfile.png) no-repeat left center;}
.btn a.downfile:hover{background:#666 url(/images/sub/icon_bigfile_on.png) no-repeat left center; color:#fff; border:1px solid #333;}

.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;}

.btn input{display:inline-block; height:34px; line-height:100%; padding:0 30px; background:#546074; font-weight:bold; color:#fff; margin-right:5px;}
.btn input:hover{background:#3e4d66; color:#fff;}
.btn input.blue{background:#927b5b; color:#fff; cursor:pointer; border:1px solid #927b5b;}
.btn input.blue:hover{background:#826947; color:#fff; cursor:pointer; border:1px solid #826947;}
.btn input.red{background:#d91818; color:#fff; cursor:pointer; border:1px solid #d91818;}
.btn input.red:hover{background:#cd0000; color:#fff; cursor:pointer; border:1px solid #cd0000;}
.btn input.gray{background:#777; color:#fff; cursor:pointer; border:1px solid #777;}
.btn input.gray:hover{background:#666; color:#fff; cursor:pointer; border:1px solid #555;}
.btn input.cancel{padding:0 30px; text-align:center; color:#fff; background:#777; font-weight:bold; cursor:pointer; border:1px solid #888;}
.btn input.cancel:hover{background:#666; cursor:pointer; border:1px solid #666;}
.btn input.next{padding:0 30px; text-align:center; color:#fff; background:#555; font-weight:bold; cursor:pointer; border:1px solid #444;}
.btn input.next:hover{background:#444; cursor:pointer; border:1px solid #444;}

.btn input.paybtn{cursor:pointer;width:120px; text-align:center; border:1px solid #0071b3;	color:#fff; padding:10px 0; font-weight:bold; margin-right:5px;cursor:pointer;}
.btn input.paybtn:hover{background:#e33e4f; border:1px solid #be0014;cursor:pointer;}

.xbtn{display:inline-block; width:20px; text-align:center; background:#ff6633; border:1px solid #d0370f; color:#fff; font-weight:bold;}
.xbtn:hover{background:#d0370f; color:#fff;}

.btn a.cancel{display:inline-block; padding:0 30px; text-align:center; color:#fff; background:#777 !important;}
.btn a.cancel:hover{background:#666 !important; color:#fff;}
.btn a.next{display:inline-block; height:34px; line-height:34px; padding:0 30px; text-align:center;	 color:#fff; background:#555; cursor:pointer;}
.btn a.next:hover{background:#444; cursor:pointer;}

.bListBtn{ padding:20px 0; overflow:auto;}
.bListBtn input{float:left; margin-right:5px;}
.bListBtn input.right{float:right; margin-left:5px;}
.bListBtn a{ display:inline-block; float:left; border:1px solid #dcdcdc; font-weight:bold; text-align:center; padding:5px 20px; margin-right:5px;}
.bListBtn a:hover{border:1px solid #bbb; color:#333; background:#f5f5f5; text-decoration:none;}
.bListBtn a.right{float:right;}


/*°Ô½ÃÆÇ ÆäÀÌ¡*/
.PagingB{width:100%; text-align:center; padding:30px 0 50px; clear:both;}
.PagingB .Paging{width:100%; text-align:center; }
.PagingB .Paging a{display:inline-block; width:30px; height:30px; line-height:30px; border:1px solid #ddd; margin:0 3px 5px 0; color:#777;}
.PagingB .Paging a:hover{border:1px solid #aaa; background:#f5f5f5; text-decoration:none; cursor:pointer;}
.PagingB .Paging a.on{border:1px solid #aaa; color:#555; font-weight:400;}
.PagingB .Paging a.off{color:#cccccc; font-weight:normal;}
.PagingB .Paging a.off:hover{border:1px solid #e9e9e9;	background:#fff;}
.PagingB .Paging a.prev01_on, .PagingB .Paging a.prev02_on, .PagingB .Paging a.next01_on, .PagingB .Paging a.next02_on{border:1px solid #cfcfcf; font-weight:normal;}
.PagingB .Paging a.prev01_on:hover, .PagingB .Paging a.prev02_on:hover, .PagingB .Paging a.next01_on:hover, .PagingB .Paging a.next02_on:hover{border:1px solid #a8a6a6; background:#d2d2d2;}

.PagingB .Paging a.prev01_off, .PagingB .Paging a.prev02_off, .PagingB .Paging a.next01_off, .PagingB .Paging a.next02_off{border:1px solid #cfcfcf; color:#999; font-weight:normal;}
.PagingB .Paging a.prev01_off:hover, .PagingB .Paging a.prev02_off:hover, .PagingB .Paging a.next01_off:hover, .PagingB .Paging a.next02_off:hover{}
.old-ie .PagingB .Paging a{height:26px;}

/*ȸ¿ø°¡ÀÔ */
#sContents table.join {border-collapse:collapse; width:100%; border-top:none;}
#sContents table.join th {background:#f5f5f5; color:#555;}
#sContents table.join td {text-align:left; padding:7px 10px;}
#sContents table.join td p{margin:0; padding:8px 0;}
#sContents table.join td input{border:1px solid #d9d9d9; height:27px; padding:0 7px; font-weight:bold; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
#sContents table.join td select{ border:1px solid #d9d9d9; height:27px; padding:0 0 0 7px;}
#sContents table.join td select.short{width:100px;}
#sContents table.join td input.radio{width:auto; border:none;margin-bottom:2px;}
#sContents table.join td input.checkbox{width:auto; border:none;margin-bottom:2px;}

.joinP{ margin-bottom:30px; overflow:auto;}
#sContents .joinP h4 {float:left; padding:25px 0 0; font-size:16px; background:none; color:#333;}
#sContents .joinP h4.title02{color:#333 !important;}
#sContents .joinP ol {display:flex; flex-direction:row; flex-wrap:wrap; align-items:stretch; justify-content:space-between; padding-left: 1px; padding-top: 1px;}
#sContents .joinP ol li{float:none; width:calc(33.3% + 1px); text-align:center; font-size:12px; font-weight:bold; border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999; margin-left: -1px; margin-top: -1px; box-sizing: border-box;}
#sContents .joinP ol li > a {display: block; height: 100%; width:100%; text-align:center !important; font-size:12px; font-weight:bold; padding:8px 0; box-sizing: border-box;}
#sContents .joinP ol li:first-child {border-left:1px solid #999;}
#sContents .joinP ol li.selected {background:#aaa; border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999; color:#fff; font-size:12px;}
#sContents .joinP ol li.selected > a {background:#aaa; color:#fff; font-size:12px;}
#sContents .joinC{clear:both;}
#sContents .joinC h5{ font-size:14px; color:#333; padding:20px 0 10px 0px; background:none;}
#sContents .joinC .txt{width:99%; border:1px solid #ddd; overfliw-x: hidden; }
#sContents .joinC .txt iframe{width:100%;}
#sContents .joinC .txt iframe p{margin-bottom:15px;}
#sContents .joinC p{ text-align:right; font-weight:bold; padding:10px 10px 20px 0;	border-bottom:2px dashed #ededed;}

.joinStep { margin: 0 auto 30px !important; text-align: center; overflow: hidden; padding-top: 1px; }
.joinStep:after {height:0; display:block; content:""; clear:both;}
.joinStep > li {width:50%; float: left; border:1px solid #ddd; padding:10px 5px !important; text-align:center; z-index:1; position:relative; box-sizing:border-box; margin-bottom: 0 !important; margin-top: -1px;}
.joinStep > li.selected, .joinStep > li.on {color:#fff; border:1px solid #777; background:#aaa; z-index:2;}
.joinStep > li.selected > strong, .joinStep > li.on > strong {color:#fff; font-weight:500;}
.joinStep2 > li {width:19.82%;}
.joinStep3 > li {width:33.33%;}

@media all and (min-width:0px) and (max-width: 500px) {	 /**/
	#sContents .joinP ol li { width: calc(50% + 1px); }
} /**/

/*·Î±×ÀÎ*/
.loginWrap > p {width:100%; height:40px; line-height:40px; font-size:30px; text-shadow:1px 0 0 #333; color:#333; margin-bottom:30px; text-align:center; font-weight:800; font-family:'NanumSquare'; }
.loginWrap div.loginBox { width: 90%; margin:0 auto; padding:60px 50px 50px; background:#fff; border:1px solid #ddd; text-align:center; box-sizing: border-box;}
.loginWrap div.loginBox:after {display:block; clear:both; content:""; height:0;}
.loginWrap div.loginBox ul.login {float: none; margin-right:0px;}
.loginWrap div.loginBox ul.login > li { width: 100%; margin-bottom:10px; }
.loginWrap div.loginBox ul.login > li:last-child { margin-bottom: 10px; }
.loginWrap div.loginBox ul.login > li > input {width: 240px; border:1px solid #ddd;}
.loginWrap div.loginBox > a { width: 100%; height:45px; line-height:45px; font-size:15px; clear: both; display: block;}
.loginWrap div.loginBox > a:hover {background:#444; text-decoration:none;}
.loginWrap .loginDotList {width: 90%;  margin:30px auto 0 ;}
.loginWrap .loginDotList > li {font-weight:400; overflow:hidden; background:url('../images/common/dot.png') no-repeat left 6.5px ; padding-left:10px;}
.loginWrap .loginDotList > li > span { width: calc( 100% - 140px ) ;display:block; float:left; color:#777;}
.loginWrap .loginDotList > li > a:hover {color:#48230a;}


.loginWrap div.loginBox ul.login > li > input#username, .loginWrap div.loginBox ul.login > li > input#useremail, .loginWrap div.loginBox ul.login > li > input#id, .loginWrap div.loginBox ul.login > li > input#pw, .loginWrap div.loginBox ul.login > li > input#userpw {width: 100% !important;  border:1px solid #ddd; padding: 10px 4px; box-sizing: border-box; }
.loginWrap div.tc.mt20 { width: 90%; margin: 20px auto 0;   }

/*±âº»Æû*/
#sContents table.basicform td{text-align:left;}
#sContents table.basicform td input{border:1px solid #ccc; height:28px; padding-left:5px; width:170px;}
#sContents table.basicform td input.short{width:100px; border:none;}
#sContents table.basicform td input.long{width:90%;}
#sContents table.basicform td input.radio{width:auto; height:auto;border:none; padding:0;}
#sContents table.basicform td input.check{width:auto; height:auto; margin-right:7px;border:none;}
#sContents table.basicform td textarea{width:90%;border:1px solid #ccc; background:#f7f7f7; padding:5px;}
#sContents table.basicform td select{border:1px solid #ccc; height:32px; padding-left:5px; width:100px;}
#sContents table.basicform td select.short{width:60px; border:1px solid #ccc;}
#sContents table.basicform td input.file{width:auto; height:auto; margin-right:7px;border:none; padding:0; margin:3px 0;}
#sContents table.basicform td strong{display:inline-block;}
#sContents table.basicform td ul li {text-align:justify;}
#sContents table.basicform td ul li strong{color:#769dd3; vertical-align:top;}
#sContents table.basicform td .checkbytes{text-align:right; font-weight:normal; font-size:12px; margin-right:10px; color:#888;}

/*board table*/
.boardTable {width:100%; position:relative; box-sizing: border-box; margin-bottom: 40px !important;}
.boardTable th, .boardTable td {border:1px solid #ddd; padding:8px 5px; word-break:break-all; vertical-align:middle; }
.boardTable th {text-align:center; background:#fafafa; color:#111; font-weight:400; }
.boardTable td {color:#555;}
.boardTable td > a:hover {color:#333;}
.boardTable td input, select, textarea {border:1px solid #ddd; padding:8px; margin-bottom: 0; }
.boardTable td textarea {border:1px solid #ccc; width:90%; padding:5px 10px; vertical-align:middle;}
.boardTable td input.checkbox{width:auto; border:none; margin-bottom:2px;}
.boardTable td.subject {text-align:left; max-width: 0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.boardTable td > ul {margin:0; padding:0px;}
.boardTable td img {border:0; vertical-align:middle;}

/* table Form / V.mobile */
#sContents.tableForm .boardTable colgroup { display: none; }
#sContents.tableForm .boardTable th, .tableForm .boardTable td {width: 100% !important; display: block; border: none !important; box-sizing: border-box; }
#sContents.tableForm .boardTable th { border-top: 2px solid #bbb; text-align: left; }
#sContents.tableForm .boardTable tr:nth-child(1) th { border-top: none; }
#sContents.tableForm .boardTable tr td input, .tableForm .boardTable tr td select, .tableForm .boardTable tr td textarea { width: 100% !important; box-sizing: border-box; }
#sContents.tableForm .boardTable tr td input.radio { width: auto !important; }
#sContents.tableForm .boardTable tr td {}
#sContents.tableForm .boardTable tr:last-child td:last-child {}

#sContents.tableForm .boardTable tr td input#email1, .tableForm .boardTable tr td input#email2, .tableForm .boardTable tr td input#useremail1, .tableForm .boardTable tr td input#useremail2 { width: calc( 50% - 8.4px ) !important; }
#sContents.tableForm .boardTable tr td input.check{width:auto; border:none; }
#sContents.tableForm .boardTable tr td input.checkbox{width:auto !important; border:none; margin-bottom:2px;}
#sContents.tableForm .boardTable tr td input.emailForm {  width: calc( 50% - 8.4px ) !important; margin-bottom: 5px;}
#sContents.tableForm .boardTable .phone select, #sContents.tableForm .boardTable .phone input { width: calc( 33.33% - 8px ) !important; }
#sContents.tableForm .boardTable .email select, #sContents.tableForm .boardTable .email input { width: calc( 49.6% - 8px ) !important; }

#sContents.tableForm .boardTable tr.birth select { width: calc( 33.33% - 2.5px)!important; }

#sContents.tableForm .boardTable tr td input#memid, .tableForm .boardTable tr td input#zipcode, .tableForm .boardTable tr td input#comzip {max-width:auto !important;}
#sContents.tableForm .boardTable tr td input.confirmBtn { width: 25% !important; /*background:#0f75bc; color: #fff;*/ }
#sContents.tableForm .boardTable tr td input#captchacode { width: calc( 100% - 130px ) !important; }

#sContents.tableForm .boardTable tr td select#mailserver {}
#sContents.tableForm .boardTable tr td input.reserve_date { width: calc( 100% - 20px) !important; }


/* ¹ÝÀÀÇü Å×À̺í */
.responTable, .responTable thead, .responTable th, .responTable tbody, .responTable th, .responTable td, .responTable tr {display: block;}
.responTable thead tr { position: absolute; top: -9999px; left: -9999px;	}
.responTable tr { margin: 0 0 1rem 0; border: 1px solid #d5d5d5; padding: 10px 15px;box-sizing: border-box;}
.responTable tr:nth-child(1) { border-top: ; }
/*.responTable tr:nth-child(odd) { background: #ccc;}*/
.responTable td { vertical-align: middle; border: none; border-bottom: 1px solid #eee !important; position: relative; padding-left: 20% !important; min-height:18px;}
.responTable td:before { content: attr(data-label);	position: absolute; top: auto; left: 0px; width: 20%; min-width:80px; padding: 0 10px; white-space: nowrap; color: #111; font-weight: 400; box-sizing: border-box; }
.responTable td input { width: 100px; }
.responTable.boardTable td.subject {text-align:center !important; max-width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.responTable.boardTable td.subject.notice.tl a { text-align: left !important; }

.responTable td.ellipsis > a { width: auto !important; }


/*Æ˾÷*/
.popup{width:100%;border:3px solid #8fc3eb; padding:10px; box-sizing:border-box;}
.popup h1{font-size:16px; background:#efefef; padding:10px 20px; color:#0095da;}
.popup .pCont{padding:20px; text-align:justify;}
.popup .pCont p{text-align:justify;}
.todayClose{padding:10px 20px; background:#333; color:#fff; text-align:right;}
.todayClose a{display:inline-block; width:20px; background:#666; color:#fff; text-align:center; font-weight:bold;}

input.paybtn2{font-size:11px; cursor:pointer;width:100px; text-align:center; color:#fff; border:1px solid #927b5b; background:#927b5b; padding:5px 0; font-weight:bold;}
input.paybtn2:hover{background:#826947; border:1px solid #826947;}
input.paybtn3{font-size:11px; cursor:pointer;width:100px; text-align:center; color:#fff; border:1px solid #444; background:#555; padding:5px 0; font-weight:bold;}
input.paybtn3:hover{background:#444; border:1px solid #444;}

/*¿Â¶óÀÎ³í¹®Åõ°íÆ˾÷*/
#subPopup {background:#fff; margin:30px 0; padding:30px 50px;}
#subPopup h4 {font-size:20px; color:#333; font-weight:500; margin-bottom:20px;}



/* ellipsis */
.ellipsis{
	white-space:nowrap;
	text-overflow:ellipsis;			/* IE, Safari */
	-o-text-overflow:ellipsis;		/* Opera under 10.7 */
	overflow:hidden;				/* "overflow" value must be different from "visible" */
	-moz-binding:url('ellipsis.xml#ellipsis');
}

/* All browsers */
.placeholder {color: #aaa;}
/* WebKit */
::-webkit-input-placeholder {color: #aaa;}
/* Firefox 4 to 18 */
:-moz-placeholder {color: #aaa;}
/* Firefox 19+ */
::-moz-placeholder {color: #aaa;}
/* Internet Explorer 10+ */
:-ms-input-placeholder {color: #aaa;}


.journalPoint_journal a:nth-child(1) { background: url('../images/common/globalLine.gif') no-repeat right 13px !important; }
.journalPoint_journal a:nth-child(6) { padding-right: 16px !important; background: url('../images/common/globalLine.gif') no-repeat right 13px !important; }



/*main container en_container*/
#enContainer {width:100%; padding:25px 0; background:#f4f4f4; text-align:center;}
#enContainer > p {width:95%; display:inline-block; line-height:150%;}
#enContainer > a {width:148px; height:43px; line-height:43px; border:1px solid #ccc; font-size:11px; font-weight:700; padding-left:20px; text-align:left; display:inline-block; margin-top:25px; background:url('../en/images/main/aboutBtn.png') no-repeat 130px;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;}
#enContainer > a:hover {background-color:#666; border:1px solid #555; color:#fff; text-decoration:none;}


/*footer_en*/
#footer_en {width:100%; min-width:320px; padding:30px 0; background:#494949; }
#footer_en > ul {width:95%; margin:0 auto; overflow:hidden; display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; }
#footer_en > ul > li {float:left; font-size:13px; color:#bbb; line-height:140%;}
#footer_en > ul > li:nth-child(1) { width: 180px; }
#footer_en > ul > li:nth-child(2) { width: calc( 100% - 225px); }
#footer_en > ul > li > img {margin-right:0; display:inline-block;}
#footer_en > ul > li > a {color:#bbb; font-size:13px;}

@media all and (max-width:490px){/**/
	#footer_en > ul > li {float:none; font-size:13px; color:#bbb; line-height:140%; text-align: center;}
	#footer_en > ul > li:nth-child(1) { width: 100%; }
	#footer_en > ul > li:nth-child(2) { width: 100%; }
	#footer_en > ul > li > img {margin-right:0; margin-bottom: 15px; display:inline-block;}
	#footer_en > ul > li > a {color:#bbb; font-size:13px;}
}


/*sContainer_en*/
#sContainer_en {width:100%; min-width:320px; background:none; margin-bottom:60px;}

#sContainer_en ul.snb {display: none;}

#sContainer_en div.en_title {width:95%; margin:40px auto 50px; text-align:center;}
#sContainer_en div.en_title h3 {font-size:30px; color:#333; font-weight:400; display:inline-block; line-height:100%; margin-bottom:15px; letter-spacing:-1px;}
#sContainer_en div.en_title .location {background:none;text-align: center;}
#sContainer_en div.en_title .location > ul { display: flex; flex-direction: row; flex-wrap:wrap; justify-content: center; align-items: center;	 }
#sContainer_en div.en_title .location > ul > li {font-size:13px;}
#sContainer_en div.en_title .location > ul li.here {font-weight:400;}

/*sub Contents*/
.sContents_en {width:95%; margin:0 auto; min-height:220px;}

.eTable th {font-weight:400 !important;}
.eTable td {word-break:break-all;}
.spTable td {height:50px; word-break:break-all;}
.spTable td img { max-width:100%; }
.joinTable td {word-break:break-all;}

.sContents_en dl.history_en > dt {width:90px !important;}
.sContents_en dl.history_en > dd {width:calc(100% - 90px) !important;}

.sContents_en dl.rule_en {padding-bottom:30px; margin-bottom:30px; background:url('../images/common/dotLine.gif') repeat-x bottom;}
.sContents_en dl.rule_en > dt {width:34px; background:none; float:left; font-weight:normal; font-size:15px; line-height:140%; padding-left:0;}
.sContents_en dl.rule_en > dd {line-height:140%; margin-bottom:15px; padding-left:34px;}
.sContents_en dl.in {margin:20px 0 25px 0; padding-bottom:0; background:none;}
.sContents_en dl.in > dt {width:49px;}
.sContents_en dl.in > dd {padding-left:49px !important;}