@charset "utf-8";

/*이미지정의*/
.mimg{line-height:0;text-align:center;}
.mimg img{max-width:100%;}

/***** 탭정의 *****/
.con_tab ul{display:inline-block;width:100%;}
.con_tab ul li{float:left;width:49%;}
.con_tab ul li a{position:relative;margin:-1px 0 0 -1px;display:block;height:50px;line-height:50px;font-weight:500;text-align:center;color:#666;background:#fdfdfd;border:1px solid #dedede;}
.con_tab ul li a.on,
.con_tab ul li a:hover{position:relative;font-weight:700;color:#222;background:#fff;border:1px solid #000;z-index:10;}
.con_tab ul li a.on{box-shadow:-2px -2px 4px rgba(0,0,0,0.2);}
.con_tab ul.no2 li{width:50%;}
.con_tab ul.no3 li{width:33.3%;}
.con_tab ul.no4 li,
.con_tab ul.no7 li,
.con_tab ul.no8 li{width:25%;}
.con_tab ul.no5 li,
.con_tab ul.no9 li,
.con_tab ul.no10 li,
.con_tab ul.no11 li,
.con_tab ul.no12 li,
.con_tab ul.no13 li{width:20%;}
.con_tab ul.no6 li{width:16.5%;}

.con_tab2{display:inline-block;width:100%;font-size:15px;}
.con_tab2 ul{clear:both;overflow:hidden; padding-bottom:1px;}
.con_tab2 ul li{float:left;width:50%;margin-right: -1px; margin-bottom:-1px;}
.con_tab2 ul li a{position:relative;display:block;height:49px;font-size: 16px;line-height:49px;text-align:center;color:#323232;background: #f8f8f8;border: 1px solid #cfcfcf;letter-spacing: -0.05em;}
.con_tab2 ul li a.on,
.con_tab2 ul li a:hover{color: #007ee7;height:47px;line-height:47px;font-weight:500;border: 1px solid #1d8df5;z-index:10;background: #fff; border: 2px solid #1d8df5; }
.con_tab2 ul.no2 li{width:50%;}
.con_tab2 ul.no3 li{width:33.333%;}
.con_tab2 ul.no4 li{width:25%;}
.con_tab2 ul.no5 li{width:20%;}
.con_tab2 ul.no6 li{width:33.333%;}
.con_tab2 ul.no7 li{width:20%;}

.tab_t{margin-top:50px;}
.tab_b{margin-bottom:60px;}
.tab_b2{margin-bottom:25px;}

/***** 제목 *****/
h3.tit{margin-bottom:20px;font-weight:500;font-size:24px;color:#000;line-height:32px;}
h3.tit.h3_t{margin-top:55px;}
h4.tit{margin-bottom:20px;padding-left:30px;font-weight:500;font-size:20px;line-height:30px;color:#034b9f;background:url(/sbcc/nanum/site/builder/skin/main/img/common/h4_tit.gif) no-repeat left 5px;}
h4.tit.h4_t{margin-top:30px;}
h5.tit{margin-bottom:10px;padding-left:30px;font-weight:500;font-size:18px;line-height:28px;color:#590da0;background:url(/sbcc/nanum/site/builder/skin/main/img/common/h5_tit.gif) no-repeat left 10px;}
h5.tit.h5_t{margin-top:20px;}

/***** 리스트 *****/
ul.list li{padding-left:15px;margin-top:8px;font-weight:500;font-size:16px;line-height:25px;color:#444;background:url(/sbcc/nanum/site/builder/skin/main/img/common/bu_list.gif) no-repeat left 9px;}
ul.list li:first-child{margin-top:0;}
ul.list li ul.list2{margin:10px 0 15px;}
ul.list2 li{padding-left:13px;margin-top:8px;font-size:15px;line-height:25px;color:#444;background:url(/sbcc/nanum/site/builder/skin/main/img/common/bu_list2.gif) no-repeat left 11px;}
ul.list2 li:first-child{margin-top:0;}
ul.list2 li ul.list3{margin:8px 0;}
ul.list3 li{padding-left:13px;margin-top:5px;font-size:14px;line-height:22px;color:#555;background:url(/sbcc/nanum/site/builder/skin/main/img/common/bu_list3.gif) no-repeat left 8px;}
ul.list3 li:first-child{margin-top:0;}

/***** 버튼정의 *****/
/*.btn_ww{margin-top:20px;}*/
.btn_wrap{margin-bottom:40px;font-size:0;text-align:center;}
.btn_wrap.btn_topw{margin-top:30px;}
.btn_wrap.btn_topw2{margin-top:100px;}
.btn_ww,
.btn_wrap{margin-left:-10px;}
.btn_ww a,
.btn_wrap a{display:inline-block;min-width:90px;margin:10px;padding:0 30px;height:50px;line-height:50px;font-weight:500;font-size:16px;color:#fff;background-color:#666;border-radius:10px;box-shadow:7px 10px 10px rgba(153,153,153,0.4);}
.btn_ww a.point_btn,
.btn_wrap a.point_btn{background-color:#273a83;background-repeat:no-repeat;background-position:85% center;box-shadow:7px 10px 10px rgba(39,58,131,0.4);}
.btn_ww a.point_btn.down_btn,
.btn_wrap a.point_btn.down_btn{padding:0 70px 0 30px;text-align:left;background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/down_btn.png);}
.btn_ww a.point_btn.link_btn,
.btn_wrap a.point_btn.link_btn{padding:0 70px 0 30px;text-align:left;background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/go_btn.png);}

.btn_ww a.sbtn,
.btn_wrap a.sbtn{min-width:auto;margin: 10px;padding:0 20px;height:45px;line-height:45px;font-size:15px;}
.btn_ww a.point_btn.down_btn.sbtn,
.btn_wrap a.point_btn.down_btn.sbtn,
.btn_ww a.point_btn.link_btn.sbtn,
.btn_wrap a.point_btn.link_btn.sbtn{padding:0 65px 0 25px;}

.con_btn.blue,
.con_sbtn.blue{background:#186adf;}
.con_btn.blue:hover,
.con_sbtn.blue:hover{background:#37b6ff;}

.con_btn.orange,
.con_sbtn.orange{background:linear-gradient(135deg, #ff8700 0%,#ff3600 100%);}
.con_btn.orange:hover,
.con_sbtn.orange:hover{background:#ff9b33;}

.con_btn.red,
.con_sbtn.red{background:linear-gradient(135deg, #b82e2d 0%,#ff3600 100%);}
.con_btn.red:hover,
.con_sbtn.red:hover{background:#f96359;}

.con_btn.black_l,
.con_sbtn.black_l{border:1px solid #222;color:#222;}
.con_btn.black_l:hover,
.con_sbtn.black_l:hover{background:#000;color:#fff;}

.con_btn.gray,
.con_sbtn.gray{background:#f5f5f5;border:1px solid #cfcfcf;color:#555;}
.con_btn.gray:hover,
.con_sbtn.gray:hover{background:#fff;border:1px solid #222;color:#222;}

.con_btn.white,
.con_sbtn.white{background:#fff;border:1px solid #b0b0b0;color:#000;}
.con_btn.white:hover,
.con_sbtn.white:hover{background:#f5f5f5;}
.con_btn.white{padding:14px 40px;}
.con_sbtn.white{padding:8px 15px;}

.con_btn.dgray,
.con_sbtn.dgray{background:#707070 !important;}
.con_btn.dgray:hover,
.con_sbtn.dgray:hover{background:#858585;}

#board div.board_total .board_orange{color:#e30000 !important;}
#board .table_bview tbody td dl.info dd .size{color:#707070 !important;}

/***** 기본테이블 *****/
table.table1{margin-top:10px;width:100%;border-collapse:collapse; border-top:2px solid #343434;}
table.table1 th,
table.table1 td{padding:15px 10px;font-size:16px;text-align:center;color:#000;}
table.table1 thead th{font-weight:normal;background:#fff;border-bottom: 1px solid #c4c7ca;}
table.table1 thead th,
table.table1 tbody th,
table.table1 tbody td{font-weight:normal;line-height:23px;border-left:1px solid #c4c7ca;}
table.table1 tbody th.gray {background-color:#f9f9f9;}
table.table1 tbody tr th.table_bg{background:#edfdff;}
table.table1 tbody th,
table.table1 tbody tr{color:#555;border-bottom:1px solid #c4c7ca;}
table.table1 thead th{font-weight:500;background:#f4f8fc;}
table.table1 tbody th{font-weight:500;background:#f9f9fa}
table.table1 tbody td.left{text-align:left;padding:20px 25px;}
table.table1 tbody td.right{text-align:right;padding:20px 25px;}
table.table1 tfoot th,
table.table1 tfoot td{background:#f9f9fa;border-left:1px solid #d9dfea;color:#333; border-bottom:1px solid #222;}
table.table1 thead th:first-child,
table.table1 thead td:first-child,
table.table1 tbody th:first-child,
table.table1 tbody td:first-child,
table.table1 tfoot th:first-child,
table.table1 tfoot td:first-child {border-left:0;}
table.table1 .line0{border-left:0}
table.table1 .line{border-left:1px solid #c4c7ca !important;}
p.table_date{text-align:right;padding:3px 0;margin-top:-30px;}

table.table2{margin-top:10px;width:100%;border-collapse:collapse;}
table.table2 th,
table.table2 td{padding:15px 10px;font-size:15px;text-align:center;color:#555;border:1px solid #b2d6eb;}
table.table2 thead th{font-weight:normal;font-size:16px;}
table.table2 thead th,
table.table2 tbody th,
table.table2 tbody td{font-weight:normal;line-height:23px;}
table.table2 tbody th.gray {background-color:#f9f9f9;}
table.table2 tbody tr th.table_bg{background:#edfdff;}
table.table2 tbody th,
table.table2 tbody tr{color:#555;}
table.table2 thead th{font-weight:500;font-size:16px;background:#f4f8fc;}
table.table2 tbody th{font-weight:500;font-size:16px;background:#ecf8ff;color:#294758;}
table.table2 tbody td.left{text-align:left;padding:20px 25px;}
table.table2 tbody td.right{text-align:right;padding:20px 25px;}
table.table2 tfoot th,
table.table2 tfoot td{background:#f9f9fa;color:#333;}

/*모바일 스크롤 안내*/
.mscroll_guide {display:none;}

/* 모바일, 웹 */
.moblie_no{display:none;}
.web_no{display:inline-block;}

.point_txt{font-weight:500;font-size:15px;line-height:23px;padding-left:30px;margin:10px 0;background: url(/sbcc/nanum/site/builder/skin/main/img/common/point_txt.png) no-repeat 0 1px;}

/***** 폼태그 *****/
.txt_input{height:45px;padding:0 15px;line-height:45px;color:#757575;border:1px solid #d5dbde;cursor:text;background:#fff;}
.txt_input:focus{border:1px solid #3db6ed;background-color:#f0f7fa;}

/* 이미지 설명글 */
.img_stepw{margin:-20px 0 0 -2%;width:102%;clear:both;overflow:hidden;}
.img_stepw dl{float:left;margin:30px 0 0 2%;padding:15px 0 30px;text-align:center;border:1px solid #000;}
.img_stepw.no2 dl{width:47.7%;}
.img_stepw.no3 dl{width:30.8%;}
.img_stepw.no4 dl{width:22.7%;}
.img_stepw.no5 dl{width:17.7%;}
.img_stepw dl dt{position:relative;top:-25px;padding:0 15px;display:inline-block;font-weight:600;font-size:17px;line-height:1;color:#000;background:#fff;text-transform:uppercase;}
.img_stepw dl dd{margin-top:-10px;padding:80px 8px 0;min-height:50px;font-weight:600;font-size:15px;line-height:23px;color:#0e7bdd;background-repeat:no-repeat;background-position:center top;}
.img_stepw dl.icon1 dd{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/img_sicon1.gif);}
.img_stepw dl.icon2 dd{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/img_sicon2.gif);}
.img_stepw dl.icon3 dd{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/img_sicon3.gif);}
.img_stepw dl.icon4 dd{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/img_sicon4.gif);}
.img_stepw dl.icon5 dd{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/img_sicon5.gif);}
.img_stepw dl.icon6 dd{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/img_sicon6.gif);}
.img_stepw dl.icon7 dd{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/img_sicon7.gif);}

.gray_box{padding:30px;font-size:15px;color:#333;background:#f9f9f9;}

/***** 아이콘박스*****/
.icon_box{position:relative;margin-bottom:50px;border:1px solid #cbcbcb;border-top:2px solid #222;text-align:left;}
.icon_box .area{position:relative;padding:45px 40px 40px 220px;background-repeat:no-repeat;background-position:60px center;}
.icon_box p.tit{margin-bottom:30px;font-size:25px;color:#000;}
.icon_box p.txt{font-size:17px;color:#555;}
.icon_box .con_btn {display:inline-block;margin:30px 0 0;padding:0;width:200px;height:45px;line-height:45px;text-align:center;}

.icon_box .area.icon1{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/ibox_icon1.gif);}
.icon_box .area.icon2{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/ibox_icon2.gif);}
.icon_box .area.icon3{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/ibox_icon3.gif);}
.icon_box .area.icon4{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/ibox_icon4.gif);}
.icon_box .area.icon5{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/ibox_icon5.gif);}

/* 박스텍스트 */
.box_txtw{position:relative;margin-bottom:30px;min-height:190px;}
.box_txtw dt{position:absolute;top:15px;left:15px;padding:30px;display:flex;flex-direction: column;justify-content: center;align-items: center;gap:20px;width:160px;height:calc(100% + 5px);font-weight:600;font-size:18px;color:#034b9f;background-color:#fff;border:2px solid #034b9f;text-align:center;box-sizing:border-box;}
.box_txtw dt:before{content:'';width:100%;height:50px;background-repeat:no-repeat;background-position:center;}
.box_txtw dd{padding:35px 30px 35px 215px;min-height:90px;background:#f9f9f9;}
.box_txtw.icon1 dt:before{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/rbox_icon1.gif);}
.box_txtw.icon2 dt:before{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/rbox_icon2.gif);}
.box_txtw.icon3 dt:before{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/rbox_icon3.gif);}
.box_txtw.icon4 dt:before{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/rbox_icon4.gif);}

/* 라운드박스 */
.round_bw{margin-left:-2%;width:102%;clear:both;overflow:hidden;}
.round_bw dl{float:left;margin:2% 0 0 2%;padding:50px 2%;width:43.5%;background:url(/sbcc/nanum/site/builder/skin/main/img/common/rbox_bg.png) no-repeat bottom right;text-align:center;border:1px solid #e1e1e1;border-radius:15px;}
.round_bw dl.gray{background-color:#fcfcfc;}
.round_bw dl dt{margin-bottom:20px;font-weight:600;font-size:22px;color:#333;}
.round_bw dl dd{font-weight:500;font-size:15px;line-height:24px;color:#555;}

/* 라인텍스트 */
.line_tw dl{display:table;width:100%;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e5e5e5;}
.line_tw dl dt{display:table-cell;width:240px;font-weight:600;font-size:20px;color:#000;text-align:center;vertical-align:middle;}
.line_tw dl dt span{display:block;padding-top:80px;background-repeat:no-repeat;background-position:center top;}
.line_tw dl.icon1 dt span{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/line_ticon1.gif);}
.line_tw dl.icon2 dt span{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/line_ticon2.gif);}
.line_tw dl.icon3 dt span{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/line_ticon3.gif);}
.line_tw dl.icon4 dt span{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/line_ticon4.gif);}
.line_tw dl.icon5 dt span{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/line_ticon5.gif);}
.line_tw dl.icon6 dt span{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/line_ticon6.gif);}
.line_tw dl.icon7 dt span{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/line_ticon7.gif);}
.line_tw dl.icon8 dt span{background-image:url(/sbcc/nanum/site/builder/skin/main/img/common/line_ticon8.gif);}
.line_tw dl dd{display:table-cell;vertical-align:middle;}
.line_tw dl dd .txt li{position:relative;margin:5px 0;padding-left:75px;}
.line_tw dl dd span{position:absolute;left:0;top:0;font-weight:600;color:#000;}

/**** step 이미지 X step 타이틀 O ****/
.step_list{display:inline-block;width:100%; overflow:hidden;}
.step_list > li{float:left; width:47%; padding:2% 5% 2% 0%; background:url(/sbcc/nanum/site/builder/skin/main/img/common/mstep_arr.png)no-repeat 98% 50%;}
.step_list > li:last-child {background:none; padding-right:0;}
.step_list > li dl {width:100%;}
.step_list > li dl dt{padding:10px 20px;border:1px solid #222;font-size:17px;font-weight:600;color:#222;letter-spacing:0.01em; text-align:center;}
.step_list > li dl dd{display:table; width:100%; min-height:320px; background:#f5f5f5;font-size:15px;color:#222;word-break:keep-all; text-align:left;}
.step_list > li dl dd p,
.step_list > li dl dd > ul{display:table-cell; /*vertical-align:middle;*/ padding:16px; line-height:1.5;}

/******************************1023******************************/
@media all and (max-width:1023px){

.mobile_no{display:none;}

/***** 탭정의 *****/
.con_tab{font-size:14px;}
.con_tab.tab_b{margin-bottom:30px;}
.con_tab ul li a{font-size:14px;}

.con_tab2 ul li a{font-size:14px;}
.con_tab2 ul.no6 li{width:33.3333%;}
.con_tab2 ul.no7 li{width:33.3333%;}

/***** 리스트 *****/
ul.list li{font-size:15px;line-height:23px;background-position:left 7px;}
ul.list2 li{margin-top:6px;font-size:15px;line-height:23px;background-position:left 8px;}
ul.list3 li{font-size:14px;line-height:21px;background-position:left 7px;}

/***** 버튼 *****/
.btn_ww a,
.btn_wrap a{padding:0 20px;height:46px;line-height:46px;font-size:15px;background-position:right 20px center;}
.btn_ww a.point_btn.down_btn,
.btn_wrap a.point_btn.down_btn,
.btn_ww a.point_btn.link_btn,
.btn_wrap a.point_btn.link_btn{padding:0 55px 0 20px;background-position:right 20px center;}

/* 이미지 설명글 */
.img_stepw dl{padding:15px 0;}
.img_stepw.no5 dl{width:31%;}
.img_stepw dl dt{font-size:16px;}
.img_stepw dl dd{margin-top:-10px;padding:75px 10px 0;font-size:14px;line-height:20px;background-size:auto 60px;}

/* 박스텍스트 */
.box_txtw{min-height:165px;}
.box_txtw dt{width:150px;font-size:17px;}
.box_txtw dd{padding:30px 25px 30px 190px;}

/* 라운드박스 */
.round_bw.mt40{margin-top:20px;}
.round_bw dl{margin:2% 0 0 2%;padding:45px 1%;width:45.5%;}
.round_bw dl dt{font-size:21px;}

/* 라인텍스트 */
.line_tw dl{margin-bottom:30px;padding-bottom:30px;}
.line_tw dl dt{width:200px;font-size:18px;}
.line_tw dl dt span{padding-top:75px;background-size:auto 58px;}
.line_tw dl dd .txt li{margin:4px 0;padding-left:70px;}


/**** step 이미지 X step 타이틀 O ****/
.step_list > li dl dd {min-height:245px;}

}

/******************************768******************************/
@media all and (max-width:768px){
	
/* 모바일, 웹 */
.web{display:none;}

/* 테이블 */
table.table1 thead th br, table.table1 tbody th br, table.table1 tbody td br{display:none}

/***** 탭정의 *****/
.con_tab ul {padding-bottom:1px;}
.con_tab ul li a{height:40px !important;line-height:40px !important;border-bottom:1px solid #cecece;margin-bottom:-1px;box-sizing:border-box;}
.con_tab ul.no2 li{width:50%;}
.con_tab ul.no3 li{width:33.333%;}
.con_tab ul.no4 li,
.con_tab ul.no5 li{width:50%;}
.con_tab ul.no6 li{width:33.333%;}
.con_tab ul.no7 li{width:50%;}
.con_tab ul.w100 li{width:100%;}
.con_tab ul li a.on{border:1px solid #000;}

.con_tab2 ul li a{height:40px;line-height:40px; font-size:13px;}
.con_tab2 ul li a.on,
.con_tab2 ul li a:hover{height:38px;line-height:38px;}
.con_tab2 ul.no2 li{width:50%;}
.con_tab2 ul.no3 li{width:33.333%;}
.con_tab2 ul.no4 li,
.con_tab2 ul.no5 li{width:50%;}
.con_tab2 ul.no6 li{width:33.333%;}
.con_tab2 ul.no7 li{width:50%;}
.con_tab2 ul.w100 li{width:100%;}

/***** 제목 *****/
h3.tit{padding-top:0;margin-bottom:15px;font-size:20px;line-height:30px;}
h3.tit.h3_t{margin-top:40px;}
h4.tit{font-size:18px;line-height:27px;}
h4.tit.h4_t{margin-top:20px;}
h5.tit{font-size:16px;line-height:24px;background-position:0 7px;}
h5.tit.h5_t{margin-top:13px;}

/***** 리스트 *****/
ul.list li{margin-top:6px;}
ul.list li.btn_list{background-position:left 18px;}

/***** 버튼정의 *****/
a.con_btn,
input.con_btn{margin:0 2px;padding:12px 25px;font-size:14px;}
a.con_sbtn,
input.con_sbtn{margin:0 2px;padding:10px 12px;font-size:12px;}

/***** 버튼 *****/
.btn_ww,
.btn_wrap{margin-left:0;text-align:center;}
.btn_ww a,
.btn_wrap a{padding:0 20px;margin:5px;height:44px;line-height:44px;font-size:14px;background-position:right 20px center;}
.btn_ww a.point_btn.down_btn,
.btn_wrap a.point_btn.down_btn{background-size:16px auto;}
.btn_ww a.point_btn.link_btn,
.btn_wrap a.point_btn.link_btn{background-size:17px auto;}
.btn_ww a.point_btn.down_btn,
.btn_wrap a.point_btn.down_btn,
.btn_ww a.point_btn.link_btn,
.btn_wrap a.point_btn.link_btn{padding:0 45px 0 20px;background-position:right 15px center;}

.gray_box{padding:15px;font-size:14px;}

.point_txt{font-size:14px;line-height:21px;background-position:0 0;}

/* 이미지 설명글 */
.img_stepw{margin-top:-10px;}
.img_stepw dl{margin-top:20px;width:48% !important;box-sizing:border-box;}
.img_stepw dl dt{font-size:15px;}

/***** 아이콘박스*****/
.icon_box span img{width:30px;height:auto;}
.icon_box .area{padding:105px 20px 20px;background-position:50% 20px !important;background-size:70px auto;}
.icon_box p.tit{margin-bottom:20px;font-size:20px;line-height:1.4;text-align:center;}
.icon_box p.txt{font-size:14px;}

/* 박스텍스트 */
.box_txtw{min-height:auto;margin-bottom:15px;}
.box_txtw dt{position:static;flex-direction: row;gap:5px;padding:10px;width:auto;height:50px;line-height:50px;font-size:16px;text-align:left;}
.box_txtw dt:before{width:50px;background-size:auto 30px;}
.box_txtw dd{margin-top:0;padding:20px;min-height:auto;}

/* 라운드박스 */
.round_bw{width:auto;margin:-10px 0 0;}
.round_bw dl{float:none;margin:10px 0 0;padding:35px 15px;width:auto;background-size:80px auto;box-sizing:border-box;}
.round_bw dl dt{margin-bottom:15px;font-size:19px;}
.round_bw dl dd{font-size:14px;line-height:22px;}

/* 라인텍스트 */
.line_tw dl{display:block;margin-bottom:20px;padding:0 20px 20px;width:auto;}
.line_tw dl dt{display:block;margin-bottom:20px;width:auto;font-size:17px;}
.line_tw dl dt span{padding-top:62px;background-size:auto 50px;}
.line_tw dl dd{display:block;font-size:13px;line-height:20px;}

/**** step 이미지 X step 타이틀 O ****/
.step_list > li{width:47%;background-position:97% center;}
.step_list > li dl dt{font-size:14px; padding:6px 20px;}
.step_list > li dl dd {min-height:270px;}

}


/******************************640******************************/
@media all and (max-width:640px){

/***** 제목 *****/
h3.tit{margin-bottom:12px;}

/***** 리스트 *****/
ul.list li{font-size:14px;line-height:21px;}
ul.list2 li,
ul.list3 li{font-size:13px;line-height:20px;}
ul.list li ul.list2{margin:5px 0 10px}

/***** 기본테이블 *****/
table.table1 th,table.table1 td,
table.table2 th,table.table2 td{padding:12px 5px;font-size:14px;}
table.table1 thead th, table.table1 tbody th, table.table1 tbody td,
table.table2 thead th, table.table2 tbody th, table.table2 tbody td{font-size:14px;line-height:20px;}
table.table1 tbody td.eng{font-size:14px;}
table.table1 tbody td.left,
table.table2 tbody td.left{padding:12px 8px;}
table.table1 tbody td.right,
table.table2 tbody td.right{padding:12px 8px;}	
p.table_right{margin-bottom:20px;}


/******디자인 공통******/
.con_tab ul li a{font-size:13px;}

/*모바일 스크롤 안내*/
.mscroll {overflow-y:hidden; padding-bottom:20px;}
.mscroll_guide {display:block; margin-bottom:20px; padding:25px 10px 25px 80px; font-size:14px; color:#444;border-radius:3px; background:url(/sbcc/nanum/site/builder/skin/common/img/mscroll_guide_ico.gif) no-repeat 20px 50%; box-shadow:1px 1px 5px #c7ced4;}
.mscroll_guide span {color:#ff720a;}
.mscroll table {margin-top:0 !important;width:650px !Important; margin-top:10px;}


/**** step 이미지 X step 타이틀 O ****/
.step_list > li dl dd {min-height:220px;}

}


/******************************550******************************/
@media all and (max-width:550px){

ul.list li.btn_list{background-position:left 8px;}
ul.list li.btn_list br{display:block;}
ul.list li.btn_list a{margin-left:0;}

}

/******************************480******************************/
@media all and (max-width:480px){

/***** 제목 *****/
h3.tit{font-size:18px;line-height:27px;}
h4.tit{font-size:16px;line-height:24px;}

/***** 기본테이블 *****/
table.table1 th,
table.table1 td{padding:10px 0;font-size:13px;}
table.table1 tbody td.eng{font-size:13px;}
table.table1 tbody td.left,
table.table1 tbody td.right{padding-top:10px;padding-bottom:10px;}


/**** step 이미지 X step 타이틀 O ****/
.step_list > li {float:none;width:auto;padding:5px 0;background:0;}
.step_list > li dl dd {display:block;width:auto;padding:15px 20px;min-height:auto;}
.step_list > li dl dd p,
.step_list > li dl dd > ul{display:block;padding:0;}

}

/******************************웹******************************/
@media all and (min-width:769px){

.btn_ww a:hover,
.btn_wrap a:hover{animation-duration:4s;animation-name:btn_hover1; animation-iteration-count:infinite;}

.btn_ww a.point_btn:hover,
.btn_wrap a.point_btn:hover{animation-duration:4s;animation-name:btn_hover2;animation-iteration-count:infinite;}

@keyframes btn_hover1 {     
 0%{background-color:#555;}
 30%{background-color:#444;}
 50%{background-color:#333;}
 70%{background-color:#444;}
 100%{background-color:#555;}
}

@keyframes btn_hover2 {   
 0%{background-color:#468ee0;}
 30%{background-color:#273a83;}
 50%{background-color:#590da0;}
 70%{background-color:#273a83;}
 100%{background-color:#468ee0;}
}

}