/* ±¸±Û À¥ÆùÆ® ³ª´®°íµñ */
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);
@import url(/gears/board/resource/board.css);
/*@import url(/gears/volunteer/resource/style.css);
@import url(/gears/support/resource/style.css);*/
@font-face {font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');font-weight: normal;font-style: normal;}

/*±âº»ÆùÆ®*/
* {font-family:"NanumGothic","Nanum Gothic","³ª´®°íµñ",sans-serif;}

/* ³ª´®½ºÄù¾î ÁöÁ¤ */
#topMenuDiv *
{font-family:'NanumSquare',"NanumGothic","Nanum Gothic";}


/* °øÅë ½ºÅ¸ÀÏ
-----------------------------------------------------------------------------*/
body {font-size:13px;color:#333;line-height:1.8em;_text-align /**/:center; /* IE 5.5 ÀÌÇÏ ÅØ½ºÆ® Á¤·Ä Ãß°¡ hack */}
body, form {padding:0;margin:0;}
div, td, li {line-height:1.8em;}

hr { display:none;visibility:hidden; }

A:link {color:#333;text-decoration:none;}
A:visited {color:#333;text-decoration:none;}
A:hover {color:#333;text-decoration:underline;}
A img {border:0;}

.form {border:1px solid #999;text-align:left;}
.t0 {text-decoration:none;}
.t1 {font-size:9pt;}
.bigtext {font-size:13pt;}
.bodytext {font-size:9pt;line-height:25px;}
.bodytext1 {font-size:9pt;line-height:16px;}
.bodytext2 {font-size:8pt;line-height:16px;}
.bold {font-size:9pt;font-weight:bold;}

.top-menu {font-size:8pt;}
.top-menu a:link,
.top-menu a:visited,
.top-menu a:hover {color:#9D9D9D ! important;text-decoration:none;}

.invisible {text-indent:-200px;height:1px;width:1px;margin:0px;padding:0px;font-size:1px;line-height:1px;position:absolute;left:-1000px;top:-1000px;visibility:hidden;overflow:hidden;}

a.button {text-decoration:none;display:inline-block;background:#f1f1f1 url(/gears/dlg_buttons/buttonWhite.gif) no-repeat left top;position:relative;vertical-align:top;white-space:nowrap;padding:0;font:0px/23px Sans-serif;margin-right:4px;}
a.button span {display:inline-block;background:#f1f1f1 url(/gears/dlg_buttons/buttonWhite.gif) no-repeat right top;padding:0 10px 0 8px;font-size:12px;color:#000;position:relative;vertical-align:top;cursor:pointer;left:2px;}




/* °øÅë 
-----------------------------------------------------------------------------*/
#skipNavigationDiv {text-indent:-2000px;clear:both;height:0px;margin:0px;padding:0px;font-size:0px;line-height:1px;position:absolute;visibility:hidden;overflow:hidden;}

.outWrap {clear:both;display:block;width:1200px;height:100%;position:relative;margin:0 auto;text-align:left;}
.outWrap h3 {padding:70px 0 10px 0;margin:0;font-size:40px;font-weight:600;line-height:1.2em;text-align:center;}
.outWrap h3 span {font-size:17px;font-weight:500;letter-spacing:-1px;}

/* °¡·Î ÃÖ¼Ò »çÀÌÁî ÀÏ°ý ÁöÁ¤ */
#topDiv,
#bottomDiv,
#mainMidDiv,
#subMidDiv {min-width:1100px;}


#topDiv {clear:both;width:100%;height:100px;}


#topDiv strong {float:left;width:auto; margin:20px 0 0 0;}


.topUtilDiv {padding:0;margin:0;list-style:none;}
.topUtilDiv li {display:inline;float:left;}
.topUtilDiv li a {display:inline-block;}

.topUtilDiv.Right {width:auto;text-align:right;}
.topUtilDiv.Right li {padding:0;font-size:10pt;font-weight:600;line-height:2.6em;}
.topUtilDiv.Right li a {height:35px;padding:0 10px;font-size:10pt;font-weight:600;line-height:2.6em;}
.topUtilDiv.Right li.line {border-right:1px solid #6C6C6C;}
.topUtilDiv.Right li.none {background-color:#2A2A2A;background-image:none;font-size:0;}
.topUtilDiv.Right li.none a {padding:0 10px;}


#topMenuDiv {float:right;padding:0;margin:25px 0 0 0;list-style:none;}
#topMenuDiv li {display:inline;float:left;font-weight:600;font-size:18px;text-align:left;padding:0 35px;}
#topMenuDiv li a {display:block;padding:10px 0 15px 10px;color:#000; text-align:center;}
#topMenuDiv li a.hover,
#topMenuDiv li a:hover {color:#B73850;text-decoration:none;}


#topMenuDiv ul.topSubMenu {display:none;position:absolute;top:100px;width:180px;padding:7px 5px 8px 5px;margin:0;list-style-type:none;list-style-position:outside;z-index:100;white-space:nowrap;border:1px solid #B6B6B6;background-color:#fff;}
#topMenuDiv ul.topSubMenu li {width:100%;font-size:14px;padding:5px 0;}
#topMenuDiv ul.topSubMenu li a {padding:0;margin:0 10px;color:#777; text-align:center;}
#topMenuDiv ul.topSubMenu li a:hover { color:#B73850;}
#topMenuDiv ul.submenu1 {left:445px;}
#topMenuDiv ul.submenu2 {left:605px;}
#topMenuDiv ul.submenu3 {left:760px;}
#topMenuDiv ul.submenu4 {left:920px;}
#topMenuDiv ul.submenu5 {left:1045px;}




/* ÇªÅÍ */
#bottomDiv {clear:both;overflow:hidden;width:100%;height:250px;background:url(/coding/images/copy_bg.gif) repeat-x 0;}

/* ÇªÅÍ ¸Þ´º */
#siteLink {float:left;width:100%;padding:15px 0 30px 0;margin:0;list-style:none;text-align:center;}
#siteLink li {display:inline;margin-right:40px;font-size:15px;font-weight:600;line-height:1.7em;}
#siteLink li a {color:#333;}
#siteLink li img { vertical-align:middle;}

#privacyUI {float:left;width:100%;padding:0;margin:0 0 10px 0;list-style:none;text-align:center;}
#privacyUI li {display:inline;margin-right:40px;font-size:15px;font-weight:600;line-height:1.7em;}
#privacyUI li a {color:#333;}
#privacyUI li img { vertical-align:middle;}
#bottomDiv span {float:right;width:auto;height:40px;font-weight:600;}
#bottomDiv span a {float:left;display:inline-block;color:#fff;}
#bottomDiv span a:hover {text-decoration:none;}
#bottomDiv span a.top {padding:19px 20px;background-color:#666;}
#bottomDiv span a.top:hover {text-decoration:none;background-color:#333;}
#bottomDiv span a.facebook {padding:11px 13px;font-size:1.3em;background-color:#2866B1;}
#bottomDiv span a.blog {padding:13px 13px;font-size:1.3em;font-weight:bold;background-color:#00BD39;}
#bottomDiv span a.naver {padding:13px 13px;font-size:1.0em;font-weight:bold;background-color:#00BD39;}

/* Ä«ÇÇ¶óÀÌÆ® */
#copyrightDiv {clear:both;overflow:hidden;width:auto;padding:10px 0;margin:0;list-style:none; text-align:center;}
#copyrightDiv li {font-size:13px;line-height:25px;color:#000;}
#copyrightDiv li.copy {text-transform:uppercase;}

/* ÆÐ¹Ð¸®»çÀÌÆ® */
#bottomDiv form {float:right;width:auto;padding:25px 0;}
#bottomDiv select,
#bottomDiv button {font-size:12px;vertical-align:middle;}
#bottomDiv select {padding:2px;color:#fff;background-color:#161419;}
#bottomDiv button {padding:4px 10px;color:#fff;cursor:pointer;border:0;border-radius:2px;background-color:#666;} 




/* ¸ÞÀÎ 
-----------------------------------------------------------------------------*/

#mainMidDiv {clear:both;overflow:hidden;width:100%;padding:50px 0;background-color:#E3E3E3}

.Left {float:left;}
.Right {float:right;}
.mg10 {margin-top:10px !important}


/* ¸ÞÀÎ ºñÁÖ¾ó(·ÎÅ×ÀÌ¼Ç) */
#visualDiv {clear:both;overflow:hidden;width:100%;min-width:1100px;}
#visualDiv .container {position:relative;width:1100px;height:580px;margin:0 auto;}
#visualDiv .container #visual {overflow:hidden;background-image:none;position:absolute;width:2000px;left:-450px;height:580px;}
#visualDiv .container #visual ul {list-style:none none outside;padding:0;margin:0;text-align:center;}
#visualDiv .container #visual div.fg {position:absolute;left:20%;bottom:80px;z-index:98;width:150px;padding:9px 0text-align:center;}
#visualDiv .container #visual div.fg a {margin:0 3px;display:inline-block;width:35px;height:8px;overflow:hidden;background:#fff;}
#visualDiv .container #visual div.fg a.on {background:#000;}


/* °øÁö»çÇ× */
#noticeDiv {clear:both;overflow:hidden;width:100%;padding:60px 0 70px 0;background:#EDF2FF url(/coding/images/notice_bg.gif) no-repeat 0 0;}
.noticeDiv_Info {clear:both;overflow:hidden;width:100%;padding:0;}
.noticeDiv_Info h3 {padding:0 0 30px 0;margin:0;font-size:40px;font-weight:600;line-height:1.2em;text-align:center;}
.noticeDiv_Info h3 span {font-size:17px;font-weight:500;letter-spacing:-1px;}

.noticeDiv_Info .about_01 {float:left;width:280px;height:270px;padding:0;margin:0 50px 0 0;font-weight:600;text-align:center;border:1px solid #CCCCCC;background:#fff url(/coding/images/about_bg01.gif) no-repeat 50% 40px;box-sizing:border-box;}
.noticeDiv_Info .about_01 dt,
.noticeDiv_Info .about_02 dt {padding:0;margin:160px 0 20px 0;font-size:22px; font-weight:600; color:#272727;}
.noticeDiv_Info .about_01 dd,
.noticeDiv_Info .about_02 dd {padding:0;margin:0;font-size:12px; color:#272727; line-height:20px;}
.noticeDiv_Info .about_02 {float:left;width:280px;height:270px;padding:0;margin:0 50px 0 0;font-weight:600;text-align:center;border:1px solid #CCCCCC;background:#fff url(/coding/images/about_bg02.gif) no-repeat 50% 40px;box-sizing:border-box;}
.noticeDiv_Info .about_03 {float:left;width:540px;height:270px;padding:0;margin:0;font-weight:600;text-align:center; background-color:#000;box-sizing:border-box;}


#notice_box {float:left;width:580px;padding:25px 30px;margin:10px 0 0 0; background-color:#fff; box-sizing:border-box;}
#notice_box.box1 {margin-right:40px;}
#notice_box h4 {clear:both;overflow:hidden;padding:0;margin:0 0 25px 0; padding:5px 0 0 10px;font-size:22px;font-weight:500;}
#notice_box h4 a {float:right;right:0;}
#notice_box .notice {clear:both;overflow:hidden;padding:0;margin:0 15px;list-style:none;}
#notice_box .notice li {float:left;width:97%;padding-left:3%;line-height:2.5;background:url(/coding/images/bl_notice.gif) no-repeat 0 50%;}
#notice_box .notice li a {float:left;color:#000;font-size:14px;}
#notice_box .notice li span {float:right;font-size:14px;}

/* °¶·¯¸® */
#gallery {clear:both;overflow:hidden;width:100%;padding:60px 0 70px 0;margin:0;background:#F4FFF3;}
.gallery1 {clear:both;overflow:hidden;width:100%;padding:0;margin:0px;}
.gallery1 h3 {padding:0 0 30px 0;margin:0;font-size:40px;font-weight:600;line-height:1.2em;text-align:center;}
.gallery1 h3 span {font-size:17px;font-weight:500;letter-spacing:-1px;}
.gallery1 dt {padding:0;margin:0 0 25px 0;font-size:22px;font-weight:600;}
.gallery1 dt a {float:right;position:relative;right:40px;}
.gallery1 dd {padding:0;margin:0;}
.gallery1 ul {padding:0;margin:0;list-style:none;}
.gallery1 ul li {display:inline;float:left;position:relative;width:270px;margin:0 15px;text-align:center;}
.gallery1 ul li a {display:inline-block;float:left;width:100%;}
.gallery1 ul li a:hover span {background-color:#000; color:#fff;font-weight:600;}
.gallery1 ul li a span {float:left;left:0;bottom:0;width:100%;padding:10px 0;font-size:15px;color:#fff; background-color:#000;}
.gallery1 ul li a img {width:100%;}


/* ¹Ù·Î°¡±â */
.guideDiv {clear:both;overflow:hidden;width:100%;padding:50px 0;background:url(/coding/images/guide_bg.jpg) no-repeat 50% 50%;}
.guideDiv h3 {padding:0;margin:0 0 30px 0;font-size:35px;font-weight:500;line-height:1.0;text-align:center; color:#fff;letter-spacing:-1px;}
.guideDiv h3 strong {font-weight:600;}
.guideDiv ul { width:80%;padding:0;margin:40px 10%;list-style:none;}
.guideDiv ul li {display:inline;float:left;width:31%;margin:0 1%;font-size:16px; text-align:center;}
.guideDiv ul li a {display:block;padding:15px 0;border:1px solid #fff; color:#fff; font-weight:600;}
.guideDiv ul li a:hover {color:#e9e9e9;text-decoration:none;border:1px solid #000;background:rgba(0,0,0,0.3);}
.guideDiv ul li:last-child {margin-right:0;}




/* ¼­ºê 
-----------------------------------------------------------------------------*/
body#sub1 {background:url(/coding/sub1/images/top.jpg) no-repeat 50% 100px;}
body#sub2 {background:url(/coding/sub1/images/top.jpg) no-repeat 50% 100px;}
body#sub3 {background:url(/coding/sub1/images/top.jpg) no-repeat 50% 100px;}
body#sub4 {background:url(/coding/sub1/images/top.jpg) no-repeat 50% 100px;}
body#sub5 {background:url(/coding/sub1/images/top.jpg) no-repeat 50% 100px;}



/* ÀÏ¹Ý ÄÜÅÙÃ÷ ÆäÀÌÁö */
#subMidDiv {clear:both;overflow:hidden;width:100%;margin:0;min-width:1200px;/*background:url(/coding/sub1/images/bg_left_menu.jpg) repeat-x 0 191px;*/}
#midLeftDiv {clear:both;display:table;table-layout:fixed;width:100%;padding:0;margin:0;}
#midLeftDiv h2 {clear:both;overflow:hidden;height:140px;padding:0;margin:0 0 0 40px;font-size:30px;font-weight:600;color:#fff;line-height:140px;}

#midContentDiv {clear:both;overflow:hidden;width:100%;}

#leftMenuDiv {clear:both;overflow:hidden; display:table-row;list-style:none;}
#leftMenuDiv li {display:table-cell;font-size:16px;font-weight:600;text-align:center;line-height:1.4em; border-bottom:1px solid #D7D7D7;}
#leftMenuDiv li a {display:block;padding:15px 0;color:#333;border-left:1px solid #D7D7D7;background-color:#FFF;}
#leftMenuDiv li:first-child a {border-left:0;}
#leftMenuDiv li a:hover,
#leftMenuDiv li a.hover,
#leftMenuDiv li.hover a {padding:15px 0;text-decoration:none;color:#FFF;background-color:#B73850;}
body#sub1 #leftMenuDiv li {}
body#sub2 #leftMenuDiv li {}
body#sub3 #leftMenuDiv li {}
body#sub4 #leftMenuDiv li {}
body#sub5 #leftMenuDiv li {}


#subTxt {clear:both;width:100%;margin:0; text-align:center;}
#subTxt h4 {font-size:35px;font-weight:600;color:#000; margin:0;padding:50px 0 35px 0;}
#subTxt h4 span {font-size:16px;font-weight:600;color:#545454;line-height:3;}


#subtitle {float:left;width:100%;padding:0;margin:50px 0 10px 20px;font-size:35px;font-weight:600;color:#333;letter-spacing:-1px;line-height:50px;}

#locationDiv {float:right;position:absolute;z-index:1;right:20px;top:280px;width:auto;font-size:13px;color:#666;}
#locationDiv a {color:#666;}
#locationDiv img {vertical-align:middle;}
#locationDiv span {font-weight:600;}
#locationDiv ul {display:inline-block;padding:0;margin:0 0 0 15px;list-style:none;}
#locationDiv ul li {display:inline-block;margin-left:5px;}

#contentDiv { float:left;clear:both;width:100%;min-height:400px;padding:30px 20px;text-align:left;font-size:15px;letter-spacing:0;line-height:1.6;color:#000;border-top:1px solid #C4C1C1;box-sizing:border-box;}

.paginate strong,
.paginate a {background-color:#fff;}





/* ÄÜÅÙÃ÷ ºÎºÐ 
-----------------------------------------------------------------------------*/

/* ÅØ½ºÆ® »ö»óº° ¾ÆÀÌÄÜ ÁöÁ¤ */
.iconBlue {background:url(/coding/sub1/images/bl_blue.gif) no-repeat 0 4px;}
.iconGreen {background:url(/coding/sub1/images/bl_green.gif) no-repeat 0 4px;}
.iconOrange {background:url(/coding/sub1/images/bl_orange.gif) no-repeat 0 4px;}

/* ¾ÆÀÌÄÜÀÌ ÀÖ´Â ÅØ½ºÆ®ÀÇ ¿ÞÂÊ ¿©¹é ÁöÁ¤(¾ÆÀÌÄÜÀÌ À§Ä¡ÇÒ °ø°£) */
.iconBlue, .iconGreen, .iconOrange {padding-left:20px;}


.stt_box {float:left; width:100%; margin:10px 0 30px 0;padding:0 0 0 0; }
.stt_box dt {float:left;padding:10px 0 0 30px;margin:0 0 10px 0;font-size:18px;font-weight:600;color:#000;background:url(/coding/images/bulet.gif) no-repeat 0 15px; text-align:left}
.stt_box dt span { display:block;white-space:pre; }
.stt_box dd {float:right; width:70%;padding:20px;margin:4px 0;line-height: 1.8;border:1px solid #CFCFCF;}
.stt_box dd.none {border:none; padding:0;}
.stt_box dd span { float:left;font-weight:600; color:#0052C2; margin-bottom:10px;}
.stt_box dd h4 {padding:0 0 0 15px;margin:30px 0 0 0; background:url(/coding/images/bl_black_square.gif) no-repeat 0 15px;}
.stt_box dd h4 small { float:right; font-size:16px;}
.stt_box dd ul {padding:0;margin:0 0 0 10px;;list-style:none;}
.stt_box dd ul li{padding:3px 10px 3px 15px;margin:0; background:url(/coding/images/bl_black_square.gif) no-repeat 0 15px;}
.stt_box dd ul li strong { font-weight:600;}
.stt_box dd ul li.point {display:inline-block; padding:5px 20px; margin-left:30px;background-color:#0D64BD; color:#fff; font-weight:600; border-radius:5px;background-image:none;}
.stt_box dd ul li.point strong { font-size:18px;}
.stt_box dd ul li ul {padding:0; margin:10px; list-style:none;}
.stt_box dd ul li ul li {padding:6px 0 6px 10px;margin:0;background:url(/coding/images/s_bulet.gif) no-repeat 0 15px; line-height:1.5;}
.stt_box dd ul li.inner { padding:0; margin:0 0 0 10px; list-style:none;}
.stt_box dd ul li.inner li {padding:0;margin:0; background-image:none;}
.stt_box dd ul li.inner li.s_title {font-weight:600;color:#AE1A1A; font-size:16px; padding-left:5px; margin-bottom:10px;}
.stt_box dd ul li.inner li.s_title ul { padding:0; margin:0 0 0 10px; list-style:none;}
.stt_box dd ul li.inner li ul {padding:0 0 0 10px;margin:10px 0 0 0;list-style:none;}
.stt_box dd ul li.inner li ul li {padding:6px 0 6px 10px;margin:0;background:url(/coding/images/s_bulet.gif) no-repeat 0 15px; line-height:1.5;}


.info {float:left; width:100%; margin:20px 0 10px 0;padding:0 0 0 0; }
.info dt {padding:5px 0 5px 30px;font-size:18px;font-weight:600;color:#004ED0;background:url(/coding/images/bulet.gif) no-repeat 0 10px;}
.info dd {padding:10px 0;margin:0; font-size:17px;}
.info dd strong{ padding-left:0; font-weight:600; font-size:16px;}
.info dd ul {padding:0 0 0 30px;margin:0;list-style:none; }
.info dd ul li { padding:8px 0 8px 15px;margin:0;  background:url(/coding/images/s_bulet.gif) no-repeat 0 18px;}
.info dd ul li span.text1 {font-weight:600;color:#0070BC;}
.info dd ul li ul{padding:0;margin:0;list-style:none;}
.info dd ul li ul li{padding:5px 0 3px 14px;margin:0;background:url(/coding/images/s_bulet1.gif) no-repeat 3px 19px;}
.info dd ul li ul li .blue {color: #0070BC;font-weight:600;}
.info dd ul li ul li ul.box {padding:5px 10px;margin:10px 5px; background-color:#F6F6F6;list-style:none;}
.info dd ul li ul li ul.box li{padding:5px 0 3px 14px;margin:0;background:url(/coding/images/sm_bl_1.gif) no-repeat 3px 16px;font-size:13px;}

/* ÅÇ ¼Ó¼º */
#tabs {clear:both;overflow:hidden;width:98%;padding-left:2%;margin-bottom:35px;border-bottom:1px solid #D2D2D2;}
#tabs ul {clear:both;overflow:hidden;padding:0;margin:0;list-style:none;border-left:1px solid #D2D2D2;}
#tabs ul li {display:inline;float:left;border-top:2px solid #2297DF;border-right:1px solid #D2D2D2;background:#ECECEC;}
#tabs ul li a {display:inline-block;padding:10px 20px;color:#333;}
#tabs ul li a:hover,
#tabs ul li.current a {color:#0F537D;font-weight:600;text-decoration:none;background-color:#fff;}

/* ÅÇ ¼Ó¼º */
#tabs1 {display:table;width:99%;clear:both;padding:0 0 30px 0;margin:10px 0 40px 0;list-style:none;border-top:solid 1px #d7d7d7;border-left:solid 1px #d7d7d7;border-spacing:0;border-collapse:collapse;}
#tabs1 li {display:table-cell;border-right:solid 1px #d7d7d7;border-bottom:solid 1px #858585;}
#tabs1 li a {display:block;padding:12px 0;color:#000;text-align:center;font-size:1.0em;}
#tabs1 li a:hover,
#tabs1 li.current a {background:#4e4e4e;text-decoration:none;color:#fff;}


#tabNav1 {clear:both;overflow:hidden;width:98%;padding-left:2%;margin-bottom:50px;border-bottom:1px solid #999;;border-top:2px solid #4F87D5;}
#tabNav1 ul {clear:both;overflow:hidden;padding:0;margin:0;list-style:none;border-left:1px solid #D2D2D2;}
#tabNav1 ul li {display:inline;float:left;font-size:13px;border-right:1px solid #D2D2D2;background:#EFF1F2 url(/Content/images/bl_gray_dot2.png) repeat-x 0 bottom;}
#tabNav1 ul li a {display:inline-block;padding:15px 20px;color:#333;}
#tabNav1 ul li a:hover,
#tabNav1 ul li#current a {color:#4F87D5;font-weight:600;text-decoration:none;background-color:#fff;}

/* Å×ÀÌºí ±âº» ¼Ó¼º */
.data_t {clear:both;overflow:hidden;width:100%;margin-bottom:10px;border-left:1px solid #C0C0C0;border-collapse:separate;empty-cells:show;border-spacing:0;}
.data_t caption {padding-left:17px;margin:5px 0 5px 0;font-size:11pt;text-align:left;font-weight:600;background:url(/public/sub1/images/bullet1.gif) no-repeat 1px 7px;}
.data_t caption span {float:right;right:0;font-size:9pt;font-weight:400;color:#333;}
.data_t thead th {padding:8px 0;font-weight:600;}
.data_t thead th.none {border-top:none;}
.data_t th,
.data_t td {padding:8px 5px;text-align:center;line-height:1.8em;border-bottom:1px solid #C0C0C0;border-right:1px solid #C0C0C0;color:#333;text-align:center;}
.data_t tbody th {font-weight:600;}
.data_t tfoot th,
.data_t tfoot td {background-color:#f6f6f6;}
.data_t tbody td.txLeft {text-align:left;}

/* Å×ÀÌºí td ¿ÞÂÊ Á¤·Ä */
.tdLeft tbody td,
table th.text_left,
table td.text_left,
table td.fleft {text-align:left;}

/* »ö»óº° Å×ÀÌºí thead ¿µ¿ª¿¡ ¹è°æ ¹× ¶óÀÎ»ö ÁöÁ¤ */
table.blue {border-top:2px solid #6E9EAF;}
table.blue thead th {color:#255C6F;border-bottom:1px solid #6E9EAF;background-color:#F9FBFE;}
table.green {border-top:1px solid #008550;}
table.green thead th {color:#008550;border-bottom:1px solid #008550;background-color:#EDFAF5;}
table.orange {border-top:1px solid #FF6600;}
table.orange thead th {color:#FF6600;border-bottom:1px solid #FF6600;background-color:#FEEFDE;}
table.violet {border-top:1px solid #8560A8;}
table.violet thead th {color:#64259E;border-bottom:1px solid #8560A8;background-color:#F7EFF8;}

/* º»¹® ³»¿¡ ¸µÅ© ÅØ½ºÆ® »ö»ó ÁöÁ¤ */
table.blue tr a,
table.blue td a,
a.blue {color:#1F62C8;}
table.green tr a,
table.green td a,
a.green {color:#008550;border-bottom:1px dashed #008550;}
table.orange tr a,
table.orange td a,
a.orange {color:#FF6600;border-bottom:1px dashed #FF6600;}
table.violet tr a,
table.violet td a,
a.violet {color:#64259E;border-bottom:1px dashed #8560A8;}

.downbt{clear:both; margin:0; padding:0 0 50px 0; text-align: center; }
button.btn_red1 {padding:15px 40px 15px 50px;margin:10px 0 0 0;width:200px;font-size:16px; font-weight:600; letter-spacing:-1px;color:#FFFFFF; border:0;background: #eb4f4e url(/coding/images/icon_down.png) no-repeat 10% 50%;}
button.btn_red1:hover{background-color:#C43534;font-size:16px;color:#FFFFFF;border:0;}



.zoom1 {zoom:.7;-moz-transform:scale(.7);-moz-transform-origin:0 0;}
.zoom2 {zoom:.8;-moz-transform:scale(.8);-moz-transform-origin:0 0;}
.zoom3 {zoom:.9;-moz-transform:scale(.9);-moz-transform-origin:0 0;}
.zoom4 {zoom:1;-moz-transform:scale(1);-moz-transform-origin:0 0;}
.zoom5 {zoom:1.1;-moz-transform:scale(1.1);-moz-transform-origin:0 0;}
.zoom6 {zoom:1.2;-moz-transform:scale(1.2);-moz-transform-origin:0 0;}
.zoom7 {zoom:1.5;-moz-transform:scale(1.5);-moz-transform-origin:0 0;}
.zoom8 {zoom:2;-moz-transform:scale(2);-moz-transform-origin:0 0;}

/* ÁöµµÁÖ¼Ò¾È³» */
.location-con {float:left; width:100%; margin:25px 0 30px 0;padding:0 15px 15px 15px;border-bottom:1px dashed #CCCCCC;}
.location-con h1 {font-size:24px; font-weight:600;}
.location-con div {font-size:14px;}



/* ¹öÆ°½ºÅ¸ÀÏ */
a.btn_mint {display:inline-block; padding:20px 60px;margin:5px;background-color:#009496;font-size:17px;font-weight:600;color:#FFFFFF;border-radius:50px;}
a.btn_mint:hover{background-color:#007071; text-decoration:none;}

a.btn_green {display:inline-block;padding:20px 60px;margin:5px;background-color:#009647;font-size:17px;font-weight:600;color:#FFFFFF;border-radius:50px;}
a.btn_green:hover{background-color:#007035; text-decoration:none;}


a.btn_blue {display:inline-block;padding:20px 60px;margin:5px;background-color:#3A5DB9;font-size:17px;font-weight:600;color:#FFFFFF;border-radius:50px;}
a.btn_blue:hover{background-color:#203D88; text-decoration:none;}

#down { width:100%; margin:30px 60px 0 60px;}

.down_1 { float:left;width:480px; padding:30px 10px 10px 10px; margin:0 30px;background:#3A5DB9 url(/coding/images/line_bg.png) repeat;text-align:center;border-radius:20px;}
.down_1 img { margin-bottom:20px;}
.down_1 p{ background-color:#fff;border-radius:20px; padding:0; margin:0; padding:30px 0;}

.down_2 { float:left;width:480px; padding:30px 10px 10px 10px; margin:0 30px;background-color:#00A3A5; text-align:center;border-radius:20px;}
.down_2 img { margin-bottom:20px;}
.down_2 p{ background-color:#fff;border-radius:20px; padding:0; margin:0; padding:30px 0;}

#product_bottom {clear:both;overflow:hidden;width:100%;margin:30px 0;}
.dl-caption {padding:3px 0 10px 0;margin:10px 0;text-align:left;font-size:22px;font-weight:600;letter-spacing:-0.05em;}
.dl-table {border-top:solid 2px #000;border-bottom:solid 2px #000;}
.dl-table dl {display:table;width:100%;border-collapse:collapse;padding:0;margin:0;border-top:solid 1px #e5e5e5;}
.dl-table dl:first-child {border-top-width:0;}
.dl-table dt {display:table-cell;width:20%;padding:10px 10px 10px 30px;font-size:15px;font-weight:600;vertical-align:middle;background:#f9f9f9;margin:0;}
.dl-table dd {display:table-cell;padding:10px 30px;vertical-align:middle;font-size:15px;margin:0;}

/*¹ýÀÎ¼Ò°³ »ó´Ü*/
.about_top { width:100%; height:200px;padding:10px 0 0 370px; margin:20px 0 60px 0;background:#F2F1F3 url(/coding/sub1/images/s1_img01.png) no-repeat 0 0;box-sizing:border-box;}
.about_top h4 {font-size:25px; color:#B91951;font-family: 'yg-jalnan'; margin-bottom:10px;}
.about_top h4 strong {color:#B91951;}
.about_top p.txt { font-size:16px; color:#000; letter-spacing:-1px;}


/* ¿¬Çõ */
.history_Wrap{clear:both;overflow:hidden;padding:30px 0;margin:0;background:url(/coding/sub1/images/s3_img01.jpg) no-repeat 0 40px;}
.history {clear:both;overflow:hidden;margin-left:500px; margin-bottom:0;}
.history .year{clear:both;position:relative;top:40px;left:30px;font-size:30px;font-weight:600;color:#A73248;display:inline;}
.history dl {clear:both;overflow:hidden;width:100%;padding:0;margin:0 0 0 120px;}
.history dl dt {float:left;padding:17px 0 10px 20px;margin:0;font-size:16px;font-weight:600;color:#000;line-height:20px;background:none;}
.history dl dd {width:70%;padding:15px 0;margin:0 0 0 100px;font-size:16px;border-bottom:1px dashed #D7D7D7;}

/*¿À½Ã´Â ±æ*/
ul.road_info_add {padding:0;border-top:1px solid #333;border-bottom:1px solid #333; position:relative; clear:both ; margin-bottom:50px;text-align:left; list-style:none;}
ul.road_info_add li{  border-bottom:1px solid #ddd; padding:10px 0  ; width:100%;}
ul.road_info_add li:last-child{  border-bottom:none;}
ul.road_info_add li dl{ clear:both;  width:100%; }
ul.road_info_add li dl:after{ clear:both; display:block; content:"";}
ul.road_info_add li dt{ float:left; font-weight:600; padding:0 2%; font-size:15px;height:30px; line-height:30px;}
ul.road_info_add li dd{ width:80%; float:right;font-size:15px;line-height:30px;}

/*»ç¾÷¾È³» »ó´Ü*/
.business_top { width:100%; height:200px;padding:10px 0 0 370px; margin:20px 0 60px 0;box-sizing:border-box;}
.business_top h4 {font-size:25px; color:#00A7AD;font-family: 'yg-jalnan'; margin-bottom:10px;}
.business_top h4 strong {color:#B91951;}
.business_top p.txt { font-size:16px; color:#000; letter-spacing:-1px;}

/*ÅÓ*/
.sponsor_top { width:100%; height:200px;padding:10px 0 0 370px; margin:20px 0 60px 0;background:#F2F1F3 url(/coding/sub3/images/s1_img01.png) no-repeat 0 0;box-sizing:border-box;}
.sponsor_top h4 {font-size:25px; color:#B91951;font-family: 'yg-jalnan'; margin-bottom:10px;}
.sponsor_top h4 strong {color:#B91951;}
.sponsor_top p.txt { font-size:16px; color:#000; letter-spacing:-1px;}


/* ÀýÂ÷ */
.stepConList{margin:10px 0;}
.stepConList ul:after{display:block;content:'';clear:both;padding-left:15px;}
.stepConList li{float:left;position:relative;padding:0 3px;width:16.6%;text-align:center;box-sizing:border-box;}
.stepConList.cols4 li{width:25%;background:none;padding:5px;}
.stepConList li:before{display:block;content:'';position:absolute;top:40px;left:-14px;width:27px;height:27px;background:url(/coding/sub3/images/icon_arrow_orange.png) no-repeat center;}
.stepConList li:first-child:before{display:none;}
.stepConList li span{float:none; margin:0; color:#000;}
.stepConList li .title{display:table;padding:20px;width:100%;font-size:14px;height:100px;background:#FFFAF5;border:1px solid #CF5700;border-radius:10px;box-sizing:border-box;}
.stepConList li .title b{display:contents;font-size:16px;color:#d91b4b;font-weight:600;}
.stepConList li .con{display:table;padding:10px 5px;width:100%;min-height:100px;font-size:13px;border:1px dashed #aaa;border-radius:10px;box-sizing:border-box;}
.stepConList li .con > span{display:table-cell;vertical-align:middle;line-height:150%;}