@charset "utf-8";


/* contentWrap */
.contentWrap{width:100%;min-width:1100px;}

/* subWrap */
#subWrap{width:1100px;text-align:left;margin:0 auto;padding:40px 0 70px 0;}
#subWrap:after{content:'';display:block;clear:both;}

/* cityWrap */
.cityWrap{position:relative;width:1100px;height:388px;margin:0 0 29px;background:#FFF;border:1px solid #ddd;}
.cityWrap .videoArea{position:absolute;top:0;left:0;width:612px;height:388px;border-right:1px solid #ddd;overflow:hidden;}
.cityWrap .videoArea .aside_over {z-index:20;position: absolute; width:612px; height: 340px; background: url('/renewal_ingang/img/bg_none.gif') no-repeat}
.cityWrap .videoArea .aside_over .vod_play_text {display: none; position: absolute; left: 0; top: 0; width:612px; height: 338px;}
.cityWrap .videoArea .aside_over:hover .vod_play_text {display: block; }
.cityWrap .videoArea .aside_over:hover .vod_play_text .txt{z-index:2;position:relative;display:block;width:100%;color:#FFF;font-size:15px;text-align:center;line-height:160%;margin-top:155px;}
.cityWrap .videoArea .aside_over:hover .vod_play_text .bg{z-index:1;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#000;opacity:.5; filter:alpha(opacity=50)}
.cityWrap .videoArea .mov_player_ie{width: 612px; height: 50px; bottom: 0px; position: absolute; z-index: 10; background-color: rgb(0, 0, 0);}
.cityWrap .videoArea .mov_player_ie .mov_player_ie_in{left:0px;width:612px;height:23px;top:14px;overflow:hidden;display:block;position:absolute;z-index:10;background-color:rgb(0, 0, 0);}
.cityWrap .videoArea .mov_player_ie .mov_player_ie_box{top:0;height:24px;width:100%; overflow: hidden; position: absolute;}
.cityWrap .videoArea .mov_player_ie .mov_player_ie_box embed{position:absolute;top:-291px;left:0;}
.cityWrap .videoArea .mov_thumb{position:relative;z-index:9;min-height:388px;}
.cityWrap .videoArea .mov_player_safari{ z-index: 10; position: absolute; bottom: 0px; width: 612px; height: 50px;}
.cityWrap .videoArea .mov_player_safari .mov_player_safari_in{z-index: 10000; overflow: hidden; position: absolute; bottom: 0; left: 0; width: 612px; height:100%; background-color: #1B1B1B}
.cityWrap .videoArea .mov_player_safari_box{position: absolute;overflow:hidden; top: 9px;  width: 612px; height: 55px;}
.cityWrap .videoArea .mov_player_safari_box audio{width:612px;}
.cityWrap .infoBox{position:absolute;top:0;right:0;width:449px;height:388px;}
.cityWrap .infoBox .cityName{height:68px;font:bold 20px/68px NanumGothic;color:#333;vertical-align:middle;padding:0 35px;margin:0 0 30px;border-bottom:1px solid #ddd;}
.cityWrap .infoBox .cityName img{width:30px;height:20px;vertical-align:middle;margin-right:3px;}
.cityWrap .infoBox .shareSns{position:absolute;top:21px;right:30px;text-align:right;}
.cityWrap .infoBox .shareSns a{display:inline-block;width:26px;height:26px;text-indent:-9999px;font:0/0 arial;vertical-align:top;margin:0;background:url(/renewal_doyac/img/spr_shareSns.png) no-repeat;}
.cityWrap .infoBox .shareSns .fb{margin-right:6px;background-position:center 3px;}
.cityWrap .infoBox .shareSns .tw{background-position:center -44px;}
.cityWrap .infoBox .cityInfo{margin:0 0 20px 33px;}
.cityWrap .infoBox .cityInfo p{display:block;font:normal 20px NanumGothic;color:#333;margin:0 0 15px;}
.cityWrap .infoBox .cityInfo p .title{font-size:25px;font-weight:bold;}
.cityWrap .infoBox .cityInfo li{display:inline;font-size:13px;color:#999;}
.cityWrap .infoBox .cityInfo li i{font-style:normal;padding:0 12px;}
.cityWrap .infoBox .proLeader{position:relative;height:auto;min-height:97px;padding:20px 34px 40px 34px;background:#f8f8f8;*zoom:1;}
.cityWrap .infoBox .proLeader:after{content:'';display:block;clear:both;}
.cityWrap .infoBox .proLeader .thumb{float:left;display:block;width:81px;height:81px;margin:0 19px 0 0;overflow:hidden;border:1px solid #ddd;}
.cityWrap .infoBox .proLeader .thumb img{width:100%;}
.cityWrap .infoBox .proLeader .leaderName{display:block;font-weight:bold;font-size:15px;color:#333;line-height:15px;margin:2px 0 9px 0;}
.cityWrap .infoBox .proLeader ul{display:block;line-height:130%;*zoom:1;}
.cityWrap .infoBox .proLeader ul:after{content:'';display:block;clear:both;}
.cityWrap .infoBox .proLeader .more{position:absolute;top:22px;right:39px;color:#333;font-size:13px;}
.cityWrap .infoBox .btns{position:absolute;bottom:0;left:0;height:50px;}
.cityWrap .infoBox .btns a{position:absolute;top:0;display:inline-block;height:50px;color:#FFF;font-size:15px;line-height:50px;text-align:center;background:#4a505d;}
.cityWrap .infoBox .btns .download{left:0;width:254px;border-right:1px solid #767b84;}
.cityWrap .infoBox .btns .goReply{left:255px;width:194px;}

/* 1	 */
.audioView{padding:30px;background:#FFF;border:1px solid #ddd;}
.audioView .course_info{font-size:15px;line-height:160%;margin:10px 18px 40px 18px;}
.audioView h3{display:block;font:bold 25px NanumGothic;color:#333;letter-spacing:-1px;margin:0 18px 20px 0;}
.audioView h4{display:block;font:bold 20px NanumGothic;color:#333;letter-spacing:-1px;margin:0 18px 18px 0;}
.audioView .course_cont{display:block;font-size:15px;color:#777;letter-spacing:-1px;line-height:160%;margin:0 18px 18px 18px;width:100%;text-align:center;}
.audioView .course_info_sel{position:relative;height:420px;width:100%;text-align:center;margin:0 auto;}
.audioView .course_info_sel .imgArea{display:block;float:left;z-index:1;position:relative;top:0;right:0;width:100%;height:400px;margin:0 auto; overflow:hidden;}
.audioView .course_info_sel .imgArea img{z-index:1;position:relative;margin:0 auto;/*width:100%;*/}
.audioView .course_info_sel .imgArea a{z-index:2;position:absolute;right:24px;bottom:14px;display:block;width:123px;height:27px;text-indent:-9999px;font:0/0 arial;background:url(http://image1.hanatour.com/_images/stereo_guide/btn_downmap.gif) no-repeat;}


/* course_list */
.course_list{padding:30px;margin:-1px 0 0 0;background:#FFF;border:1px solid #ddd;}
.course_list ol{width:1000px;*zoom:1;}
.course_list ol:after{content:'';display:block;clear:both;}
.course_list li{display:block;position:relative;height:340px;clear:both;overflow:hidden;}
.course_list .info{position:relative;float:left;display:block;width:450px;height:300px;padding:20px 0 30px 20px;}
.course_list .h4_title{display:block;font:bold 25px NanumGothic;color:#333;letter-spacing:-1px;margin:0 0 16px;}
.course_list .h4_title .courseCount{display:block;width:30px;height:46px;font:bold 20px/33px NanumGothic;text-align:center;color:#fff;margin:0 0 15px;background:url('/renewal_ingang/img/ico_course.png') no-repeat;}
.course_list .course_info{display:block;font:normal 14px/160% NanumGothic;color:#7c7c7c;letter-spacing:-1px;}
.course_list .course_info h4{display:block;font:bold 16px/16px NanumGothic;color:#333;letter-spacing:-1px;margin:0 0 13px;}
.course_list .thumb_img{position:relative;float:right;diplay:block;width:500px;height:340px;}
.course_list .thumb_img img{z-index:1;position:relative;width:100%;height:100%;}
.course_list .angle{z-index:2;position:absolute;top:50%;left:0;display:block;width:0;height:0;margin-top:-15px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid #FFF;}
.course_list .btn_voicedown{position:absolute;top:40px;right:0;}
.course_list .type_right .info{float:right;padding-left:0;}
.course_list .type_right .thumb_img{float:left;}
.course_list .type_right .thumb_img .angle{left:auto;right:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid #FFF;border-left:none;}

/* replyArea */
.replyArea{background:#FFF;border:1px solid #ddd;margin-top:-1px;}
.replyArea .commentWrap .txtWrap{width:860px;}
.replyArea .commentWrap button{left:941px;}
.replyArea .replyList .txt textarea{width:955px;}
.replyArea .replyList .txt #comment_modifyArea textarea{width:955px;}

/* layer_pop */
.layer_pop{display:none;z-index: 50; position: absolute;border: 1px solid #ddd;background: #FFFFFF;left: -1px; top: 388px; width: 360px;}
.layer_pop p,
.layer_pop div,
.layer_pop button{position:relative;z-index:2;}
.layer_pop .layer_title{padding: 13px 0 13px 22px; font-size: 15px; color: #333; font-weight:bold;line-height: 22px}
.layer_pop .guide_info{position:relative;min-height:125px;color: #454444;margin:20px 25px 20px 25px;padding:25px 25px;background:#FBFBFB;border:1px solid #EFEFEF;}
.layer_pop .guide_info .thumb{position:absolute;top:30px;left:25px;display:block;width:113px;height:120px;background:#FFF;border:1px solid #BEBEBE;overflow:hidden;}
.layer_pop .guide_info .thumb img{width:100%;height:100%;}
.layer_pop .guide_info ul{display:block;margin:0 0 0 130px;*zoom:1;}
.layer_pop .guide_info ul:after{content:'';display:block;clear:both;}
.layer_pop .guide_info ul li{display:block;letter-spacing:-1px;margin-top:9px;padding:0 0 0 10px;background:url(/renewal_doyac/img/bu_guide_info.gif) 0 6px no-repeat;}
.layer_pop .guide_info ul li:first-child{font-size:13px;padding:0 0 10px;border-bottom:1px dashed #dbdbdb;background:none;}
.layer_pop .guide_info ul li:first-child strong{font-size:17px;margin-right:5px;}
.layer_pop .guide_content{width: 421px; margin-left: 30px;padding-bottom:30px; font-size: 13px; color: #454444; line-height: 18px;}
.layer_pop .guide_content strong{display:inline-block;margin: 0 0 -10px; font-size: 16px; font-weight: bold; color: #454444}
/*.layer_pop .guide_content{margin-bottom:30px; font-size: 13px; color: #454444; line-height: 18px;}*/
.layer_pop .btn_close {display: block; position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; border: 0; background: url('/renewal_ingang/img/btn_close_audioLayer.gif') no-repeat 0 0; cursor: pointer}
.layer_pop .download_list{width: 324px; margin: 17px auto 38px; border: 1px solid #BFBFBF; background-color: #F8F8F9;}
.layer_pop .download_list li{zoom: 1; padding: 10px 7px 10px 14px; border-top: 1px solid #E6E6E7; font-size: 15px; color: #333; letter-spacing: -1px}
.layer_pop .download_list li:after{content: ""; display: block; clear: both; visibility: hidden; width: 0; height: 0}
.layer_pop .download_list li:first-child{border-top: none}
.layer_pop .download_list li .ico{display: inline-block; float: left; padding: 7px 0 6px 30px; width: 160px;}
.layer_pop .download_list .sound_ico{background: url('/renewal_ingang/img/ico_set.png') no-repeat -477px -95px}
.layer_pop .download_list .map_ico{background: url('/renewal_ingang/img/ico_set.png') no-repeat -477px -170px}
.layer_pop .download_list li .btn_down{float: right; padding: 6px 28px 6px 10px; border: 1px solid #E27200; background: #F7840F url('/renewal_ingang/img/ico_set.png') no-repeat 72px -113px; color: #FFF}
.layer_pop .tourtips{position: absolute; right: 16px; bottom: 12px;}
.layer_pop .cover{z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;border:none;}
#divprofile_backanjelra.layer_pop{top:-1px;left:-29px;width:477px;}
#divprofile_backanjelra.layer_pop .layer_title{position:relative;top:10px;left:0;}
#divprofile_backanjelra.layer_pop .btn_close{top:19px;right:20px;width:24px;height:24px;background:url(/renewal_doyac/img/btn_close_update.gif) no-repeat;}

/* listArea */
.listArea .listStyle02 .thumb{width:342px;}
.listArea .listStyle02 .thumb img{display:block;position:absolute;top:0;left:50%;margin:0 0 0 -274px;}

/* copyright */
#subWrap .copyright{height:44px;vertical-align:middle;padding:14px 0 0 32px;border-top:1px solid #ddd;margin-top:-1px;background:#FFF;border:1px solid #ddd;}
#subWrap .copyright .goList{float:right;display:inline-block;height:28px;color:#666;font-weight:600;font-size:13px;line-height:28px;padding:0 32px;margin:0 30px 0 0;background:#FFF;border:1px solid #ddd;}
















@charset "euc-kr";

/* �̿밡�̵� */
.usage_guide {width: 1140px;margin: 0 auto;}
.usage_guide p.tit {margin: 0 0 53px;padding: 170px 0 0;background: url() no-repeat center 20px;font-size: 28px;font-weight: bold;text-align: center;color: #363636;letter-spacing: -1.4px;line-height: 34px;}
.usage_guide .tit.guide_tit {background: url() no-repeat center 20px;}
.usage_guide h3.tit {margin: 0 0 9px;font-size: 18px;color: #363636;letter-spacing: -0.9px;line-height: 24px;}
.usage_list {margin: 0 0 30px;padding: 40px 0 0;}
.usage_list:after {content: "";clear: both;display: block;}
.usage_list li {float:left;width: 280px;height: 100px;padding: 20px 0 0 120px;}
.usage_list li.list1 {background: url() no-repeat left top;}
.usage_list li.list2 {background: url() no-repeat left top;}
.usage_list li.list3 {background: url() no-repeat left top;}
.usage_list li.list4 {padding-top: 31px;background: url() no-repeat left top;}

.uasge_txt {border: 1px solid #ccc;}
.uasge_txt li {padding: 40px 40px 50px;border-top: 1px solid #ccc;}
.uasge_txt li:first-child {border-top: 0;}
.uasge_txt li strong {display: block;color: #363636;margin: 0 0 15px;}
.uasge_txt li .img {margin: 50px 0 0;text-align: center;}
.uasge_txt li .site_link {width: 855px;margin: 40px auto 0;}
.tit_b {display: block;margin: 50px 0 15px;font-size: 18px;color: #363636;}
.smart_box {border: 1px solid #ccc;}
.list_method>li {border-top: 1px solid #ccc;padding: 40px;}
.list_method>li:first-child {border: 0;}
.list_method li>strong {display: block;margin: 0 0 40px;color: #363636;letter-spacing: -0.7px;}
.list_method li>strong span {color: #ff7e00;}
.list_method li > ol:after {content: "";clear: both;display: block;}
.list_method li > ol > li {float: left;text-align: center;}
.list_method li.step1 ol {padding: 0 0 0 60px;}
.list_method li.step1 li {margin-left: 85px;}
.list_method li.step1 li:first-child {margin-left: 0;}
.list_method li.step2 li {width: 529px;}
.list_method li.step2 li strong {margin-top: 40px;}
.list_method li.step3 li:first-child {width: 529px;}
.list_method li.step3 li.child2 {margin: 0 80px 0 15px;}
.list_method li > ol >li > strong {color: #ff7e00;margin: 0 0 7px;}
.list_method li > ol >li > span {color: #666;font-size: 12px;line-height: 14px;letter-spacing: -0.6px;}

.guide_box {background: #f2f2f2;}
.guide_box:after {content: "";clear: both;display: block;}
.left_step {float: left;width: 240px;}
.left_step ol {height: 100%;background: url() repeat left top;}
.left_step ol>li {position: relative;}
.left_step ol>li:after {content: "";display: block;border-bottom: 1px solid #fff;opacity: 0.1;}
.left_step ol>li.on {background: #ff7e00;}
.left_step ol>li.on:after {content: "";display: block;position: absolute;right: -15px;top: 0;width: 15px;height: 160px;background: url() no-repeat right top;z-index: 9;opacity: 1;border-bottom: 0;}
.left_step ol>li a {display: block;position: relative;height: 160px;padding: 25px 10px 37px 30px;}
.left_step ol>li strong {color: #969696;font-weight: bold;}
.left_step ol>li.on strong {color: #ffe746;}
.left_step ol>li h3 {font-size: 18px;font-weight: bold;color: #fff;line-height: 24px;padding-top:10px;}
.left_step ol>li span {bottom: 38px;left: 30px;font-size: 12px;color: #b5b5b5;}
.left_step ol>li.on span {color: #ffd2a6;}
.left_step ol>li .tab_page {position: absolute;right: 16px;top: 32px;}
.left_step ol>li .tab_page li {float: left;width: 8px;height: 8px;margin: 0 4px 0 0;background: url() no-repeat left top;text-indent: -9999em;}
.left_step ol>li .tab_page li.active {background: url() no-repeat left top;}
.tab_page a {background: url() no-repeat left top;text-indent: -9999em;}
.tab_page a.active {background: url() no-repeat left top;}

.guide_content {position: relative;float: left;width: 895px;padding: 50px 0 50px 50px;}
.guide_content h4 {margin: 0 0 20px;font-size: 18px;color: #363636;}
.guide_content >div {position:relative;}
.content_wrap:after {content: "";clear: both;display: block;}
.content_wrap .img {float: left;width: 512px;}
.content_wrap .txt_list {float: left;width: 330px;padding: 0 0 0 30px;}
.content_wrap .txt_list ol{padding-top: 30px;}
.content_wrap .txt_list>ol>li {padding: 0 0 40px 29px;font-size: 12px;color: #666;font-weight: bold;letter-spacing: -0.6px}
.content_wrap .txt_list.type2>ol>li {padding: 0 0 20px 29px;}
.content_wrap .txt_list li span {display: block;margin: 0 0 20px;padding: 2px 0 0;}
.content_wrap .txt_list.type2 li span {margin: 0 0 7px;}
.content_wrap .txt_list.type2 li p {font-size: 12px;color: #969696;font-weight: normal;line-height: 18px;}
.content_wrap .txt_list li.list1 {background: url() no-repeat left top;}
.content_wrap .txt_list li.list2 {background: url() no-repeat left top;}
.content_wrap .txt_list li.list3 {background: url() no-repeat left top;}
.content_wrap .txt_list li.list4 {background: url() no-repeat left top;}
.content_wrap .txt_list li.list5 {background: url() no-repeat left top;}
.content_wrap .txt_list li.list6 {background: url() no-repeat left top;}
.content_wrap .txt_list li.list7 {background: url() no-repeat left top;}
.content_wrap .txt_list li.list8 {background: url() no-repeat left top;}
.content_wrap .txt_list li.list8_1 {padding: 0 0 20px 34px;background: url() no-repeat left top;color: #969696;}
.content_wrap .txt_list li.list8_2 {padding: 0 0 20px 34px;background: url() no-repeat left top;color: #969696;}
.content_wrap .txt_list li.list8_3 {padding: 0 0 20px 34px;background: url() no-repeat left top;color: #969696;}
.content_wrap .txt_list li.list8_4 {padding: 0 0 20px 34px;background: url() no-repeat left top;color: #969696;}
.content_wrap .txt_list li.list9 {background: url() no-repeat left top;}
.content_wrap .txt_list li.list9_1 {padding: 0 0 20px 34px;background: url() no-repeat left top;color: #969696;}
.content_wrap .txt_list li.list9_2 {padding: 0 0 20px 34px;background: url() no-repeat left top;color: #969696;}
.content_wrap .txt_list li.list9_3 {padding: 0 0 20px 34px;background: url() no-repeat left top;color: #969696;}
.content_wrap .txt_list li.list9_4 {padding: 0 0 20px 34px;background: url() no-repeat left top;color: #969696;}
.guide_btn {position: absolute;right: 40px; bottom: 0;width: 119px;height: 60px;padding:1px 1px 0 1px;background: url() no-repeat left top;}
.guide_btn a {float: left;width: 57px;height: 58px;background: url() no-repeat left top;text-indent: -9999em;}
.guide_btn a.next {float: right;width: 58px;background: url() no-repeat right top;}
.guide_btn a:hover {background: url() no-repeat left top;}
.guide_btn a.next:hover {background: url() no-repeat left top;}
.gray_cor {display: inline-block;margin: 0 0 3px;color: #969696;}

.txt_list>ol>li ol>li {color:#969696;font-size: 12px;font-weight: normal;margin: 7px 0 0 10px;text-indent: -11px;line-height: 18px;}
.txt_list>ol>li ol>li:first-child {margin-top: 0;}