@charset "utf-8";



#footerGroup {margin-top:0px;}

/*가이드박스*/
#guideGroup {position:relative;   background:#f1f6f8;   text-align:center;}

#guideGroup .guide {text-align:left;}
#guideGroup .guide li{display:inline-block; ;color:#333;line-height:23px; font-size:14px; padding-right:40px;; padding:12px 0px; padding-right:40px;; line-height:20px;  position:relative;}

#guideGroup .guide li img {vertical-align:middle; position:relative; top:-2px;}


#guideGroup .guide li:after {display: block;    position: absolute;    top: 12px;    right: 10px;    content: '>';}
#guideGroup .guide li:last-child:after { content:none;}

#guideGroup .guide li a {color:#333;}
#guideGroup .guide li.this { color:#2959a2; font-weight:bold; padding-right:0px;}


#contentGroup {margin-top:60px;}


#left {float:left; width:280px; position:relative;}
#left h2 {font-size:26px; color:#000;}

ul#leftMenu {margin-top:40px; border:1px #ededed solid; padding:30px; border-radius:25px;}
ul#leftMenu li {font-size:16px; }
ul#leftMenu li a.left_first_depth {display:block; color:#555; border-bottom:1px #ddd solid; line-height:60px;  font-weight:bold; }
ul#leftMenu li a.left_first_depth:hover,
ul#leftMenu li a.left_first_depth.on {color:#2959a2;}

ul#leftMenu li div {display:none; position:relative; overflow:hidden; background:#f8f8f8; border-bottom:1px solid #ddd;}
ul#leftMenu li div.on {display:block;}
ul#leftMenu li div ul {padding:10px 0;}
ul#leftMenu li div ul li {font-size:13px; border-bottom:0px;}
/* ul#leftMenu li div ul li a {display:block; border:0px; color:#777; padding:0 0 0 35px; line-height:23px; background:url(../images/sub/three_depth_dot.jpg) 20px 9px no-repeat;} */
ul#leftMenu li div ul li a {display:block; border:0px; color:#777; padding:0 0 0 35px; line-height:23px; }
ul#leftMenu li div ul li a:hover {color:#000;}
ul#leftMenu li.submenu div {display: block; position: relative; overflow: hidden; background: #f8f8f8; border-bottom: 1px solid #ddd;}

#left .cs_call_banner {margin-top:20px; background:#f9f9f9 url(../images/sub/cs_call_banner_bg.png) 93% 50% no-repeat;; padding:20px 30px; border-radius:25px;}
#left .cs_call_banner .t1{font-size:15px; font-weight:bold; color:#000;}
#left .cs_call_banner .t2{font-size:22px; font-weight:bold; color:#2959a2;}
#left .cs_call_banner .t3{font-size:10px; font-weight:normal; color:#000;}



/*컨텐츠박스*/
#content {position:relative; margin-left:340px; min-height:600px; }
#content .title_text {font-size:30px; color:#000; padding-bottom:15px; border-bottom:1px #dddd solid; margin-bottom:40px;  line-height:30px; }
#content .title_text span {display:block; font-size:14px; font-weight:normal; color:#777}





