@charset "utf-8";

/* float */
.clearAfter{*zoom:1;}
.clearAfter:after{content:"";display:block;clear:both;}

/***** 탭 *****/
.con_tab{width:100%;}
.con_tab ul{display:inline-block;width:850px;clear:both;}
.con_tab ul li{float:left;text-align:center;}
.con_tab ul li a{display:block;height:53px;margin-left:-1px;color: #61666d;font-size:16px;font-family: 'NotoKrM', sans-serif, sans-serif;line-height:53px;letter-spacing:-0.08em;border:1px solid #cfd6e0;background: #fafafa;}
.con_tab ul li a.on{position:relative;font-size:16px;color: #222;border:1px solid #000;background: #fff;}
.con_tab ul.no2 li{width:50%;}
.con_tab ul.no3 li{width:33%;}
.con_tab ul.no4 li{width:25%;}
.con_tab ul.no5 li{width:20%;}
.con_tab ul.no6 li{width:16.6%;}
.con_tab ul.no7 li{width:14.2%;}
/*.con_tab ul.no8 li{width:12.5%;}*/
.con_tab ul.no8 li{width:25%;}
.tab_b{margin-bottom:50px;}

/***** 제목 *****/
h3.tit{padding-left:30px; color:#222; margin-bottom:15px;line-height:30px;background:url(/nanum/site/builder/skin/skin04_07/img/common/h3_icon.png)no-repeat 0 50%;font-weight:normal;font-family:'NotoKrB', sans-serif;font-size:22px;font-weight:normal;word-break:keep-all;letter-spacing:-0.05em; background-size:22px;}
h3.tit.h3_t{margin-top:40px;}
h3.tit span{font-size:15px;}
h4.tit{font-weight:normal;font-family:'NotoKrB';font-size: 19px;font-weight:normal;color: #333;letter-spacing:-0.05em;/* margin-left: 5px; */margin-bottom:10px;padding-left: 12px;background: url(/nanum/site/builder/skin/skin04_07/img/common/h4_bg.gif) no-repeat 0 50%;}
h4.tit.h4_t{margin-top:40px;}

/***** 리스트 *****/
ul.list{/* margin-top:20px; */}
ul.list li{padding-left:13px;margin-bottom:7px;background:url(/nanum/site/builder/skin/skin04_07/img/common/bu_list.gif) no-repeat 0 8px;text-align:left;font-size:15px;line-height:23px;color: #333;}
ul.list li strong.st{font-weight:normal;font-family:'NotoKrM';color:#222;}
ul.list li ul.list2{margin:5px 0 20px;}
ul.list2 li{padding-left: 13px;background:url(/nanum/site/builder/skin/skin04_07/img/common/bu_list2.gif) no-repeat 0 7px;margin-bottom:5px;line-height:20px;font-size:14px;color: #555;}
ul.list2 li ul.list3{margin:3px 0 10px;}
ul.list3 li{padding-left: 10px;font-size: 13px;font-weight: normal;font-family: 'NotoKrM',sans-serif;background:url(/nanum/site/builder/skin/skin04_07/img/common/bu_list3.gif) no-repeat 0 6px;margin-bottom:3px;line-height:20px;color: #888;}

/* 테이블 */
.table1{width:100%;border-top:2px solid #000;border-left:1px solid #e5e5e5;}
.table1 thead th{padding:15px 0;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#f4f5f9;font-family:'NotoKrM';font-size:14px;color:#000;font-weight:normal;text-align:center;}
.table1 tbody th{padding:15px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-family:'NotoKrB';font-weight:normal;font-size:14px;line-height:22px;text-align:center;}
.table1 tbody td{padding:15px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-family:'NotoKrM';font-size:14px;line-height:22px;color:#222;text-align:center;word-break:keep-all;vertical-align:middle;}
.table1 tbody th.dot_line,
.table1 tbody td.dot_line{border-bottom:1px dashed #e5e5e5;}
.table1 tbody td.left{text-align:left;}
.table1 tbody td.left ul.list li{font-size:14px;line-height:22px;color:#222;}
.table1 tbody td .eng{font-weight:500;}

/* 테이블 */
/*table.table1{width:100%;border-top:2px solid #000;border-left:1px solid #e5e5e5;word-wrap:break-word;}
table.table1 thead th{padding:15px 0;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#f4f5f9;font-family:'NotoKrM';font-size:14px;color:#000;font-weight:normal;text-align:center;}
table.table1 tbody th{padding:15px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-family:'NotoKrB';font-weight:normal;font-size:14px;line-height:22px;text-align:center;}
table.table1 tbody td{padding:15px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-family:'NotoKrM';font-size:14px;line-height:22px;color:#222;text-align:center;vertical-align:middle;}
table.table1 tbody th.dot_line,
table.table1 tbody td.dot_line{border-bottom:1px dashed #e5e5e5;}
table.table1 tbody td.left{text-align:left;}
table.table1 tbody td.left ul.list li{font-size:14px;line-height:22px;color:#222;}
table.table1 tbody td .eng{font-weight:500;}*/

/* 진료일정표_공통 */
/*table.table1 tbody td span.time{display:inline-block;padding:3px 7px 5px 7px;border-radius:3px;font-family:'NotoKrB';font-size:13px;line-height:1;}
table.table1 tbody td span.time.am{border:1px solid #c0dbba;background:#e4f3de;color:#77866f;} /* 오전 */
/*table.table1 tbody td span.time.pm{border:1px solid #a9cce2;background:#d6ecf7;color:#6ea2c9;} /* 오후 */
/*table.table1 tbody td span.time.day{border:1px solid #d1a8ac;background:#f1d4d0;color:#d06761;} /* 종일 */
/*table.table1 tbody td span.time.resrch{border:1px solid #d5d5d5;background:#f1f1f1;color:#888;} /* 연구 */

/* 테이블 */
.table1{width:100%;border-top:2px solid #000;border-left:1px solid #e5e5e5;word-wrap:break-word;}
.table1 thead th{padding:15px 0;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#f4f5f9;font-family:'NotoKrM';font-size:14px;color:#000;font-weight:normal;text-align:center;}
.table1 tbody th{padding:15px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-family:'NotoKrB';font-weight:normal;font-size:14px;line-height:22px;text-align:center;}
.table1 tbody td{padding:15px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-family:'NotoKrM';font-size:14px;line-height:22px;color:#222;text-align:center;vertical-align:middle;}
.table1 tbody td.blue{background:#9fe1de;}
.table1 tbody th.dot_line,
.table1 tbody td.dot_line{border-bottom:1px dashed #e5e5e5;}
.table1 tbody td.left{text-align:left;}
.table1 tbody td.left ul.list li{font-size:14px;line-height:22px;color:#222;}
.table1 tbody td .eng{font-weight:500;}

/* 진료일정표_공통 */
.table1 tbody td span.time{display:inline-block;padding:3px 7px 5px 7px;border-radius:3px;font-family:'NotoKrB';font-size:13px;line-height:1;}
.table1 tbody td span.time.am{border:1px solid #c0dbba;background:#e4f3de;color:#77866f;} /* 오전 */
.table1 tbody td span.time.pm{border:1px solid #a9cce2;background:#d6ecf7;color:#6ea2c9;} /* 오후 */
.table1 tbody td span.time.day{border:1px solid #d1a8ac;background:#f1d4d0;color:#d06761;} /* 종일 */
.table1 tbody td span.time.resrch{border:1px solid #d5d5d5;background:#f1f1f1;color:#888;} /* 연구 */


/* 디자인_체크박스 */
input[type="checkbox"].chkbx{display:none;}
input[type="checkbox"].chkbx + label{display:inline-block;font-size:15px;color:#000;cursor:pointer;vertical-align:middle;}
input[type="checkbox"].chkbx + label span{display:inline-block;width:22px;height:22px;border:1px solid #acacac;background:#fff;text-indent:-9999px;vertical-align:middle;}
input[type="checkbox"].chkbx:checked + label span{background:url(/nanum/site/builder/skin/skin04_07/img/common/bg_chkbx.gif) no-repeat 50% 50% #fff;vertical-align:middle;cursor:pointer;}

/* 디자인_라디오버튼 */
input[type="radio"].radiobtn{display:none;}
input[type="radio"].radiobtn + label{display:inline-block;font-size:15px;color:#000;cursor:pointer;vertical-align:middle;}
input[type="radio"].radiobtn + label span{display:inline-block;width:24px;height:24px;background:url(/nanum/site/builder/skin/skin04_07/img/common/bg_radio.gif) no-repeat 50% 50%;text-indent:-9999px;vertical-align:middle;}
input[type="radio"].radiobtn:checked + label span{background:url(/nanum/site/builder/skin/skin04_07/img/common/bg_radio_on.gif) no-repeat 50% 50% #fff;vertical-align:middle;cursor:pointer;}

/* 디자인_셀렉트박스 */
.selbx{position:relative;display:inline-block;height:38px;z-index:1;border:1px solid #d5d5d5;vertical-align:middle;}
.selbx select{height:38px;padding-left:15px;border:0;-webkit-appearance:none;-moz-appearance: none;appearance:none;background:url(/nanum/site/builder/skin/major/img/common/icon_sel_arr.gif) no-repeat 100% 50% #fff;}
.selbx select::-ms-expand{display:none;}

/***** 센터 타이틀박스 *****/
.tit_box {width:100%; height:246px; margin-bottom:100px; text-align:center; border-radius: 20px 0 20px 20px; background-position:50% 50%; background-size:cover; background-repeat:no-repeat;}
.tit_box .txt {width:90%; background:#fff; display:inline-block; margin-top:140px; padding:35px 0; font-size:0; line-height:0;}
.tit_box .txt h3 {font-size:30px; line-height:1; color:#000; margin-bottom:35px; background:url('/nanum/site/builder/dir/jbccvc/img/menu3423/center_tit_bg.png')no-repeat 100% 0; padding-right:20px; display:inline-block; padding-top:6px;}
.tit_box .txt p {font-size:16px; line-height:1; color:#7e7e7e;}
.tit_box.bg01 {background-image:url('/nanum/site/builder/dir/jbccvc/img/menu3423/center_bg01.jpg');}
.tit_box.bg02 {background-image:url('/nanum/site/builder/dir/jbccvc/img/menu3423/center_bg02.jpg');}
.tit_box.bg03 {background-image:url('/nanum/site/builder/dir/jbccvc/img/menu3423/center_bg03.jpg');}
.tit_box.bg04 {background-image:url('/nanum/site/builder/dir/jbccvc/img/menu3423/center_bg04.jpg');}

/***** 아이콘박스 *****/
.icon_box{text-align:left;border:1px solid #dfdfdf;padding:0 50px;}
.icon_box .area{padding:35px 0 35px 140px;text-align:left;background-position:left 26px;background-repeat:no-repeat;word-break:keep-all;}
.icon_box p.bx_tit{font-weight:normal;font-family:'NotoKrL';font-size:30px;color:#222;line-height:40px;letter-spacing:-0.05em;}
.icon_box p.bx_txt{font-size:15px; }
.icon_box p.bx_txt.b{color:#222;font-weight:normal;font-family:'NotoKrM';margin-top:15px;}
.icon_box .area.icon01{background-image:url(/nanum/site/builder/dir/jbccvc/img/menu3423/center_icon01.png);}

/***** 아이콘박스2-headline *****/
.icon_box2{text-align:left; position:relative; background:#eaeaea; padding:3px; border-radius: 20px 0 20px 20px; margin-bottom:40px;}
.icon_box2 .area{position: relative; z-index: 3;padding:35px 0 35px 165px; background:#fff; text-align:left; border-radius: 20px 0 20px 20px; background-position:40px 36px;background-repeat:no-repeat;word-break:keep-all;}
.icon_box2 p.bx_tit{font-weight:normal;font-family:'NotoKrR',sans-serif;font-size:20px;color:#222;line-height:40px;letter-spacing:-0.05em;}
.icon_box2 p.bx_txt{font-size:15px; color:#686868;}
.icon_box2 p.bx_txt.b{color:#222;font-weight:normal;font-family:'NotoKrM';margin-top:15px;}
.icon_box2 .area.icon01{background-image:url(/nanum/site/builder/skin/skin04_07/img/common/icon_box01.png);}
.icon_box2 .area.icon02{background-image:url(/nanum/site/builder/skin/skin04_07/img/common/icon_box02.png);}
.icon_box2 .area.icon03{background-image:url(/nanum/site/builder/skin/skin04_07/img/common/icon_box03.png);}
.icon_box2 .area.icon04{background-image:url(/nanum/site/builder/skin/skin04_07/img/common/icon_box04.png);}
.icon_box2 .area.icon05{background-image:url(/nanum/site/builder/skin/skin04_07/img/common/icon_box05.png);}
.icon_box2 .area.icon06{background-image:url(/nanum/site/builder/skin/skin04_07/img/common/icon_box06.png);}
.icon_box2 .area.icon07{background-image:url(/nanum/site/builder/skin/skin04_07/img/common/icon_box07.png);}
.icon_box2 .area.icon08{background-image:url(/nanum/site/builder/skin/skin04_07/img/common/icon_box08.png);}
.icon_box2 .area.icon09{background-image:url(/nanum/site/builder/skin/skin04_07/img/common/icon_box09.png);}
.icon_box2:after {display: block; visibility: visible; position: absolute; left: 0; top: 0; z-index: 2; content: '';  width: 44px;
height: 44px; background: #269ae3; border-radius: 20px 0 0 0;}


/***** 메일박스 *****/
.mail_box{text-align:left;border:3px solid #dfdfdf;padding:0 50px; margin:50px 0;}
.mail_box .area{padding:35px 0 40px 200px;text-align:left;background-position:35px 50%;background-repeat:no-repeat;word-break:keep-all; color:#838383;
font-family:'NotoKrM',sans-serif;}
.mail_box p.bx_tit{font-weight:normal;font-family:'NotoKrL';font-size:22px;color:#222;line-height:40px;letter-spacing:-0.08em; color:#000;}
.mail_box p.bx_txt{font-size:15px; margin-bottom:20px;}
.mail_box p.bx_txt.b{color:#222;font-weight:normal;font-family:'NotoKrM';margin-top:15px;}
.mail_box ul li {background:url(/nanum/site/builder/skin/skin04_07/img/common/bul_list6.png)no-repeat 0 50%; padding-left:16px; line-height:22px;}
.mail_box .area.icon{background-image:url(/nanum/site/builder/skin/skin04_07/img/common/mail_icon.png);}

/***** 이미지리스트 *****/
.img_box {overflow:hidden;}
.img_box li {width:48%; margin-left:4%; float:left; margin-top:20px;}
.img_box.no3 li {width:31%; margin:0 1%; margin-top:20px;}
.img_box li p {line-height:0; font-size:0;}
.img_box li:first-child {margin-left:0;}
.img_box li img {width:100%;}
.img_box li .bottom {text-align:center; color:#000; font-family:'NotoKrM',sasn-serif; border:1px solid #ddd; border-top:0; box-sizing:border-box;}
.img_box li .bottom {display:table; min-height:50px; width:100%;}
.img_box li .bottom p {display:table-cell; font-size:16px; line-height:1; vertical-align:middle;}

/***** 순서 리스트 기본3개 *****/
.ol_list{width:100%;display:inline-block; margin-top:20px;}
.ol_list {text-align:center;}
.ol_list li{float:left; width:30%; margin:0 1%; background:url(/nanum/site/builder/skin/skin04_07/img/common/bu_arrow.png) no-repeat 0 50%;}
.ol_list li .box {margin-left:25px; }
.ol_list li .tit {position: relative; z-index: 3;display:inline-block;padding:8px 20px; background: #1ec1f6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #1ec1f6, #0681dd);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #1ec1f6, #0681dd); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color:#fff; border-radius:30px;}
.ol_list li .img {font-size:0; line-height:0; border:1px solid #ddd; font-size:0; line-height:0; margin-top:-20px;}
.ol_list li img {width:100%;}
.ol_list li:first-child{background:none;}
.ol_list.no2 li{width:48%; margin:0 1%; }


/***** 순서 리스트 기본3개 *****/
.ol_list2{width:100%;display:inline-block; margin-top:20px;}
.ol_list2 {text-align:center;}
.ol_list2 li{float:left; width:30%; margin:1%; background:url(/nanum/site/builder/skin/skin04_07/img/common/bu_arrow.png) no-repeat right 50% ;}
.ol_list2 li .box {margin-right:25px;border-radius: 10px;  overflow: hidden;  border:1px solid #ddd;}
.ol_list2 li .tit {position: relative; width:100%; padding:15px 0; display:inline-block; min-height:36px; background: #fff; font-size:14px; color:#595959; line-height:1; letter-spacing:-0.08em;}
.ol_list2 li .tit strong {display:block; padding-top:5px; color:#038adf; font-size:15px;}
.ol_list2 li .img {font-size:0; line-height:0; font-size:0; line-height:0; margin-top:-20px;}
.ol_list2 li img {width:100%;}
.ol_list2.no2 li{width:48%; margin:0 1%; }

.ol_list2 li.step3 {padding-bottom:30px; background:url(/nanum/site/builder/skin/skin04_07/img/common/bu_arrow2.png) no-repeat 50% 100%}
.ol_list2 li.step4 {background:url(/nanum/site/builder/skin/skin04_07/img/common/bu_arrow3.png) no-repeat 100% 50%}
.ol_list2 li.step5 {background:url(/nanum/site/builder/skin/skin04_07/img/common/bu_arrow3.png) no-repeat 100% 50%}
.ol_list2 li.step6 {background:none;}


/***** 이미지_wrap *****/
.img_list_wrap {padding:20px; background:#f5f8ff;}
.img_list_wrap .img {font-size:0; line-height:0;  display:inline-block; float:right; width:48%; overflow:hidden;}
.img_list_wrap .img img {width:100%; height:100%;}
.img_list_wrap .txt {text-align:center; color:#000; font-size:16px; line-height:1; font-family:'NotoKrM',sans-serif; background:#fff;border:1px solid #ddd; padding:10px 0;}
.img_list_wrap ul.list {padding:0 20px 20px; width:45%;}
.img_list_wrap ul.list li {border: 1px dashed #abb5c8; padding: 8px; border-radius: 20px; background: #fff url('/nanum/site/builder/skin/skin04_07/img/common/bu_list2.gif')no-repeat 20px 50%; color: #000; font-family: 'NotoKrM',sans-serif; padding-left: 40px;}

/***** 이미지_wrap2 *****/
.img_list_wrap2 .img {font-size:0; line-height:0; display:inline-block; float:right; width:45%;}
.img_list_wrap2 .img img {width:100%; height:100%;}
.img_list_wrap2 .list {margin-right:10px; display:inline-block; float:left; width:50%;}
.img_list_wrap2 .txt {text-align:center; color:#000; font-size:16px; line-height:1; font-family:'NotoKrM',sans-serif; background:#fff;border:1px solid #ddd; padding:10px 0;}

/***** 가이드박스 *****/
.guide_box {/* background:#f8f8f8; */ margin-top:30px; border:1px dashed #9f9f9f; /* #626262 */}
.guide_box p {color:#707070; font-family:'NotoKrR',sans-serif; padding:20px 20px 20px 70px; background:url(/nanum/site/builder/skin/skin04_07/img/common/guide_ico.png)no-repeat 30px 22px; }
.guide_box p.fir{padding-bottom:0;}

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

/***** 이미지 *****/
.mimg {text-align:center;}


/* 포인트텍스트 */
.point_txt{padding-left:28px;background:url(/nanum/site/builder/skin/skin02_03/img/common/icon_notibox.gif) no-repeat 0 2px;background-size:18px auto;font-family:'NotoKrM';font-size:14px;color:#000;}


/***************************버튼정의****************************/
.btn_w{width:100%;padding-top:35px;text-align:center;}

.con_btn,
.con_sbtn{position:relative;display:inline-block;font-family:'NotoKrM';}
.con_btn{padding:12px 49px;font-size:16px;}
.con_sbtn{padding:7px 19px;font-size:14px;}

input.con_btn{display:inline-block;margin:0 3px;color:#fff;padding:12px 25px 13px 25px; font-weight:normal;font-family:'NotoKrM';font-size:15px;line-height:normal;vertical-align:middle;text-align:center;cursor:pointer;border:0;letter-spacing:-0.05em; background:#3655cc;}
a.con_sbtn,
input.con_sbtn{display:inline-block;margin:0 3px;color:#fff;padding:10px 15px; font-weight:normal;font-family:'NotoKrM';font-size:13px;line-height:normal;vertical-align:middle;text-align:center;cursor:pointer;border:0;letter-spacing:-0.05em;} */

/*블루버튼*/
.con_btn.blue,
.con_sbtn.blue{color:#fff;background:#3655cc;}
.con_btn.blue:hover,
.con_sbtn.blue:hover{background:#1c369d;}
/*민트버튼*/
.con_btn.mint,
.con_sbtn.mint{color:#fff;background:#12b8ba;}
.con_btn.mint:hover,
.con_sbtn.mint:hover{background:#0c7d7e;}
/*회색버튼*/
.con_btn.gray,
.con_sbtn.gray{background:#adb3cb;color:#000;}
.con_btn.gray:hover,
.con_sbtn.gray:hover{background:#6e779c}
/*어두운회색버튼*/
.con_btn.dgray,
.con_sbtn.dgray{background:#4f566f;}
.con_btn.dgray:hover,
.con_sbtn.dgray:hover{background:#2f3650;}

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

.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;}


.guide_box .con_btn{margin: 0 0 30px 40px;}



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


/* 탭 */
.con_tab ul{width:100%;}
.con_tab ul li{box-sizing:border-box;}
.con_tab ul li a{margin-top:-1px;font-size:16px;}
.con_tab ul li a.on{font-size:16px;}
.con_tab ul.no6 li{width:33%;}
.con_tab ul.no7 li{width:25%;}
.con_tab ul.no8 li{width:25%;}
.tab_b{margin-bottom:30px;}

/* 제목 */
h3.tit{margin-bottom:20px;line-height:28px;}
h3.tit.h3_t{margin-top:40px;}
h4.tit{margin-bottom:15px;}
h4.tit.h4_t{margin-top:24px;}

/* 리스트 */
ul.list li{margin-top:8px;line-height:18px;}
ul.list ul.list2{margin:8px 0 13px;}
ul.list2 li{margin-bottom:3px;}
ul.list ul.list3{margin:8px 0 13px;}
ul.list3 li{margin-bottom:3px;background-position:0 6px;}


/***** 센터 타이틀박스 *****/
.tit_box .txt h3 {font-size:24px; margin-bottom:25px;}
.tit_box .txt p {font-size:15px;}

/***** 아이콘박스 *****/
.icon_box .area{padding:35px 0 35px 100px; background-size:80px auto;}
.icon_box p.bx_tit{font-size:26px;}
.icon_box p.bx_txt{font-size:14px;}
.icon_box p.bx_txt.b{margin-top:15px;}
.icon_box .area.icon01{background-image:url(/nanum/site/builder/dir/jbccvc/img/menu3423/center_icon01.png);}

/***** 아이콘박스2-headline *****/
.icon_box2 .area{padding:35px 0 35px 150px; background-size:80px auto;}
.icon_box2 .area p{display:block; margin-right:10px;}
.icon_box2 p.bx_tit{font-size:18px; line-height:1.3; margin-bottom:10px;}
.icon_box2 p.bx_txt{font-size:14px;}
.icon_box2 p.bx_txt.b{margin-top:15px;}

/***** 메일박스 *****/
.mail_box .area{padding:35px 0 35px 150px; background-size:80px auto; background-position:12px 50%; }
.mail_box p.bx_tit{font-size:18px;}
.mail_box p.bx_txt{font-size:14px; margin-bottom:20px;}

/*이미지정의*/

.mimg img{width:100%; text-align:center;}

/***** 테이블 *****/
.table1{table-layout:fixed;}
.table1 thead th,
.table1 tbody th,
.table1 tbody td{padding:10px;font-size:13px;line-height:18px;}
.table1 tbody td.left ul.list li{font-size:13px;}


/* 포인트텍스트 */
.point_txt{padding-left:20px;background-size:15px auto;background-position:0 2px;font-size:13px;line-height:20px;word-break:keep-all;}

}

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

	
/* 탭 */
.con_tab ul li a{height:45px;line-height:45px;margin-bottom:-1px;background:#fafafa; font-size:14px;}
.con_tab ul li a.on {font-size:14px;}
.con_tab ul.no2 li{width:50%;}
.con_tab ul.no3 li{width:50%;}
.con_tab ul.no4 li{width:50%;}
.con_tab ul.no5 li{width:50%;}
.con_tab ul.no6 li{width:50%;}
.con_tab ul.no6 li:first-child{width:50%;}
.con_tab ul.no7 li{width:50%;}
.con_tab ul.no7 li:first-child{width:50%;}
.con_tab ul.no8 li{width:50%;}


/***** 리스트 *****/
ul.list li{margin-bottom:6px; line-height:1.5;}


/***** 센터 타이틀박스 *****/
.tit_box {height:186px; margin-bottom:50px;}
.tit_box .txt {padding:25px 20px; margin-top:90px; box-sizing:border-box;}
.tit_box .txt h3 {font-size:20px; margin-bottom:20px;}
.tit_box .txt p {font-size:14px; line-height:1.5; word-break:keep-all;}


/***** 아이콘박스 *****/
.icon_box {padding:25px}
.icon_box .area{padding:100px 0 0px 0; background-size:70px auto; background-position: 50% 0%; text-align:center;}
.icon_box p.bx_tit{font-size:26px;}
.icon_box p.bx_txt{font-size:14px;}
.icon_box p.bx_txt.b{margin-top:15px;}
.icon_box .area.icon01{background-image:url(/nanum/site/builder/dir/jbccvc/img/menu3423/center_icon01.png);}

/***** 아이콘박스2-headline *****/
.icon_box2 .area{padding:125px 25px 25px 25px; background-size:70px auto; background-position: center 30px; text-align:center;}
.icon_box2 .area p{display:inline-block; margin-right:10px;}
.icon_box2 p.bx_tit{font-size:16px; line-height:1.3; margin-bottom:10px;}
.icon_box2 p.bx_txt{font-size:14px;}
.icon_box2 p.bx_txt br {display:none;}
.icon_box2 p.bx_txt.b{margin-top:15px;}

/***** 메일박스 *****/
.mail_box {padding:0 20px;}
.mail_box .area{padding:80px 0 30px 0; background-size:50px auto; background-position:50% 12px; }
.mail_box p.bx_tit{font-size:16px; text-align:center; line-height:1.4;}
.mail_box p.bx_txt{font-size:14px; text-align:center; margin-bottom:20px;}
.mail_box ul li {font-size:13px; line-height:1.5;}

/***** 이미지리스트 *****/
.img_box li .bottom p {font-size:14px;}


/***** 순서 리스트 기본3개 *****/
.ol_list li{ width:48%; margin:0 1%;}
.ol_list li .box {margin-bottom:25px; }



/***** 가이드박스 *****/
.guide_box p {font-size:13px; line-height:1.5; word-break:keep-all; background-position:20px 22px; padding:20px 20px 20px 50px;}


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


}

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

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

/* 리스트 */
ul.list li{font-size:14px;}
ul.list2 li,
ul.list3 li{font-size:13px;}

/***** 이미지리스트 *****/
.img_box {overflow:hidden;}
.img_box li {width:48%; margin-left:0%; margin:0 1%; margin-top:20px;}
.img_box.no3 li {width:48%; margin-left:0%; margin:0 1%; margin-top:20px;}
.img_box li .bottom p {font-size:13px;}

/***** 순서 리스트 기본3개 *****/
.ol_list li{width:100%; margin:0; background-position:center top 10px; background-image:url('/nanum/site/builder/skin/skin04_07/img/common/bu_arrow2.png');}
.ol_list li .box {margin-left:0; margin-top:30px; margin-bottom:0;}
.ol_list li img {width:100%;}
.ol_list.no2 li{width:100%; margin:0; }

/***** 순서 리스트 기본3개 *****/
.ol_list2 li{width:48%; min-height:200px; margin: 0 1%; background-position:center top 10px; background:url(/nanum/site/builder/skin/skin04_07/img/common/bu_arrow.png) no-repeat right 50% ;}
.ol_list2 li .box {margin-left:0; margin-top:30px; margin-bottom:0;}
.ol_list2 li .tit {font-size:12px; box-sizing: border-box; padding:10px 5px}
.ol_list2 li .tit strong {font-size:13px;}
.ol_list2 li .img {font-size:0; line-height:0; font-size:0; line-height:0; margin-top:0;}
.ol_list2.no2 li{width:48%; margin:0 1%; }

.ol_list2 li.step3 {padding-bottom:0;  background:url(/nanum/site/builder/skin/skin04_07/img/common/bu_arrow3.png) no-repeat right 50% ;}


/*이미지_wrap*/
.img_list_wrap .img {float:none; width:100%;}
.img_list_wrap ul.list {width:100%; padding:0;}
.img_list_wrap ul.list li {padding: 6px 6px 6px 38px; font-size:14px;}
.img_list_wrap .list {margin-right:0; float:none; width:100%;}
.img_list_wrap .txt p {font-size:14px;}


/*이미지_wrap2*/
.img_list_wrap2 .img {float:none; width:100%;}
.img_list_wrap2 .list {margin-right:0; float:none; width:100%;}
.img_list_wrap2 .txt p {font-size:14px;}


}

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


/***** 이미지리스트 *****/
.img_box {overflow:hidden;}
.img_box li {width:100%; margin-left:0%; float:none; margin-top:20px;}
.img_box.no3 li {width:100%; margin-left:0%; float:none; margin-top:20px;}
.img_box li .bottom p {font-size:13px;}



}