@charset "utf-8";
body { background: #f6f8fa;}
#wrap { width: 100%; min-height: 100%; box-sizing: border-box; }
.gnb_wrap { background: #fff; }
.gnb_inner { width: 100%; margin: 0 auto; padding-top: 30px; position: relative; }
.ad_search { position: absolute; left: 50%; top: 30px; width: 346px; height: 47px; margin-left: -173px; border: 2px solid #ed4766; border-radius: 30px; }
.search_select { border: 1px solid #fff; font-size: 14px; height: 20px; margin: 14px 0 0 30px; vertical-align: top; width: 100px; color: #ed4766; -webkit-appearance: none;
    -moz-appearance: none; background: url('../img/common/spr_ico_common.png') 80px 3px no-repeat; padding: 0;}
.search_select option { color: #333 !important;}
.main_ser { margin-top: 12px; width: 140px!important; border: none!important; padding: 5px;}
.btn_search { width: 25px; height: 25px; margin: 12px 0 0 10px; border: none; background: url('../img/common/spr_ico_common.png') 0 -24px no-repeat; cursor:pointer !important;}
.gnb_option { position: absolute; top: 30px; right: 0;}
.gnb_option li { float: left;}
.gnb_option li a { display: block; width: 46px; height: 46px; border-radius: 50%; text-indent:-9999px; background:#dfe5e8 url('../img/common/spr_ico_common.png') -23px -12px no-repeat; transition:background-color 1s; }
.gnb_option li a:hover { background-color: #a3aeb3; }
.gnb_option .btn_home a:hover { background-position: -23px -51px;}
.gnb_option .btn_sitemap { margin-left: 8px;}
.gnb_option .btn_sitemap > a { background-position: -61px -10px; }
.gnb_option .btn_sitemap > a:hover { background-position:-61px -49px;}

.header_wrap {
	min-width:1250px;
	height: 80px;
	/* box-shadow:0 2px 1px 0px #ddd; */
	background: #fff;
	border-bottom: 2px solid #ed4766;
	}
.gnb_nav {
	width:100%;
	min-width: 1250px;
	height: 400px;
	background:#fff;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid #ed4766;
	position: absolute;
	top: 206px;
	left: 0;
	z-index: 9999;
	}
.header_wrap nav { width:1200px; /* height: 0; */  height: 380px; margin:0 auto; padding-top: 1px; /*background: url('../img/common/spr_ico_common.png') -314px bottom no-repeat;*/ background: none;}
#header_lnb {width: 1200px;margin: -65px 0 0 16px;}
#header_lnb ul {margin: 13px 0 20px 0;/*  display: none; */}
#header_lnb ul > li { margin: 1px 0; }
#header_lnb ul > li > div {padding:0 16px;}
#header_lnb ul > li > div > a { display: block; color: #666; padding: 3px 0 2px 0;font-size:16px;word-break: keep-all; border: 1px solid transparent; /*background: url('../img/common/spr_ico_common.png') -208px 12px no-repeat;*/ letter-spacing: -0.7pt;}
#header_lnb ul > li > div > a.on, #header_lnb ul > li > div > a:hover, #header_lnb ul > li > div > a:focus { color: #ed4766; /* background:rgba(255, 255, 255, 0.5) url('../img/common/spr_ico_common.png') -23px 12px no-repeat; */ font-weight: 600; border-radius: 5px; /* border-color: #fff */}
#header_lnb ul > li > div > a:before { content: ''; position: absolute; }
#header_lnb > li { float:left; position: relative; width: 14.2%;}
#header_lnb > li > a { display:block; letter-spacing: -0.5pt; color:#333; font-size:20px; padding:21px 0; font-weight: 700; position: relative; text-align: center;}
#header_lnb > li > a.on, #header_lnb > li h2 > a:hover, #header_lnb > li h2 > a:focus {color:#ed4766; }
#header_lnb > li > a:hover:after,
#header_lnb > li > a:focus:after,
#header_lnb > li > a.on:after {
	content:'';
	display:block;
	width:150px;
	height:2px;
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-75px;
	background: #ed4766;
	border-radius: 5px;
	border: 1px solid transparent;
	}
.lnb_2depth {
	position:absolute;
	left:0px;
	width: 100%;
	top:64px;
	z-index:99;
	padding-top:3px;
	}
	
.lnb_2depth:before {content:"";display:block;position:absolute;top:0;left:0;width:1px;height:400px;background:#ddd;}
#lnb_06_sub .lnb_2depth:after {content:"";display:block;position:absolute;top:0;right:0;width:1px;height:400px;background:#ddd;}


#container { margin:30px auto 50px; }
#container:after { content: ''; display: block; clear: both;}
.snb_wrap { width:260px; float:left; }
.btn_snb_open { display: none; }
.snb_wrap h2 { background:#535466; font-size: 24px; text-align:center; color:#fff; padding:50px 0 40px; letter-spacing: -0.5pt; }
.snb_wrap h2 > span { display: block; color: #757781; font-size: 12px; margin-top: 10px;}
#navigation nav > ul > li > a { display:block; border:1px solid #e7e7e7; border-top-color: transparent; padding:16px 35px 15px 20px; background: #fff; font-weight: 600;
	color:#9a9a9a; font-size: 16px; line-height:16px; letter-spacing:-0.5pt; position: relative; box-sizing: border-box;}
#navigation nav > ul > li > a:after { content: ''; position: absolute; width: 15px; height: 15px; right: 17px; top: 17px; border-radius: 50%; background: #c5c5c5 url('../img/common/spr_ico_common.png') -17px -151px no-repeat; }
#navigation nav > ul > li > a:hover { color: #666;}
#navigation nav > ul > li > a:hover:after { background-color: #7f7f7f;}
#navigation nav > ul > li > a.on {background:#e55d87;color:#fff;border: 1px solid #e15580;}
#navigation nav > ul > li > a.on:after {background: #fff url('../img/common/spr_ico_common.png') 4px -150px no-repeat;}
#navigation nav > ul > li > a[target="_blank"]{
	background:url(../images/common/bul_blank_over.png) no-repeat 93% center;
	}
#navigation nav > ul > li > ul{
	background:#e6e6e6;
	border: 1px solid #dcdcdc;
	padding:10px 0px;
	}
#navigation nav > ul > li > ul > li {
	padding:0 15px; position: relative;
	}
#navigation nav > ul > li > ul > li > a{
	color:#464646;
	display:block;
	padding:5px 0 4px 18px;
	letter-spacing:-1pt;
	font-size: 15px;
	}
#navigation nav > ul > li > ul > li > a.on { font-weight: 600;}
#navigation nav > ul > li > ul > li > a:before {content: '';position: absolute;left: 24px;top: 15px;width: 3px;height: 3px;background:url('../img/common/spr_ico_common.png') 0 -321px no-repeat;}
.snb_wrap .favorite_menu { width: 90%; margin: 20px auto;}
.snb_wrap .favorite_menu:after { content: ''; display: block; clear: both;}
.snb_wrap .favorite_menu li { float: left; width: 33.33333333333333%; }
.snb_wrap .favorite_menu li a { display: block; text-align: center !important; }
.snb_wrap .favorite_menu span { display: inline-block; }
.snb_wrap .favorite_menu .ico { width: 57px; height: 57px; border-radius: 50%; background: #fff url('../img/common/spr_ico_common.png') 16px -163px no-repeat; margin: 19px auto 0; -webkit-box-shadow: inset 1px 1px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    inset 1px 1px 5px 0px rgba(50, 50, 50, 0.2);
box-shadow:         inset 1px 1px 5px 0px rgba(50, 50, 50, 0.2); transition:background-color 1s;}
.snb_wrap .favorite_menu li a:hover .ico { background-color: #e55d87;}
.snb_wrap .favorite_menu .tit { width: 90%; text-align: center; color: #aaa; font-size: 13px; font-weight: 600; letter-spacing: -0.5pt;}
.snb_wrap .favorite_menu li a:hover .tit { color: #6a6a6a;}
.snb_wrap .favorite_menu .facility { background-position: 16px -163px;}
.snb_wrap .favorite_menu li a:hover .facility { background-position: 16px -217px;}
.snb_wrap .favorite_menu .ticket {  background-position: -33px -160px;}
.snb_wrap .favorite_menu li a:hover .ticket {  background-position: -33px -214px;}
.snb_wrap .favorite_menu .performance { background-position: -84px -168px;}
.snb_wrap .favorite_menu li a:hover .performance { background-position: -84px -224px;}
.snb_wrap .favorite_menu .qna { background-position: -133px -163px;}
.snb_wrap .favorite_menu li a:hover .qna { background-position: -133px -217px;}
.snb_wrap .favorite_menu .letter { background-position: -185px -163px;}
.snb_wrap .favorite_menu li a:hover .letter { background-position: -185px -217px;}
.snb_wrap .favorite_menu .rental { background-position: -233px -165px;}
.snb_wrap .favorite_menu li a:hover .rental { background-position: -233px -219px;}
.fax_wrap {width: 100%; background: #ecedf0; border: 1px solid #e1e3e5; border-radius: 5px; padding: 10px; box-sizing: border-box;}
.fax_wrap .ico { display: inline-block; float: left; width: 50px; height: 50px; border-radius: 50%; background: #dcd0c3 url('../img/common/spr_ico_common.png') -104px -12px no-repeat; }
.fax_wrap dl { margin-left: 57px;}
.fax_wrap .fax { font-size: 15px; font-weight: 700; color: #535466; margin-bottom: 5px;}
.fax_wrap .fax + dd { color: #e55d87; font-size: 19px; font-weight: 700; }
.fax_wrap dt.operating_hour { text-indent:-9999px; font-size: 0; line-height: 0;}
.fax_wrap ul { margin-top: 9px;}
.fax_wrap dd li { color: #535466; font-size: 13px; font-weight: 600; line-height: 130%;}

#container > section#conts { float:right; width:894px; }
#content{
	min-height:400px;
	padding:10px 0px 50px;
	position:relative;
	}

footer { width:100%; margin: 0; padding-bottom: 30px; background: #fff; border-top: 1px solid #ededed;}
footer > div { margin: 0 auto; position: relative; margin-top: 30px;}
.foot_menu:after, .contact_info:after, footer > div:after { content: ''; display: block; clear: both; }
.foot_menu li { float: left; padding: 0 15px 0 16px; position: relative; }
.foot_menu li:first-child { padding-left: 0; }
.foot_menu li:after { content: ''; position: absolute; right: 0; top: 4px; width: 1px; height: 14px; background: #e4e9f0;}
.foot_menu li:last-child:after { display:none}
.foot_menu li a { color: #666; font-size: 15px; font-weight: 600; }
.foot_menu li a.em { color: #e47a2d;}
address { margin-top: 20px; font-style: normal; color: #b1b1b1; font-size: 13px;}
address p { margin: 4px 0; }
address p:nth-of-type(3) { margin-top: -3px;}
.contact_info li { float: left; margin-right: 10px; color: #666;}
.foot_logo { float: left; width: 201px; height: 51px; background: url('../img/common/spr_ico_common.png') 0 -102px no-repeat; text-indent:-9999px; margin: 66px 60px 0 10px; }

/* ------  ------------ */

.page_admin{
	position:relative;
	padding-top:10px;
	}
.page_admin > ul{
	margin-top:10px;
	}
.page_admin > ul > li{
	color:#7c7c7c;
	border-left:1px solid #aaaaaa;
	display:inline;
	line-height:14px;
	padding:0 5px 0 10px;
	}
.page_admin > ul > li:first-child{
	border-left:0;
	padding-left:0px;
	}
.btn_top{
	position:absolute;
	right:0px;
	top:10px;
	color:#7c7c7c;
	border:1px solid #c0c0c0;
	border-radius:3px;
	display:inline-block;
	padding:5px 7px;
	}

/* tab */
.tab_depth04 { margin-top:17px; }
.tab_depth04 > ul > li { float:left; position: relative;}
.tab_depth04 .list02 > li { width:50% }
.tab_depth04 .list03 > li { width:33.33333333333333% }
.tab_depth04 .list04 > li { width:25%; }
.tab_depth04 .list05 > li { width:20%; }
.tab_depth04 > ul > li > a { display:block; text-align:center; border-radius: 10px 10px 0 0; font-weight: 600; padding:15px 0 12px;
	margin:0 3px 5px 0;
	background: #bce4e8;
	color:#666;
	font-size: 16px;
	letter-spacing: -0.5pt;
	}
.tab_depth04 > ul > li > a.on{
	color:#fff !important;
	background: #6ec3cb;
	letter-spacing:-1px;
	}
.tab_depth04 > ul > li > a.on:after { content: ''; position: absolute; bottom: -1px; left: 50%; width: 0; height: 0;
    border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #6ec3cb; }
.tab_depth04 > ul > li > a[target="_blank"]{
	background:url(../images/common/bul_blank.png) no-repeat 98% 5px;
	}

.tab_depth05{
	margin-top:30px;
	background:#f7f7f7;
	border: 1px dashed #A2B3CA;
	padding:10px;
	}
.tab_depth05 ul > li{
	float:left;
	width:25%;
	background:url(../images/common/bul_cyan.gif) no-repeat 0 7px;
	padding-left:10px;
	}
.tab_depth05 ul > li > a{
	color:#666666;
	}
.tab_depth05 ul > li > a.on{
	color:#e0587c;
	font-weight:bold;
	text-decoration:underline;
	}

/* spot */
#tit_wrap { border-bottom:1px solid #dddee0; padding:5px 0 20px 0; position:relative; }
#tit_wrap > h3 { font-size:31px; letter-spacing:-1pt; color:#6e6c6c; line-height: 130%; margin-top: 10px;}
.path_wrap > ul:after { content: ''; display: block; clear: both;}
.path_wrap > ul > li { color:#868686; float:left; padding:0 12px 0 8px; position: relative; font-size: 13px; font-weight: 600; }
.path_wrap > ul > li:first-child:before { content: ''; position: absolute; left: 0; top: 6px; width:9px; height:9px; background: url('../img/common/spr_ico_common.png') -113px -64px no-repeat; }
.path_wrap > ul > li:first-child { padding-left: 18px;}
.path_wrap > ul > li:after { content: ''; position: absolute; right: 0; top: 10px; width: 2px; height: 3px; background: url('../img/common/spr_ico_common.png') -295px -64px no-repeat; }
.path_wrap > ul > li:last-child:after { display: none;}
.sub_acc { display: none; }
/* .sub_acc{
	float:left;
	margin-top: -7px;
	}
.sub_acc > ul > li{
	display:inline;
	} */

/* popup layout */
.seat { padding: 0; margin: 0; width: 900px; }
#pop_container{
	padding:0 10px; margin: 0;
	}
/* head tag */
#content h4,
#pop_container h4, .seat h1 { font-size:19px;
	color:#535466;
	font-weight: 700;
	padding:4px 0 4px 29px;
	margin-top:40px;
	position: relative;
	line-height: 126%;
	}
#content h4:before,
#pop_container h4:before, .seat h1:before { content: ''; position: absolute; left: 0; top: 4px; width: 22px; height: 22px; background: url('../img/content/spr_ico_cont.png') 0 0 no-repeat; }
#conts h5,
#pop_container h5, .seat h2 {
	font-size:16px;
	color:#535466;
	padding-left:24px;
	margin-top:30px;
	margin-left:10px;
	position: relative;
	}
#content h5:before,
#pop_container h5:before, .seat h2:before { content: ''; position: absolute; left: 0; top: 1px; width: 18px; height: 18px; background: url('../img/content/spr_ico_cont.png') 0 -112px no-repeat; }
#content h6,
#pop_container h6{
	background:url(/common/img/common/bu_h6.gif) no-repeat 0 5px;
	font-size:15px;
	color:#e27c39;
	padding-left:19px;
	margin:15px 0 0 16px;
	position: relative;
	}
#content h6:before,
#pop_container h6:before { content: ''; position: absolute; left: 0; top: 4px; width: 14px; height: 14px; background: url('../img/content/spr_ico_cont.png') 0 -140px no-repeat; }
#content h4:first-child,
#pop_container h4:first-child{
	margin-top:0px;
	}

/* list */
ul[class^="list_ul"],
ol[class^="list_num"]{
	margin:15px 0 0 9px;
	color: #666;
	}
table.taC td > ul[class^="list_ul"], ol[class^="list_num"] { margin:5px 0 0 0; color: #666; }
table.taC td > ul[class^="list_ul"] > li { padding-left: 18px; }
table.taC td > ul[class^="list_ul"] > li > ul { margin-top: 6px;}
table.taC td > ul[class^="list_ul"] > li > ul > li { margin: 6px 0; padding-left: 14px; }
table.taC td > ul[class^="list_ul"] > li > ul > li > ul { padding: 4px;}
table.taC td > ul[class^="list_ul"] > li > ul > li > ul > li { padding-left: 15px; }
.list_ul_h5,
.list_num_h5{
	margin-left:15px !important;
	}
.list_ul_h6,
.list_num_h6{
	margin:15px 0 0 30px !important;
	}
ul[class^="list_ul"] li ,
ol[class^="list_num"] li {
	line-height:18px;
	}
ul[class^="list_ul"] > li {
	padding-left:20px;
	margin-top:10px;
	margin-bottom: 15px;
	line-height: 150%;
	position: relative;
	}
ul[class^="list_ul"] > li:before { content: ''; position: absolute; left: 0; top: 4px; width: 14px; height: 14px; background: url('../img/content/spr_ico_cont.png') 0 -32px no-repeat; }
ul[class^="list_ul"] > li:first-child{
	margin-top:0px;
	}
ul[class^="list_ul"] > li > ul {
	margin-top:13px;
	}
ul[class^="list_ul"] > li > ul > li {
	padding-left:18px;
	margin:12px 0;
	position: relative;
	line-height: 140%;
	}
ul[class^="list_ul"] > li > ul > li:before { content: ''; position: absolute; width: 11px; height: 11px; left: 0; top: 4px; background: url('../img/content/spr_ico_cont.png') 0 -91px no-repeat;}
ul[class^="list_ul"] > li > ul > li:first-child{
	margin-top:0px;
	}
ul[class^="list_ul"] > li > ul > li > ul{
	margin:10px 0;
	border:1px dashed #ccc;
	padding:15px;
	}
ul[class^="list_ul"] > li > ul > li > ul > li{
	background:url(/common/img/common/bu_ul_3depth.gif) no-repeat 0 7px;
	padding-left:10px;
	margin-top:5px;
	}
ul[class^="list_ul"] > li > ul > li > ul > li:first-child{
	margin-top:0px;
	}
ol[class^="list_num"] li p {
	margin-top:10px;
	}
ol[class^="list_num"] > li { margin-top:15px; padding:2px 0 2px 25px; position: relative; line-height: 150%; }
ol[class^="list_num"] > li:before { content: ''; position: absolute; width: 20px; height: 19px; left: 0; top: 4px; background:url('../img/content/spr_ico_cont.png') -609px 0 no-repeat;}
ol[class^="list_num"] > li:first-child {margin-top:0;}
ol[class^="list_num"] > li:nth-child(2):before { background-position: -609px -24px;}
ol[class^="list_num"] > li:nth-child(3):before { background-position: -609px -48px;}
ol[class^="list_num"] > li:nth-child(4):before { background-position: -609px -72px;}
ol[class^="list_num"] > li:nth-child(5):before { background-position: -609px -96px;}
ol[class^="list_num"] > li:nth-child(6):before { background-position: -609px -120px;}
ol[class^="list_num"] > li:nth-child(7):before { background-position: -609px -144px;}
ol[class^="list_num"] > li:nth-child(8):before { background-position: -609px -168px;}
ol[class^="list_num"] > li:nth-child(9):before { background-position: -609px -192px;}
ol[class^="list_num"] > li:nth-child(10):before { background-position: -609px -216px;}
ol[class^="list_num"] > li:nth-child(11):before { background-position: -609px -240px;}
ol[class^="list_num"] > li:nth-child(12):before { background-position: -609px -264px;}
ol[class^="list_num"] > li:nth-child(13):before { background-position: -609px -288px;}
ol[class^="list_num"] > li:nth-child(14):before { background-position: -609px -313px;}
ol[class^="list_num"] > li:nth-child(15):before { background-position: -609px -337px;}
ol[class^="list_num"] > li > ul { margin-top:10px; border:1px dashed #ccc; background: #fff; padding:15px 15px 0 15px; }
ol[class^="list_num"] > li > ol { margin-top: 20px; }
ol[class^="list_num"] > li > ol > li { padding-left:10px; margin:11px 0; padding-left: 22px; position: relative; line-height: 150%;}
ol[class^="list_num"] > li > ol > li:before { content: ''; position: absolute; width: 16px; height: 16px; left: 0; top: 3px; background:url('../img/content/spr_ico_cont.png') -635px 0 no-repeat; }

/* ol[class^="list_num"] ul ul { margin:10px 0;}
ol[class^="list_num"] ul ul li {
	font-size: 13px;
	background:url('/common/img/common/ico_2depth_num1.gif') 0 3px no-repeat;
	padding:2px 0 2px 24px; margin: 2px 0;
} */
ol[class^="list_num"] > li > ol > li:nth-child(2):before { background-position: -635px -21px; }
ol[class^="list_num"] > li > ol > li:nth-child(3):before { background-position: -635px -42px; }
ol[class^="list_num"] > li > ol > li:nth-child(4):before { background-position: -635px -63px; }
ol[class^="list_num"] > li > ol > li:nth-child(5):before { background-position: -635px -84px; }
ol[class^="list_num"] > li > ol > li:nth-child(6):before { background-position: -635px -105px; }
ol[class^="list_num"] > li > ol > li:nth-child(7):before { background-position: -635px -126px; }
ol[class^="list_num"] > li > ol > li:nth-child(8):before { background-position: -635px -147px; }

/* table */
.tbl_ul_tit { font-size: 14px; margin-bottom: 5px; text-align: left; font-weight: 600;}
.tbl_wrap .tbl_guide { display: none; }
.tbl_st { margin-top:10px; }
.tbl_st th { text-align:center; }
.tbl_st td,
.tbl_st th {
	padding:8px 10px 9px;
	background: #f9fafb;
	border:1px solid #ddd;
	line-height:18px;
	color: #666;
	}
.tbl_st thead tr:first-child th { border-top:2px solid #535466; background:#cedee2; }
.tbl_st thead th {
	background:#bbd1d6;
	color:#333;
	font-weight: 600;
	font-size: 15px;
	}
.tbl_st thead th:last-child { border-right:1px solid #cedee2; }
.tbl_st tbody th{
	background:#f6f6f6;
	color:#666;
	font-weight: normal;
	}
.tbl_st tbody th a, .tbl_st tbody td a, ul[class^="list_ul"] a { position: relative; }
ul[class^="list_ul"] a { font-weight: 600; color: #52b5be;}
.tbl_st tbody th a[target="_blank"], .tbl_st tbody td a[target="_blank"], ul[class^="list_ul"] li a[target="_blank"] { padding-right: 16px;}
.tbl_st tbody th a[target="_blank"]:after, .tbl_st tbody td a[target="_blank"]:after, ul[class^="list_ul"] li a[target="_blank"]:after { content: ''; position: absolute; width: 12px; height: 12px; right: 0px; top: 2px; background: url('../img/content/spr_ico_cont.png') 0 -56px no-repeat; }
.tbl_st tbody th a:hover, .tbl_st tbody td a:hover { border-bottom: 1px dotted #b1940c;}
ul[class^="list_ul"] a:hover { border-bottom: 1px dotted #52b5be;}
.tbl_st tfoot th{
	color:#3d627a;
	font-weight: 600;
	background:#e3f0f7;
	}
table.taC td{
	text-align:center;
	}
td.taC{
	text-align:center !important;
	}
table.taL td{
	text-align:left;
	}
td.taL{
	text-align:left !important;
	}
table.taR td{
	text-align:right;
	}
td.taR{
	text-align:right  !important;
	}
.Thead tbody tr:first-child td,
.Thead tbody tr:first-child th{
	border-top:2px solid #429ad5;
	}
td > ul.inner { margin-left: 9px;}
td > ul > li{
	padding-left:7px;
	margin-top:5px;
	line-height:18px;
	text-align:left !important;
	font-size: 13px;
	position: relative;
	}
td > ul > li:before { content: ''; position: absolute; left: 0; top: 8px; width: 3px; height: 3px; background:url('../img/content/spr_ico_cont.png') 0 -78px no-repeat; }
td > ul > li:first-child{
	margin-top:0px;
	}
td > ul > li > ul {
	margin:5px 0 5px;
	}
td > ul > li > ul > li{
	background:url('/common/img/common/bu_ul_3depth.gif') no-repeat 0 7px;
	padding-left:8px;
	margin:2px 0;
	line-height:18px;
	text-align:left !important;
	}
td > ul > li > ul > li:first-child{
	margin-top:0px;
	}
/* box_text */
div[class^="box_h"],
p[class^="box_h"]{
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.8);
	border: 1px dashed #e0e0e0;
	margin-top:15px;
	padding:15px;
	color: #666;
	}
p[class^="p_h"],
div[class^="box_h"]{
	margin-top:10px;
	line-height: 170%;
	}
.box_h5,
.p_h5{
	margin-left:10px;
	}
.box_h6,
.p_h6{
	margin-left:14px;
	}

.right{
	float: right;
}
.box_scroll { width: 100%; padding: 20px; box-sizing: border-box; height: 400px; overflow-y: scroll;}
.box_inner { padding: 12px 15px; line-height: 130%; border: 1px solid #ccc; border-top: 2px solid #6ec3cb; background: #fff;}
.box_inner ul:after { content: ''; display: block; clear: both;}
.box_inner li { position: relative; width: 50%; float: left; padding-left: 17px; margin: 5px 0; box-sizing: border-box;}
.box_inner li:before, .list_black li:before { content: ''; position: absolute; width: 11px; height: 11px; left: 0; top: 5px; background: url(../img/content/spr_ico_cont.png) 0 -91px no-repeat;}
.box_txt { padding:10px; line-height: 160%; }
.st_none { margin:5px 0 0 15px; }
.st_none li { margin: 2px 0;}
.box_scroll .list_ul > li { margin-bottom: -7px;}

/* photo */
.photo:after { content: ''; display: block; clear: both; }
.photo > li { float: left; width: 33.33333333333333%; margin-bottom: 10px;}
.photo > li:last-child { border: none;}
.photo > li div { background: #fff; border-radius: 10px; /*padding: 7px;*/ margin: 0 auto; box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2); box-sizing: border-box; overflow:hidden;}
.photo > li img { border: 1px solid #ddd; vertical-align: bottom; width: 100%; box-sizing: border-box;}

/* 사이트맵 */
.sitemapLeft h4.sitemap_title { color: #e55d87 !important; background: url('../img/common/h4_icon.gif') 0 0 no-repeat !important; letter-spacing: -0.5pt;}
.sitemapRight > ul > li > div > ul > li > a { color: #666 !important;}
.sitemapRight > ul > li > div > ul > li > a:hover { text-decoration: underline; font-weight: 600;}
.sitemapRight  > ul > li > a { background: url('../img/common/dep02.gif') left 13px no-repeat;}
.sitemapRight  > ul > li > a:hover { color: #e55d87 }
	@media screen and (max-width:640px) {
		.sitemapLeft { float: none !important; width: 100% !important; border-bottom: 1px solid #dedede;}
		.sitemapRight { float: none !important; width: 100% !important; border-left: none; margin: 0 auto; }
		.sitemapRight > ul { width: 92% !important; margin: 0 auto !important;}
		.sitemapRight  > ul > li > div > ul > li { width: 50% !important; }
	 }
	 @media screen and (max-width:414px) {
	 	.sitemapRight  > ul > li > div > ul > li { width: 100% !important; }
	 }


/* footer */
#footer a[target="_blank"] {padding-right:0;}
#footer_wrap .footer_bottom {position:relative; width:1200px; overflow:hidden; margin:30px auto; padding:0 10px;}
#footer_wrap .link_area{background:#34587a; height:50px; width:100%; float:none;}
#footer_wrap .link_area .con{width:1200px; margin:0 auto;}
#footer_wrap .link_area .con > ul > li{position:relative;float:left;width: 25%;border-right:0px solid #8b8b8b;box-sizing:border-box;}
#footer_wrap .link_area .con > ul > li:first-child{border-left:0px solid #8b8b8b;}
#footer_wrap .link_area .con > ul > li > a.open{position:relative; padding:15px 0 14px 20px; box-sizing:border-box; display:block; color:#fff; font-size:15px; font-weight:600; letter-spacing:-1px;}
#footer_wrap .link_area .con > ul > li > a.close{position:absolute;  padding:15px 0 14px 20px; box-sizing:border-box;  left:0; bottom:0; background:#153d63; width:100%; color:#fff; font-size:15px; font-weight:600; letter-spacing:-1px;}
#footer_wrap .link_area .con > ul > li > a.close:after{position:absolute; content:''; display:block; width:15px; height:8px;  background:url(../img/design_2021/link_arrow_close.png) no-repeat; right:15px; top:50%; margin-top:-2px;}
#footer_wrap .link_area .con > ul > li > a.open:after{position:absolute; content:''; display:block; width:15px; height:8px; background:url(/portal/img/design_2021/link_arrow.png) no-repeat; right:15px; top:50%; margin-top:-4px;}
#footer_wrap .link_area .con ul:after{content:''; display:block; clear:both;}

.site_list{position:absolute;padding:20px;box-sizing:border-box;left:0px;bottom:50px;background: #ffffff;z-index:999;width:100%;overflow-y:scroll;height:250px;border:1px solid #153d63; border-radius:20px 20px 0 0;}
.site_list h5{font-size:17px; font-weight:600; letter-spacing:-1px; text-align:center; border:1px solid #d1d1d1; border-radius:10px; background:transparent; padding:10px; margin-bottom:10px; color:#444444;}
.site_list li{float:left; width:100%; position:relative;}
.site_list li:before{position:absolute; content:''; display:block; width:4px; height:4px; background:url(/common/img/common/menu_bul.png) no-repeat; left:1px; top:10px;}
.site_list li a{display:block;font-size:14px;padding:2px;letter-spacing:-1px;color: #333;border-bottom:0px dashed #a0a0a0;padding-left:10px;}
.site_list li a[target="_blank"]{background:none;}
.site_list li a{display:block;font-size:14px; padding:2px; letter-spacing:-1px; color:#666; border-bottom:0px dashed #a0a0a0; padding-left:10px;}

.site_list li a{display:block;font-size:14px; padding:2px; letter-spacing:-1px; color:#666; border-bottom:0px dashed #a0a0a0; padding-left:10px;line-height: 1.5em!important;}
.site_list li:before{position:absolute; content:''; display:block; width:4px; height:4px; background:url(../img/design_2021/menu_bul.png) no-repeat; left:1px; top:10px;}
.site_list li a:hover{border-bottom:0px dashed #a0a0a0 !important;color:#000!important;line-height: 1.5em!important;font-weight:600;}
#site_link01 > .site_list span > a{color: #153d63;display:block;font-weight:600;font-size:15px;padding:3px 5px;line-height:1.5rem;}
#site_link01 > .site_list span > a[target="_blank"]{background:none;}
.site_list ul li ul.footer_hyper{padding-left: 12px;}
.site_list ul li ul.footer_hyper>li:before{content:''; display:block; width:6px; height:2px; background:#b2b2b2; position:absolute; top: 10px; left: -2px;}
.site_list ul li ul.footer_hyper>li a{color: #555;}
.site_list ul li ul.footer_hyper>li a:hover{line-height: 21px;}

#footer{position:relative; width:1400px; margin:0 auto; padding:0 20px 55px 145px; box-sizing:border-box; }
#footer .user_info{padding:25px 0; border-bottom:1px solid #d1d1d1; max-width:940px;}
#footer .user_info li{position:relative; display:inline-block; margin:0 15px;}
#footer .user_info li:before{content:''; display:block; position:absolute; width:4px; height:4px; background:#4d4d4d; left:-17px; top:50%; margin-top:-2px; border-radius:100%;}
#footer .user_info li:first-child{margin-left:0;}
#footer .user_info li:first-child:before{display:none;}
#footer .user_info li a{color:#444444; font-size:15px; letter-spacing:-1px;}
#footer .user_info li a b{color:#2292e9;}
#footer address{padding-top:35px; margin-top:0;}
#footer address span{display:inline-block; margin:0 5px; position:relative;}
#footer address span:after{content:''; display:block; position:absolute; left:-5px; top:50%; margin-top:-5.5px; background:#959595; width:1px; height:11px;}
#footer address span.tel{margin-left:0;}
#footer address span.tel:after{display:none;}

@media(min-width:1025px){
	.site_list{position:absolute;padding:20px;box-sizing:border-box;left: 0px;bottom:50px;background:#fff;z-index:999;width: 100%;height:auto;overflow-y: visible; }
	#site_link04 .site_list{left: -130px;}
	#site_link01 .site_wrap{float:left;}
	#site_link01 .site_list{width: 201%;}
	#site_link01 .site_list .site_wrap:nth-child(1){width: 55%;}
	#site_link01 .site_list .site_wrap:nth-child(2){width: 45%;padding-left: 20px;box-sizing: border-box;}
	#site_link01 > .site_list .site_wrap:nth-child(1) ul{width: 100%;position: relative;}
	#site_link01 > .site_list .site_wrap:nth-child(1) ul:after{width: 1px; height: 95%; content: ""; display:block; background: rgba(255,255,255,0.1); position: absolute; right: 0; top: 0; margin-top: 38px; margin-right: -10px;}
	#site_link01 > .site_list .site_wrap:nth-child(2) li{width:100%;}
	#site_link01 > .site_list .site_wrap .link_list ul {margin-bottom: 13px;overflow: hidden;}
	#site_link01 > .site_list span.alone {float:left; width:50%;}
	#site_link01 > .site_list span > a{color: #153d63;display:block;font-weight:800;font-size:15px;clear: left; padding:6px 0px;}
	#site_link01 > .site_list span > a[target="_blank"]{background:none;}
	.site_list ul li ul.footer_hyper{padding-left: 12px;}
	.site_list ul li ul.footer_hyper>li:before{content:''; display:block; width:6px; height:2px; background:#444444; position:absolute; top: 10px; left: -2px;}
	.site_list ul li ul.footer_hyper>li a{color: #666666;}
	.site_list ul li ul.footer_hyper>li a:hover{line-height: 21px;}

	.site_list span a:hover{border-bottom:0px dashed #a0a0a0 !important; line-height:1.4em;}
	#site_link04 .site_list{width:480px;}
	.site_list li{float:left; width:50%; position:relative;}
	#site_link03 > .site_list li{width:100%;}

}
@media(max-width:1024px){
	#footer {background:none !important; padding:0 15px 30px; text-align:center;}
	#footer .copy {margin-bottom:20px;}
	#footer_wrap .footer_bottom {width:auto;}
	#footer_wrap .link_area {height:auto;}
	#footer_wrap .link_area .con {width:auto;}
	#footer_wrap .link_area .con > ul > li {width:50%; float:left;}

	.go_mrk,
	.wa_mrk {display:inline-block; width:auto; position:relative; vertical-align:middle; top:auto; left:auto; right:auto; height:50px;}
	.go_mrk a,
	.wa_mrk a {display:block; height:100%;}
	.go_mrk img,
	.wa_mrk img {height:100%;}
}
@media(max-width:460px){
	#footer_wrap .link_area .con > ul > li {width:auto; float:none;}
}