@charset "utf-8";

/*서브 메뉴*/
#sub_content {width: 100%; padding-top: 130px;}
#sub_content .sub_tit_bg {width: 100%; height: 170px; background:#fff; position: absolute; top:130px; left:0;}
#sub_content .sub_tit_bg .logo_warp {width: 1200px; margin: 0 auto;}
#sub_content .sub_tit_bg .tit_logo {width: 536px; height: 170px; float: right; margin-right: 17px;}
#container {width: 1200px; margin: 40px auto; position: relative; z-index: 10;}
#snb_snb01 {float: left; width: 210px; }
#snb_snb01 .tit_01 {height: 110px; background: url('/S2001/images/sub/sub_tit_bg.png'); text-align: center; color:#fff; padding-top: 30px; margin-bottom: 20px;}
#snb_snb01 .tit_01 h2 {font-size: 25px; line-height: 50px; font-weight: normal;}
.snb_snb02 .depth01 > li {width: 210px; border: 1px solid #dddddd; margin-bottom: -1px}
.snb_snb02 .depth01 > li > a {display: block; width: 210px; height: 45px; line-height: 43px; color: #666666; font-size:15px; font-weight: 400; padding-left:12px;}
.snb_snb02 .depth01 > li > a:hover {text-decoration:none;}
.snb_snb02 .depth01 > li > a[target="_blank"] { background: url(/ko/img/sub/snb_blank.png) no-repeat 184px center !important;}
.snb_snb02 .depth01 > li.on > a {border: 2px solid #0065b3; background: url('/S2001/images/sub/nav_on.png') no-repeat right center; color:#333;}

/*서브_컨텐츠_타이틀_공통*/
#sub_cont_warp {width: 980px; float: right;}
.sub_tit {width: 100%; overflow: hidden; background: url('/S2001/images/sub/tit_border.jpg') no-repeat 40px bottom; padding: 40px 20px 35px 40px;}
.sub_tit .titbox {}
.sub_tit .titbox .page_tit {font-size:30px; font-weight:400; float:left;}
.sub_tit .titbox .location {float: left; padding-top: 10px; margin-left:50px;}
.sub_tit .titbox .location li {float:left; margin-right: 15px; font-size: 15px;}
.sub_tit .titbox .location li span { background: url('/S2001/images/sub/ico_arrow.png') no-repeat left center; padding-left: 20px;}
.sub_tit .titbox .location li.on {font-weight: 600;}
.sub_tit .util {float: right;}
.sub_tit .util li {float: left;}
.sub_tit .util li {margin-left: 5px;}

/*서브_컨텐츠_본문_공통*/
#sub_cont {padding: 50px 0 40px 40px; color:#555555; line-height: 25px; font-size: 15px;}
#sub_cont .hellowtext {padding-top: 40px;}
#sub_cont .hellowtext p {margin-bottom: 25px; }
#sub_cont .hellowtext img {display: block; float: right; margin: 0 30px 100px 110px}

.update_info {text-align:right; font-size:13px; margin:0 5px 10px 0;}
.update_info span {display:inline-block; background:url('/ko/img/sub/update_img.gif') no-repeat left 9px; padding-left:16px;}

/*태블릿*/
@media all and (max-width:1023px){
  /*서브_상단,공통*/
  #sub_content {padding: 50px 10px 0; }
  #snb_snb01 {display: none;}
  #sub_cont_warp {width: 100%;}
  #container {width: 100%; padding: 30px 10px; margin: 0;}
  .sub_tit {background: url('/S2001/images/sub/tit_border.jpg') no-repeat 0 bottom; padding: 30px 0 20px 0;}
   #sub_cont {padding: 20px 0;}
   #sub_cont .hellowtext {padding-top: 10px;}
   #sub_cont .hellowtext p {margin-bottom: 20px; }
   #sub_cont .hellowtext img {display: block; float: right; margin: 0 0 50px 50px}

}
@media all and (max-width:900px) {
.sub_tit .titbox .location {clear:both; margin:2px 0 0 3px;}
}

@media all and (max-width:768px) {
.sub_tit .page_tit {float: none;}

}

@media all and (max-width:510px) {
.sub_tit .util {margin-top:5px;}

}

/*모바일*/
@media all and (max-width:480px) {
 .sub_tit .page_tit {font-size: 28px;}
 .sub_tit .location_area .util {float: none; position: absolute; top:105px; left:0;}
 .sub_tit .location_area .location {margin-top: 40px;}
 .sub_tit .location_area .location li {font-size: 14px; line-height: 20px;}
  #sub_cont .hellowtext img {margin: 0 0 10px 10px}

}


/*평가하기*/
.cont_foot {margin-top: 40px;}
.cont_foot .top {width: 938px; border: 1px solid #cccccc; background: #f3f3f3; text-align:center; padding:10px 10px 2px;}
.cont_foot .top div {overflow:hidden; display:inline-block;}
.cont_foot .top div a {float:left; font-size:14px;}
.cont_foot .top div img{ float:left; margin-right:15px; }
.cont_foot .info {width: 938px; border: 1px solid #cccccc; margin-top: 5px;}
.cont_foot .info .info_line {padding: 7px 20px; overflow: hidden;}
.cont_foot .info dl {float: left; color:#303030; line-height: 17px; padding: 5px 0;}
.cont_foot .info dl dt {float: left; padding:0px 20px 0px 20px;background: url(/ko/img/sub/foot_ico01.png) no-repeat left center; font-weight: 800; font-size: 14px; border-right: 1px solid #cccccc;}
.cont_foot .info dl dd {float: left; padding-left: 20px; font-weight: 400; font-size: 14px;}
.cont_foot .info .info_line01 {border-bottom: 1px dashed #cccccc;}
.cont_foot .info .info_line01 .click {float: right;}
.cont_foot .info .info_line01 .click a {
    display: block; float:left;
    background: #ebebeb; /* Old browsers */
    background: -webkit-linear-gradient(#ebebeb 0%, #ebebeb 50%, #dcdcdc 51%, #dcdcdc 100%);
    background: -o-linear-gradient(#ebebeb 0%, #ebebeb 50%, #dcdcdc 51%, #dcdcdc 100%);
    background: linear-gradient(#ebebeb 0%, #ebebeb 50%, #dcdcdc 51%, #dcdcdc 100%);
    width: 108px; height: 28px; border-radius: 5px; border: 1px solid #bfbfbf; font-weight: 600; text-align: center; line-height: 26px; font-size: 13px;}
.cont_foot .info .info_line01 .click a.top02 {
    display: block; float: left;
    background: #6c6c6c; /* Old browsers */
    background: -webkit-linear-gradient(#6c6c6c 0%, #6c6c6c 50%, #606060 51%, #606060 100%);
    background: -o-linear-gradient(#6c6c6c 0%, #6c6c6c 50%, #606060 51%, #606060 100%);
    background: linear-gradient(#6c6c6c 0%, #6c6c6c 50%, #606060 51%, #606060 100%);
    width: 59px; height: 28px;  padding-left:10px; border-radius: 5px; border: 1px solid #bfbfbf;
    font-weight: 600; line-height: 26px; font-size: 13px; color:#fff; text-transform: uppercase;margin-left: 5px; cursor: pointer;
}
.cont_foot .info .info_line01 .click a.top02 img {margin: 0 0 3px 7px;}
.cont_foot .info .info_line02 dl dd {font-size: 14px;}
.cont_foot .info .info_line02 form {float: right; font-size: 13px;}
.cont_foot .info .info_line02 form ul {float: left;}
.cont_foot .info .info_line02 form ul li {float: left; line-height: 27px; margin-right: 10px;}
.cont_foot .info .info_line02 form ul li label {padding-left: 5px;}
.cont_foot .info .info_line02 form .regBtn {
    float: left; width: 58px; height: 28px; border-radius: 5px; border: 1px solid #004e89; color:#fff; font-weight: 600; font-size: 13px; padding-bottom: 5px;
    background: #0066b3; /* Old browsers */
    background: -webkit-linear-gradient(#0066b3 0%, #0066b3 50%, #00589a 51%, #00589a 100%);
    background: -o-linear-gradient(#0066b3 0%, #0066b3 50%, #00589a 51%, #00589a 100%);
    background: linear-gradient(#0066b3 0%, #0066b3 50%, #00589a 51%, #00589a 100%);
}

/*태블릿*/
@media all and (max-width:1023px){
  /*평가하기_공통*/
  .cont_foot {width: 100%;}
  .cont_foot .top {width: 100%;}
  .cont_foot .info {width: 100%;}
}
@media all and (max-width:900px) {
  .cont_foot .info .info_line01 .click {float: none; padding: 40px 0px;}
  .cont_foot .info .info_line02 form {float: none; padding: 40px 0 10px;}
  .confirm > ul > li {padding: 0 22px;}
}

@media all and (max-width:630px) {
  /*인증하기*/
  .confirm .confirm01 {background-position: center 35px;}
  .confirm .confirm02 {background-position: center 36px;}
  .confirm .conf_tit {margin-top: 130px;}
}

/*모바일*/
@media all and (max-width:480px) {
  /*평가하기*/
  .cont_foot .top p {margin: 10px 0 0 0;}
  .cont_foot .info .info_line {padding: 7px 7px;}
  .cont_foot .info .info_line02 dl dd {font-size: 12px;}
  /*인증하기*/
  .confirm > ul {height: auto;}
  .confirm > ul > li {width: 100%; border:0; padding: 33px 22px;}
  .confirm .confirm01 {border-bottom: 1px solid #ddd;}
  .confirm .conf_tit {margin-top: 100px;}
}
@media all and (max-width:380px) {
  /*평가하기*/
  .cont_foot .top div {margin-left: 0;}
  .cont_foot .top p {width: 100%; margin: 10px 0 0 0;}
  .cont_foot .info dl dt {border: 0;}
  .cont_foot .info dl dd {margin-top: 5px;}
}

/* list type */
#sub_cont h4,.h4 {padding-left:30px; font-weight:600; font-size:19px; color:#333; background:url('/S2001/images/common/bul_h4.png') no-repeat 0 3px;}
#sub_cont h4:first-child {margin-top:0;}
#sub_cont h5 {padding-left:20px; font-weight:600; font-size:16px; color:#333; background:url('/S2001/images/common/bul_h5.png') no-repeat 0 10px;}
#sub_cont h6,.h6 { font-size:16px; font-weight:600; background:url('/S2001/images/common/bul_h6.png') no-repeat left 8px; padding-left:17px; margin-bottom:3px; }
.explain {margin:9px 0 12px; font-weight:600; line-height:1.7;}
.caution {overflow:hidden;}
.caution span.hide {float:left; display:block; padding-left:7px; background:url('/S2001/images/common/bul_caution.gif') no-repeat 0 6px; text-indent:-9999px;}

.noBl {background:none !important;}
.list_black {/*수정*/margin-left:9px;}
.list_black > li {padding:2px 0 2px 12px; background:url('/S2001/images/common/bul_h5_1.png') no-repeat 0 11px !important;}
.list_blue > li {padding-left:10px; background:url('/S2001/images/common/bul_blue.png') no-repeat 0 10px;}
.list_noBl > li {background:none;}
.list_hyp > li {padding-left:13px; background:url('/S2001/images/common/bul_hyphen.png') no-repeat 0 10px !important;}
.list_dot > li {padding-left:9px; background:url('/S2001/images/common/bul_dot.png') no-repeat 0 10px;}
.list_dot2 > li {padding-left:9px; background:url('/S2001/images/common/bul_dot2.gif') no-repeat 0 11px;}
li a.blank {display:inline-block; padding-right:14px; background:url('/S2001/images/common/i_blank_blue.png') no-repeat right center;}

@media all and (max-width:480px){
#sub_cont h4 {margin-top:25px; font-size:19px; background-size:20px 20px; background-position:0 7px;}
#sub_cont h5 {padding-left:17px; font-size:16px; background-position:0 8px;}
}


/* box */
.txt_box {padding:14px 20px; font-weight:400; line-height:1.7; border:1px solid #d7d7d7; border-top:2px solid #3679cb; background:#fafafa;}
.txt_box02 {padding:15px 50px; font-weight:400; line-height:1.7; border:1px solid #d7d7d7; background:#fafafa; overflow:hidden;}
.txt_box02 > li {float:left; width:16%; background:url('/S2001/images/common/bul_arr.gif') no-repeat left center; padding-left:25px;}

@media all and (max-width:850px){
	.txt_box02 {padding:14px 5%;}
	.txt_box02 > li {width:30%;}
}
@media all and (max-width:550px){
	.txt_box02 > li {width:50%;}
}


.roundBox {width:100%; letter-spacing:-0.08em; text-align:center; vertical-align:top; background:#f4f4f4; border:1px solid #ccc; border-radius:10px 10px; box-sizing:border-box; overflow:hidden;}



/* table overflow scroll */
.tbl_wrap {overflow-x: auto;}

/* table common */
.thL tbody th,
.tdL td {padding-left:10px; text-align:left;}
.tdR td {padding-right:10px; text-align:right;}
.tbl_wrap .tbl_guide { display: none; }


/* table style1 */
.tbl_st1 {margin-left:-1px; min-width:100%; margin-top:7px; border-top:2px solid #45474d;}
.tbl_st1 th,
.tbl_st1 td {padding:6px 5px; font-size:14px; line-height:1.8; color:#5f5f5f; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-top:0; text-align:center; border-spacing:0;}
.tbl_st1 thead th {font-weight:600; font-size:14px; background:#fafafb;}
.tbl_st1 tbody th,
.tbl_st1 tfoot th {font-weight:600; background:#fff;}
.tbl_st1 tbody td.txtL {text-align:left; padding-left:10px;}

/* table style2 : 오른쪽 정렬*/
.tbl_st2 {margin-left:-1px; min-width:100%; margin-top:9px; border-top:2px solid #0080c7;}
.tbl_st2 th,
.tbl_st2 td {padding-top:6px; padding-bottom:6px; font-weight:600; font-size:14px; line-height:1.8; color:#5f5f5f; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-top:0; text-align:center; border-spacing:0;}
.tbl_st2 thead th {font-weight:600; font-size:14px; background:#f0f8fc;}
.tbl_st2 tbody th {background:#f5f5f5;}
.tbl_st2 tbody td {text-align:right; padding-right:10px;}
.tbl_st2 tbody td.txtC {text-align:center; }

/* table style3 : 왼쪽 정렬*/
.tbl_st3 {margin-left:-1px; min-width:100%; margin-top:9px; border-top:2px solid #0080c7;}
.tbl_st3 th,
.tbl_st3 td {padding-top:6px; padding-bottom:6px; font-weight:600; font-size:14px; line-height:1.8; color:#5f5f5f; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-top:0; text-align:center; border-spacing:0;}
.tbl_st3 thead th {font-weight:600; font-size:14px; background:#f0f8fc;}
.tbl_st3 tbody th {background:#f5f5f5;}
.tbl_st3 tbody td {text-align:left; padding-left:10px;}
.tbl_st3 tbody td.txtC {text-align:center; padding-left:0px; }

/* table style4 : blue*/
.tbl_st4 {margin-left:-1px; min-width:100%; margin-top:7px; border:2px solid #0065b3;}
.tbl_st4 th,
.tbl_st4 td {padding:6px 5px; font-size:14px; line-height:1.8; color:#5f5f5f; border-left:1px solid #a4cceb; border-bottom:1px solid #a4cceb; border-top:0; text-align:center; border-spacing:0;}
.tbl_st4 thead th {font-weight:600; font-size:14px; background:#eff4f8;}
.tbl_st4 tbody th,
.tbl_st4 tfoot th {font-weight:600; background:#fff;}
.tbl_st4 tbody td.txtL {text-align:left; padding-left:10px;}

/* table common */
.thL tbody th,
.tdL td {padding-left:10px; text-align:left;}
.tdR td {padding-right:10px; text-align:right;}
table tr th.last, table tr td.last {border-right:#fff !important;}

/* img box */
.img_box {margin:29px 0;}
.img_box ul {overflow:hidden;}
.img_box li {float:left; font-size:0; line-height:0}
.img_box li img {width:100%; border:1px solid #ccc; box-sizing:border-box;}

.img_box.col2 li {width:49%; margin-left:2%;}
.img_box.col2 li:nth-of-type(2n-1) {margin-left:0;}
.img_box.col3 li {width:32%; margin-left:2%;}
.img_box.col3 li:nth-of-type(3n-2) {margin-left:0;}

@media all and (max-width:480px){
.img_box li {float:none; margin-top:10px;}
.img_box.col2 li,
.img_box.col3 li {width:100%; margin-left:0;}
}


/* etc */
.unit {text-align:right; font-size:13px; color:#5f5f5f;}
.unit::after {content:""; display:block; width:100%; clear:both;}

/* iframe target*/
#hidden_frame {
	width: 0px;
	height: 0px;
	border-width: 0px;
	border: 0px;
	margin: 0px;
	overflow: hidden;
}

iframe {width:100%; min-width:100%; border:none; margin:0; overflow:hidden; overflow-y:auto;}

.map {padding:10px; border:1px solid #ccc;}
.root_daum_roughmap_landing {height:400px;}
.map > iframe {height:450px;}
@media all and (max-width: 600px) {
	.root_daum_roughmap_landing {height:300px;}
}
@media all and (max-width: 450px) {
	.root_daum_roughmap_landing {height:200px;}
}

/* 탭 */
.tab {width:100%; overflow:hidden;}
.tab > li {float:left; width:9%; background:#e3edf4; border:1px solid #b9cbda; text-align:center; margin-right:1%; margin-bottom:1%; box-sizing:border-box;}
.tab > li > a {display:block; padding:10% 0;}
.tab > li.on {background:#0065b3; border:1px solid #0b3b61;}
.tab > li.on > a {color:#fff; font-weight:bold;}
@media all and (max-width: 650px) {
	.tab > li {width:24%;}
}
@media all and (max-width: 390px) {
	.tab > li {width:32%;}
}

/*버튼*/

.bt_top { display: inline-block; padding:7px; border-radius:3px; border:1px solid #c8d1db; }
.bt_top span { padding:0 12px 0 2px;  font-weight: bold; background:#ffffff url('/S2001/images/common/button/i_top.png') no-repeat right; color:#333; letter-spacing:-0.05em;}

.btL {display:inline-block; height:31px; padding:0 24px 0; border:2px solid #00a3a8; border-radius:8px 8px; font-weight:600; font-size:18px; line-height:27px; color:#117b7e; background:#ebf8f8;}
.btM {display:inline-block; height:26px; padding:0 24px 0; border:2px solid #00a3a8; border-radius:6px 6px; font-weight:600; font-size:15px; line-height:25px; color:#117b7e; background:#ebf8f8;}
.btS {display:inline-block; height:17px; padding:0 22px 0; border:1px solid #00a3a8; border-radius:4px 4px; font-weight:600; font-size:13px; line-height:14px; color:#117b7e; background:#ebf8f8;}
.btS_w50 {display:inline-block; height:17px; padding:0 22px 0; width:30px; border:1px solid #00a3a8; border-radius:4px 4px; font-weight:600; font-size:13px; line-height:14px; color:#00a3a8; background:#ebf8f8;}

.bt_white { line-height:1.4em; display: inline-block; padding:5px 12px 5px 7px; border-radius:3px; border:1px solid #c8d1db; background:#fff; font-weight: bold; color:#333; letter-spacing:-0.05em;}
.bt_white span.down { font-size:14px; padding:3px 12px 3px 7px; background:url('/S2001/images/common/button/i_down.png') no-repeat right; }
.bt_white span.site { font-size:14px; padding:0 20px 0 3px; background:url('/S2001/images/common/button/i_site.png') no-repeat right; }
.bt_white span.blank { font-size:14px; padding:0 18px 0 2px; background:url('/S2001/images/common/button/i_blank.png') no-repeat right; }

.bt_white_s { display: inline-block; padding:0 7px 0 5px; border-radius:3px; border:1px solid #c8d1db; background:#fff; font-size:13px; color:#333; }
.bt_white_s span.down { padding:0 20px 0 2px; background:url('/S2001/images/common/button/i_down.png') no-repeat right; }
.bt_white_s span.blank { padding:0 18px 0 2px; background:url('/S2001/images/common/button/i_blank.png') no-repeat right; }


.bt_blue { line-height:1.4em; display: inline-block; padding:5px 12px 5px 7px; border-radius:3px; border:1px solid #1160a4; background:#1160a4; font-weight: bold; color:#fff; letter-spacing:-0.05em;}
.bt_blueL {padding:13px 30px;}
.bt_blueL > span { font-size:16px !important;}
.bt_blue span.down { font-size:14px; padding:0 20px 0 2px; background:url('/S2001/images/common/button/i_down_w.png') no-repeat right; }
.bt_blue span.site { font-size:14px; padding:0 20px 0 3px; background:url('/S2001/images/common/button/i_site_w.png') no-repeat right }
.bt_blue span.blank { font-size:14px; padding:0 18px 0 2px; background:url('/S2001/images/common/button/i_blank_w.png') no-repeat right; }
.bt_blue span.glasses { font-size:14px; padding:0 18px 0 2px; background:url('/S2001/images/common/button/i_glasses.png') no-repeat right; display:block; }


.bt_blue_s { display: inline-block; padding:0 7px 0 5px; border-radius:3px; border:1px solid #1160a4; background:#1160a4; font-size:13px; color:#fff; }
.bt_blue_s span.down { padding:0 20px 0 2px; background:url('/S2001/images/common/button/i_down_w.png') no-repeat right; }
.bt_blue_s span.blank { padding:0 18px 0 2px; background:url('/S2001/images/common/button/i_blank_w.png') no-repeat right; }
.bt_blue_s span.glasses { padding:0 18px 0 2px; background:url('/S2001/images/common/button/i_glasses.png') no-repeat right; }

.bt_R_blank{color:#1160a4; padding:0 18px 0 2px; background:url('/S2001/images/common/i_blank_blue.png') no-repeat right center; }

/* 이미지*/
.photo1 {}
@media all and (max-width:480px){
.photo1 { width:100%; margin-bottom:10px;}
}

.photo2 {overflow:hidden;}
.photo2 li { float:left; width:49%; text-align:center; box-sizing:border-box; }
.photo2 li.last {float:right;}
.photo2 li img {width:100%; box-sizing:border-box;}
.photo2 li span { display:block;  }
@media all and (max-width:480px){
.photo2 li { width:100%; margin-bottom:10px;}
}

.photo3 { overflow:hidden; }
.photo3 li { float:left; width:32%; margin-right:2%; text-align:center;}
.photo3 li.last {margin-right:0;}
.photo3 li img {width:100%;}
.photo3 li span { display:block;  }
@media all and (max-width:768px){
.photo3 li {width:49%; margin-right:1%; margin-bottom:10px;}
}
@media all and (max-width:480px){
.photo3 li { width:100%; }
}

.photo4 { overflow:hidden; }
.photo4 li { width:24.25%; margin-right:1%; float:left; margin-bottom:20px; }
.photo4 li.last {margin-right:0;}
.photo4 img { width:100%; height:140px;}
@media all and (max-width:768px){
.photo4 li { width:49%; margin-right:1%; margin-bottom:10px;}
}
@media all and (max-width:480px){
.photo4 li { width:100%; }
}

.img_brd,
.list_brd li {border:1px solid #ddd; box-sizing:border-box; line-height:0 !important;}
.img_pBrd,
.list_pBrd li {border:1px solid #ddd; box-sizing:border-box; padding:1%; line-height:0 !important;}