@charset "utf-8";

/*서브 메뉴*/
#content .sub_tit_bg {width: 100%; height: 213px; background: url(/giupsos/images/sub/top_bg.jpg) no-repeat center 70%;;}
#content .sub_tit_bg .sub_tit_bgInner {width: 1200px; margin: 0 auto; position: relative;}
#content .sub_tit_bg .sub_tit_bgInner p {text-align: center;}
#content .sub_tit_bg .sub_tit_bgInner .text01 {padding-top: 40px; font-size: 49px; font-weight: 500;}
#content .sub_tit_bg .sub_tit_bgInner .text01 span {font-size: 36px; font-weight: 600;}
#content .sub_tit_bg .sub_tit_bgInner .text02 {color:#cc3300; font-size: 18px;}
#container {width: 1200px; margin: 30px auto; overflow: hidden;}
#snb_snb01 {float: left; width: 220px;}
#snb_snb01 .tit_01 {height: 81px; color:#000; text-align: center; background: #d74451;}
#snb_snb01 .tit_01 h2 {font-size: 25px; font-weight: 500; color:#fff; padding-top: 20px;}
#snb_snb01 .snb_snb02 {border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;}
.snb_snb02 .depth01 > li {width: 218px; color:#fff; font-weight: 300; border-bottom: 1px solid #cfcfcf;}
.snb_snb02 .depth01 > li > a {display: block; font-size: 16px; width: 100%; height: 100%;  padding:18px 35px 18px 18px; line-height: 16px;}
.snb_snb02 .depth01 > li > a[target="_blank"] {background:url(/ko/img/sub/snb_blank.png) no-repeat 185px 20px;}
.snb_snb02 .depth01 > li:hover > a[target="_blank"],
.snb_snb02 .depth01 > li.on > a[target="_blank"] {background:#f2f2f2 url(/ko/img/sub/snb_blank.png) no-repeat 185px 20px;}
/*.snb_snb02 .depth01 > li:hover,.snb_snb02 .depth01 > li.on {background: #f2f2f2 url(/giupsos/images/sub/left_ico01.png) no-repeat 192px 20px;}*/
.snb_snb02 .depth01 > li:hover > a,.snb_snb02 .depth01 > li.on > a {font-weight: 500; background: #f2f2f2 url(/giupsos/images/sub/left_ico01.png) no-repeat 192px 20px;}
.snb_snb02 .depth01 li.on .depth02 {background:#f9f9f9;}
.snb_snb02 .depth01 > li.on > .depth02 {display:block;}
.snb_snb02 .depth01 .depth02 {display:none;}
.depth02 {border-top:1px dashed #cccccc;}
.depth02 li { padding:10px 20px; border-top:1px dashed #ddd;}
.depth02 li:first-child {border-top:0;}
.depth02 li a {color:#555;}
.depth02 li.on a, .depth02 li a:hover {color:#d74451; font-weight:600;}

.sub_tab3 {overflow:hidden; border:1px solid #0066b3; background:#fff; padding:15px 20px; margin-top:-31px; margin-bottom:30px;}
.sub_tab3 a { float:left; font-size:13px; color:#444; padding:0 15px; background:url('/ko/img/sub/dash_line.gif') no-repeat center right;}

/*서브_컨텐츠_타이틀_공통*/
#sub_cont_warp {width: 980px; float: right;}
.sub_tit {overflow: hidden; padding: 17px 0px 18px 0px; margin-left: 42px; border-bottom: 1px solid #cccccc;}
.sub_tit .page_tit {font-size: 30px; font-weight: 500; float: left; color:#000;}
.sub_tit .location_area {float: right;}
.sub_tit .location_area ul {float: left;}
.sub_tit .location_area .location {overflow: hidden; margin-top: 10px;}
.sub_tit .location_area .location li {margin-right: 15px; font-size: 15px; float: left;}
.sub_tit .location_area .location li.on {font-weight: 400;}
.sub_tit .location_area .location li span { background: url(/giupsos/images/sub/ico_arrow.png) no-repeat left center; padding-left: 20px;}
.sub_tit .location_area .util {overflow: hidden; margin-top: 5px;}
.sub_tit .location_area .util li {margin-left: 5px; float: left;}

/*사이트맵*/
.sitemap {overflow:hidden; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; padding:20px 0;}
.sitemap > li {float:left; width:22%; margin:0 0 0 2.5%;}
.sitemap > li.site1,
.sitemap > li.site5{}
.sitemap > li.site1,
.sitemap > li.site2,
.sitemap > li.site3,
.sitemap > li.site4{/*수정*/height:270px;}
.sitemap > li > h4 { display:block !important; /*수정*/height:auto; /*수정*/line-height:30px; padding:5px 0 5px 15px; margin:0 !important; font-size:16px !important; background:#f5f5f5 !important; color:#05554b; border-bottom:2px solid #09506f;}
.sitemap > li > ul {padding:13px 0 0 10px;}
.sitemap > li > ul li {margin:0 0 8px 0; font-size:14px; margin:0 0 4px 0;}
.sitemap > li > ul li a:hover {font-weight:bold; color:#09506f;}
ul.dot li {background:url('/dokyong/ko/img/page/ico_dot01.jpg') no-repeat left 11px; padding-left:11px;}

@media all and (max-width:880px){
	.sitemap > li {float:left; width:30%; margin:0 0 0 2.5%;}
}
@media all and (max-width:560px){
	.sitemap > li {float:left; width:45%; margin:0 0 0 2.5%;}
}

/*사이트맵
.tb_wrap {overflow-x: auto; margin-top: 10px;}
.tb1_st1 {width: 100%; border-top: 2px solid #555555; border-bottom: 1px solid #cccccc; text-align: center; font-size: 15px; color:#555555; margin-left:-1px;}
.tb1_st1 thead {background: #f3f3f3;}
.tb1_st1 thead tr th {font-weight: 600; color: #555555; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 10px; text-align:left;}
.tb1_st1 tbody tr th {font-weight: 600; color: #555555; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 10px; background: #f3f3f3; text-align:left;}
.tb1_st1 tbody tr th a {font-weight:600;}
.tb1_st1 tbody tr td {border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 10px 15px; font-weight: 400; text-align:left;}
.tb1_st1 .last {border-right: 0;}

.sitemap_ul li a { margin-right: 15px; font-size: 14px; padding-left: 10px; background: url(/ko/img/sub/ico_bl05.png) no-repeat left 11px; display:inline-block;}*/

.wd_30 {width:30%;}
.wd_70 {width:70%;}

.h4_ul > li {margin-top: 10px;}
.h4_ul li p {font-size: 15px; color:#555555; font-weight: 400; background: url(/giupsos/images/sub/ico_bl02.png) no-repeat left 11px; padding-left: 10px;}
.h5_ul li {font-size: 14px; color:#555555; padding-left: 10px; background: url(/giupsos/images/sub/ico_bl03.png) no-repeat left 10px; margin-left: 10px; font-weight: 400;}
.h5_ul li span {font-weight: 600;}
.h5_ul li ul li {background: none; padding-left: 0; margin-left: 0;}

#sub_cont {margin: 50px 0 30px 42px;}


.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 7px; padding-left:16px;}

/*평가하기*/
.cont_foot {margin-top: 40px;}
.cont_foot .top {width: 100%; border: 1px solid #cccccc; background: #f3f3f3; text-align:center; padding:10px 10px 2px; margin-left:0 !important;}
.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: 100%; border: 1px solid #cccccc; margin-top: 5px; margin-left:0 !important;}
.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){
  /*서브_상단,공통*/
  #snb_snb01 {display: none;}
  #content .sub_tit_bg {height: 158px; top:80px; padding: 0 20px;}
  #content .sub_tit_bg .sub_tit_bgInner {width: 100%;}
  #content .sub_tit_bg .sub_tit_bgInner .text01 {padding-top: 25px;}
  .sub_tit {margin-left: 0;}
  #container {width: 100%; padding:10px 24px; margin: 0;}
  #sub_cont_warp {width: 100%; float: none;}
  #sub_cont {margin-left: 0;}
  /*평가하기_공통*/
  .cont_foot {width: 100%;}
  .cont_foot .top {width: 100%;}
  .cont_foot .info {width: 100%;}
}


@media all and (max-width:900px) {
  /*.cont_foot .top {padding: 10px;}
  .cont_foot .top div {overflow: hidden; margin-left: 10px;}
  .cont_foot .top img {margin: 0 20px 0 0;}
  .cont_foot .top p {font-size: 12px; line-height: 15px; float: left; width: 70%;}
  .cont_foot .info .info_line01 .click {float: none; padding: 40px 0px;}
  .cont_foot .info .info_line02 form {float: none; padding: 40px 0 10px;}*/

  .cont_foot .info dl {float: none;}

  .cont_foot .info .info_line01 .click {float: none; padding: 40px 0px;}
  .cont_foot .info .info_line02 form {float: none; padding: 40px 0 10px;}

}


/*모바일*/
@media all and (max-width:480px) {
    #content .sub_tit_bg .sub_tit_bgInner .text01 {font-size: 30px;}
    #content .sub_tit_bg .sub_tit_bgInner .text01 span {font-size: 20px;}
    #content .sub_tit_bg .sub_tit_bgInner .text02 {font-size: 17px; word-break: keep-all;}
    .sub_tit {padding: 0 0 10px;}
    .sub_tit .page_tit {font-size: 28px; padding-bottom:0;}
    .location {margin-top: 10px;}
    #container {padding: 10px 10px;}
    #sub_cont {margin: 30px 0;}
    /*.cont_foot .info .info_line02 dl dd {font-size: 12px;}*/

    /*평가하기*/
    .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;}
}

@media all and (max-width:380px) {
  .sub_tit .location_area .location, .sub_tit .location_area .util {margin: 10px 0 0;}

  /*평가하기*/
  .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;}
  .cont_foot .info .info_line02 form {padding: 63px 0 10px;}
}

@media all and (max-width:360px) {
  .sub_tit .location_area .util {float: left;}
}


/*컨텐츠 css*/

/* 서브공통 */
.gray_box { border:1px solid #ddd; padding:7px;}
.gray_box > div {background:#f9f9f9; padding:20px;}

@media all and (max-width:1023px) {
  .gray_box > div > img {width:100%;}
}


/*sub01*/
.sub0106 .bg_yellow {background:#f9f9e6;}

/*sub02*/
.sub0201 {overflow:hidden;  border-bottom:1px dashed #ddd; margin-bottom:30px; padding-bottom:30px;}
.sub0201 .left_img {float:left; width:30%; margin-right:5%;}
.sub0201 .left_img img {border:1px solid #ddd; background:#f3f3f3; padding:5px; width:100%;}
.sub0201 div {float:left; width:65%;}

@media all and (max-width:768px) {
  .sub0201 .left_img {width:0;margin-right:0;}
  .sub0201 div {width:100%;}
}

.giup_list .search_wrap { border:1px solid #ccc; background:#f3f3f3; padding:15px; margin-bottom:20px; }
a.btn_excel { background:#107B10 url('/giupsos/images/icon_excel.jpg') no-repeat 10px center; color:#fff; padding:7px 10px 7px 35px;}
.giup_list td a {font-weight:600; color:#222;}
.giup_list td a:hover {text-decoration:underline;}

.giup_list .search_tab {margin-bottom: 40px;}
.giup_list .search_tab ul {overflow: hidden; border-left: 1px solid #dddddd;}
.giup_list .search_tab ul li a {float: left; width:25%; height: 46px; border: 1px solid #dddddd; line-height: 46px; padding-left: 15px; background: url(/ko/img/sub/tab01_ico.png) no-repeat 95% center; cursor: pointer; font-size: 14px; letter-spacing:-0.07em; margin-left: -1px;}
.giup_list .search_tab ul li.on a,
.giup_list .search_tab ul li:hover a {background: #0066b3 url(/ko/img/sub/tab02_ico.png) no-repeat 95% center; color:#fff; border: 1px solid #0066b3;}
.giup_list .th_num1 {width:30%;}
.giup_list .company_img { padding:10px 20px;}
.giup_list .company_img .no_img { display:inline-block; border:1px solid #ccc; background:#f3f3f3 url('/giupsos/images/sub/no_img.png') no-repeat center center; text-indent:-99999px; line-height:150px; width:250px; }
.giup_list .company_img img { border:1px solid #ccc; width:100%; }
.giup_list .company_info { text-align:left; padding:5px 20px;}
.giup_list .company_info p a {font-size:20px;}

@media all and (max-width:768px){
	.giup_list .th_num1 {width:40%;}
}

.giup_view {overflow:hidden;}
.giup_view .giup_img {float:left; width:40%; margin-right:5%; border:1px solid #ccc; padding:5px; background:#fff;}
.giup_view .giup_img div {background:#f3f3f3; text-align:center; line-height:0;}
.giup_view .giup_img div img {width:100%;}
.giup_view .giup_img div .noimg { margin:60px 0; width:102px; }
.giup_view .giup_info { float:left; width:55%; padding-bottom:40px;}
.giup_view .giup_info .title { font-size:20px; font-weight:600; color:#333; border-bottom:2px solid #555; margin-bottom:20px; padding-bottom:10px;}
.giup_view .giup_info ul li span {display:inline-block; width:90px; font-weight:600; color:#0066b3;}
.giup_view .giup_info div {border:1px solid #ddd; padding:5px 20px 15px 20px; background:#f9f9f9; margin-top:30px;}
.giup_view .detail_info {clear:both; }
.giup_view .detail_info dl {border-bottom:1px dashed #ccc; padding-bottom:20px;}
.giup_view .detail_info dd {padding-left:20px;}
a.can {display:inline-block; font-size:14px; color:#fff; font-weight:600; background:#555; padding:0 20px; line-height:33px; border-radius:5px; margin-top:30px;}

@media all and (max-width:768px) {
  .giup_view .giup_img {width:100%; margin-right:0%; margin-bottom:20px;}
  .giup_view .giup_info { width:100%;}
}

@media all and (max-width:630px) {
  .giup_list .search_tab ul li a {width: 50%;}
}

@media all and (max-width:480px) {
  .giup_list .search_tab ul li a {font-size:13px;}
}

/* sub04 */
.sub0402 ul {overflow:hidden;}
.sub0402 ul li {float:left; width:31%; margin:0 0 2% 3%; border:1px solid #bbb; border-radius:10px; text-align:center; padding:100px 0 20px; }
.sub0402 ul li p { font-size:20px; font-weight:700; color:#222; }
.sub0402 li a {display:inline-block; border-radius:5px; margin:5px auto; background:#0066b3; line-height:35px; padding:0 10px;  color:#fff;}
.sub0402 li a span { background:url('/ko/img/sub/ico_blank_w.png') no-repeat right 8px; font-size:15px; font-weight:700; padding-right:15px; }
.sub0402 .icon_01 { margin-left:0; background:url('/giupsos/images/sub/icon_01.gif') no-repeat center 30px; }
.sub0402 .icon_02 { background:url('/giupsos/images/sub/icon_02.gif') no-repeat center 30px; }
.sub0402 .icon_03 { background:url('/giupsos/images/sub/icon_03.gif') no-repeat center 30px; }
.sub0402 .icon_04 { margin-left:0; background:url('/giupsos/images/sub/icon_04.gif') no-repeat center 30px; }
.sub0402 .icon_05 { background:url('/giupsos/images/sub/icon_05.gif') no-repeat center 30px; }
.sub0402 .icon_06 { background:url('/giupsos/images/sub/icon_06.gif') no-repeat center 30px; }

@media all and (max-width:480px) {
  .sub0402 ul li { width:48%; margin:0 0 2% 3%; }
	.sub0402 .icon_03,.sub0402 .icon_05 {margin-left:0;}
	.sub0402 .icon_04 {margin-left:3%;}
}