@charset "utf-8";


/* heading */
h2{position:relative;margin:45px 0 10px 0;padding-top:5px;word-break:keep-all;font-family:'nsr','Malgun Gothic';font-size:24px;color:#2d2d2d;line-height:160%;font-weight:600}
/*20180328_요청*/
/* h2:before{position:absolute;top:0;left:0;content:'';display:block;width:24px;height:6px;background:url(/images/common/h2_bul.png) no-repeat;} */
h2:first-child{margin:0 0 10px 0;}
h3{margin:40px 0 10px;color:#055fb7;font-family:'nsr','Malgun Gothic';font-size:20px;font-weight:600;line-height:160%;}
h4{margin:35px 0 10px;color:#121212;font-family:'nsr','Malgun Gothic';font-size:18px;line-height:160%; }
h5{margin:10px 0 5px;padding:0;font-size:18px;color:#282a2e;font-family:'nsr','Malgun Gothic';}
h6{margin:10px 0 5px;padding:0;font-size:16px;color:#004993;font-family:'nsr','Malgun Gothic';}
h2+h2{margin-top:0;}
h3+h3{margin-top:0;}
h2+h3{margin-top:0;}
h3+h4{margin-top:0;}
h4+h5{margin-top:0;}
h5+h6{margin-top:0;}
.ui-box{margin-bottom:10px;padding:20px;background-color:#fafafa;}
/* list */
.list_1st.color_red span{color:#cd2a55;}

.list_1st {margin:10px 0;padding:0;}
.list_1st li,
.list_1st dd,
.txt_bul{margin:3px 0;padding-left:11px;background:url(/images/common/list_bul1.png) no-repeat 0 9px;color:#5d5d5d;font-size:15px;word-wrap:break-word;word-break:keep-all;}
.list_1st dt{margin-top:10px;font-size:15px;/*font-weight:bold;*/}
.thm_caption .list_1st li,
.list_1st dd,
.txt_bul{margin:3px 0;padding-left:11px;background:url(/images/common/list_bul1.png) no-repeat 0 9px;color:#000;font-size:15px;word-wrap:break-word;word-break:keep-all;}


.list_1st dt:first-child{margin-top:0;}
.list_2st{margin:4px 0;padding:0;}
.list_2st li,
.txt_bul2{margin:3px 0;padding-left:11px;background:url(/images/common/list_bul2.png) no-repeat left 11px;color:#464646;}
.list_3st{margin:4px 0;padding:0;}
.list_3st li{margin:3px 0;padding-left:11px;background:url(/images/common/list_bul3.png) no-repeat left 11px;}

.amthum .sitemap_list > li h3{margin:0}
/*.list_1st li *,
.list_1st dd *,
.list_2st li *,
.list_3st li *{vertical-align:middle}*/
.list_1st li b,
.list_1st dd b,
.list_2st li b,
.list_3st li b{vertical-align:baseline;}
/* txt_p */
.txt_p{margin-bottom:10px;}
p{margin:10px 0 0;word-wrap:break-word;word-break:keep-all;color:#666;font-size:15px;line-height:140%;}
h2+p,
h3+p,
h4+p,
h5+p{margin-top:0px;}

.txt_h2,
.txt_h3{margin:0 0 10px;}
.txt_h4,
.txt_h5,
.txt_h6{margin:0 0 10px 30px;}

.txtp{color:#545454;font-size:15px;line-height:140%;}
/* txt */
.txt-small,
small{font-size:13px !important;line-height:18px !important;}
.txt-lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:24px;}
blockquote,
.txt-blockquote{margin-bottom:20px;padding:10px 20px;border-left:3px solid #ccd1d9;}
blockquote p,
.txt-blockquote p{margin:0 0 5px 0;font-size:17px;line-height:22px}
blockquote .small,
blockquote small,
.txt-blockquote .small, 
.txt-blockquote small{display:block;font-size:13px;line-height:18px;color: #777;}
.txt-tip {color:#da4453}
p.txt-tip {margin-top:0px;}
.txt-fouse {color:#1983aa}

.txt-type-01 p{font-size:18px; line-height:29px; color:#333; letter-spacing:-0.3px; font-family:"NanumSquare", sans-serif;}
.txt-type-01 span{font-size:14px; color:#333; font-family:"NanumSqure", sans-serif;}

/* txt-num */
.num{display:inline-block;overflow:hidden;margin-bottom:3px;margin-right:5px;width:18px;height:18px;border:1px solid transparent;background-image:none;/*font-family:'Frutiger Linotype';*/color:#fff;font-size:13px;text-align:center;vertical-align:top;line-height:15px}
.num-default{background-color:#0b48a2;}
.num-normal{background-color:#ee402e;}
.num-default-orange{background-color:#ff8040;}

.list_num>li{margin:7px 0;padding-left:26px;line-height:18px;}
.list_num .num{margin:0 5px 0 -24px;}

/* txt-color */
.color-blue{color:#4a89dc}
.color-aqua{color:#3bafda}
.color-mint{color:#37bc9b}
.color-dtgray{color:#434a54}
.color-sweetbi{color:#e9573f}
.color-grapefruit{color:#da4453}
.color-orange{color:#901b1f;}


@media (min-width: 768px){
	.txt-lead{font-size:21px;}
	
}

/* table style */
table caption{ /*height:0;*/ text-indent:-100000px;font-size:0;line-height:0;}
.tbl_basic{display:table;margin-bottom:10px;width:100%;border-top:2px solid #1461ac;border-bottom:1px solid #e5e5e5;border-collapse:separate;border-collapse:collapse}
.tbl_basic th{padding:12px 9px;border-left:1px solid transparent;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;color:#555;}
.tbl_basic td{padding:12px 9px;border-left:1px solid transparent;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;color:#555;}
.tbl_basic th{background: url(/images/common/monoptn.gif);}
.tbl_basic th:first-child,
.tbl_basic td:first-child{border-left:none}
.tbl_basic th.trw,
.tbl_basic td.trw{border-right:1px solid #ddd;}
.tbl_basic tbody th,
.tbl_basic thead th{vertical-align:middle;}
.tbl_basic tbody th,
.tbl_basic tfoot th{background-image:none;}
.tbl_basic tbody th{color:#333;background-color:#fafbfc;}
.tbl_basic thead th{color:#333;font-size:15px;background-color:#f4f4f4;font-size:15px;font-family:'nsr','Malgun Gothic';color:#121212;}
.tbl_basic th[rowspan],
.tbl_basic td[rowspan]{border-right:1px solid #e5e5e5;}
.tbl_basic th:last-child,
.tbl_basic td:last-child{border-right:none;}

/*.tbl_basic th[colspan]{border-left:none;}*/
.tbl_basic th{border-left-color:#e5e5e5;border-bottom-color:#e5e5e5;}
.tbl_basic td{border-left-color:#e5e5e5;border-bottom-color:#e5e5e5;}
.tbl_basic th.lf_line,
.tbl_basic td.lf_line{border-left: 1px solid #e5e5e5;}
.tbl_basic td.lf_noline{border-left:none;}
.tbl_basic td img{vertical-align:middle}
.tbl_basic ul li{font-size:15px}


.tbl_basic.tbl_yellow thead th{background-color:#fff000;color:#000;font-size:17px;font-weight:bold}




.tbl_basic.tbl_type1{border-top-color:#121212;border-bottom-color:#ddd;border-collapse:separate;}
.tbl_basic.tbl_type1 th,
.tbl_basic.tbl_type1 td{border-left-color:#ddd;border-bottom-color:#ddd;}
.tbl_basic.tbl_type1 thead th{background-color:#f4f4f4;border-bottom-color:#e5e5e5;}
.tbl_basic.tbl_type1 tfoot th{background-color:#fafafa;}

.tbl_basic.tbl_type2{border-top-color:#121212;border-bottom-color:#e5e5e5;}
.tbl_basic.tbl_type2 th,
.tbl_basic.tbl_type2 td{border-left-color:#ddd;border-bottom-color:#ddd;}
.tbl_basic.tbl_type2 tbody th{color:#333}
/*.tbl_basic.tbl_type2 thead th,*/
.tbl_basic.tbl_type2 tfoot th{background-color:#f1f1f1;}

.tbl_basic td.border-left{border-left:1px solid #e5e5e5;}

.rwd_wrap{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;}

.tbl_basic.type1{border-top:none;}
.tbl_basic.type1 tbody{border-top:1px solid #121212;}


/* tab */


.tab-ul{margin-bottom:50px;}
.tab-ul:after {content:"";display:block;visibility:hidden;clear:both;}
.tab-ul li{display:table;float:left;margin-left:-1px;margin-top:-1px;height:100%;vertical-align:middle;height:100%;}
.tab-ul li *{margin:0;padding:0;line-height:0;}
.tab-ul li a{display:table-cell;color:inherit;cursor:pointer;transition:background-color 0.05s ease-in-out;-webkit-transition:background-color 0.05s ease-in-out;/*-moz-transition:all 0.3s;*/background-image:none;text-align:center; vertical-align:middle;border:1px solid transparent;}
.tab-ul li a span{display:block;position:relative;line-height:120%;}
.tab-ul li a:hover,
.tab-ul li a:focus,
.tab-ul li a:active {}

.tab-ul.tab-col-2 li,
.tab-ul.tab-col-3 li,
.tab-ul.tab-col-4 li,
.tab-ul.tab-col-5 li{width:100%}


.tab-ul.deth-4st li a{text-align:center;}
.tab-ul.deth-4st li a{border-color:#dedede;border-bottom-color:#949494;/*background:url(/images/common/tab_4th.png) no-repeat 95% 50%;*/color:#121212;font-size:15px;line-height:1;height:60px;}
.tab-ul.deth-4st li a span{padding:3% 5%; font-size: 14px;}
.tab-ul.deth-4st li a:hover,
.tab-ul.deth-4st li a:focus,
.tab-ul.deth-4st li a:active{border-color:#1461ac;border-bottom-color:#1461ac;/*background:url(/images/common/tab_4th_ov.png) no-repeat 95% 50%;*/background-color:#1461ac;color:#fff;}
.tab-ul.deth-4st li.on a,
.tab-ul.deth-4st li.on a:hover,
.tab-ul.deth-4st li.on a:focus,
.tab-ul.deth-4st li.on a:active{border-color:#1461ac;border-bottom-color:#1461ac;/*background:url(/images/common/tab_4th_ov.png) no-repeat 95% 50%;*/background-color:#1461ac;color:#fff;}
.tab-ul.deth-5st li{position:relative;z-index:10;}
.tab-ul.deth-5st li a{position:relative;border-color:#ddd;color:#666;font-size:13px;line-height:1;height:54px;text-align:left;transition:all 0.3s;-webkit-transition:all 0.3s;/*-moz-transition:all 0.3s;*/}
.tab-ul.deth-5st li a:hover,
.tab-ul.deth-5st li a:focus,
.tab-ul.deth-5st li a:active{color:#de1008;}
.tab-ul.deth-5st li a span{padding:10px 40px 10px 20px;}
.tab-ul.deth-5st li a span:before{content:"";display:block;position:absolute;top:50%;right:20px;margin-top:-5px;width:5px;height:9px;background:url(/images/common/tab_deth_5st_arr.png) no-repeat;}
.tab-ul.deth-5st li.on{position:relative;z-index:11;}
.tab-ul.deth-5st li.on a,
.tab-ul.deth-5st li.on a:hover,
.tab-ul.deth-5st li.on a:focus,
.tab-ul.deth-5st li.on a:active{border-color:#de1008;color:#de1008;}
.tab-ul.deth-5st li.on a span:before,
.tab-ul.deth-5st li a:hover span:before,
.tab-ul.deth-5st li a:focus span:before,
.tab-ul.deth-5st li a:active span:before{background-position:-5px 0;}

.tab-ul.tab-col-4.modify_tab li{background:#fff;}

.tab-ul.deth-4st li.on a, .tab-ul.deth-4st li.on a:hover, .tab-ul.deth-4st li.on a:focus, .tab-ul.deth-4st li.on a:active {
    border-color: #545454;
    border-bottom-color: #545454;
    background: url(/images/common/tab_4th_ov.png) no-repeat 95% 50%;
    background-color: #1461ac;
    color: #fff;}

/*
.tab-ul.deth-5st li a{position:relative;border-color:#ddd;color:#666;font-size:13px;line-height:1;height:54px;text-align:left;}
.tab-ul.deth-5st li a span{padding:10px 30px;}
.tab-ul.deth-5st li a:hover,
.tab-ul.deth-5st li a:focus,
.tab-ul.deth-5st li a:active{border-color:#de1008;color:#de1008;}
.tab-ul.deth-5st li.on{position:relative;z-index:11;}
.tab-ul.deth-5st li.on a,
.tab-ul.deth-5st li.on a:hover,
.tab-ul.deth-5st li.on a:focus,
.tab-ul.deth-5st li.on a:active{border-color:#de1008;color:#de1008;}
*/

@media (min-width:640px){
	.tab-ul.tab-col-2 li,
	.tab-ul.tab-col-3 li,
	.tab-ul.tab-col-4 li,
	.tab-ul.tab-col-5 li{width:50%;}
	
	
}
@media (min-width:768px){
	.tab-ul.tab-col-4 li,
	.tab-ul.tab-col-5 li{width:33.33%}
}
@media (min-width:1024px){
	.tab-ul.tab-col-4 li{width:25%}
	.tab-ul.tab-col-5 li{width:20%}
	.tab-ul.tab-col-4.modify_tab li{width:20%;}
}



a{text-decoration:none;}
a:link,
a:visited{color:#666;}
a:hover,
a:focus,
a:active{color:#000;}


/* button */
.btn{display:inline-block;position:relative;border:none;outline:none;background:none;color:inherit; cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.btn{border:1px solid transparent;background-image:none;text-align:center;vertical-align:middle;white-space:nowrap;}
.btn *{vertical-align:middle}
.btn:after{position:absolute;z-index:-1;content:'';transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.btn:before{position:relative;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;speak:none;-webkit-font-smoothing:antialiased;}
.btn.min-width{min-width:125px;text-align:left}


.btn-ani{padding:8px 15px 7px 15px;font-size:14px;font-weight:400;line-height:1.42857143;}
.btn-ani.small{padding:5px 10px 4px 10px;font-size:12px;}
.btn-ani.large{padding:12px 25px 11px 25px;font-size:16px;}
.btn-ani.radius{border-radius:30px;}
.btn-ani.btn-file{padding:9px 20px 7px 20px;background-color:transparent;}



.btn,
.btn.disabled,
.btn,
.btn:link,
.btn:visited{background-color:#1650a6;border-color:#1650a6;color:#fff;}
.btn:hover,
.btn:focus,
.btn:active{background-color:#2f2e34;border-color:#2f2e34;color:#fff;}
/*
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {pointer-events: none;cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;opacity: .65;}
*/
.btn-default,
.btn-default.disabled,
.btn-default,
.btn-default:link,
.btn-default:visited{background-color:#3b3c3d;border-color:#3b3c3d;}
.btn-default:hover,
.btn-default:focus,
.btn-default:active{background-color:#2f2e34;border-color:#2f2e34;color:#fff;}

.btn-primary,
.btn-primary.disabled,
.btn-primary,
.btn-primary:link,
.btn-primary:visited{background-color:#ee402e;border-color:#ee402e;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{background-color:#df0200;border-color:#df0200;color:#fff;}

.btn-success,
.btn-success.disabled,
.btn-success,
.btn-success:link,
.btn-success:visited{background-color:#8cc152;border-color:#8cc152;}
.btn-success:hover,
.btn-success:focus,
.btn-success:active{background-color:#5e9b1c;border-color:#5e9b1c;}

.btn-info,
.btn-info.disabled,
.btn-info,
.btn-info:link,
.btn-info:visited{background-color:#1e9e7e;border-color:#1e9e7e;}
.btn-info:hover,
.btn-info:focus,
.btn-info:active{background-color:#0b8466;border-color:#0b8466;}

.btn-warning,
.btn-warning.disabled,
.btn-warning,
.btn-warning:link,
.btn-warning:visited{background-color:#db9911;border-color:#db9911;}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active{background-color:#f6bb42;border-color:#f6bb42;}

.btn-danger,
.btn-danger.disabled,
.btn-danger,
.btn-danger:link,
.btn-danger:visited{background-color:#da4453;border-color:#da4453;}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active{background-color:#ba1b2b;border-color:#ba1b2b;}



.btn.btn-line{background-color:transparent;}
.btn.btn-file{background-color:#fff;border:1px solid #dcdcdc;}

.btn.btn-line,
.btn.disabled.btn-line,
.btn.btn-line,
.btn.btn-line:link,
.btn.btn-line:visited{color:#54535a;}
.btn.btn-line:hover,
.btn.btn-line:focus,
.btn.btn-line:active{color:#2452a7;}

.btn.btn-file,
.btn.disabled.btn-file,
.btn.btn-file,
.btn.btn-file:link,
.btn.btn-file:visited{color:#7b7b7b;}
.btn.btn-file:hover,
.btn.btn-file:focus,
.btn.btn-file:active{color:#000;}



.bico.bticon{position:relative;top:-1px;display:inline-block;width:30px;height:30px;background:url(/images/common/ico_file.png) no-repeat;vertical-align:middle;}
.bico.bticon.left{margin-right:6px;}
.bico.bticon.right{margin-left:5px;float:none !important;}
.bico.bticon.acrobat{background-position:0 0;}
.bico.bticon.ppt{background-position:-38px 0;}
.bico.bticon.word{background-position:-75px 0;}
.bico.bticon.hwp{background-position:-113px 0;}
.bico.bticon.excel{background-position:-150px 0;}
.bico.bticon.file{background-position:-188px 0;}
.bico.bticon.ai{background-position:-225px 0;}
.bico.bticon.jpg{background-position:-263px 0;}
.bico.bticon.home{background-position:-300px 0;}
.btn-ani .bico.bticon.home{background-position:-300px 0;}
.btn.btn-file .bico.bticon.home,
.btn.btn-line .bico.bticon.home{background-position:-300px 0;}
.btn-ani .bico.bticon.file2{background-position:-231px 0;}
.btn.btn-file .bico.bticon.file2,
.btn.btn-line .bico.bticon.file2{background-position:-210px -21px;}
.btn-ani .bico.bticon.view{background-position:-273px 0;}
.btn.btn-file .bico.bticon.view,
.btn.btn-line .bico.bticon.view{background-position:-294px -21px;}
.bico.bticon.radius{width:36px;height:36px;background-position:0 -26px;}

.bico.bticon.radius{width:36px;height:36px;background-position:0 -26px;}

.bico.bticon.map{width:30px;height:30px;border-radius:100%;-webkit-border-radius:100%;background:#2452a7 url(/images/kor/sub01/map_ico.png) no-repeat 50% 50%}

.bico.bticon.file.down{margin-top:5px;margin-left:7px;}
.btn.btn-ani.margin{margin-top:10px;}

.fonttype .bico.bticon{font-size:0;}


/* labels */ 
.label{display:inline-block;padding:4px 10px 3px 10px;font-size:12px;font-weight:400;background-color:#aab2bd;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:3px;}
.label-default{background-color:#fff;border: 1px solid #aab2bd;color:#434a54;}
.label-primary{background-color:#3bafda;border-color:#3bafda;}
.label-success{background-color:#8cc152;border-color:#8cc152;}
.label-info{background-color:#37bc9b;border-color:#37bc9b;}
.label-warning{background-color:#f6bb42;border-color:#f6bb42;}
.label-danger {background-color:#da4453;border-color:#da4453;}


/* align style */
.clear {clear:both;}
.clearfix {width:100%;}
.clearfix:after {content:"";display:block;visibility:hidden;clear:both;}
.ft_left {float:left;}
.ft_right {float:right;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}

.tx_line {text-decoration:underline;}

/* display */
.inline{display:inline;}
.inb{display:inline-block;}
.block{display:block;}
.ir_img {text-indent:-9999px;font-size:0;line-height:0;}



/* margin */
.m_0{margin:0px ;}
.m_5{margin:5px ;}
.m_10{margin:10px ;}
.m_15{margin:15px ;}
.m_20{margin:20px ;}
.m_25{margin:25px ;}
.m_30{margin:30px ;}
.m_35{margin:35px ;}
.m_40{margin:40px ;}
.m_45{margin:45px ;}
.m_50{margin:50px ;}

.mt_0{margin-top:0;}
.mt_5{margin-top:5px ;}
.mt_10{margin-top:10px ;}
.mt_15{margin-top:15px ;}
.mt_20{margin-top:20px ;}
.mt_25{margin-top:25px ;}
.mt_30{margin-top:30px ;}
.mt_35{margin-top:35px ;}
.mt_40{margin-top:40px ;}
.mt_45{margin-top:45px ;}
.mt_50{margin-top:50px ;}

.ml_0{margin-left:0px ;}
.ml_5{margin-left:5px ;}
.ml_10{margin-left:10px ;}
.ml_15{margin-left:15px ;}
.ml_17{margin-left:17px ;}
.ml_20{margin-left:20px ;}
.ml_25{margin-left:25px ;}
.ml_30{margin-left:30px ;}
.ml_35{margin-left:35px ;}
.ml_40{margin-left:40px ;}
.ml_45{margin-left:45px ;}
.ml_50{margin-left:50px ;}
.ml_100{margin-left:100px ;}
.ml_200{margin-left:200px ;}

.mr_0{margin-right:0px ;}
.mr_5{margin-right:5px ;}
.mr_10{margin-right:10px ;}
.mr_15{margin-right:15px ;}
.mr_20{margin-right:20px ;}
.mr_25{margin-right:25px ;}
.mr_30{margin-right:30px ;}
.mr_35{margin-right:35px ;}
.mr_40{margin-right:40px ;}
.mr_45{margin-right:45px ;}
.mr_50{margin-right:50px ;}


.mb_1{margin-bottom:-1px ;}
.mb_0{margin-bottom:0px ;}
.mb_5{margin-bottom:5px ;}
.mb_10{margin-bottom:10px ;}
.mb_15{margin-bottom:15px ;}
.mb_20{margin-bottom:20px ;}
.mb_25{margin-bottom:25px ;}
.mb_30{margin-bottom:30px ;}
.mb_35{margin-bottom:35px ;}
.mb_40{margin-bottom:40px ;}
.mb_45{margin-bottom:45px ;}
.mb_50{margin-bottom:50px ;}

/* padding */
.p_0{padding:0px ;}
.p_5{padding:5px ;}
.p_10{padding:10px ;}
.p_15{padding:15px ;}
.p_20{padding:20px ;}

.pt_0{padding-top:0px ;}
.pt_5{padding-top:5px ;}
.pt_10{padding-top:10px ;}
.pt_15{padding-top:15px ;}
.pt_20{padding-top:20px ;}
.pt_25{padding-top:25px ;}
.pt_30{padding-top:30px ;}
.pt_35{padding-top:35px ;}
.pt_40{padding-top:40px ;}
.pt_45{padding-top:45px ;}
.pt_50{padding-top:50px ;}

.pr_0{padding-right:0px ;}
.pr_5{padding-right:5px ;}
.pr_10{padding-right:10px ;}
.pr_15{padding-right:15px ;}
.pr_20{padding-right:20px ;}
.pr_25{padding-right:25px ;}
.pr_30{padding-right:30px ;}
.pr_35{padding-right:35px ;}
.pr_40{padding-right:40px ;}
.pr_45{padding-right:45px ;}
.pr_50{padding-right:50px ;}

.pl_0{padding-left:0px ;}
.pl_5{padding-left:5px ;}
.pl_10{padding-left:10px ;}
.pl_15{padding-left:15px ;}
.pl_20{padding-left:20px ;}
.pl_25{padding-left:25px ;}
.pl_30{padding-left:30px ;}
.pl_35{padding-left:35px ;}
.pl_40{padding-left:40px ;}
.pl_45{padding-left:45px ;}
.pl_50{padding-left:50px ;}
.pl_70{padding-left:70px ;}
.pl_130{padding-left:100px ;}

.pb_0{padding-bottom:0px ;}
.pb_5{padding-bottom:5px ;}
.pb_10{padding-bottom:10px ;}
.pb_15{padding-bottom:15px ;}
.pb_20{padding-bottom:20px ;}
.pb_25{padding-bottom:25px ;}
.pb_30{padding-bottom:30px ;}
.pb_35{padding-bottom:35px ;}
.pb_40{padding-bottom:40px ;}
.pb_45{padding-bottom:45px ;}
.pb_50{padding-bottom:50px ;}

/* width */
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w260 {width:260px;}
.w270 {width:270px;}
.w300 {width:300px;}
.w310 {width:310px;}
.w320 {width:320px;}
.w330 {width:330px;}
.w340 {width:340px;}
.w350 {width:350px;}
.w360 {width:360px;}
.w370 {width:370px;}
.w380 {width:380px;}
.w390 {width:390px;}
.w400 {width:400px;}
.w450 {width:450px;}
.w500 {width:500px;}
.w600 {width:600px;}

.wp10{width:10%;}
.wp20{width:20%;}
.wp30{width:30%;}
.wp40{width:40%;}
.wp45{width:45%;}
.wp50{width:50%;}
.wp55{width:55%;}
.wp60{width:60%;}
.wp65{width:65%;}
.wp70{width:70%;}
.wp75{width:75%;}
.wp80{width:80%;}
.wp85{width:85%;}
.wp90{width:90%;}
.wp95{width:95%;}
.wp96{width:96%;}
.wp97{width:97%;}
.wp98{width:98%;}
.wp99{width:99%;}
.wp100{width:100%;}

.red{color:#ee402e;}


/* 담당자정보 */
#point{clear:both;margin:0 auto;margin-top:6em;border:1px solid #d2d2d2;background-color:#f5f7f9;max-width:1200px;text-align:left;}
#point .charge ,
#point .research{/*padding:12px 20px;*/padding:0 20px 12px 20px}
#point .charge{width:100%;max-width:1200px;background-color:#fff;border-bottom:1px solid #efefef}
.charge:after{content:"";display:block;clear:both;visibility:hidden;}
.charge *{vertical-align:middle}
.charge .admin_info{padding-top:12px}
.charge .admin_info:after{content:"";display:block;clear:both;visibility:hidden;}
.charge li{margin-right:3em;font-size:13px;line-height:26px;}
.charge li strong{display:inline-block;padding-left:26px;color:#4d4d4d;font-size:14px;width:auto;}
.charge li.charger1 strong{background:url(/images/common/bul_charger_04.png) no-repeat left 50%}
.charge li.charger2 strong{background:url(/images/common/bul_charger_01.png) no-repeat left 50%}
.charge li.charger3 strong{background:url(/images/common/bul_charger_02.png) no-repeat left 50%}
.charge li.charger4 strong{padding-left:20px;background:url(/images/common/bul_charger_03.png) no-repeat left 50%}
.charge li{display:inline-block;margin-right:1em;padding:0; color:#666}
.charge li.charger4{float:right;margin-right:0}

#point .research{position:relative;padding:25px 20px 20px 60px;}
#point .research:after{content:"";display:block;clear:both;visibility:hidden;}
#point .research .h1{position:absolute;top:22px;left:20px;width:30px;height:30px;border-radius:50%;background: #1461ac url(/images/kor/common/satisfy.png) no-repeat center center;font-size:0;}

#point .research strong{display:block;margin-bottom:5px;font-family:'nsr','Malgun Gothic';font-size:15px;color:#444;font-weight:600}
#point .research div{display:block;margin-top:-3px;position: relative;padding:7px 5px;padding-right:300px;padding-left:0;}
#point .research div *{vertical-align:middle}
#point .research div label{margin-right:8px;font-size:13px}
#point .research div input[type="radio"]:focus + label {color:#e83e26}
#point .research div input[type="radio"]{position:relative;top:-1px;}
#point .research input[type=text]{position:absolute;top:0;right:80px;width:350px;height:30px;}
#point .research input[type=submit],
#point .research input[type=button]{position:absolute;top:0;right:0;width:80px;height:30px;padding:0;border:0;border-radius:0;background:#212a3d;color:#fff ;font-size:13px;line-height:1.166;text-align:center;text-decoration:none;}



@media only screen and (max-width:1100px){
	#point .research div{padding-right:370px;}
	#point .research input[type=text]{width:280px;}
}


@media only screen and (max-width:768px){
	.charge li{display:block;float:none;padding:0;margin-bottom:3px;}
	.charge li.charger4{float:none;}
	#point .research div{padding:10px;padding-right:10px;}
	#point .research input[type=text],
	#point .research input[type=submit],
	#point .research input[type=button]{position:relative;top:0;right:auto}

	#point .research input[type=text]{width:68%;}
	#point .research input[type=submit],
	#point .research input[type=button]{width:30%}
	#point .research{padding:25px 20px 20px 20px;}
	#point .research strong{padding-left:50px}
}



/* program */
	.regist_terms{padding:5px;border:1px solid #ddd;margin-bottom:10px;}
	.regist_terms_txt{padding:10px;height:210px;overflow-y:scroll;}
	.regist_terms_txt h3{margin:20px 0 10px;padding:0;background:none;font-size:15px;color:#666;}
	.regist_terms_txt h3:first-child{margin-top:0;}
	.regist_terms_txt p{padding:0;font-size:13px;}
	.regist_terms_txt ul li{font-size:13px;}
	#inputFrm input[type="text"]{padding:5px;width:100%;height:32px;border:1px solid #ddd;border-radius:2px;font-size: 14px;}
	#inputFrm input[type="password"],
	#inputFrm select{padding:5px;width:100%;height:32px;border:1px solid #ddd;border-radius:2px;font-size: 14px;}
	#inputFrm select{background:url(/images/kr/common/select_arr.png) no-repeat 97% 50%;-moz-appearance:none;-webkit-appearance:none;}
	#inputFrm input[readonly="readonly"]{background:#fafafa;}
	#inputFrm input[id^="phone"],
	#inputFrm input[id^="cp"],
	#inputFrm select#phone1,
	#inputFrm input[id^="tel"],
	#inputFrm select#tel1,
	#inputFrm select#region,
	#inputFrm input[id*="region"],
	#inputFrm input[id*="zip"]{width:20%;}
	#inputFrm input[id^="emal"],
	#inputFrm select#emal,
	#inputFrm input#email,
	#inputFrm select[id^="bir"]{width:20%;}
	#inputFrm input[id*="addr"]{width:44%;margin-right:2%;}
	#inputFrm textarea{width:90%;height:200px;border:1px solid #ddd;overflow-y:visible;}
	#inputFrm table td ul:after{content:"";display:block;clear:both;visibility:hidden;}
	#inputFrm table td ul li{float:left;width:30%;vertical-align:middle;}
	#inputFrm table td ul li:after{content:"";display:block;clear:both;visibility:hidden;}
	#inputFrm table td ul li input[id^="num"]{width:60%;text-align:right;}
	#inputFrm table td ul li b{display:inline-block;float:left;width:35%;vertical-align:middle;line-height:32px;}
	#inputFrm table td ul li span{display:inline-block;float:left;width:65%;vertical-align:middle;}
	#inputFrm a,
	#inputFrm input[type^="submit"]{padding:6px 20px;height:32px;}
	#inputFrm a{margin-left:5px;}

	#inputFrm .form_inner_box{margin-bottom:15px;}



	#inputFrm2 input[type="text"],
	#inputFrm2 select{width:100%;}
	#inputFrm2 .form_inner_box{margin-bottom:15px;}


	@media only screen and (min-width:768px) {
	#inputFrm2 .form_inner_box:after{display:block;content:"";clear:both;visibility:hidden;}
	#inputFrm2 .form_inner_box .label_box,
	#inputFrm2 .form_inner_box .select_box,
	#inputFrm2 .form_inner_box .input_box{float:left;width:83%;}
	#inputFrm2 .form_inner_box .label_box{margin-right:2%;width:15%;text-align:right;}

	}



.adult h2{padding:0;margin:0 0 10px;font-size:30px;}
.adult p{margin-top:10px;font-size:15px}

.adultwrap{display:table;table-layout:fixed;border-collapse:collapse;width:100%;margin-top:30px}
.adultwrap .float-box{display:table-cell;padding:30px 35px;border:1px solid #ddd;background:#f8f8f8}
.adultwrap .float-box .title{display:block;font-family:"nsr",sans-serif;font-weight:700;font-size:25px;color:#000}
.adultwrap .float-box .title:before{content:"";display:inline-block;height:51px;margin-right:18px;vertical-align:middle;background:url(/images/common/ui/adult-title-icon.png) no-repeat}
.adultwrap .float-box .title.icon1:before{width:39px;background-position:0 0}
.adultwrap .float-box .title.icon2:before{width:47px;background-position:-50px 0}
.adultwrap .float-box button{display:block;width:250px;height:50px;font-size:16px;margin:0 auto;border-radius:3px;background:#54535a;color:#fff}
.adultwrap .float-box .list_1st{padding:30px 10px;margin:20px 0;border:solid #ddd;border-width:1px 0}
.adultwrap .float-box .list_1st li{}
.adultwrap .float-box .list_1st li:first-child{margin-top:0}
.adultwrap .float-box .list_1st li i{display:block;font-style:normal;color:#272727}
.adultwrap .float-box .list_1st li a{border-bottom:1px solid #e93f2e;color:#e93f2e}

@media(min-width:0px){
	.adultwrap .float-box{display:block;padding:30px 15px;margin-top:20px}
	.adultwrap .float-box:first-child{margin-top:0}
	.adultwrap .float-box .title{text-align:center;font-size:18px}
	.adultwrap .float-box .list_1st{/*min-height:260px*/}
}


@media(min-width:768px){
	.adultwrap .float-box{display:table-cell;padding:30px 15px;margin-top:0}
	.adultwrap .float-box .title{text-align:left;font-size:20px}

}

@media(min-width:1200px){
	.adultwrap .float-box{padding:30px 35px}


}


#PDFviewerDiv{border:1px solid #ddd;}
#pdf_file{width:100%}

/* txt */
.txt-small,
small{font-size:14px;line-height:21px ;}
.txt-lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:24px;}
blockquote,
.txt-blockquote{margin-bottom:20px;padding:10px 20px;border-left:3px solid #ccd1d9;}
blockquote p,
.txt-blockquote p{margin:0 0 5px 0;font-size:17px;line-height:22px}
blockquote .small,
blockquote small,
.txt-blockquote .small, 
.txt-blockquote small{display:block;font-size:14px;line-height:21px;color: #777;}
.txt-tip {color:#da4453}
.txt-fouse {color:#1983aa}






/*@media (max-width:1023px){
	.sub01_01 h3{text-align: center;}
}

.sub03_04_01 .list_1st li, .list_1st dd, .txt_bul{background: 0;}

.sub03_04_01 .list_2st li,.sub03_04_01 .list_3st li{background: url(/images/common/list_bul1.png) no-repeat 0 9px;}

cmpt에 개별 속성 규정하는 거 아닙니다.
확인하시면 개별 사이트 content.css로 옮기고 삭제해주세요.

*/









/* 회원가입 */

#agree_form fieldset legend{font-size: 23px;visibility: visible;width: 100%;height: auto;text-indent: 0;color: #000;display: block;position: static;overflow: visible;line-height: 2em;font-family: 'nsr';}
.body-agree-article {height:300px; padding:0 10px; border:1px solid #d0d0d0; overflow-x:hidden; overflow-y:scroll}
.body-agree-checkbox {margin:15px 0; text-align:center}
.center.middle .btn.btn-primary.btn-lg.sharp{padding: 10px 50px;font-size: 15px;height: 45px;background-color: #701e20;border: none;}
.center.middle .btn.btn-default.btn-lg.sharp{padding: 10px 50px;font-size: 15px;height: 45px;background-color: #54535a;border: none;}
.checkbox.agree-all.center{padding-bottom: 15px;}

.editor * {line-height:1.5}
.editor h4 {margin-top:25px; font-size:1.2em; font-weight:600}
.editor h4:first-child {margin-top:0}
.editor h5 {margin-top:15px; font-size:1.08em; font-weight:600}
.editor li {margin-top:10px}
.editor li li {margin-top:7px}
.editor li li li,.editor div,.editor p {margin-top:5px}
.editor ul,.editor ol,.editor div,.editor p {margin-left:10px}
.editor table {margin:5px auto; width:96%}
.editor .border {margin:5px 0; padding:10px; border:5px solid #f7f7f7}
.editor .border * {margin:0 !important}

@media (max-width:420px){
	#agree_form .btn.btn-primary.btn-lg.sharp,
	#agree_form .btn.btn-default.btn-lg.sharp{padding:10px 20px;}
	#agree_form fieldset legend{font-size:20px}
	.editor h4{font-size:1em;}
}

/*스크롤이미지*/
.table_scroll { display:none; }
@media (max-width:900px) {
.table_scroll { display:block; }
}



.iframe{margin:0 auto;/*max-width:560px;*/width:98%;height:315px;}
.iframe iframe{width:100%;height:100%;border:none;}


.hinner{}
.hinner h2{text-align:center;margin-bottom:0;font-size:36px;font-weight:normal;}
.hinner h2:before{display:none;}
.hinner .itext{position:relative;margin-bottom:30px;padding-bottom:30px;color:#888;font-size:18px;font-family:'nsr','Malgun Gothic';text-align:center}
.hinner .itext:before{content:'';display:block;position:absolute;bottom:0;left:50%;margin-left:-12px;width:24px;height:3px;background-color:#1461ac}
.hinner .iframe{height:495px;}

#openWhy{background-color:#026ed2;border-color:#026ed2}


/* 개인정보처리방침 */

.sitemap_labeling{text-align: center; margin: 25px;}
.sitemap_15_span {font-size: 13px; color: #d10000;}
.sitemap_15_h4 {width: 45%; padding: 20px; color: #000; font-family: 'nsr', 'Malgun Gothic'; font-size: 18px; text-align: center;
line-height: 160%; box-shadow: 0 0.2rem 0.8rem rgba(190 190 190 / 20%); border: 1px solid #eee; border-radius: 10px;}
.sitemap_15_h4:hover {width: 45%; padding: 20px; color: #000; font-family: 'nsr', 'Malgun Gothic'; font-size: 18px; text-align: center;
line-height: inherit; box-shadow: 0 0.2rem 0.8rem rgba(190 190 190 / 50%); border: 1px solid #eee; border-radius: 10px;}
.sitemap_15_p {margin: 10px 0 0; word-wrap: break-word; word-break: keep-all; color: #666; font-size: 15px; line-height: 155%;}
.sitemap_15_link {margin: 10px 0 0; word-wrap: break-word; word-break: keep-all; color: #026ed2; font-size: 15px; line-height: inherit;}
.sitemap_15_link a:hover {margin: 10px 0 0; word-wrap: break-word; word-break: keep-all; color: #026ed2; font-size: 15px; font-weight: 600; line-height: inherit;}
.sitemap_list ul {margin: 10px 0; padding: 0;}
.sitemap_list li {margin: 3px 0; padding-left: 11px; background: url(/images/common/list_bul1.png) no-repeat 0 9px; color: #5d5d5d; font-size: 15px; word-wrap: break-word; word-break: keep-all;}
.sitemap_list li:hover {color: #026ed2; font-weight: 600;}

/* 연기예술학과 연극 예매 페이지 시작 */

.view_2 .content1{background-color: #fff; border: 1px solid #dadada; border-radius: 10px; box-shadow: 0 4px 6px rgba(0 0 0 / 11%), 0 1px 3px rgba(0 0 0 / 19%); margin-bottom: 30px;}

.info_guide{width: 98%; padding: 30px; margin-left: 29px; border: 1px solid #eee; border-radius: 10px; box-shadow: 0 0.2em 0.8em rgba(190 190 190 / 20%);}
.info_grid{width: 100%; padding: 0 10px; margin-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1vw; text-align: center;}
.info_grid a{width: 100%; height: 180px; padding: 20px 30px; border: 1px solid #eee; box-shadow: 0 0.2rem 0.8rem rgba(190 190 190 / 20%); border-radius: 10px; display: flex; flex-flow: column;
align-items: center; cursor: pointer; margin: 0 20px; position: relative;}
.info_grid a:hover{width: 100%; height: 180px; padding: 20px 30px; border: 1px solid #eee; box-shadow: 0 0.2rem 0.8rem rgba(190 190 190 / 50%); border-radius: 10px; display: flex; flex-flow: column;
align-items: center; cursor: pointer; margin: 0 20px; position: relative;}

.view_2{margin: 95px 38px 0;}
.view_2 hr {display: block; width: 100%; height: 1px; border: none; background-color: #dadada;}

.sub_wrap{width: 95%; margin: 40px 20px 20px 40px;}
.view_tiket{width: 92.5%; position: relative; margin: 0 0 25px 0px; color: #000; font-size: 20px; border-bottom: 1px solid #c7c7c7;}
.tiket_info{margin: 50px 40px 40px 40px;}
.tiket_info p{float: left; font-size: 17px; color: #000;}
.tiket_info input{width: 190px; border: 1px solid #c7c7c7; border-radius: 6px; margin: 0 0 0 20px; padding: 6px;}


#topButton {position: fixed; right: 8%; bottom: 110px; display: none; z-index: 999; width: 60px;}

/* 날짜 */

.tiket_date input[type='date'] {position: relative; width: 37%; padding: 8px; background: url(/images/act/sub03/sub03_icon01_2.png) no-repeat right 10px center / 23px auto;
border: 1px solid #c7c7c7; border-radius: 8px; font-size: 100%; color: rgb(125, 125, 125); margin: 0 20px 10px 75px;}
.tiket_date input[type='date']::-webkit-calendar-picker-indicator {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent; cursor: pointer;}

.tiket_date input[type='date']::before {content: attr(placeholder); width: 100%; height: 100%;}

.tiket_date input[type='date']:valid::before {display: none;}

/* 날짜 */

/* 시간 */

.tiket_time input[type='time'] {position: relative; width: 37%; padding: 8px; background: url(/images/act/sub03/sub03_icon03_2.png) no-repeat right 10px center / 23px auto;
border: 1px solid #c7c7c7; border-radius: 8px; font-size: 100%; color: rgb(0, 0, 0); margin: 0 20px 10px 75px;}
.tiket_time input[type='time']::-webkit-calendar-picker-indicator {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent; cursor: pointer;}

.tiket_time input[type='time']::before {content: attr(placeholder); width: 100%; height: 100%;}

.tiket_time input[type='time']:valid::before {display: none;}

/* 시간 */

.list_option{width: 83.5%; height: 40px; font-size: 16px; border-radius: 8px; margin: 0 20px 10px 106px;}
.list_option post{display: inline;}
.list_option select{appearance: none; -webkit-appearance: none; /* 사파리, 크롬 하위버전용 */ -moz-appearance: none; /* 사파리, 크롬 하위버전용 */
display: inline; width: 44.5%; height: 40px; padding: 9px; font-size: 15px; color: #8b8b8b; border-radius: 8px;
background-image: url(/images/act/sub03/sub03_icon05.png); background-repeat: no-repeat; background-position: calc(100% - 7px) center; background-size: 27px;}
.list_optin select::-ms-expand{ display: none; }

/* 예약자명 */

.tiket_name input[type='text'] {position: relative; width: 37%; height: 100%; padding: 8px; border: 1px solid #c7c7c7; border-radius: 8px; font-size: 100%; margin: 0 20px 10px 44px;}

/* 예약자명 */

/* 휴대폰 */

.tiket_number select {position: relative; width: 8.7%; height: 100%; padding: 8px; border: 1px solid #c7c7c7; border-radius: 8px; font-size: 100%; margin: 0 0 10px 61px;}
.tiket_number input[type='text'] {position: relative; width: 13.7%; height: 100%; padding: 8px; border: 1px solid #c7c7c7; border-radius: 8px; font-size: 100%; margin: 0 0 10px 0;}

/* 휴대폰 */

/* 비밀번호 */

.tiket_password input[type='text'] {position: relative; width: 37%; height: 100%; padding: 8px; border: 1px solid #c7c7c7; border-radius: 8px; font-size: 100%; margin: 0 20px 10px 46px;}

/* 비밀번호 */

/* 이메일 */

.tiket_email input[type='text'] {position: relative; width: 37%; height: 100%; padding: 8px; border: 1px solid #c7c7c7; border-radius: 8px; font-size: 100%; margin: 0 20px 10px 62px;}

/* 이메일 */

/* 좌석 선택 */

.product_wrapper{margin-top: 100px; width: 87%;}

.main-wrap{padding: 10px; height: 410px;}
.main-wrap h3{color: #000; font-size: 37px; font-weight: 600; margin: 30px 0 15px; text-align: center;}
.main-wrap h4{color: #000; font-weight: 600;}
.main-wrap p{line-height: 160%; background: #f3f3f3; padding: 25px; border-radius: 10px;}
.main-wrap span{line-height: 160%; color: #055fb7;}

.promotion{margin: 170px 0 0 43px;}

.view_3{margin-bottom: 10px;}

.last_wrap {width: 53%; float: right; margin: -218px -54px 0 0;}
.last_wrap img{width: 260px; margin: 30px 0 0 40px;}
.last_wrap h5{margin: 10px 0 5px 40px; padding: 0; font-size: 14px; color: #282a2e; font-family: 'nsr', 'Malgun Gothic';}
.last_wrap p{margin: 10px 0 5px 40px; padding: 0; font-size: 14px; color: #282a2e; font-family: 'nsr', 'Malgun Gothic';}



.info_last2{width: 50%; float: right; margin: -213px -115px 0 0;}
.info_last2 h1{font-size: 55px;}
.info_last2 .last2_1{display: flex; margin: 102px 26px 0 -60px; background: #71c3ff; border-radius: 20px; width: 146px; padding: 6px 10px; color: #fff; font-size: 16px; text-align: center;}
.info_last2 .last2_1 img{width: 23px; margin-right: 7px;}
.info_last2 .last2_2{position: relative; margin: -35px 209px 0 0; left: 110px; background: #ff7f00; border-radius: 20px; width: 146px; padding: 6px 10px; color: #fff; font-size: 16px; text-align: center;}

.cast-wrap{margin-top: 165px;}
.cast-wrap h3{text-align: center; margin: 180px 0 60px; color: #000; font-size: 37px; font-weight: 600; line-height: 160%;}
.cast_thum{margin: 0 43px 35px;}
.cast_thum img{width: 255px; border-radius: 10px; border: 1px solid #eee;}
.cast_list{text-align: center;}
.cast_list p{margin: 0 auto; margin-top: 20px; word-wrap: break-word; word-break: keep-all; background: #f3f3f3; color: #000; font-size: 17px; line-height: 140%; font-weight: 400; display: block; overflow: hidden;
padding: 8px; width: 120px; border-radius: 25px;}

.seatContainer{text-align: center;}

.seat_area{display: flex; margin-left: 0px;}
.seat_zone{background: #fff; box-shadow: 0 4px 6px rgba(0 0 0 / 15%); width: 140px; height: 40px; border-radius: 20px; text-align: center; margin: 15px 37px 15px 45px;}
.seat_zone h4{color: #000; font-weight: 600; margin-top: 9px;}

#ch_container{display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 60px 0 0 0;}
.movieContainer{margin: 20px 0px;}
.showcase{background-color: #777; background: rgba(0, 0, 0, 0.1); border-radius: 5px; display: flex;justify-content: center; margin: 16px 0; padding: 5px 10px;}
.movieContainer select{margin: 10px; padding: 5px 15px 5px 15px; border-radius: 7px; appearance: none; border: 0;}
.movieContainer select option{text-align: left;}
.showcase li{display: flex; justify-content: center; align-items: center; margin-left: 10px;}
.small{color: #777; margin-left: 2px;}
.showcase .seat:hover{cursor: default; scale: 1;}
.showcase .selectedSeat:hover{cursor: default; scale: 1;}
.screen{background-color: #fff; margin: 0 25px 0 135px; padding: 5px; width: 490px; height: 80px; transform: rotateX(-45deg); box-shadow: 0 3px 10px rgb(0 0 0 / 30%);}
.seat {display: inline-block; width: 20px; height: 20px; background-color: #dadada; box-shadow: 0 2px 3px 0.05px rgba(85 85 85 / 73%); border-radius: 6px; margin: 5px; cursor: pointer;}
.blank_seat {display: inline-block; width: 20px; height: 20px; background-color: #dadada; background-image: url(/images/act/sub03/sub03_icon07.png); background-repeat: no-repeat; 
background-size: 82%; background-position: 2px 2px; box-shadow: 0 2px 3px 0.05px rgba(85 85 85 /73%); border-radius: 6px; cursor: auto; margin: 5px;}
.availableSeat{background-color: #444451; width: 15px; height: 12px; margin: 3px; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: default;}
.selectedSeatIcon{background-color: #6feaf6; width: 15px; height: 12px; margin: 3px; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: default;}
.seat:hover{scale: 1.2;}
.selectedSeat:hover{scale: 1.2;}
.seat:nth-of-type(6){margin-right: 34px;}
.seat:nth-of-type(14){margin-right: 34px;}
.blank_seat:nth-of-type(6){margin-right: 34px;}
.blank_seat:nth-of-type(14){margin-right: 34px;}
.occupiedSeat:nth-of-type(6){margin-right: 34px;}
.occupiedSeat:nth-of-type(14){margin-left: 34px;}
.selectedSeat {background-color: #ff7f00; background-image: url(/images/act/sub03/sub03_icon06.png); background-repeat: no-repeat; background-size: 82%; background-position: 2px 4px;}
.occupiedSeat{background-color: #fff; width: 15px; height: 12px; margin: 3px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.row{display: flex;}
.text{margin-top: 30px; padding: 20px; font-size: 18px;}
#count{color: #000; font-size: 18px; font-weight: 600;}
#costs{color: #6feaf6;}


.ch_end button
{width: 100%; height: 40px; margin: 40px auto; background: #0000003d; color: #fff; border: none; border-radius: 5px; transition-duration: 0.2s;}
.ch_end button:hover{background-color: #000;}


.terms__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wrap {
  margin: 0 0 80px 0;
}

.wrap .logo {
  text-align: center;
  margin-bottom: 10px;
}

.wrap .logo h1 {
  margin: 0;
  font-size: 50px;
}

.wrap .contents2 {
  padding: 23px;
  height: 823px;
  background-color: #ffffff;
  border: 1px solid #dadada;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0 0 0 / 11%), 0 1px 3px rgba(0 0 0 / 19%);
}

#form__wrap {
  margin: 0 auto;
  width: 100%;
  font-size: 16px;
}

#form__wrap .terms__check__all {
  margin-bottom: 35px;
}

#form__wrap .terms__check__all label {
  margin-left: 3px;
  text-decoration: underline;
}

.terms__list .terms__box {
  margin: 20px 0;
}

.terms__box{margin: -70px 0 0 23px;}

label.required{font-size: 16px;}

label.required::after {
  margin-left: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #0086ff;
  content: "(필수)";
}

label.selected{font-size: 16px;}

label.selected::after {
  margin-left: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #000000;
  content: "(선택)";
}

.input__check{font-size: 16px;}

.terms__list .terms__content {
  height: 88px;
  overflow: auto;
  margin-top: 8px;
  padding: 12px;
  border: 1px solid #dadada;
  background: #fff;
  font-size: 14px;
}

.next-button {
  width: 100%;
  height: 40px;
  outline: none;
  cursor: pointer;
  background-color: #242222;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  transition-duration: 0.2s;
}

.next-button:hover:enabled {
  background-color: #a3a2a2;
}

.next-button:disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

@media (max-width: 768px) {
  .wrap {
    min-width: 280px;
    padding: 20px;
  }

  #form__wrap {
    max-width: 460px;
    width: auto;
  }
}


@media(max-width:800px){
.info_grid a{width: auto;}
.sitemap_15_h4{width: 60%;}
}

@media(max-width:780px){
.info_grid a{width: 100%;}
.sitemap_15_h4{width: 60%;}
}

@media(max-width:500px){
.info_grid{width: 100%; padding: 0 10px; margin-bottom: 20px; text-align: center;}
.info_grid{width: auto; padding: 20px 30px; border: 1px solid #eee; box-shadow: 0 0.2em 0.8em rgba(190 190 190 / 20%);
border-radius: 10px; display: flex; flex-flow: column; align-items: center; cursor: pointer; margin: 0 20px; position: relative;}
.info_guide{width: 98%; margin-left: auto;}
.sitemap_15_h4{width: auto; font-size: 15px;}
#topButton {width: 50px;}
#bottomButton {width: 50px;}
}

/* 개인정보처리방침 */

.tbl_act{display: table; margin-bottom: 10px; width: 100%; border-top: 2px solid #dadada; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada;
border-collapse: collapse; }
.tbl_act th{text-align: center; vertical-align: middle; background-color: #f4f4f4; border-bottom: 1px solid #dadada;}
.tbl_act td{padding: 12px 9px; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-left: -1px; vertical-align: middle; word-wrap: break-word; word-break: keep-all;
color: #555; text-align: left;}











