body#intro {background-image:none;}

#introTopDiv,
#introLogo,
#introMidDiv,
#sms1,
#feeInfo,
#free,
#introBottomDiv {clear:both;overflow:hidden;width:100%;}

/* »ó´Ü */
#introTopDiv {height:30px;background-color:#385871;}

/* À¯Æ¿ */
#introTopDiv ol,
#introTopDiv ul {width:auto;padding:0;margin:0;list-style:none;}
#introTopDiv ol li,
#introTopDiv ul li {display:inline;float:left;}

/* È­¸é ¼±Åà */
#introTopDiv ol {float:left;border-left:1px solid #738A9C;}
#introTopDiv ol li {font-weight:600;border-right:1px solid #738A9C;}
#introTopDiv ol li a {display:inline-block;padding:5px 15px 4px 15px;color:#fff;}
#introTopDiv ol li a:hover,
#introTopDiv ol li.current a {color:#046C8F;background-color:#fff;}

/* SNS ¹Ù·Î°¡±â */
#introTopDiv ul {float:right;}

/* ·Î°í */
#introLogo {padding:15px 0;}

/* ºñÁÖ¾ó */
#introVisual {float:left;width:540px;margin-bottom:15px;}

/* °í°´¼¾ÅÍ */
#introCS {float:right;width:426px;border:5px solid #D45852;}
#introCS p.introCSCall {clear:both;overflow:hidden;padding:0 0 0 0;margin:20px 25px;font-weight:600;color:#666;}
#introCS p.introCSCall strong {font-size:12pt;font-family:Helvetica, Arial, sans-serif;font-weight:700;color:#850000;line-height:1.3em;}
#introCS ul.introCSCall {clear:both;overflow:hidden;padding:0;margin:0 20px 10px 20px;list-style:none;}
#introCS ul.introCSCall li {display:inline;float:left;width:48%;margin:0 1%;text-align:center;font-size:10pt;font-weight:600;}
#introCS ul.introCSCall li a {display:inline-block;width:100%;padding:3px 0;color:#fff;}
#introCS ul.introCSCall li a:hover {text-decoration:none;}
#introCS ul.introCSCall li.introCS1 a {background-color:#D45852;}
#introCS ul.introCSCall li.introCS2 a {background-color:#A68F74;}

/* ±â¼úÀÌÀü */
#introTech {float:right;position:absolute;right:0;top:415px;width:436px;}
#introTech h3 {padding:0;margin:0 0 10px 0;font-size:13pt;font-weight:600;color:#000;}
#introTech h3 span {font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:400;color:#666;}
#introTech h3 a {float:right;position:absolute;right:0;font-size:9pt;}
#introTech p {clear:both;overflow:hidden;padding:0;margin:0;font-weight:600;background:url(/coding/images/bg_intro_tech.png) no-repeat 0 0;}
#introTech p a {display:block;width:50%;height:111px;padding:25px 45% 0 5%;color:#333;}
#introTech p a:hover {text-decoration:none;color:#000;}

/* Áï½ÃÀÀ´ë */
div.sms2 {width:396px;padding:15px;background-color:#3C3C3C;}
/*div#sms2_1 {margin:0 0 0 5px;border:0px solid #ffff00;width:94.7%;height:87%;}*/
div.sms2 h5 {padding:0;margin:0;font-size:13pt;font-weight:600;color:#FDD08A;}
div#sms2_1 p.p1 {padding:0;margin:5px 0;font-size:9pt;font-weight:600;color:#C2C0C0;}
.required {padding:2px;margin:5px 0 8px 0;color:#000;vertical-align:middle;}
input.ipt_3 {width:40px;}
input.ipt_4 {width:50px;}
span#notice,
#agree {color:#919191;}
#agree input {vertical-align:middle;}

/* º»¹® ÇÏ´Ü Å« ¹Ú½º °øÅë */
#feeInfo,
#free {width:953px;padding:30px 15px 30px 30px;margin-bottom:15px;border:1px solid #CBCBCB;background-color:#E9E9E9;}

#feeInfo h3,
#free h3,
#feeInfo h4,
#free h4 {width:240px;}

#feeInfo h3,
#free h3 {padding:15px 0 0 0;margin:0 0 15px 0;font-size:14pt;font-weight:600;}

#feeInfo h4,
#free h4 {padding:0 0 120px 0;margin:0;font-size:10pt;font-weight:400;color:#333;line-height:1.4em;}
#feeInfo h4 strong,
#free h4 strong {font-weight:600;color:#000;}

#feeInfo dl {float:right;width:682px;}

/* ƯÇãºñ¿ë Áö¿øÁ¦µµ ¾È³» */
#feeInfo h3 {color:#3C5A98;background:url(/coding/images/bl_intro1.png) no-repeat 0 0;}
#feeInfo h4 {background:url(/coding/images/bg_introtxt1.png) no-repeat 90% bottom;}
#feeInfo dl {padding:0;margin:5px 0 15px 0;}
#feeInfo dl dt {padding:0 0 0 18px;margin:0;font-size:11pt;font-weight:600;color:#102F7F;background:url(/coding/images/bl_intro.png) no-repeat 0 40%;}
#feeInfo dl dd {padding:0;margin:0 0 0 20px;font-size:10pt;color:#000;}

/* ¹«·áÁø´Ü ¼­ºñ½º */
#free h3 {color:#332ADD;background:url(/coding/images/bl_intro2.png) no-repeat 0 0;}
#free h4 {background:url(/coding/images/bg_introtxt2.png) no-repeat 90% bottom;}
#freeSV {float:right;width:682px;padding:10px 0;background-color:#fff;}

/* ÇÏ´Ü */
#introBottomDiv {padding:15px 0;background-color:#333637;}
#introBottomDiv ul {padding:0 0 0 240px;margin:0;list-style:none;background:url(/coding/images/bg_intro_bottom.png) no-repeat 10px 50%;}
#introBottomDiv ul li {color:#D2D3D3;}

#sms_dept.active {border-color: #ff0000; border: 2px solid #ff0000; background-color: #FFEEAA;}
#mobile1.active {border-color: #ff0000; border: 2px solid #ff0000; background-color: #FFEEAA;}
#mobile2.active {border-color: #ff0000; border: 2px solid #ff0000; background-color: #FFEEAA;}
#mobile3.active {border-color: #ff0000; border: 2px solid #ff0000; background-color: #FFEEAA;}

#introVisual {padding-bottom:0;height:509px;}
#introVisual ul {margin:0;padding:0;}
#introVisual li {margin:0;padding:0;}