@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

body{
    font-family: 'Noto Sans KR', sans-serif !important;
    text-align:center;
    /*background:url(../img/common/bg_nanu.gif) left top repeat;*/
}

.clear{clear:both;}

/* wrap */
.bg_wrap{
    /* background:url(../img/common/bg2.gif) left top repeat; */
    background-color: #fff;
    width:100%;}
div#wrap{width:1200px;margin:0 auto;position:relative;text-align:left;background:#fff;}

/* header */
div#header{float:left;background:#e9e9e9;width:232px;
    /* border-right:1px solid #fff; */
    position:relative;z-index:0;}
div#header h1{margin-bottom:10px;}

div#header div.gnavi ul.depth1{}
div#header div.gnavi ul.depth1 > li{margin:0 0 10px -6px;}
div#header div.gnavi ul.depth2{padding:9px 0 5px 38px;}
div#header div.gnavi ul.depth2 li{}


/* body */
div#container{float:left;width:100%;background-color:#fff;position:relative;z-index:0;border-radius: 30px 0px 0px 0px;}

div#contents{text-align:left;margin:0 50px;line-height:1.5em;padding:120px 0;background-color: #fff;}
div#contents h2{padding-top:7px;margin-bottom:30px;}

/* footer */
/* div#footer{position:fixed;left:32px;bottom:30px;z-index:100;} */
/* div#footer .siteinfo{padding-top:30px;}
div#footer .banners li{margin-bottom:5px;} */
footer{
    width: 100%;
    background-color: #E9E9E9;
}
footer .banners{
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 0;
    height: 100%;
    object-fit: cover;
    display: flex;
    justify-content: space-around;
    text-align: right;
}
footer .banners img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* quick */
#quick{position:fixed;right:28px;top:100px;z-index:1;}

/**************************************************************************************************************/

.info_top{margin-bottom:40px;}

