/* 공통요소 */
html,body {height:100%; width:100%; margin:0; padding:0; font-family:굴림,Dotum,AppleGothic,sans-serif; font-size:12px; color:#444;}
form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,pre,fieldset,input,blockquote,th,td {margin:0px;padding:0px;font-size:12px;font-family:굴림;color:#464646;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul,dl {list-style-type:none; margin:0; padding:0px;line-height:16px;}
fieldset,img,label {border:0 none;margin:0;padding:0;}
input,select, button {vertical-align:middle;}
a {text-decoration:none; color:#444;} a:hover {text-decoration:underline;}
span.button, img.button, a.button { vertical-align: middle; cursor:pointer;}
input.typeImage { border:0 none;}
table { border-collapse:collapse; }
td, th { padding:0; }
hr {display: none;}
.dis_none {line-height:0px; /* visibility: hidden; */ font-size:0px;}
.hidden_text {position:absolute;width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;overflow:hidden;}
/* input */
input {color:#666; vertical-align:middle; font-size:11px;}
select {vertical-align:middle; color:#666; font:normal 11px/16px 굴림, dotum, gulim, arial, sans-serif, verdana;}
input.text {height:18px; background-color:#fdfdfd; border:1px solid #dfe4e8; color:#666; font-size:11px; padding:3px 3px 0 4px}
input.radio {margin-top:-2px;}
textarea.textarea {background-color:#fdfdfd; border:1px solid #dfe4e8; color:#666; font-size:11px; padding:3px 3px 0 4px}
/* 건너뛰기 */
#skipnavi { position:absolute; left:0; top:0;}
/* left 값과 top 값을 지정하여 건너뛰기 링크가 화면에 표시될 위치를 정의 */
#skipnavi a { display:block; height:1px; width:1px;
margin-bottom:-1px; overflow:hidden; text-align:center;
color:#000; white-space:nowrap;}
#skipnavi a:focus,
#skipnavi a:active { height:auto; width:auto;}
/* 서브 정의 */
#wrap {width:940px; margin:0 auto; height:auto; padding:0;}
.none{}
/*히든텍스트*/
.hidden_text {position:absolute;width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;overflow:hidden;}
.hidden_text h3 {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text dt {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text dd {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text table {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text thead th {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text tbody th {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text tbody td {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
/* 탑영역 */
#header {height:130px; margin:0 auto 10px auto; padding:0; background:url(/site/home/image/common/bg_header.gif) no-repeat;z-index:200;}
#header h1 {float:left; margin:5px 0 10px 0; padding:0;}
/* 메뉴 */
#header #gnb {position:relative; float:left;width:941px;height:75px;background:url(/site/home/image/common/bg_menu.gif) no-repeat; padding:0; margin:0;}
#header #gnb img {vertical-align:top;padding:0; margin:0;}
#header #gnb .head_text {float:left; width:199px; padding:8px 20px 0px 10px;}
#header #gnb h2 {float:left; padding:14px 18px 0px 15px;text-align:center;font-weight:bold;color:#000;font-size:14px;}
#header #gnb .sub_menu {position:absolute; margin:45px 0 0 0;}
#header #gnb .sub_menu ul {}
#header #gnb .sub_menu ul li {float:left;margin-right:2px; background:url(/site/home/image/common/ico_submenu.gif) 0 6px no-repeat; padding:0 5px 0 5px;}
#header #gnb .sub_menu a {display:block; white-space:nowrap; padding:4px 5px 1px 5px;}
#header #gnb .sub_menu a.span {display:block; white-space:nowrap; padding:4px 5px 1px 5px;}
#header #gnb .sub_menu a:hover {text-decoration:none !important; cursor:pointer; ; font-weight:bold;}
#header #gnb .sub01 {left:100px; width:800px;}
#header #gnb .sub02 {left:160px; width:740px;}
#header #gnb .sub03 {left:200px; width:700px;}
#header #gnb .sub04 {left:280px; width:620px;}
#header #gnb .sub05 {left:250px; width:650px;}
#header #gnb .sub06 {left:250px; width:650px;}
#header #gnb .sub07 {left:420px; width:510px;}
#header #gnb .sub08 {left:600px; width:350px;}
#contents_wrap {width:940px; height:auto;}
/* 서브메뉴 */
.sub_menu {width:180px; height:auto; float:left;}
.sub_menu .sub_box {background:url(/site/home/image/common/subleft_bg_02.gif) repeat-y;}
.sub_menu .sub_box .sub_box_top {display:block; height:13px; background:url(/site/home/image/common/subleft_bg_01.gif) no-repeat;}
.sub_menu .sub_box ul {padding-bottom:13px; background:url(/site/home/image/common/subleft_bg_03.gif) no-repeat 0 100%;}
.sub_menu .sub_box ul li {margin:5px 10px; text-align:left;}
.sub_menu .sub_box ul li a { background:url(/site/home/image/common/subleft_line.gif) no-repeat bottom;}
.sub_menu .sub_box ul li img {width:146px; padding:0 0 3px 5px;}
.sub_menu .sub_box ul li.sub_menu02 img {width:160px; padding:0; margin:0; vertical-align:top; display:inline;}
/* .sub_menu .sub_box ul li.sub_menu02 ul {background:url(/site/home/image/common/subleft_act_bottom.gif) bottom; padding:0 0 8px 0; margin:0; width:160px;} */
.sub_menu .sub_box ul li.sub_menu02 ul {border-left:1px solid #D7D7D8; border-right:1px solid #D7D7D8; border-bottom:1px solid #D7D7D8; padding:0 0 8px 0; width:158px; height:auto; background:none; overflow:hidden;}
.sub_menu .sub_box ul li.sub_menu02 ul li {width:140px; margin:5px 0 0 8px; background:none;}
.sub_menu .sub_box ul li.sub_menu02 ul li a {background: none;}
.sub_menu .sub_box ul li.sub_menu02 ul li img {width:125px; padding:0 10px 2px 0; border-bottom:1px solid #EFEFEF;}
.sub_menu .sub_box ul li.sub_menu02 ul li ul {padding:0; width:140px; height:auto; background:none; overflow:hidden; border:none;}
.sub_menu .sub_box ul li.sub_menu02 ul li ul li {border:none;}
.sub_menu .sub_box ul li.sub_menu02 ul li ul li a {border:none; border-bottom:none; color:#888888; height:15px; margin:0 0 0 5px; padding:0 0 0 6px; background:url(/site/home/image/common/sub_4depth_icon.gif) no-repeat 0 4px; letter-spacing:-1px;}
/* 메뉴바텀 검색부분 */
.sub_search {width:180px; height:90px; background:url('/site/home/image/common/subleft_seach_bg.gif') no-repeat left top; margin:5px 0 0 0; padding:0;}
.search_area {width:170px; height:50px; padding:13px 0 0 8px;}
.search_area select{width:110px;}
.search_area .search_word_input{width:110px; height:15px; margin:5px 0 0 0; padding:0;}
.search_area input {vertical-align:bottom;}
.recommend_word {float:left;}
.recommend_word dl{float:left; padding:0 2px 0 10px;}
.recommend_word dl dt{float:left; font-weight:bold; color:#00746b;}
.recommend_word dl dd {float:left; height:13px; padding:2px 0 0 2px; font-size:11px;}
/* 컨텐츠 영역 */
.contents {width:750px; height:auto; float:right; display:inline;}
h2.sub_topimg {width:750px; height:83px;}
.title_area {width:750px; height:30px; border-bottom:1px solid #DBDBDB;}
.title_area h3.title {float:left; margin:8px 0 0 0; font-size:14px; font-weight:bold; color:#0E4A8D;}
.title_area .title_navi {float:right; margin:11px 0 0 0;}
.title_area .title_navi li {float:left; padding:0px 4px 0px 7px; background:url(/site/home/image/common/sub_navi_icon.gif) no-repeat 0 6px; color:#555; font-size:11px;}
.title_area .title_navi li.home {background:none;}
.function {float:right; width:175px; height:21px; margin:5px 0 0 0; padding:0 2px 0 0;}
.function img {margin:0;}
.contents_area {width:750px; height:auto; margin:5px 0 0 0;}
/* 컨텐츠_CSS */
.excutive {overflow:hidden; position:relative; padding:10px 5px 40px 5px; width:730px;}
.excutive p{padding:0 0 0 13px; line-height:16px;}
.excutive h4 {height:21px; padding:0 0 0 15px; background:url('/site/home/image/common/icon_01.jpg') no-repeat left 2px;font-weight:bold;color:#000000;font-size:14px;}
.excutive dl {padding:0px 0px 0px 8px;}
.excutive dt {position:relative;padding:0 0 0 18px;line-height:1.5em;background:url('/site/home/image/common/icon_02.gif') no-repeat 12px 6px; color:#555555;}
.excutive dt span {font-weight:bold;color:#555555;}
.excutive dd {padding:4px 0px 10px 9px;color:#555555;line-height:18px;}
.excutive dd ul li {position:relative;padding:0 0 0 22px;line-height:1.5em;background:url('/site/home/image/common/icon_03.jpg') no-repeat 16px 6px; color:#555555;}
.excutive dd ul li ul li{background:url('/site/home/image/common/icon_04.gif') no-repeat 0px 6px;padding:0px 0px 2px 6px;color:#555555;line-height:18px;}
.excutive dd ul.level1 li {background:none;}
.excutive dd ol {margin-left:30px;}
.excutive dd ol li {list-style-type:decimal;padding:5px 0px 5px 0px;line-height:18px;}
.excutive .fc01 {color:#336699;font-weight:normal;}
.excutive .fc02 {color:#339900;font-weight:normal;}
.excutive .fc01 a {color:#F08030;font-weight:normal;}
.excutive h5 {background:url('/site/home/image/common/icon_05.gif') no-repeat 3px 3px;padding:0px 0px 5px 15px;color:#0c79b1;line-height:18px; font-size:12px;}
/*
.excutive .img_left {margin:30px 0px 0px 0px;}
.excutive .img_center {margin:30px 0px 0px 0px;text-align:center;}
.excutive .img_center2 {margin:10px 0px 10px 0px;text-align:center;}
.excutive p {padding:5px 10px 5px 10px;color:#252525;line-height:18px;}
.excutive .text01 {padding-left:0px;}
.excutive .etc01 {padding:5px 10px 5px 10px;color:#252525;line-height:18px;position:relative;}
.excutive .etc01 .btn01 {position:absolute;right:0px;top:-8px;}
.excutive .etc01 .btn01 img {margin:2px 0px 2px 0px;} 추후 사용 예정*/
/* 이미지있고 내용 나오는 css (이미지-내용) */
.sc_image{width:auto; height:auto; padding:15px 0 40px 10px; overflow:hidden;}
.sc_image h4{height:21px; padding:0 0 0 15px; clear:both; font-size:14px; background:url('/site/home/image/common/icon_01.jpg') no-repeat left 2px;}
.sc_image dl{margin:0; padding:0;}
.sc_image dt{float:left; width:auto; height:auto; padding:0 0 43px 0; }
.sc_image dd{float:left; width:auto; height:auto; line-height:16px; padding:0 0 43px 10px;}
.sc_image dt img{vertical-align:top;}
.sc_image .sym{height:150px;}
/* 이미지있고 내용 나오는 css (이미지 아래 내용) */
.image_01{width:670px; height:auto; padding:15px 0 40px 10px;}
.image_01 h4{height:21px; padding:0 0 0 15px; clear:both; font-size:14px; background:url('/site/home/image/common/icon_01.jpg') no-repeat left 2px;}
.image_01 dl{margin:0; padding:0;}
.image_01 dt{float:left; width:100%; height:auto; padding:0 0 5px 0; }
.image_01 dd{float:left; width:100%; height:auto; line-height:16px; padding:0 0 0 10px;}
.image_01 dt img{vertical-align:top;}
.image_01 .sym{height:150px;}
/* 테이블 css */
table.common {margin:10px 0 25px 10px;width:98%; padding:0;}
table.common tr td {padding:5px 0 0 3px; border:1px #ccc solid; background:#fff; line-height:20px; margin:0;}
table.common tr th {border-left:1px #ccc solid;border-right:1px #ccc solid;border-bottom:1px #ccc solid;background:#f9f9f9; color:#707070; margin:0;}
table.common02 {margin:0 0 25px 10px;width:98%;}
table.common02 tr td {padding:5px; border-left:1px #ccc solid; border-right:1px #ccc solid; border-bottom:1px #ccc solid; background:#fff; line-height:20px;}
table.common02 tr th {border-left:1px #ccc solid;font-weight:bold; border-right:1px #ccc solid;border-bottom:1px #ccc solid;background:#f9f9f9; color:#707070;}
.table_blue th {padding:5px 0;font-weight:bold;border-top:2px #3B69ED solid;background:#E6E6E6;}
.table_blue td {padding:5px 0 ;border-top:2px #3B69ED solid;}
.table_nocolor th {padding:5px 0;font-weight:bold;background:#f9f9f9;}
/* 속초소개-지정문화재 */
table.common03 {margin:10px 0 25px 10px;width:90%; padding:0;}
table.common03 tr td {padding:5px 0 0 3px; border:1px #ccc solid; background:#fff; line-height:20px; margin:0;}
table.common03 tr th {border-left:1px #ccc solid;border-right:1px #ccc solid;border-bottom:1px #ccc solid;background:#f9f9f9; color:#707070; margin:0;}
/* 텍스트 정렬 */
.text_l{text-align:left !important;}
.text_c{text-align:center !important;}
.text_r{text-align:right !important;}
/* tab메뉴 */
.tab {height:27px;padding:0px 0px 0px 5px;margin:10px 0 20px 0; background:#eeeeee; width:98%;}
.tab div {border:1px solid #65A5C7;border-bottom:none;color:#252525;padding:6px 10px 1px 10px;height:14px;line-height:14px;float:left;background:#FFFFFF;margin:5px 1px 0px 0px;}
.tab div a {color:#252525;}
.tab div a:hover {color:#252525; text-decoration:underline;}
.tab .tab_over {font-weight:bold;}
/* clear:both */
.cb {clear:both;font-size:0px;line-height:0px;height:0px;}
/*버튼*/
.btn_center {margin-top:10px;text-align:center;}
.btn_center img {padding:0 10px 0 0 ;}
.btn_left {margin-top:10px;}
.btn_right {text-align:right;}
.btn_right2 {text-align:right;margin-top:12px;}
.img_center {text-align:center;position:relative;}
.img_left {position:relative; top:10px; left:100px;}
.img_left img { margin:0 40px 0 0;}
.img_right {text-align:right;position:relative;}
/* 여백 */
.mg_top7 {margin-top:7px;}
.pd_top20 {padding-top:20px;}
.mg_top20 {margin-top:20px;}
.mg_bottom10 {margin-bottom:10px;}
.space05 {height:5px;}
.space10 {height:10px;}
.space20 {height:20px;}
.space25 {height:25px;}
.space30 {height:30px;}
.pd_5 {padding:5px;}
/*히든텍스트*/
.hidden_text {position:absolute;width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;overflow:hidden;}
.hidden_text h3 {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text dt {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text dd {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text table {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text thead th {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text tbody th {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
.hidden_text tbody td {width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;}
/* 박스 */
.excutive_box {background:#F7F8F8; border:2px solid #4E9CDA; width:97%; padding:5px 5px 5px 2px; margin:0 0 10px 5px; line-height:15px;}
.excutive_box .box_head {font-weight:bold; padding:0 0 0 12px; margin:0 0 5px 0; color:#60973F; font-size:13px;}
.excutive_box .ftblue {color:#4F70A3;}
.excutive_box .ftgreen {color:#008000;}
.excutive_box .ftgreen02 {font-weight:bold;color:#339900;}
/* 박스
.statement_box {background:#ffffff; border:2px solid #B6B3B3; width:97%; padding:5px 5px 5px 2px; margin:0 0 10px 5px; line-height:15px;}
.statement_box .statement_img {float:left; width:74px; height:75px;}
.statement_box .statement_head {float:left; width:87%; font-weight:bold; padding:0 0 0 15px; margin:0 0 5px 0; color:#0E4A8D; font-size:13px; background:url(/site/home/image/sub02/sub02_icon01.gif) no-repeat 0 1px;}
.statement_box .statement_con {float:left; width:87%; padding:0 0 0 2px; margin:0 0 5px 0; border-left:1px solid #B5B2B2;}
.statement_box .ftred {color:#4F70A3;} */
/* 박스 */
.statement_box {background:#ffffff; border:2px solid #B6B3B3; width:97%; padding:8px 5px 8px 2px; margin:0 0 10px 5px; line-height:15px; overflow:hidden;}
.statement_box .statement_img {float:left; width:74px; height:75px;}
.statement_box .statement_wrap {float:left; width:87%; padding:0 0 0 10px; margin:0 0 5px 0; border-left:1px solid #B5B2B2;}
.statement_box .statement_wrap .statement_head {float:left; width:87%; font-weight:bold; padding:0 0 0 15px; margin:0 0 5px 0; color:#0E4A8D; font-size:13px; background:url(/site/home/image/sub02/sub02_icon01.gif) no-repeat 0 1px;}
.statement_box .statement_wrap .statement_con02 {float:left; width:100%; padding:0; margin:0 0 5px 0;}
.statement_box .statement_wrap .statement_con02 p {float:left; width:100%; padding:0; margin:0 0 5px 0;}
.statement_box .statement_wrap .statement_con02 ul {float:left; width:100%; padding:0; margin:0 0 5px 10px;}
.statement_box .statement_wrap .statement_con02 ul li {float:left; width:100%; padding:0 0 0 7px; margin:0; background:url(/site/home/image/sub02/sub02_icon02.gif) no-repeat 0 5px;}
.statement_box .statement_wrap .statement_con03 ul {float:left; width:25%; padding:0; margin:0 0 8px 0px;}
.statement_box .statement_wrap .statement_con03 ul li {padding:0 0 0 7px; margin:0; background:url(/site/home/image/sub02/sub02_icon02.gif) no-repeat 0 5px;}
.statement_box .statement_wrap .statement_con04 ul {float:left; width:50%; padding:0; margin:0 0 8px 0px;}
.statement_box .statement_wrap .statement_con04 ul li {padding:0 0 0 7px; margin:0; background:url(/site/home/image/sub02/sub02_icon02.gif) no-repeat 0 5px;}
.statement_box .statement_wrap .ftred {color:#C40F0F;}
.statement_btn {padding:20px 18px 10px 0; width:100%;}
.statement_btn ul {float:right;}
.statement_btn ul li {padding:0 4px 0 10px; float:left;}
.statement_box2 {background:#ffffff; border-top:1px solid #B6B3B3; width:97%; padding:10px; margin:0; line-height:15px; overflow:hidden;}
/* 컨텐츠 실명제 */
.estimate {width:750px; margin:50px 0 10px 0; padding:0;}
.estimate .ta_right {text-align:right;}
.estimate .et_info {height:27px; margin-top:6px; background:url(/site/home/image/common/info_box.gif) no-repeat 0 0;}
.estimate .et_info dl {padding:4px 0 0 10px;}
.estimate .et_info dl dt {float:left; width:60px; padding:0 15px 0 3px;}
.estimate .et_info dl dd {float:left; padding:3px 0 0 14px; background:url(/site/home/image/common/info_icon.gif) no-repeat 9px 10px; font-size:11px;}
.estimate .et_info dl dd em {color:#000; font-style:normal;}
.estimate .et_estimate {height:80px; margin-top:4px; background:url(/site/home/image/common/estimate_box.gif) no-repeat 0 0;}
.estimate .et_estimate dl {position:relative; padding:0 11px;}
.estimate .et_estimate dl dt {height:20px; padding:9px 15px 0 3px;margin:0 0 2px 0;}
.estimate .et_estimate dl dd {position:relative; padding:5px 0 0 13px; float:left;}
.estimate .et_estimate dl dd span {position:absolute; width:600px; top:0; left:80px;}
.estimate .et_estimate dl dd span label img {vertical-align:top;}
.estimate .et_estimate dl dd span a img {vertical-align:bottom;}
.estimate .et_estimate .input_txt {width:390px; height:12px; border:solid 1px #DDDDDD; background:#FFFFFF;padding:2px 0px 0px 4px; margin:4px 0 0 0; }
.estimate .et_estimate .estimate_exp {position:absolute; top:8px; right:325px; padding:0; }
.estimate .et_estimate .estimate_exp li {float:left;}
.estimate .et_estimate .estimate_exp li img {margin:0px 0px 4px 0px;vertical-align:middle; float:left; padding:0;}
.estimate .et_report {height:26px;margin-top:4px;padding:4px 0px 0px 28px; background:url(/site/executive/image/common/et_report_box.gif) no-repeat;}
.estimate .et_report span {font-weight:bold; font-style:normal;}
.estimate .et_report input {margin:0px 0px -5px 11px;}
.estimate #totalScore {position:absolute; top:45px; right:50px;}
/* 하단 배너 */
#foot_banner {width:940px;border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; margin:10px auto 10px auto;}
#foot_banner h3 {margin:10px 0 0 3px; float:left; display:inline;}
#foot_banner .banner_more { float:left; margin:13px 0 0 10px; display:inline;}
#foot_banner .banner_list {float:left; width:790px; text-align:center;padding:8px 0px 8px 0px; display:inline;}
#foot_banner .banner_list span {padding:0px 12px 0px 12px;}
#foot_banner .btn_skip01 {float:left; margin:7px 0 0 7px; display:inline;}
#foot_banner .btn_skip02 {float:left; margin:7px 0 0 0; display:inline;}
#foot_banner .btn_skip03 {float:left; margin:7px 0 0 0; display:inline;}
/* 푸터 */
#footer_bg {width:100%; height:100px; clear:both; border-top:2px solid #EEEEEE;}
.footer {width:940px; margin:0 auto; height:auto;}
.footer .footer_logo {float:left; margin: 10px 0 0 15px; display: inline;}
.footer ul.footermenu{float:left; margin: 8px 0 0 15px; height:18px;}
.footer ul.footermenu li{float:left; padding:0 5px; background:url(/common/image/bg_bar.gif) no-repeat right top;}
.footer ul.footermenu li.last{background:none;}
.counter {float:right; margin:10px 0 0 0; width: 220px; color: #999;}
.counter img { vertical-align:top;}
.counter .today { color: #333; height:13px;}
.counter .total { color: #333; height:13px; }
.footer address{float:left; margin: 3px 0 0 19px; width:700px; height:25px; color:#3f3f3f; line-height:15px;}
.footer p.copyright{float:left;margin: 7px 0 0 19px; width:580px; height:18px; font-size:11px; color:#3f3f3f;}
#returntop {width:0; height:0; font-size:0; line-height:0;}