@charset "utf-8";

/* 2015-09-01 */
/* ------------ contents ------------ */

 .web_v2 .subContents_area {padding-left: 25px;margin-left: 350px;}
 .tablet .subContents {padding-top: 0;margin-left: -35px;width:auto;}
/* intro_banner */
.intro_banner	{}
.intro_banner:after {content:'';display:block;clear:both;}
.intro_banner li.banner01	{position:relative;width:100%;}
.intro_banner li.banner01 p img {width:100%;}
/* //intro_banner */
/* ico */
.ico_area,
.news_area,
.quick_area {width: 67%;/* max-width: 805px; */float:left;overflow:hidden;}
.event_banner,
.facebook_area {background: #f8f8f8;}
.ico_area ul, .ico_area li {float:left;width:50%;}
.ico_area ul	{border-bottom:1px solid #dfdfdf;box-sizing: border-box;}
.ico_area .ico_menu	{border-right:1px solid #dfdfdf;padding-top: 94px;width:33%;font-size: 15px;text-align:center;color: #404040;padding-bottom: 25px;box-sizing:border-box;}
.ico_area .m01	{width:34%;background:url(/images/main/ico_m1.png) center 27px no-repeat;/* background-size:38.5% auto; */}
.ico_area .m02	{background:url(/images/main/ico_m2.png) center 27px no-repeat;/* background-size: 26.5% auto; */}
.ico_area .m03	{background:url(/images/main/ico_m3.png) center 27px no-repeat;/* background-size: 41%; */}
.ico_area .m04	{width:34%;background:url(/images/main/ico_m4.png) center 27px no-repeat;/* background-size: 40%; */}
.ico_area .m05	{background: url(/images/main/ico_m5.png) center 27px no-repeat;/* background-size: 43.5% auto; */}
.ico_area .m06	{background: url(/images/main/ico_m6.png) center 27px no-repeat;/* background-size: 41% auto; */}
/* //ico */

.event_banner	{position: relative;width: 33%;float: right;}
.event_banner:after {content:'';display:block;clear:both;}
.event_banner .banner_img img {width:100%;/* height: 110%; */}
.event_banner .nav_banner {position:absolute;top:10px;right:10px;}
.event_banner .nav_banner {position:absolute;top:10px;right:10px;}
.event_banner .nav_banner a.back,
.event_banner .nav_banner a.pause,
.event_banner .nav_banner a.next	{display:inline-block;text-indent:-99999px;width:23px;height:23px;margin-left:2px;}
.event_banner .nav_banner a.back	{background:url(/images/main/btn_back.gif) 0 0 no-repeat;}
.event_banner .nav_banner a.pause	{background:url(/images/main/btn_pause.gif) 0 0 no-repeat;}
.event_banner .nav_banner a.next	{background:url(/images/main/btn_next.gif) 0 0 no-repeat;}

.news_area	{position:relative;}
.news_area div.notic1 {background:#f2f2f2;}
.news_area div.notic2 {background:#ececec;}
.news_area div.notic1,
.news_area div.notic2 {position:relative;width:50%;float:left;overflow:hidden;/* border-bottom:1px solid #dfdfdf; */box-sizing:border-box;padding-top:20px;padding-bottom:30px;}
.news_area div:after {content:'';display:block;clear:both;}
.news_area div.notic1 h3.board_tit,
.news_area div.notic2 h3.board_tit{font-size: 17px; font-family:NBGB; color:#333;padding-left: 35px;}
.news_area div.notic1 ul,
.news_area div.notic2 ul{padding-left: 35px;padding-top: 20px;line-height:26px;font-size:13px;}
.news_area div.notic1 ul li,
.news_area div.notic2 ul li{background:url(/images/main/bul_notice.gif) no-repeat 0 center;padding-left:10px;}
.news_area div.notic1 a.more,
.news_area div.notic2 a.more{position:absolute;top:25px;right:25px;color:#7e7e7e;}
.news_area div.notic1 a.list,
.news_area div.notic2 a.list{color:#333;width: 86%;text-overflow: ellipsis;white-space: nowrap;display:inline-block;vertical-align:middle;overflow: hidden;}
.news_area div.notic1 a.list:hover,
.news_area div.notic2 a.list:hover{font-family:NBGB; text-decoration:none;}
.news_area div.notic1 span.new,
.news_area div.notic2 span.new{display:inline-block;height:12px;vertical-align:middle;padding-left:5px;}

.quick_area	{}
.quick_area > div	{width:50%;float:left;display:inline-block;background-size:30%;padding: 35px 0 25px 0;box-sizing:border-box;height:195px;}
.quick_area .quick_01	{background: #c5e2df url(/images/main/bg_q01.gif) no-repeat 90% 82%;}
.quick_area .quick_02	{background: #fff url(/images/main/bg_q02.gif) no-repeat 91% 85%;}
.quick_area .quick_03	{background: #fff url(/images/main/bg_q03.gif) no-repeat 90% 84%;}
.quick_area .quick_04	{background:#595959 url(/images/main/bg_main_banner4.gif) no-repeat 0 0;background-size:100% 100%;}
.quick_area h3	{font-size: 18px;color:#333; font-family:NBGB; padding-left: 35px;}
.quick_area p	{color: #333;font-size: 14px;padding-left: 35px;height:80px;padding-top: 20px;line-height: 20px;}
.quick_area  a	{display:inline-block;padding-left:20px;color:#333;font-size:14px; font-family:NBGB; padding-right:25px;line-height:22px;}
.quick_area  a	{background:url(/images/main/bul_q02.png) right 1px no-repeat;}
.quick_area .quick_04 p,
.quick_area .quick_04 h3	{color:#fff;}
.facebook_area	{
    position: relative;
    width: 33%;
    float: right;
}
.facebook_area h3.tit	{display:block;color:#1d1d1d;font-size:15px; font-family:NBGB; padding:15px 0 15px 10px;}
.facebook_area .sns_body	{padding:20px 20px;font-size:14px;line-height:20px;overflow-y:scroll;overflow-x:hidden;height: 302px;}
.facebook_area .sns_body img {width:100%;margin-top:10px;}
.facebook_area .sns_body a {margin-top:10px;display:inline-block;color:#7e7e7e;}
.facebook_area a.btn_face	{position:absolute;top:0px;right: 0;}
.facebook_area a.btn_tw	{position:absolute;top:0px;right:0px;}

/* ------------ //contents ------------ */

 @media (max-width:1300px){
 .subContents {width:auto;}
 .ico_area, .news_area, .quick_area {position: relative;max-width: 68%;margin-left: 0;float: left;box-sizing: border-box;}
 .news_area div.notic1 h3.board_tit, .news_area div.notic2 h3.board_tit,
 .news_area div.notic1 ul, .news_area div.notic2 ul,
 .quick_area h3,.quick_area p {padding-left:20px;}
 .quick_area > div {height: 175px;}
}
 @media (max-width:1000px){
 .subContents {width:auto;border-left: 1px solid #efefef; }
 .ico_area {max-width:100%;width: 100%;}
.news_area, .quick_area {position: relative;max-width: 60%;margin-left: 0;float: left;box-sizing: border-box;}
.news_area div.notic1, .news_area div.notic2 {width:100%;padding-bottom:15px;}
 .event_banner {position:relative;float: right;width: 40%;}
 .facebook_area {float:right;top:auto;width: 40%;}
 .quick_area > div {background-size: 38% !important;padding: 19px 0;background-position: center 90% !important;height: 146px;}
 .quick_area p {display:none;}
 .quick_area h3 {padding:0 15px;text-align:center;font-size:16px;}
 .quick_area .quick_04 {background-size:100% !important;}
 .news_area div.notic1 {background:#fafafa;}
 .facebook_area h3.tit {font-size:12px;}
 .news_area div.notic1 ul, .news_area div.notic2 ul {padding:10px 15px 0 15px;}
 .news_area div.notic1 h3.board_tit, .news_area div.notic2 h3.board_tit {padding-left:15px;}
}


@media (max-width:570px){
	.ico_area .ico_menu {font-size:13px;}
}
@media (max-width:410px){
	.ico_area .ico_menu {font-size:13px;}
	.news_area, .quick_area, .event_banner, .ico_area ul {max-width:100%;width:100%;}
	.facebook_area {width:100%;overflow: hidden;float:none;max-width:100%;}
}

.sssmobile .subContents_area {padding:0 !important;margin:0;}
.sssmobile .subContents,.mobile .subContents {padding-top:0 !important;}
.tablet .subContents_area {padding-right:0 !important;}


/* 201510 박금희 추가작업 시작 */
#contents:after{content:""; display:block; clear:both;}
.mainContents{float:right; width:1204px; border-left: 1px solid #002b68;}

.mVis{position:relative; z-index:10;}
#mBanner01{width:100%; height:auto;}
#mBanner01 li{display:none;}
#mBanner01 img{width:100%;}

#mBanner01 .textCon{position:absolute; z-index:100; left:5%; top:65%;  padding-left:55px; background:url(/images/main/icon_mVis01.png) no-repeat 0 50%;}
#mBanner01 .textCon em{display:inline-block; font-size:15px; font-weight:bold; color:#1f1f1f; width:115px; line-height:1.5em;}
#mBanner01 .textCon span{display:inline-block; padding-left:10px; color:#0167a2; font-size:14px; background:url(/images/main/bullet_mVisTextCon.gif) no-repeat 0 50%;}
.mVis .btnDot01 a{float:left; display:block; height:16px; width:16px; margin-left:3px; background:url(/images/main/btn_visDot.png) no-repeat 0 0; text-indent:-10000em; overflow:hidden;}
.mVis .btnDot01 a.selected{background:url(/images/main/btn_visDot_on.png) no-repeat 0 0;}

.controlZone{position:absolute; z-index:30; right:20px; top:20px;}
.controlZone *{float:left; vertical-align:middle; margin-left:2px;}
.controlZone .btn_con{width:12px;}

#mConArea .con01{height:205px;}
#mConArea .con01:after{content:""; display:block; clear:both;}
#mConArea h3{padding-left:30px; margin-bottom:15px; font-size:19px; font-family:NBG;  line-height:1.4em; font-family:NBGB; }
#mConArea .mCon{padding:30px 0;}
#mConArea .con01 .mainSrch{float:left; width:804px; min-height:86px; background:#e8eef4;}
.mainSrch .srchBox{position:relative; width:90%; height:48px; margin-left:30px; background:url(/images/main/bg_mainSrchBox.gif) no-repeat 63px 0;}
.mainSrch span.w{display:inline-block; width:60px; font-size:20px; text-align:center; line-height:45px;}
.mainSrch .srchBox .inpSrch{display:inline-block; margin-left:15px; width:70%; height:25px; border:0;font-size:15px;font-weight:bold;}
.mainSrch .srchBox .btnSrch{position:absolute; right:0; top:0;}

#mConArea .con01 .notice{float:left; background:#f9f9f9; padding:25px 0 0 0; width:804px; height:176px;}
#mConArea .con01 .notice ul{margin-left:30px;}
#mConArea .con01 .notice ul li{padding-left:10px; width:90%; background:url(/images/main/bul_notice.gif) no-repeat 0 50%; height:22px;}
#mConArea .con01 .notice ul li *{vertical-align:middle;}
#mConArea .con01 .notice ul li a{display:inline-block; color:#333; line-height:22px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal; width: 80%; word-break:break-all;}


#mConArea .con01 .rightBann{float:right; width:400px; height:206px; background:#fdfdfd url(/images/main/bg_mCon02.gif) no-repeat 35% 50%;}
#mConArea .con01 .rightBann a.link01{position:absolute; display:inline-block; width:400px; padding-bottom:55px;}
#mConArea .con01 .rightBann a.link02{display:inline-block; width:100%; height:100%;}
#mConArea .con01 .rightBann span.percent{position:absolute; display:inline-block; left:11%; top:40%; width:80px; line-height:52px; letter-spacing:-0.1em; text-align:Center; margin-left:0; display:inline-block; font-size:30px; font-weight:800; color:#1374a1;}
#mConArea .con01 .rightBann span.percent em{font-size:50px; margin-right:3px;}
#mConArea .con01 .rightBann span.date{display:inline-block; margin:130px 0 0 163px; color:#888888; font-size:13px;}

#mConArea .con02{height:533px;}
#mConArea .con02 .conBox:after{content:""; display:block; clear:both;}
#mConArea .con02 .leftCon{float:left; width:804px;}
#mConArea .con02 .leftCon .more a{position:absolute; top:30px; right:30px;color:#888; font-size:11px; text-decoration:none;}
#mConArea .con02 .leftCon .mCon{position:relative; width:50%; height:137px; float:left;}
#mConArea .con02 .mainSrch{float:left; width:804px; min-height:86px; background:#1d93ac;}
#mConArea .con02 .mainSrch h3{color:#fff;}
#mConArea .con02 .mainSrch .srchBox{position:relative; width:85%; height:48px; margin:40px 0 0 30px; background:url(/images/main/bg_mainSrchBox.gif) no-repeat 63px 0;}
#mConArea .con02 .mainSrch span.w{display:inline-block; width:60px; font-size:20px;color:#fff; text-align:center; line-height:45px;}
#mConArea .con02 .mainSrch .srchBox .inpSrch{display:inline-block; margin-left:15px; width:55%; height:25px; border:0;font-size:15px;font-weight:bold;color:#333;}
#mConArea .con02 .mainSrch .srchBox .btnSrch{position:absolute;right:0;top:0;}
#mConArea .con02 .mainSrch .srchBox #vdq_btn{display:block;position:absolute;right:0;top:0;width:74px;height:48px;font-size:14px;color:#fff;line-height:48px;text-align:center;background:#125a69;}
#mConArea .con02 .leftCon .notice{background:#f9f9f9; border:1px solid red;}
#mConArea .con02 .leftCon .notice ul{margin-left:30px;}
#mConArea .con02 .leftCon .notice ul li{padding-left:10px; width:90%; background:url(/images/main/bul_notice.gif) no-repeat 0 50%; height:22px;}
#mConArea .con02 .leftCon .notice ul li *{vertical-align:middle;}
#mConArea .con02 .leftCon .notice ul li a{display:inline-block; color:#333; line-height:22px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal; width: 80%; word-break:break-all;}
#mConArea .con02 .leftCon .testIPv6{background:#e0ecf0 url(/images/main/bg_mCon04.png) no-repeat 90% 90%;}
#mConArea .con02 .leftCon .quickGo a{display:inline-block;padding:15px 30px;color:#888; font-size:11px; text-decoration:none;}
#mConArea .con02 .leftCon a.quickGo{display:block; padding:15px 30px;color:#888; font-size:11px; text-decoration:none;}
#mConArea .con02 .leftCon .self_diagnosis{background:url(/images/main/bg_mCon05.jpg) no-repeat 0 0;}
#mConArea .con02 .leftCon .self_diagnosis span{display:inline-block; padding:0 30px; font-size:13px; color:#555; line-height:1.4em;}
#mConArea .con02 .leftCon .consultingTestBed{background:#e0ecf0 url(/images/main/bg_mCon05.png) no-repeat 90% 80%;}
#mConArea .con02 .leftCon .consultingTestBed span{display:inline-block; padding:0 30px; font-size:13px; color:#555; line-height:1.4em;}
#mConArea .con02 .leftCon .guidLine{background:#83b439 url(/images/main/bg_mCon06.png) no-repeat  90% 90%;}
#mConArea .con02 .leftCon .guidLine span{display:inline-block; padding:0 30px; font-size:13px; color:#fff; line-height:1.4em;}
#mConArea .con02 .leftCon .guidLine h3{color:#fff;}
#mConArea .con02 .leftCon .guidLine a.quickGo{display:block; padding:15px 30px;color:#fff; font-size:11px; text-decoration:none;}
#mConArea .con02 .leftCon .quickIcon:after{content:""; display:block; clear:both;}
#mConArea .con02 .leftCon .quickIcon ul li{float:left; width:19.5%; margin:5% 0; border-left:1px solid #e8e7e6; text-align:center;}
#mConArea .con02 .leftCon .quickIcon ul li:first-child{border-left:0;}
#mConArea .con02 .leftCon .quickIcon ul li a{display:inline-block; min-width:65px; padding-top:65px; font-size:15px; color:#141414; text-align:center; text-decoration:none; line-height:1.2em;}
#mConArea .con02 .leftCon .quickIcon ul li a.icon01{background:url(/images/main/icon_mCon07_01.jpg) no-repeat 50% 0;}
#mConArea .con02 .leftCon .quickIcon ul li a.icon02{background:url(/images/main/icon_mCon07_02.jpg) no-repeat 50% 0;}
#mConArea .con02 .leftCon .quickIcon ul li a.icon03{background:url(/images/main/icon_mCon07_03.jpg) no-repeat 50% 0;}
#mConArea .con02 .leftCon .quickIcon ul li a.icon04{background:url(/images/main/icon_mCon07_04.jpg) no-repeat 50% 0;}
#mConArea .con02 .leftCon .quickIcon ul li a.icon05{background:url(/images/main/icon_mCon07_05.jpg) no-repeat 50% 0;}


#mConArea .con02 .rightCon{float:right;}
#mConArea .con02 .rightCon .rightPop{position:relative;height:394px;}
#mConArea .con02 .rightCon .rightPop #mBanner02 li a img{width:100%; height:auto;}
#mConArea .con02 .rightCon .rightPop .btn_control{position:absolute; top:20px; right:20px;}
#mConArea .con02 .rightCon .rightPop .btn_control a{float:left; margin-left:2px;}
#mConArea .con02 .rightCon .rightBott{position:relative; width:400px; background:#f5f5f5;}
#mConArea .con02 .rightCon .rightBott ul{padding:10px 0 0 30px; word-break:break-all;}
#mConArea .con02 .rightCon .rightBott ul li{padding-left:7px; margin-bottom:8px; background:url(/images/main/bul_notice.gif) no-repeat 0 8px;}
#mConArea .con02 .rightCon .rightBott ul li *{vertical-align:middle;}
#mConArea .con02 .rightCon .rightBott ul li a{display:inline-block; color:#4aae87; font-family:NBGB; line-height:1.1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width:130px;}
#mConArea .con02 .rightCon .rightBott ul li span.midd{display:inline-block; padding-left:8px; margin-left:5px; background:url(/images/main/bg_IPdiv.gif) no-repeat 0 50%; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width:120px;}
#mConArea .con02 .rightCon .rightBott ul li span.last{display:inline-block; padding-left:8px; margin-left:5px; background:url(/images/main/bg_IPdiv.gif) no-repeat 0 50%; color:#a3a3a3;font-size:11px; width:80px;}
#mConArea .con02 .rightCon .rightBott .more a{position:absolute; right:30px; top:30px; color:#888; font-size:11px; text-decoration:none;}

.web_v2 .mainContents{width:800px;}
.web_v2 #mConArea .con01{width:100%;}
.web_v2 #mConArea .con01 .notice{width:66%;}
.web_v2 #mConArea .con01 .mainSrch{width:66%;}
.web_v2 #mConArea .con01 .mainSrch .srchBox{margin-left:25px;}
.web_v2 #mConArea .con01 .rightBann{width:34%; height:206px; background:#fdfdfd url(/images/main/bg_mCon02_s.gif) no-repeat 35% 50%;}
.web_v2 #mConArea .con01 .rightBann a{position:relative; width:100%;}
.web_v2 #mConArea .con01 .rightBann span.percent{left:10%; top:40%; font-size:25px; width:55px; line-height:45px;}
.web_v2 #mConArea .con01 .rightBann span.percent em{font-size:27px;}
.web_v2 #mConArea .con01 .rightBann span.date{margin-left:110px;}

.web_v2 #mConArea .con02{width:100%;}
.web_v2 #mConArea .con02 .leftCon{width:66%;}
.web_v2 #mConArea .con02 .leftCon .mCon{width:49.999%;}
.web_v2 #mConArea .con02 .mainSrch span.w{position:absolute; left:0; top:-40px;}
.web_v2 #mConArea .con02 .mainSrch .srchBox{width:85%; background: url("/images/main/bg_mainSrchBox.gif") no-repeat scroll 0 0; margin: 60px 0 0 20px;}
.web_v2 #mConArea .con02 .mainSrch .srchBox .inpSrch{margin:10px 0 0 10px;}
.web_v2 #mConArea .con02 .leftCon .guidLine{background-size:40%;}
.web_v2 #mConArea .con02 .leftCon .consultingTestBed{background-size:auto 70%;}

.web_v2 #mConArea .con02 .rightCon{width:34%;}
.web_v2 #mConArea .con02 .rightCon .rightBott{width:100%; height:auto;}
.web_v2 #mConArea .con02 .rightCon .rightBott ul{padding-top:20px;}
.web_v2 #mConArea .con02 .rightCon .rightBott ul li{margin-bottom:20px; line-height:1.5em;}
.web_v2 #mConArea .con02 .rightCon .rightBott .more a{top:80px;}
.web_v2 #mConArea .con02 .rightCon .rightBott ul li a{width:200px;}


.tablet #wrap{width:100%;}
.tablet .mainContents{float:left; width:80%;}
.tablet #mConArea .mCon h3{padding-left:20px;}
.tablet #mConArea .con01{width:100%; height:185px;}
.tablet #mConArea .con01 .mCon{padding:20px 0;}
.tablet #mConArea .con01 .notice{width:66%;}
.tablet #mConArea .con01 .mainSrch{width:66%;}
.tablet #mConArea .con01 .mainSrch .srchBox{margin-left:25px;}
.tablet #mConArea .con01 .mainSrch .inpSrch{width:55%;}
.tablet #mConArea .con01 .rightBann{width:33.95%; height:185px; background:#fdfdfd url(/images/main/bg_mCon02_txt.gif) no-repeat 90% 50%; background-size:50%;}
.tablet #mConArea .con01 .rightBann span.percent a{display:inline-block; width:100%;}
.tablet #mConArea .con01 .rightBann span.percent{left:4%; top:28%; font-size:20px; line-height:70px; width:70px; height:70px;background:url(/images/main/bg_mCon02_circle.gif) no-repeat 0 0; background-size:100%;}
.tablet #mConArea .con01 .rightBann span.percent em{font-size:23px;}
.tablet #mConArea .con01 .rightBann span.date{margin:120px 0 0 120px;}

.tablet #mConArea .con02{width:100%;}
.tablet #mConArea .con02 .leftCon{width:66%;}
.tablet #mConArea .con02 .leftCon .mCon{width:49.999%; padding:20px 0;}
.tablet #mConArea .con02 .leftCon .notice ul{margin-left:20px;}
.tablet #mConArea .con02 .leftCon .notice ul li a{width:70%;}
.tablet #mConArea .con02 .mainSrch span.w{position:absolute; left:0; top:-40px;}
.tablet #mConArea .con02 .mainSrch .srchBox{width:85%; background: url("/images/main/bg_mainSrchBox.gif") no-repeat scroll 0 0; margin: 60px 0 0 15px;}
.tablet #mConArea .con02 .mainSrch .srchBox .inpSrch{margin:10px 0 0 10px;}
.tablet #mConArea .con02 .leftCon .testIPv6{background-size:60%;}
.tablet #mConArea .con02 .leftCon .self_diagnosis span{padding:0 0 0 20px;}
.tablet #mConArea .con02 .leftCon .consultingTestBed{background-size:40%;}
.tablet #mConArea .con02 .leftCon .consultingTestBed span{padding:0 0 0 20px;}
.tablet #mConArea .con02 .leftCon .guidLine{background-size:40%;}
.tablet #mConArea .con02 .leftCon .guidLine span{padding:0 0 0 20px;}
.tablet #mConArea .con02 .leftCon .quickGo{padding-left:20px;}

.tablet #mConArea .con02 .rightCon{float:left; width:33.95%;}
.tablet #mConArea .con02 .rightCon .rightPop .btn_control{right:15px; top:15px;}
.tablet #mConArea .con02 .rightCon .rightBott{width:100%; height:auto;}
.tablet #mConArea .con02 .rightCon .rightBott ul{padding:10px 0 0 20px;}
.tablet #mConArea .con02 .rightCon .rightBott ul li{margin-bottom:20px; line-height:1.5em;}
.tablet #mConArea .con02 .rightCon .rightBott .more a{top:80px;}
.tablet #mConArea .con02 .rightCon .rightBott ul li a{width:80%;}

.mobile #wrap{width:100%;}
.mobile .mainContents{float:none; width:100%;}
.mobile #mConArea .mCon{padding:20px 0;}
.mobile #mConArea .mCon h3{padding-left:20px;}
.mobile #mConArea .con01{width:100%; height:185px;}
.mobile #mConArea .con01 .notice{width:66%;}
.mobile #mConArea .con01 .mainSrch{width:66%;}
.mobile #mConArea .con01 .mainSrch .srchBox{margin-left:25px; width:85%;}
.mobile #mConArea .con01 .mainSrch .inpSrch{width:55%;}
.mobile #mConArea .con01 .rightBann{width:34%; height:185px; background:#fdfdfd url(/images/main/bg_mCon02_txt.gif) no-repeat 80% 50%; background-size:50%;}
.mobile #mConArea .con01 .rightBann a.link01{padding-bottom:40px;}
.mobile #mConArea .con01 .rightBann span.percent{display:inline-block; left:5%; top:33%; font-size:20px; line-height:50px; width:50px; height:50px; font-size:12px;background:url(/images/main/bg_mCon02_circle.gif) no-repeat 0 0; background-size:100%;}
.mobile #mConArea .con01 .rightBann span.percent em{font-size:18px;}
.mobile #mConArea .con01 .rightBann span.date{margin-left:110px;}

.mobile #mConArea .con02{width:100%;}
.mobile #mConArea .con02 .leftCon{width:66%;}
.mobile #mConArea .con02 .leftCon .mCon{width:49.999%; padding:20px 0;}
.mobile #mConArea .con02 .mainSrch span.w{position:absolute; left:0; top:-40px;}
.mobile #mConArea .con02 .mainSrch .srchBox{width:85%; background: url("/images/main/bg_mainSrchBox.gif") no-repeat scroll 0 0; margin: 60px 0 0 15px;}
.mobile #mConArea .con02 .mainSrch .srchBox .inpSrch{margin:10px 0 0 10px;}
.mobile #mConArea .con02 .leftCon .notice ul{margin-left:20px;}
.mobile #mConArea .con02 .leftCon .notice ul li a{width:70%;}
.mobile #mConArea .con02 .leftCon .testIPv6{background-size:60%;}
.mobile #mConArea .con02 .leftCon .self_diagnosis span{padding:0 0 0 20px; font-size:12px;}
.mobile #mConArea .con02 .leftCon .consultingTestBed span{padding:0 0 0 20px; font-size:12px;}
.mobile #mConArea .con02 .leftCon .guidLine{background-size:40%;}
.mobile #mConArea .con02 .leftCon .guidLine span{padding:0 0 0 20px; font-size:12px;}
.mobile #mConArea .con02 .leftCon .quickGo{padding-left:20px;}

.mobile #mConArea .con02 .rightCon{width:34%;}
.mobile #mConArea .con02 .rightCon .rightBott{width:100%; height:auto;}
.mobile #mConArea .con02 .rightCon .rightBott ul{padding:20px 0 0 20px;}
.mobile #mConArea .con02 .rightCon .rightBott ul li{margin-bottom:10px; line-height:1.5em;}
.mobile #mConArea .con02 .rightCon .rightBott .more a{top:55px;}
.mobile #mConArea .con02 .rightCon .rightBott ul li a{width:80%;}


.smobile #wrap{width:100%;}
.smobile .mainContents{float:none; width:100%;border-left:0px none;}
.smobile #mBanner01 .textCon{padding-left:0; background:none;}
.smobile #mBanner01 .textCon em{font-size:12px; line-height:.4em; width:90px;}
.smobile #mBanner01 .textCon span{font-size:12px; line-height:.4em;}
.smobile .mVis .controlZone{top:10px; right:10px;}
.smobile #mConArea .mCon{padding:20px 0;}
.smobile #mConArea .mCon h3{padding-left:20px;}
.smobile #mConArea .con01{width:100%;height:auto;}
.smobile #mConArea .con01>div{float:none; width:100%;}
.smobile #mConArea .con01 .mainSrch{min-height:70px;}
.smobile #mConArea .con01 .mainSrch span.w{line-height:30px;}
.smobile #mConArea .con01 .mainSrch .srchBox{width:85%;margin-left:20px; height:20px; overflow:hidden;}
.smobile #mConArea .con01 .mainSrch .inpSrch{width:50%; margin:-10px 0 0 5px;}
.smobile #mConArea .con01 .mainSrch .btnSrch{margin-top:-8px;}
.smobile #mConArea .con01 .rightBann{width:100%; height:170px; background:url(/images/main/bg_mCon02_txt.gif) no-repeat 50% 50%;}
.smobile #mConArea .con01 .rightBann a{width:100%;}
.smobile #mConArea .con01 .rightBann a.link01{padding-bottom:40px;}
.smobile #mConArea .con01 .rightBann span.percent{left:50%; top:25%; margin-left:-160px; font-size:20px; line-height:80px; width:80px; height:80px; text-align:center;;background:url(/images/main/bg_mCon02_circle.gif) no-repeat 0 0;}
.smobile #mConArea .con01 .rightBann span.percent em{font-size:30px;}
.smobile #mConArea .con01 .rightBann span.date{margin:115px 0 0 70%;}

.smobile #mConArea .con02{width:100%;}
.smobile #mConArea .con02 .leftCon{float:none; width:100%;}
.smobile #mConArea .con02 .leftCon .mCon{width:49.999%; padding:20px 0;}
.smobile #mConArea .con02 .mainSrch span.w{position:absolute; left:0; top:-40px;}
.smobile #mConArea .con02 .mainSrch .srchBox{width:85%; background: url("/images/main/bg_mainSrchBox.gif") no-repeat scroll 0 0; margin: 60px 0 0 15px;}
.smobile #mConArea .con02 .mainSrch .srchBox .inpSrch{margin:10px 0 0 10px;}
.smobile #mConArea .con02 .leftCon .notice ul{margin-left:20px;}
.smobile #mConArea .con02 .leftCon .notice ul li a{width:70%;}
.smobile #mConArea .con02 .leftCon .notice .more a{top:30px; right:15px;}
.smobile #mConArea .con02 .leftCon .testIPv6{background-size:60%;}
.smobile #mConArea .con02 .leftCon .self_diagnosis span{padding:0 0 0 20px; font-size:12px;}
.smobile #mConArea .con02 .leftCon .consultingTestBed{background-size:40%;}
.smobile #mConArea .con02 .leftCon .consultingTestBed span{padding:0 0 0 20px; font-size:12px;}
.smobile #mConArea .con02 .leftCon .guidLine{background-size:40%;}
.smobile #mConArea .con02 .leftCon .guidLine span{padding:0 0 0 20px; font-size:12px;}
.smobile #mConArea .con02 .leftCon .quickGo{padding-left:20px;}

.smobile #mConArea .con02 .rightCon{float:none;width:100%;}
.smobile #mConArea .con02 .rightCon .rightPop p a{left:0; top:0;}
.smobile #mConArea .con02 .rightCon .rightBott{width:100%; height:auto;}
.smobile #mConArea .con02 .rightCon .rightBott ul{padding:20px 0 0 20px;}
.smobile #mConArea .con02 .rightCon .rightBott ul li{margin-bottom:10px; line-height:1.5em;}
.smobile #mConArea .con02 .rightCon .rightBott .more a{top:27px; right:20px;}
.smobile #mConArea .con02 .rightCon .rightBott ul li a{width:90%;}

.ssmobile #wrap{width:100%;}
.ssmobile .mainContents{float:none; width:100%;border-left:0px none;}
.ssmobile #mBanner01 .textCon{display:none;}
.ssmobile .mVis .controlZone{top:10px; right:10px;}
.ssmobile #mConArea .mCon{padding:20px 0;}
.ssmobile #mConArea .mCon h3{padding-left:20px;}
.ssmobile #mConArea .con01{width:100%;height:auto;}
.ssmobile #mConArea .con01>div{float:none; width:100%;}
.ssmobile #mConArea .con01 .mainSrch{min-height:70px;}
.ssmobile #mConArea .con01 .mainSrch span.w{line-height:30px;}
.ssmobile #mConArea .con01 .mainSrch .srchBox{width:85%;margin-left:20px; height:30px; overflow:hidden;}
.ssmobile #mConArea .con01 .mainSrch .inpSrch{width:50%; margin:-10px 0 0 5px;}
.ssmobile #mConArea .con01 .mainSrch .btnSrch{margin-top:-8px;}
.ssmobile #mConArea .con01 .rightBann{width:100%; height:126px; background:#fdfdfd url(/images/main/bg_mCon02_txt.gif) no-repeat 50% 50%;}
.ssmobile #mConArea .con01 .rightBann a{width:100%;}
.ssmobile #mConArea .con01 .rightBann span.percent{left:50%; top:15%; margin-left:-150px; font-size:20px; line-height:80px; width:80px; height:80px; text-align:center;;background:url(/images/main/bg_mCon02_circle.gif) no-repeat 0 0;}
.ssmobile #mConArea .con01 .rightBann span.percent em{font-size:30px;}
.ssmobile #mConArea .con01 .rightBann span.date{margin:85px 0 0 70%;}

.ssmobile #mConArea .con02{width:100%;}
.ssmobile #mConArea .con02 .leftCon{float:none; width:100%;}
.ssmobile #mConArea .con02 .leftCon .mCon{width:49.999%; padding:20px 0;}
.ssmobile #mConArea .con02 .mainSrch span.w{position:absolute; left:0; top:-40px;}
.ssmobile #mConArea .con02 .mainSrch .srchBox{width:85%; background: url("/images/main/bg_mainSrchBox.gif") no-repeat scroll 0 0; margin: 45px 0 0 15px;}
.ssmobile #mConArea .con02 .mainSrch .srchBox .inpSrch{margin:10px 0 0 10px;}
.ssmobile #mConArea .con02 .leftCon .notice ul{margin-left:20px;}
.ssmobile #mConArea .con02 .leftCon .notice ul li a{width:70%;}
.ssmobile #mConArea .con02 .leftCon .notice .more a{top:30px; right:15px;}
.ssmobile #mConArea .con02 .leftCon .testIPv6{background-size:60%;}
.ssmobile #mConArea .con02 .leftCon .guidLine{background-size:40%;}

.ssmobile #mConArea .con02 .rightCon{float:none;width:100%;}
.ssmobile #mConArea .con02 .rightCon .rightPop p a{left:0; top:0;}
.ssmobile #mConArea .con02 .rightCon .rightBott{width:100%; height:auto;}
.ssmobile #mConArea .con02 .rightCon .rightBott ul{padding:20px 0 0 20px;}
.ssmobile #mConArea .con02 .rightCon .rightBott ul li{margin-bottom:10px; line-height:1.5em;}
.ssmobile #mConArea .con02 .rightCon .rightBott .more a{top:27px; right:20px;}
.ssmobile #mConArea .con02 .rightCon .rightBott ul li a{width:90%;}

.ssmobile #mConArea h3{font-size:15px;}
.ssmobile .header-area .top_area_in h1{height:auto;}
.ssmobile #mConArea .con02 .leftCon .consultingTestBed span,
.ssmobile #mConArea .con02 .leftCon .guidLine span{padding:0 20px;}
.tablet #mConArea .con02 .rightCon .rightPop,
.smobile #mConArea .con02 .rightCon .rightPop,
.ssmobile #mConArea .con02 .rightCon .rightPop{height:auto;}
.tablet #mConArea .con01 .notice,
.smobile #mConArea .con01 .notice,
.ssmobile #mConArea .con01 .notice{height:auto;}

.btnClose{}

/* 201510 박금희 추가작업 끝 */



/* 레이어 팝업창이 보여질 부분 */
.layer_bPopup {
	display: none;
    background:#fff;
    padding: 20px;
    border: 3px solid #1d65ab;
}
.layer_bPopup p.title {margin-bottom:20px;text-align:left;padding-top:10px;font-size:20px;letter-spacing:-1px;font-weight:bold;line-height:20px;}
.Btn_bPopup {text-align:center;margin-top:15px;}
.Btn_bPopupCopy {display:inline-block; margin:4px; padding:0 12px;height:30px; text-align:center; line-height:30px; background:#1f72a7; color:#fff; font-size:13px; font-weight:bold; border:1px #146599 solid; }
.Btn_bPopupClose {display:inline-block; padding:0 12px;height:30px; text-align:center; line-height:30px; background:#f2f2f2; color:#686868; font-size:13px; font-weight:bold; border:1px #dedede solid; }