@charset "utf-8";

/* ==========================================================================
   Base styles & Helper
   ========================================================================== */
/* common */
html {height: 100%;}
body {position: relative; min-height: 100%; font-family:SamsungIFRg,Microsoft YaHei,微软雅黑,Simsun,宋体,sans-serif; font-size:15px; color:#72767e; /* letter-spacing:-0.025em; */}
body:after {content:''; display: block; height: 452px;}
a {font-family:SamsungIFRg,Microsoft YaHei,微软雅黑,Simsun,宋体,sans-serif; font-size:15px; color:#72767e; text-decoration:none; /* letter-spacing:-0.025em; */ }
ul,
h1, h2, h3, h4, h5, h6,
address, p { margin:0; padding:0; font-family:SamsungIFRg,Microsoft YaHei,微软雅黑,Simsun,宋体,sans-serif;}
.skipNavigation {overflow:hidden; position: absolute; top: 0; left: 0; width: 100%; z-index: 9999;}
.skipNavigation a{display: block; overflow: hidden; width: 1px; height: 1px; margin: -1px 0 0 -1px; text-align: center; font-size: 0;}
.skipNavigation a:active,
.skipNavigation a:hover,
.skipNavigation a:focus {width: 100%; height: 15px; padding: 10px 0; color: #0072bc; font-size: 1em;  background:#d8f0ff; z-index: 9999;}

.btns-wrap { margin:15px 0 0 0; }
.btns-wrap button,
.btns-wrap a { margin-left:5px; }
.btns-wrap button:first-child,
.btns-wrap a:first-child { margin-left:0; }
.btns-wrap.btn-right { text-align:right; }
.btns-wrap.btn-left { text-align:left; }
.btns-wrap.btn-center { text-align:center; }

.modal-iframe-wrap { width:100%; height:600px; }
.modal-iframe-wrap iframe { width:100%; height:100%; border:0; }
.popup-iframe-con { padding:0 30px 10px 10px; }
.popup-iframe-con .btns-wrap { margin:0 0 10px 0; }

.relatives {position: relative;}

/* common form element */


/* ==========================================================================
   Layout
   ========================================================================== */
.wrapper, .header { width:100%; }
.wrapper {min-height: 100%; height: 100%; margin:0 0 -350px 0;  overflow: hidden; } /* top, footer modal layer 시 움직임 방지를 위한 작업, 후순위로 */
.container { min-width:1000px; min-height:100%; padding:225px 0 452px 0;  background:#f7f7f9; box-sizing: border-box;}

#contents { position: relative; width:100%; }
#contents > section:first-child .inner-section { padding:50px 0 0 0; }
#contents > div:first-child .inner-section { padding:50px 0 0 0; }
.layout-column2 #contents { float:right; width:76.5625%;}

.layout-column2 .post-option { background: none; }

.header .inner-wrap,
#footer .inner-wrap,
.container .inner-wrap,
.inner-section { clear:both; min-width:1000px; max-width:1280px; margin:0 auto; }

.container > .inner-wrap {padding:0 0 50px; }



/* header */
.header[role="banner"] { position:absolute; z-index:106; top: 0; height:171px; background:#fff; box-shadow:0 1px 1px #dcdcde;}
.header[role="banner"].affix { opacity: 0;
 /* -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;*/
}
.header[role="banner"].fixed {position:fixed; opacity: 1; box-shadow:0px 5px 5px 0px rgba(0,0,0,.1); }


	.header h1 {width:318px; height:28px; margin:0 auto; padding:22px 0 14px;}
	.header h1 a {display:block; height:100%; text-indent:-10000em; background:url("../img/gnb/logo_smc.png") no-repeat 0 0;}
	.header .inner-wrap {position:relative;}
	.header button {padding-left:22px; font-size:13px; color:#72767e; line-height:1em; border:0;}
	.header .global {position:absolute; left:5px; top:28px; z-index:105; height:16px; }
	.header .global .box-drop { display:none; position: absolute; margin: 4px 0 0 -8px; border: 1px solid #e3e3e3; background-color: #fff; }
	.header .global .box-drop ul { width: 100%;  margin: -4px 7px 4px 7px; padding-top: 15px; background: url("../img/gnb/bg_userGuide.png") no-repeat 6px 0;}
	.header .global .box-drop ul li { padding-left:20px; padding-right:20px;}
	.header .global .box-drop ul li a { font-size:13px; color:#44484f;}
	.header .global .box-drop ul li a:hover { text-decoration:underline; color:#4188ef;}
	.header .global .now-here {min-height:16px; text-transform:uppercase; background:url("../img/ico/ico_global_gray.png") transparent no-repeat 0 0;}
	.header .global .now-here span {padding-right:17px; background:url("../img/bul/bul_arrow_global.png") transparent no-repeat 100% 50%;}
	.header .global:hover .now-here, .header .global.active .now-here {color:#115bab; background:url("../img/ico/ico_global_blue.png") transparent no-repeat 0 0;}

	.header .header-util-guide {position:absolute; right:5px; top:28px; z-index:106;}
	.header .header-util-guide button {min-height:16px; font-size:14px; background:url("../img/ico/ico_guide_gray.png") transparent no-repeat 0 0;}
	.header .header-util-guide:hover button, .header .header-util-guide.active button {color:#115bab; background:url("../img/ico/ico_guide_blue.png") transparent no-repeat 0 0;}
	.header .header-util-guide .box-drop { display:none; position:absolute; margin:4px 0 0 -8px; border:1px solid #e3e3e3; background-color:#fff;}
	.header .header-util-guide .box-drop ul {width:100%; margin:-4px 7px 4px 7px; padding-top:15px; background:url("../img/gnb/bg_userGuide.png") no-repeat 6px 0;}
	.header .header-util-guide .box-drop li {padding-bottom:8px;}
	.header .header-util-guide .box-drop a {display:block; min-height:16px; padding-left:22px; font-size:13px; white-space:nowrap; color:#44484f;}
	.header .header-util-guide .box-drop a:hover {color:#115bab;}
	.header .header-util-guide .box-drop .contact a {background:url("../img/ico/ico_phone_gray.png") no-repeat 0 50%;}
	.header .header-util-guide .box-drop .contact a:hover {background:url("../img/ico/ico_phone_blue.png") no-repeat 0 50%;}
	.header .header-util-guide .box-drop .location a {background:url("../img/ico/ico_location_gray.png") no-repeat 0 50%;}
	.header .header-util-guide .box-drop .location a:hover {background:url("../img/ico/ico_location_blue.png") no-repeat 0 50%;}
	.header .header-util-guide .box-drop .concierge a {background:url("../img/ico/ico_concierge_gray.png") no-repeat 0 50%;}
	.header .header-util-guide .box-drop .concierge a:hover {background:url("../img/ico/ico_concierge_blue.png") no-repeat 0 50%;}
	.header .header-util-guide .box-drop .parking a {background:url("../img/ico/ico_parking_gray.png") no-repeat 0 50%;}
	.header .header-util-guide .box-drop .parking a:hover {background:url("../img/ico/ico_parking_blue.png") no-repeat 0 50%;}


	.header .box-drop.show { display:block; }

/* gnb */

.menubar { height:75px; text-align: center; border-top:1px solid #e5e5e7; }
   .menu-parent {display: inline-block; width:176px; text-align:center; box-sizing:border-box; }

      .menu-parent a[role="menuitem"] {display: inline-block; margin:0 -2px; padding:26px 15px 21px 15px; font-size:19px; border-bottom: 3px solid transparent; }
      .menu-parent a[role="menuitem"] em {display: block; overflow: hidden; text-indent: -999px; font-style:normal; height: 25px; background-repeat: no-repeat; background-position: 50% -22px; }
      .menu-parent a[role="menuitem"].active,
      .menu-parent a[role="menuitem"]:hover {border-bottom-color: #3378c1;}
      .menu-parent a[role="menuitem"].active em,
      .menu-parent a[role="menuitem"].current em,
      .menu-parent a[role="menuitem"]:hover em {background-position: 50% 2px; }

/* Old
.menubar { height:75px; text-align: center; border-top:1px solid #e5e5e7; }
   .menu-parent {display: inline-block; margin:0 42px; text-align: left; }

      .menu-parent a[role="menuitem"] {display: block; margin:0 -2px; padding:25px 15px 21px 15px; font-size:19px; border-bottom: 3px solid transparent; }
      .menu-parent a[role="menuitem"] em {display: block; overflow: hidden; text-indent: -999px; font-style:normal; height: 25px; background-repeat: no-repeat; background-position: 0 -26px; }
      .menu-parent a[role="menuitem"].active,
      .menu-parent a[role="menuitem"]:hover {border-bottom-color: #3378c1;}
      .menu-parent a[role="menuitem"].active em,
      .menu-parent a[role="menuitem"].current em,
      .menu-parent a[role="menuitem"]:hover em {background-position: 0 0; }
*/

      #gnb_menu_A em {width: 77px; background-image: url(../img/gnb/gnb-A.png); }
      #gnb_menu_B em {width: 40px; background-image: url(../img/gnb/gnb-B.png); }
      #gnb_menu_C em {width: 40px; background-image: url(../img/gnb/gnb-C.png); }
      #gnb_menu_D em {width: 40px; background-image: url(../img/gnb/gnb-D.png); }
      #gnb_menu_E em {width: 40px; background-image: url(../img/gnb/gnb-E.png); }
      #gnb_menu_F em {width: 40px; background-image: url(../img/gnb/gnb-F.png); }
      #gnb_menu_G em {width: 119px; background-image: url(../img/gnb/gnb-G.png); }

.menu-panel {position: absolute; z-index:102; top:140px; width:100%; display: none; background: #FFF; text-align: center; }
.menu-panel.expanded {display: block; box-shadow:0px 5px 5px 0px rgba(0,0,0,.1); box-shadow:0px 5px 5px 0px rgba(0,0,0,.1);}
.menu-panel .inner-wrap { width:1280px; margin:0 auto; border-top: 1px solid #ebeced; }
   .sub-menu {display: inline-block; vertical-align: top; padding: 20px 20px; width: 176px; text-align: left; box-sizing: border-box; }
   .sub-menu:before {position: absolute; z-index: 0; content:""; top: 0; bottom: 0; margin-left: -24px; width: 183px; border-left:1px solid #ebeced;}
   .sub-menu.active:before {background-color: #f7f7f9;}
   .sub-menu:first-child:before { border:0; }
   .sub-menu li {position: relative;}
   .sub-menu a[role="menuitem"] { display:inline-block; margin:9px 0 0 0; padding:0 0 2px; font-size: 16px; font-weight:bold; line-height:18px; color: #3378c1; border-bottom: 1px solid transparent;}
   .sub-menu li:first-child a[role="menuitem"] { margin-top:0; }

   .inner-menu { margin:3px 0 4px 0; }
   .inner-menu li { padding-left:10px; }
   .inner-menu a { display:inline-block; font-size:15px; color:#585858; line-height:16px; }
   .inner-menu a:before { position: absolute; margin-left: -8px; margin-top:7px; font:normal 10px/10px arial; content:"\2022"; }

   .sub-menu a[role="menuitem"]:hover,
   .inner-menu a:hover { color: #41c1c2; text-decoration:underline;}


/* gnb-location */
  .inner-wrap.bg-transparent {position: relative; z-index:101; background: transparent;}
  .gnb-location {position: absolute; z-index:101; top:3px; left:0; right:0;}
  .breadcrumbs {font-size:13px; /*letter-spacing: -1px;*/}
    .breadcrumbs > li { float:left; display: block; margin: 0 3px; padding:0px 11px 3px 0; border:1px solid transparent; background: url(../img/gnb/link.png) 100% -185px no-repeat;}
    .breadcrumbs > li:first-child {padding-left: 0;}
    .breadcrumbs > li:last-child {background-image:none;}
    .breadcrumbs li a {display: block; padding:0 13px 3px 2px; font-size:13px; color: #1b1d21;}
    .breadcrumbs li a.location-home {padding-right:2px; width:30px;}
    .breadcrumbs li a.location-label { margin-left:11px; }
    .breadcrumbs li a.current { color: #115bab;}
    .breadcrumbs li a.location-home .sound-only {position: absolute; left:-9999px;}
    .breadcrumbs li a.location-home i.ico-location {display: inline-block; margin:0 5px; width: 12px; height: 12px; background:url( ../img/gnb/link.png) 0 -162px no-repeat; }
    .breadcrumbs li a.location-label i.ico-location-expand {display:inline-block; vertical-align: top; margin:7px 5px 0; width:8px; height:5px; background:url(../img/gnb/ico_expand_location.png) 100% 0 no-repeat;}

    .breadcrumbs ul.location-child { display: none; }
    .breadcrumbs > li.expanded { /* background:none; *//*box-shadow: 0 10px 25px 10px rgba(255,255,255,.5);*/}
    .breadcrumbs > li.expanded a.location-label {color: #115bab; }
    .breadcrumbs > li.expanded a.location-label i.ico-location-expand {background-position:0 -15px; }

    .breadcrumbs > li.expanded ul.location-child {  position:absolute;  display: inherit; margin-top:5px; padding:5px 11px 3px 11px; border:1px solid #eaebef; background: #fff;}
    .breadcrumbs > li.expanded ul.location-child a {}
    .breadcrumbs > li.expanded ul.location-child a.current {color: #115bab; background:url(../img/gnb/link.png) 100% -297px no-repeat;}
    .breadcrumbs > li.expanded ul.location-child a:hover {color: #115bab;}

/* 본원 동일 스타일 의 경우 사용
  .inner-wrap.bg-transparent {position: relative; z-index:101; background: transparent;}
  .gnb-location {position: absolute; z-index:101; top:3px; left:0; right:0;}
  .breadcrumbs {font-size:13px; letter-spacing: -1px;}
    .breadcrumbs > li {float:left; display: block; margin: 0 3px; padding:0px 11px 3px 11px; border:1px solid transparent; background: #FFF url(../img/gnb/link.png) 100% -185px no-repeat;}
    .breadcrumbs > li:first-child {padding-left: 0;}
    .breadcrumbs > li:last-child {background-image:none;}
    .breadcrumbs li a {display: block; padding:0 13px 3px 2px; font-size:13px; color: #1b1d21;}
    .breadcrumbs li a.location-home {padding-right:2px; width:30px;}
    .breadcrumbs li a.location-label {}
    .breadcrumbs li a.current { color: #115bab;}
    .breadcrumbs li a.location-home .sound-only {position: absolute; left:-9999px;}
    .breadcrumbs li a.location-home i.ico-location {display: inline-block; margin:0 5px; width: 12px; height: 12px; background:url( ../img/gnb/link.png) 0 -162px no-repeat; }
    .breadcrumbs li a.location-label i.ico-location-expand {display:inline-block; vertical-align: top; margin:7px 5px 0; width:8px; height:5px; background:url(../img/gnb/ico_expand_location.png) 100% 0 no-repeat;}

    .breadcrumbs ul.location-child {display: none;}
    .breadcrumbs > li.expanded { border-color:#eaebef; background-image:none; box-shadow: 0 10px 25px 10px rgba(255,255,255,.5);}
    .breadcrumbs > li.expanded a.location-label {color: #115bab; }
    .breadcrumbs > li.expanded a.location-label i.ico-location-expand {background-position:0 -15px; }
    .breadcrumbs > li.expanded ul.location-child {display: inherit;}
    .breadcrumbs > li.expanded ul.location-child a {}
    .breadcrumbs > li.expanded ul.location-child a.current {color: #115bab;background:url(../img/gnb/link.png) 100% -297px no-repeat;}
    .breadcrumbs > li.expanded ul.location-child a:hover {color: #115bab;}
 */


  /* header-fixed */
    .header-fixed { position: absolute; z-index:105; left:0; right:0; padding:5px 0;  height: 40px; background-color: #989da2; box-sizing:border-box;
      opacity: 0;
      -webkit-transition: opacity .25s ease-in-out;
         -moz-transition: opacity .25s ease-in-out;
              transition: opacity .25s ease-in-out;
    }
    .header-fixed.affix-top {}
    .header-fixed.affix {position: fixed; top:0; opacity: .95;
      -webkit-transform: translateZ(0);
         -moz-transform: translateZ(0);
              transform: translateZ(0);
    }

    .header-fixed .inner-wrap {position: relative; clear: both; min-width: 1000px; max-width: 1280px; margin: 0 auto;}
    .header-fixed .header-menu-burger { vertical-align: middle; margin-right: 20px; padding:8px 0; width: 32px; height: 32px; background: none; border: none; box-sizing: border-box;}
      .header-fixed .sound-only {position: absolute; left: -9999px;}
      .header-fixed .ico-menu-burger {display: inline-block; width:20px; height: 15px; background: url(../img/gnb/ico_gnb.png) 0 -836px no-repeat;}
    .header-fixed em {vertical-align: middle; padding-right: 15px; font-style: normal; font-size:14px; color:#FFF; /* background:url(../img/gnb/ico_gnb.png) 100% -871px no-repeat; */}

	.header-fixed .header-toggle-link {padding-left:22px; font-size:13px; color:#72767e; line-height:1em; border:0;}
    .header-fixed .gnb-user-guide { position:absolute; top: 0; right:0; /*top:5px;*/}
		.header-fixed .gnb-user-guide .header-util-guide button {min-height:16px; font-size:14px; color:#fff;  background:url("../img/ico/ico_guide_white.png") transparent no-repeat 0 0;}
		.header-fixed .gnb-user-guide .header-util-guide:hover button, .header .guide.active button {color:#115bab; background:url("../img/ico/ico_guide_blue.png") transparent no-repeat 0 0;}
		.header-fixed .gnb-user-guide .header-util-guide .box-drop { display:none; position:absolute; margin:4px 0 0 -8px; border:1px solid #e3e3e3; background-color:#fff;}
		.header-fixed .gnb-user-guide .header-util-guide .box-drop ul {width:100%; margin:-4px 7px 4px 7px; padding-top:15px; background:url("../img/gnb/bg_userGuide.png") no-repeat 6px 0;}
		.header-fixed .gnb-user-guide .header-util-guide .box-drop li {padding-bottom:8px;}
		.header-fixed .gnb-user-guide .header-util-guide .box-drop a {display:block; min-height:16px; padding-left:22px; font-size:13px; white-space:nowrap; color:#44484f;}
		.header-fixed .gnb-user-guide .header-util-guide .box-drop a:hover {color:#115bab;}
		.header-fixed .gnb-user-guide .header-util-guide .box-drop .contact a {background:url("../img/ico/ico_phone_gray.png") no-repeat 0 50%;}
		.header-fixed .gnb-user-guide .header-util-guide .box-drop .contact a:hover {background:url("../img/ico/ico_phone_blue.png") no-repeat 0 50%;}
		.header-fixed .gnb-user-guide .header-util-guide .box-drop .location a {background:url("../img/ico/ico_location_gray.png") no-repeat 0 50%;}
		.header-fixed .gnb-user-guide .header-util-guide .box-drop .location a:hover {background:url("../img/ico/ico_location_blue.png") no-repeat 0 50%;}
		.header-fixed .gnb-user-guide .header-util-guide .box-drop .concierge a {background:url("../img/ico/ico_concierge_gray.png") no-repeat 0 50%;}
		.header-fixed .gnb-user-guide .header-util-guide .box-drop .concierge a:hover {background:url("../img/ico/ico_concierge_blue.png") no-repeat 0 50%;}
		.header-fixed .gnb-user-guide .header-util-guide .box-drop .parking a {background:url("../img/ico/ico_parking_gray.png") no-repeat 0 50%;}
		.header-fixed .gnb-user-guide .header-util-guide .box-drop .parking a:hover {background:url("../img/ico/ico_parking_blue.png") no-repeat 0 50%;}


		.header-fixed .gnb-user-guide .box-drop.show { display:block; }

/* footer */
#footer {position:absolute; bottom: 0; left: 0; right: 0; z-index:102; clear:both; height:450px; padding:40px 0 50px; min-width:1000px; font-size:13px; color:#a3a7af; background:#595f6a; border-top:1px solid #464b55; box-shadow: inset 0 1px 2px #4f5560;}
#footer.expanded {z-index:110;}
	#footer a {font-size:13px; color:#a3a7af;}
	#footer .inner-wrap:after {content:""; clear:both; display:block;}
	#footer .out-link {float:left;}
	#footer .out-link a:hover {color:#fff; text-decoration:underline;}
	#footer .out-link .box-link {float:left; height:100%; padding:0 42px; border-left:1px solid #6a6f79;}
	#footer .out-link .box-link:first-child {padding-left:0; border-left:0 none;}
	#footer .out-link .box-link strong {display:block; margin-bottom:18px; font-weight:normal; color:#fff; line-height:1em;}
	#footer .out-link .box-link strong.current {color:#53c5e6; text-decoration:underline; }
	#footer .out-link .box-link li {margin-bottom:10px; line-height:1em;}
	#footer .out-link .box-link section {margin-bottom:29px;}
	#footer .out-link .box-link section:last-child {margin-bottom:0;}
	#footer .out-link .box-link section:hover strong {color:#53c5e6; text-decoration:underline; }
	#footer .info-copyright {float:right; font-size:12px; color:#b9bdc4; text-align:right;}
	#footer .info-copyright .title-smc {display:block; font-weight:normal; margin-bottom:15px; font-size:18px; color:#fff; line-height:1em; letter-spacing:normal; text-transform:uppercase;}
	#footer .info-copyright address {margin-bottom:35px; font-style:normal; font-size:12px;}
	#footer .info-copyright address .phone-num {padding-left:20px; background:url("../img/ico/ico_footer_phone.png") transparent no-repeat 0 50%; background-size:13px auto; -webkit-background-size:13px auto;}
	#footer .info-copyright .link-to {display:block; margin-bottom:38px;}
	#footer .info-copyright .link-to li {display:inline-block; margin-left:8px;}
	#footer .info-copyright .link-to button {width:38px; height:38px; text-align:left; text-indent:-10000px; border:2px solid #858991; border-radius:20px 20px; -webkit-border-radius:20px 20px; }
	#footer .info-copyright .link-to button.btn-ico-contact {background:url("../img/ico/ico_footer_phone.png") transparent no-repeat 50% 50%;}
	#footer .info-copyright .link-to button.btn-ico-location {background:url("../img/ico/ico_footer_location.png") transparent no-repeat 50% 50%;}
	#footer .info-copyright .link-to button.btn-ico-hotels {background:url("../img/ico/ico_footer_hotels.png") transparent no-repeat 50% 50%;}
	#footer .info-copyright .rights {display:inline-block; padding-left:10px; line-height:1em; text-transform:uppercase; background:url("../img/bul/bul_arrow_footer.png") no-repeat 0 50%;}
	#footer .info-copyright .copy {display:block; margin-top:20px; text-transform:uppercase;}

/* GNB site navigation */

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
@media only screen and (min-width: 35em) {}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dppx) {}

@media all and (max-width: 1359px) {
	.inner-wrap,
	.inner-section { width:1024px; }

	#footer .out-link .box-link {float:left; height:100%; padding:0 30px;}

	/* gnb */
	.menu-parent { margin:0; width: 139px;}
	.menu-panel .inner-wrap { width:1024px; }
	.sub-menu { width:138px; padding-left:10px; padding-right:10px; }
	.sub-menu:first-child {width:146px;}
	.sub-menu:before { width:146px; margin-left:-12px; }
	.sub-menu:first-child:before {width:150px;}

}

@media all and (max-width: 1040px) { /* +16 */
	.menu-parent { margin:0; width: 136px;}
	.inner-wrap,
	.inner-section {width:1000px;}
	.menu-panel .inner-wrap { width:1000px; }
    .sub-menu { width:134px; padding-left:10px; padding-right:10px; }
    .sub-menu:before {width:141px;}
}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
}