/* ±¸±Û À¥ÆùÆ® ³ª´®°íµñ */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(/gears/board/resource/board.css);


* {font-family:"NanumGothic","Nanum Gothic","³ª´®°íµñ",'Malgun Gothic','¸¼Àº°íµñ',sans-serif;}


/* °øÅë ½ºÅ¸ÀÏ
-----------------------------------------------------------------------------*/
body {font-size:9pt;color:#666;line-height:2.0em;_text-align /**/:center;background:#fff url(/coding/sub1/images/bg_mid.jpg) repeat-x 50% 105px; /* 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:#666;text-decoration:none;}
A:visited {color:#666;text-decoration:none;}
A:hover {color:#666;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:1000px;height:100%;position:relative;margin:0 auto;text-align:left;}

/* »ó´Ü */
#topDiv {clear:both;width:100%;height:105px;background:url(/coding/images/bg_top.jpg) repeat-x 50% 0;}

/* ·Î°í */
#topDiv strong {float:left;margin-top:45px;}

/* À¯Æ¿ ¸Þ´º */
#topUtilDiv {float:right;width:auto;padding:0;margin:0 0 30px 0;list-style:none;}
#topUtilDiv li {display:inline;float:left;margin:0;font-size:9pt;font-weight:600;}
#topUtilDiv li a {color:#000;}
#topUtilDiv li.span {padding:5px 7px;}


/* ¸ÞÀÎ ¸Þ´º */
#topMenuDiv {float:right;width:630px;padding:0;margin:0;list-style:none;text-align:center;}
#topMenuDiv li {display:inline;float:left;width:auto;font-weight:600;font-size:12pt;text-align:center; padding:0 23px;}
#topMenuDiv li a {display:block;color:#000;}
#topMenuDiv li a:hover {color:#213F79;text-decoration:none;}
#topMenuDiv ul.topSubMenu {width:auto;list-style-type:none;list-style-position:outside;padding:0;margin:0;position:absolute;top:105px;width:auto;z-index:100;background-color:#000;white-space:nowrap;}
#topMenuDiv ul.topSubMenu li {display:inline;float:left;width:auto; padding:0;font-size:8pt;}
#topMenuDiv ul.topSubMenu li a {display:block;width:auto;padding:2px 10px;color:#fff;}
#topMenuDiv ul.topSubMenu li a:hover {background-color:#235481;}
#topMenuDiv ul.submenu1 {left:300px;}
#topMenuDiv ul.submenu2 {left:450px;}
#topMenuDiv ul.submenu3 {left:450px;}
#topMenuDiv ul.submenu4 {left:720px;}
#topMenuDiv ul.submenu5 {left:760px;}
#topMenuDiv ul.submenu6 {left:650px;}

/* ǪÅÍ */
#bottomDiv {clear:both;overflow:hidden;width:100%;height:155px;padding-top:6px;background:#fff url(/coding/images/bg_bottom.gif) repeat-x 0 0;}

/* ǪÅÍ ¸Þ´º */
#bottomUI {clear:both;overflow:hidden;width:100%;padding:0;margin:0;list-style:none;text-align:center;}
#bottomUI li {display:inline;padding-right:15px;margin-right:10px;font-weight:700;border-right:1px solid #999;}
#bottomUI li a {color:#fff;}
#bottomUI li.none {padding:0;margin:0;border:none;}

#bottomTel {float:right;position:relative;top:-120px;width:auto;padding:0;margin:0;list-style:none;}
#bottomTel dl {clear:both;overflow:hidden;width:100%;padding:0;margin:0;font-weight:700;}
#bottomTel dl dt {padding:0;margin:5px 0 3px 0;font-size:9pt; color:#000;}
#bottomTel dl dt span {color:#04AEA3;}
#bottomTel dl dd {padding:0;margin:0;font-family:Verdana,"Malgun Gothic",dotum;color:#333;}
#bottomTel dl dd span {color:#999;font-size:8pt;}
#bottomTel dl dd ul {padding:0;margin:0;list-style:none;}

#bottomTel dl#tel {padding-bottom:10px;margin-bottom:5px;}
#bottomTel dl#tel dd {font-size:15pt;color:#3B88DB; letter-spacing:-1px;}

/* Ä«ÇǶóÀÌÆ® */
#copyrightDiv {clear:both;overflow:hidden;width:auto;padding:30px 0 30px 250px;margin:0;list-style:none;background:url(/coding/images/bottom_logo.gif) no-repeat 20px 50%;}
#copyrightDiv li {line-height:1.7em;color:#333;}
#copyrightDiv li strong {color:#9B3B00;}





/* ¸ÞÀÎ 
-----------------------------------------------------------------------------*/

body#main {background-color:#fff;background-image:none;background:url(/coding/images/bg_top.jpg) repeat-x 50% 0;}


#mainMidDiv {clear:both;overflow:hidden;width:100%;padding:30px 0 40px 0;}

.Left {float:left;}
.Right {float:right;}

/* ¸ÞÀÎ ºñÁÖ¾ó(·ÎÅ×À̼Ç) */
#visual ,
#visual ul,
#visual ul li {width:100%;height:350px;text-align:center;}
#visual {clear:both;overflow:hidden;}
#visual ul {clear:both;overflow:hidden;padding:0;margin:0;list-style:none;}
#visual ul li {overflow:hidden;}
#visual ul li.current {display:block;}
/*#visual ul li img {position:absolute;}*/

#nt h3,
#gallery h3,
#info h3 {clear:both;overflow:hidden;width:100%;padding:0;margin:0 0 20px 0;}

#nt {float:left;width:340px;}
#nt ul {clear:both;overflow:hidden;width:92%;padding:0 0 0 8%;margin:0;}
#nt ul li {float:left;width:100%;}
#nt ul li span {float:right;width:20%;}


#gallery {float:left;position:relative;left:45px;width:390px;}
#gallery ul {clear:both;overflow:hidden;width:100%;padding:0;margin:0;list-style:none;}
#gallery ul li {display:inline;float:left;width:33.3%;text-align:center;}

#info {float:right;width:300px;background:url(/coding/images/bg_info.gif) no-repeat right 30px;}
#info p {clear:both;overflow:hidden;width:62%;padding:0 37% 7px 0;margin:0 0 8px 0;font-size:8pt;line-height:1.5em;}
#info ul {clear:both;overflow:hidden;width:208px;padding:0;margin:0;list-style:none;border:1px solid #005340;}
#info ul li {display:inline;float:left;width:50%;font-size:10pt;font-weight:600;text-align:center;}
#info ul li a {display:block;padding:1px 0;color:#fff;}

#iconBtn {float:left;width:998px;height:160px;padding:5px 0;margin:30px 0 0 0;list-style:none;border:1px solid #D5D5D5;background-color:#F3F3F3;}
#iconBtn li {display:inline;float:left;width:198px;font-size:1.1em;font-weight:600;letter-spacing:-0.1em;text-align:center;border-right:1px dashed #D5D5D5;}
#iconBtn li a {display:block;padding:10px 0 80px 0;}
#iconBtn li a strong {font-size:12pt;font-weight:600;color:#000;line-height:2.4em;}
#iconBtn li a:hover {text-decoration:none;}
#iconBtn li.iconBtn1 {height:160px;background:url(/coding/images/bg_btn1.gif) no-repeat 50% 80%;}
#iconBtn li.iconBtn2 {height:160px;background:url(/coding/images/bg_btn2.gif) no-repeat 50% 80%;}
#iconBtn li.iconBtn3 {height:160px;background:url(/coding/images/bg_btn3.gif) no-repeat 50% 80%;}
#iconBtn li.iconBtn4 {height:160px;background:url(/coding/images/bg_btn4.gif) no-repeat 50% 80%;}
#iconBtn li.iconBtn5 {height:160px;border-right:none;background:url(/coding/images/bg_btn5.gif) no-repeat 50% 80%;}






/* ¼­ºê 
-----------------------------------------------------------------------------*/

/* ÀÏ¹Ý ÄÜÅÙÃ÷ ÆäÀÌÁö */
#subMidDiv {clear:both;overflow:hidden;width:998px;padding-bottom:30px;margin:110px 0 40px 0;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border:1px solid #B8B5AD;background:#fff url(/coding/sub1/images/line_mid.gif) repeat-y 213px 0;}
#midLeftDiv {float:left;width:213px;}

/* ŸÀÌƲ */
#midLeftDiv h2 {clear:both;overflow:hidden;padding:30px 0;margin:0;font-size:17pt;font-weight:600;text-align:center;color:#203B54;line-height:1.2em;border-bottom:1px solid #DBDBDB;}

/* ¼­ºê ¸Þ´º */
#leftMenuDiv {float:left;width:100%;padding:0 0 40px 0;margin:0;list-style:none;}
#leftMenuDiv li {float:left;width:100%;font-size:11pt;font-weight:600;border-bottom:1px solid #DBDBDB;background:url(/coding/sub1/images/bl_sm_off.png) no-repeat 93% 15px;}
#leftMenuDiv li a {color:#333;display:block;padding:6px 0 6px 25px;}
#leftMenuDiv li a:hover,
#leftMenuDiv li a.hover {color:#fff;text-decoration:none;background:#235481 url(/coding/sub1/images/bl_sm_on.png) no-repeat 93% 15px;}
#leftMenuDiv li a.currentTab {color:#fff;text-decoration:none;background-color:#235481;}

/* ¼­ºê¸Þ´º 3Â÷ ³ëÃâ */
#leftMenuDiv li ul {float:left;width:100%;padding:10px 0;margin:0;list-style:none;border-top:1px solid #DBDBDB;}
#leftMenuDiv li.active ul {display:block;}
#leftMenuDiv li ul li {display:block;padding:0 0 0 5px;margin:0;line-height:2.0em;border:none;background:url(/coding/sub1/images/bl_sm_s.png) no-repeat 30px 10px;font-weight:600;}
#leftMenuDiv li ul li a,
#leftMenuDiv li.active ul li a {display:block;padding:0px 0 0px 31px;color:#235481;font-size:10pt;line-height:1.8em;letter-spacing:-1px;background:none;}
#leftMenuDiv li ul li a:hover,
#leftMenuDiv li ul li.active a {text-decoration:none;color:#000;letter-spacing:-1px;background:none;}

/* ¼­ºêŸÀÌƲ */
#subtitle {width:100%;padding:0;margin:20px 0 30px 0;font-size:2.4em;font-weight:600;color:#000;}

/* ÇöÀç À§Ä¡ */
#locationDiv {float:right;position:absolute;width:auto;top:52px;right:25px;padding-left:15px;text-align:right;background:url(/coding/sub1/images/location.gif) no-repeat 0 5px;}
#locationDiv a {color:#666;}
#locationDiv,
#locationDiv a {font-size:8pt;}
body#sub #locationDiv {top:85px;}

#midContentDiv {float:right;width:755px;padding-top:20px;}
#contentDiv {clear:both;overflow:hidden;width:730px;min-height:320px;color:#333;font-family:Dotum, Gulim, 'Malgun Gothic' !important;}

div.shopContainer {margin:0 20px;}

#catetop {border-bottom:1px solid #e6e6e6;}

/* ÅÇ ¸Þ´º */
#tabMenuDiv {clear:both;overflow:hidden;width:720px;padding:0;margin-bottom:30px;border-bottom:1px solid #D2D2D2;}
#tabMenuDiv ul {clear:both;overflow:hidden;padding:0;margin:0;list-style:none;border-left:1px solid #D2D2D2;}
#tabMenuDiv ul li {display:inline;float:left;font-size:1.0em;font-family:Verdana;border-top:1px solid #D2D2D2;border-right:1px solid #D2D2D2;background:#EFF1F2 url(/Content/images/bl_gray_dot2.png) repeat-x 0 bottom;}
#tabMenuDiv ul li a {display:inline-block;padding:8px 15px;color:#333;}
#tabMenuDiv ul li a:hover,
body.tab_current1 #tabMenuDiv ul li.current1 a,
body.tab_current2 #tabMenuDiv ul li.current2 a,
body.tab_current3 #tabMenuDiv ul li.current3 a,
body.tab_current4 #tabMenuDiv ul li.current4 a,
body.tab_current5 #tabMenuDiv ul li.current5 a,
body.tab_current6 #tabMenuDiv ul li.current6 a,
body.tab_current7 #tabMenuDiv ul li.current7 a {color:#fff;text-decoration:none;background-color:#C84D00;}

.s2 {width:730px;background:url(/coding/sub1/images/s2_bg.gif) no-repeat 0 5px;}
.history {margin-bottom:40px;}
.history dt {margin:8px 0 0 260px; font-size:22pt;font-weight:bold;color:#7BAA00; float:left;}
.history dd {padding:0 0 0 340px;margin:20px 0 0 10px;}
.history dd ul {padding:0;margin:0;list-style:none;}
.history dd ul li {padding:3px 0;border-bottom:1px dashed #B4B4B4; font-size:11pt;}
.history dd ul li strong {float:left;width:80px;font-size:11pt;}

.guide {float:left;width:100%;padding:0 0 0 0;margin:0 0 10px 0;}
.guide dt {padding:10px 0 10px 25px;font-size:15px;font-weight:600;color:#265295;background:url(/coding/sub1/images/bulet.gif) no-repeat 5px 15px;}
.guide dd { padding:0 0 0 25px;margin:0 0 0 0; font-size:10pt; color:#222;}	
.guide dd ul{ padding:10px 0 0 0;margin:0 0 0 0;}	
.guide dd ul li{ padding:0 0 5px 15px;margin:0 0 0 0;list-style:none;background:url(/coding/sub1/images/bulet1.gif) no-repeat 0 8px;}	
.guide dd ul li span{ color: #4882BA;font-weight: bold;}	

.guide1 {float:left;width:100%;padding:0 0 0 0;margin:0 0 10px 0;}
.guide1 dt {padding:10px 0 10px 25px;font-size:15px;font-weight:600;color:#CE5825;background:url(/coding/sub1/images/bulet_o.gif) no-repeat 0 15px;}
.guide1 dd { padding:0 0 0 10px;margin:0 0 0 0; font-size:13px; color:#222;}	

.guide2 {float:left;width:100%;padding:0 0 0 0;margin:0 0 10px 0;}
.guide2 dt {padding:10px 0 10px 25px;font-size:17px;font-weight:600;color:#CE5825;background:url(/coding/sub1/images/bulet_o.gif) no-repeat 0 15px;}
.guide2 dd { padding:0 0 0 0;margin:0 0 0 0; font-size:13px; color:#222;}	



/* ÄÜÅÙÃ÷ ºÎºÐ 
-----------------------------------------------------------------------------*/

/* ÅؽºÆ® »ö»ó ÁöÁ¤(ÀÏ¹Ý ÅؽºÆ® °­Á¶ÀÇ ÀǹÌ) */
.blue {color:#007CA6;}
.green {color:#00AC90;}
.orange {color:#E96900;}
.red {color:#FF0000;}
.yellow {color:#FFFF00;}

/* ÅؽºÆ® »ö»óº° ¾ÆÀÌÄÜ ÁöÁ¤ */
.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;}

/* °¢ ³ó°¡¼Ò°³ ÀüÈ­¹øÈ£ ¾È³» */
.telinfo {clear:both;overflow:hidden;width:99%;padding:8px 0;margin:0 0 30px 0; border:1px dashed #B2B2B2;}
.telinfo dt {float:left;width:150px;padding:100px 0 0 0;margin:0 0 0 20px;font-weight:bold;font-size:1.0em;text-align:center;color:#000;background:url(/coding/sub1/images/telinfo.gif) no-repeat 20px 0;}
.telinfo dd {float:right;width:540px;padding:0;margin:0;}
.telinfo dd ul {float:right;width:540px;padding:0;margin:10px 10px 0 0;list-style:none;}
.telinfo dd ul li{ padding:0 0 0 15px;margin:0; background:url(/coding/images/s_bulet1.gif) no-repeat 0 10px;}
.telinfo dd ul li span {font-weight:bold;color:#333;}
.telinfo dd ul li ul{padding:0;margin:0;list-style:none;}
.telinfo dd ul li ul li{ padding:0 0 0 10px;margin:0; background:url(/coding/images/s_bulet1.gif) no-repeat 0 8px;}
.telinfo dd span {margin:0 15px 0 0;font-weight:600;}

/* Å×ÀÌºí ±âº» ¼Ó¼º */
.data_t1 {clear:both;overflow:hidden;width:100%;margin-bottom:30px;}
.data_t1 caption {margin-bottom:5px;font-weight:600;text-align:left;}
.data_t1 th, .data_t1 td {padding:3px 15px;color:#555;text-align:center;line-height:1.7em;}
.data_t1 td a {color:#666;}
.data_t1 td a:hover {color:#000;}
.data_t1 thead th {padding:10px 0;color:#6C7DBC;border-top:2px solid #6C7DBC;border-bottom:1px solid #6C7DBC;background-color:#F7F9FE;}
.data_t1 tbody td, .data_t1 tbody th {padding:7px;border-bottom:1px solid #DDD;}
.data_t1 tbody th {text-align:center;}
.data_t1 tfoot td {border-bottom:2px solid #DDD;}
.data_t1 tbody td.txLeft {text-align:left;}
.data_t1 tbody td.txLeftwhite {text-align:left;color: #FFFFFF}
.data_t1 tbody td img {border:1px solid #D3D3D3;}

.data_t2 { width:100%; clear:both; margin-bottom:10px; font-size:10pt; border-collapse:collapse;}
.data_t2 caption {padding-left:20px;margin-bottom:5px;text-align:left;font-size:13px;font-weight:bold;color:#555555;background:url(/coding/sub1/images/bulet1.gif) no-repeat 5px 7px;}
.data_t2 caption span {padding-left:0;margin-bottom:5px;text-align:left;font-size:13px; color:#3A3A3A;}
.data_t2 th {padding:7px 10px; color:#6C7DBC; font-size:10pt; border-top:2px solid #6C7DBC; border-bottom:1px solid #8B8B8B; border-left:1px solid #DDD; border-right:1px solid #DDD; background-color:#F7F9FE;}
.data_t2 td {border:1px solid #9B9B9B;color:#555555; padding:5px 5px;font-size:10pt;}



/* Å×À̺í thead ¿µ¿ª »ö»ó */
.orange th {color:#CF6A23;border:1px solid #CF6A23;background-color:#FEF3ED;}

/*  ¹Ú½º */
.box-1 {clear:both;overflow:hidden;width:95%;padding:15px;margin:0 0 15px 0; border:1px dashed #B2B2B2;background-color:#F1F1F1;font-size:10pt;}