@charset "euc-kr";

/* FAQ °Ë»ö */
.faqSearch{position:relative;padding:19px;margin:0 0 25px 0;background:#F9F9F9;border:1px solid #E9E9E9;}
.faqSearch .faqArea{position:relative;width:530px;margin:0 auto 15px auto;overflow:hidden;}
.faqSearch fiendset{position:relative;margin:0;padding:0;}
.faqSearch .title{position:relative;top:0;left:0;float:left;display:inline-block;height:20px;text-indent:0;font:bold 14px/1em malgun gothic;margin:2px 16px 0 0;letter-spacing:-1px;color:#555;}
.faqSearch select{float:left;display:inline-block;position:relative;top:0;margin:0 4px 0 0;border:1px solid #DADADA;}
.faqSearch .searchWord{float:left;display:inline-block;width:192px;height:16px;padding:2px 0 0 0;line-height:1em;margin:0 4px 0 0;border:1px solid #DADADA;}
:root .faqSearch .searchWord{height:14px \9;line-height:0.8em \9;padding:4px 0 0 0 \0;}
.faqSearch .btnSearch{width:42px;height:20px;background:none;padding:0;}
.faqSearch .btnSearch span{display:block;width:100%;height:100%;text-indent:-9999px;background:url(http://www.soobakc.com/_images/_cscenter/spr_csCenter.png) -369px -376px no-repeat;}
.faqSearch .goFaq{display:block;width:750px;margin:0 auto;}
.faqSearch .goFaq:after{content:""; display:block; clear:both;}
.faqSearch .goFaq{*zoom:1;}
.faqSearch .goFaq li{float:left;display:inline-block;width:72px;height:47px;margin:0 0 0 3px;background:#FFF;border:1px solid #E9E9E9;border-bottom:1px solid #CBCBCB;border-radius:2px;-webkit-border-radius:2px;-mozila-border-radius:2px;}
.faqSearch .goFaq li:first-child{margin-left:0;}
.faqSearch .goFaq a{display:block;width:100%;height:47px;text-align:center;font-weight:bold;color:#888;line-height:1.2em;}
:root .faqSearch .goFaq a{line-height:1em \9;}
.faqSearch .goFaq .link{display:inline-block;vertical-align:middle;}
.faqSearch .goFaq .vblank{display:inline-block;height:100%;vertical-align:middle;}

/* ÀÚÁÖÇÏ´Â Áú¹®, °øÁö»çÇ×, µµ¿òÀÌ ÇÊ¿äÇϼ¼¿ä */
.sectionGroup:after{content:""; display:block; clear:both;}
.sectionGroup{*zoom:1;margin:0 0 35px 0;}
.sectionGroup .rankSList{float:left;width:443px;border:1px solid #C1DBEE;background:#F0F9FF;margin:0 25px 0 0;}
.sectionGroup .rankSList .title{display:block;position:relative;top:-1px;left:-1px;width:445px;height:30px;text-align:center;color:#FFF;font:bold 14px/1.8em malgun gothic;background:#88BAD8;}
.sectionGroup .rankSList ol{display:block;margin:21px;}
.sectionGroup .rankSList ol:after{content:""; display:block; clear:both;}
.sectionGroup .rankSList ol{*zoom:1;}
.sectionGroup .rankSList li{height:10px;border-top:1px solid #C1DBEE;padding:5px 0 15px 0;}
.sectionGroup .rankSList li:first-child{border-top:none;}
.sectionGroup .rankSList li:first-child .tit a,
.sectionGroup .rankSList li:first-child .cntView em,
.sectionGroup .rankSList li:first-child .cntLike em{color:#666;}
.sectionGroup .rankSList .tit{width:375px;}
.sectionGroup .rankSList .tit a{width:375px;max-width:375px;}
.sectionGroup .inoticeList{float:left;width:260px;margin:-10px 0 15px 0;}
.sectionGroup .inoticeList:after{content:""; display:block; clear:both;}
.sectionGroup .inoticeList{*zoom:1;}
.sectionGroup .needHelp{float:left;width:260px;height:230px;overflow:hidden;}
.sectionGroup .needHelp h2{padding:10px 0 5px 10px;font-family:"malgun gothic";font-size:14px;font-weight:bold;letter-spacing:-1px;}
.sectionGroup .needHelp .titleArea{height:29px;margin-bottom:15px;border-bottom:1px solid #e9e9e9;}
.sectionGroup .needHelp ul:after{content:""; display:block; clear:both;}
.sectionGroup .needHelp ul{*zoom:1;}
.sectionGroup .needHelp li{float:left;display:inline-block;width:84px;height:97px;}
.sectionGroup .needHelp a{display:block;width:100%;text-align:center;font:normal 12px/1em malgun gothic;*padding-bottom:2px;letter-spacing:-1px;color:#555;}
.sectionGroup .needHelp .help03,
.sectionGroup .needHelp .help06{width:91px;}
.sectionGroup .needHelp .ico{display:block;width:62px;height:62px;margin:0 auto 7px auto;background:url(/_images/_cscenter/spr_csCenter.png) no-repeat;}
.sectionGroup .needHelp .help01 .ico{background-position:0 0;}
.sectionGroup .needHelp .help02 .ico{background-position:-87px 0;}
.sectionGroup .needHelp .help03 .ico{background-position:-174px 0;}
.sectionGroup .needHelp .help04 .ico{background-position:0 -100px;}
.sectionGroup .needHelp .help05 .ico{background-position:-87px -100px;}
.sectionGroup .needHelp .help06 .ico{background-position:-174px -100px;}

/* °øºÎ ÁýÁß ÇÁ·Î±×·¥, ¼ö¹Ú¾¾ ÀÌ¿ë°¡À̵å */
.programGuide:after{content:"";display:block;clear:both;}
.programGuide{*zoom:1;margin:0 0 35px 0;}
.programGuide h2{display:block;font:bold 14px/1em malgun gothic;color:#555;letter-spacing:-1px;margin:0 0 10px 0;}
.programGuide .bannerBox{float:left;display:inline-block;}
.programGuide .bannerBox .links{position:relative;float:left;display:inline-block;width:197px;height:64px;margin:0 11px 0 0;padding:17px 0 0 18px;border:1px solid #E9E9E9;border-bottom:1px solid #CCC;border-radius:2px;-webkit-border-radius:2px;-mozila-border-radius:2px;}
.programGuide .bannerBox .links p{display:block;font:normal 12px/1em malgun gothic;letter-spacing:-1px;margin:0 0 5px 0;}
.programGuide .bannerBox .links em{display:block;font:normal 26px/1em malgun gothic;letter-spacing:-1px;color:#003975;*padding-bottom:1px;}
.programGuide .soobakcGuide{position:relative;float:right;display:inline-block;width:261px;height:106px;overflow:hidden;margin:5px 0 0 0;}
.programGuide .soobakcGuide.noMg{margin-right:0;}
.programGuide .soobakcGuide .imgArea{float:left;display:inline-block;}
.programGuide .soobakcGuide .notiList{position:relative;float:right;display:inline-block;width:149px;height:81px;margin:7px 0 0 0;overflow:hidden;}
.programGuide .soobakcGuide ul{margin-top:-5px;}
.programGuide .soobakcGuide li{display:block;width:100%;height:24px;vertical-align:top;line-height:1em;padding:8px 0 0 0;background: url(/_images/_lecture/line_notiList.gif) 0 bottom repeat-x;}
.programGuide .soobakcGuide li a{float:left;display:inline-block;width:100%;height:12px;vertical-align:top;line-height:1em;font-weight:bold;padding:4px 0 0 0;text-indent:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:15px;margin-top:-3px;background:url(http://www.soobakc.com/_images/_cscenter/spr_csCenter.png) -408px -133px no-repeat;}
:root .programGuide .soobakcGuide li a{padding-top:6px \9;}
.programGuide .soobakcGuide li .ico{float:right;display:inline-block;width:14px;height:14px;background:url(http://www.soobakc.com/_images/_cscenter/spr_csCenter.png) -398px -175px no-repeat;}
:root .programGuide .soobakcGuide li .ico{margin-top:-2px \9;}

/* ÀÚÁÖ ÀÌ¿ëÇÏ´Â ÇÁ·Î±×·¥ */
.secUtill{clear:both;}
.secUtill h2{display:block;font:bold 14px/1em malgun gothic;color:#555;letter-spacing:-1px;margin:0 0 10px 0;}
.utilink {overflow:hidden;width:100%;background-color:#f9f9f9;}
.utilink a {float:left;display:block;width:181px;height:68px;margin:0 0 0 -1px;border:1px solid #d9d9d9;}
.utilink a.reader em{margin-left:21px;}
.utilink .btn {position:absolute;top:-100px;left:-100px;width:0;height:0;font-size:0;line-height:0;background:none;}
.utilink a:first-child {width:182px;margin-left:0;}
.utilink a em {position:relative;overflow:hidden;display:block;height:47px;padding:0 0 0 59px;margin:11px 0 0 30px;font:14px/1.43 "Malgun Gothic";letter-spacing:-1px;background:url(http://www.soobakc.com/_images/_cscenter/spr_csCenter.png) no-repeat;}
.utilink a em span {position:absolute;top:-100px;left:-100px;}
.utilink .player em {background-position:0 -245px;}
.utilink .hwpviewer em {background-position:-200px -245px;}
.utilink .reader em {background-position:0 -330px;}
.utilink .alzip em {background-position:-200px -330px;}

/* ¸®´º¾ó Ãß°¡ */
/* ÀÚÁÖÇÏ´Â Áú¹® */
.faqTopBox:after{display:block;content:"";clear:both;}
.faqTopBox .inLeft{width:470px;float:left;}
.faqTopBox .inRight{width:350px;float:right;height:215px;border:1px solid #dedede;background:#f7f7f7;margin:4px 0 0 0;padding:0 28px;letter-spacing:-1px;}
.faqTopBox a.pre{display:inline-block;width:20px;height:21px;background:url("/_images/_common/ico_slide_arrow.png") no-repeat 0 0;text-indent:-9999px;margin-left:3px;}
.faqTopBox a.next{display:inline-block;width:21px;height:21px;background:url("/_images/_common/ico_slide_arrow.png") no-repeat -20px 0;text-indent:-9999px;margin-left:-4px;}
.faqTopBox .btnHor1{font-size:12px;}
.faqTopBox .btnHor1 b{color:#2763ba;}
.faqTopBox .inLeft ul{height:186px;border-top:2px solid #000;border-bottom:1px solid #e8e8e8;padding:11px 0 0 0;}
.faqTopBox .inLeft ul li{font-size:15px;letter-spacing:-1px;padding:5px 0 5px 15px;color:#000;}
.faqTopBox .inLeft ul li span{font-weight:bold;}
.faqTopBox .inLeft .title{margin-bottom:6px;}
.faqTopBox .inRight h2{font-size:15px;font-weight:bold;color:#000;padding:20px 0 16px;}
.faqTopBox .inRight select{height:42px;font-size:16px;color:#000;width:292px;background-position: 95% 18px;}
.faqTopBox .inRight .btn_search{display:inline-block;border:0;margin:0;padding:0;width:50px;height:42px;margin-left:-5px;background:#666 url("/_images/_common/icon_search.png") 16px 11px no-repeat;vertical-align:middle;text-indent:-9999px;}
.faqTopBox .inRight .input01{height:42px;width:243px;margin:10px 0 10px 0;font-size:16px;color:#000;}
.faqTopBox .inRight p{text-align:right;letter-spacing:-1px;padding:0 1px 0 0;}
.faqTopBox .inRight p .btn21{height:24px;margin:0 0 0 3px;}
.faqTopBox .inRight p .btn21 em{font-size:12px;padding:0 13px;line-height:20px;}

/* PC¿À·ù ¿ø°ÝÁ¦¾î */
.telInforCom{text-align:center;margin-top:20px;}
.telInforCom p{display:inline-block;height:86px;padding:0 0 0 100px;background:url("/_images/__renew/common/ico_csreview.png") no-repeat 0 0;}
.telInforCom p span{position:relative;font-size:30px;color:#2763ba;width:398px;height:53px;display:inline-block;margin:17px 0 0 0;letter-spacing:-2px;border-top:1px solid #dedede;border-bottom:1px solid #dedede;line-height:46px;text-align:left;}
.telInforCom p span strong{position:absolute; top:-2px; right:2px;color:#000;font-size:40px;font-weight:bold;display:inline-block;line-height:1;margin-top:5px;}

/* ¼ö¹Ú¾¾ PC ÁöÅ´ÀÌ */
.keeperInfor{text-align:center;}
.keeperInfor ul{display:inline-block;width:615px;padding-top:91px;background:url("/_images/__renew/cscenter/keeper_img01.png") no-repeat 50% 0;margin:10px 0 20px 0;}
.keeperInfor ul li{display:inline-block;width:150px;font-size:13px;color:#000;letter-spacing:-1px;line-height:1.4;}
.keeperInfor p{font-size:15px;color:#000;letter-spacing:-1px;}
.keeperInfor p span{color:#ce133f;}
.keeperUse:after{display:block;content:"";clear:both;}
.keeperUse li{float:left;letter-spacing:-1px;padding:0 0 0 56px;background:url("/_images/__renew/common/bul_arrow_gray03.png") no-repeat 24px 10px;}
.keeperUse li:first-child{padding-left:0;background:none;}
.keeperUse li strong{float:left;font-size:48px;color:#182c5f;line-height:1;margin:0 6px 0 0;}
.keeperUse li p{float:left;font-size:15px;color:#000;line-height:1.3;margin:6px 0 0 0;}
.keeperUse li p span{font-weight:bold;color:#2864b9;}
.keeperUse li p span em{font-size:12px;line-height:1.3;}
.keeperUse .last p{margin-top:-4px;}

/* »çȸ°øÇå Ä·ÆäÀÎ */
.campaignWrap .tit_type02{font-size:15px;padding: 10px 30px 12px;margin:45px 0 20px;}
.campaignCon{padding:0 30px;font-size:15px;letter-spacing:-1px;}
.campaignCon p{font-size:15px;letter-spacing:-1px;}
.campaignCon .listUse{width:790px;height:68px;background:url("/_images/__renew/cscenter/campaign_img02.png") no-repeat 0 0;margin:8px 0 0 0;}
.campaignCon .listUse.use2{background:url("/_images/__renew/cscenter/campaign_img03.png") no-repeat 0 0;}
.campaignCon .listUse:after{display:block;content:"";clear:both;}
.campaignCon .listUse li{float:left;display:table;height:100%;text-align:center;color:#fff;}
.campaignCon .listUse li > p{display:table-cell;color:#fff;vertical-align:middle;padding:0 20px 0 0;line-height:1.3;}
.campaignCon .listUse .s1{width:200px;}
.campaignCon .listUse .s2{width:214px;}
.campaignCon .listUse .s3{width:200px;}
.campaignCon .listUse .s4{width:175px;}
.campaignCon .listUse .last > p{padding-right:0;}
.campaignCon .listUse.use2 .s3{width:187px;}
.campaignWrap .btn32 em{width:185px;text-align:center;}
.laycampaign ul li{text-indent:-18px;padding-left:18px;}

/** submain **/
.mt55{margin-top:55px;}

.seachBox0{position:relative; display:table; border:1px solid #d8d8d8; background:#f7f7f7; width:100%; height:83px; letter-spacing:-1px;}
.seachBox0 > .inner{display:table-cell; vertical-align:middle; text-align:center;}
.seachBox0 .tit{display:inline-block; vertical-align:middle; color:#010101; font-size:16px; margin:0 10px 0 0;}
.seachBox0 .selectArea{display:inline-block; vertical-align:middle; width:243px; height:40px; margin:0 8px 0 0;}
.seachBox0 .selectArea:after{content:""; display:block; clear:both;}
.seachBox0 .selectArea select{width:100%; height:100%; border:1px solid #cdcdcd; font-size:16px; color:#323232; padding-left:18px; background-position:98% 50%;}
.seachBox0 .seachBox{position:relative; display:inline-block; width:417px; height:40px;}
.seachBox0 .seachBox input{width:100%; height:100%; padding:0 60px 0 10px; font-size:15px; color:#323232; border:1px solid #cdcdcd; border-right:none;}
.seachBox0 .seachBox .btnSeach{position:absolute; right:0; top:0; height:40px; width:50px; background: #666 url(/_images/_common/icon_search.png) 16px 10px no-repeat; text-indent:-9999em;}

.mainColumn .title .btnMore, /* mainBackground */
.mainColumn.s2 .section_left .list.s1,
.mainColumn.s2 .section_left .list.s2,
.mainColumn.s3 .section_left .list.s1,
.mainColumn.s3 .section_right .list.s2{display:block; background: url(/_images/__renew/cscenter/sp_main.png) no-repeat; text-indent:-9999em;}

.mainColumn{margin:35px 0 0; overflow:hidden; letter-spacing:-1px;}
.mainColumn .title{position:relative; border-bottom:2px solid #000; padding:0 15px 5px;}
.mainColumn .title.noLine{border-bottom:none;}
.mainColumn .title h3{color:#000; font-weight:500; font-size:18px; font-family:"Noto Sans KR";}
.mainColumn .title .btnMore{position:absolute; right:0; bottom:9px; width:19px; height:19px; background-position:0 0;}
.mainColumn .section_left{float:left; width:470px;}
.mainColumn .section_right{float:right; width:350px;}

.mainColumn.s1 .section_left .list{padding:10px 0 0 28px;}
.mainColumn.s1 .section_left .list li{color:#000; font-size:14px; padding:6px 10px; text-indent:-25px;}
.mainColumn.s1 .section_left .list li span{color:#2864b9; font-weight:bold; margin:0 0 0 16px;}
.mainColumn.s1 .section_left .list li span.last{margin:0 0 0 8px;}
.mainColumn.s1 .section_left .list li a{color:inherit;}
.mainColumn.s1 .section_right .list.s1{float:left; margin:22px 0 0 16px; overflow:hidden;}
.mainColumn.s1 .section_right .list.s1 li{float:left; margin:0 10px 10px 0; border:1px solid #c2dcee; background:#f0f9ff; width:100px; height:94px; text-align:center; display:table;}
.mainColumn.s1 .section_right .list.s1 li a{display:table-cell; vertical-align:middle; color:#2763ba; font-size:16px; line-height:1.2;}

.mainColumn.s2 .section_left .list.s1{width:470px; background-position:0 -50px; overflow:hidden;}
.mainColumn.s2 .section_left .list.s1 li{float:left; width:25%; color:#000; font-size:13px; text-indent:0;}
.mainColumn.s2 .section_left .list.s1 li a{width:100%; height:100%; padding:65px 0 0; display:block; color:inherit;}
.mainColumn.s2 .section_left .list.s1 li.a2 a{padding:65px 0 0 17px;}
.mainColumn.s2 .section_left .list.s1 li.a3 a{padding:65px 0 0 25px;}
.mainColumn.s2 .section_left .list.s1 li.a4 a{padding:65px 0 0 35px;}

.mainColumn.s2 .section_left .list.s2{width:470px; height:98px; background-position:0 -137px; overflow:hidden;}
.mainColumn.s2 .section_left .list.s2 li{float:left; width:25%; color:#000; font-size:13px; text-indent:0; text-align:center;}
.mainColumn.s2 .section_left .list.s2 li a{width:100%; height:100%; padding:67px 0 0; display:block; color:inherit;}
.mainColumn.s2 .section_right .list.s2{padding:10px 0 0;}
.mainColumn.s2 .section_right .list.s2 li{position:relative; border-bottom:1px solid #e8e8e8; padding:7px 10px 7px 30px; color:#000; font-size:15px;}
.mainColumn.s2 .section_right .list.s2 li:after{position:absolute; left:15px; top:50%; content:""; background:#666; border-radius:50%; width:3px; height:3px;}
.mainColumn.s2 .section_right .list.s2 li a{width:100%; height:100%; display:block; color:inherit; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.mainColumn.s3{margin:35px 0 0;}
.mainColumn.s3 .section_left .list.s1{margin:5px 0 0; width:470px; height:94px; background-position:0 -254px; overflow:hidden;}
.mainColumn.s3 .section_left .list.s1 li{float:left; width:50%; color:#000; font-size:13px; text-indent:0;}
.mainColumn.s3 .section_left .list.s1 li a{width:100%; height:100%; display:block; color:inherit; padding:19px 0 0 85px;}
.mainColumn.s3 .section_left .list.s1 li.s2 a{padding:15px 0 0 100px;}
.mainColumn.s3 .section_left .list.s1 li span{display:block;}
.mainColumn.s3 .section_left .list.s1 li .a1{color:#666; font-size:13px; line-height:1.3;}
.mainColumn.s3 .section_left .list.s1 li .a2{color:#000; font-size:20px; line-height:1.2;}
.mainColumn.s3 .section_right .list.s2{margin:5px 0 0 16px; width:320px; height:94px; background-position:0 -363px; overflow:hidden;}
.mainColumn.s3 .section_right .list.s2 li{float:left; width:33.3%; height:100%; display:table;}
.mainColumn.s3 .section_right .list.s2 li a{width:100%; height:100%; color:inherit; display:table-cell; vertical-align:middle; text-indent:0;}
.mainColumn.s3 .section_right .list.s2 li.a1 a{padding:0 0 0 20px;}
.mainColumn.s3 .section_right .list.s2 li.a2 a{padding:0 0 0 14px;}
.mainColumn.s3 .section_right .list.s2 li.a3 a{padding:0 0 0 25px;}
.mainColumn.s3 .section_right .list.s2 li span{font-size:16px; display:block; line-height:1;}
.mainColumn.s3 .section_right .list.s2 li .a1{color:#000; font-weight:bold;}
.mainColumn.s3 .section_right .list.s2 li .a2{color:#666; margin:5px 0 0;}


#myBrowerInfo{border:1px solid #c2dcee; margin:20px 0 0; background:#f0f9ff; padding:20px 30px 30px; text-align:center;}
#myBrowerInfo .tit{color:#2763ba; font-size:18px; font-weight:600;}
#myBrowerInfo .tbl01 td{background:#fff;}
table.tbl01.ft15 tbody td{padding:12px 30px 15px !important;}
#myBrowerInfo .inline{display:inline-block; vertical-align:middle;}