@charset "euc-kr";

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

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

#content{font-size:11px;color:#898989;line-height:1.5;letter-spacing:-0.1em}

/* tab */
#tab{padding:5px 0px 0px 0px;}
#tab:after{content:"";clear:both;display:block}
#tab li{float:left;width:50%; height:37px; }
#tab li.lc{position:relative; font-weight:bold; background: url(../images/common/tab_bg.png) repeat-x ; height:37px;}
#tab li.lc span.left { width:8px; height:37px; position:absolute ;top:0px;left:0px; background: url(../images/common/tab_left.png) repeat-x left top;}
#tab li.lc span.txt{display:block;font-size:18px;letter-spacing:0em; font-weight:bold; width:100%;text-align:center;padding:5px 0 0 0; color:#fff000;}
#tab li.lc span.right { width:8px; height:37px; position:absolute ;top:0px;right:0px; background: url(../images/common/tab_right.png) repeat-x right top;}
#tab li.off{position:relative; background: url(../images/common/tab_bg_off.png) repeat-x ; height:37px;}
#tab li.off span.left { width:8px; height:37px; position:absolute ;top:0px;left:0px; background: url(../images/common/tab_left_off.png) repeat-x left top;}
#tab li.off span.txt{display:block;font-size:18px;letter-spacing:0em;font-weight:bold;width:100%;text-align:center;padding:5px 0 0 0; color:#afafaf; }
#tab li.off span.right { width:8px; height:37px; position:absolute ;top:0px;right:0px; background: url(../images/common/tab_right_off.png) repeat-x right top;}
#tab li a { display:block; width:100%; height:37px; overflow:hidden;}
#tab li.rc{position:relative; font-weight:bold; background: url(../images/common/rc_tab_bg.png) repeat-x ; height:37px;}
#tab li.rc span.left { width:8px; height:37px; position:absolute ;top:0px;left:0px; background: url(../images/common/rc_tab_left.png) repeat-x left top;}
#tab li.rc span.txt{display:block;font-size:18px;letter-spacing:0em; font-weight:bold; width:100%;text-align:center;padding:5px 0 0 0; color:#fff000;}
#tab li.rc span.right { width:8px; height:37px; position:absolute ;top:0px;right:0px; background: url(../images/common/rc_tab_right.png) repeat-x right top;}

/* stab */
#stab{padding:5px}
#stab:after{content:"";clear:both;display:block}
#stab li{float:left;width:25%; height:26px; border-bottom:1px solid #d2b96e;}
#stab li.on{position:relative; font-weight:bold; background: url(../images/common/stab_bg.png) repeat-x ; height:26px;}
#stab li.on span.left { width:8px; height:26px; position:absolute ;top:0px;left:0px; background: url(../images/common/stab_left.png) repeat-x left top;}
#stab li.on span.txt{display:block;font-size:13px;letter-spacing:0em; font-weight:bold; width:100%;text-align:center;padding:5px 0 0 0; color:#5b310c;}
#stab li.on span.right { width:8px; height:26px; position:absolute ;top:0px;right:0px; background: url(../images/common/stab_right.png) repeat-x right top;}
#stab li.off{position:relative; background: url(../images/common/stab_bg_off.png) repeat-x ; height:26px;}
#stab li.off span.left { width:8px; height:26px; position:absolute ;top:0px;left:0px; background: url(../images/common/stab_left_off.png) repeat-x left top;}
#stab li.off span.txt{display:block;font-size:13px;letter-spacing:0em;font-weight:bold;width:100%;text-align:center;padding:5px 0 0 0; color:#7b7977; }
#stab li.off span.right { width:8px; height:26px; position:absolute ;top:0px;right:0px; background: url(../images/common/stab_right_off.png) repeat-x right top;}
#stab li a { display:block; width:100%; height:37px; overflow:hidden;}

/* part */
#part{padding:0 10px 20px 10px}
#part:after{content:"";clear:both;display:block}
#part p.nember{ height:20px; font-size:17px; letter-spacing:0em; color:#444444; font-weight:bold; padding-bottom:5px; padding-top:10px;}
#part ul { border-bottom:1px dotted #cdcdcd; padding: 5px 0 8px 0px; }
#part ul li { font-size:13px; letter-spacing:0em; color:#444444; line-height:17px; padding: 1px 1px 1px 0; }
#part ul li.correct { font-weight:bold; color:#fe461b; }
#part ul li.question { font-size:13px; padding:6px; line-height:15px; color:#824b1b;  border:1px solid #f3eedd; margin-bottom:5px; background-color:#fffbf1;}
#part .box { font-size:12px; padding:6px; line-height:15px; color:#824b1b;}

