@charset "utf-8";
/*
 * File       : component.css
 * Author     : STUDIO-JT (NICO)
 * Guideline  : JTstyle.1.1.1
 * Guideline  : http://codex.studio-jt.co.kr/?p=746
 *
 * SUMMARY:
 * 1) COMPONENT
 */

/* **************************************** *
 * COMPONENT
 * **************************************** */
a { font-size: 15px; color: #8289DA; text-decoration: none; }
h1 { font-size: 42px; line-height: 1.316; font-weight: 600; color: #222; padding: 70px 0 45px; /*letter-spacing: -0.05em;*/}
h2 { font-size: 38px; line-height: 1.316; font-weight: 700; color: #222; /*letter-spacing: -0.05em;*/ }
h3 { font-size: 35px; line-height: 1.1; font-weight: 600; color: #222; }
h4 { font-size: 24px; line-height: 1.500; font-weight: 600; color: #333; }
h5 { font-size: 19px; line-height: 1.632; font-weight: 600; color: #333; }
h6 { font-size: 15px; line-height: 1.933; font-weight: 600; color: #555; }
p {font-size: 14px;line-height: 1.8;font-weight: 400;color: #666;}

/* POST STYLE */
.news_view_contents h1 {font-size: 37px;line-height: 1.3538;margin-top: 1.8462em;margin-bottom: 0.9231em;padding: 0;}
.news_view_contents h2 {font-size: 24px;line-height: 1.5636;margin-top: 2.1818em;margin-bottom: 1.0909em;padding: 0;}
.news_view_contents h3 {font-size: 19px;line-height: 1.3333;margin-top: 2.6667em;margin-bottom: 1.3333em;padding: 0;}
.news_view_contents h4 {font-size: 15px;line-height: 1.6678;margin-top: 3.2em;margin-bottom: 1.6em;padding: 0;}
.news_view_contents h5, .post_content .content h6 {font-size: 15px;line-height: 1.9570;margin-top: 3.2em;margin-bottom: 1.6em;padding: 0;}
.news_view_contents p {/* padding: 0 10px; */margin-bottom: 1.9em;font-size: 15px;font-weight: 400;line-height: 1.9;color: #444;}
.news_view_contents blockquote {margin-bottom: 1.6667em;padding-left: 1.3337em;border-left: 1px solid #494949;border-left: 1px solid rgba(73, 73, 73, 0.7);}
.news_view_contents blockquote p {color: #666;color: rgba(102, 102, 102, 0.7);font-size: 15px;font-weight: 400;line-height: 1.9;}
.news_view_contents img {max-width: 100%;height: auto; margin: 5px auto 5px auto; padding: 0;   }
.news_view_contents b,.post_content .content strong{ font-weight:bold}
.news_view_contents i,.post_content .content em{ font-style:italic}
.news_view_contents a {word-break: break-all;color: #25B2C1;border-bottom: 1px solid #dedede;text-decoration: none;}
.news_view_contents a:hover{border-color: #25B2C1;}
.news_view_contents code{ font-family:"Courier New", Courier, monospace; color:#999; font-size:16px;}
.news_view_contents pre{ margin:20px 0}
.news_view_contents ul,.post_content .content ol{ margin-bottom:15px; list-style-position:inside}
.news_view_contents ul{ list-style-type:disc;}
.news_view_contents ol{ list-style-type:decimal;}
.news_view_contents .wpview-type-embedURL { padding-top: 56.2%;position: relative;}
.news_view_contents iframe[src*="youtube"],
.news_view_contents iframe[src*="vimeo"]  { width: 100%;  height: 100%; box-sizing: content-box; position: absolute; top: 0;}
.news_view_contents .video_container {position: relative; width: 100%; height: 0px; margin: 20px 0;padding-top: 56.25%;}

/* TABS */
.tabs_menu li { width: 50%; }
.tabs_num_2 .tabs_menu li { width: 50%; }
.tabs_num_3 .tabs_menu li { width: 33.3333333333%; }
.tabs_num_4 .tabs_menu li { width: 25%; }
.tabs_num_5 .tabs_menu li { width: 20%; }
.tabs_num_6 .tabs_menu li { width: 16.6666666667%; }
.tabs_num_7 .tabs_menu li { width: 14.2857142857%; }
.tabs_num_8 .tabs_menu li { width: 12.5%; }
.tabs_num_9 .tabs_menu li { width: 11.1111111111%; }
.tabs_num_10 .tabs_menu li { width: 10%; }
.tabs_num_11 .tabs_menu li { width: 9.09090909091%; }
.tabs_num_12 .tabs_menu li { width: 8.33333333333%; }
.tabs_menu { padding-top: 70px; padding-bottom: 50px; font-size: 30px; font-weight: 700; text-align: center; }
.tabs_menu li { display: inline-block; }
.tabs_menu a:after { content: ""; background: #DC372B; display: block; top: 50%; left: -6px; width: 4px; height: 4px; position: absolute; margin-top: -1px; border-radius: 4px; }
.tabs_menu li:first-child a:after { display: none }
.tabs_menu a { position: relative; padding: 18px; display: inline-block; letter-spacing: .4em; }
.tabs_menu a { color: #d6d5d5; }
.tabs_menu .active a { color: #DC372B; }
.tabs_menu .active a span {/* border-bottom: 5px solid #DC372B; */ position: relative; }
.tabs_menu .active a span:after { content: ""; position: absolute; bottom: -5px; left: 0; width: 100%; width: calc(100% - 0.4em); height: 5px; background: #DC372B; }
.tabs_panels { clear: both; padding: 0; position: relative; margin-bottom: 0; padding-bottom: 0; float: left; width: 100%; border-top-width: 0;/* background: #1b1b1b; */ }
.tabs_panels > div { display: none }
.tabs_panels > div:first-child { display: block }
.tabs_menu li { width: auto }

/* SELECTBOX with jquery.selectbox-0.2 */
.sbHolder { position: relative; left: 1px; background-color: #FFFFFF; border: solid 1px #DEDEDE; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; height: 30px; position: relative; width: 90px; display: inline-block; }
.sbHolder:focus .sbSelector { }
.sbSelector { display: block; height: 30px; left: 0; line-height: 30px; outline: none; overflow: hidden; position: absolute; text-indent: 10px; top: 0; width: 170px; }
.sbSelector:link,
.sbSelector:visited,
.sbSelector:hover { color: #7B7B7B; outline: none; text-decoration: none; }
.sbToggle { /*background: url(../img/select-icons.png) 0 -116px no-repeat;*/ display: block; height: 30px; outline: none; position: absolute; right: 0; top: 0; width: 30px; }
/*
.sbToggle:hover { background: url(../img/select-icons.png) 0 -167px no-repeat; }
.sbToggleOpen { background: url(../img/select-icons.png) 0 -16px no-repeat; }
.sbToggleOpen:hover { background: url(../img/select-icons.png) 0 -66px no-repeat; }
*/
.sbHolderDisabled { background-color: #3C3C3C; border: solid 1px #515151; }
.sbHolderDisabled .sbHolder { }
.sbHolderDisabled .sbToggle { }
.sbOptions { background-color: #FFFFFF; border: solid 1px #DEDEDE; list-style: none; left: -1px; margin: 0; padding: 0; position: absolute; top: 28px !important; width: 140px; z-index: 9; overflow-y: auto; }
.sbOptions li { padding: 0 7px; }
.sbOptions a { border-bottom: solid 1px #eee; display: block; outline: none; padding: 7px 0 7px 3px; font-size: 13px !important; }
.sbOptions a:link,
.sbOptions a:visited { color: #001E3A; text-decoration: none; }
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus { color: #009447; }
.sbOptions li.last a { border-bottom: none; }
.sbOptions .sbDisabled { border-bottom: dotted 1px #515151; color: #999; display: block; padding: 7px 0 7px 3px; }
.sbOptions .sbGroup { border-bottom: dotted 1px #515151; color: #EBB52D; display: block; font-weight: bold; padding: 7px 0 7px 3px; }
.sbOptions .sbSub { padding-left: 17px; }
.sbToggle:after { content: ""; display: block; border: 4px solid transparent; border-top-color: #009447; position: absolute; top: 50%; margin-top: -2px; right: 10px; }
/* add by JUN */
.sbHolder { vertical-align: middle; text-align: left; }
.sbHolder .sbSelector { width: 100%; }
.sbOptions { width: 90px; }
.sbOptions a { padding: 19px 0; }
.jtkb .jtkb-search input { padding: 0 10px; width: auto; min-width: 164px; line-height: 28px; position: relative; z-index: 1; }
#phoneno1 + .sbHolder,
#usermaildoc + .sbHolder { margin-top: -2px; width: 140px; height: 32px; line-height: 32px; border: 1px solid #ccc; }
#phoneno1 + .sbHolder > .sbSelector,
#usermaildoc + .sbHolder > .sbSelector { height: inherit; line-height: inherit; }
#phoneno1 + .sbHolder > .sbOptions,
#usermaildoc + .sbHolder > .sbOptions { width: 101.1%; }
#phoneno1 + .sbHolder > .sbOptions a,
#usermaildoc + .sbHolder > .sbOptions a { padding: 0; }
#phoneno1 + .sbHolder { width: 110px; }

/* JUMBO HEADER */
.jumbo { height: 460px; position: relative; background: #DEDCD9 url('images/sub/customer-jumbo.jpg') left center no-repeat; }
.jumbo_content_wrap { position: absolute; right: 0; top: 0; bottom: 0; width: 50%; background: #DC372B; color: #fff; font-size: 40px; }
.jumbo_content { display: table; width: 100%; height: 100%; }
.jumbo_content_inner { vertical-align: middle; display: table-cell; padding: 0 11% }
.jumbo_content strong { margin-bottom: 20px; display: block; }
.jumbo_content strong span { display: inline-block; }
.jumbo_content p { color: #fff; font-size: 16px; }