/* 탭메뉴 */
div.tapMenu { overflow:hidden; margin-bottom:40px;}
div.tapMenu ul { text-align:Center; padding-left:1px; font-size:0px;}
div.tapMenu ul li {display:inline-block;  margin-left:-1px;  font-size:14px;}
div.tapMenu ul li a {  color:#555; display:block;  padding:0 30px;line-height:40px; border:1px solid #ccc;}
div.tapMenu ul li.on a {background:#2959a2; border-color:#2959a2; color:#fff;}



table.cStyle {border-top:2px solid #092c6f; width:100%;  font-size:15px; border-spacing:0; margin-top:20px;}
table.cStyle th { color:#000;  padding:12px 8px;  background:#f8f8f8;  border-bottom:1px solid #ddd;  border-right:1px solid #ddd;}
table.cStyle td {color:#666; padding:12px 8px; ; letter-spacing:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd;  vertical-align:middle;}
table.cStyle .center {text-align:center; vertical-align:middle;}
table.cStyle .left {text-align:left;}
table.cStyle td.bg {background:#f9f9f9; font-weight:bold;}
table.cStyle tr td:last-child,
table.cStyle tr th:last-child {border-right:0px;}


table.cStyle1 {border-top:2px solid #092c6f; width:100%;  font-size:15px; border-spacing:0; margin-top:20px;}
table.cStyle1 th { color:#000; background:#f8f8f8;  padding:12px 8px;   border-bottom:1px solid #ddd;  border-right:1px solid #ddd;}
table.cStyle1 td {color:#666; padding:12px 8px; ; letter-spacing:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd;  vertical-align:middle; text-align:center;}
table.cStyle1 .center {text-align:center; vertical-align:middle;}
table.cStyle1 .left {text-align:left;}
table.cStyle1 td.bg {background:#f9f9f9; font-weight:bold;}
table.cStyle1 tr td:last-child,
table.cStyle1 tr th:last-child {border-right:0px;}

table.cStyle2 {border-top:1px solid #ddd; width:100%;  font-size:15px; border-spacing:0; margin-top:10px;}
table.cStyle2 th { color:#000; background:#f8f8f8;  padding:12px 8px;   border-bottom:1px solid #ddd;  border-right:1px solid #ddd;}
table.cStyle2 td {color:#666; padding:12px 8px; ; letter-spacing:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd;  vertical-align:middle; text-align:center;}
table.cStyle2 .center {text-align:center; vertical-align:middle;}
table.cStyle2 .left {text-align:left;}
table.cStyle2 td.bg {background:#f9f9f9; font-weight:bold;}
table.cStyle2 tr td:last-child,
table.cStyle2 tr th:last-child {border-right:0px;}


table.cStyle3 {border-top:1px solid #ddd; width:100%;  font-size:15px; border-spacing:0; margin-top:10px;}
table.cStyle3 th { color:#000; background:#f8f8f8;  padding:8px 20px;;   border-bottom:1px solid #ddd;  border-right:1px solid #ddd; text-align:left;}
table.cStyle3 td {color:#666; padding:8px 20px; ; letter-spacing:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd;  vertical-align:middle; text-align:left;}
table.cStyle3 .center {text-align:center; vertical-align:middle;}
table.cStyle3 .left {text-align:left;}
table.cStyle3 td.bg {background:#f9f9f9; font-weight:bold;}
table.cStyle3 tr td:last-child,
table.cStyle3 tr th:last-child {border-right:0px;}
table.cStyle3 select{height:35px; line-height:35px; padding:0 10px; border:1px #c5c9d6 solid; vertical-align:middle; border-radius:10px;    font-family:'SCoreDream';   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; vertical-align:middle; display:inline-block;}
table.cStyle3 input[type="password"],
table.cStyle3 input[type="text"]{height:35px; line-height:35px; padding:0 10px; border:1px #c5c9d6 solid; vertical-align:middle;  border-radius:10px;   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; vertical-align:middle;}
table.cStyle3 .help_tip{font-size:13px; color:red; margin-top:5px;}



table.cStyle1 .b_line {position:relative;}
table.cStyle1 .b_line .line_text {position:relative; z-index:1; font-size:16px; color:#000;}
table.cStyle1 .b_line .line {height:10px;position:absolute; left:0px; bottom:5px; z-index:0; width:100%;}
table.cStyle1 .b_line .line.org {background:#ffe4d2;}
table.cStyle1 .b_line .line.green {background:#daefdb;}
table.cStyle1 .b_line .line.blue {background:#ddf0ff;}
table.cStyle1 .b_line .line.pur {background:#efe3f2;}

.common_help_box {position:relative; padding:30px; border:1px #ddd solid; margin-bottom:60px; border-radius:20px; font-size:16px; }
.common_help_box .col_box {display:table; width:100;;}
.common_help_box .col_box .col {display:table-cell; vertical-align:middle;}
.common_help_box .col_box .col.icon {padding:0 30px;}
.common_help_box .col_box .col.text {color:#000;}
.common_help_box .col_box .col.text .s_title {font-size:23px; font-weight:bold; margin-bottom:20px; color:#000;}
.common_help_box .col_box .col img {vertical-align:middle;}


/* 컨텐츠 공통 스타일 */
h4.cStyle {font-size:24px; color:#000; line-height:30px; }
h4.cStyle.etc {font-size:20px; color:#000; line-height:23px;}
h4.cStyle.etc span {color:#f29926;}

h5.cStyle {font-size:20px; padding:0 0 0 16px; color:#014e8d; font-weight:normal;  background:url(../images/sub/h5_dot.jpg) 0px 6px no-repeat; line-height:24px; margin-bottom:10px;}



ul.cStyle {overflow:hidden;}
ul.cStyle li{padding:0 0 0 13px; font-size:16px;  color:#555; background:url(../images/sub/dt_dot.jpg) 5px 10px no-repeat; line-height:24px; margin:5px 0px; }


dl.cStyle {clear:both; font-size:16px;}
dl.cStyle dt {padding:0 0 0 13px; margin:15px 0 0 0; color:#555; background:url(../images/sub/dt_dot.jpg) left 10px no-repeat; line-height:24px;  margin:5px 0px; }
dl.cStyle dd {padding:0 0 0 16px; margin:5px 0 0 0; color:#767676; background:url(../images/sub/dd_dot.jpg) 5px 10px no-repeat; line-height:24px; margin:3px 0px; }
dl.cStyle dd a {color:#767676;}
dl.cStyle dd a:hover {color:#000; text-decoration:underline;}



ul.img_list {display:table; width:100%; table-layout:fixed; margin-top:15px;}
ul.img_list li {display:table-cell; position:relative;}
ul.img_list li.jump {width:20px;}
ul.img_list li img {vertical-align:middle; width:100%; border-radius:20px;}

p.cStyle {  font-size:16px; margin-top:15px;}
p.cStyle b {color:#fb7a0b; letter-spacing:0;}
p.cStyle img {max-width:100%;}



p.cStyle1 {  font-size:14px; margin-top:15px; text-align:center; color:#888}
p.cStyle1 img {max-width:100%;}


p.cStyle_etc {  font-size:13px; margin-top:10px; text-align:left;}
p.cStyle_etc a{display:block; text-decoration:underline;  color:#666; font-size:14px; }
p.cStyle_etc img {max-width:100%;}


.table_tip_wrap {display:none;}




@media all and (max-width:1080px) {



.common_help_box { padding:30px; ; margin-bottom:60px; border-radius:20px; font-size:16px; }
.common_help_box .col_box {display:block;}
.common_help_box .col_box .col {display:block;}
.common_help_box .col_box .col.icon {padding:0 30px; text-align:center;}
.common_help_box .col_box .col.text {margin-top:15px;}






#guideGroup .guide {padding-left:10px;}
#guideGroup .guide li{font-size:12px; padding-right:20px;; padding:12px 0px; padding-right:20px;; }

#contentGroup {margin-top:30px;}


#left {float:none; width:auto; margin:0 10px 25px;;}
#left h2,
#left .cs_call_banner {display:none;}
#left #leftMenu {margin-top:0px; overflow:hidden; font-size:0px; border:0px; padding:0px; border-radius:0px; padding-left:1px; padding-bottom:1px;}
#left #leftMenu li {display:inline-block; border:1px #ededed solid; width:33.33333333333%;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; text-align:center; margin:0px; margin-left:-1px; margin-bottom:-1px;  vertical-align:top}
#left #leftMenu li a{border-bottom:0px; line-height:45px; font-size:13px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;    vertical-align: middle; }
#left #leftMenu li a.on{background:#2959a2; color:#fff;}





/*컨텐츠박스*/
#content {position:relative; margin-left:0px; padding:0 10px; margin-top:10px; }
#content .title_text {font-size:20px;margin-bottom:30px;  line-height:30px; }





/* 탭메뉴 */
div.tapMenu ul li { font-size:13px;}
div.tapMenu ul li a { padding:0 20px;}





.mobile_table_wrap {overflow:hidden; overflow-x:auto; display:block; position:relative;}
.mobile_table_wrap table{width:500px !important;}

.table_tip_wrap {position:relative;margin:30px 0px 0px; display:block; }
.table_tip_wrap .tip {overflow:hidden; text-align:center;}
.table_tip_wrap .tip .text{background:rgba(0,0,0,0.7); color:#fff; font-size:12px; line-height:36px; margin:0 50px; border-radius:30px;}
.table_tip_wrap .tip .col{position:absolute; top:0px; width:30px; height:36px; background-position:left top; background-repeat:no-repeat;  background-size:36px}
.table_tip_wrap .tip .col.left{left:0px;  background:url(../images/sub/mobile_swipe_icon_left.png); background-size:30px; }
.table_tip_wrap .tip .col.right{right:0px;  background:url(../images/sub/mobile_swipe_icon_right.png);   background-size:30px;}


.mobile_none {display:none !important;}



h4.cStyle {font-size:24px;}
h5.cStyle {font-size:20px;}



table.cStyle {font-size:14px;;}
table.cStyle th {padding:8px; }
table.cStyle td {padding:8px; }


table.cStyle1 {font-size:14px;;}
table.cStyle1 th {padding:8px; }
table.cStyle1 td {padding:8px; }


table.cStyle2 {font-size:14px;;}
table.cStyle2 th {padding:8px; }
table.cStyle2 td {padding:8px; }


table.cStyle3 {font-size:14px;;}
table.cStyle3 th {padding:8px; }
table.cStyle3 td {padding:8px; }







}