/* box1 */
#box1 {margin:5px 10px 0px 10px ;background:#e2eef8 url(../images/common/box2_left_bg.gif) repeat-y left; }
#box1 .bd_list{background:url(../images/common/box2_right_bg.gif) repeat-y right ; }
#box1 .bd_list p.nembers{ font-size:15px; letter-spacing:0em; color:#153c63; font-weight:bold; padding-left:12px; }
#box1 .bd_list ul li { text-align:left; color:#444444; line-height:17px; letter-spacing:0em;  padding:0px 12px 0px 12px ;}
#box1 .bd_list p {margin-bottom:7px; font-size:13px;}
#box1 .bd_list p span{ padding:0 5px 0px 0;  letter-spacing:0.1em;}
#box1 .bd_list p span.w { color:#fa2a51;}
#box1 .bd_list p span.m { color:#4f88c0;}
#box1 .bd_list p.right { float:right; padding:50px; }
#box1 .bd_top{position:relative;background:url(../images/common/box2_top_tdline.gif) repeat-x bottom;height:10px}
#box1 .bd_top p.btml{position:absolute; background:url(../images/common/box2_top_left.gif) no-repeat left bottom; width:10px; height:10px; }
#box1 .bd_top p.btmr{position:absolute; background:url(../images/common/box2_top_right.gif) no-repeat right bottom; width:10px; height:10px; right:0px;}
#box1 .bd_btm{position:relative;background:url(../images/common/box2_btm_tdline.gif) repeat-x bottom;height:10px}
#box1 .bd_btm p.btml{position:absolute; background:url(../images/common/box2_btm_left.gif) no-repeat left bottom; width:10px; height:10px; }
#box1 .bd_btm p.btmr{position:absolute; background:url(../images/common/box2_btm_right.gif) no-repeat right bottom; width:10px; height:10px; right:0px;}

/* btn_before*/
#before {padding:0 0 15px 0}
#before p.btn { width:52px; height:30px; text-align:center; padding:0px; background: url(../images/common/btn_before.png) no-repeat center ; margin: 0 auto; text-indent:-3000em;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#before p.btn {background: url(../images/common/btn_before2.png) no-repeat center ;-webkit-background-size:52px 30px}}
#before p.btn a { display:block; width:52px; height:30px; overflow:hidden; }

/* sub_lc_visual*/ 
#sub_lc_visual {width:100%; text-align:center; margin:0px; padding:0px;  border-top:1px solid #e7d39c; border-bottom:1px solid #f0e6d3; background:#ffe0a8;}
#sub_lc_visual ul li.sub_visual { width:320px; height:132px; text-align:center; padding:0px; margin:0px; background:#ffe0a8 url(../images/sub/sub_visual_lc.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#sub_lc_visual ul li.sub_visual {background:#ffe0a8 url(../images/sub/sub_visual_lc2.png) no-repeat center ;-webkit-background-size:320px 132px}}

/* sub_rc_visual*/ 
#sub_rc_visual {width:100%; text-align:center; margin:0px; padding:0px;  border-top:1px solid #c4d7eb; border-bottom:1px solid #e1ebf5; background:#cfe5ff;}
#sub_rc_visual ul li.sub_visual { width:320px; height:132px; text-align:center; padding:0px; margin:0px; background:#cfe5ff url(../images/sub/sub_visual_rc.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#sub_rc_visual ul li.sub_visual {background:#cfe5ff url(../images/sub/sub_visual_rc2.png) no-repeat center ;-webkit-background-size:320px 132px}}

