@charset "utf-8";

h4 ~ div, h4 ~ p, h4 ~ ul {margin-left:15px !important;}
h5 ~ div, h5 ~ p, h5 ~ ul {margin-left:30px !important;}
h4+p, h4+div {margin-left:15px !important;}
.h4+.h5 {margin:0 0 0 10px;}

/* list type */
#sub_cont {/*padding-top:40px; padding-bottom:60px;font-weight:600;*/ font-size:14px; line-height:1.9; letter-spacing:-0.02em; color:#5f5f5f;}
#sub_cont h4, .h4 {font-size: 20px; font-weight: 600; color: #222222; background: url(/ko/img/sub/ico_tit.png) no-repeat left 5px; padding-left: 30px; margin:30px 0 15px; line-height:27px; }
#sub_cont h4:first-child {margin-top:0;}
#sub_cont h5, .h5 {font-size: 18px; font-weight: 600; color: #1077c4; background: url(/ko/img/sub/h5_bl.jpg) no-repeat left 9px; padding-left: 20px; margin:20px 0 15px 10px;}
#sub_cont h6,.h6 { font-size:16px; font-weight:600; background:url('/giupsos/images/bul_h6.png') no-repeat left 8px; padding-left:17px; margin:10px 0 10px 20px; }
.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('/giupsos/images/bul_caution.gif') no-repeat 0 6px; text-indent:-9999px;}

.noBl {background:none !important;}
.list_black {/*수정*/margin-left:9px; margin-top:10px;}
.list_black > li {padding-left:12px; background:url('/ko/img/sub/ico_bl02.png') no-repeat 0 8px;}
.list_blue > li {padding-left:10px; background:url('/giupsos/images/bul_blue.png') no-repeat 0 10px;}
.list_noBl > li {background:none;}
.list_hyp > li {padding-left:10px; background:url('/ko/img/sub/ico_bl03.png') no-repeat 0 12px;}
.list_dot > li {padding-left:9px; background:url('/giupsos/images/bul_dot.png') no-repeat 0 10px;}
.list_dot2 > li {padding-left:9px; background:url('/giupsos/images/bul_dot2.gif') no-repeat 0 11px;}
li a.blank {display:inline-block; padding-right:14px; background:url('/giupsos/images/i_blank_blue.png') no-repeat right center;}

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


/* box */
.txt_box {padding:14px 20px; font-weight:600; line-height:1.7; border:1px solid #d7d7d7; border-top:2px solid #3679cb; background:#fafafa;}
.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;}
.textarea_box {width:100%; border:1px solid #ccc; padding:20px; box-sizing:border-box;}

/* table overflow scroll */
.tbl_wrap {clear:both; /*width:100%;*/ box-sizing:border-box;}

@media all and (min-width:767px){
.tbl_wrap {overflow-x:auto;}
.tbl_wrap > table {width:100%;}

}
@media all and (max-width:767px){
.tbl_wrap {overflow-x:scroll; padding-bottom:5px; margin-bottom:10px;}
}

/* table common */
.thL tbody th,
.tdL td {padding-left:10px; text-align:left;}
.thR tbody th,
.tdR td {padding-right:10px; text-align:right;}
.tbl_wrap .tbl_guide { display: none; }
@media (max-width: 768px) {
	.tbl_wrap { width: 100%; overflow: hidden; overflow-x: scroll; }
	.tbl_wrap .tbl_guide { display: block; color: #d46cba; line-height: 120%; margin: 5px 0 10px;}
	.tbl_wrap .tbl_st1 { margin-bottom: 20px; }
}

/* table style1 */
.tbl_st1 {min-width:100%; margin-top:7px; border-right:1px solid #fff; border-top:2px solid #45474d; margin-left:-1px;}
.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,
.tbl_st1 tbody th {font-weight:600; font-size:14px; background:#fafafb;}
.tbl_st1 tfoot th {font-weight:600; background:#fff;}
.tbl_st1 tbody td.txtL {text-align:left; padding-left:10px;}

/* 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;}
.map > iframe {height:450px;}


/*버튼*/

.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('/giupsos/images/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;}

a.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;}
a.bt_white span.down { font-size:14px; padding:3px 12px 3px 7px; background:url('/giupsos/images/button/i_down.png') no-repeat right; }
a.bt_white span.site { font-size:14px; padding:0 20px 0 3px; background:url('/giupsos/images/button/i_site.png') no-repeat right; }
a.bt_white span.blank { font-size:14px; padding:0 18px 0 2px; background:url('/giupsos/images/button/i_blank.png') no-repeat right; }

a.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; }
a.bt_white_s span.down { padding:0 20px 0 2px; background:url('/giupsos/images/button/i_down.png') no-repeat right; }
a.bt_white_s span.blank { padding:0 18px 0 2px; background:url('/giupsos/images/button/i_blank.png') no-repeat right; }

a.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;}
a.bt_blueL {padding:13px 30px;}
a.bt_blueL > span { font-size:16px !important;}
a.bt_blue span.down { font-size:14px; padding:0 20px 0 2px; background:url('/giupsos/images/button/i_down_w.png') no-repeat right; }
a.bt_blue span.site { font-size:14px; padding:0 20px 0 3px; background:url('/giupsos/images/button/i_site_w.png') no-repeat right }
a.bt_blue span.blank { font-size:14px; padding:0 18px 0 2px; background:url('/giupsos/images/button/i_blank_w.png') no-repeat right; }
a.bt_blue span.glasses { font-size:14px; padding:0 18px 0 2px; background:url('/giupsos/images/button/i_glasses.png') no-repeat right; display:block; }

a.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; }
a.bt_blue_s span.down { padding:0 20px 0 2px; background:url('/giupsos/images/button/i_down_w.png') no-repeat right; }
a.bt_blue_s span.blank { padding:0 18px 0 2px; background:url('/giupsos/images/button/i_blank_w.png') no-repeat right; }
a.bt_blue_s span.glasses { padding:0 18px 0 2px; background:url('/giupsos/images/button/i_glasses.png') no-repeat right; }

.bt_gray { line-height:1.4em; display: inline-block; padding:5px 12px; border-radius:3px; border:1px solid #333; background:#333;color:#fff; font-weight: bold; letter-spacing:-0.05em;}

.bt_gray_S { display: inline-block; padding:0 5px; border-radius:3px; border:1px solid #333; background:#333; font-size:13px; color:#fff; }


.no_icon { padding:5px 12px !important;}

.bt_R_blank{color:#1160a4; padding:0 18px 0 2px; background:url('/giupsos/images/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;}