@charset "utf-8";

@font-face {
	font-family: 'icomoon';
	src: url('../../aramskin/design/uf2smart88/icomoon/icomoon.eot');
	src: url('../../aramskin/design/uf2smart88/icomoon/icomoon.eot') format('embedded-opentype'),
		url('../../aramskin/design/uf2smart88/icomoon/icomoon.ttf') format('truetype'),
		url('../../aramskin/design/uf2smart88/icomoon/icomoon.woff') format('woff'),
		url('../../aramskin/design/uf2smart88/icomoon/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'voice_icomoon';
	src: url('../../aramskin/design/skin/voice_guide/icomoon.eot');
	src: url('../../aramskin/design/skin/voice_guide/icomoon.eot#iefix') format('embedded-opentype'),
		url('../../aramskin/design/skin/voice_guide/icomoon.woff') format('woff'),
		url('../../aramskin/design/skin/voice_guide/icomoon.ttf') format('truetype'),
		url('../../aramskin/design/skin/voice_guide/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'icomoon_slider';
	src: url('../../aramfarm/design/icomoon_slider/icomoon.eot');
	src: url('../../aramfarm/design/icomoon_slider/icomoon.eot#iefix') format('embedded-opentype'),
		url('../../aramfarm/design/icomoon_slider/icomoon.woff') format('woff'),
		url('../../aramfarm/design/icomoon_slider/icomoon.ttf') format('truetype'),
		url('../../aramfarm/design/icomoon_slider/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Avant Garde Font */
@font-face {
	font-family: 'Avant Garde';
	font-weight: 400;
	font-style: normal;
	src: url('../design/font/itcavantgardestd-bk.eot');
	src: url('../design/font/itcavantgardestd-bk.eot') format('embedded-opentype'),
	url('../design/font/itcavantgardestd-bk.woff') format('woff'),
	url('../design/font/itcavantgardestd-bk.woff2') format('woff2');
}
@font-face {
	font-family: 'Avant Garde';
	font-weight: 600;
	font-style: normal;
	src: url('../design/font/itcavantgardestd-demi.eot');
	src: url('../design/font/itcavantgardestd-demi.eot') format('embedded-opentype'),
	url('../design/font/itcavantgardestd-demi.woff') format('woff'),
	url('../design/font/itcavantgardestd-demi.woff2') format('woff2');
}
@font-face {
	font-family: 'Avant Garde';
	font-weight: 800;
	font-style: normal;
	src: url('../design/font/itcavantgardestd-bold.eot');
	src: url('../design/font/itcavantgardestd-bold.eot') format('embedded-opentype'),
	url('../design/font/itcavantgardestd-bold.woff') format('woff'),
	url('../design/font/itcavantgardestd-bold.woff2') format('woff2');
}


body {font-family:'Avant Garde','Noto Sans','Nanum Gothic','Malgun Gothic',sans-serif}
#floating_11121 p span{font-family:'Avant Garde','Noto Sans','Nanum Gothic','Malgun Gothic',sans-serif !important;}

@keyframes voice_animation{
	from{color:#168fff}
	50%{color:#16b5ff}
	to{color:#168fff}
}

/* Layout */
#viewport{min-height:100%;background:#ffffff}
#viewport>#main_view,
#viewport>#sub_view{max-width:100%;width:100%}

/* header */
#header{position:relative;z-index:900;}
#header .logo h1{width:100%;margin:0;padding:0 75px 0 15px;font-size:0;box-sizing:border-box}
#header .logo h1 span{display:table;width:100%;table-layout:fixed}
#header .logo h1 span a{display:table-cell;height:50px;vertical-align:middle;text-align:left}
#header .logo h1 span a img{width:288px;max-height:30px;vertical-align:top}
#header .logo h1.logo_pc{display:none}
#header .logo button{position:absolute;top:0;width:35px;height:50px;margin:auto;padding:0;border:none;background:none;font-size:0}
#header .logo #toggle_search{right:40px}
#header .logo #toggle_search:before{content:'\e901';position:absolute;top:0;right:0;bottom:0;left:0;width:24px;height:24px;margin:auto;font-size:24px;font-family:'icomoon';color:#000000}
#header .logo #toggle_right{right:5px}
#header .logo #toggle_right:not(.on):before,
#header .logo #toggle_right:not(.on):after{content:'';display:block;position:absolute;right:0;left:0;top:0;bottom:0;width:24px;height:3px;margin:auto}
#header .logo #toggle_right:not(.on):before{top:-14px;width:24px;height:3px;background:#000000}
#header .logo #toggle_right:not(.on):after{bottom:-14px;width:24px;height:3px;background:#000000}
#header .logo #toggle_right:not(.on) span:before,
#header .logo #toggle_right:not(.on) span:after{content:'';display:block;position:absolute;left:0;top:0;bottom:0;right:0;width:24px;height:3px;margin:auto;background:#000000;transform:rotate(0deg)}
#header .logo #toggle_right.on:before{content:'\e918';position:absolute;top:0;right:0;bottom:0;left:0;width:18px;height:18px;margin:auto;font-family:'icomoon';font-size:18px;color:#000000}
#header .search_form{display:none;position:absolute;top:0;right:0;left:0;background:#fff}
#header .search_form fieldset{margin:0;padding:0;border:none}
#header .search_form legend{display:none}
#header .search_form .search_form_inner{position:relative;padding-right:80px}
#header .search_form span{display:block}
#header .search_form span input{box-sizing:border-box;width:100%;height:50px;margin:0;padding:0 15px;border:none;background:transparent;color:#666}
#header .search_form span input::placeholder{color:#999;opacity:1}
#header .search_form span input:-ms-input-placeholder{color:#999}
#header .search_form span input::-ms-input-placeholder{color:#999}
#header .search_form .btn_search{position:absolute;border:none;padding:0;top:0;right:40px;bottom:0;width:35px;height:50px;margin:0;padding:0;background:transparent;font-size:0}
#header .search_form .btn_search:before{content:'\e901';font-family:'icomoon';font-size:24px;color:#d9042d}
#header .search_form .btn_search_close{position:absolute;border:none;padding:0;top:0;right:5px;bottom:0;width:35px;height:50px;margin:0;padding:0;background:transparent;font-size:0}
#header .search_form .btn_search_close:before{content:'\e918';font-family:'icomoon';position:absolute;top:0;right:0;bottom:0;left:0;width:18px;height:18px;margin:auto;font-size:18px;color:#999}
#header .search_form.on{display:block}

/* footer */
#footer{overflow:hidden;position:relative;padding:15px 15px 20px;background-color:#333333;display:none}
#footer #btn_site_top{position:fixed;bottom:10px;right:10px;z-index:0;width:40px;height:40px;border:none;border-radius:50%;background:#d9042d;font-size:0;opacity:0;transition:all .2s ease-in-out}
#footer #btn_site_top:before{content:'\e917';font-family:'icomoon';font-size:16px;font-weight:bold;color:#fff}
#footer #btn_site_top.on{opacity:.6;z-index:1000}
#footer .flogo_m{display:block;height:25px;text-align:center}
#footer .flogo_m img{max-height:100%}
#footer .flogo_pc{display:none}
#footer .fnb{margin-bottom:5px}
#footer .fnb ul{display:block;margin:0;padding:0;list-style:none;font-size:0;text-align:center}
#footer .fnb ul li{display:inline-block}
#footer .fnb ul li a{display:inline-block;position:relative;height:30px;line-height:30px;padding:0 12px;font-size:12px;color:#777777;text-align:center;white-space:nowrap}
#footer .fnb ul li a:before{content:'';position:absolute;top:2px;bottom:0;left:0;width:1px;height:10px;margin:auto;background:#777777}
#footer .fnb ul li:first-child a:before{display:none}
#footer .finfo{box-sizing:border-box;font-size:0;text-align:center}
#footer .finfo p{display:inline-block;position:relative;line-height:16px;margin:0;padding:1px 6px;font-size:11px;color:#777777}
#footer .finfo p:before{content:'';position:absolute;top:0;bottom:0;left:0;width:2px;height:2px;margin:auto;opacity:.5}
#footer .finfo p.mobile_hide{display:none}
#footer .finfo a{color:#777777}
#footer .finfo .copyright{line-height:16px;padding:10px 0 0;font-size:12px;color:#777777}
#footer .finfo button{border:1px solid #aaa;border-radius:4px;box-shadow:inset 0 1px 0 white;background:#f6f6f6;font-size:12px;color:#555;text-align:center}

/* container */
#container .contents{min-height:350px}
#container .contents:after{content:'';display:block;overflow:hidden;clear:both}
#sub_view #container .contents_wrap .contents{padding:0 0 30px}

.bottom_slide_box{width:calc(100% - 32px);max-width:360px;margin:20px auto;border:1px solid #dedede}
.bottom_slide_box .board_list_slide .item>a{display:block;border:none}
.bottom_slide_box .board_list_slide .item>a img{vertical-align:top}
.bottom_slide_box .owl-nav{-webkit-tap-highlight-color:transparent}
.bottom_slide_box .owl-nav [class*='owl-']{position:absolute;bottom:0;z-index:2;width:14px;height:14px;border:1px solid #ccc;background:#ffffff;line-height:14px;font-size:0;text-align:center;opacity:1}
.bottom_slide_box .owl-nav [class*='owl-']:before{font-family:'icomoon_slider';font-size:10px;font-weight:bold;color:#ccc;line-height:14px}
.bottom_slide_box .owl-nav .owl-prev{left:}
.bottom_slide_box .owl-nav .owl-next{left:15px}
.bottom_slide_box .owl-nav .owl-prev:before{content:'\e600'}
.bottom_slide_box .owl-nav .owl-next:before{content:'\e601'}
.bottom_slide_box .owl-nav .disabled{opacity:0.5;cursor:default!important}
.bottom_slide_box .owl-dots{position:absolute;top:-32px;right:8px;font-size:0;box-sizing:border-box}
.bottom_slide_box .owl-dots .owl-dot{display:inline-block}
.bottom_slide_box .owl-dots .owl-dot span{display:block;width:8px;height:8px;margin:0 2px;background:#bbb;border-radius:30px;transition:opacity 200ms ease}
.bottom_slide_box .owl-dots .owl-dot.active span,
.bottom_slide_box .owl-dots .owl-dot:hover span{background:#d9042d}
.bottom_slide_box .board_slide_empty{padding:10px;font-size:13px;color:#999;text-align:center}
.bottom_slide_box.no_code{padding:10px;font-size:13px;color:#999;text-align:center}

/* sub page */
.shgroup{margin-bottom:20px;margin-top:20px}
.shgroup_m{display:block;position:relative;width:100%;height:40px;line-height:40px;margin:0;padding:0 40px;border:none;box-sizing:border-box;background:#d9042d;font-size:16px;color:#ffffff;text-align:center}
.shgroup_m span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
.shgroup_m i{display:block;position:absolute;top:0;left:0;width:40px;height:40px;font-size:0}
.shgroup_m i:before{content:'\e90b';position:absolute;top:0;left:0;width:40px;height:40px;font-family:'icomoon';font-size:16px;font-weight:bold;font-style:normal;color:#ffffff;line-height:40px;opacity:.5}
.m_snb{overflow:hidden;position:relative;height:40px;border-bottom:2px solid #d9042d;background:#ffffff}
.m_snb .m_snb_inner{overflow-x:auto;overflow-y:hidden;text-align:center}
.m_snb .dep1{box-sizing:border-box;display:inline-block;min-width:100%;margin:0;padding:0 5px;white-space:nowrap}
.m_snb .dep1>li{display:inline-block;margin:0;padding:0;list-style:none}
.m_snb .dep1>li>a{display:block;height:40px;line-height:40px;padding:0 10px;font-size:14px;font-weight:bold;color:#d9042d;text-align:center;letter-spacing:-.03em;opacity:.6}
.m_snb .dep1>li.on>a,
.m_snb .dep1>li:hover>a{opacity:1}
.m_snb i.prev{position:absolute;top:0;left:0;width:30px;height:40px;background:#ffffff;text-align:center}
.m_snb i.prev:before{content:'\e90b';font-family:'icomoon';font-size:14px;font-weight:bold;font-style:normal;color:#d9042d;line-height:40px;opacity:1}
.m_snb i.prev:hover:before{opacity:.8}
.m_snb i.next{position:absolute;top:0;right:0;width:30px;height:40px;background:#ffffff;text-align:center}
.m_snb i.next:before{content:'\e916';font-family:'icomoon';font-size:14px;font-weight:bold;font-style:normal;color:#d9042d;line-height:40px;opacity:1}
.m_snb i.next:hover:before{opacity:.8}

/* Mobile viewport - PC content display none */
.gnb_p,
.lnb_p,
.side_wrap,
.side_banner_box,
.shgroup_pc{display:none}

/* PC CSS */
@media all and (min-width:1024px){

	/* 음성안내 */
	#voice_guide_wrap{display:inline-block;vertical-align:top}
	#voice_guide_wrap a{display:none;width:16px;height:20px;line-height:20px;font-size:0;text-align:center}
	#voice_guide_wrap a>span{position:absolute;top:-9999px;left:-9999px;text-indent:-9999px}
	#voice_guide_wrap a:before{font-family:'voice_icomoon';font-size:16px}
	#voice_guide_wrap.off a.state_voice_on{display:inline-block}
	#voice_guide_wrap.on a.state_voice_off{display:inline-block}
	#voice_guide_wrap a.state_voice_on:before{content:'\e903';color:#168fff;transition:all 0.1s ease;animation-name:voice_animation;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:step-end}
	#voice_guide_wrap a.state_voice_off:before{content:'\e902';color:#87909c}

	/* PC viewport - Mobile content display none */
	#header .logo button,
	.m_snb,
	.shgroup_m,
	.bottom_slide_box{display:none}

	/* PC display:block */
	.lnb_p,
	.gnb_p,
	.side_wrap,
	.side_banner_box,
	.shgroup_pc{display:block}

	/* PC 화면 넓이값을 가진 센터유지 */
	/*#viewport {margin:0 auto;max-width:1200px}*/
	#header>.h_inner,
	.gnb_p .gnb_inner,
	.lnb_p .lnb_inner,
	.contents_wrap,
	#footer>.f_inner{margin:0 auto;max-width:1200px}
	.row>.white-space{max-width:1200px!important}

	/* mypage  서브 네비게이션 넓이값 */
	#container .contents_wrap{box-sizing: border-box;
    /* padding: 20px 0 0; */
    position: relative;
    margin-top: -10px;}
	#container .contents_wrap:after{clear:both;content:'';display:block}
	#container .contents_wrap .side_wrap{display:none;box-sizing: border-box;
    float: right;
    /* max-width: calc(1800px - 120px); */
    width: 100%;
    padding-left: 15px;
    width: 180px;
    position: absolute;
    right: 165px;}
	#container .contents_wrap .contents{overflow:hidden;float:left;width:1200px;min-height:550px;margin-top:-8px}
	#sub_view #container .contents_wrap{padding-bottom:50px}
	#sub_view #container .contents_wrap .contents{padding:0}
        
        #header {height:146px;}
	#sub_view #header {height:146px;}
	#header>.h_inner{height:80px;position:relative;background-repeat:no-repeat;vertical-align:middle;margin-top:30px;}
	#header .logo h1{width:auto;padding:0}
	#header .logo h1 span{width:auto}
	#header .logo h1 span a{height:90px}
	#header .logo h1 span a img{max-height:140px}
	#header .logo h1.logo_m{display:none}
	#header .logo h1.logo_pc{display:table; margin:auto; text-align:center;}
	#header .search_form{display:block;top:80px;left:25.45%;width:587px;border:1px solid #c11519;margin-top:10px}
	#header .search_form .search_form_inner{padding-right:34px}
	#header .search_form span input{height:34px}
	#header .search_form .btn_search{right:0;width:34px;height:34px}
	#header .search_form .btn_search_close{display:none}
	#header .left_dep {margin-top:0px;}
	#header .left_dep ul {margin:0; padding:0;}
	#header .left_dep ul li {list-style: none;
    float: left;
    background: #000;
    color: #fff;
    width: 132px;
    height: 35px;line-height:35px; text-align:center;}
	#header .left_dep ul li:first-child {margin-right:20px;}
	#header .left_dep ul li a {font-family:'Avant Garde','Noto Sans','Nanum Gothic','Malgun Gothic',sans-serif;color:#fff;vertical-align: middle;}

	#header .right_dep { float:right;}
	#header .right_dep ul {margin:0; padding:0;}
	#header .right_dep ul li {list-style: none;
    float: left;
    background: #000;
    color: #fff;
    width: 132px;
    height: 35px;line-height:35px; text-align:center;}
	#header .right_dep ul li:first-child {margin-right:20px;}
	#header .right_dep ul li a {font-family:'Avant Garde','Noto Sans','Nanum Gothic','Malgun Gothic',sans-serif;color:#fff;vertical-align: middle;}


       #header .menu {font-family:'itcavantgardestd'}
       #header .menu ul {margin-top:55px; padding:0;}

       #header .menu ul li {float: left;
    width: 130.5px;
    list-style: none;
    height: 130px;
    border: 1px solid #757575;
    margin-left: 20px;
    /* text-align: center; */
    font-size: 0;}

       #header .menu ul li a {width: 130px;
    height: 130px;
    font-size: 16px;
    vertical-align: middle !important;
    text-align: center;
    display: table-cell;} 
       #header .menu ul li a p {font-family:'Avant Garde','Noto Sans','Nanum Gothic','Malgun Gothic',sans-serif;}
       #header .menu ul li:first-child {margin-left:0;}


	.header_slide {display:block !important;position:absolute !important;width:135px !important;height:165px;margin:0 auto; z-index:99999999 !important;border:1px solid #000;top:42px}
        .header_slide a {border:none}
	.header_slide .item {position:relative}
	.header_slide .item img {width:135px !important; height:165px;}
	.header_slide .owl-nav {-webkit-tap-highlight-color:transparent}
	.header_slide .owl-nav {position:absolute;right:0;bottom:0px;font-size:0}
	.header_slide .owl-nav:after {content:'';display:block;clear:both}
	.header_slide .owl-nav [class*='owl-'] {display:inline-block;z-index:2;width:14px;height:14px;line-height:16px;border:1px solid #e9e9e9;background:#fff;text-align:center}
	.header_slide .owl-nav [class*='owl-']:before {font-family:'icomoon';font-size:9px;font-weight:bold;color:#999999}
	.header_slide .owl-nav .owl-prev {margin-right:-1px}
	.header_slide .owl-nav .owl-prev:before {content:'\e90b'}
	.header_slide .owl-nav .owl-next:before {content:'\e916'}
	.header_slide .owl-nav .disabled {opacity:0.5;cursor:default !important}

               
        #sub_view .header_slide {display:block !important;position:absolute !important;width:135px !important;height:165px;margin:0 auto; z-index:99999999 !important;}
        #sub_view .header_slide a {border:none}
	#sub_view .header_slide .item {position:relative}
	#sub_view .header_slide .item img {width:135px !important; height:165px;}
	#sub_view .header_slide .owl-nav {-webkit-tap-highlight-color:transparent}
	#sub_view .header_slide .owl-nav {position:absolute;right:0;bottom:0px;font-size:0}
	#sub_view .header_slide .owl-nav:after {content:'';display:block;clear:both}
	#sub_view .header_slide .owl-nav [class*='owl-'] {display:inline-block;z-index:2;width:14px;height:14px;line-height:16px;border:1px solid #e9e9e9;background:#fff;text-align:center}
	#sub_view .header_slide .owl-nav [class*='owl-']:before {font-family:'icomoon';font-size:9px;font-weight:bold;color:#999999}
	#sub_view .header_slide .owl-nav .owl-prev {margin-right:-1px}
	#sub_view .header_slide .owl-nav .owl-prev:before {content:'\e90b'}
	#sub_view .header_slide .owl-nav .owl-next:before {content:'\e916'}
	#sub_view .header_slide .owl-nav .disabled {opacity:0.5;cursor:default !important}

       	.gnb_p{padding:0;border-bottom:1px solid #dedede;background-color:#f2f2f2;font-size:0;text-align:right;display:none}
	.gnb_p .new_date{display:inline-block;padding:0 20px 0 10px;font-size:12px;font-weight:bold;line-height:30px}
	.gnb_p ul{display:inline-block;margin:0;padding:0;list-style:none}
	.gnb_p ul li{display:inline-block}
	.gnb_p ul li a{box-sizing:border-box;display:inline-block;position:relative;height:30px;line-height:30px;padding:0 10px;border-right:1px solid #dedede;font-size:12px;color:#aaaaaa;letter-spacing:-.03em}
	.gnb_p ul li:first-child a{border-left:1px solid #dedede}
	.gnb_p ul li a:hover{color:#333}

	.lnb_p{display:none;background:#111111}
	.lnb_p .dep1{display:block;margin:0;padding:0 5px;list-style:none;box-sizing:border-box;white-space:nowrap;}
	.lnb_p .dep1:after{clear:both;content:'';display:block}
	.lnb_p .dep1>li{display:block;float:left}
	.lnb_p .dep1>li.lnb_home a{width:50px;background-color:#d9042d;font-size:0;box-sizing:border-box}
	.lnb_p .dep1>li.lnb_home a:before{content:'\e900';font-family:'icomoon';font-size:16px;color:#fff}
	.lnb_p .dep1>li>a{display:block;position:relative;height:50px;line-height:50px;padding:0 15px;font-size:14px;font-weight:bold;color:#ffffff;letter-spacing:-.03em;text-align:center;}
	.lnb_p .dep1>[role=toggle]>a{padding-right:35px}
	.lnb_p .dep1>[role=toggle]>a:before{content:'\e90a';position:absolute;top:0;right:10px;font-size:14px;font-family:'icomoon';color:#ffffff;opacity:.5}
	.lnb_p .dep1>li>div{display:none;position:absolute}
	.lnb_p .dep1>li.on>a,
	.lnb_p .dep1>li:hover>a{background-color:#d9042d;color:#ffffff}
	.lnb_p .dep1>li:hover>div{display:block}
	.lnb_p .dep2{display:block;min-width:180px;margin:0;padding:0;list-style:none;box-shadow:2px 2px 5px rgba(0,0,0,.5)}
	.lnb_p .dep2:after{clear:both;content:'';display:block}
	.lnb_p .dep2>li{display:block;padding:0}
	.lnb_p .dep2>li>a{display:table;width:100%;height:40px;line-height:40px;padding:0 15px 0 20px;background-color:#fff;font-size:14px;color:#777777;opacity:1;text-align:left;box-sizing:border-box}
	.lnb_p .dep2>li>a .dep2_icon{display:table-cell;width:16px;height:40px;vertical-align:middle}
	.lnb_p .dep2>li>a .dep2_icon img{width:10px}
	.lnb_p .dep2>li>a .dep2_subject{display:table-cell;height:40px;vertical-align:middle}
	.lnb_p .dep2>li.on>a,
	.lnb_p .dep2>li:hover>a{background-color:#f2f2f2;color:#444}
        
       
	#footer{padding:35px 0 35px; background:#fff; border-top:0px solid #ccc; position:relative;}
	#footer .footer_box {width:1200px; margin:0 auto;}
	#footer .footer_box ul {margin:0; padding:0;}
	#footer .footer_box ul > li {list-style:none; border:1px solid #000; float:left; width:123.5px; height:0px; margin-left:20px; padding-top:10px; padding-left:7px; font-size:14.5px; letter-spacing:-0.3px;}
	#footer .footer_box ul > li:first-child {margin-left:0;}
	#footer .footer_box ul li a {}
	#footer .footer_box ul li > ul {margin-top:5px}
	#footer .footer_box ul li > ul > li {BORDER: none;    height: 20px;    width: 100%;    display: block; margin:0; padding:0;}
	#footer .footer_box ul li > ul > li > a {}
	#footer .left_ba {position:absolute; left:2%;}
	#footer .left_ba img {width:135px;}
	#footer .right_ba {position: absolute;  right:2%;}
	#footer .right_ba img {width:135px;}

	.side_login_box{position:relative;padding:10px;border:1px solid #dedede;background:#fff}
	.side_login_box h3{height:30px;line-height:30px;margin:0 0 15px;border-bottom:1px solid #dedede;font-size:16px;color:#000}
	.side_login_box h3 span{display:inline-block;position:relative}
	.side_login_box h3 span:after{content:'';position:absolute;right:0;bottom:-1px;left:0;border-bottom:1px solid #d9042d}
	.side_login_box .side_login_form{position:relative;margin:0;padding:0;border:none;background:none}
	.side_login_box .side_login_form legend{position:absolute;top:-9999px;left:-9999px;height:0;font-size:0;line-height:0;text-indent:-9999px}
	.side_login_box .side_login_form .login_form_cont{margin:0;padding:0}
	.side_login_box .side_login_form .login_form_cont li{margin:6px 0 0;padding:0;font-size:0;list-style-type:none}
	.side_login_box .side_login_form .login_form_cont li:first-child{margin-top:0}
	.side_login_box .side_login_form .login_form_cont li input[type=text],
	.side_login_box .side_login_form .login_form_cont li input[type=password]{display:inline-block;box-sizing:border-box;width:calc(100% - 30px);height:30px;padding:0 6px;border:1px solid #bbb;background:#fff;font-size:11px;color:#777;vertical-align:top}
	.side_login_box .side_login_form .login_form_cont li input+i{display:inline-block;width:30px;height:30px;line-height:30px;border:1px solid #bbb;border-left-width:0;background-color:#dedede;box-sizing:border-box;text-align:center}
	.side_login_box .side_login_form .login_form_cont li input+i:before{font-family:'icomoon';font-size:14px;font-style:normal;color:#999}
	.side_login_box .side_login_form .login_form_cont li input[type=text]+i:before{content:'\e905'}
	.side_login_box .side_login_form .login_form_cont li input[type=password]+i:before{content:'\e909'}
	.side_login_box .side_login_form .login_form_btn button[type=submit]{display:block;width:100%;height:30px;margin:6px 0 0;padding:0;border:none;background:#d9042d;font-size:12px;color:#ffffff;text-align:center}
	.side_login_box .side_login_btns{margin-top:8px;font-size:0;text-align:center}
	.side_login_box .side_login_btns>label{display:block;float:left;font-size:12px;line-height:20px}
	.side_login_box .side_login_btns>label input[type=checkbox]{position:relative;top:2px;margin:0 2px 0 0}
	.side_login_box .side_login_btns>label span{display:inline-block;font-family:'돋움','dotum';font-size:11px;line-height:13px}
	.side_login_box .side_login_btns:after{content:'';display:block;clear:both}
	.side_login_box .side_login_btns>span{float:right}
	.side_login_box .side_login_btns>span>a{position:relative;margin-left:5px;padding-left:6px;font-size:11px;color:#777;line-height:20px}
	.side_login_box .side_login_btns>span>a:before{content:'';position:absolute;top:0;bottom:0;left:0;width:1px;height:9px;margin:auto 0;background:#dbdbdb}
	.side_login_box .side_login_btns>span>a:first-child:before{display:none}
	.side_login_box .side_login_btns>span>a.point_btn{font-weight:bold;color:#d9042d}
	.side_login_box .side_login_info{margin:0 0 10px;padding:10px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede}
	.side_login_box .side_login_info:after{content:'';display:block;clear:both}
	.side_login_box .side_login_info li{box-sizing:border-box;float:left;width:50%;margin:0;padding:0;border:1px solid #dedede;font-size:12px;color:#000;list-style-type:none;text-align:center}
	.side_login_box .side_login_info li:not(:first-child){border-left-width:0}
	.side_login_box .side_login_info li>span{display:block;font-size:11px;color:#999;line-height:30px}
	.side_login_box .side_login_info li>strong{display:block;font-size:14px;color:#333;line-height:30px}
	.side_login_box .side_login_info li:not(:first-child)>strong{color:#d9042d}
	.side_login_box .login_name{margin:0;padding:0}
	.side_login_box .login_name strong{margin-right:3px;font-size:16px;color:#000}
	.side_login_box .login_name span{display:inline-block;position:relative;height:30px;line-height:30px;font-size:13px;color:#999}
	.side_login_box .login_name span:after{content:'';position:absolute;right:0;bottom:0;left:0;border-bottom:1px solid #d9042d}
	.side_login_box .logged_btn:after{content:'';display:block;clear:both}
	.side_login_box .logged_btn a{display:block;width:calc(50% - 4px);height:30px;line-height:30px;padding:0;font-size:12px;text-align:center}
	.side_login_box .logged_btn a:first-child{float:left;border:1px solid #dedede;background-color:#fff;color:#333}
	.side_login_box .logged_btn a:last-child{float:right;border:none;background-color:#d9042d;color:#ffffff}
	.side_login_box .form_msg_btn{display:inline-block;position:absolute;top:12px;right:10px;height:20px;margin:0;padding:0 5px;border:1px solid #dedede;border-radius:2px;background:#fbfbfb;font-size:12px;line-height:20px}

	.side_board_box{margin-top:20px}
	.side_board_box .side_board_tab{position:relative;margin:0 0 11px;padding:0;border-bottom:1px solid #d9042d;font-size:13px;font-weight:bold;color:#000}
	.side_board_box .side_board_tab:after{content:'';display:block;clear:both}
	.side_board_box .side_board_tab span{display:block;float:left;width:50%;height:32px;line-height:32px;color:#777;text-align:center;cursor:pointer}
	.side_board_box .side_board_tab span.on{background-color:#d9042d;color:#ffffff}
	.side_board_box .side_board_list ul{display:none;margin:0;padding:0}
	.side_board_box .side_board_list ul.on{display:block}
	.side_board_box .side_board_list li{margin:5px 0 0;padding:2px 0;list-style-type:none}
	.side_board_box .side_board_list li:first-child{margin-top:0}
	.side_board_box .side_board_list li>a{display:block}
	.side_board_box .side_board_list li>a:hover{text-decoration:underline}
	.side_board_box .side_board_list li>a:after{content:'';display:block;clear:both}
	.side_board_box .side_board_list li>a .bd_num{display:block;float:left;width:16px;height:16px;margin-right:6px;font-size:11px;font-weight:bold;background-color:#999;color:#fff;line-height:16px;text-align:center}
	.side_board_box .side_board_list li:nth-child(1)>a .bd_num{background-color:#d7062d}
	.side_board_box .side_board_list li:nth-child(2)>a .bd_num{background-color:#f26c00}
	.side_board_box .side_board_list li:nth-child(3)>a .bd_num{background-color:#232e49}
	.side_board_box .side_board_list li>a .bd_subject{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:#555;line-height:16px}
	.side_board_box .side_board_list li.empty{padding:10px;font-size:13px;color:#999;text-align:center}
	.side_board_box.no_code{padding:10px;font-size:13px;color:#999;text-align:center}

	.side_member_box{margin-top:20px;padding:10px;background:#f5f6fb}
	.side_member_box .side_member_title{position:relative;margin:0;padding:0;font-size:13px;font-weight:bold;color:#000;line-height:1}
	.side_member_box .side_member_title .list_box_close{box-sizing:border-box;display:inline-block;position:absolute;top:0;right:0;bottom:0;width:14px;height:14px;margin:auto 0;border:1px solid #dedede;border-radius:3px;background:#fff;font-size:0;color:#999;text-align:center}
	.side_member_box .side_member_title .list_box_close:before{content:'';position:absolute;top:50%;left:50%;margin:-5px 0 0 -3px;border-width:3px;border-style:solid;border-color:transparent transparent #999 transparent}
	.side_member_box .side_member_list{box-sizing:border-box;overflow-y:auto;height:85px;margin-top:8px;padding:8px;border:1px solid #dedede;background:#fff}
	.side_member_box .side_member_list ul{margin:0;padding:0}
	.side_member_box .side_member_list ul li{margin:3px 0 0;padding:0;font-size:12px;color:#999;line-height:1.2em;list-style-type:none}
	.side_member_box .side_member_list ul li:first-child{margin-top:0}
	.side_member_box.box_close .side_member_title .list_box_close:before{margin:-2px 0 0 -3px;border-color:#999 transparent transparent transparent}
	.side_member_box.box_close .side_member_list{display:none}

	.side_count_box{margin-top:20px;padding:11px 12px;border:3px solid #eee}
	.side_count_box dl{margin:3px 0 0;padding:0}
	.side_count_box dl:first-child{margin-top:0}
	.side_count_box dl:after{content:'';display:block;clear:both}
	.side_count_box dl dt{float:left;margin:0;padding:0;font-family:'verdana';font-size:12px;color:#bbb;line-height:1.4em}
	.side_count_box dl dd{float:right;margin:0;padding:0;font-family:'verdana';font-size:12px;color:#555;text-align:right;line-height:1.4em}

	.side_slide_box{margin-top:20px;margin-bottom:60px;border:1px solid #dedede}
	.side_slide_box .board_list_slide .item>a{display:block;border:none}
	.side_slide_box .board_list_slide .item>a img{vertical-align:top}
	.side_slide_box .owl-nav{-webkit-tap-highlight-color:transparent}
	.side_slide_box .owl-nav [class*='owl-']{position:absolute;bottom:0;z-index:2;width:14px;height:14px;border:1px solid #ccc;background:#ffffff;line-height:14px;font-size:0;text-align:center;opacity:1}
	.side_slide_box .owl-nav [class*='owl-']:before{font-family:'icomoon_slider';font-size:10px;font-weight:bold;color:#ccc;line-height:14px}
	.side_slide_box .owl-nav .owl-prev{left:}
	.side_slide_box .owl-nav .owl-next{left:15px}
	.side_slide_box .owl-nav .owl-prev:before{content:'\e600'}
	.side_slide_box .owl-nav .owl-next:before{content:'\e601'}
	.side_slide_box .owl-nav .disabled{opacity:0.5;cursor:default!important}
	.side_slide_box .owl-dots{position:absolute;top:-32px;right:8px;font-size:0;box-sizing:border-box}
	.side_slide_box .owl-dots .owl-dot{display:inline-block}
	.side_slide_box .owl-dots .owl-dot span{display:block;width:8px;height:8px;margin:0 2px;background:#bbb;border-radius:30px;transition:opacity 200ms ease}
	.side_slide_box .owl-dots .owl-dot.active span,
	.side_slide_box .owl-dots .owl-dot:hover span{background:#d9042d}
	.side_slide_box .board_slide_empty{padding:10px;font-size:13px;color:#999;text-align:center}
	.side_slide_box.no_code{padding:10px;font-size:13px;color:#999;text-align:center}

	.side_banner_box {position: absolute;    top: -45px;     z-index: 9999;    max-height: 808px;    overflow: hidden;    left: -200px;text-align: center;display:none}
	.side_banner_box .item{width:180px;margin-bottom:20px}
	.side_banner_box .item:first-child {margin-top:10px;}
	.side_banner_box img{vertical-align:middle; height:178px;}

	.side_banner_box_r {position: absolute;    top: -45px;    right: -200px;    z-index: 9999;    max-height: 808px;    overflow: hidden;text-align: center;display:none}
	.side_banner_box_r .item{width:180px;margin-bottom:20px}
	.side_banner_box_r .item:first-child {margin-top:209px;}
	.side_banner_box_r img{vertical-align:middle; height:178px;}

	/* sub page */
	.shgroup_pc{display:block}
	.shgroup_pc:after{content:'';display:block;clear:both}
	.shgroup_pc .sub_top_title{float:left;height:40px;margin:0;padding:0;font-size:26px;color:#444444;line-height:40px}
	.shgroup_pc .sub_location{float:right;height:40px;line-height:40px;margin:0;padding:0;font-size:0}
	.shgroup_pc .sub_location .loc_home{display:inline-block;font-size:0;vertical-align:top}
	.shgroup_pc .sub_location .loc_home:before{content:'\e900';font-family:'icomoon';font-size:13px;color:#777}
	.shgroup_pc .sub_location .loc_arrow{display:inline-block;margin:0 4px;font-family:'돋움','dotum';font-size:11px;color:#777}
	.shgroup_pc .sub_location .loc_text{display:inline-block;font-size:12px;color:#777}

	.m_snb.mypage{display:block;margin-top:20px;border-top:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa}
	.m_snb.mypage{overflow:visible;height:auto}
	.m_snb.mypage .m_snb.mypage_inner{overflow:visible}
	.m_snb.mypage .dep1{box-sizing:border-box;display:block;min-width:auto;padding:5px}
	.m_snb.mypage .dep1:after{clear:both;content:'';display:block}
	.m_snb.mypage .dep1>li{display:block;float:left}
	.m_snb.mypage .dep1>li.m_snb.mypage_home{display:none}
	.m_snb.mypage .dep1>li>a{height:30px;line-height:30px;padding:0 10px;font-size:13px;color:#666;opacity:1}
	.m_snb.mypage .dep1>li.on>a,
	.m_snb.mypage .dep1>li:hover>a{color:#d9042d}
	.m_snb.mypage i.prev{display:none!important}
	.m_snb.mypage i.next{display:none!important}
}

@media all and (max-width:1400px){
	.side_banner_box {display:none}
}

/* MOBILE - 뷰포트 CSS */
@media all and (max-width:1023px){
	#viewport{position:relative;width:100%;overflow-x:hidden}
 	
        #viewport #header .left_dep {margin-top:0px;display:none} 
        #viewport #header .right_dep {margin-top:0px;display:none}
        #viewport #header .menu {margin-top:0px;display:none}  
        #viewport #header_slide {margin-top:0px;display:none}
        #viewport #container .side_banner_box_r {margin-top:0px;display:none}


        #viewport #header{position:fixed;left:0;top:0;width:100%;transition:all 300ms ease}
	#viewport #container{position:relative;z-index:100;padding-top:50px}
	#viewport #main_view,
	#viewport #sub_view{position:relative;left:0;top:0;transition:all 300ms ease}
	#viewport.app_view #container{padding-top:0}

	.viewport_side>h1{margin:0}
	.viewport_side>h1 a{display:block;position:relative;height:50px;line-height:50px;margin:0;padding:0 30px;background:#d9042d;font-size:14px;color:#ffffff;text-align:center}

	.side_menu_gnb{border-top:1px solid #e6e6e6;display:none}
	.side_menu_gnb .dep1{position:relative;margin:0;padding:0}
	.side_menu_gnb .dep1:before{content:'';position:absolute;bottom:0;right:0;left:0;width:100%;height:1px;background:#e6e6e6}
	.side_menu_gnb .dep1:after{content:'';display:block;clear:both}
	.side_menu_gnb .dep1>li{box-sizing:border-box;float:left;width:50%;margin:0;padding:0;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;list-style-type:none}
	.side_menu_gnb .dep1>li:nth-child(2n){border-left-width:0}
	.side_menu_gnb .dep1>li:nth-child(2n+1){clear:both}
	.side_menu_gnb .dep1>li>a{display:table;width:100%}
	.side_menu_gnb .dep1>li>a>span{display:table-cell;height:35px;padding:0 5px;font-size:13px;font-weight:bold;color:#666;text-align:center;line-height:1.3em;vertical-align:middle}

	.side_menu ul{margin:0;padding:0;list-style:none}
	.side_menu [role=toggle]>a:before{content:'\e90a';position:absolute;top:0;right:15px;font-size:13px;font-family:'icomoon';color:#999}
	.side_menu [role=toggle].active>a:before{content:'\e917';color:#ffffff}
	.side_menu [role=toggle].active>a{background-color:#d9042d;color:#ffffff}
	.side_menu .dep1>li>a{display:block;position:relative;height:40px;line-height:40px;padding:0 35px 0 15px;border-bottom:1px solid #eee;background:#fff;font-size:13px;font-weight:bold;color:#010101;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.side_menu .dep2{display:none}
	.side_menu .dep2>li>a{box-sizing:border-box;display:table;position:relative;width:100%;padding:0 15px 0 20px;border-bottom:1px solid #eee;background:#f7f7f7;font-size:13px;color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.side_menu .dep2>li>a .dep2_icon{display:table-cell;width:16px;height:40px;vertical-align:middle}
	.side_menu .dep2>li>a .dep2_icon img{width:10px}
	.side_menu .dep2>li>a .dep2_subject{display:table-cell;height:40px;vertical-align:middle}
	.side_menu .active .dep2{display:block}

	#viewport .viewport_side{box-sizing:border-box;visibility:hidden;overflow-y:auto;position:fixed;top:50px;width:250px;height:calc(100% - 50px);
		background:#ffffff
	;z-index:1300;transition:all 300ms ease}
	#viewport .viewport_side .right_side_header{box-sizing:border-box;height:50px;padding:12px 15px 0;background:#000;text-align:right}
	#viewport #right_side{right:-250px}
	#viewport.on.toggle_right #right_side{visibility:visible;right:0}
	#viewport #close_side{visibility:hidden;position:fixed;top:50px;left:0;bottom:0;left:0;z-index:1290;width:100%;height:calc(100% - 50px);box-sizing:border-box;border:none;background:none;text-align:left;text-indent:-9999px;background:rgba(0,0,0,0.6);opacity:0;transition:visibility 0s 0.3s,opacity 0s 0.3s}
	#viewport.on #close_side{visibility:visible;opacity:1;transition:visibiliy 0s 0s,opacity 0s 0s}
}

/* PC - 뷰포트 CSS */
@media all and (min-width:1024px){
	#viewport #left_side{display:none}
	#viewport #right_side{display:none}
	#viewport #close_side{display:none}
}