@charset "UTF-8";

/* font */
@font-face {
  /*font-family: 'SamsungOne-400';*/
    font-family: 'SamsungOne';
    font-weight: 400;
    src: url('../font/SamsungOne-400.eot'); /* IE9 Compat Modes */
    src: url('../font/SamsungOne-400.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/SamsungOne-400.woff') format('woff'), /* Modern Browsers */
         url('../font/SamsungOne-400_v1.0.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  /*font-family: 'SamsungOne-700';*/
    font-family: 'SamsungOne';
    font-weight: 700;
    src: url('../font/SamsungOne-700.eot'); /* IE9 Compat Modes */
    src: url('../font/SamsungOne-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/SamsungOne-700.woff') format('woff'), /* Modern Browsers */
         url('../font/SamsungOne-700_v1.0.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  /*font-family: 'SamsungOne-800';*/
    font-family: 'SamsungOne';
    font-weight: 800;
    src: url('../font/SamsungOne-800.eot'); /* IE9 Compat Modes */
    src: url('../font/SamsungOne-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/SamsungOne-800.woff') format('woff'), /* Modern Browsers */
         url('../font/SamsungOne-800_v1.0.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* reset */
html,body{height:100%}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
input,textarea,select,button,table{font-size:14px}
dt,dd,th,td{line-height:1.7em;font-weight:normal;text-align:left}
td div{line-height:normal}
img,fieldset{border:none}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:#000;text-decoration:none}
td a{color:#2e7dab}
td a:hover{color:#2c6279}
a:hover,a:active,a:focus{/*color:#3978e2*/}
img{vertical-align:top}
label input{margin-right:3px;vertical-align:middle}
td input,td select,td img{vertical-align:middle}
caption, legend{width:0;height:0;overflow:hidden;text-indent:-9999px}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
legend{display:none}
ol, ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
body{font-family:'SamsungOne', Arial, sans-serif;font-weight:400;font-size:15px;color:#222;line-height:1.2}

#skipnav{position:fixed;z-index:6000;left:0px;top:0px;width:100%}
#skipnav a{display:block;height:1px;overflow:hidden}
#skipnav a:focus, #skipnav a:active{width:100%;height:30px;color:#fff;font-weight:bold;line-height:30px;text-align:center;text-decoration:underline;background-color:#0d2da2}

/* common */

/* header */
#wrap{width:100%}
#header{width:100%;height:98px}
#header.newwin_header{height:75px;background:#fff}
#header .header_inner{position:relative;margin:0 auto;max-width:1440px;z-index:500}
.logo {position:absolute;top:28px;left:20px}
.logo a{display:block;width:222px;height:46px;overflow:hidden;background:url(../images/common/logo.png) no-repeat 0 0;text-indent:-9999em;cursor:pointer}
#header.newwin_header .logo {top:18px}
#header.newwin_header .logo a{background:url(../images/common/logo.png) no-repeat 0 0}
.gnb{float:right;margin-top:46px;margin-right:20px}
.menu{float:left}
.menu li{float:left;padding-left:36px}
.menu li:first-child{padding-left:0}
.menu li a{position:relative;font-weight:700;font-size:17px;color:#000}
.menu li a:hover, .menu li a:focus, .menu li a:active, .menu li a.on:hover, .menu li a.on:focus, .menu li a.on:active{color:#005cc3}
.menu li a.on{color:#222}
.menu li a.on::after{content:'';display:inline-block;position:absolute;top:50px;left:0;height:3px;width:100%;background-color:#0a7cd4}
.toplink{float:left}
.t_btn_login{display:inline-block;margin-left:70px;margin-top:-4px}
.t_btn_login a{display:inline-block;width:82px;height:26px;overflow:hidden;background-color:#1146d3;color:#fff;font-size:14px;text-align:center;line-height:26px}
.t_btn_login a:hover, .t_btn_login a:focus,.t_btn_login a:active{text-decoration:underline}

.menu_fix{position:fixed;top:0;z-index:900;height:62px !important;background-color:rgba(23,23,23,0.8) !important}
.menu_fix li a.on::after{content:'';display:inline-block;position:absolute;top:23px;height:2px;background-color:#f1f1f1}

.menu_fix .logo{display:none}
.menu_fix .gnb{margin-top:20px;clear:both}
.menu_fix .gnb .menu{position:absolute;top:20px;left:50%;margin-left:-480px}
.menu_fix .gnb .menu li{padding-left:90px}
.menu_fix .gnb .menu li:first-child{padding-left:0}
.menu_fix .gnb .menu li a{color:#fff}
.menu_fix .gnb .menu li a:hover, .menu_fix .gnb .menu li a:focus{color:#fff;text-decoration:underline}
.menu_fix .t_btn_login{display:none}

.wrap_personal{float:left;position:relative;margin-left:67px;margin-top:0px}
.wrap_personal .box{border-bottom:1px solid #969697;padding-bottom:7px;min-height:24px;box-sizing:border-box}
.wrap_personal .box li{display:table-cell;padding-right:10px;background:url(../images/common/arw_personal.png) no-repeat 100% 50%}
.wrap_personal .txt_id{display:inline-block;width:130px;font-size:12px;color:#000;line-height:1.2;padding:0 5px 0 24px;vertical-align:middle;background:url(../images/common/ico_personal.png) no-repeat 0 45%;word-break:break-all;font-weight:700;letter-spacing:-0.01em}

.menu_fix .wrap_personal{margin-top:0px;margin-right:20px}
.menu_fix .box{border-bottom:1px solid #7c7e7f}
.menu_fix .txt_id{color:#fff;font-weight:400;background:url(../images/common/ico_personal2.png) no-repeat 0 45%}
.menu_fix .box li{background:url(../images/common/arw_personal2.png) no-repeat 100% 50%}

.wrap_personal .personal_box{position:absolute;/*top:23px;*/right:0;margin-top:-5px;width:169px;background-color:#000;padding:11px 13px;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none}
.personal_box a{position:relative;display:block;color:#fff;font-size:12px;letter-spacing:0.05em;padding-bottom:9px}
.personal_box li:last-child a{padding-bottom:0px}
.personal_box a:hover,.personal_box a:focus,.personal_box a:active{text-decoration:underline}
.personal_box a em{color:#fff330;text-decoration:underline;padding-left:1px;font-weight:bold}
.personal_box a:after{content:'';display:block;position:absolute;top:3px;right:0;width:4px;height:8px;background:url(../images/common/bg_personal_arw.png) no-repeat 0 0}
.personal_box a:hover:after,.personal_box a:focus:after,.personal_box a:active:after{background:url(../images/common/bg_personal_arw.png) no-repeat 0 100%}
.gnb:after{content:'';display:block;clear:both}
.personal_menu{display:inline-block}
#header .header_inner,
.breadcrumb ul,
#container h2.page_tit,
#footer .in,
.wrap_sub_menu{max-width:1440px}

.wrap_search{position:relative;float:right;width:36px;height:36px;margin-left:20px}

.open_search, .btn_search{display:inline-block;overflow:hidden;position:absolute;top:-10px;right:0px;width:36px;height:36px;text-indent:-9999em;background:url(../images/common/ico_search.png) no-repeat 50% 50% }
.menu_fix .open_search{top:-7px;background:url(../images/common/ico_search_white.png) no-repeat 50% 50% }

.close_search{overflow:hidden;position:absolute;top:-10px;right:0px;width:45px;height:39px;text-indent:-9999em;background:#272727 url(../images/common/ico_search_close.png) no-repeat 50% 50% }
.menu_fix .close_search{position:absolute;top:-20px;right:1px;width:61px;height:61px;background-color:#1146d4}

.wrap_input{position:absolute;top:29px;right:0px;width:425px;height:52px;background:#fff;border:1px solid #535353;-webkit-box-shadow: 10px 8px 24px -4px rgba(0,0,0,0.35);-moz-box-shadow: 10px 8px 24px -4px rgba(0,0,0,0.35);box-shadow: 10px 8px 24px -4px rgba(0,0,0,0.35)}
.menu_fix .wrap_input{top:41px}
.wrap_input input{border:none;width:calc(100% - 39px);height:52px;line-height:52px;padding-left:12px;vertical-align:top;box-sizing:border-box}
.wrap_input .btn_search{height:52px;width:39px;top:0;right:0}


/* container */
#container{width:100%;margin-bottom:30px;position:relative}
.sub_visual{max-width:1440px;position:relative;margin:0 auto}
.sub_visual span{display:block;position:absolute;top:1px;right:-25px;width:876px;height:328px}
.sub_visual .sv1{background:url(../images/common/img_subvisual1.png) no-repeat 0 0}
.sub_visual .sv2{background:url(../images/common/img_subvisual2.png) no-repeat 0 -25px}
.sub_visual .sv3{background:url(../images/common/img_subvisual3.png) no-repeat -40px -30px}
.sub_visual .sv4{background:url(../images/common/img_subvisual4.png) no-repeat 20px 5px}
.sub_visual .sv5{background:url(../images/common/img_subvisual5.png) no-repeat 85px -20px}
.breadcrumb{width:100%;height:35px;border-top:1px solid #e4e4e4}
.breadcrumb div{position:relative;margin:0 auto;max-width:1440px;padding:7px 0 0 20px;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.breadcrumb div a, .breadcrumb div em{float:left;line-height:28px;font-size:13px}
.breadcrumb .ico_home{float:left;overflow:hidden;width:13px;height:11px;margin-top:8px;background:url(../images/common/ico_breadcrumb.png) no-repeat 0 0;text-indent:-999em}
.breadcrumb .ico_arw{float:left;width:18px;height:7px;margin-top:11px;background:url(../images/common/ico_breadcrumb.png) no-repeat 7px -23px;text-indent:-999em}
.page_tit{position:relative;clear:both;margin:0 auto;max-width:1440px;height:160px;overflow:hidden;padding:56px 20px 0 20px;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.page_tit h2{font-weight:800;font-size:56px;color:#222;letter-spacing:-0.02em}

.newwin{min-height:100%;margin-bottom:0 !important;padding-bottom:50px;background:#f4f4f4}
.newwin .page_tit{height:auto;padding:56px 20px 29px 20px}
.newwin .page_tit h2{font-size:37px}
.newwin .page_tit h2 span{display:block;font-size:18px;padding-top:10px;letter-spacing:0}

/* contents */
#contents{position:relative;margin:0 auto;max-width:1440px;padding:10px 20px 0 20px;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-weight:400}

.newwin #contents{background:#fff;padding:10px 30px 0 30px}

/* footer */
#footer{clear:both;width:100%;padding:25px 0 0 0;height:80px;background:#363636}
#footer .in{position:relative;margin:0 auto;max-width:1440px}
#footer .sitemap{padding-left:20px;color:#fff}
#footer .sitemap p{padding-bottom:6px;font-weight:700;font-size:15px}
#footer .sitemap ul{font-weight:400;font-size:14px}
#footer .sitemap ul li{float:left;position:relative;padding:0 12px 0 12px}
#footer .sitemap ul li:first-child{padding-left:0}
#footer .sitemap ul li:after{content:'';width:1px;height:10px;background-color:#5e5e5e;overflow:hidden;position:absolute;top:3px;right:0}
#footer .sitemap ul li:last-child:after{display:none}
#footer .sitemap ul li a{color:#fff}
#footer .sitemap ul li a:hover,#footer .sitemap ul li a:focus{text-decoration:underline}
#footer .site_link{position:absolute;top:0;right:62px;overflow:hidden}
#footer .site_link li{float:left;line-height:22px;padding:0 13px;margin-left:4px;border:1px solid #525252;color:#cbcbcb;font-size:13px;text-align:center}
#footer .site_link a{display:inline-block;padding-right:7px;background:url(../images/common/ico_sitelink_arw.png) no-repeat 100% 50%;color:#cbcbcb}
#footer .site_link a:hover, #footer .site_link a:focus{text-decoration:underline}
#footer .copy{position:absolute;top:52px;left:20px;font-size:13px;letter-spacing:-0.03em;color:#cbcbcb}


#footer button.wtop{display:block;position:absolute;width:50px;height:33px;top:1px;right:0;border:none;background:url("../images/common/arw_btn_top.png") no-repeat 50% 0; cursor:pointer;color:#fff;font-size:12px;text-align:center;font-weight:400;opacity:.7}
.mtop_wrap{display:none}

.none{display:none}
.block{display:block}

@media (max-width:1439px){
  #footer button.wtop{left:100%;margin-left:-60px}
  .newwin{padding-bottom:0}
}

@media (max-width:1279px){
  .wrap_personal{margin-left:50px}
  .wrap_personal .txt_id{width:0px;padding-left:10px;padding-right:10px;text-indent:-9999em}
  .wrap_personal .personal_box{ /*width:120px */}

  .menu_fix .gnb .menu{margin-left:-430px}
}

@media (max-width:1200px){
  .menu li{padding-left:20px}
  .menu li a{font-size:16px}
  .t_btn_login{margin-left:20px}
  .t_btn_login a{width:60px}
}

@media (min-width:1024px){
  .wrap_mobile_menu{display:none !important}
}

@media (min-width:1025px) and (max-width:1280px){
 .sub_visual span{display:block;position:absolute;top:1px;right:-25px;width:70%;height:328px}
 .sub_visual .sv1, .sub_visual .sv2, .sub_visual .sv3, .sub_visual .sv4, .sub_visual .sv5{background-size:contain}
 .sub_visual .sv1{width:55%}
}

@media (max-width:1023px){
  #header .header_inner,.breadcrumb ul, #container h2.page_tit, #footer .in, .wrap_sub_menu{max-width:100%}
  #header{height:78px;background-color:#fff;z-index:500}
  .menu, .wrap_personal, .t_btn_login, .menu_fix{display:none}
  .wrap_top_main{position:relative;width:100%;height:78px;background-color:#eff0f3;z-index:500}
  .newwin_header .wrap_top_main{background-color:#fff}
  .wrap_top{position:relative;width:100%;height:78px;background-color:#fff;z-index:500}
  .logo {position:absolute;top:23px;left:20px}
  .logo a{display:block;width:184px;height:39px;overflow:hidden;background:url(../images/common/logo_mobile.png) no-repeat 0 0 / contain;text-indent:-9999em;cursor:pointer}
  #header.newwin_header .logo{top:23px}
  #header.newwin_header .logo a{background:url(../images/common/logo_mobile.png) no-repeat 0 0 / 184px 39px}
  .wrap_mobile_menu{position:relative}
  .m_toplink{position:absolute;top:-48px;right:20px;z-index:600}
  .m_toplink .m_btn_menu{display:block;border:0;overflow:hidden;text-indent:-9999em;width:22px;height:18px;background:url('../images/common/ico_m_menu.png') no-repeat 0px 0px / 22px auto;border-radius:0;cursor:pointer}
  .m_toplink .m_btn_menu_close{display:none;border:0;overflow:hidden;text-indent:-9999em;width:18px;height:18px;background:url('../images/common/ico_m_menu.png') no-repeat 100% -22px / 24px auto;border-radius:0;cursor:pointer}
  .wrap_m_menu{display:none;position:absolute;top:-5px;width:100%;background-color:#2f3eaa;z-index:500}
  .wrap_m_menu .txt_id{height:36px;line-height:36px;margin:15px 0 0 22px;padding:0 0 0 45px;font-size:14px;color:#babfed;background:url(../images/common/ico_personal3.png) no-repeat 0 45% / contain}
  .m_main_menu{padding-top:27px;padding-bottom:15px;border-bottom:1px solid #424fb1}
  .m_main_menu a{display:block;position:relative;padding:5px 22px;color:#fff;font-size:16px;letter-spacing:0.02em}
  .m_main_menu a:after{content:'';position:absolute;top:30%;right:20px;display:block;overflow:hidden;width:8px;height:14px;background:url('../images/common/ico_m_menu.png') no-repeat 0px -43px / 24px auto;border-radius:0;cursor:pointer}
  .m_personal_menu{padding-top:12px;padding-bottom:12px}
  .m_personal_menu a{display:block;position:relative;padding:4px 22px;color:#fff;font-size:14px}
  .m_personal_menu a em{color:#fff330;text-decoration:underline;padding-left:1px;font-weight:bold}
  .m_personal_menu .personal_new{display:inline-block;margin-left:10px;width:40px;height:18px;text-align:center;line-height:18px;color:#000;background-color:#FFE400;font-size:12px;font-weight:bold;letter-spacing:0.05em}
  .back_bg{display:none;position:fixed;z-index:400;top:0px;left:0px;width:100%;height:100%;content:"";background-color:rgba(0,0,0, 0.8)}
  #container{margin-bottom:15px}
  #contents{padding:0 20px 0 20px}
  .sub_visual{display:none}
  .breadcrumb{width:100%;height:0px;border:none}
  .breadcrumb div{display:none}
  .page_tit{margin-top:0px;height:auto;padding:20px 20px 0 20px}
  .page_tit h2{font-size:32px}
  .newwin .page_tit{padding:30px 20px 29px 20px}
  .newwin .page_tit h2{font-size:32px}
  .newwin .page_tit h2 span{display:block;font-size:15px;padding:10px 0 0}

  #footer .site_link{position:absolute;top:0;right:20px;overflow:hidden}
  #footer button.wtop{display:none}

  .wrap_search{display:none}
  .wrap_m_search{position:relative;top:15px;left:0px;width:100%;padding:0px 20px;overflow:hidden;box-sizing:border-box}
  .wrap_input{position:relative;top:0;left:0px;width:100%;height:34px;background:#fff;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
  .wrap_input input{border:none;width:calc(100% - 39px);height:34px;line-height:34px;padding-left:12px;vertical-align:top;box-sizing:border-box}
  .wrap_input .btn_search{height:34px;width:34px;top:0;right:0;background:url(../images/common/ico_search_2x.png) no-repeat 50% 50% / 20px 20px }
}

@media (max-width:768px){
  .newwin{padding-bottom:0px}
  .newwin .list_basic .txt_section .list_circle li{background-position:0 7px}
  .newwin .list_basic .txt_section .list_circle li{padding-left:0px}
  .newwin .list_basic .txt_section p{padding-left:0}

  #footer{height:auto;overflow:hidden;border-top:none}
  #footer .in{position:relative;margin:0 20px;height:100%}
  #footer .sitemap{padding-top:82px;padding-left:0px;overflow:hidden}
  #footer .sitemap ul li{padding-left:0px;font-size:13px;line-height:1.7}
  #footer .sitemap ul li:after{display:none}
  #footer .sitemap ul li a{color:#cbcbcb}

  #footer .site_link{position:absolute;top:0;left:0;overflow:hidden;width:100%}
  #footer .site_link li{clear:both;width:100%;margin-left:0;margin-bottom:0px;font-size:12px;text-align:center;box-sizing:border-box}
  #footer .site_link li:first-child{border-bottom:none}
#footer .site_link a{display:block;height:28px;line-height:28px;padding:0 13px;font-size:13px;background:none;/*background:url(../images/common/ico_sitelink_arw_2x.png) no-repeat 100% 50%;background-size:3px 5px*/}

  #footer .copy{position:relative;top:7px;left:0;display:inline-block;padding-bottom:25px}
  #footer button.wtop{display:block;position:fixed;width:51px;height:51px;left:50%;margin-left:720px;bottom:20px;border:none;background:url("../images/common/btn_w_top.png") no-repeat left top; background-size:cover;text-indent:-9999px;z-index:20;cursor:pointer}
}

@media (max-width:360px){
  .newwin #contents{padding:10px 20px 0 20px}

  #footer{height:auto}
  #footer .sitemap{padding-top:87px;padding-left:0px}
  #footer .sitemap ul li{clear:both;position:relative;width:100%;padding:0}
  #footer .sitemap ul li a{display:block;position:relative;width:100%;padding:0;border-bottom:1px solid #464646;line-height:28px;height:28px;background:url(../images/common/ico_sitelink_arw_2x.png) no-repeat 100% 50%;background-size:3px 5px;color:#cbcbcb}
  #footer .sitemap ul li:after{top:8px;right:10px}
  #footer .copy{top:15px;display:inline-block}
  #footer button.wtop{display:block;position:fixed;width:51px;height:51px;left:50%;margin-left:720px;bottom:20px;border:none;background:url("../images/common/btn_w_top.png") no-repeat left top; background-size:cover;text-indent:-9999px;z-index:20;cursor:pointer}
}