h3.base{margin-bottom:15px;}
h3.base img{vertical-align:middle;}
h4.base{color:#222;font-size:17px;margin-bottom:6px;letter-spacing:-1px;}

ul.list_type1{padding:0 0 5px 13px;}
ul.list_type1 li{padding:0 0 5px 17px;background:url(/workshop/2014/img/sub1/icon1.gif) left 1px no-repeat;}
ul.list_type1 li .head{font-weight:bold;color:#162eaa;font-size: 15px;}
ul.list_type1 li .cap{border: 1px dotted #333; display: block; margin:5px 0 0 10px; padding: 5px; font-weight:600;}
ul.list_type2{padding:0 0 5px 13px;}
ul.list_type2 li{padding:0 0 5px 11px;background:url(/workshop/2014/img/sub1/icon2.gif) left 4px no-repeat;}
ul.list_type2 li .head{font-weight:bold;color:#162eaa;letter-spacing:-1px;}

ul.list1{padding:0 0 5px 0;}
ul.list1 li{padding:0 0 5px 14px;background:url(/workshop/2014/img/sub1/icon_list1.gif) 2px 3px no-repeat;}
ul.list1 li .head{font-weight:bold;letter-spacing:-1px;}

ul.list2{padding:0 0 5px 0;}
ul.list2 li{padding:0 0 5px 8px;background:url(/workshop/2014/img/sub1/icon_list2.gif) left 4px no-repeat;}
ul.list2 li .head{font-weight:bold;}

.bold{font-weight:bold;}

.data{border-top:1px solid #c7cef6;}
.data table{width:100%; font-size: 16px;}
.data table thead th{text-align:center;color:#424b7b;letter-spacing:-1px;padding:6px 3px;border:1px solid #c7cef6;border-top:none;background:#f8f8f8;}
.data table tbody th{text-align:center;color:#424b7b;font-size:13px;letter-spacing:-1px;padding:7px 3px;border:1px solid #c7cef6;}
.data table tbody td{text-align:center;padding:5px 3px;border:1px solid #c7cef6; font-family: 'Noto Sans KR', sans-serif;}
.data table tbody td.left{text-align:left;padding-left:12px;}
.data table tbody td.bg_color01{background:#eaf0f9;}
.data table tbody tr.bg_color02 td{background:#def6d6;}
.data table tbody td.bg_color03{background:#f8f8f8;}

.data table tbody td.color1{background:#eaf0f9;}
.data table tbody td.color2{background:#e2e7ff;}
.data table tbody td.color3{background:#fff0f0;}
.data table tbody td.color4{background:#f5e2ff;}
.data table tbody td.color5{background:#dbf5fb;}
.data table tbody td.color6{background:#eef4fd;}
.data table tbody td.color7{background:#f59999;}
.data table tbody td.gray{background:#f8f8f8;}
.data table tbody td.color8{background:#f8f8f8;}

.data table tbody tr.color_session td{background:#def6d6;font-weight:bold;}
.data table tbody tr.color_term td{background:#f8f8f8;}

.schedule{}

.schedule table tbody th{}
.schedule table tbody td{padding:3px 2px;line-height:1.25em;}
.schedule table tbody td.gray{letter-spacing:0; font-family: 'Noto Sans KR', sans-serif;}

.schedule2 table tr.color1 td{background:#def6d6;}
.schedule2 table tr.color2 td{background:#ffffe2;}

.open_event{overflow:hidden;padding:12px;border:1px solid #d5d5d5;}
.open_event .img{float:left;}
.open_event .guide{float:right;width:270px;padding:20px 0 0 0;}

.pt_title{background:#424b7b;color:#fff;padding:6px 10px 4px 10px;}

.prev_regist{}
.prev_regist table{width:100%;}
.prev_regist table thead th{text-align:center;letter-spacing:-1px;padding:6px 3px;border:1px solid #fff;border-top:none;background:#f8f8f8;color:#fff;font-size: 14px; width: 20%;}
.prev_regist table tbody td{text-align:center;padding:7px 3px;border:1px solid #fff;background:#f1f1f1; font-family: 'Noto Sans KR', sans-serif;font-size: 14px;}
.prev_regist table thead th.regist1{background:#91cfde;width: 100%;}
.prev_regist table thead th.regist_site{background:#a2d25d;width: 100%;}
.prev_regist table thead th.regist2{background:#fbb0b7;}

.food{}
.food table{width:100%;}
.food table thead th{text-align:center;color:#fff;letter-spacing:-1px;padding:6px 3px;border:1px solid #fff;border-top:none;background:#aeb6e0;}
.food table tbody td{text-align:center;padding:7px 3px;border:1px solid #fff;background:#f1f1f1; font-family: 'Noto Sans KR', sans-serif;}

.category{}
.category table{width:100%;}
.category table tbody td{text-align:left;padding:7px 3px 7px 15px;border:1px solid #fff;background:#f1f1f1; font-family: 'Noto Sans KR', sans-serif;}

.regist_fee{}
.regist_fee .coupon{margin-bottom:10px;}
.regist_fee ul li{color:#3544c8;}

.regist_go{text-align:center;padding-top:15px;margin-top:15px;}

.btn_pay{text-align:center;padding:20px;}
.box{border:1px solid #ccc;padding:20px;background:#f8f8f8;}
.dot_line{padding-top:10px;margin-bottom:10px;border-bottom:1px dotted #ccc;}

a.link{text-decoration:underline;}

.data .title{border-bottom:1px solid #424b7b;border-top:1px solid #424b7b;font-weight:bold;font-size:14px;text-align:left;padding:0 10px;height:35px;line-height:36px;}
.data .title{letter-spacing:-1px;color:#546ce8;}
.data .title em{margin-right:15px;}

.schedule_tab td.line{border-right:1px solid #fff;}

.go_top{text-align:right;margin:20px -68px -20px;}
.go_top img{}

.schedule_con{}

.time_tab{}
.time_tab table{width:100%;table-layout:fixed;}
.time_tab table td{text-align:center;border:1px solid #ccc;padding:5px;}
.time_tab table .row1 td{background:#f4f4f4;font-weight:bold;letter-spacing:-1px;font-size: 14px;}
.time_tab table .row2 td{}
.time_tab table .row2 td a{background:url(/workshop/2014/img/sub1/arr_down.gif) right 4px no-repeat;padding-right:10px;font-size: 14px;}
.time_tab table .row2 td a:hover{color:#3544c8;}


.regist{border-top:1px solid #424b7b;}
.regist table{width:100%;}
.regist table thead th{text-align:center;padding:7px 3px;border:1px solid #c7cef6; font-family: 'Noto Sans KR', sans-serif;background:#f8f8f8;}
.regist table tbody th{text-align:center;padding:7px 3px;border:1px solid #c7cef6;font-family:'Noto Sans KR', sans-serif;background:#f8f8f8;}
.regist table tbody td{text-align:left;padding:7px 10px;border:1px solid #c7cef6;font-family:'Noto Sans KR', sans-serif;}
.regist table tbody td.left{text-align:left;padding-left:12px;}
.regist table tbody td.sum{padding-top:15px;padding-bottom:15px;}
.regist table tbody td.sum{padding-top:15px;padding-bottom:15px;text-align:center;}
.regist table tbody td.sum span{font-family:'Noto Sans KR', sans-serif;font-size:14px;}
.regist table tbody td.sum .price1{color:#0000FF;}
.regist table tbody td.sum .price2{color:#FF0000;}

.regist table.pay_info td{padding:15px 3px;}
.regist table td.totalsum{text-align:center;}
.regist table td.totalsum input{border:1px solid #ccc;font-size:18px;font-weight:bold;font-family:'Noto Sans KR', sans-serif;width:90px;vertical-align:middle;padding:5px;text-align:right;}
.regist table td.totalsum input.total{color:#e01212;}
.regist table td.totalsum .plus{font-size:25px;font-weight:bold;display:inline-block;line-height:25px;vertical-align:middle;padding:0 10px;}


.hotel_guide{border:3px solid #ccc;padding:20px;}
.hotel_guide .btn{margin-top:15px;padding-top:15px;text-align:center;border-top:1px dotted #ccc;}

.hotel_reserve{}
.hotel_reserve .login_info{font-weight:bold;font-size:14px;}
.hotel_reserve .login_info strong{font-weight:bold;color:#3544c8;font-size:16px;}
.hotel_reserve .btn{text-align:center;margin-top:15px;}

/* board */
.board{}
.board .list{width:100%;}
.board .list th{border-top:2px solid #424b7b;border-bottom:1px solid #ccc;height:35px;text-align:center;background:#f8f8f8;font-family:'Noto Sans KR', sans-serif;}
.board .list td{border-bottom:1px dotted #ddd;padding:10px 0;text-align:center;font-family:'Noto Sans KR', sans-serif;}
.board .list td.no{color:#888;}
.board .list td.subject{text-align:left;padding-left:10px;}
.board .list td.subject a:hover{color:#3544c8;text-decoration:underline;}
.board .list td.date{color:#888;}
.board .list td.name{color:#888;}
.board .list td.hit{color:#888;}

.board .view{width:100%;border-top:2px solid #424b7b;margin-bottom:10px;}
.board .view th{border-bottom:1px dotted #ccc;text-align:left;background:#f8f8f8;font-family:'Noto Sans KR', sans-serif;padding:8px 0 8px;}
.board .view th span{padding-left:15px;}
.board .view td{border-bottom:1px dotted #ccc;padding:10px;text-align:left;}
.board .view td.board_content{padding:30px 0;width:100%;margin:0 5%;min-height:200px;}

.board .btn{width:100%;margin-bottom:20px;}
.board .btn td.left{width:50%;text-align:left;}
.board .btn td.right{width:50%;text-align:right;}

.board .inner_list{width:100%;border-top:1px dotted #ccc;margin-bottom:10px;}
.board .inner_list th{border-bottom:1px dotted #ccc;text-align:left;background:#f8f8f8;font-family:'Noto Sans KR', sans-serif;padding:8px 0 8px;}
.board .inner_list th span{padding-left:15px;}
.board .inner_list td{border-bottom:1px dotted #ccc;padding:10px;text-align:left;}

.login_form{margin:0 60px;border:8px solid #cfcfcf;padding:35px;background:url(/workshop/2014/img/sub3/login_bg.gif) left top no-repeat;}
.login_form .title{display: flex; justify-content: center;}
.login_form .guide{text-align:center;margin-bottom:30px;}
.login_form .row{padding:2px 0;}
.login_form .row input{border:1px solid #ccc;}
.login_form .command{padding-left:10px;}
.login_form label{display:inline-block;width:65px;font-weight:bold;letter-spacing:-1px;}
.login_form table{ display: flex; justify-content: center;}







.bookingInfo{
	 width:100%;
	 margin-top:50px;
}


.bookingInfo .roomInfoTable{
	 width:100%;
	 margin-top:20px;
}

.bookingInfo .roomInfoTable .table{
	 width:100%;
	 margin-top:10px;
}


.bookingInfo .roomInfoTable .table table{
	 width:100%;
	 border-top:1px solid #e5e5e5;
	 border-left:1px solid #e5e5e5;
	 box-sizing:border-box;
}



.bookingInfo .roomInfoTable .table table thead th{
	background:#f7f7f7;
}

.bookingInfo .roomInfoTable .table table th{
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:10px;
	font-weight:normal;
	text-align:center;
}

.shape_title {
    border-radius: 20px;
    border: 2px solid #7979ff;
    padding: 5px 25px 5px 25px;
    display: inline-block;
    font-size: 17px;
}

.big_title {
    position: relative;
    font-size: 20px;
}
.big_title:after {
    content: '';
    position: absolute;
    left: 0;
    top: -3px;
    border-top: 3px solid #10067d;
    width: 25px;
    height: 1px;
}
.map_btn_link a {
    background: #337ab7;
    color: #ffffff;
    padding: 5px 10px;
    display: block;
    width: 170px;
    text-align: center;
    margin-bottom: 5px;
}




















