@charset "utf-8";

html{height:100%;}
body{font-size:12px;/* 기본폰트 사이즈 */
	line-height:140%;/* 행간 */
	color:#666; /* 폰트 컬러 */
	margin:0;padding:0;height:100%;font-family:Malgun Gothic, "맑은고딕", sans-serif; /* 폰트스타일 */
}
a:link				{color:#666;text-decoration:none;}
a:hover			{color:#666;text-decoration:underline;}
a:focus			{color:#666;text-decoration:none;}
a:visited			{color:#666;text-decoration:none;}
a:active			{color:#666;text-decoration:none;}
*					{margin:0;padding:0;font-family:Malgun Gothic, "맑은고딕", sans-serif;letter-spacing:-0.05em;}
ul, ol, li			{list-style:none;}
img, input.type-image	{border:none;}
hr					{display:none;}
select				{font-size:1.0em;font-family:Malgun Gothic, "맑은고딕", sans-serif;}
table				{width:100%;border-collapse:collapse;}
caption			{overflow:hidden;width:0;height:0;font-size:0;line-height:0}
textarea			{border:1px solid #c9c9c9;font-family:Malgun Gothic, "맑은고딕", sans-serif;}
input.type-text	{height:15px;padding:2px 2px 0;font-size:1.0em;font-family:Malgun Gothic, "맑은고딕", sans-serif;border:1px solid #d5d5d5;}
input.type-text:focus	{height:15px;padding:2px 2px 0;font-size:1.0em;font-family:Malgun Gothic, "맑은고딕", sans-serif;border:1px solid #a6c8ff;} /* input focus style */
input.type-file	{height:18px;padding:2px 2px 0;font-size:1.0em;font-family:Malgun Gothic, "맑은고딕", sans-serif;border:1px solid #d5d5d5;}
input.type-file:focus	{height:18px;padding:2px 2px 0;font-size:1.0em;font-family:Malgun Gothic, "맑은고딕", sans-serif;border:1px solid #a6c8ff;}

button{cursor:pointer;}

.clfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
.clfix{display:inline-block;}
.clfix{display:block;}
* html .clfix{height:1%;} /* Hides from IE-mac */
.clfix{zoom:1;} /*for IE 5.5-7*/

#accessibility{position:absolute;top:0;left:0;right:0;z-index:200;}
#accessibility a{display:block;position:relative;left:-1px;top:-1px;width:0;height:0;overflow:hidden;text-align:center;white-space:nowrap;}
#accessibility a:focus{color:#fff;display:block;position:relative;left:0;top:0;width:100%;height:39px;line-height:39px;font-size:14px;overflow:hidden;text-align:center;white-space:nowrap;background:#302f34;z-index:999999;}

.hidden{position:absolute;left:-10000px;top:auto;height:1px;overflow:hidden;}
.ir{text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}


/******************************************************************
	HEAD
*******************************************************************/
#head{position:relative;width:100%;min-width:1230px;height:122px;z-index:10000;background:url("/cs/images/common/head_bg_x.gif") repeat-x;}
#div.head_inner{width:100%;height:122px;background:url("/cs/images/thumnail/img_christmas_top.png") no-repeat 50% 0;}
#head h1{position:absolute;left:50%;top:61px;margin:0 0 0 -585px;}
#head div.top_link{padding:3px 0 0 5px;width:1180px;margin:0 auto 5px;}
#head div.top_link ul{width:224px;overflow:hidden;/*background:url("/cs/images/common/toplink_bg2.gif") no-repeat 85px 4px;*/}
#head div.top_link ul li{float:left;}
#head div.top_link ul li a{color:#7d7d7d;letter-spacing:-1px;font-size:12px;padding:6px 10px 8px 10px;display:inline-block;}
#head div.top_link ul li.tlink1 a{color:#9f9f9f;padding:6px 15px 8px 0;background:url("/cs/images/common/toplink_bg1.gif") no-repeat 100% 55%;}
#head div.top_link ul li.tlink2 a{padding:6px 0 8px 12px;}
#head div.top_link ul li.tlink3 a{color:#9f9f9f;width:44px;padding:6px 0 8px 12px;}
#head div.top_link ul li.tlink4 a{width:55px;padding:6px 0 8px 9px;}
/* 170814 추가 */
#head div.top_link ul li.tlink5 a{display:block;font-size:12px;color:#aaa;padding:0 9px 2px 9px;border:1px solid #595959;margin-top:3px;width:85px;letter-spacing:0;background:url(/biztsweb/images/common/bg_btn_cs.png) no-repeat 88px 8px;line-height:22px;}
#head div.top_link ul li.tlink5 a:hover,
#head div.top_link ul li.tlink5 a:focus{background-position:88px -12px;color:#fff;text-decoration:none;}
#head div.top_link ul li a strong{color:#fff;font-weight:normal;}
#head div.top_login{text-align:right;margin:0 0 0 115px;position:absolute;left:50%;top:0px;width:480px;height:39px;overflow:hidden;}
#head div.top_login span{margin:0 10px 0 0;color:#adacb6;font-size:14px;line-height:39px;}
#head div.top_login span strong{font-weight:normal;}
#head div.top_login a{font-size:14px;line-height:39px;margin:0;color:#fff;padding:0 10px;background:url(/cs/images/common/toplink_bg1.gif) no-repeat 0 60%;}
#head div.top_login a:first-child{background:none;}
/* 로그인 / 로그아웃
-------------------------------------------------------------------*/
#head.headLogin{width:100%;min-width:1230px;height:76px;background-position:0 100%;}
#head.headLogin h1{top:19px;left:50%;margin:0 0 0 -590px;}
/******************************************************************
	HEAD > GNB
*******************************************************************/
#head #gnb{margin:0 auto;width:950px;}
#head div.navigation{padding:20px 0 0;margin:0 0 0 90px;width:850px;}
#head div.navigation ul.menulist{width:850px;overflow:hidden;}
#head div.navigation ul.menulist li.menu{float:left;}
#head div.navigation ul.menulist li#menu1{width:173px;}
#head div.navigation ul.menulist li#menu2{width:123px;}
#head div.navigation ul.menulist li#menu3{width:123px;}
#head div.navigation ul.menulist li#menu4{width:133px;}
#head div.navigation ul.menulist li#menu5{width:123px;}

#head div.navigation ul.menulist li.menu strong a{text-align:center;letter-spacing:-1px;font-size:18px;color:#ccc;line-height:44px;display:inline-block;width:100%;padding:0 0 20px;}
#head div.navigation ul.menulist li.menu strong a.on{text-decoration:none;color:#fff;background:url("/cs/images/common/bg_menu_on.png") no-repeat 50% 100%;}
#head div.navigation ul.menulist li.menu strong{font-weight:normal;}
div.subnav{display:none;position:absolute;left:0px;top:122px;width:100%;height:439px;padding:0 0 37px;background:#302f34 url("/cs/images/common/subnav_bg_x.gif") repeat-x 50% 100%;z-index:9999999999;border-top:3px solid #ea002c;}
div.subnav fieldset{position:relative;z-index:0;border:none;margin:0 auto;width:975px;padding:0 0 0 225px;background:#fff;}
div.subnav fieldset legend{margin:0 0 0 -600px;font-size:25px;line-height:26px;color:#fff;position:absolute;left:50%;top:0px;padding:31px 0 0 19px;width:189px;height:406px;background:#ea002c;}
.ie7 div.subnav fieldset legend{margin:0 0 0 -607px;}
*+html body div.subnav fieldset legend{margin:0 0 0 -600px;padding:31px 0 0 12px;}
div.subnav p.descript{font-size:16px;position:absolute;left:50%;top:0px;margin:0 0 0 -600px;padding:75px 10px 0 20px;width:178px;color:#fff;line-height:23px;}
div.subnav ul.sublist{margin:0 0 0 -20px;padding:0 0 0 20px;height:437px;overflow:hidden;background:#fff;}
div.subnav ul.sublist>li{padding:20px 20px 0 0;float:left;width:174px;overflow:hidden;}
div.subnav ul.sublist>li>span{letter-spacing:-2px;font-weight:bold;line-height:22px;padding:0 0 10px;margin:0 0 12px;color:#333;font-size:17px;display:block;border-bottom:2px solid #999;}
div.subnav ul.sublist>li>span a{width:172px;padding:0 0 0 2px;display:inline-block;color:#333;background:url("/cs/images/common/icon_gnbArrow.gif") no-repeat 100% 60%;}
div.subnav div.depth3 ul li a{letter-spacing:-2px;border-top:1px solid #ddd;color:#777;width:165px;font-size:14px;line-height:20px;padding:11px 0 11px 10px;display:inline-block;background:url("/cs/images/common/bl_arr_gray.gif") no-repeat 0 18px;}
div.subnav div.depth3 ul li a:hover{color:#ea002c;text-decoration:underline;}
div.subnav div.depth3 ul li:first-child a{border:none;}
div.subnav button.layer_close{margin:0 0 0 -50px;cursor:pointer;position:absolute;left:50%;bottom:1px;color:#898791;border:none;font-size:16px;width:100px;height:39px;padding:0 0 0 28px;background:url("/cs/images/common/icon_layer_close.gif") no-repeat 5px 50%;}
div.subnav p.allMenuLink{text-align:center;}
div.subnav p.allMenuLink a{color:#fff;font-size:16px;line-height:36px;padding:0 0 0 24px;background:url("/cs/images/common/bg_allMenuLink_on.gif") no-repeat 0 50%;}
div.subnav p.allMenuLink a:hover{text-decoration:underline;}
/*
#head div.etc{text-align:right;margin:0 0 0 470px;position:absolute;left:50%;top:39px;width:131px;height:83px;}
*/
#head div.etc #btn_qMenu{text-align:right;margin:0 0 0 468px;position:absolute;left:50%;top:39px;width:131px;height:83px;overflow:hidden;text-indent:-200000px;border-left:1px solid #504f54;border-right:1px solid #504f54;width:60px;height:83px;display:inline-block;background:url("/cs/images/common/icon_Qmenu.png") no-repeat 50% 50%;}
#head div.etc #btn_qMenu span{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
#head div.etc #btn_qMenu.btn_qMenuOn{background:#ea002c url("/cs/images/common/icon_Qmenu.png") no-repeat 50% 50%;}
div.qMenu{display:none;clear:both;position:absolute;left:0;top:122px;width:100%;height:162px;z-index:9999999;background:#302f34;border-top:3px solid #ea002c;}
div.qMenu div.menu{width:1180px;margin:0 auto;}
/*
div.qMenu span{width:180px;height:48px;position:relative;display:block;color:#000;font-size:16px;line-height:48px;vertical-align:top;}
*/
div.qMenu div.menu ul{width:1180px;overflow:hidden;background:#fff;}
div.qMenu div.menu ul li{width:147px;height:122px;float:left;background:url("/cs/images/common/corp_menu_bar.gif") no-repeat 0 29px;}
div.qMenu div.menu ul li:first-child{background:none;}
div.qMenu div.menu ul li a{text-align:center;padding:90px 0 0;width:147px;height:29px;display:inline-block;font-size:15px;color:#777;border-bottom:3px solid #fff;}
div.qMenu div.menu ul li.corp_mn1 a{background:url("/cs/images/common/icon_corp_menu1.png") no-repeat 50% 25px;}
div.qMenu div.menu ul li.corp_mn1 a:hover, div.qMenu div.menu ul li.corp_mn1 a:focus{background:url("/cs/images/common/icon_corp_menu1_on.png") no-repeat 50% 25px;color:#ea002c;border-bottom:3px solid #ea002c;}
div.qMenu div.menu ul li.corp_mn2 a{background:url("/cs/images/common/icon_corp_menu2.png") no-repeat 50% 25px;}
div.qMenu div.menu ul li.corp_mn2 a:hover, div.qMenu div.menu ul li.corp_mn2 a:focus{background:url("/cs/images/common/icon_corp_menu2_on.png") no-repeat 50% 25px;color:#ea002c;border-bottom:3px solid #ea002c;}
div.qMenu div.menu ul li.corp_mn3 a{background:url("/cs/images/common/icon_corp_menu3.png") no-repeat 50% 25px;}
div.qMenu div.menu ul li.corp_mn3 a:hover, div.qMenu div.menu ul li.corp_mn3 a:focus{background:url("/cs/images/common/icon_corp_menu3_on.png") no-repeat 50% 25px;color:#ea002c;border-bottom:3px solid #ea002c;}
div.qMenu div.menu ul li.corp_mn4 a{background:url("/cs/images/common/icon_corp_menu4.png") no-repeat 50% 25px;}
div.qMenu div.menu ul li.corp_mn4 a:hover, div.qMenu div.menu ul li.corp_mn4 a:focus{background:url("/cs/images/common/icon_corp_menu4_on.png") no-repeat 50% 25px;color:#ea002c;border-bottom:3px solid #ea002c;}
div.qMenu div.menu ul li.corp_mn5 a{background:url("/cs/images/common/icon_corp_menu5.png") no-repeat 50% 25px;}
div.qMenu div.menu ul li.corp_mn5 a:hover, div.qMenu div.menu ul li.corp_mn5 a:focus {background:url("/cs/images/common/icon_corp_menu5_on.png") no-repeat 50% 25px;color:#ea002c;border-bottom:3px solid #ea002c;}
div.qMenu div.menu ul li.corp_mn6 a{background:url("/cs/images/common/icon_corp_menu6.png") no-repeat 50% 25px;}
div.qMenu div.menu ul li.corp_mn6 a:hover, div.qMenu div.menu ul li.corp_mn6 a:focus{background:url("/cs/images/common/icon_corp_menu6_on.png") no-repeat 50% 25px;color:#ea002c;border-bottom:3px solid #ea002c;}
div.qMenu div.menu ul li.corp_mn7 a{background:url("/cs/images/common/icon_corp_menu7.png") no-repeat 50% 25px;}
div.qMenu div.menu ul li.corp_mn7 a:hover, div.qMenu div.menu ul li.corp_mn7 a:focus{background:url("/cs/images/common/icon_corp_menu7_on.png") no-repeat 50% 25px;color:#ea002c;border-bottom:3px solid #ea002c;}
div.qMenu div.menu ul li.corp_mn8 a{background:url("/cs/images/common/icon_corp_menu8.png") no-repeat 50% 25px;}
div.qMenu div.menu ul li.corp_mn8 a:hover, div.qMenu div.menu ul li.corp_mn8 a:focus{background:url("/cs/images/common/icon_corp_menu8_on.png") no-repeat 50% 25px;color:#ea002c;border-bottom:3px solid #ea002c;}
div.qMenu button.layer_close{width:65px;border:none;position:absolute;left:50%;top:122px;color:#fff;font-size:16px;line-height:40px;padding:0 0 0 20px;margin:0 0 0 -35px;background:url("/cs/images/common/icon_search_close_hover.gif") no-repeat 0 50%;}
div.qMenu button.layer_close:hover span{text-decoration:underline;}
#head div.etc #btn_search{position:absolute;left:50%;top:39px;margin:0 0 0 529px;display:inline-block;border:none;border-left:1px solid #504f54;border-right:1px solid #504f54;width:60px;height:83px;text-indent:-2000px;cursor:pointer;overflow:hidden;background:url("/cs/images/common/icon_top_search.png") no-repeat 50% 50%;}
#head div.etc #btn_search span{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
#head div.etc #btn_search.on{background:#ea002c url("/cs/images/common/icon_top_search.png") no-repeat 50% 50%;}
#top_search{display:none;clear:both;width:100%;height:144px;position:absolute;left:0;top:122px;z-index:99999;background:#302f34;border-top:3px solid #ea002c;}
#top_search div.container{margin:0 auto;width:1180px;height:102px;position:relative;background:#fff;z-index:99999999;}
#top_search div.container fieldset{border:none;}
#top_search div.container fieldset legend{width:151px;height:60px;background:#757575;color:#fff;font-size:20px;position:absolute;left:0px;top:0px;display:block;padding:42px 0 0 63px;}
#top_search p.input{position:absolute;left:255px;top:19px;width:553px;height:43px;}
#top_search p.input label{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
#top_search p.input input{color:#777;padding:0 25px;width:503px;height:41px;font-size:19px;line-height:120%;font-weight:bold;border:none;border-bottom:2px solid #b0b0b0;}
#top_search dl.text{position:absolute;left:255px;top:72px;width:553px;height:23px;}
#top_search dl.text dt{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
#top_search dl.text dd{padding:0 0 0 30px;font-size:14px;}
#top_search button.layer_close{margin:0 0 0 -35px;width:65px;border:none;position:absolute;left:50%;top:112px;color:#fff;font-size:16px;line-height:24px;padding:0 0 0 20px;background:url("/cs/images/common/icon_search_close_hover.gif") no-repeat 0 50%;}
#top_search button.layer_close:hover span{text-decoration:underline;}
/* 검색영역 수정
---------------------------------------------------------------------------------------------*/
#top_search .box_searchTop{text-align:left;position:absolute;left:350px;top:15px;width:530px;height:43px;}
#top_search .box_searchTop .searchInput{color:#777;padding:0 35px 0 15px;width:400px;height:41px;font-size:19px;line-height:120%;font-weight:bold;border:none;border-bottom:2px solid #b0b0b0;}
#top_search .recommendWordTop{text-align:left;position:absolute;left:350px;top:65px;width:553px;height:43px;line-height:26px;}
#top_search .recommendWordTop *{vertical-align:middle;}
#top_search .recommendWordTop a{margin:0 0 0 5px;display:inline-block;color:#848484;font-size:16px;}
#top_search .box_searchTop .btn_autoComplete{position:absolute;z-index:1;left:410px;top:0;display:block;width:37px;height:37px;background:url("/cs/images/common/btn_autoInfo_open.png") no-repeat 50% 50%;}
#top_search .box_searchTop .btn_autoComplete.on{background:url("/cs/images/common/btn_autoInfo_close.png") no-repeat 50% 50%;}
#top_search .box_searchTop .layer_autoComplete span{display:none;position:absolute;z-index:2;left:410px;top:46px;width:178px;height:31px;background:#434159;color:#fff;font-size:16px;text-align:center;line-height:31px;}
#top_search .box_searchTop .layer_autoComplete span em{position:absolute;z-index:0;left:14px;top:-8px;width:15px;height:8px;background:url("/cs/images/search/bg_autoInfo.png") no-repeat 0 0;}
#top_search .box_searchTop .layer_autoComplete.on span.on{display:block;}
#top_search .box_searchTop .keywordList{display:none;position:absolute;z-index:1;left:0;top:40px;width:450px;border-top:3px solid #ea002c;background:#fff;}
#top_search .box_searchTop .keywordList.on{display:block;}
#top_search .box_searchTop .keywordList .noTxt{display:block;width:408px;height:43px;padding:0 20px;border-left:1px solid #302f34;border-right:1px solid #302f34;color:#333;font-size:18px;line-height:43px;}
#top_search .box_searchTop .keywordList ul{border:1px solid #302f34;border-bottom:0;}
#top_search .box_searchTop .keywordList ul li{border-top:1px dashed #ccc;}
#top_search .box_searchTop .keywordList ul li:first-child{border-top:0;}
#top_search .box_searchTop .keywordList ul li a{display:block;width:408px;height:43px;padding:0 20px;color:#333;font-size:18px;line-height:43px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#top_search .box_searchTop .keywordList ul li.selected a,
#top_search .box_searchTop .keywordList ul li a:focus,
#top_search .box_searchTop .keywordList ul li:hover a{background:#f5f5f5;color:#333;font-weight:bold;}
#top_search .box_searchTop .keywordBtm{height:35px;border:1px solid #302f34;border-top:0;background:#f0f0f0;text-align:right;line-height:35px;}
#top_search .box_searchTop .keywordBtm a{position:relative;z-index:0;padding-right:10px;color:#333;font-size:14px;}
#top_search .box_searchTop .keywordBtm .layer_func{display:none;position:absolute;z-index:0;right:-240px;bottom:40px;width:300px;height:31px;background:#434159;color:#fff;font-size:13px;text-align:center;line-height:31px;letter-spacing:-1px;}
#top_search .box_searchTop .keywordBtm .layer_func.on{display:block;}
#top_search .box_searchTop .keywordBtm .layer_func em{position:absolute;z-index:0;left:13px;top:31px;width:15px;height:8px;background:url("/cs/images/search/bg_autoInfo.png") no-repeat left bottom;}
#top_search .box_searchTop .btn_searchTop{font-size:16px;color:#fff;position:absolute;z-index:0;right:0;top:1px;width:68px;height:40px;line-height:40px;background:#4f5367;border:none;}
#top_search .box_searchTop .keywordBtm .btn_func span{display:none;}
#top_search .box_searchTop .keywordBtm .btn_func span.on{display:inline;}


/******************************************************************
	PATH
*******************************************************************/
#path{min-width:1230px;position:relative;height:49px;background:#fff url("/cs/images/common/path_bg_x.gif") repeat-x 0 100%;}
#path div.inner{position:relative;width:1180px;height:49px;margin:0 auto;}
#path span.home{text-align:center;float:left;height:30px;padding:18px 17px 0 18px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
#path span a{color:#333;font-size:17px;padding:15px 40px 0 20px;height:33px;display:inline-block;text-align:left;background:url("/cs/images/common/icon_arr_path_dn.gif") no-repeat right 50%;}
#path span a.on{background:url("/cs/images/common/icon_arr_path_up.gif") no-repeat right 50%;}
div.depth1{float:left;position:relative;border-right:1px solid #e5e5e5;}
div.depth1 span{text-align:center;display:block;height:48px;color:#333;font-size:17px;padding:15px 30px 0 30px;height:33px;line-height:20px;display:inline-block;text-align:left;}
#path div.depth1 ul{display:none;width:100%;position:absolute;left:-1px;top:48px;z-index:9999;background:#fff;border-top:1px solid #c6c6c6;}
#path div.depth1 ul.on{display:block;}
#path div.depth1 ul li{border-left:1px solid #e0e0e1;border-right:1px solid #e0e0e1;border-bottom:1px solid #e0e0e1;}
#path div.depth1 ul li a{line-height:48px;display:inline-block;font-size:17px;}
#path div.depth1 ul li:hover{background:#f5f5f5;}
#path div.depth1 ul li:focus{background:#f5f5f5;}

#path div.depth2{float:left;position:relative;border-right:1px solid #e5e5e5;}
#path div.depth2 *{vertical-align:middle;}
#path div.depth2 span{color:#333;text-align:center;display:block;height:48px;line-height:21px;display:inline-block;font-size:17px;position:relative;}
#path div.depth2 span a{text-align:left;line-height:21px;}
#path div.depth2 span.none{line-height:48px;padding:0 30px;}
#path_depth2{display:none;position:absolute;left:-1px;top:48px;z-index:99999;background:#fff;border-top:1px solid #c6c6c6;}
#path_depth2.on{display:block;}
#path_depth2 li{border-left:1px solid #e0e0e1;border-right:1px solid #e0e0e1;border-bottom:1px solid #e0e0e1;}
#path_depth2 li a{letter-spacing:-1px;line-height:24px;padding:13px 15px;display:inline-block;font-size:17px;white-space:nowrap;}
#path_depth2 li a:hover{color:#ea002c;}
#path_depth2 li.thisMenu a{text-decoration:underline;}
#path_depth2 li:hover{background:#f5f5f5;}
#path_depth2 li:focus{background:#f5f5f5;}
#path div.depth3{float:left;position:relative;border-right:1px solid #e5e5e5;}
#path div.depth3 span{text-align:center;display:block;height:48px;line-height:21px;position:relative;}
#path div.depth3 span a{text-align:left;line-height:21px;}
#path_depth3{display:none;position:absolute;left:-1px;top:48px;z-index:99999;background:#fff;border-top:1px solid #c6c6c6;}
#path_depth3.on{display:block;}
#path_depth3 li{border-left:1px solid #e0e0e1;border-right:1px solid #e0e0e1;border-bottom:1px solid #e0e0e1;}
#path_depth3 li a{letter-spacing:-1px;padding:13px 43px 13px 19px;display:inline-block;font-size:17px;line-height:24px;white-space:nowrap;}
#path_depth3 li a:hover{color:#ea002c;}
#path_depth3 li.thisMenu a{text-decoration:underline;}
#path_depth3 li:hover{background:#f5f5f5;}
#path_depth3l li:focus{background:#f5f5f5;}
#wrap{min-width:1230px;}
/******************************************************************
	타이틀
*******************************************************************/
div.title{width:100%;background:#fff;border-bottom:1px solid #d8d8d8;}
div.title .titleIn{position:relative;z-index:0;padding:30px 0 0;height:70px;width:1180px;margin:0 auto;}
div.title h2{margin:0 22px 0 0;color:#333;font-size:30px;line-height:36px;display:inline;}
div.title div.descript{color:#333;font-size:18px;line-height:24px;display:inline;}
div.titleTbiz{width:100%;background:#fff;border-bottom:0;}
div.titleTbiz .titleIn{position:relative;z-index:0;width:1180px;margin:0 auto;padding:55px 0;}
div.titleTbiz h2{margin:0 22px 0 0;color:#111;font-size:28px;line-height:36px;}
div.titleTbiz div.descript{display:block; margin-top:15px; font-size:16px;}
div.cs_wrap div.titleTbiz + div.body{padding-top:0;}
div.body{padding:0 0 120px;width:1180px;margin:0 auto;}
div.board_head{min-height:80px;position:relative;} /* 2019-09-18 T로밍 Biz 대용량 메뉴 수정  */
div.board_head span{position:absolute;right:0px;top:0px;}
div.board_head h3{text-align:center;letter-spacing:-2px;color:#333;font-size:30px;line-height:30px;margin:0 0 45px;}
/******************************************************************
	FOOTER
*******************************************************************/
#footer{min-width:1230px;background:url("/cs/images/common/footer_bg_x.gif") repeat-x 0 0;}
#footer div.other_link{padding:12px 0;width:1180px;margin:0 auto;}
#footer div.other_link a{margin:0 5px;color:#333;font-size:14px;}
#footer div.footer_wrap{position:relative;padding:35px 0;width:1180px;margin:0 auto;}
#footer div.footer_wrap ul{width:900px;padding:0 0 28px;}
#footer div.footer_wrap ul li{font-size:14px;display:inline;padding:0 15px;background:url("/cs/images/common/bg_footer_vline.gif") no-repeat 0 50%;}
#footer div.footer_wrap ul li:first-child{padding:0 15px 0 0;background:none;}
#footer div.footer_wrap ul li a{color:#333;}
div.award_list{padding-top:20px;border-top:1px solid #e5e5e5;}
div.award_list img{margin:0 15px 0 0;}
#footer div.footer_wrap p{padding:0 0 3px;}
#footer div.footer_wrap address{font-size:14px;padding:12px 0 4px;font-style:normal;line-height:16px;}
#footer div.footer_wrap address span{padding-right:16px}
#footer div.footer_wrap address p.address{padding:0 0 2px;}
#footer div.footer_wrap address p.tel{margin:0 0 -5px;}
#footer div.footer_wrap a.btn{margin:0 0 0 10px;padding:0 15px;font-size:14px;line-height:24px;height:28px;color:#333;display:inline-block;border:1px solid #cececf;}
#footer div.footer_wrap a.btn:hover,
#footer div.footer_wrap a.btn:focus{background:#f5f5f5;}
#footer div.footer_wrap #familysite{position:absolute;right:0;top:25px;margin:0;width:180px;height:40px;z-index:999999;}
#footer div.footer_wrap #familysite a.link{display:block;font-weight:bold;color:#333;font-size:13px;padding:0 0 0 15px;line-height:40px;height:38px;border:1px solid #bdbdbd;background:url("/cs/images/common/family_site_bg.gif") no-repeat 153px 50%;letter-spacing:0}
#footer div.footer_wrap #familysite.on a.link{background:url("/cs/images/common/family_site_bg_close.gif") no-repeat 153px 50%;border-color:#e9002d}
#footer div.footer_wrap #familysite #fm_list{padding:0;width:178px;display:none;border:1px solid #bdbdbd;border-bottom:0;position:absolute;left:0;bottom:40px;background:#fff;}
/*
#footer div.footer_wrap #familysite.on #fm_list{display:block;}
*/
#footer div.footer_wrap #familysite #fm_list li{font-size:14px;display:block;padding:0;background:none;}
#footer div.footer_wrap #familysite #fm_list li a{display:inline-block;color:#333;font-size:13px;padding:0 0 0 15px;width:163px;height:38px;line-height:38px;}
#footer div.footer_wrap #familysite #fm_list li a:hover{background:#ea002c;color:#fff;text-decoration:none}
#footer div.footer_wrap #familysite #fm_list li.fm_btm{background:url(/cs/images/common/bg_familysite_line.png) no-repeat center 0}

/******************************************************************
	QUICKBAR
*******************************************************************/
.quickbar{position:fixed;top:271px;left:0;width:80px;border-bottom:0;z-index:20;display:none !important;}
.quickbar fieldset{border:none;}
*+html body .quickbar fieldset legend{margin:0 0 0 -7px;padding:0;}
.quickbar > fieldset > ul{background:#fff;padding:0 0 20px;border:1px solid #e4e4e4;}
.quickbar > fieldset > ul > li{padding:20px 0 0;text-align:center;}
.btn_quick_toggle{width:30px;height:70px;position:absolute;left:-30px;top:0px;background:#505050 url("/cs/images/common/bg_quick_arr.png") no-repeat 11px 31px;border-radius:3px 0px 0px 3px;-webkit-border-radius:3px 0px 0px 3px;overflow:hidden;text-indent:-20000px;}
.btn_quick_toggle.on{background-position:13px -60px;}

/******************************************************************
	페이지 넘기기 (혜지대리님)
*******************************************************************/
.pager{width:100%;margin-top:40px;text-align:center;}
.pager *{vertical-align:middle;}
.pager a{display:inline-block;margin:0 1px;width:32px;}
.pager a:hover{text-decoration:none;}
.pager a.pagePrev{margin-right:8px;}
.pager a.pageNext{margin-left:8px;}
.pager img{max-width:100%;}
.pager .num{width:32px;margin:0 1px;color:#666;font-size:14px;line-height:32px;}
.pager .num.on{color:#fff;font-weight:bold;background-color:#323040;}
#mask{position:fixed;_position:absolute;width:3000px;height:2000px;left:0;top:0;z-index:999;background-color:#000;display:none;}
#maskPop{position:fixed;_position:absolute;width:3000px;height:2000px;left:0;top:0;z-index:999;background-color:#000;display:none;}
/******************************************************************
	공통테이블
*******************************************************************/
div.data_table{position:relative;width:100%;overflow:hidden;border-top:2px solid #343434;}
div.data_table table{margin:0 0 0 -1px;}
div.data_table table thead th{padding:27px 0 20px;color:#333;font-size:16px;line-height:19px;background:#f8f8f8;border-left:1px solid #ddd;border-bottom:2px solid #ddd;}
div.data_table table tbody th{text-align:left;padding:27px 24px 20px;color:#333;font-size:16px;line-height:19px;background:#f8f8f8;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
div.data_table table tbody td{text-align:center;border-left:1px solid #ddd;border-bottom:1px solid #ddd;font-size:18px;padding:30px 24px;}
/* tag
-------------------------------------------------------------------*/
div.data_table table tbody td .data_tag{display:inline-block;width:80px;height:28px;padding-bottom:2px;color:#fff;font-size:16px;line-height:28px;text-align:center;font-weight:normal;}
div.data_table table tbody td .data_tag.tag_red{background:url("/cs/images/common/bg_data_tag_red.png") no-repeat;}

/******************************************************************
	공통테이블 (세로선 없는 데이터)
*******************************************************************/
div.list_table{position:relative;width:100%;border-top:2px solid #343434;}
div.list_table table{margin:0 0 0 -1px;}
div.list_table table thead th{padding:24px 14px 25px;color:#333;font-size:16px;line-height:19px;background:#fff;border-bottom:2px solid #ddd;}
div.list_table table thead th.left{text-align:left;padding:24px 24px 25px;color:#333;font-size:16px;line-height:19px;border-bottom:2px solid #ddd;}
div.list_table table tbody td{text-align:center;border-bottom:1px solid #ddd;font-size:18px;line-height:40px;padding:18px 14px;}
div.list_table.td_font16 table tbody td{font-size:16px}
div.list_table table tbody td.left{text-align:left;padding:18px 24px;}
div.list_table table tbody tr.on td{background:#f7f7f7;}

/*************************************************************************************
	회선사용자관리 > 회선관리 > 대표회선 추가삭제 > 관리중인대표회선조회/삭제
*************************************************************************************/
div.RepresentativeList div.list_table table thead th:first-child{padding:24px 14px 25px 34px;background:none;}
div.RepresentativeList div.list_table table tbody td.left{padding:30px 14px 30px 34px;}
div.RepresentativeAdd div.list_table table thead th:first-child{padding:24px 14px 25px 34px;}
div.RepresentativeAdd div.list_table table tbody td.left{padding:30px 14px 30px 34px;}
/******************************************************************
	탭
*******************************************************************/
div.tab{margin:0 0 70px;width:100%;overflow:hidden;height:70px;background:url("/cs/images/common/tab_bg.gif") no-repeat;}
div.tab ul{width:100%;overflow:hidden;}
div.tab ul li{width:50%;float:left;}
div.tab ul li a{padding:22px 0 0;font-size:18px;text-align:center;line-height:24px;color:#fff;width:100%;height:48px;display:inline-block;position:relative;z-index:0;display:block;color:#777;}
div.tab ul li.on a{z-index:1;background:#3617CE;color:#fff;font-weight:bold;}
div.tab ul li.on a:hover{text-decoration:none;}
div.tab ul.tabNum3 li{width:33.3%;background:url("/cs/images/common/tab_bg.gif") no-repeat 0 0;}
div.tab ul.tabNum4 li{width:25%;}
div.tab ul.tabNum4 li a{background:url("/cs/images/common/tab_bg.gif") no-repeat 100%;}
div.tab ul.tabNum4 li:first-child a{width:auto;background-position:0 0;border-right:1px solid #d8d8d8}
div.tab ul.tabNum4 li.on a,
div.tab ul.tabNum4 li:first-child.on a{background:#3617CE;}

div.tabPage {margin-top:-1px; background-color:#fff;}
div.tabPage ul {overflow:hidden; width:1180px; margin:0 auto; margin-bottom:40px;}
div.tabPage li {float:left; text-align:center; border:1px solid #e6e6e6; margin-right:-1px;}
div.tabPage li a {display:block; padding:26px 0 26px 0; text-decoration:none; font-size:18px;}
div.tabPage li.on {position:relative; border-top:4px solid #3617CE; border-bottom-color:#fff; font-weight:bold;}
div.tabPage li.on a {padding-top:23px; color:#111;}
div.tabPage ul.tabNum2 li {width:588px;}
div.tabPage ul.tabNum3 li {width:392px;}

/******************************************************************
	테이블 공통버튼
*******************************************************************/
/******************************************************************
	팝업 버튼
*******************************************************************/
a.btn{padding:0 12px;font-size:16px;line-height:38px;display:inline-block;background:#fff;border:1px solid #cfced0;}
a.btn:hover{background:#f5f5f5;text-decoration:none;}





/******************************************************************
	check point 공통
*******************************************************************/
.checkpointBox{position:relative;z-index:0;width:100%;min-width:1230px;border-top:1px solid #d8d8d8;background:#f1f1f1;color:#333;font-size:18px;line-height:30px;}
.checkpointBox .bgL{position:absolute;z-index:0;left:-50%;top:0;width:100%;height:100%;margin-left:-588px;background:#e8e8e8;}
.checkpointBox .checkpointInner{overflow:hidden;position:relative;z-index:0;width:1180px;margin:0 auto;background:url("../images/charge/bg_checkpointTab.gif") repeat-y;}
.checkpointBox .checkpoint{position:absolute;z-index:0;left:30px;top:55px;color:#333;font-size:29px;text-transform:uppercase;font-weight:normal;}
.checkpointBox .checkpointTab{float:left;width:400px;padding:107px 0 66px;}
.checkpointBox .checkpointTab p{padding:0 0 0 30px;font-weight:bold;}
.checkpointBox .checkpointTab button{border:1px solid #d6d6d6;padding:0 0 3px;width:340px;height:46px;margin:0 0 70px 30px;background:#dcdcdc;}
.checkpointBox .checkpointTab button span{color:#666;font-size:18px;line-height:18px;}
.checkpointBox .checkpointTab button.more span{padding:0 25px 0 0;background:url("/cs/images/common/icon_plus.gif") no-repeat 100% 80%;}
.checkpointBox .checkpointTab button.close span{padding:0 25px 0 0;background:url("/cs/images/common/icon_minus.gif") no-repeat 100% 60%;}
.checkpointBox .checkpointTab ul{padding:0 20px 0 28px;margin:0 0 20px;width:352px;overflow:hidden;}
.checkpointBox .checkpointTab ul li{margin-top:17px;}
.checkpointBox .checkpointTab ul li a{display:block;text-indent:-18px;padding:0 15px 0 18px;background:url("../images/charge/bg_checkpointTab_off.png") no-repeat 100% 11px;}
.checkpointBox .checkpointTab ul li.on a{color:#ea002c;font-weight:bold;background:url("../images/charge/bg_checkpointTab_on.png") no-repeat 100% 11px;}
.checkpointBox .checkpointCont{float:left;width:780px;}
.checkpointBox .checkpointCont .cont{display:none;padding:54px 50px 56px;word-break:keep-all;}
.checkpointBox .checkpointCont .cont .title{display:block;padding:0 0 38px;font-size:23px;}
.checkpointBox .checkpointCont .cont p.first{margin:0 0 20px;}
.checkpointBox .checkpointCont .cont .text li{padding:0 0 0 15px;margin:0 0 15px;background:url("../images/charge/dot_checkpoint.gif") no-repeat 0 15px;}
.checkpointBox .checkpointCont .cont .text li ul{padding:10px 0 0;}
.checkpointBox .checkpointCont .cont .text li b{font-weight:bold;}  /*2019.07.05 check point 관련 css 추가 by KSR */
.checkpointBox .checkpointCont .cont .text li ul li{font-size:16px;padding:0 0 0 15px;margin:0;background:url("../images/member/bl_dot_navy.gif") no-repeat 5px 12px;}

.checkpointBox .checkpointCont .cont span.sub{display:block; font-size:14px;  line-height:1.5em;}/* 2019.07.05 check point 관련 css 추가 */
.checkpointBox .checkpointCont .cont span.sub02{font-size:14px; font-weight:bold;}/* 2019.07.05 check point 관련 css 추가 */

.checkpointBox .checkpointCont .cont .none li{text-indent:-17px;padding:0 0 0 17px;margin:0 0 15px;}
.checkpointBox .checkpointCont .cont .none li ul{padding:10px 0 0;}
.checkpointBox .checkpointCont .cont .none li ul li{font-size:16px;padding:0 0 0 15px;margin:0;}

.checkpointBox .checkpointCont .cont.on{display:block;}
.checkpointBox .checkpointCont .cont p{margin:0 0 15px;}
.checkpointBox .checkpointCont .cont .secTitle{margin-top:50px; border-bottom:1px solid #444; font-weight:bold;} 
.checkpointBox .checkpointCont .cont .title + .secTitle {margin-top:0;}
.checkpointBox .checkpointCont .cont .subTitle{margin-top:20px; color:#444444;font-weight:bold;} /* 2019.07.05 check point 관련 css 추가 */
.checkpointBox .checkpointCont .cont p strong{color:#ea002c;font-weight:normal;}  /* 2019.07.05 check point 관련 css 추가 */
.checkpointBox .checkpointCont .cont .bul_star{padding-left:15px;text-indent:-14px;}
.checkpointBox .checkpointCont .cont .text strong{color:#ea002c;font-weight:normal;}
.checkpointBox .checkpointCont .cont dl dt{font-size:16px;margin:5px 0 0;padding:0 0 0 15px;background:url("../images/member/bl_dot_navy.gif") no-repeat 5px 12px;}
.checkpointBox .checkpointCont .cont dl dd{font-size:16px;padding:0 0 0 15px;margin:0 0 2px;}
.checkpointBox .checkpointCont .cont dl strong{color:#ea002c;font-weight:normal;}
div.checkpointCont a.btn{display:inline-block;height:38px;margin:5px 0;padding:0 20px 2px 20px;border:0;background:#757380;color:#fff;font-size:16px;line-height:38px;}
div.checkpointCont p.tip{text-indent:-20px;padding:0 0 0 20px;}
/* 테이블
-------------------------------------------------------------------*/
div.checkpoint_table{border-top:2px solid #ea002c;border-bottom:1px solid #aaa;}
div.checkpoint_table table thead th{padding:17px 10px;background:#fff;color:#333;font-size:16px;line-height:16px;border-bottom:2px solid #ddd;}
div.checkpoint_table table tbody td{text-align:center;padding:17px 10px;background:#fff;color:#666;font-size:16px;line-height:16px;border-top:1px solid #d8d8d8;}
div.checkpoint_table table tbody td.corp{padding:10px 10px;}
/******************************************************************
	요금관리 > 요금조회 > 실시간 사용요금 조회
******************************************************************
div.charge_wrap .HotBill .checkpointInner,
div.charge_wrap .HotBillResult .checkpointInner,
div.charge_wrap .HotLoading .checkpointInner{height:465px;}*/
/******************************************************************
	요금관리 > 요금조회 > 사용량 조회
******************************************************************
div.charge_wrap .SvcFreeCDRdefault .checkpointInner,
div.charge_wrap .SvcFreeCDRno .checkpointInner,
div.charge_wrap .SvcFreeCDRgraph .checkpointInner,
div.charge_wrap .SvcFreeCDRtable .checkpointInner{height:585px;}*/



/*******************************************************************************
	폼요소 > 라디오버튼 스타일1
********************************************************************************/
label.radio_style1{position:relative;display:inline-block;padding-left:35px;margin:0 15px 0 0;cursor:pointer;}
.lt-ie9 label.radio_style1{padding-left:0;}
input.radio_style1{position:absolute;/*left:0;top:0;*/
	width:0;height:0;opacity:0;}
.lt-ie9 input.radio_style1{position:relative;left:0;top:0;width:auto;height:auto;opacity:1;}
label.radio_style1:before{position:absolute;left:0;top:50%;content:"";display:inline-block;width:26px;height:26px;margin-top:-13px;background:url("/cs/images/common/radio_style1.png") no-repeat 0 0;}
.lt-ie9 label.radio_style1:before{position:relative;left:0;top:0;width:0;height:0;margin-top:0;background:none;}
input.radio_style1 + label.radio_style1:hover:before,
input.radio_style1 + label.radio_style1:focus:before,
input.radio_style1:hover + label.radio_style1:before,
input.radio_style1:focus + label.radio_style1:before{background-position:0 -30px;}
input.radio_style1:focus + label.radio_style1:before{outline:1px dotted #808080;}
.lt-ie9 input.radio_style1 + .lt-ie9 label.radio_style1:hover:before,
.lt-ie9 input.radio_style1 + .lt-ie9 label.radio_style1:focus:before,
.lt-ie9 input.radio_style1:hover + .lt-ie9 label.radio_style1:before,
.lt-ie9 input.radio_style1:focus + .lt-ie9 label.radio_style1:before{width:0;height:0;background:none;}
input.radio_style1:checked + label.radio_style1:before{background-position:0 -60px;}
.lt-ie9 input.radio_style1:checked + .lt-ie9 label.radio_style1:before{width:0;height:0;background:none;}
input.radio_style1:disabled + label.radio_style1:before{background-position:0 -90px;}
.lt-ie9 input.radio_style1:disabled + .lt-ie9 label.radio_style1:before{width:0;height:0;background:none;}
input.radio_style1:disabled:checked + label.radio_style1:before{background-position:0 -120px;}
.lt-ie9 input.radio_style1:disabled:checked + .lt-ie9 label.radio_style1:before{width:0;height:0;background:none;}
/*******************************************************************************
	폼요소 > 라디오버튼 스타일2
********************************************************************************/
label.radio_style2{position:relative;display:inline-block;padding-left:35px;margin-right:15px;cursor:pointer;}
.lt-ie9 label.radio_style2{padding-left:0;}
/* 170712 추가 */
label.radio_style2.small{padding-left:30px;margin-right:5px;}
.lt-ie9 label.radio_style2.small{padding-left:0;}
/* //170712 추가 */
input.radio_style2{position:absolute;/*left:0;top:0;*/
	width:0;height:0;opacity:0;}
.lt-ie9 input.radio_style2{position:relative;left:0;top:0;width:auto;height:auto;opacity:1;}
label.radio_style2:before{position:absolute;left:0;top:50%;content:"";display:inline-block;width:26px;height:26px;margin-top:-13px;background:url("/cs/images/common/radio_style2.png") no-repeat 0 0;}
.lt-ie9 label.radio_style2:before{position:relative;left:0;top:0;width:0;height:0;margin-top:0;background:none;}
input.radio_style2 + label.radio_style2:hover:before,
input.radio_style2 + label.radio_style2:focus:before,
input.radio_style2:hover + label.radio_style2:before,
input.radio_style2:focus + label.radio_style2:before{background-position:0 -30px;}
input.radio_style2:focus + label.radio_style2:before{outline:1px dotted #808080;}
.lt-ie9 input.radio_style2 + .lt-ie9 label.radio_style2:hover:before,
.lt-ie9 input.radio_style2 + .lt-ie9 label.radio_style2:focus:before,
.lt-ie9 input.radio_style2:hover + .lt-ie9 label.radio_style2:before,
.lt-ie9 input.radio_style2:focus + .lt-ie9 label.radio_style2:before{width:0;height:0;background:none;}
input.radio_style2:focus + label.radio_style2{color:#ea002c;}
input.radio_style2:checked + label.radio_style2{color:#ea002c;}
input.radio_style2:checked + label.radio_style2:before{background-position:0 -60px;}
.lt-ie9 input.radio_style2:checked + .lt-ie9 label.radio_style2:before{width:0;height:0;background:none;}
input.radio_style2:disabled + label.radio_style2:before{background-position:0 -90px;}
.lt-ie9 input.radio_style2:disabled + .lt-ie9 label.radio_style2:before{width:0;height:0;background:none;}
input.radio_style2:disabled:checked + label.radio_style2:before{background-position:0 -120px;}
.lt-ie9 input.radio_style2:disabled:checked + .lt-ie9 label.radio_style2:before{width:0;height:0;background:none;}
/* 세로버전
-------------------------------------------------------------------*/
label.radio_style2v{position:relative;display:inline-block;padding-bottom:35px;cursor:pointer;}
.lt-ie9 label.radio_style2v{padding-bottom:0;}
input.radio_style2v{position:absolute;/*left:0;top:0;*/width:0;height:0;opacity:0;}
.lt-ie9 input.radio_style2v{position:relative;left:0;top:0;width:auto;height:auto;opacity:1;}
label.radio_style2v:before{position:absolute;left:50%;bottom:0;content:"";display:inline-block;width:26px;height:26px;margin-left:-13px;background:url("/cs/images/common/radio_style2.png") no-repeat 0 0;}
.lt-ie9 label.radio_style2v:before{position:relative;left:0;top:0;width:0;height:0;margin-left:0;background:none;}
input.radio_style2v + label.radio_style2v:hover:before,
input.radio_style2v + label.radio_style2v:focus:before,
input.radio_style2v:hover + label.radio_style2v:before,
input.radio_style2v:focus + label.radio_style2v:before{background-position:0 -30px;}
input.radio_style2v:focus + label.radio_style2v:before{outline:1px dotted #808080;}
.lt-ie9 input.radio_style2v + .lt-ie9 label.radio_style2v:hover:before,
.lt-ie9 input.radio_style2v + .lt-ie9 label.radio_style2v:focus:before,
.lt-ie9 input.radio_style2v:hover + .lt-ie9 label.radio_style2v:before,
.lt-ie9 input.radio_style2v:focus + .lt-ie9 label.radio_style2v:before{width:0;height:0;background:none;}
input.radio_style2v:checked + label.radio_style2v{color:#ea002c;}
input.radio_style2v:checked + label.radio_style2v:before{background-position:0 -60px;}
.lt-ie9 input.radio_style2v:checked + .lt-ie9 label.radio_style2v:before{width:0;height:0;background:none;}
input.radio_style2v:disabled + label.radio_style2v:before{background-position:0 -90px;}
.lt-ie9 input.radio_style2v:disabled + .lt-ie9 label.radio_style2v:before{width:0;height:0;background:none;}
input.radio_style2v:disabled:checked + label.radio_style2v:before{background-position:0 -120px;}
.lt-ie9 input.radio_style2v:disabled:checked + .lt-ie9 label.radio_style2v:before{width:0;height:0;background:none;}
/*******************************************************************************
	폼요소 > 라디오버튼 스타일3
********************************************************************************/
label.radio_style2.style3:before{background-image:url("/cs/images/common/radio_style3.png");}
/* 세로버전
-------------------------------------------------------------------*/
label.radio_style2v.style3:before{background-image:url("/cs/images/common/radio_style3.png");}
/*******************************************************************************
	폼요소 > 라디오버튼 스타일2 - black
********************************************************************************/
label.radio_style2.black:before{background-image:url("/cs/images/common/radio_style2_black.png");}
/*******************************************************************************
	폼요소 > 라디오버튼 - 단독으로 쓰일 때
********************************************************************************/
label.radio_only{margin:0;padding-left:26px;}
/*******************************************************************************
	폼요소 > 라디오버튼 스타일4 (주황색)
********************************************************************************/
.radio_style4 {font-size: 16px; display:inline-block;}
.radio_style4 > input, .radio_style4 > label {vertical-align: middle; cursor: pointer;}
.radio_style4 > input {appearance: none; border: 1px solid #ccc; border-radius: 50%; width: 23px; height: 23px; position:relative;}
.radio_style4 > input:checked {border: 8px solid #ef4b49;}
.radio_style4 > label {margin-left:5px;}
.radio_style4 > label > strong {color:#111; font-weight: bold;}
.radio_style4 > label > span {color:#3617ce;}
.radio_style4.checked {outline:1px dotted #808080;}
/*******************************************************************************
	폼요소 > 체크박스 스타일1
********************************************************************************/
label.check_style1{position:relative;display:inline-block;padding-left:35px;margin:0 15px 0 0;cursor:pointer;}
.lt-ie9 label.check_style1{padding-left:0;}
input.check_style1{position:absolute;/*left:0;top:0;*/width:0;height:0;opacity:0;}
.lt-ie9 input.check_style1{position:relative;left:0;top:0;width:auto;height:auto;opacity:1;}
label.check_style1:before{position:absolute;left:0;top:50%;content:"";display:inline-block;width:26px;height:26px;margin-top:-13px;background:url("/cs/images/common/check_style1.png") no-repeat 0 0;}
.lt-ie9 label.check_style1:before{position:relative;left:0;top:0;width:0;height:0;margin-top:0;background:none;}
input.check_style1 + label.check_style1:hover:before,
input.check_style1 + label.check_style1:focus:before,
input.check_style1:hover + label.check_style1:before,
input.check_style1:focus + label.check_style1:before{background-position:0 -30px;}
input.check_style1:focus + label.check_style1:before{outline:1px dotted #808080;}
.lt-ie9 input.check_style1 + .lt-ie9 label.check_style1:hover:before,
.lt-ie9 input.check_style1 + .lt-ie9 label.check_style1:focus:before,
.lt-ie9 input.check_style1:hover + .lt-ie9 label.check_style1:before,
.lt-ie9 input.check_style1:focus + .lt-ie9 label.check_style1:before{width:0;height:0;background:none;}
input.check_style1:checked + label.check_style1:before{background-position:0 -60px;}
.lt-ie9 input.check_style1:checked + .lt-ie9 label.check_style1:before{width:0;height:0;background:none;}
input.check_style1:disabled + label.check_style1:before{background-position:0 -90px;}
.lt-ie9 input.check_style1:disabled + .lt-ie9 label.check_style1:before{width:0;height:0;background:none;}
input.check_style1:disabled:checked + label.check_style1:before{background-position:0 -120px;}
.lt-ie9 input.check_style1:disabled:checked + .lt-ie9 label.check_style1:before{width:0;height:0;background:none;}
/*******************************************************************************
	폼요소 > 체크박스 스타일2 - black
********************************************************************************/
label.check_style1.black:before{background-image:url("/cs/images/common/check_style1_black.png");}
/*******************************************************************************
	폼요소 > 체크박스 - 단독으로 쓰일 때
********************************************************************************/
label.check_only{margin:0;padding-left:26px;}
/*******************************************************************************
	셀렉트 박스 > 1타입
********************************************************************************/
select.select_style1{display:inline-block;height:41px;padding:0 60px 0 15px;border:2px solid #fff;background:#434159 url("/cs/images/common/select_style1.gif") no-repeat right top;color:#fff;/*line-height:39px;*/
	border-radius:0px;/* iOS 둥근모서리 제거 */
	outline:none;-webkit-appearance:none;/* 네이티브 외형 감추기 */
	-moz-appearance:none;appearance:none;vertical-align:middle;}
select.select_style1:focus{border:2px solid #a6c8ff;}
.ie9 select.select_style1,
.lt-ie9 select.select_style1{padding:0 0 0 5px;background:#434159;}
select.select_style1::-ms-expand{display:none;}
/*******************************************************************************
	셀렉트 박스 > 2타입
********************************************************************************/
select.select_style2{display:inline-block;height:54px;padding:0 45px 0 20px;border:0;border-bottom:3px solid #333;background:#f5f5f5 url("/cs/images/common/select_style2.gif") no-repeat right 25px;color:#333;font-size:24px;border-radius:0px;/* iOS 둥근모서리 제거 */
	outline:none;-webkit-appearance:none;/* 네이티브 외형 감추기 */
	-moz-appearance:none;appearance:none;vertical-align:middle;}
select.select_style2:focus{border:2px solid #a6c8ff;}
.ie9 select.select_style2,
.lt-ie9 select.select_style2{padding:0 0 0 10px;background:#f5f5f5;}
select.select_style2::-ms-expand{display:none;}
/*******************************************************************************
	셀렉트 박스 > 3타입
********************************************************************************/
select.select_style3{display:inline-block;height:40px;padding:0 0 0 5px;border:1px solid #ccc;background:#fff url("/cs/images/common/select_style3.gif") no-repeat 100% 15px;color:#666;font-size:16px;border-radius:0px;/* iOS 둥근모서리 제거 */
	outline:none;-webkit-appearance:none;/* 네이티브 외형 감추기 */
	-moz-appearance:none;appearance:none;vertical-align:middle;}
select.select_style3:focus{border:2px solid #a6c8ff;}
.ie9 select.select_style3,
.lt-ie9 select.select_style3{padding:0 0 0 10px;background:#f5f5f5;}
select.select_style3::-ms-expand{display:none;}
/*******************************************************************************
	셀렉트 박스 > 4타입
********************************************************************************/
select.select_style4{display:inline-block;height:40px;padding:0 40px 3px 20px;border:1px solid #ccc;background:#fff url("/cs/images/common/select_style4.gif") no-repeat right top;color:#666;font-size:16px;border-radius:0px;/* iOS 둥근모서리 제거 */
	outline:none;-webkit-appearance:none;/* 네이티브 외형 감추기 */
	-moz-appearance:none;appearance:none;vertical-align:middle;}
select.select_style4:focus{border:2px solid #a6c8ff;}
.ie9 select.select_style4,
.lt-ie9 select.select_style4{padding:0 0 0 10px;background:#f5f5f5;}
select.select_style4::-ms-expand{display:none;}
/*******************************************************************************
	셀렉트 박스 > 5타입
********************************************************************************/
select.select_style5{display:inline-block;height:55px;padding:0 30px 5px 30px;border:0;border-bottom:3px solid #a9a9a9;background:#fff url("/cs/images/common/select_style5.png") no-repeat right center;color:#333;font-size:30px;border-radius:0px;/* iOS 둥근모서리 제거 */
	outline:none;-webkit-appearance:none;/* 네이티브 외형 감추기 */
	-moz-appearance:none;appearance:none;vertical-align:middle;}
select.select_style5:focus{border:2px solid #a6c8ff;}
.ie9 select.select_style5,
.lt-ie9 select.select_style5{padding:0 0 0 10px;background:#f5f5f5;}
select.select_style5::-ms-expand{display:none;}
/*******************************************************************************
	date Picker
********************************************************************************/
.datePickerWrap *{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align:middle;}
.datePickerWrap .datePickerLabel{padding-right:25px;color:#666;font-size:18px;line-height:24px;vertical-align:-3px;}
.ie7 .datePickerWrap .datePickerLabel{vertical-align:0;}
.datePickerWrap input.type-date{width:145px;border:1px solid #ebebeb;background:#ebebeb;padding:7px 10px;color:#666;font-size:18px;letter-spacing:0.05em;}
.datePickerWrap a.date-picker-control{vertical-align:middle;}
.datePickerWrap a.date-picker-control span{width:40px;height:40px;background:url("/cs/images/common/btn_calendar.png") no-repeat center center;vertical-align:middle;text-indent:-99999px;}
.datePickerWrap .gap{padding-right:5px;color:#333;font-size:18px;line-height:24px;font-weight:bold;}
/* 달력 공통
-------------------------------------------------------------------*/
.date-picker{padding-top:5px;font-family:Malgun Gothic, "맑은고딕", sans-serif; /* 폰트스타일 */
}
.date-picker div{padding:10px 20px 22px 20px;border:1px solid #dadada;border-radius:0;background:#fff;position:relative;}
.date-picker table{width:100%;border:0;border-radius:0;background:transparent;}
.date-picker table .date-picker-title{padding:0;}
.date-picker table .date-picker-title span{display:inline-block;color:#222;font-weight:bold;vertical-align:middle;}
.date-picker table .prev-but,
.date-picker table .next-but{display:inline-block;width:34px;height:33px;margin:15px 0;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}
.date-picker table .prev-year{background:url("/cs/images/common/bg_calendar_first.gif") no-repeat center center;}
.date-picker table .prev-month{background:url("/cs/images/common/bg_calendar_prev.gif") no-repeat center center;}
.date-picker table .next-month{background:url("/cs/images/common/bg_calendar_next.gif") no-repeat center center;}
.date-picker table .next-year{background:url("/cs/images/common/bg_calendar_last.gif") no-repeat center center;}
.date-picker table .today-but,
.date-picker table .today-but:hover{color:#666;font-size:20px;line-height:28px;vertical-align:top;}
.date-picker table .today-but:hover{text-decoration:underline;}
.date-picker table .year-display{margin-right:10px;}
.date-picker table .date-picker-day-header{width:14.2%;padding:10px 0 12px 0;border-top:2px solid #343434;border-bottom:1px solid #d8d8d8;}
.date-picker table .date-picker-day-header,
.date-picker table .date-picker-day-header span{color:#666;font-size:16px;font-weight:normal;text-transform:uppercase;}
.date-picker table .date-picker-highlight,
.date-picker table .date-picker-highlight span{color:#ea002c !important;}
.date-picker table tbody td{padding:10px 0 9px 0;color:#333;font-size:16px;}
.date-picker table tbody tr:first-child td{padding-top:19px;}
.date-picker table tbody td.date-picker-today{color:#ea002c;font-size:22px;font-weight:bold;}
.date-picker table tbody td.date-picker-today.date-picker-selected-date,
.date-picker table tbody td.date-picker-highlight.date-picker-selected-date{color:#fff !important;}
.date-picker table tbody td.date-picker-selected-date.date-picker-today{background:url("/cs/images/common/bg_calendar_date.gif") no-repeat center bottom;color:#fff;font-size:16px;}
.date-picker table tbody td:hover,
.date-picker table tbody td:focus{text-decoration:underline;}
.date-picker table tbody td.date-picker-selected-date{background:url("/cs/images/common/bg_calendar_date.gif") no-repeat center bottom;color:#fff;font-weight:bold;}
/* 달력 - big
-------------------------------------------------------------------*/
div#fd-demo-1,
div#fd-demo-2{width:380px;background:#fff url("/cs/images/common/bg_calendar_bt.gif") no-repeat 0 0;}
div#fd-demo-1 div,
div#fd-demo-2 div{background:url("/cs/images/common/bg_calendar_bg.gif") repeat-x 0 0;}
div#fd-demo-1 div table .date-picker-title span,
div#fd-demo-2 div table .date-picker-title span{padding-bottom:19px;font-size:22px;line-height:38px;}
/* 달력 - small
-------------------------------------------------------------------*/
div#fd-demoSmall-1,
div#fd-demoSmall-2{width:260px;background:#fff url("/cs/images/common/bg_calendar_s_bt.gif") no-repeat 0 0;}
div#fd-demoSmall-1 div,
div#fd-demoSmall-2 div{padding-bottom:10px;background:url("/cs/images/common/bg_calendar_s_bg.gif") repeat-x 0 0;}
div#fd-demoSmall-1 div table .date-picker-title span,
div#fd-demoSmall-2 div table .date-picker-title span{padding-bottom:13px;font-size:16px;line-height:28px;}
div#fd-demoSmall-1 table .prev-but,
div#fd-demoSmall-1 table .next-but,
div#fd-demoSmall-2 table .prev-but,
div#fd-demoSmall-2 table .next-but{display:inline-block;width:26px;height:25px;margin:14px 0;}
div#fd-demoSmall-1 table .today-but,
div#fd-demoSmall-2 table .today-but{padding-top:5px;font-size:16px;}
div#fd-demoSmall-1 table .date-picker-day-header,
div#fd-demoSmall-2 table .date-picker-day-header{padding:7px 0 6px 0;font-size:12px;}
div#fd-demoSmall-1 table .date-picker-day-header span,
div#fd-demoSmall-2 table .date-picker-day-header span{font-size:12px;}
div#fd-demoSmall-1 table tbody td,
div#fd-demoSmall-2 table tbody td{padding:3px 0;font-size:12px;}
div#fd-demoSmall-1 table tbody tr:first-child td,
div#fd-demoSmall-2 table tbody tr:first-child td{padding-top:9px;}
div#fd-demoSmall-1 table tbody td.date-picker-today,
div#fd-demoSmall-2 table tbody td.date-picker-today{color:#ea002c;font-size:15px;font-weight:bold;}
div#fd-demoSmall-1 table tbody td.date-picker-selected-date,
div#fd-demoSmall-2 table tbody td.date-picker-selected-date{background:url("/cs/images/common/bg_calendar_s_date.gif") no-repeat center bottom;color:#fff;}
div#fd-demoSmall-1 table tbody td.date-picker-today.date-picker-selected-date,
div#fd-demoSmall-2 table tbody td.date-picker-today.date-picker-selected-date{color:#fff;font-size:12px;font-weight:bold;}


/******************************************************************
	공통 디자인
*******************************************************************/
/*  margin 여백 정의  2019.07.04 추가
/*  padding 여백 정의  2019.07.04 추가
/*  float 정의 2019.08.06 추가
/*  width 값 정의 2019.08.06 추가
------------------------------------------------------------------------------*/
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt80{margin-top:80px !important;}
.mb0{margin-bottom:0 !important;}
.mb4{margin-bottom:4px !important;}
.mb10{margin-bottom:10px !important;}
.mb14{margin-bottom:14px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb70{margin-bottom:50px !important;}

.pl300{padding-left:300px !important;}
.pl250{padding-left:250px !important;}

.floatL{float:left !important;}
.floatR{float:right !important;}

.w15p{width:15% !important;}
.w20p{width:20% !important;}.w20p{width:20% !important;}
.w25p{width:25% !important;}
.w33p{width:33% !important;}
.w50p{width:50% !important;}

/* font관련 정의
-------------------------------------------------------------------*/
.smaller{font-size:smaller; }  /*2019.07.04 추가  */

/* 안내문구 박스 - 조회전, 로딩중...
-------------------------------------------------------------------*/
div.body .infomationBox{position:relative;z-index:0;/*min-height:507px;*/
	padding:50px 0 265px 0;margin-bottom:-6px;text-align:center;line-height:140%;}
div.body .infomationBox img{position:absolute;z-index:0;left:50%;bottom:0;margin-left:-115px;}
div.body .infomationBox .txt1{color:#3b3a40;font-size:28px;line-height:40px;}
div.body .infomationBox .txt2{margin-top:10px;color:#666;font-size:24px;line-height:32px;}
/* container
-------------------------------------------------------------------*/
div.body .title_head{position:relative;z-index:0;}
div.body .title_head h3,
div.body .title_head h4.callTit{text-align:center;color:#181818;font-size:30px;line-height:30px;margin:0 0 50px;}
div.body .title_head h3 strong,
div.body .title_head h4.callTit strong{color:#ea002c;letter-spacing:0;}
div.body .title_head span{position:absolute;right:0px;top:0px;}
div.body .title_head a.btn_excel_download{padding:5px 9px 8px;font-size:16px;color:#666;display:inline-block;border:1px solid #cececf;}
div.body .title_head a.btn_excel_download:hover,
div.body .title_head a.btn_excel_download:focus{background:#f5f5f5;text-decoration:none;}
div.body .title_head span.btnL{position:absolute;left:0px;top:0px;}
div.body .title_head a.btn_list{padding:5px 60px 8px;font-size:16px;color:#666;display:inline-block;border:1px solid #cececf;}
div.body .title_head a.btn_list:hover,
div.body .title_head a.btn_list:focus{background:#f5f5f5;text-decoration:none;}
/* container 두단
-------------------------------------------------------------------*/
div.body .containerCol2{
}
div.body .containerCol2 .containerL{float:left;width:327px;}
div.body .containerCol2 .containerR{float:right;width:802px;}
/* big tab
-------------------------------------------------------------------*/
div.body .bigTab{width:100%;}
div.body .bigTab ul{width:100%;}
div.body .bigTab ul li{float:left;text-align:center;}
div.body .bigTab ul li a{display:block;height:66px;padding-bottom:2px;border:1px solid #d8d8d8;border-left:0;background:#fff;color:#777;font-size:18px;line-height:66px;}
div.body .bigTab ul li:first-child a{border-left:1px solid #d8d8d8;}
div.body .bigTab ul li:first-child.on a{border-left:1px solid #3617CE;}
div.body .bigTab ul li a:hover{text-decoration:none;}
div.body .bigTab ul li.on a{border:1px solid #3617CE;background:#3617CE;color:#fff;font-weight:bold;}
div.body .bigTab ul.colTab2 li{width:50%;}
div.body .bigTab ul.colTab3 li{width:33%;}
div.body .bigTab ul.colTab3 li:first-child{width:34%;}
/* mini tab
-------------------------------------------------------------------*/
div.body .miniTab{width:100%;}
div.body .miniTab ul{width:100%;}
div.body .miniTab ul li{float:left;text-align:center;}
div.body .miniTab ul li a{display:block;height:46px;padding-bottom:2px;border:1px solid #d8d8d8;background:#fff;color:#777;font-size:18px;line-height:46px;}
div.body .miniTab ul li a:hover{text-decoration:none;}
div.body .miniTab ul li.on a{border:1px solid #3617CE;background:#3617CE;color:#fff;font-weight:bold;}
div.body .miniTab ul.colTab2 li{width:50%;}
/* table
-------------------------------------------------------------------*/
div.body div.data_table table .center,
div.body div.data_table_row table .center{text-align:center;}
div.body div.data_table table .left,
div.body div.data_table_row table .left{text-align:left;}
div.body div.data_table table .right,
div.body div.data_table_row table .right{text-align:right;}
div.body div.data_table table tr.checked td{background:#f7f7f7;}
/* table bottom button
-------------------------------------------------------------------*/
div.body .data_btn{padding-top:40px;text-align:center;}
div.body .data_btn a.btn_data{display:inline-block;min-width:106px;height:58px;margin:0 2px;padding:0 21px 2px 21px;background:#9c9c9c;color:#fff;font-size:16px;line-height:58px;text-align:center;}
div.body .data_btn a.btn_data.red{background:#3617CE;color:#fff !important;}
div.body .data_btn a.btn_data.wide{width:220px;padding-left:0;padding-right:0;}
div.body .data_btn a.btn_data:hover,
div.body .data_btn a.btn_data.wide:hover
div.body .data_btn a.btn_data.red:hover{text-decoration:none;}
/* table bottom info
-------------------------------------------------------------------*/
div.body .data_info{padding-top:20px;color:#333;font-size:14px;}
div.body .data_info p .red{margin-right:5px;}
div.body .data_info .check{padding-left:20px;background:url("/cs/images/common/icon_check_red.gif") no-repeat 0 8px;color:#666;font-size:16px;}

#wrap_error{min-width:1230px;/* 20161229 추가 */
	min-height:100%;background:#f7f7f7 url("/cs/images/common/bg_comError_x.gif") repeat-x 50% 76px;}
div.comError{margin:-76px 0 0;padding:156px 0 190px;}
div.errorPageArea{border-top:6px solid #3617CE;width:1180px;margin:0 auto;}
div.errorPageArea h2{padding:110px 0 0 100px;font-size:37px;line-height:50px;color:#333;border-left:1px solid #d7d8d8;border-right:1px solid #d7d8d8;height:220px;background:#fff url("/cs/images/common/bg_comError_graphic.jpg?v=221102") no-repeat 728px 85px;}
#SystemInterrupt div.errorPageArea h2{background:#fff url("/cs/images/common/bg_SystemInterrupt.jpg") no-repeat 728px 85px;}
#SystemCheck div.errorPageArea h2{background:#fff url("/cs/images/common/bg_SystemCheck.jpg?v=221102") no-repeat 728px 85px;}
div.errorText{padding:40px 0 0;background:#f2f2f2;height:184px;border-left:1px solid #d7d8d8;border-right:1px solid #d7d8d8;border-top:1px solid #d7d8d8;}
div.errorText dl{padding:30px;font-size:20px;width:910px;margin:0 auto 30px;background:#fff;}
div.errorText dl dt{display:inline;}
div.errorText dl dd{color:#ea002c;display:inline;}
div.errorText p{font-size:24px;line-height:32px;width:970px;margin:0 auto;}
div.errorPageArea ul{margin:30px auto;width:910px;background:#fff;padding:20px 30px;}
div.errorPageArea li{font-size:20px;line-height:30px;}
div.errorPageArea li strong{color:#ea002c;}
div.errorPageArea div.button{text-align:center;padding:60px 0 60px;background:#f2f2f2;height:60px;border-left:1px solid #d7d8d8;border-right:1px solid #d7d8d8;}
div.errorPageArea div.button a{text-align:center;margin:0 5px;width:220px;font-size:18px;line-height:60px;color:#fff;display:inline-block;}
div.errorPageArea div.button a:hover{text-decoration:none;}
div.errorPageArea div.button a.home{background:#757380;}
div.errorPageArea div.button a.email{background:#3617CE;}
div.errorPageArea div.button a.notice{background:#3617CE;}
div.errorPageArea div.button a.rejoin{background:#3617CE;}
div.errorPageArea div.button a.rejoin + .email{background:#fff; color:#111; border:1px solid #ccc; line-height:58px;}
div.errorFooter{padding:20px 0;font-size:18px;line-height:32px;text-align:center;width:1178px;margin:0 auto;background:#e2e2e2;border-left:1px solid #d7d8d8;border-right:1px solid #d7d8d8;border-bottom:1px solid #d7d8d8;}

#MenuServiceError div.errorText p{padding:10px 0;}
#SystemInterrupt div.errorText{height:320px;}
#SystemCheck div.errorText{height:320px;}

#wrap_error.errorResp {min-width:auto; word-break:keep-all;}
.errorResp #head {width:auto; min-width:auto; padding:0 20px;}
.errorResp #head h1 {position:static; max-width:1180px; margin:0 auto; padding-top:19px;}
.errorResp .errorPageArea {width:auto; max-width:1180px; background-color:#fff;}
.errorResp .errorTitle {min-height:330px; border-left:1px solid #d7d8d8;border-right:1px solid #d7d8d8; background:url("/cs/images/common/bg_comError_graphic.jpg?v=221102") no-repeat 90% 85px;}
.errorResp .errorTitle h2 {max-width:500px; height:auto; padding:75px 7% 25px 8.5%; border:0; background:none;}
.errorResp .errorTitle p {padding:0 7% 75px 8.5%; font-size:16px; line-height:26px; color:#666;}
.errorResp .errorText p {width:auto; padding:0 7% 0 8.5%;}
.errorResp .errorFooter {width:auto; max-width:1148px; padding:20px 15px;}
.errorResp .errorPageArea div.button {height:auto; padding-bottom:50px;}
.errorResp .errorPageArea div.button a {max-width:220px; min-width:130px; width:25%; margin-bottom:10px;}
@media all and (max-width:1180px) {
	.errorResp .comError {padding:76px 0 0;}
}
@media all and (max-width:840px) {
	.errorResp .errorTitle {background-image:none;}
}
@media all and (max-width:500px) {
	.errorResp .errorPageArea div.button a {max-width:none; width:85%;}
}

/*******************************************************************************
	이용 가능 등급 안내
********************************************************************************/
div.UsableGrade{margin:-76px 0 0;min-height:100%;background:#f7f7f7 url("/cs/images/common/bg_UsableGrade_x.gif") repeat-x 50% 76px;}
div.UsableGrade div.guideContent{padding:156px 0 90px;}
div.guideContent div.container{border-top:6px solid #3617CE;width:1180px;margin:0 auto;}
div.guideContent div.container div.guideTitle{padding:100px 0 0 100px;border-left:1px solid #d7d8d8;border-right:1px solid #d7d8d8;height:230px;background:#fff url("/cs/images/common/bg_UsableGrade_graphic.jpg") no-repeat 672px 85px;}
div.guideContent div.container div.guideTitle h2{margin:25px 0 25px;font-size:24px;line-height:36px;color:#333;}
div.guideContent div.container div.guideTitle h2 strong:before {content:'';display:block;}
div.guideContent div.container div.guideTitle h2 strong {color:#ea002c;}
/*
div.guideContent div.container div.guideTitle p{font-size:24px;line-height:36px;}
div.guideContent div.container div.guideTitle p strong{color:#ea002c;} */
div.guideText{padding:50px 100px;background:#f2f2f2;border:1px solid #d7d8d8;}
div.guideText h3{margin:0 0 15px;padding:0 0 0 17px;font-weight:normal;font-size:24px;line-height:32px;background:url("/cs/images/common/bl_circle_red.png") no-repeat 0 50%;}
div.guideText p{font-size:18px;line-height:32px;margin:0 0 20px;}
div.guideContent div.button{text-align:center;padding:60px 0 60px;height:60px;}
div.guideContent div.button a{text-align:center;margin:0 5px;width:220px;font-size:18px;line-height:60px;color:#fff;display:inline-block;}
div.guideContent div.button a:hover{text-decoration:none;}
div.guideContent div.button a.prev{background:#757380;}
div.guideContent div.button a.home{background:#3617CE;}

/* 2019-09-24 법인폰 이메일 문의 안내 솔루션 문의하기 추가 */
div.txtInfo{width:100%; margin-right:5px; margin-bottom:10px; display:block; padding-bottom:20px; }
div.txtInfo p{float:left; width:50%;padding-left:22px; font-size:15px; line-height:20px; background:url("/cs/images/common/bl_info.png") no-repeat 0 2px; text-indent:8px;}
div.txtInfo span{float:right;  display:inline-block;  width:48%; text-align:right;}
div.txtInfo span a {margin-left:30px; font-weight:normal; text-decoration:underline; font-size:15px; margin-right:10px; text-align:right; color:#222; }
div.txtInfo span a:after {content:"";display:inline-block;width:6px;height:10px;margin:-2px 0 0 8px;background:url("/cs/images/common/bl_arrow.png") no-repeat 0 0;vertical-align:middle;}
div.txtInfo:after{clear:both; content:"";}

.layer{position:absolute;z-index:9999999}
.layer.on{display:block}
.layer.login{overflow:visible !important;top:50%;left:50%;width:370px;height:300px;margin:-150px 0 0 -400px;border:1px solid #999;background:url("/cs/images/common/bg_layer_login.jpg") no-repeat;box-sizing:border-box;text-align:center}
.layer.login .ico.survey{position:absolute;top:-45px;left:50%;width:93px;height:77px;margin-left:-46px;background:url("/cs/images/common/ico_survey_login.png") no-repeat}
.layer.login p{margin-top:55px;font-size:30px;color:#fff;text-align:center;line-height:1em}
.layer.login p strong{display:block;margin-top:7px}
.layer.login p.survey-tit {font-size:24px; line-height:33px; font-weight:bold; color:transparent; background:url("/cs/images/common/survey_tit.png") no-repeat 50% 0;}
.layer.login p.survey-tit strong {font-size:33px; letter-spacing:-5px;}
.layer.login .date{display:inline-block;position:relative;margin-top:16px;font-size:18px;color:#fff}
.layer.login .date:after{display:block;position:absolute;bottom:-3px;width:100%;height:1px;background:#939292;content:''}
.layer.login .sub-text{display:block;margin-top:20px;font-size:16px;color:#88b1e7;letter-spacing:-2px;}
.layer.login .btn.survey{display:block;width:193px;margin:20px auto 0;padding:16px 0 17px;border:0;border-radius:24px;background:#fff;font-size:16px;color:#364a82;line-height:1em;letter-spacing:-2px;}
.layer.login .btn.survey:after {content:""; display:inline-block; width:6px; height:10px; margin:3px 0 0 10px; vertical-align:top; background:url("/cs/images/common/survey_bul.png") no-repeat 0 0;}
.layer.login label.check_style1 {padding-left:32px; letter-spacing:-1.5px;}
.layer.login .layer-footer{position:absolute;right:0;bottom:0;left:0;height:38px;background:#fff;font-size:13px;color:#666;text-align:left}
.layer.login .today{padding:10px 0 0 10px}
.layer.login .close{display:block;position:absolute;top:auto;right:0;bottom:0;width:42px;height:28px;border:none;background:none;text-decoration:none;}
.dim{display:none;position:fixed;top:0;width:100%;height:100%;background:#000;opacity:0.4;z-index:9999998}
.layer.on ~ .dim{display:block}

.layer.survey{position:fixed;top:auto;bottom:0;right:50%;left:auto;width:232px;height:232px;margin:0 -614px 0 0;background:none}
.layer.survey .btn.close i{display:inline-block;position:absolute;top:42px;right:36px;width:26px;height:26px;background:url(/cs/images/main/btn_layer_close.png) no-repeat}

/* top line banner */
.topline_noti * {font-family:'Noto Sans KR', sans-serif;}
.topline_noti {display:none; background-color:#f7f7f7; background:linear-gradient(#f7f7f7 110px, #dedede 110px);}
.topline_noti .txts {position:relative; width:1180px; margin:0 auto; height:110px; line-height:36px;}
.topline_noti .txts strong {display:block; padding-top:22px; font-size:24px; font-weight:700; color:#111;}
.topline_noti .txts p {font-size:15px; font-weight:300; color:#666;}
.topline_noti .txts a {position:absolute; top:25px; right:0; padding:0 48px; line-height:60px; font-size:20px; font-weight:400; color:#fff; background-color:#ef4b48; border-radius:30px;}
.topline_noti .txts a:after {content:""; display:inline-block; width:8px; height:8px; margin:0 0 3px 4px; border-top:2px solid #fff; border-right:2px solid #fff; border-radius:1px; transform:rotate(45deg); vertical-align:middle;}
.topline_noti .chk_close {width:1180px; margin:0 auto; font-size:15px; font-weight:300; color:#333; text-align:right; line-height:30px;}
.topline_noti .chk_close label {padding-left:30px;}
.topline_noti .chk_close .linpop_close:before {content:""; display:inline-block; width:1px; height:13px; margin:0 18px 2px 0; background-color:#c3c2cf; vertical-align:middle;}
.topline_noti .chk_close .linpop_close button {position:relative; padding-right:18px; border:0; background:none; color:#333; font-size:15px; font-weight:300; line-height:30px; cursor:pointer;}
.topline_noti .chk_close .linpop_close button:before,
.topline_noti .chk_close .linpop_close button:after {content:""; position:absolute; top:15px; right:0; width:15px; height:1px; background-color:#4a4a4a; transform:rotate(45deg);}
.topline_noti .chk_close .linpop_close button:after {transform:rotate(-45deg);}

/* 띠배너 type 2 / 2021-12-06 */
.topline_noti2 * {font-family:'Noto Sans KR', sans-serif;}
.topline_noti2 {height:35px; width:100%; background:#919191; display:none;}
.topline_noti2 > .wrap {width:1180px; margin:0 auto; line-height:35px; overflow: hidden; position:relative;}
.topline_noti2 > .wrap::before {content:'알림'; display:inline-block; color:#fff; background:#bababa; border-radius: 50px; width:50px; height:23px; line-height: 23px; text-align: center; font-size: 14px; font-weight: 300; position:absolute; top:6px; left:0;}
.topline_noti2 > .wrap > p {color:#fff; font-size: 15px; font-weight: 300;}
.topline_noti2 > .wrap > .left {float: left; padding-left:74px;}
.topline_noti2 > .wrap > .left > span {color:#f6ff00;}
.topline_noti2 > .wrap > .left > a {color:#fff; display:inline-block; margin-left:40px; border-bottom:1px solid #fff; line-height:22px;}
.topline_noti2 > .wrap > .left > a:hover,
.topline_noti2 > .wrap > .left > a:active {text-decoration: none;}
.topline_noti2 > .wrap > .right {float: right; position:relative; padding-right:18px; cursor: pointer;}
.topline_noti2 > .wrap > .right::before,
.topline_noti2 > .wrap > .right::after {content:''; position: absolute; top: 17px; right: 0; width: 15px; height: 1px; background-color: #fff; transform: rotate(45deg);}
.topline_noti2 > .wrap > .right::after {transform: rotate(-45deg);}

/* 공통테이블 예외 (my관리회선 조회) / 2023-06-20 */
div.list_table.myline-list table tbody td {font-size:16px}

/* 리캡차 */
.recaptcha-area{display:flex;justify-content:center;margin:60px auto;}
.recaptcha-area + .NumCheckTxt{padding-top:0 !important;}
div.MemberPwConfirm div.container .recaptcha-area{margin:34px 0 25px;}