/* lc_icon*/ 
#lc_icon{position:relative;width:100%; overflow:hidden;text-align:center;*zoom:1; margin:10px 0px 3px 0px;}
#lc_icon ul{margin:0px 0px 0px 0px;}
#lc_icon li{float:left;width:25%;}
#lc_icon li a{display:block; width:100%; height:70px; overflow:hidden; color:#444444; font-size:11px;}
#lc_icon li a p {}
#lc_icon li a p.icon1 { width:60px; height:60px; background:url(../images/sub/lc_test01.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#lc_icon li a p.icon1 {background-image:url(../images/sub/lc_test01_2.png);-webkit-background-size:60px 60px}}
#lc_icon li a p.icon2 { width:60px; height:60px; background:url(../images/sub/lc_test02.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#lc_icon li a p.icon2 {background-image:url(../images/sub/lc_test02_2.png);-webkit-background-size:60px 60px}}
#lc_icon li a p.icon3 { width:60px; height:60px; background:url(../images/sub/lc_test03.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#lc_icon li a p.icon3 {background-image:url(../images/sub/lc_test03_2.png);-webkit-background-size:60px 60px}}
#lc_icon li a p.icon4 { width:60px; height:60px; background:url(../images/sub/lc_test04.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#lc_icon li a p.icon4 {background-image:url(../images/sub/lc_test04_2.png);-webkit-background-size:60px 60px}}
#lc_icon li a p.icon5 { width:60px; height:60px; background:url(../images/sub/lc_test05.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#lc_icon li a p.icon5 {background-image:url(../images/sub/lc_test05_2.png);-webkit-background-size:60px 60px}}
#lc_icon li a p.icon6 { width:60px; height:60px; background:url(../images/sub/lc_test06.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#lc_icon li a p.icon6 {background-image:url(../images/sub/lc_test06_2.png);-webkit-background-size:60px 60px}}
#lc_icon li a p.icon7 { width:60px; height:60px; background:url(../images/sub/lc_test07.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#lc_icon li a p.icon7 {background-image:url(../images/sub/lc_test07_2.png);-webkit-background-size:60px 60px}}
#lc_icon li a p.icon8 { width:60px; height:60px; background:url(../images/sub/lc_test08.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#lc_icon li a p.icon8 {background-image:url(../images/sub/lc_test08_2.png);-webkit-background-size:60px 60px}}
#lc_icon li a p.icon9 { width:60px; height:60px; background:url(../images/sub/lc_test09.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#lc_icon li a p.icon9 {background-image:url(../images/sub/lc_test09_2.png);-webkit-background-size:60px 60px}}
#lc_icon li a p.icon10 { width:60px; height:60px; background:url(../images/sub/lc_test10.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#lc_icon li a p.icon10 {background-image:url(../images/sub/lc_test10_2.png);-webkit-background-size:60px 60px}}

/* rc_icon*/ 
#rc_icon{position:relative;width:100%; overflow:hidden;text-align:center;*zoom:1; margin:10px 0px 3px 0px;}
#rc_icon ul{margin:0px 0px 0px 0px;}
#rc_icon li{float:left;width:25%;}
#rc_icon li a{display:block; width:100%; height:70px; overflow:hidden; color:#444444; font-size:11px;}
#rc_icon li a p {}
#rc_icon li a p.icon1 { width:60px; height:60px; background:url(../images/sub/rc_test01.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#rc_icon li a p.icon1 {background-image:url(../images/sub/rc_test01_2.png);-webkit-background-size:60px 60px}}
#rc_icon li a p.icon2 { width:60px; height:60px; background:url(../images/sub/rc_test02.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#rc_icon li a p.icon2 {background-image:url(../images/sub/rc_test02_2.png);-webkit-background-size:60px 60px}}
#rc_icon li a p.icon3 { width:60px; height:60px; background:url(../images/sub/rc_test03.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#rc_icon li a p.icon3 {background-image:url(../images/sub/rc_test03_2.png);-webkit-background-size:60px 60px}}
#rc_icon li a p.icon4 { width:60px; height:60px; background:url(../images/sub/rc_test04.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#rc_icon li a p.icon4 {background-image:url(../images/sub/rc_test04_2.png);-webkit-background-size:60px 60px}}
#rc_icon li a p.icon5 { width:60px; height:60px; background:url(../images/sub/rc_test05.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#rc_icon li a p.icon5 {background-image:url(../images/sub/rc_test05_2.png);-webkit-background-size:60px 60px}}
#rc_icon li a p.icon6 { width:60px; height:60px; background:url(../images/sub/rc_test06.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#rc_icon li a p.icon6 {background-image:url(../images/sub/rc_test06_2.png);-webkit-background-size:60px 60px}}
#rc_icon li a p.icon7 { width:60px; height:60px; background:url(../images/sub/rc_test07.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#rc_icon li a p.icon7 {background-image:url(../images/sub/rc_test07_2.png);-webkit-background-size:60px 60px}}
#rc_icon li a p.icon8 { width:60px; height:60px; background:url(../images/sub/rc_test08.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#rc_icon li a p.icon8 {background-image:url(../images/sub/rc_test08_2.png);-webkit-background-size:60px 60px}}
#rc_icon li a p.icon9 { width:60px; height:60px; background:url(../images/sub/rc_test09.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#rc_icon li a p.icon9 {background-image:url(../images/sub/rc_test09_2.png);-webkit-background-size:60px 60px}}
#rc_icon li a p.icon10 { width:60px; height:60px; background:url(../images/sub/rc_test10.png) no-repeat center ; margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#rc_icon li a p.icon10 {background-image:url(../images/sub/rc_test10_2.png);-webkit-background-size:60px 60px}}