@charset "utf-8";
/*	
	-----------------------------------------------
	* sub.css
	-----------------------------------------------
*/
.opinion_wrap {width:auto;}
.radio_list {width:80%;}
.radio_list >li:not(:last-child) {width:20%; margin-right:0;}
.radio_list >li label {width:auto;}

/* ���� */
.process{overflow:hidden; width:100%; margin:20px 0;}
.process li{float:left; min-height:100px !important; vertical-align:middle; text-align:center; margin-bottom:10px; list-style:none;font-family: 'Noto Sans Korean medium';}
.process li div.step{float:left; width:calc(100% - 30px); min-height:100px; display: table; position: relative; font-weight:bold; text-align:center; padding:1em; border-top:2px solid #0091c5; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; list-style:none;font-family: 'Noto Sans Korean medium';}
.process li div.step span{display:inline-block; width:100%;/*  border-top:dotted 1px #ddd; */ margin-top:8px; padding-top:5px; color:#666; 
font-weight:normal !important;}
.process li:after{display:block; width:30px; height:95px; content:''; float:left; margin:0 auto; background:url('../img/sub/proArrowR.png') center no-repeat;}
.process li.invers:after{display:block; width:30px; height:95px; content:''; float:right; margin:0 auto; background:url('../img/sub/proArrowL.png') center no-repeat;}
.process li.both:after{display:block; width:30px; height:95px; content:''; float:right; margin:0 auto; background:url('../img/sub/proArrowB.png') center no-repeat;}
.process li:last-child:after{display:none;}
/* .process li.invers:last-child:after{display:block !important;} */
.process li img{display:block; margin:0 auto 10px;}
/* .process span{float:left; display:inline-block; font-size:1.5em; padding:30px 10px;}
.process span.moVer{display:none;}
.process span.pcVer{} */
.process_box{overflow:hidden; border-top:2px solid #0091c5; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px;}
.pro01 li{width:100%;}
.pro01 li:after{clear:both;content:''; width:100%; height:8px; background:url('../img/sub/proArrowD.png') center no-repeat; margin-top:10px;}
.pro02 li{width:calc(100% / 2);}
.pro03 li{width:calc(100% / 3);}
.pro04 li{width:calc(100% / 4);     min-height:160px !important;}
.pro05 li{width:calc(100% / 5);}
.pro06 li{width:calc(100% / 6);}
.cell{vertical-align:middle;}
.proArrowD{display:block; width:100%; height:30px; float:left; margin:0 auto; background:url('../img/sub/proArrowD.png') center no-repeat;}
.proArrowR{display:inline-block; width:30px; height:30px; float:left; margin:0 10px; background:url('../img/sub/proArrowR.png') center no-repeat;}
.w1{display:block; width:100%; height:70px; border-radius:50px; text-align:center; border:2px solid #ddd; padding-top:10px;}
.wArrow{display:block;}
.w2{display:block; width:100%; height:30px; border-radius:50px; text-align:center; background:rgb(20,110,216); color:#fff !important; padding-top:22px;}


@media screen and (max-width: 960px){
	.radio_list {width:100%;}	
}
@media screen and (max-width: 480px){
	.radio_list >li:not(:last-child) {width:auto;}
	}
	
.ctn_area h1.depth_tle {margin:15px 0 0;color:#3b3a3a;font-size: 24px;font-weight:800;line-height:1.3;}
.ctn_area h1.depth_tle:before {display:block; margin:0 0 0.4em; width:20px; height:4px; background:#3589d8; content:'';}

.ctn_area .depth_01 {margin:20px 0 0;}
.ctn_area .depth_01 li:before {display:inline-block;margin: 4px 8px 0 0;width:10px;height:10px;background:rgb(79,210,237);background: linear-gradient(135deg, rgba(79,210,237,1) 50%, rgba(57,57,185,1) 50%);vertical-align: top;content:'';}
.ctn_area .depth_01 li {padding:0 0 0 0.8em;margin:0 0 1em;color:#3b3a3a;font-size: 17px;font-weight:700;}
.ctn_area .depth_01 li:after{content:''; display:block; clear:both;}
.ctn_area .depth_01 ol.list_num{margin-top:10px;}
.ctn_area .depth_01 ol.list_num li{font-size:15px; font-weight:400; color:#757575; background:none;}

.ctn_area h2 {padding: 0 0 0 1.5em;margin: 2.3em 0 1em; color:#3b3a3a; font-size:21px; font-weight:700;}
.ctn_area .depth_02 {margin:13px 0 0 15px;}
.ctn_area .depth_02 li:before {display:inline-block; width:3px; height:3px; margin:0 0.3em 0 0; background:rgb(79,210,237); vertical-align:middle; content:'';}
.ctn_area .depth_02 li {padding:0;margin: 0 0 4px;background:none;color:#757575;font-size:14px;font-weight:400;}
.ctn_area .depth_02 li strong {color:#1b6094;}

.ctn_area .depth_03 {margin:10px 0 8px !important;}
.ctn_area .depth_03 li {padding:0; margin:0 0 10px 12px; background:none; color:#a5a5a5; font-size:14px; font-weight:300;}
.ctn_area .depth_03 li:before {display:inline-block; width:4px; height:1px; margin:0 0.3em 0 0; background:#a5a5a5; vertical-align:middle; content:'';}

.ctn_area .depth_none {padding:0; margin:5px 0 0 17px; background:none; color:#757575; font-size:14px; font-weight:400;}


.s_title_border {
    font-size: 26px;
    font-weight: bold;
    color: #232323;
    letter-spacing: -1px;
    text-align: center;
    width: 25%;
    padding-bottom: 10px;
    border-bottom: 1px solid #2e2e2e;
    margin: 20px auto;
}
.portlet-body .nav > li {    width: calc(100% / 5);}


.traffic_imgbox {width:100%;  position:relative;  overflow:hidden; margin:0 auto; margin-bottom:30px;}
.traffic_imgbox img {width:100%;}
.traffic_title {overflow:hidden; position:absolute; font-size:18px; line-height:28px; letter-spacing:-1px; 
text-align:left; margin:8% 0 0 8%;}
.traffic_title p {font-weight:bold; color:#188657; font-size:24px;   line-height:40px; margin-bottom:15px;}

.traffic_mapbox {padding:10px 0px 10px 0px; border:1px solid #ddd; text-align:center; margin-top:20px; margin-bottom:50px;}
.traffic_mapbox img {width:360px; margin:0 auto;}
.st_line {text-align:left; font-size:16px; font-weight:bold; margin-bottom:15px;}
.st_line p {border:3px solid #188657; width:30px; margin:10px 0px;}

.table-responsive li {padding:5px 10px 5px 15px; background:url('../img/sub/ico-dotted-grey.png') no-repeat 2px 12px;
                       display:block; margin-left:5px;margin-right:3px; border:0px; text-align:left; line-height:15px;}
.board_top{background:#fff; padding:30px 45px 30px 45px; border:3px solid #c3c3c3}
.board_top h3{
    padding: 0 20px 12px 0;
    background: url(../../images/sub/slide_icon_dot.png) no-repeat 5px 8px;
   line-height:20px;
}

.guide { background: url(./../img/sub/guide.png) no-repeat top right; margin-top:25px; overflow:hidden;}

@media (max-width:992px){
.traffic_title {overflow:hidden; position:absolute; font-size:14px; line-height:24px; letter-spacing:-1px; text-align:left; margin:5% 0 0 5%;}
.traffic_title p {font-weight:bold; color:#188657; font-size:20px;   line-height:30px; margin-bottom:8px;}

}


.bod_view .photo_viewer_n {margin: .666em 0;}
.tursm_table img {    width: auto;max-width: none !important;}
h4.s_tit {width:100%;  background:#f7f7f7}
#conts h4:first-child {margin:auto;}
.mtd50 {width:100%}
@media (min-width:1200px) {
.bod_view .photo_viewer_n {padding-right: 15px;}
}
@media (max-width:768px) {	
.btn_wrap >a, .btn_wrap >input, .btn_wrap >button{height:auto;}
}


/*01울주에 가면 > 01울주8경*/
.view8_box {position:relative;}

.view8_bdinner ul {display:block; }
.view8_bdinner ul:after {content:''; display:block; visibility:hidden; clear:both;}
.view8_bdinner li {overflow:hidden; display:inline-block; float:left; padding:10px; width:50%;}
.view8_bdinner li:after {content:''; display:block; visibility:hidden; clear:both;}
.v8_imgbox {position:relative;}
.v8_imgbox a {display: block; height: 100%; color:#fff;}

.v8_tbox {padding:20px; text-align:center;}
.v8_tbox .v8_num {display:block; margin:0 auto 10px; padding:10px 5px; width:30%; background-color:#00518a; border-radius:30px; font-family: 'Cheonjeonri'; font-size:1.5rem; color:#fff;}
.v8_tbox .v8_txt {margin-bottom:5px; font-size:1.5rem;}
.v8_tbox .v8_tit {font-weight:600; font-size:1.9rem;}

/*media query*/

@media screen and (max-width:960px){
 .v8_tbox .v8_tit {min-height:66px;}
}

@media screen and (max-width:920px) {
.view8_box {height:2300px;}
.view8_bodybox {top:174px;}
.view8_bdinner li {padding:10px;}
.v8_tbox .v8_num {width:35%;}
.v8_tbox .v8_tit {font-size:2.2rem; min-height:58px; line-height:1.3;}
}

@media screen and (max-width:768px) {

.view8_box {height:auto;}
.view8_bodybox {position:relative; top:0; left:0; margin-left:0; width:100%;}
.view8_bodybox .view8_bdinner {padding:20px 0 0;}
.view8_bdinner ul {margin-left:-10px;}
.view8_bdinner li {padding:0 0 10px 10px;}
}

@media screen and (max-width:640px) {
.v8_imgbox img {width:100%;}
.view8_bdinner ul {margin-left:0;}
.view8_bdinner li {display:block; float:none; margin:10px 0; padding:0; width:100%;}
.view8_bdinner li:first-child {margin-top:0;}
.v8_imgbox .v8_hvbox {top:-330px;}
.v8_tbox .v8_tit {min-height:auto;}

}


/*04관광안내 > 02관광통역안내전화 */
.translate {margin-top:25px; min-height:540px; overflow:hidden;}
.translate_img {float:left; width:calc(40% - 20px)!important;  margin:0 20px 0 0; padding:0;}
.TxtArea {float:right; width:calc(60% - 20px); margin-left:20px;}

@media (max-width:640px) {
	.translate_img {text-align:center; margin:0 0 20px;}
	.translate_img, .TxtArea {width:100% !important; margin-left:0;}
}